@import url("http://fonts.googleapis.com/earlyaccess/kopubbatang.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");

.co{   
    background: url(/app/dubu_sourcecode/docs/imgs/1485244778_bg333.jpg) no-repeat center;
    background-size: cover;

    /* margin: 40px 0; */}
.sub{
    
    padding:20px;
}

.sub dl{
    overflow:hidden;
    border-bottom:1px dotted #ccc;
    padding-bottom:60px;
    margin-bottom:60px;
}
.sub dl:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}
.sub dt{
        background: url(/app/dubu_sourcecode/docs/imgs/1484805297_leaf.gif) no-repeat left 2px;
    padding-left: 35px;
 font-family:'noto sans kr';
    font-size:20px;
    font-weight:400;
    color:#658a0a;
    margin-bottom:10px;
}

.sub dd:nth-child(2){

 
    
    float:right;
    width:35%;

}
.sub dd:nth-child(2) img{
    display:block;
    width:110%;
    border:1px solid #ddd;
    margin:0 auto;
}
.sub dd:nth-child(3){
   
    width:65%;
}
.sub dd h2{
    font-family:'kopub batang';
    font-size:18px;
    font-weight:400;
    color:#c9608e;
    margin-bottom:10px;
}
.sub dd p{
    font-family:'noto sans kr';
    font-size:15.5px;
    font-weight:500;
    margin-bottom:30px;
}
.sub dd ul h3 a{
    display:inline-block;
    margin-top:30px;
    margin-left:27px;
    background:#23b300;
    font-family:'noto sans kr';
    font-size:17px;
    font-weight:300;
    color:#fff;
    line-height:1em;
    text-shadow:0 0 1px rgba(0,0,0,0.2);
    border-radius:30px;
    padding:5px 20px 5px;
    margin-bottom:15px;
}
.sub dd ul li{
    font-family:'noto sans kr';
    font-size:16px;
    font-weight:300;
    color:#222;

    text-indent:-7px;
    padding-left:30px;
    margin-bottom:10px;
}
.sub dd ul li:last-child{
    margin-bottom:0;
}
.sub dd ul li::before{
    display:inline-block;
    content:'';
    width:2px; height:2px;
    background:#777;
    border-radius:50%;
    vertical-align:middle;
    margin-right:5px;
}
.sub2{padding:20px;}
.sub2 p img{width:100%;}
.sub2 h2{  background: url(/app/dubu_sourcecode/docs/imgs/1484808356_check11.gif) no-repeat left 0px;
    padding-top:5px;
height:30px;
    padding-left: 35px;
    font-family:'noto sans kr';
    font-size:20px;
    font-weight:400;
    color:#08784c;
    margin-bottom:20px;}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    .sub{
        padding:10px;
        background-color:#f8fff6;
        border:1px solid #d3ded0;
        text-align:center;
        margin-bottom:20px;
    }

    .sub dt{
        background:none;
        padding-left:0;
        text-align:center;
    }
    .sub dd ul li{padding-left:0;}
    
    .sub dd ul h3 a{
        margin-left:0;}
    .sub dd:nth-child(2){
        float:none;
        width:100%;
    }
    .sub dd:nth-child(2) img{
        width:70%;
        margin:0 auto 40px;
    }
    .sub dd:nth-child(3){
        float:none;
        width:100%;
    }
}