/* 공통 */
.con_wrap { width:1300px; margin:0 auto; }
.se_con { padding:90px 0; }

.sub_title { line-height: 1; text-align: center; }
.sub_title span { display: inline-block; margin-bottom: 20px; font-size:17px; color:#3d6cb3; font-family: 'Montserrat';
font-weight: 500; text-transform: uppercase; }
.sub_title h1 { font-size:43px; color:#000; font-weight: 300; font-family: 'NanumSquare';}
.sub_title h1 b { font-weight: 800; }
.sub_title h1 br { display: none; }


/*Content CSS*/
.s1_con { position:relative; font-family: 'NanumSquare'; padding:80px 0 150px; text-align: center; font-size:20px; color:#666; background:#fff; z-index: 3; }
.sub_bot_bg { width: 100%; height: 470px; background: url('../img/history_bg.jpg') 50% 50% no-repeat; background-size:cover;
margin-top:-300px; }

/* pc */
.his_list_wr.pc {width: 100%; position: relative; text-align: left; z-index: 1; padding:40px 0 0; background:#fff; }
.his_list_wr.pc::before {content: ''; display: block; width: 1px; height: calc(100% + 135px); background: #ddd; position: absolute; top:0; left:50%; transform:translateX(-50%); z-index: -1; }
.his_list_wr.pc > li {width: 50%; border:0px solid red; display: flex; flex-direction: row-reverse; text-align: right;
    align-items: flex-start; margin-bottom: 140px; }
.his_list_wr.pc > li:nth-child(odd) {margin-left:7px; }
.his_list_wr.pc > li:nth-child(even) {justify-content: flex-start; text-align: left; margin-left:calc(50% - 7px);  flex-direction: row;}
/* dots */
.his_list_wr.pc .his_dot {display: flex; align-items: center; }
.his_list_wr.pc > li:nth-child(even) .his_dot {flex-direction: row-reverse; }
.his_list_wr.pc .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #3d6cb3; border-radius: 50%; }
.his_list_wr.pc .his_dot::before {content: ''; display: block ;width: 70px; height: 1px; background: #3d6cb3; }
/* his_txt */
.his_list_wr.pc .his_txt {height: 0; position: relative; top:-16px;}
.his_list_wr.pc > li:nth-child(odd) .his_txt {margin-right: 30px; }
.his_list_wr.pc > li:nth-child(even) .his_txt {margin-left: 30px; }
.his_list_wr.pc .his_txt h1 {font-size:30px; font-weight: 800; color:#3d6cb3; font-family: 'NanumSquare'; margin-bottom:20px; }
.his_list_wr.pc .his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 15px;}
.his_list_wr.pc .his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_list_wr.pc > li:nth-child(odd) .his_txt .his_list li {flex-direction: row-reverse;}
.his_list_wr.pc > li:nth-child(odd) .his_txt .his_list span {margin-left:30px;}
.his_list_wr.pc > li:nth-child(even) .his_txt .his_list span {margin-right:30px;}
.his_list_wr.pc .his_txt .his_list span {display: block; font-size:17px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; position: relative; top:4px; width: 37px;}
.his_list_wr.pc .his_txt .his_list p {font-size:14px; font-weight: 300; color:#666; line-height: 24px;  word-break: keep-all;}


/* 연혁 모바일 */
.his_list_wr.mob { display: none; }
.his_list_wr.mob { display: none; width: 100%; position: relative; text-align: left; z-index: 1; padding:40px 0 0;}
.his_list_wr.mob::before {content: ''; display: block; width: 1px; height: 100%; background: #ddd; position: absolute; top:0; left: 7px;
z-index: -1; }
.his_list_wr.mob > li {width: 100%; border:0px solid red; display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 50px; justify-content: flex-start; text-align: left;  }

.his_list_wr.mob .his_dot {display: flex; align-items: center; flex-direction: row-reverse; position: relative; top:-5px; }
.his_list_wr.mob .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #006cb7;
border-radius: 50%; }
.his_list_wr.mob .his_dot::before { content: ''; display: block; width: 30px; height: 1px; background: #006cb7; }

.his_list_wr.mob .his_txt {position: relative; top:-15px;}
.his_list_wr.mob > li .his_txt {margin-left: 20px;}
.his_list_wr.mob .his_txt h1 {font-size:30px; font-weight: 700; color:#3d6cb3; font-family: 'Montserrat'; margin-bottom:15px; }

.his_list_wr.mob .his_txt .his_list > li { display: flex; align-items: flex-start; margin-bottom: 10px; }
.his_list_wr.mob .his_txt .his_list > li span { display: inline-block; font-size:16px; font-weight: 700; color:#333;
    font-family: 'NanumSquare',sans-serif; padding-right: 13px; margin-top: 3px;}
.his_list_wr.mob .his_txt .his_list > li p { word-break: keep-all; line-height: 23px; font-size:15px; color:#666; font-weight: 300; }
.his_list_wr.mob .his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_list_wr.mob .his_txt .his_list > li b { font-weight: 400; color:#000; }
.his_list_wr.mob .his_txt .his_list.last span { margin-top: 8px; }
.his_list_wr.mob .his_txt .his_list.last p { line-height: 30px; }



@media screen and (max-width: 1300px) {
    .con_wrap { width:100%; padding-left: 50px; padding-right: 50px; }
}

@media screen and (max-width: 1024px) {
    .se_con { padding:80px 30px 0; }
    .his_list_wr.mob { display: block; }
    .his_list_wr.pc { display: none; }

    .s1_con { padding:50px 0 0; }
    .sub_bot_bg { height: 300px; margin-top:0; }
}

@media screen and (max-width: 640px) {
    .se_con { padding:80px 20px 0; }

    .sub_title span { font-size:15px;}
    .sub_title h1 { font-size:36px; line-height: 48px; }
    .sub_title h1 br { display: block; }
}