@import url("https://fonts.dubuplus.com/css?family=NanumSquareRound");
#sub_contents {font-size:15px;line-height:1.7;color:#666;letter-spacing:-0.05em;}



.h_top {margin-bottom:50px;
    text-align:center;
	background:url(/app/dubu_sourcecode/docs/imgs/1541117770_re2-history.jpg)no-repeat center center;background-size:cover;}
.h_top h3 {
	font-size:31px;font-weight:400;color:#fff;font-family:'NanumSquareRound';
    padding:50px 0 30px;
	background-color:rgba(0,0,0,.5)}
.h_top h3:after {content:'';display:block;width:12px;height:12px;border-left:2px solid #00beff;border-bottom:2px solid #00beff;margin:5px auto 15px;
	transform:rotate(-45deg)}



.history ol {}
.history ol > li {border-top:1px dotted #ddd;
	position:relative;}
.history ol > li+li {margin-top:50px;}
.history ol > li:before {content:'';display:block;width:70px;height:3px;
	background-color:#137adb;
	position:absolute;top:-2px;}
.history ol > li h4 {width:20%;display:inline-block;
	font-size:31px;color:#333;font-weight:500;line-height:1.4;
	vertical-align:top;}
.history ol > li ul {display:inline-block;width:79%;
	vertical-align:top;padding-top:10px;
	}
.history ol > li ul li{padding-left:17px;}
.history ol > li ul li+li {margin-top:5px;}
.history ol > li ul li:before{display:inline-block; content:''; width:7px; height:2px;margin-right:10px;margin-left:-17px;
    vertical-align:middle;
    background-color:#ddd;
}
.history ol > li ul li span {margin-right:15px;
	font-weight:500;color:#239fc9;}



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    #sub_contents {font-size:14px;}
    
    
    
    .h_top h3 {font-size:21px;}
    
    
    
    .history ol > li:before {width:55px}
    .history ol > li h4 {font-size:25px;}
}