@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.sub dl {margin-bottom:50px;}
.sub dl img { width:100%; }
.sub dl dt {font-size:28px; font-family: 'SBAggroL';color:#000;  margin-bottom:5px;}
.sub dl dt:before{display:inline-block; content:''; background:#8fc256; width:10px; height:23px;  margin-right: 8px;  margin-bottom: -3px;border-radius:3px;}
.sub dl dd { padding:25px 35px; background:#f7f7f7; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.sub dl dd ul li:before{display:inline-block; content:''; background:#333; width:3px; height:3px;  margin-right: 5px; margin-bottom: 5px; border-radius:50%;}
.sub dl dd ul li { display:inline-block; width : 49%; margin: 5px 0;font-size: 16px; color:#777;}
.sub dl dd ul li strong {font-weight: 500; color:#000;}
.w100 {width:100% !important;}
.w30 {width:33% !important;}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:767px){
    .sub dl dd {padding:20px;}
    .sub dl dd ul li {width:100%; font-size: 14px;}
    
    .w100, .w30 {width:100% !important;}
}