/*탭*/
.sub .tab ul {
    margin-bottom: 30px;
    border-bottom: 4px solid #559e52;
}
.sub .tab ul li {
    width: 150px;
    display: inline-block;
    background: #ddd;
    padding: 10px 0;
    font-size: 17px;
    text-align: center;
    margin-right: 5px;
}
.sub .tab a li:hover {
    color:#fff;
    background: #ed9f09;
}
.on {
    color: #fff;
    background: #559e52 !important;
}





.sub h3{
    font-size: 25px;
    font-weight: 600;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    color: #333;
    letter-spacing: -1px;
    margin-bottom: 20px;
    background: url(/app/dubu_sourcecode/docs/imgs/1556097206_title-bg.png)no-repeat 0 0px;
    padding-left: 45px;
}
.sub p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 30px;
}
.sub img {
    width:100%;
    max-width:814px;
    margin-bottom: 30px;
}
.sub dl {
    margin-bottom:60px;
}
.sub dl dt{
    font-size: 20px;
    margin-bottom: 20px;
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
}

.sub dl dt:before {
    position:relative;
    content: '';
    width: 50px;
    height: 2px;
    margin-right: 5px;
    background-color: #ed9f09;
    border-radius: 10px;
    margin-bottom: -2px;
    display:block;
    top:38px;    
}
.sub dl dt span{
	background:#ed9f09;
    color:#fff;
    padding:0 5px; 
    display:inline-block;
    margin-right:5px;
}
.sub dl dd {
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.5;
    color: #535353;
    background:#f5f5f5; padding:5px 20px;
}

.sub dl dd:before{
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    margin-right: 5px;
    background-color: #333;
    border-radius: 10px;
    margin-bottom: 5px;
}
.sub dl dd.none:before{
    display:none;

}

/* cont3 */
.sub div.cont3{
	margin-bottom:50px;
}
.sub div.cont3 > ul {
    overflow: hidden;
    padding: 20px 0;
}
.sub div.cont3 > ul > li {
    float: left;
    width:24%;
    margin-left:1.333%;
    border: 1px solid #e4e4e4;
    padding: 10px;
    position: relative;
    text-align: center;
    padding-top: 25px;
    height:70px;
}
.sub div.cont3 > ul > li:first-child{margin-left:0;}
.sub div.cont3 > ul > li > h2 {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -20px;
    font-size: 16px;
    font-weight: 800;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #ced8a2;
    border-radius: 50%;
    color: #fff;
}
.sub div.cont3 > ul > li:nth-child(2) > h2{background-color: #b1d4b0;}
.sub div.cont3 > ul > li:nth-child(3) > h2{background-color: #8cc38a;}
.sub div.cont3 > ul > li:nth-child(4) > h2{background-color: #6cad6a;}
.sub div.cont3 > ul > li:nth-child(5) > h2{background-color: #559e52;}

.sub div.cont3 > ul > li > p {
     font-size: 15px;
    letter-spacing: -1px;
    line-height: 1.5;
    color: #535353;

}
.table_list .other {padding:5px; text-align:center;
}
/*table_list*/
.table_list *{    font-family:'Noto Sans Kr';}
.table_list{
    width:100%;
    border-collapse:collapse;
    border-top: 3px solid #ed9f09;
    margin-bottom:30px;
}

.table_list th,
.table_list td{
    padding:10px 5px;
    border:1px solid #e2e2e2;
    line-height:1.5em;
}
.table_list th{
    background: #f9f5ed;
    color: #333;
    border: 1px solid #e2e2e2;
    font-weight: 500;
    font-size: 16px;

}
.table_list td{
    color: #666;
    font-size: 15px;
    padding:20px;
}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .sub div.cont3 > ul > li > p {
        font-size: 14px;
    }
}

/* mobile */
@media screen and (max-width:768px){
    .sub .tab ul li {
        width: 87px;
        font-size: 14px;
        margin-right: 0px;
    }
    .sub div.cont3 > ul > li { width:48%;  margin-top:20px; margin-bottom:20px;}
    .sub div.cont3 > ul > li:nth-child(3){margin-left:0;}
}