/*공통*/
.con_wrap {width: 100%;}
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 90px 0;}
.con1500 {width: 100%; margin: 0 auto;}

.c_title {text-align: center;}
.c_title h2 {font-family: 'NanumSquare',sans-serif; font-size: 17px; color: #0932a9; font-weight: 700; line-height: 26px}
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-size: 34px; color: #000; margin-bottom: 30px; font-weight: 900; line-height: 45px; word-break: keep-all;}
.c_title p {font-size: 14px; color: #000; font-weight: 400; line-height: 24px; word-break: keep-all;}
.c_title p::before {display: block; content: ""; width: 95px; height: 2px; background: #000; margin: 0 auto 30px auto;}


/*Content CSS*/
#history {text-align: center; padding:0 15px 80px 15px; }
#history .sub_con {padding:0;}
#history img {margin-top:50px;}
.his_top {width:100%; height:175px; background: url('../img/his_top.jpg') 50% 50% no-repeat;  background-size:cover; padding:40px 0 0 0 ; margin-bottom: -45px; }
.his_top h1 {font-size:18px; color:#fff; font-family: 'NanumSquare',sans-serif; line-height: 30px;}

.his_box {background: #fff; width:calc(100% - 30px); margin:0 auto;}
.his_tab {width:100%; display: flex;box-shadow: 0 2px 4px 0 rgba(135, 135, 135, 0.16);  top:60px; z-index: 20; transition: all .3s ease; position: static; left:0;}
.his_tab li {flex:1; height:45px;}
.his_tab li a {display: block; width:100%; height:100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease; font-size:14px;
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:25px; background: #e9e9e9; position: absolute; right:0; top:12px;}
.his_tab li:last-child a::after, .his_tab li a.active::after {display: none;}
.his_tab li a.active {background: #0932a9; color:#fff;}

.his_con_wr {padding:50px 20px 50px 75px;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% - 10px); background: #d6d6d6; position: absolute; left:-45px; top:10px;}
.his_con_wr > ul > li {display: flex; align-items: flex-start; flex-direction: column; margin-bottom:50px; position: relative;}
.his_con_wr > ul > li:last-child {margin-bottom:0;}
.his_con_wr > ul h1 {font-size:22px; color:#2a2a2a; letter-spacing: .3px; font-family: 'NEXON Lv1 Gothic OTF';}
.his_dot {display: block; width:11px; height:11px; background: #fff; border:2px solid #0932a9; position: absolute; border-radius: 50%; left:-50px; top:5px;}
.his_dot::before {content: ''; display: block; width:25px; height:1px; background: #0932a9; right:-26px; top:3px; position: absolute;}
.his_inner_ul {width:100%;}
.his_inner_ul li {display: flex; padding:22px 0 0; align-items: flex-start; width:100%; flex-direction: column; width:100%;}
.his_inner_ul li:first-child {padding-top:12px}
.his_inner_ul li.bor {border-bottom:1px solid #f2f2f2; padding-bottom:12px;}
.his_inner_ul li h2 {font-size:15px; color:#2a2a2a; letter-spacing: .2px; font-family: 'NEXON Lv1 Gothic OTF'; margin-bottom: 4px;}
.his_inner_ul li h2 span {color:#0932a9;}
.his_inner_ul li p {font-size:14px; font-weight: 300; color:#2a2a2a; letter-spacing: -.5px; line-height: 22px; word-break: keep-all;  }



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

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

}