/* 공통 */
.sub_con {width: 100%; margin:0 auto; position: relative; padding:0 15px; }
.sub_title h2 {font-size:17px; font-weight: 700; color:#1f9fae; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 15px; font-family: 'NanumSquare',sans-serif;}
.sub_title h1 {font-size:24px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}

/*Content CSS*/
#history {text-align: center; padding:40px 0;}
#history .w_box {width: 100%; }
.his_list_wr {width: 100%; position: relative; margin:30px 0 0; text-align: left; z-index: 1; padding:0 0 0;}
.his_list_wr::before {content: ''; display: block; width: 1px; height:calc(100% - 17px); background: #d0dcdf; position: absolute; top:6px; left:17px; z-index: -1; }
.his_list_wr > li {width: 100%; border:0px solid red; display: flex; text-align: left; align-items: flex-end; margin-bottom: 35px; margin-left:7px; }

/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; flex-direction: row-reverse; position: relative; top:-2px; }
.his_list_wr .his_dot > span {position: relative; width:21px; height: 21px; border-radius: 50%; background: rgba(31,159,174,.25);}
.his_list_wr .his_dot > span::after { content: ''; display:block; width: 7px; height: 7px; background: #1f9fae; border-radius: 50%; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.his_list_wr .his_dot::before {content: ''; display: block ;width: 25px; height: 1px; background: #1f9fae; }
.his_list_wr > li .his_dot::before {margin-left: -9px;}
/* his_txt */
.his_txt { position: relative; top:1px;}
.his_list_wr > li .his_txt {margin-left: 12px; padding-right: 15px; }
.his_txt h1 {font-size:20px; font-weight: 800; color:#1f9fae; margin-top: 10px; font-family: 'NanumSquare',sans-serif;}
.his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 10px;}
.his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_list_wr > li .his_txt .his_list span {margin-right:15px;}
.his_txt .his_list span {display: block; font-size:14px; font-weight:500; color:#000; position: relative; top:0; }
.his_txt .his_list p {font-size:13px; font-weight: 300; color:#62787e; line-height: 22px; word-break: keep-all;}








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

}

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

}

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

}