@charset "utf-8";

/* 공용 */
[data-aos=fade-down] {transform: translate3d(0,-30px,0);}
[data-aos=fade-up] {transform: translate3d(0,30px,0);}

.mt80 {margin-top: 80px;}

.brochure_down {font-weight: 700; font-size: 1.125em; line-height: 1; color: #fff; align-items: center; justify-content: space-between; width: 230px; height: 55px; background-color: #c70b18; padding: 0 35px; border-radius: 3px; margin: 80px auto 0;}

/* sv */
.sv_sec {width: 100%; height: 390px; position: relative; margin: 0 auto; background: no-repeat center center; padding: 100px 0 80px; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; overflow: hidden;}
.sv_sec.sv01{background-image: url(../../images/sub/sub_vis01.jpg);}
.sv_sec.sv02{background-image: url(../../images/sub/sub_vis02.jpg);}
.sv_sec.sv03{background-image: url(../../images/sub/sub_vis03.jpg);}
.sv_sec.sv04{background-image: url(../../images/sub/sub_vis04.jpg);}
.sv_sec .tit_box h2 {font-size: 3.4375em; font-weight: 700; line-height: 1; color: #fff; text-align: center;}
.sub_cont {max-width: 1400px; width: 100%; margin: 90px auto 120px; justify-content: space-between; align-self: flex-start;}
.sub_cont .lnb_wrap {max-width: 250px; width: 17.86%;}
.lnb_wrap  h3 {font-size: 2em; font-weight: 700; color:#fff; background: url(../../images/sub/lnb_tit.jpg) no-repeat center center; width: 100%; height: 170px; display: flex; align-items: center ;justify-content: center;}
.lnb_wrap ul li a {display: flex; align-items: center; justify-content: space-between; padding: 0 20px; font-size: 1.0625em; font-weight: 400; color: #808080; line-height: 1.2; border-bottom: 1px solid #ddd; height: 60px; transition: all 0.2s; position: relative;}
.lnb_wrap ul li a::after {content: ""; display: block; width: 7px; height: 7px; background-color: #ddd; border-radius: 50%; transition: all 0.2s; position: absolute; right: 20px;}
.lnb_wrap ul li:hover a,
.lnb_wrap ul li.current a {color: #151d30; font-weight: 500; background-color: #f6f7f9;}
.lnb_wrap ul li:hover a::after,
.lnb_wrap ul li.current a::after {background-color: #151d30; }
.sub_cont .sub_inner {max-width: 1100px; width: 78.58%;}
.sub_inner .top_wrap {align-items: center; justify-content: space-between; padding:18px 0; border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.sub_inner .top_wrap h3 {font-size: 2.5em; font-weight: 500; line-height: 1.15; color: #111; max-width: 50%;}
.sub_inner .top_wrap ul {align-items: center;}
.sub_inner .top_wrap ul li {margin-left: 9px; line-height: 1;}
.sub_inner .top_wrap ul li.txt_li {font-size: 1em; font-weight: 400; line-height: 1; color: #999;}
.sub_inner h4.s_tit {font-size: 1.875em;font-weight: 500; color: #333; padding-left: 35px; position: relative; line-height: 1;}
.sub_inner h4.s_tit::before {content: ""; display: block; width: 16px; height: 16px; background: url(../../images/sub/s_tit.jpg) no-repeat center center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

/* s1_1 */
.s1_1 article {justify-content: space-between;}
.s1_1 article .img_wrap {max-width: 520px; width: 47.273%;}
.s1_1 article .txt_wrap {max-width: 545px; width: 49.5455%; margin-right: -25px;}
.s1_1 article .txt_wrap > h5 {font-size: 1em; font-weight: 500; color: #e60012; line-height: 1;}
.s1_1 article .txt_wrap > h4 {font-size: 2em; font-weight: 500; color: #333; line-height: 1.40625; margin: 15px 0 25px;}
.s1_1 article .txt_wrap p {font-size: 1em; line-height: 1.875; color: #666; letter-spacing: -0.04em;}
.s1_1 article .txt_wrap .ceo_box {justify-content: flex-end; align-items: flex-end; margin-top: 23px; padding-right: 12px;}
.s1_1 article .txt_wrap .ceo_box h5 {font-size: 1.125em; line-height: 1; color: #666; font-weight: 400;}
.s1_1 article .txt_wrap .ceo_box h4 {font-size: 1.875em; line-height: 1; color: #333; margin-left: 40px;}

/* s1_2 */
.s1_2 .history_top {position: relative; }
.s1_2 .history_top .img_wrap {display: flex; align-content: center; justify-content: center; overflow: hidden;}
.s1_2 .history_top .img_wrap img {min-width: 800px;}
.s1_2 .history_top .his_tit {position: absolute; bottom: -30px; left: 0; width: 298px; height: 105px;}
.s1_2 .history_top .his_tit h3 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; font-size: 2.125em; line-height: 1; color: #fff;}
.s1_2 .history_top .his_tit img {filter: drop-shadow(-6px 10px 18px rgba(9, 2, 4, 0.2))}
.s1_2 .history {margin-top: 108px;}
.s1_2 .history h3 {font-weight: 400; font-size: 3em; width: 395px; vertical-align: top; color: #111; line-height: 1;}
.s1_2 .history h3 span {color: #e60012;}
.s1_2 .history .his_list {width: calc(100% - 395px); position: relative;}
.s1_2 .history .his_list:before {content: '';position: absolute;left: -1px;top: 1%;width: 1px;height: 96%;background-color: #ddd;}
.s1_2 .history .his_list .his_list_div {margin-bottom: 28px; align-items: flex-start;}
.s1_2 .history .his_list h4 {width: 110px;font-weight: 500; font-size: 1.125em; color: #303030; vertical-align: top; text-align: center; position: relative;}
.s1_2 .history .his_list h4:before {content: '';position: absolute;left: -6.5px;top: 50%;margin-top: -6.5px;width: 13px;height: 13px;background: url(../../images/sub/s1_2_2.png) no-repeat;}
.s1_2 .history .his_list ul {width: calc(100% - 110px);}
.s1_2 .history .his_list ul li {font-size: 1em; line-height: 1.625; color: #606060; position: relative; padding-left: 14px;}
.s1_2 .history .his_list ul li:before {content: '';position: absolute;left: 0;top: 12px;width: 4px;height: 4px;background-color: #bbbbbb;border-radius: 50%;}

.s1_4.history_top {position: relative;}
.s1_4.history_top .his_tit {position: relative; top: 0px; left: 0; width: 298px; height: 105px; margin-bottom: 100px;}
.s1_4.history_top .his_tit h3 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; font-size: 2.125em; line-height: 1; color: #fff;}
.s1_4.history_top .his_tit img {filter: drop-shadow(-6px 10px 18px rgba(9, 2, 4, 0.2))}

/* s2 공용 */
.s2 .top_box {justify-content: space-between; align-items: center;}
.s2 .top_box .txt_wrap {max-width: 530px; width: 48.2%;}
.s2 .top_box .txt_wrap p {line-height: 1.875;}
.s2 .top_box .txt_wrap p::before {content: ""; display: block; width: 22px; height: 3px; background-color: #c91522; margin-bottom: 14px;}
.s2 .top_box .txt_wrap p span {color: #333; font-weight: 500;}
.s2 .top_box .top_img {max-width: 530px; width: 48.2%;}
.s2 .ul_number_wrap ul {border: 1px solid #ddd; border-top-left-radius: 30px;}
.s2 .ul_number_wrap ul li {width: 33.333334%; position: relative; border-right: 1px solid #ddd; padding:40px 0 30px}
.s2 .ul_number_wrap ul li:last-child {border: 0;}
.s2 .ul_number_wrap ul li::after {content: ""; display: block; width: 16px; height: 16px; background: url(../../images/sub/s2_2_icon04.jpg) no-repeat center center; position: absolute; top: 50%; right: -9px; transform: translate(0,-50%);}
.s2 .ul_number_wrap ul li:last-child::after {display: none;}
.s2 .ul_number_wrap ul li .icon_wrap {max-width: 134px; width: 80%; margin: 0 auto;}
.s2 .ul_number_wrap ul li .icon_wrap img {max-width: 100%;}
.s2 .ul_number_wrap ul li h6 {font-size: 1em; line-height: 1; font-weight: 600; color: #c70b18; text-align: center; margin-top: 30px;}
.s2 .ul_number_wrap ul li h5 {font-size: 1.25em; line-height: 1.75; font-weight: 500; color: #333;text-align: center; margin-top: 8px;}

/* s2_1 */
.s2_1 .arti01 ul {border: 1px solid #ddd; padding: 55px 34px; border-radius: 10px; justify-content: space-between;}
.s2_1 .arti01 ul li {max-width: 320px; width: 31.1%;}
.s2_1 .arti02 .img_wrap {border-top: 1px solid #151d30; border-bottom: 1px solid #ddd; margin-top: 30px;}

/* s2_2 */
.s2_2 .arti02 .img_wrap {border-top: 1px solid #151d30; border-bottom: 1px solid #ddd; margin-top: 30px;}

/* s2_3 */
.s2_3 .arti01 .top_img {max-width: 824px; margin: 0 auto;}
.s2_3 .arti03 {border: 1px solid #ddd; border-radius: 10px; padding: 55px 34px; justify-content: space-between; align-items: flex-start;}
.s2_3 .arti03 .left_bx {max-width: 671px; width: 65.15%; justify-content: space-between; align-items: flex-start;}
.s2_3 .arti03 .left_bx .img_small {max-width: 321px; width: 47.84%;}
.s2_3 .arti03 .left_bx .img_small:nth-child(n+3) {margin-top: 55px;}
.s2_3 .arti03 .img_big {max-width: 320px; width: 31.1%;}

/* s2_4 */
.s2_4 .arti01 {background-color: #f5f5f5; border-radius: 10px; padding: 47px 42px; align-items: center;}
.s2_4 .arti01 .icon_wrap {width: 116px;}
.s2_4 .arti01 .txt_wrap {width: calc(100% - 116px); padding-left: 30px ;}
.s2_4 .arti01 .txt_wrap h5 {font-size: 1.25em; line-height: 1.75; font-weight: 400; color: #333;}
.s2_4 .arti01 .txt_wrap p {line-height: 1.875; margin-top: 4px;}
.s2_4 .arti03 {border: 1px solid #ddd; border-radius: 10px; padding: 55px 34px; justify-content: space-between; align-items: flex-start;}
.s2_4 .arti03 .left_bx {max-width: 671px; width: 65.15%; justify-content: space-between; align-items: flex-start;}
.s2_4 .arti03 .left_bx .img_small {max-width: 321px; width: 47.84%;}
.s2_4 .arti03 .left_bx .img_small:nth-child(n+3) {margin-top: 55px;}
.s2_4 .arti03 .img_big {max-width: 320px; width: 31.1%;}
.s2_4 .arti03 .img_wrap p {font-size: 1em; line-height: 1.875; color: #333; text-align: center; background-color: #e7e8ea; border-radius:4px ; padding: 4px 0; margin-top: 12px;}
.s2_4 .arti03 .img_wrap.img_big p {text-align: left; padding:5px 0 6px 15px;}
.s2_4 .arti04 .bg_bx {background: url(../../images/sub/s2_4_bg.jpg) no-repeat center center; height: 135px; display: flex; align-items: center; justify-content: center;}
.s2_4 .arti04 .bg_bx p {color: #333;}

/* s2_5 */
.s2_5 .icon_top {background-color: #f5f5f5; border-radius: 10px; padding: 47px 42px; align-items: center; margin-top: 40px;}
.s2_5 .icon_top .icon_wrap {width: 116px;}
.s2_5 .icon_top .txt_wrap {width: calc(100% - 116px); padding-left: 30px ;}
.s2_5 .icon_top .txt_wrap h5 {font-size: 1.25em; line-height: 1.75; font-weight: 400; color: #333;}
.s2_5 .icon_top .txt_wrap p {line-height: 1.875; margin-top: 4px;}
.s2_5 .img_ul {border: 1px solid #ddd; padding: 55px 34px; border-radius: 10px; justify-content: space-between;}
.s2_5 .img_ul li {max-width: 320px; width: 31.1%;}
.s2_5 dl dt {align-items: center; margin-bottom: 15px; margin-top: 30px; }
.s2_5 dl dt:first-of-type {margin-top: 0;}
.s2_5 dl dt h6 {width: 41px; height: 26px; border-radius: 13px; background-color: #c70b18; font-size: 1em; line-height: 1; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.s2_5 dl dt h5 {font-size: 1.25em; line-height: 1; font-weight: 500; color: #333; margin-left: 10px;}
.s2_5 dl dd {font-size: 1em; line-height: 1.875; color: #666; font-weight: 400;}
.s2_5 dl dd li {padding-left: 15px; position: relative;}
.s2_5 dl dd li::before {content: ""; display: block; width: 3px; height: 3px; background-color: #666; position: absolute; top: 15px; left: 0;}
.s2_5 .big_img {border-top: 1px solid #151d30; border-bottom: 1px solid #ddd;}

/* s3 공용 */
.s3 .arti01 {position: relative;}
.s3 .arti02 .s_tit {border-bottom: 1px solid #151d30; padding-bottom: 20px; margin-bottom: 40px;}
.s3 .arti02 .s_tit::before {top: calc(50% - 10px);}
.s3 .arti01 .owl-nav a {position: absolute; top: 50%; transform: translateY(-50%);}
.s3 .arti01 .owl-nav a.owl-prev {left: 50px;}
.s3 .arti01 .owl-nav a.owl-next {right: 50px;}
.s3 .arti02 .box_wrap {padding: 0px 40px 45px;  border-bottom: 1px solid #ddd; align-items: flex-start; justify-content: space-between; padding-right: 0;}
.s3 .arti02 .box_wrap .icon_wrap {max-width: 120px;} 
.s3 .arti02 .box_wrap ul {width: calc(100% - 120px); padding-left: 36px;}
.s3 .arti02 .box_wrap ul li {padding-left: 15px; position: relative; font-size: 1em; line-height: 1.875; color: #666;}
.s3 .arti02 .box_wrap ul li::before {content: ""; display: block; width: 3px; height: 3px; background-color: #666; position: absolute; top: 13px; left: 0;}
.s3 .arti03 .tabe_wrap {justify-content: space-between; margin-top: 30px;}
.s3 .arti03 table {max-width: 540px; width: 49.1%;}
.s3 .arti03 table colgroup col:first-child {width: 37.370371%;}
.s3 .arti03 table thead tr th {font-size: 1em; font-weight: 500; color: #fff; text-align: center; line-height: 1.875;  background-color: #151d30; padding: 10px 0;}
.s3 .arti03 table thead tr th:first-child {border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-right: 1px solid #ddd;}
.s3 .arti03 table thead tr th:last-child {border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.s3 .arti03 table tbody tr {border-bottom: 1px solid #ddd;}
.s3 .arti03 table tbody tr th {border-right: 1px solid #ddd; font-size: 1em; line-height: 1.875; font-weight: 500; color: #333; text-align: center; background-color: #f8f8f8;}
.s3 .arti03 table tbody tr td {line-height: 1.875; padding-left: 24px;}
.s3 .arti03 table tbody tr {height: 50px; box-sizing: border-box;}
.s3 .arti03 table tbody tr.tr_h {height: 70px}
.s3 .arti04 ul {justify-content: space-between; margin-top: 30px;}
.s3 .arti04 ul li:first-child {max-width: 550px; width: 50%;}
.s3 .arti04 ul li:last-child {max-width: 530px; width: 48.2%;}
.s3 .arti04 ul li.border_box {border: 1px solid #ddd; border-radius: 10px; padding: 20px 0;}
.s3 .arti04 ul li.border_box img {max-width: 100%; width: auto;}

.s3_pop_bg {
    position:fixed; display:none; left:0; right:0; top:0; bottom:0; z-index:101110;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);

}
.s3_pop_box {
    position:fixed; 
    display:none; 
    left:0; right:0; top:0; bottom:0; 
    width:90%; 
    max-width:980px; 
    height:90%; 
    max-height:700px; margin:auto auto; padding:30px; background:#fff; z-index:1001111;
    box-sizing:border-box; 
}
.s3_pop_box .flex_bx {width: 100%; height: 100%; align-items: center; justify-content: center;}
.s3_pop_box img {max-width: 90%; max-height: 90%; width: auto; height: auto;}

.s3_btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(../../images/layout/btn_close.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}

/* s3_1 */
.s3_1 .arti02 .s_tit {margin-bottom: 0;}
.s3_1 .arti02 .img_wrap {max-width: 815px; margin: 0 auto;}

/* s3_3 */
.s3_3 .arti02_01 .box_wrap ul li {margin-top: 30px;}
.s3_3 .arti02_01 .box_wrap ul li:first-child {margin-top: 0;}

/* s3_4 */
.s3_4 .arti02 .box_wrap ul li:first-child {margin-bottom: 30px;}