/* 공통 */
.c_inner {width: 1300px; margin:0 auto;}
.w_box {width: 1200px; margin:0 auto; padding:0 0 75px; background: #fff; position: relative; z-index: 2; }
.sub_title h2 {font-size:16px; font-weight: 600; color:#0053a5; letter-spacing: 9.6px; text-transform: uppercase; margin-bottom: 30px; font-family: 'Montserrat'; }
.sub_title h1 {font-size:36px; font-weight: 300; color:#333; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 b {font-weight: 700; }
.sub_p {font-size:15px; font-weight: 300; color:#666; line-height: 30px; }
.sub_p span {color:#0053a5; }
.sub_bot_bg {width: 100%; height: 450px; background: url('../img/his_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-top:-80px; }
.apos_head {display: inline-block; position: relative; }
.apos_head > img {position: absolute; top:-35px; }
.apos_head > img.apos1 {left:-90px;}
.apos_head > img.apos2 {right:-90px;}
.sub_table {width: 1000px; margin:0 auto; border-collapse: collapse; text-align: left; border-top:2px solid #0053a5; }
.sub_table th { font-size:14px; font-weight: 500; color:#333; padding:22px 0 22px 22px; background: #f7f7f7; border-bottom: 1px solid #ddd; width: 150px; }
.sub_table td {padding:22px; background: #fff; border-bottom: 1px solid #ddd; font-size:14px; font-weight: 300; color:#8f8f8f; letter-spacing: -.7px; }


/*Content CSS*/
#history {text-align: center; padding:80px 0 0;}
#history .w_box {width: 1300px; padding-bottom: 150px; }
.his_list_wr {width: 100%; position: relative; margin:70px 0 0; text-align: left; z-index: 1; padding:40px 0 0;}
.his_list_wr::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 > li {width: 50%; border:0px solid red; display: flex; flex-direction: row-reverse; text-align: right; align-items: flex-start; margin-bottom: 109px; }
.his_list_wr > li:nth-child(odd) {margin-left:7px; }
.his_list_wr > li:nth-child(even) {justify-content: flex-start; text-align: left; margin-left:calc(50% - 7px);  flex-direction: row;}
/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; }
.his_list_wr > li:nth-child(even) .his_dot {flex-direction: row-reverse; }
.his_list_wr .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #0053a5; border-radius: 50%; }
.his_list_wr .his_dot::before {content: ''; display: block ;width: 70px; height: 1px; background: #0053a5; }
/* his_txt */
.his_txt {height: 0; position: relative; top:-16px;}
.his_list_wr > li:nth-child(odd) .his_txt {margin-right: 30px; }
.his_list_wr > li:nth-child(even) .his_txt {margin-left: 30px; }
.his_txt h1 {font-size:36px; font-weight: 700; color:#0053a5; font-family: 'Montserrat'; margin-bottom:20px; }
.his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 15px;}
.his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_list_wr > li:nth-child(odd) .his_txt .his_list li {flex-direction: row-reverse;}
.his_list_wr > li:nth-child(odd) .his_txt .his_list span {margin-left:30px;}
.his_list_wr > li:nth-child(even) .his_txt .his_list span {margin-right:30px;}
.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_txt .his_list p {font-size:14px; font-weight: 300; color:#8d8d8d; line-height: 24px;}








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

}

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

}

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

}