/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
.sub_title1 {font-size:16px; font-weight: 600; color:#006dbb; font-family: 'Raleway', sans-serif;}
.sub_title1::after {content: ''; display: block; width:1px; height:40px; margin: 20px auto 0; background: #006dbb;}

/*Content CSS*/
#history {text-align: center; padding:135px 0 110px 0; background: url('../img/dot_ptn2.png') 50% 50% repeat; }
#history img {margin-top:50px;}
.his_top {width:100%; height:320px; background: url('../img/his_top.jpg') 50% 50% no-repeat;  padding:115px 0 0 0 ; margin-bottom: -110px; margin-top:30px;}
.his_top h1 {font-size:30px; color:#fff; font-family: 'NEXON Lv1 Gothic OTF';}

.his_box {background: #fff; width:1100px; margin:0 auto;}
.his_tab {width:1100px; display: flex;box-shadow: 0 2px 4px 0 rgba(135, 135, 135, 0.16);  top:0; z-index: 20; transition: all .3s ease; position: relative;}
.his_tab li {width:275px; height:60px;}
.his_tab li a {display: block; width:100%; height:100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease; font-size:20px;
font-weight: 400; color:#919191; background: #fff; font-family: 'NEXON Lv1 Gothic OTF'; position: relative;}
.his_tab li a:hover {background: #f5f5f5;}
.his_tab li a::after {content: ''; display: block; width:1px; height:30px; background: #e9e9e9; position: absolute; right:0; top:15px;}
.his_tab li:last-child a::after, .his_tab li a.active::after {display: none;}
.his_tab li a.active {background: #006dbb; color:#fff;}

.his_con_wr {padding:100px 115px 100px;text-align: left; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.16);}
.his_con_wr > ul {position: relative;}
.his_con_wr > ul::before {content: ''; display: block; width:1px; height:calc(100% - 12px); background: #d6d6d6; position: absolute; left:210px; top:12px;}
.his_con_wr > ul > li {display: flex; align-items: flex-start; margin-bottom:100px;}
.his_con_wr > ul > li:last-child {margin-bottom:0;}
.his_con_wr > ul h1 {font-size:32px; color:#2a2a2a; letter-spacing: .3px; font-family: 'NEXON Lv1 Gothic OTF'; width:105px;}
.his_dot {display: block; width:11px; height:11px; background: #fff; border:2px solid #006dbb; margin: 0 -5px 0 100px; position: relative; border-radius: 50%;
top:12px;}
.his_dot::before {content: ''; display: block; width:80px; height:1px; background: #006dbb; left:-80px; top:3px; position: absolute;}
.his_inner_ul {width:650px;}
.his_inner_ul li {display: flex; padding:24px 30px 0; align-items: flex-start; width:100%;}
.his_inner_ul li:first-child {padding-top:7px}
.his_inner_ul li.bor {border-bottom:1px solid #f2f2f2; padding-bottom:24px;}
.his_inner_ul li h2 {font-size:20px; color:#2a2a2a; letter-spacing: .2px; font-family: 'NEXON Lv1 Gothic OTF';}
.his_inner_ul li h2 span {color:#006dbb;}
.his_inner_ul li p {font-size:16px; font-weight: 300; color:#2a2a2a; letter-spacing: -.5px; line-height: 25px; margin-left:54px; position: relative; top:-2px;}



@media screen and (max-width: 992px) {


@media screen and (max-width: 480px) {

}