/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }
.s_title h2 {font-size: 22px; font-weight: 500; color: #9f2124; font-family: 'Montserrat'; text-transform: uppercase; }
.s_title h1 {font-size: 48px; font-weight: 700; color: #000; margin-top: 10px;}
.s_title.wh h1 {color:#fff; }
.w_box {background-color: #fff; box-shadow: 0 0 19.7px 4.3px rgba(14, 26, 41, 0.05);}
.sub_p {font-size:18px; font-weight: 300; color:#666; line-height: 30px; letter-spacing: -.5px;}
/* section */
.section {padding:100px 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:16px; font-weight: 300; color:#666; word-break: keep-all; padding-left: 15px; margin-bottom: 5px;
line-height: 26px; 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:90px 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;}
#about .img_cover img {width: 100%; height: 100%; object-fit: cover;}

/* section1 */
#ab_sec1 {text-align: center; }
#ab_sec1 .flex {margin-top: 45px; align-items: center; justify-content: space-between; }
#ab_sec1 .flex .txt {width: calc(100% - 550px); padding-left: 80px; text-align: left; }
#ab_sec1 .txt .logo {padding-bottom: 30px; border-bottom: 1px solid #000;}
#ab_sec1 .txt .info {display: flex; flex-wrap:wrap; margin:40px 0;}
#ab_sec1 .txt .info li {display: flex; align-items: flex-start ;line-height: 25px; width: 60%;}
#ab_sec1 .txt .info li:nth-child(even) {width: 40%;}
#ab_sec1 .txt .info li:nth-child(n+3) {margin-top: 10px;}
#ab_sec1 .txt .info li span {display: block; font-size:16px; font-weight: 500; color:#000; min-width: 70px;letter-spacing: -.4px; }
#ab_sec1 .txt .info li p {font-size:15px; font-weight: 300; color:#777; letter-spacing: -.4px;}
#ab_sec1 .txt .w_box {width: 100%; padding:35px 0; text-align: center; }
#ab_sec1 .txt .w_box ul {width: 100%; display: flex; }
#ab_sec1 .txt .w_box ul li {width: 33.3%; border-right: 1px solid #ddd; }
#ab_sec1 .txt .w_box ul li:last-child {border-right: 0; }
#ab_sec1 .txt .w_box ul li i {color:#7c7b7c; font-size:32px; transition: transform 500ms;}
#ab_sec1 .txt .w_box ul li h2 {font-size:17px; font-weight: 500; color:#000; margin:15px 0 7px;}
#ab_sec1 .txt .w_box ul li p {font-size:16px; font-weight: 300; color:#666; }
#ab_sec1 .txt .w_box ul li:hover i {transform: rotateY(180deg);}

/* 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: 75px 100px; }
/* sec2 - article1 */
#ab_sec2 .arti1 .txt h1 {font-size: 38px; font-weight: 500; color:#000; }
#ab_sec2 .arti1 .txt h2 {font-size:20px; font-weight: 400; color:#9f2124; margin: 30px 0 35px;}
#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; justify-content:center; margin-top: 50px;}
#ab_sec2 .arti1 .box_wr .box {width: 280px; height: 280px; border:10px solid #08385a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 45px;
position: relative; z-index: 1; }
#ab_sec2 .arti1 .box_wr .box:last-child {margin-right: 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:10px solid rgba(8,56,90,.3);}
#ab_sec2 .arti1 .box_wr .box h1 {font-size:22px; font-weight:700; color:#000; line-height: 36px;}
#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:100px 0 0; margin-top: 75px; 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; padding:115px 0; 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: 60px; position: relative; z-index: 1; }
.his_box_wr::before {content: ''; display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left:50%; transform:translateX(-50%); top: 0; z-index: -1;}
.his_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 85px;}
.his_box .img, .his_box .cont {width: 560px; }
.his_box .dot {width: 15px; height: 15px; border-radius: 50%; display: block; border:3px solid #9f2124; background-color: #fff; margin:0 80px;}
.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 h1 {font-size:34px; font-weight: 700; color:#000; }
.his_box .cont h2 {font-size: 17px; font-weight: 700; color:#9f2124; white-space: nowrap;}
.his_box .cont ul {margin-top:20px; }
.his_box .cont ul li {font-size:16px; font-weight: 300; color:#666; line-height:26px; margin-bottom: 12px; 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 {height: 350px; border:1px solid #ddd; display: flex; align-items: center ;justify-content: center; overflow: hidden;}
.his_box .cont .flex {flex-direction: row-reverse; margin-top: 30px; }
.his_box .cont .flex ul {margin-top: 0;}
.his_box .cont .flex h2 {width: 90px; }
.his_box .cont .flex ul {width: calc(100% - 90px);}



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

}


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

}

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

}