@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
#sub_contents {font-size:15px;line-height:1.6;color:#696969;}


.s_top {margin-bottom:40px;
	background:url(/app/dubu_sourcecode/docs/imgs/1530592421_facilities-bg.jpg)no-repeat center center;
	background-size:cover;}
.s_top div {display:block;
    text-align:center;
    padding: 40px 20px;
	background-color:rgba(51,113,141,0.65);}
.s_top h2 {color:#fff;font-family:'NanumSquare';font-size:35px;letter-spacing:-2px;font-weight:300;}
.s_top h2:after {content:'';display:block;width:0px;height:20px;border-left:4px dotted rgba(255,255,255,.75);margin:0 auto 10px;}
.s_top h2 b {font-family:inherit;}
.s_top p {color:#fff;font-size:1.15em;line-height:1.5;letter-spacing:-.5px;}


.s_con+.s_con {margin-top:55px;}
.s_con h3 {margin-bottom:5px;
    font-family:'NanumSquare';font-size:28px;color:#333;letter-spacing:-2px;
	padding-left:30px;
	background:url(/app/dubu_sourcecode/docs/imgs/1530587472_sub-con-tit-icon.png)no-repeat left center;}


.check {border-top:3px solid #28b0ef;
	padding:30px;
	background-color:#f7f7f7;}
.check li {
	padding-left:20px;
	background:url(/app/dubu_sourcecode/docs/imgs/1530595288_check.png)no-repeat left 3px;}
.check li+li {margin-top:10px;}


.s_con > div {}
.s_con > div+div{margin-top:30px;}


.s_con h4 {font-size:19px;letter-spacing:-1px;color:#184e8c;}
.s_con h4:before {content:'';display:inline-block;width:5px;height:5px;margin-right:5px;
	border-radius:50%;vertical-align:middle;
	background-color:#184e8c}


.s_con ol {border:1px solid #ddd;overflow:hidden;
	padding:20px;}
.s_con ol li {width:23.5%;float:left;
    text-align:center;color:#333;letter-spacing:-1px;font-size:.9em;
	vertical-align:middle;padding:30px 0;
	background-color:#eef4f7;}
.s_con ol li.r2 {padding: 20px 0;}
.s_con ol li+li {margin-left:2%;
	position:relative;}
.s_con ol li+li:before {content:'▶';display:block;
    color:#28b0ef;
	position:absolute;left:-15px;top:50%;margin-top:-10px;}



/* tablet */
@media screen and (min-width:681px) and (max-width:991px){
    .s_con ol li+li:before {left:-13px;}
    
}

/* mobile */
@media screen and (max-width:680px){
    #sub_contents {font-size:14px;}
    
    
    .s_top h2 {font-size:30px;}
    .s_top p br {display:none;}
    
    
    .s_con h3{font-size:24px;}
    
    
    .s_con ol li {width:45%;margin-bottom:10px;}
    .s_con ol li:nth-child(3n) {margin-left:6%;}
    .s_con ol li+li:before {left:-9px;}
    
    
}