@import url("https://fonts.dubuplus.com/css?family=Noto Sans KR");
@import url("https://fonts.dubuplus.com/css?family=Nanum Square");
@font-face {
    font-family: 'KHNPHD';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KHNPHD.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.sub dl dt {font-size:28px;color:#000; background:url(/app/dubu_sourcecode/docs/imgs/1616055498_icon.jpg) no-repeat 0 -1px; padding-left:35px;font-family:'Nanum Square';font-weight:bold;letter-spacing:-1.2px; margin-bottom:15px;}
.sub dl dt span {    margin-top:3px;   font-family: 'Noto Sans Kr';    font-size: 20px;    font-weight: 400;    margin-left: 10px;    color: #7d7d7d;}

.sub dl dd .img li {display:inline-block; width:31%; margin-right:20px;  margin-bottom:30px; }
.sub dl dd .img li:nth-child(3n) {margin-right:0;}
.sub dl dd .img li img {width:100%;border: 1px solid #eaeaea;    padding: 15px;}

.sub dl dd p{text-align: center;    font-size: 17px;color:#000; letter-spacing: -0.8px;    font-weight: 300;}
.sub dl dd p strong {font-family: 'KHNPHD'; display:block; margin: 20px 0;}
.sub dl dd p strong span {display:block;}
.sub dl dd p span.txt01 { font-family: 'KHNPHD'; font-size:28px;}
.sub dl dd p span.txt01 img {display:block; margin: 0 auto 10px; width:50px;}
.sub dl dd p span.txt02 { font-weight:500; font-size:19px; letter-spacing: -1px;}
.sub dl dd p span.txt02 b{    color: #ff7e00;
    padding: 0 7px;
}

.txt_bottom { background:#fdfdfd; border: 10px solid #efefef; padding:50px;text-align:center; margin-top:50px;}
.txt_bottom img{ margin-bottom:20px; width:120px}
.txt_bottom p {     font-family: 'KHNPHD'; font-size:24px;}
.txt_bottom p span {display:block;}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .mo{display:none;}
}

/* mobile */
@media screen and (max-width:767px){
    .sub dl dt span {display:block; margin-left: 0;}

    .sub dl dd .img {margin-bottom:20px;}
    .sub dl dd .img li {width:31%; margin-right:5px; margin-bottom:10px;}
    .sub dl dd .img li img {   padding: 5px;}

    .sub dl dd p{font-size:15px;}    
    .sub dl dd p span.txt01{    font-size: 22px;}
    .sub dl dd p span.txt02 {font-size:17px;}

    .txt_bottom {padding:40px 20px;}
    .txt_bottom img {width:100px;}
    .txt_bottom p {font-size:18px;}
    .txt_bottom p br{display:none;}

    .mo{display:none;}
    
    .txt_bottom p span {display:inline;}

}