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

.c_title h2 {font-family: 'NanumSquare',sans-serif; font-weight: 700; font-size: 17px; color:#0932a9; margin-bottom: 15px; }
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; font-size: 57px; color:#000;}
.c_title h3 {font-family: 'NanumSquare',sans-serif; font-size: 24px; color:#000; margin-top: 30px;}
.c_title p {font-family: 'NanumSquare',sans-serif; font-size: 17px; color:#888; margin-top: 30px; line-height: 28px; word-break: keep-all;}

/*Content CSS*/
#history {text-align: center; padding:0 0 110px 0;}
#history img {margin-top:50px;}
.his_top {height:350px; background: url('../img/his_top.jpg') 50% 50% no-repeat;  background-size: cover; padding:115px 0 0 0 ; margin-bottom: -110px; margin-top:30px;}
.his_top h1 {font-size:30px; color:#fff; font-family: 'NanumSquare',sans-serif;}

.his_box {background: #fff; width:1300px; margin:0 auto;}
.his_tab {width:1300px; 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:260px; 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: 'NanumSquare',sans-serif; 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: #0932a9; color:#fff;}

.his_con_wr {padding:100px 130px;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% - 30px); background: #d6d6d6; position: absolute; left:222px; 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: 'NanumSquare',sans-serif; width:150px; font-weight: 700;}
.his_dot {display: block; width:11px; height:11px; background: #fff; border:2px solid #0932a9; margin: 0 -5px 0 100px; position: relative; border-radius: 50%;
top:12px;}
.his_dot::before {content: ''; display: block; width:80px; height:1px; background: #0932a9; left:-80px; top:3px; position: absolute;}
.his_inner_ul {width:100%; }
.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: 'NanumSquare',sans-serif;}
.his_inner_ul li h2 span {color:#0932a9;}
.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) {

}