/*Content CSS*/
#history{overflow: hidden;}
section > article{padding: 100px 0 160px;}
/* section > article:nth-child(even){background-color: #f7f7f7;} */
section > article:nth-child(2){padding-top: 150px;}
section > article:nth-child(3){padding: 150px;}

.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

/* tit_font */
.fs_22{font-size: 22px; font-family: 'Roboto'; font-weight: 500; color: #13b6bb; line-height: 1; text-transform: uppercase;}
.fs_50{font-size: 50px; font-family: 'Noto Sans KR'; font-weight: 700; letter-spacing: -.5px; line-height: 1;}
.quo_tit{display: flex; align-items: center;}
.quo_tit .line{flex-grow: 1; margin: 0 50px; height: 1px; background-color: #ddd;}

.bar{position: relative; padding-left: 20px; }
.bar::before{content: ''; display: block; width: 4px; height: 30px; background-color: #13b6bb; position: absolute; top: 1px; left: 0;}

/* font-style */
.fs_30{font-size: 30px; font-weight: 700; line-height: 1;}
.fs_17{font-size: 17px; font-weight: 400; line-height: 1.7; color: #1d1d1f;}



.his_list_wr {width: 100%; position: relative; margin:50px 0 0; text-align: left; }
.his_list_wr::before {content: ''; display: block; width: 1px; height:calc(100% + 80px); background: #ddd; position: absolute; top:-40px; left:50%; transform:translateX(-50%); z-index: 0; }
.his_list_wr > li {width: 50%; display: flex; flex-direction: row-reverse; text-align: right; align-items: flex-start;  margin-bottom: 65px;}

.his_list_wr > li:last-child{margin-bottom: 0;}
.his_list_wr > li:nth-child(even) {margin-left:9px; }
.his_list_wr > li:nth-child(odd) {justify-content: flex-start; text-align: left; margin-left:calc(50% - 9px);  flex-direction: row;}
/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; }
.his_list_wr > li:nth-child(odd) .his_dot {flex-direction: row-reverse; }
.his_list_wr .his_dot .dot {display:block; border-radius: 50%;position: relative;  width: 18px; height: 18px; border-radius: 50%; background-color: #fff; border: solid 3px #13b6bb;}
.his_list_wr .his_dot .line {display: block ;width: 31px; height: 1px; background: #13b6bb; }
.his_list_wr .his_list{margin-top: 12px;}
/* his_txt */
.his_list_wr .his_txt {position: relative; top:-6px;}
.his_list_wr > li:nth-child(even) .his_txt {margin-right: 20px;}
.his_list_wr > li:nth-child(odd) .his_txt {margin-left: 20px;flex-direction: row;}
.his_list_wr .his_list > li {margin-bottom: 7px; position:relative; display: flex; align-items: baseline;}
.his_list_wr .his_list > li:last-child {margin-bottom: 0; }

.his_list_wr > li:nth-child(even) .his_list > li {flex-direction: row-reverse;}