@import url("https://fonts.dubuplus.com/css?family=Nanum Square");

.sub div {  background:url(/app/dubu_sourcecode/docs/imgs/1596611073_img.jpg); background-size:100%; height:380px;}
.sub h3 {  background: #fff; font-family:'Nanum Square';
    display:block;
    padding: 50px;
    font-size: 30px;
    letter-spacing: -1px;
    text-align: center;
    color:#000;
    margin: -100px auto 50px;
    width:80%;
    line-height:1.3


}
.sub h3 img{ display:block; margin: 0 auto 10px;}

.sub dl {text-align: center;    border: 2px dashed #ddd;    padding: 30px; margin-bottom:50px;}
.sub dl dt {font-family:'Nanum Square'; font-size:24px; font-weight:bold; letter-spacing: -1px;margin-bottom:10px;}
.sub dl dt span {font-family: 'Nanum Square'; font-size:20px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    background: #009688;
    line-height: 40px;
    border-radius: 100%;
    display: block;
    margin: 0 auto 10px;
    text-align: center;
    color: #fff;}
.sub dl dd {font-size:17px; font-weight:300; letter-spacing: -0.8px;}


/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .sub div {height:295px;}
    .sub p{     width:90%;font-size: 16px;}

    .sub ul li{margin:10px;}
    .mo {display:none;}

}

/* mobile */
@media screen and (max-width:767px){
    .sub div {    height: 145px;}
    .sub h3 {font-size: 20px; padding:30px; margin: -60px auto 20px;}
    .sub h3 img {width:35px;}
    .sub dl {margin-bottom:20px;}
    .sub dl dt { font-size: 20px;}
    .sub dl dt span { font-size: 17px; width: 35px; height: 35px; line-height: 37px; }
    .sub dl dd {font-size:15px;}
    .mo {display:none;}
}