@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/kopubbatang.css");
@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic");








.img_1 > p > img {width:98%;}
.serv {
    background: url(/app/dubu_sourcecode/docs/imgs/1485244778_bg333.jpg) no-repeat center;
    background-size: cover;
    padding: 20px 0px;
    /* margin: 40px 0; */
}


.serv .box_wrap {
    width:98%;
    margin:0 auto;
}

.serv .box_wrap p img {
    width:98%;
    margin:0 auto;
    padding-bottom:20px;
}

.serv h2 {
    font-family:'noto sans kr';
    font-weight:500;
    color:#458705;
    font-size:33px;
    text-align:center;

    font-family:'noto sans kr';
}
.serv h2 span {
    font-family:'noto sans kr';
    font-weight:500;
    color:#25beb1;
    font-size:33px;

    margin:15px 0 15px -3px;
}



.serv h2 em {
    font-family:'Noto Sans KR';
    font-weight:400;
    font-size:20px;
    color:#9a9a9a;
    letter-spacing:-1px;
    padding-left:5px;
}

.serv ul {
    padding:30px;
    margin:20px 0;
    border:1px solid #25beb1;
    background:rgba(255,255,255,0.4);
}

.serv li {

    font-weight:400;
    color:#393939;
    font-size:15px;
    letter-spacing:-0.6px;
    line-height:1.6;
    margin-left:8px;
}

.serv li > em {
    font-family:'Nanum Gothic';
    font-weight:600;
    color:#73adc8;
    margin-left:5px;
    display:block;
}
.serv h3 {
    font-family:'Noto Sans KR';
    font-weight:400;
    color:#a5ce39;
    font-size:20px;
    text-align:center;
    border:2px solid #a5ce39;
    padding:5px;
    letter-spacing:-1px;
    margin:20px 0;
    background:url(/app/dubu_sourcecode/docs/imgs/1452218493_info_img5.png) no-repeat left 2px;
    background-size:17px auto;
    padding-left:20px;
}

.serv h4 {
    font-family:'noto sans kr';
    font-weight:500;
    color:#8fbc00;
    font-size:22px;
    letter-spacing:-1px;
    margin-top:5px;
    margin:30px 0 10px;
    padding-bottom:7px;
    background:url(/app/dubu_sourcecode/docs/imgs/1484808356_check11.gif) no-repeat left -1px;
    background-size:22px auto;
    padding-left:25px;
}
.serv h5 {
    font-family:'Noto Sans KR';
    font-weight:500;
    color:#fff;
    width:180px;
    background:#25beb1;
    font-size:17px;

    padding:3px;
}

.serv p {
    font-family:'Nanum Gothic';

    color:#111;
    font-size:15px;
    letter-spacing:-1px;
    line-height:1.8;
    margin:10px 0;
    margin-left:15px;
}
.serv p em {
    margin-left:-15px;
    margin-right:3px;
}

/* serv_box */ 

.serv_box {

    overflow:hidden;
}
.serv_box p img{width:100%}
.serv_box ul li span{font-weight:600;
    color:#09bf89;

}


.info_2 ul {background:#fff;}


}
.info_2 li {

    overflow:hidden;
    padding:30px; 20px;

}
.info_2 ul li span{font-size:17px;font-weight:600;color:#25beb1;}
.info_2 img  {

    height:;

    float:left; 
    margin-right:40px;
}

/*pre-set*/

.serv .w50 {
    width:50%;
}
.serv a {
    font-family:'Nanum Gothic';
    font-weight:400;
    color:#111;
    font-size:15px;
    letter-spacing:-1px;
    border:1px solid #59748e;
    border-radius:7px;
    position:relative;
    transition:0.4s ease;
    padding:5px 10px;
    margin-left:7px;
    margin-top:-4px;
    display:inline-block;
    vertical-align:middle;
}
.serv a:hover {
    box-shadow:0px 15px rgba(255,255,255,0.1) inset;
    background:#59748e;
    border:1px solid #bbb;
    font-weight:600;
    color:#fff;
    border:1px solid #59748e;
}
.serv .box {	
    position:relative;

}
.serv .close {
    position:absolute;
    right:20px;
    bottom:20px;
}
.serv .prc_img  {
    padding:25px;
    border:1px solid #ddd;
}


/* .st2*/

.serv .st2 ul {
    padding:0 10px;
    margin:0;
    margin-top:-20px;
    border:0px;
}
.serv .st2 li {
    padding:30px 0;
    color:#797979;
    border-bottom:1px solid #ddd;
}
.serv .st2 li:before {
    display:none;
}

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

/* mobile */
@media screen and (max-width:768px){
    .serv p {margin-left:0;}
    .serv li {margin-left:0;}

    .info_2{

    }

    .info_2 ul li span{font-size:17px;font-weight:600;color:#a5ce39;text-align:center;display:block;}


    .info_2 li {
        overflow:hidden;
        padding:0;text-align:center;

    } 

    .info_2 img {


        display:block;
        margin:20px auto;
        float:none;
    }








    #sub_title {
        display:block;
    }
    .serv {

    }
    .serv h2 {
        border-bottom:1px dashed #ddd;    
        margin-bottom:0px;
        padding-bottom:20px;

        font-size:26px;
    }
    .serv h2 span{ font-size:26px;}

    .serv h3 {
        font-size:20px;

    }
    .serv h4 {
        font-size:17px;
    }
    .serv h5 {
        font-size:15px;
    }
    .serv p, .serv li {
        font-size:13px;
    }
    .serv ul, .serv .list_no ul {
        padding:10px;
    }
    .serv .box_wrap {
        width:92%;
        margin:0 auto;
    }

    .serv .w50 {
        width:100%;
    }


    /* serv_box */ 

    .serv .serv_box_left {
        width:100%;
        float:none;
        padding-right:0px;
        height:auto;
        margin-top:40px;
    }

    .serv .pl20 {
        padding-left:0;
    }

}