.sub  {}
.sub img {width:100%;}
.sub dl dt {   font-family: 'SBAggroL'; font-size:32px; color:#000; letter-spacing: -1px; margin-bottom:30px;}
.sub dl dt:before{display:inline-block;content:'';  width:21px; height:22px; margin-right: 10px;background:url(/app/dubu_sourcecode/docs/imgs/1631163467_icon.png);}
.sub ul { margin : 0 0 50px;}
.sub ul li { margin-bottom: 50px; }
.sub ul li:last-child {margin-bottom: 0}
.sub ul li img  {display:inline-block; width: 40%;    vertical-align: top; }
.sub ul li div {display:inline-block; width: 59%;  height: 304px;  text-align:Center;        border-top: 1px solid #e2e2e2;  border-bottom: 1px solid #e2e2e2;  vertical-align: top;     padding: 60px 50px;  background:#f7f7f7;}
.sub ul li div h4 {  font-weight: 500;  margin-bottom: 20px;  display: block;    background: #15157a;  color:#fff;  border-radius: 10px; font-family: 'SBAggroL';   font-size: 22px;    letter-spacing: -1px;    padding: 13px 0 10px;    ;}
.sub ul li div p {  letter-spacing: -1px;font-size: 17px;color: #7e7e7e;    line-height: 1.3;}
.sub ul li div p strong  {display:block; font-size: 20px;      margin-bottom: 5px;font-weight: 500; color:#000}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .sub ul li img,
    .sub ul li div {width: 100%; }

    .sub ul li div {height: auto; }
}


/* mobile */
@media screen and (max-width:767px){
    .sub dl dt {
        font-size: 25px;
    }
 



    .sub ul li img,
    .sub ul li div {width: 100%; }

    .sub ul li div {height: auto;padding: 30px;}
    .sub ul li div p {font-size: 15px;}
    .sub ul li div p br{display:none;}
}