@import url("https://fonts.dubuplus.com/css?family=Fugaz One");
#sub_contents {font-size:15px;line-height:1.6;color:#666;
    padding-bottom:60px;}



/*----- common ( -----*/

.sub p+p {margin-top:15px;}
.sub p+ul {margin-top:15px;}
.sub p+dl {margin-top:30px;}
.sub p+div {margin-top:50px;}
.sub p+table {margin-top:15px;}
.sub ul+table {margin-top:15px;}
.sub dl+dl {margin-top:25px;}
.sub dl dd p+div {margin-top:20px;}
.sub div+div {margin-top:50px;}
.sub table+p {margin-top:30px;}
.sub table+ul {margin-top:25px;}
.sub table+dl {margin-top:15px;}
.sub table+table {margin-top:30px;}



.txt_center {text-align:center;}



.s_con {overflow:hidden;
    padding: 0 30px;}
.s_con+.s_con {margin-top:120px;}



/* sub tit 1 */
.s_con h4 {margin-bottom:20px;
	font: 600 31px/1.3 'Noto Sans KR';letter-spacing:-0.04em;color:#333;}
.s_con h4:before {content:'';width:55px;height:5px;display:block;margin-bottom:15px;
	background:url(/app/dubu_sourcecode/docs/imgs/1546819767_line.gif)no-repeat center center;background-size:100% auto;}



/* sub subtitle */
p.strong {font-weight:600;font-size:1.2em;color:#ff9933}



/* sub tit 2 */
.s_con h5 {margin-bottom:5px;
    font-weight:600;color:#0099cc;font-size:21px;text-align:left;}



/* table */
.sub table{width:100%;border-collapse:collapse;}
.sub table caption{text-align:left; color:#000; font-size:20px; font-weight:bold; margin:0 0 10px;}
.sub p{margin-top:15px;}
.sub table td,.sub table th {border:1px solid #ddd;
    font-size:inherit;color:inherit;font-family:inherit;
	padding:6px 10px; text-align:center;}
.sub table th {
    color:#333;
	background-color:#f7f7f7;}
.sub table thead th {color:#fff;
    background-color:#333;}
.sub table .strong strong {font-weight:600;color:#ff9933}



/* number - list */
.num {border:1px solid #eee;padding:20px;}
td .num {border:0;}
.num > li {overflow:hidden;
	padding-left:35px;}
.num > li+li {margin-top:10px;}
.num2 > li+li {margin-top:30px;}
.num > li span {display:inline-block;width:30px;margin-left:-35px;border-bottom:1px solid #ddd;float:left;
    font-weight:500;color:#0f62bf;font-family:'Fugaz One'}
.num h6 {margin-bottom:5px;
    font-size:19px;line-height:1.3;color:#0f62bf}
.num h7 {font-size:17px;font-weight:600;color:#333;}



/* dot - list */
.dot {padding:10px;}
td .dot {padding:0;}
.dot li{padding-left:13px;}
.dot li+li {margin-top:5px;}
.dot li:before{display:inline-block; content:''; width:3px; height:3px;margin-right:10px;margin-left:-13px;
    border-radius:50%; vertical-align:middle;
    background-color:#6b8007;
}



/* bar tit - content */
.s_con dl {}
.s_con dl dt {margin-bottom:5px;
    font-size:17px;font-weight:600;color:#333;}
.s_con dl dt:before {content:'';width:10px;height:2px;display:inline-block;margin-right:5px;
	vertical-align:middle;
	background-color:#ddd;}
.s_con dl dd ul ul {font-size:.9em;}

/*----- ) common -----*/



.call {
	padding:30px;
	background-color:#99cc33}
.call h5 {display:inline-block;width:40%;
    font-size:25px;font-weight:900;letter-spacing:-0.04em;color:#fff;line-height:1;
	vertical-align:middle;padding-right:0px;}
.call p {display:inline-block;
    font-size:1.2em;color:#fff;
    vertical-align:middle;}

ul.img{overflow:hidden;} 
ul.img li{width:50%; float:left;}
ul.img.width33 li{width:33.3%;}
ul.img li img{width:100%; padding:5px;}



div.cs{background:#f5faff; border:1px solid #ddd; padding:30px; text-align:center;}
div.cs p{font-size:18px;}
div.cs ul li{}
div.cs ul li a{font-weight:500; font-size:26px;}
/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .center ul li > span {display:block;height:auto;height:410px;
	padding:50px 50px 50px 50px;
    background-repeat:no-repeat;background-size: 50% auto;background-position: 110% bottom;}
    /*.center ul li:nth-child(3) span {height: auto;}*/
}

/* mobile */
@media screen and (max-width:768px){
    #sub_contents {font-size:14px;}
        
    
    
    /*----- common (-----*/
    
    .s_con {padding:0;}
    
    
    
    .s_con h4 {font-size:25px;}
    
    
    
    .sub table td,.sub table th {
        padding: 5px;
        font-size:.9em;
    	-ms-word-break:break-all;
    	word-break:break-all;}
    .sub table.long_word th {width:100%;display:block;}
    .sub table.long_word td {width:100%;display:block;border-top:0;}
    .sub table.long_word tr+tr th {margin-top:5px;}
    
    
    
    .num h6 {font-size:17px;}
    .num h7 {font-size:15px;}
    
    /*----- ) common -----*/
    
    
    
    .call h5 {width:100%;margin-bottom:15px;}
    .call p {}
    
    ul.img li{width:100%; float:none;}
    ul.img.width33 li{width:100%; float:none;}
    
    div.cs ul li a{font-size:20px;}
    
}