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

.sub{
    padding:20px;
}
.sub dl{
    margin-bottom:50px;
}

.sub dt{
    font-family:'noto sans kr';
    font-size:24px;
    font-weight:500;
    letter-spacing:-0.03em;
    margin-bottom:20px;
}
.sub dt::before{
    display:inline-block;
    content:'';
    width:20px; height:20px;
    background:url(/app/dubu_sourcecode/docs/imgs/1537497015_1481613576_bu_h3.png) no-repeat 50% 50%;
    background-size:auto 100%;
    border-radius:50%;
    vertical-align:middle;
    margin-right:5px;
}
.sub dd{
    font-family:'noto sans kr';
    font-size:18px;
    color:#222;
    line-height:1.7em;
    text-align:justify;
    padding:0 20px;
    margin-bottom:20px;
}
.sub dd img {width:100%;}
.sub dd:last-child{
    margin-bottom:0;
}
.sub dd strong{
    display:block;
    font-family:'noto sans kr';
    font-size:17px;
    font-weight:500;
    color:#25518f;
}
.sub li{
    font-family:'noto sans kr';
    font-size:14px;
    font-weight:400;
    line-height:1.7em;
    text-indent:-7px;
    padding-left:7px;
    margin-bottom:10px;
}
.sub li:last-child{
    margin-bottom:0;
}
.sub li::before{
    display:inline-block;
    content:'';
    width:2px; height:2px;
    background:#25518f;
    border-radius:50%;
    vertical-align:middle;
    margin-right:5px;
}

.sub table{
    width:100%;
    border-collapse:collapse;
    border-top:2px solid #25518f;
}
.sub th,
.sub td{
    font-family:'noto sans kr';
    font-size:14px;
    color:#000;
    line-height:1.7em;
    text-align:center;
    word-break:keep-all;
    padding:10px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}
.sub th{
    font-weight:500;
    background:#eee;
}
.sub td{
    font-weight:300;
}
.sub tr:last-child th,
.sub tr:last-child td{
    border-bottom:3px double #ccc;
}
.sub td:last-child{
    border-right:0;
}

.cont3 tr:nth-child(1) th{
    border-bottom:3px double #ccc;
}
.cont4 tr:nth-child(2) th{
    border-bottom:3px double #ccc;
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .sub{
        padding:30px;
    }
    .sub dt{
        font-size:20px;
    }
    .sub dt::before{
        width:18px; height:18px;
    }
    .sub dd{
        font-size:14px;
        padding:0 15px;
    }
    .sub dd strong{
        font-size:16px;
    }
    .sub li{
        font-size:13.5px;
    }
    .sub th,
    .sub td{
        font-size:13px;
        padding:10px 5px;
    }
}

/* mobile */
@media screen and (max-width:768px){
    .sub{
        padding:20px;
    }
    .sub dt{
        font-size:18px;
    }
    .sub dt::before{
        width:16px; height:16px;
    }
    .sub dd{
        font-size:13.5px;
        padding:0 10px;
    }
    .sub dd strong{
        font-size:15px;
    }
    .sub li{
        font-size:13px;
    }
    .sub th,
    .sub td{
        font-size:12px;
        padding:5px;
    }
}