.sub dl{overflow:hidden; margin-bottom:100px;}
.sub dl:last-child {margin-bottom:0;}
.sub dl dt{float:left; width:20%; font-size:28px; line-height: 1.3; font-weight:bold; letter-spacing: -1.5px;}
.sub dl dt:before {display:block;content:''; width:25px; height:3px; background:#80c141; margin-bottom:10px; border-radius:30px;}
.sub dl dd{float:left; width:80%; border-left:1px solid #ddd; padding-left:30px;}

.sub dl dd h3 {font-size:20px; margin-bottom:10px;}
.sub dl dd p {font-size:17px; font-weight:300; margin-bottom:10px;letter-spacing: -0.8px; line-height:1.5;}


.sub dl dd ul.step { overflow: hidden;margin-bottom:20px; }
.sub dl dd ul.step li{float:left; width:18%; margin-left:2%;font-size:18px; border:1px solid #ddd; padding:20px;}
.sub dl dd ul.step li:first-child{margin-left:0;}
.sub dl dd ul.step li span{background:#9fc720; display:block; width:25px; height:25px; line-height:22px; text-align:center; color:#fff; margin-bottom:10px; font-size:16px;}
.sub dl dd ul.step li p {   font-size: 20px;font-weight:500; margin-bottom: 10px;    letter-spacing: -0.8px;}

.sub dl dd ul.text {}
.sub dl dd ul.text li {font-size:17px; font-weight:300; margin-bottom:10px;letter-spacing: -0.8px;}
.sub dl dd ul.text li:before {display:inline-block;content:''; width:3px; height:3px; background:#333; margin-right:5px; margin-bottom:5px; border-radius:30px;}



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){    

}

/* mobile */
@media screen and (max-width:768px){

    .sub dl dt{float:none; width:100%; font-size:24px;  padding-bottom:10px; margin-bottom:15px;}
    .sub dl dd{float:none; width:100%; border-left:none; padding-left:0px;}
        
    .sub dl dd ul.step li {  width:47%; margin:5px;}
    .sub dl dd ul.step li:first-child {    margin-left: 5px;}
    
    .sub dl dd ul.text li, .sub dl dd p {font-size:15px; line-height:1.5;}




}