/* 공통 */
.sub_con {width: 100%; padding:0 15px; position: relative; }
.w_box {background: #fff; position: relative; z-index: 2;   box-shadow: 0 0 10px 0 rgba(21, 21, 21, 0.08);}
.bot_bg {width: 100%; height: 150px; position: relative; z-index: 1; background: url('../img/ab_bot_bg.jpg') 50% 50% no-repeat; background-size:cover; }
.sub_p {font-size: 13px; font-weight: 300; color:#666; line-height:24px; word-break: keep-all; letter-spacing: -.5px;}



/*Content CSS*/
#about {text-align: center; padding:60px 0 0; }
/* sec */
#ab_s1 .w_box {padding:50px 15px;}
#ab_s1 .line_box {padding:20px 80px; position: relative; display: inline-block ;}
#ab_s1 .line_box::before {content: ''; display: block; width: 32px ;height: 120px; background: url('../img/ab_line_left.png') 50% 50% no-repeat; position: absolute;left: 0; top:50%; transform:translateY(-50%);}
#ab_s1 .line_box::after {content: ''; display: block; width: 32px ;height: 120px; background: url('../img/ab_line_right.png') 50% 50% no-repeat; position: absolute;right: 0; top:50%; transform:translateY(-50%);}
#ab_s1 .line_box h2 {font-size: 14px ;font-weight: 300; color:#333; font-family: 'NanumSquare',sans-serif;line-height: 26px; }
#ab_s1 .line_box h1 {font-size: 26px; font-weight: 800; color:#000; margin-top: 15px; font-family: 'NanumSquare',sans-serif;}
#ab_s1 .line_box h1 span {color: #dcaf3c; }
#ab_s1 .sub_p {margin-top: 50px; }

/* sectio2 (History)*/
#ab_s2 {text-align: center; margin-top: 70px; }
#ab_s2 .article {padding:0 15px 50px; background: #fff; position: relative; z-index: 3;}
#ab_s2 .article .tit h2 {font-size:13px; font-weight: 600; color:#dcaf3c; letter-spacing: 4px; margin-bottom: 15px; font-family: 'Montserrat'; }
#ab_s2 .article .tit h1 {font-size:26px; font-weight: 800; color:#333; font-family: 'NanumSquare',sans-serif;}
#ab_s2 .article > h1::before {content: ''; display: block; width: 30px; height: 3px; background: #dcaf3c; margin:0 auto 20px;}
.his_list_wr {width: 100%; position: relative; margin:40px 0 0; text-align: left; z-index: 1; padding:40px 0 0;width: 100%;}
.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: 50px; 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 #dcaf3c; border-radius: 50%; }
/* his_txt */
.his_txt {position: relative; top:-16px;}
.his_list_wr > li .his_txt {margin-left: 20px; width: calc(100% - 35px); }
.his_txt h1 {font-size:30px; font-weight: 700; color:#dcaf3c; font-family: 'Montserrat'; margin-bottom:20px; }
.his_txt .his_list > li {display: flex; align-items: flex-start; margin-bottom: 15px; width: 100%;}
.his_txt .his_list > li:last-child {margin-bottom: 0; }
.his_txt .his_list span {display: block; font-size:13px; font-weight: 700; color:#333; position: relative; top:0;width: 40px; min-width: 40px; }
.his_txt .his_list p {font-size:13px; font-weight: 300; color:#8d8d8d; line-height: 22px; word-break: keep-all; letter-spacing: -.5px; }
.his_txt .his_list > li > p, .his_txt .his_list > li > div {width:calc(100% - 40px);}
.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){

}