/* 공통 */
.sub_con {width:100%; padding:0 15px; position: relative; }
.s_title h2 {font-size: 14px; font-weight: 500; color: #9f2124; font-family: 'Montserrat'; text-transform: uppercase; }
.s_title h1 {font-size: 26px; font-weight: 700; color: #000; margin-top: 10px;}
#c1_wrap .c_title h2 {font-size:14px; font-weight: 500; color: #9f2124;font-family: 'Montserrat';  }

.s_title.wh h1 {color:#fff; }
.w_box {background-color: #fff; box-shadow: 0 0 15px 4.3px rgba(14, 26, 41, 0.05);}
.sub_p {font-size:13px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.5px; word-break: keep-all;}
/* section */
.section {padding:60px 0; }
.section.gray {background-color: #f7f7f7; }
/* table */
.s_table table {width: 100%; border-collapse: collapse;}
/* cir_bullet_list */
.cir_bullet_list li {position: relative; font-size:13px; font-weight: 300; color:#666; word-break: keep-all; padding-left: 12px; margin-bottom: 5px;
line-height: 24px; letter-spacing: -.5px;}
.cir_bullet_list li:last-child {margin-bottom: 0; }
.cir_bullet_list li::before {content: ''; display: block ; position: absolute; width: 4px; height: 4px; background-color: #ababab; border-radius: 50%; position: absolute; left: 0; top: 11px;}
/* rac_bullet_list */
.rac_bullet_list li {position: relative; font-size:16px; font-weight: 300; color:#666; letter-spacing: -.4px; word-break: keep-all; padding-left: 15px; margin-bottom: 8px;
line-height: 26px;}
.rac_bullet_list li:last-child {margin-bottom: 0; }
.rac_bullet_list li::before {content: ''; display: block ; position: absolute; width: 5px; height: 5px; background-color: #9f2124;  position: absolute; left: 0; top: 10px;}



/*Content CSS*/
#about {padding:0 0 0;}
#about .flex {display: flex; }
#about img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-webkit-user-drag: none; max-width: 100%;}

/* section1 */
#ab_sec1 {text-align: center;  padding:0 0 60px;}
#ab_sec1 .flex {margin-top:30px; align-items: center; flex-direction: column; }
#ab_sec1 .flex .txt {width:100%;text-align: left;  margin-top: 25px;}
#ab_sec1 .txt .logo {padding-bottom: 30px; border-bottom: 1px solid #000;}
#ab_sec1 .txt .logo img {width: 140px;}
#ab_sec1 .txt .info {display: flex; flex-wrap:wrap; margin:30px 0;}
#ab_sec1 .txt .info li {display: flex; align-items: flex-start ;line-height: 25px; width: 100%;}
#ab_sec1 .txt .info li:nth-child(n+2) {margin-top: 10px;}
#ab_sec1 .txt .info li span {display: block; font-size:14px; font-weight: 500; color:#000; min-width: 60px;letter-spacing: -.4px; }
#ab_sec1 .txt .info li p {font-size:13px; font-weight: 300; color:#777; letter-spacing: -.5px; word-break: keep-all;}
#ab_sec1 .txt .w_box {width: 100%; padding:10px 0; text-align: center; margin-top: 40px;}
#ab_sec1 .txt .w_box ul {width: 100%; display: flex; flex-direction: column; align-content: center; padding:0 30px;}
#ab_sec1 .txt .w_box ul li {width: 100%; border-bottom: 1px solid #ddd; display: flex; align-items: center; padding:15px 5px;}
#ab_sec1 .txt .w_box ul li:last-child {border-bottom: 0; }
#ab_sec1 .txt .w_box ul li i {color:#7c7b7c; font-size:24px;}
#ab_sec1 .txt .w_box ul li h2 {font-size:15px; font-weight: 500; color:#000; margin:0 15px;}
#ab_sec1 .txt .w_box ul li p {font-size:13px; font-weight: 300; color:#666; }

/* section2 */
#ab_sec2 {text-align: center; }
#ab_sec2 .s_title::after {content: ''; display: block; width: 1px; height: 32px; background-color: #000; margin:25px auto 0;}
#ab_sec2 .w_box {padding: 40px 15px; }
/* sec2 - article1 */
#ab_sec2 .arti1 .txt h1 {font-size: 20px; font-weight: 500; color:#000; word-break: keep-all; }
#ab_sec2 .arti1 .txt h2 {font-size:15px; font-weight: 400; color:#9f2124; margin: 15px 0 20px; word-break: keep-all; letter-spacing: -.5px;}
#ab_sec2 .arti1 table {border-top: 3px solid #9f2124; margin-top:50px; }
#ab_sec2 .arti1 table thead th {padding:15px 20px; font-size:17px; font-weight: 500; color:#fff; background-color: #333; border:1px solid rgba(255,255,255,.2); border-bottom: 0;}
#ab_sec2 .arti1 table thead th .line {display:inline-block; width: 1px; height: 12px; background-color: #fff; opacity: .3; margin:0 10px;}
#ab_sec2 .arti1 table thead th img {position: relative; top: -2px;}
#ab_sec2 .arti1 table thead td {padding:16px 20px;font-size:17px; font-weight: 500; color:#fff;  background-color: #636363; }
#ab_sec2 .arti1 table tbody th {padding:16px; border:1px solid #ddd; background-color: #f7f7f7; font-size:16px; font-weight: 400; color:#000 ;}
#ab_sec2 .arti1 table tbody td {padding:20px 20px; border:1px solid #ddd; background-color: #fff; text-align: left; }
#ab_sec2 .arti1 .box_wr {display:flex; align-items: center; flex-direction: column; margin-top: 50px;}
#ab_sec2 .arti1 .box_wr .box {width: 250px; height: 250px; border:7px solid #08385a; border-radius: 50%; display: flex; align-items: center; justify-content: center;
position: relative; z-index: 1; margin-bottom:20px;}
#ab_sec2 .arti1 .box_wr .box:last-child {margin-bottom: 0;}
#ab_sec2 .arti1 .box_wr .box::before {content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top:0; z-index: -1; border:7px solid rgba(8,56,90,.3);}
#ab_sec2 .arti1 .box_wr .box h1 {font-size:18px; font-weight:700; color:#000; line-height:30px;}
#ab_sec2 .arti1 .box_wr .box.box2 {border-color: #9f2124;}
#ab_sec2 .arti1 .box_wr .box.box2::before {border-color: rgba(234,93,37,.3);}

/* sec2 - article2 */
#ab_sec2 .arti2 {padding:50px 0 0; margin-top: 50px; border-top: 1px solid #ddd; position: relative; z-index: 1; }
/* #ab_sec2 .arti2 .cont .rac_bullet_list {position: absolute; text-align: left ;}
#ab_sec2 .arti2 .cont .rac_bullet_list:nth-child(1) {left: 0; top: 130px;}
#ab_sec2 .arti2 .cont .rac_bullet_list:nth-child(2) {left: 0; top: 280px;}
#ab_sec2 .arti2 .cont .rac_bullet_list:nth-child(3) {left: 340px; bottom: 30px;}
#ab_sec2 .arti2 .cont .rac_bullet_list:nth-child(4) {right: -30px; top: 280px;}
#ab_sec2 .arti2 .cont .rac_bullet_list:nth-child(5) {right: -30px; top: 130px; } */

/* section3 */
#ab_sec3 {text-align: center;  background: url('../img/ab_s3_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#ab_sec3 .img {margin-top: 40px; }

/* section4 (history )*/
#ab_sec4 {text-align: center ;}
.his_box_wr {margin-top: 40px; position: relative; z-index: 1; }
.his_box_wr::before {content: ''; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left:6px; top: 0; z-index: -1;}
.his_box {display: flex; flex-direction: column; align-items: center; margin-bottom:60px; padding-left: 30px; position: relative; }
.his_box .img {position: relative;}
.his_box .img img {width: 100%; max-width: auto; }
.his_box .img, .his_box .cont {width: 100%; text-align: left ;}
.his_box .dot {width: 13px; height: 13px; border-radius: 50%; display: block; border:2px solid #9f2124; background-color: #fff; margin:0; position: absolute;
left: -30px; top:50%; transform:translateY(-50%);}
/* .his_box_wr .his_box:nth-child(odd) {flex-direction: row-reverse; text-align: right ;}
.his_box_wr .his_box:nth-child(even) {flex-direction: row; text-align: left ;} */
.his_box_wr .his_box:last-child {margin-bottom: 0; }

.his_box .cont {margin-top: 30px;}
.his_box .cont h1 {font-size:24px; font-weight: 700; color:#000; }
.his_box .cont h2 {font-size: 16px; font-weight: 700; color:#9f2124; white-space: nowrap;}
.his_box .cont ul {margin-top:15px; }
.his_box .cont ul li {font-size:13px; font-weight: 300; color:#666; line-height:24px; margin-bottom:5px; word-break: keep-all; letter-spacing: -.6px;}
.his_box .cont ul li:last-child {margin-bottom: 0; }
.his_box .cont ul li b {font-weight: 500; color:#000;}

.his_box .img.border {display: flex; align-items: center ;justify-content: center;}
/* .his_box .img.border img {max-height: 100%; max-width: 100%;} */
.his_box .cont .flex { margin-top:15px ;flex-direction: column;}
.his_box .cont .flex ul {margin-top: 0;}
.his_box .cont .flex h2 {margin-bottom: 10px;}
.his_box .cont .flex ul {width: 100%;  }



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

}


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

}

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

}