/* 공통 */
.sub_con {width: 100%; padding:0 15px;  position: relative; }
.section {padding: 60px 0;}
.s_title h2 {font-size:14px ;font-weight: 700; color:#0000ff; text-transform: uppercase; }
.s_title h1 {font-size:24px; font-weight: 700; color:#000; margin-top: 10px;}
.s_title.wh h2, .s_title.wh h1 {color:#fff;}

/*Content CSS*/
/* section */
#his_sec1 {text-align: center; }
#his_sec1 .list {margin-top: 30px ;width: 100%; border-top: 2px solid #000; display: flex; flex-wrap:wrap;text-align: left; }
#his_sec1 .list li {display: flex; line-height: 30px; align-items: flex-start; padding:15px 0; width:100%; border-bottom: 1px solid #ddd;}
#his_sec1 .list li h2 {font-size:13px ;font-weight: 700; color:#000; letter-spacing: -.5px; white-space: nowrap; min-width: 85px; margin-right: 20px; line-height: 20px;}
#his_sec1 .list li p {font-size:12px; font-weight: 300; color:#333; letter-spacing: -.5px; word-break: keep-all; line-height: 20px; }


/* sec2 */
#his_sec2 {padding :0 0 60px; overflow: hidden; }
#his_sec2 .top {width: 100%; height:180px ; text-align: center; padding:0 0 0; background: url('../img/his_top.jpg') 50% 50% no-repeat; background-size:cover; position: relative; z-index: 1;
display: flex; flex-direction: column; align-items: center; justify-content: center; }
#his_sec2 .w_box {padding:0 15px; position: relative; z-index: 2; background-color: #fff ;  }

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

/* dots */
.his_list_wr .his_dot {display: flex; align-items: center; flex-direction: row-reverse; position: relative; top:-5px; }
.his_list_wr .his_dot::after { content: ''; display:block; width: 15px; height: 15px; background: #fff; border:3px solid #0000ed; border-radius: 50%; }
/* his_txt */
.his_txt {position: relative; top:-16px;}
.his_list_wr > li .his_txt {margin-left: 20px;}
.his_txt h1 {font-size:30px; font-weight: 700; color:#0000ed; font-family: 'Montserrat'; margin-bottom:15px; }
.his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 10px; width: 100%;}
.his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_txt .his_list span {display: block; font-size:15px; font-weight: 700; color:#333; position: relative; top:0;width: 50px; min-width: 50px; }
.his_txt .his_list p {font-size:13px; font-weight: 300; color:#8d8d8d; line-height: 24px; word-break: keep-all;}
.his_txt .his_list > li > p, .his_txt .his_list > li > div {width:calc(100% - 50px);}
.his_txt .his_list div {width: 100%;}






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

}


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

}

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

}