#sub_top{position: relative; width: 100%; height: 442px;}
.sub_top1 {background: url(../img/sub/sub_top1_bg.png) no-repeat center/cover;}
.sub_top2 {background: url(../img/sub/sub_top2_bg.png) no-repeat center/cover;}
.sub_top3 {background: url(../img/sub/sub_top3_bg.png) no-repeat center/cover;}
.sub_top4 {background: url(../img/sub/sub_top4_bg.png) no-repeat center/cover;}
.sub_top5 {background: url(../img/sub/sub_top5_bg.png) no-repeat center/cover;}

/* slick 버그 */
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}

.sub {position: relative; overflow: hidden;}

.sub .IconWrap .Bd{color: #262626;}
.sub .IconWrap .Icon {background: #231815;}
.IconWrap .Icon:hover { background: #fa5a37;}
.IconWrap .Bd:hover {color: #fa5a37;}

/* sub_top */
.JSA {font-family: 'JSA';}
.sub_H {font-size : 4.06rem; line-height : 73.53px; letter-spacing : -1.62px; position: absolute; bottom: 10%;}
.sub_T h4{font-size: 1.25rem;}
.sub_T h3 {font-size : 3.88rem;}
.ORG {color: #ec6800;}

#sub_top .inner2{height: 100%; margin: auto;}
.sub_nav {height: inherit;}
.subtop_nav{ width: 100%; height: inherit; display: flex; justify-content: flex-end;align-items: flex-end; gap: 5vw; position: relative; bottom: 10%; z-index: 9;}
.subtop_nav > li{ position: relative; cursor: pointer;}
.subtop_nav > li.dropdown{width: auto;}
.subtop_nav > li:first-child {right: -4.5vw; top: -7px; width: 22px;}
#sub_top .subtop_nav > li.dropdown p{position: relative; padding-bottom: 10px; color: #fff; width: 100%; font-size : 0.94rem; letter-spacing : -0.37px; text-align: left;}
#sub_top .subtop_nav > li.dropdown.on p {color: #ec6800;}
#sub_top .subtop_nav > li.dropdown.on p i{transform: translate(0, -100%) rotateX(180deg);}
.subtop_nav > li.dropdown p i{position: absolute; height: 100%; right: -20px; top: 50%; transform: translate(0, -50%); transition: all 0.4s;}
.subtop_nav > li.dropdown .subtop_ul{opacity: 0; pointer-events: none; z-index: -99;width: 100%; position: absolute; left: 50%; top: 34px; transform: translateX(-50%); padding: 10px 24px; background: #ec6800; border-radius: 10px; text-align: center;}
.subtop_nav > li.dropdown .subtop_ul li {height: 40px;}
.subtop_nav > li.dropdown .subtop_ul li a{ display: block; width: inherit;  font-size : 0.94rem; letter-spacing : -0.37px;  padding: 11px 0; color: rgba(255, 255, 255, .5); transition: all 0.4s; white-space: nowrap;}
.subtop_nav > li.dropdown .subtop_ul li a:hover {color: #fff;} 
.subtop_nav > li.dropdown.on .subtop_ul{ width: inherit; opacity: 1; pointer-events: initial; z-index: 9;}

.sub_1_1 .s11 {margin: auto; padding: 90px 0 80px;}
.sub_1_1 .s12 {display: flex; gap: 90px; margin-bottom: 185px;}
.sub_1_1 .s12 h4 {font-size : 1.88rem; line-height : 39.93px; letter-spacing : -0.75px;}
.sub_1_1 .s12 div:last-child {display: flex; flex-direction: column; justify-content: center;}
.sub_1_1 .s12 div > p {font-size : 1.5rem; line-height : 33.02px; letter-spacing : -0.6px; margin: 35px 0 55px;}
.sub_1_1 .s12 .Bd {font-size : 1.13rem; line-height : 44.61px; letter-spacing : -0.45px;}
.sub_1_1 .s12 .Bd p {font-size : 2.88rem; line-height : 73.96px; display: inline-block; margin-left: 20px;}
.sub_1_1 .inner img{width: 100%;}
.sub_1_1 .c2 .inner2 {margin: auto; padding: 90px 0 235px;}
.sub_1_1 .c2 h3 {font-size : 2.75rem; line-height : 67.14px; letter-spacing : -1.1px; margin-bottom: 60px;}
.sub_1_1 .c2 p {font-size : 1.6rem; line-height : 39px; letter-spacing : -0.73px; white-space: nowrap;}

.sub_2_1 .c1 {display: flex; height: 924px;}
.sub_2_1 .c1 .s21 {flex: 1; display: flex; justify-content: center; align-items: center;}
.sub_2_1 .c1 .s211 {background: url(../img/sub/sub_2_1_c1_s211_bg.png) no-repeat center/cover;}
.sub_2_1 .c1 .s211 h3 {margin: 25px 0 55px;}
.sub_2_1 .c1 .s211 h4 { font-size : 1.25rem; line-height : 31.02px; letter-spacing : -0.5px; margin: 23px 0 35px;}
.sub_2_1 .c1 .s211 span {display: block; font-size : 1.81rem; line-height : 41.93px; letter-spacing : -0.73px;}
.sub_2_1 .c1 .s211 p { padding: 10px; margin-left: -10px; background: rgba(0,0,0,.15);font-size : 1.06rem; line-height : 31.02px; letter-spacing : -0.43px;}
.sub_2_1 .c1 .s212 {background: #041629; overflow: hidden;}
.sub_2_1 .c1 .s212 h4 {font-size: 2.1rem; line-height: 52.66px; letter-spacing: -0.92px; text-align: center;}
.sub_2_1 .c1 .s212 .VideoWrap {width: 30.4vw; height: 42.4vh; overflow: hidden; margin: 25px 0 40px;}
.sub_2_1 .c1 .s212 .VideoWrap video {width: 100%; height: 100%; object-fit: cover;}
.sub_2_1 .c1 .s212 .cont {display: flex; justify-content: space-between;}
.sub_2_1 .c1 .s212 .cont .Rr {font-size : 1.2rem; line-height : 35.34px; letter-spacing : -0.5px;}
.sub_2_1 .c1 .s212 .BtnWrap { height: 50px; border: 1px solid; border-radius: 40px; display: flex; align-items: center;}
.sub_2_1 .c1 .s212 .BtnWrap a {display: block; padding: 15px 20px;}
.sub_2_1 .c1 .s212 .BtnWrap p {font-size : 16px; letter-spacing : -0.4px; display: inline-block;}
.sub_2_1 .c1 .s212 .BtnWrap img {width: 23px; display: inline-block; transition: all .4s;}
.sub_2_1 .c1 .s212 .BtnWrap:hover img {transform: translateX(10px);}

.sub_2_1 .c1 .controls { width: inherit; height: 200px; display: flex; justify-content: center; align-items: flex-end;}
.sub_2_1 .c1 .controls .progress {width: inherit; height: 3px; position: absolute; margin-bottom: 50px; background: rgba(255,255,255,.5); }
.sub_2_1 .c1 .progress_bg {position: absolute; background: #fff; height: inherit;}
.sub_2_1 .c1 .toggle {position: absolute; cursor: pointer;}
.sub_2_1 .c1 .xi-pause {padding-left: 50px;}
.sub_2_1 .c1 .xi-play {padding-right: 50px;}
.sub_2_1 .c1 .slick-prev {left: 10%; background: url(../img/sub/.sub_2_1_c1_slick_prev.svg) no-repeat center/cover; z-index: 99;}
.sub_2_1 .c1 .slick-next {right: 10%; background: url(../img/sub/.sub_2_1_c1_slick_next.svg) no-repeat center/cover;}
.sub_2_1 .c1 .slick-prev:before, .sub_2_1 .c1 .slick-next:before {display: none;}
.sub_2_1 .c1 .slick-initialized .slick-slide {display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden;}
.sub_2_1 .c1 .slick-slider {overflow: hidden; height: 100%;}
.sub_2_1 .c1 .slick-slider .slick-list { display: flex; justify-content: center; align-items: center; flex-direction: column; height: inherit;}

.sub_2_1 .c2 { height: 100vh; display: flex;}
.sub_2_1 .c2 .s221 {flex:1 1 50%; display: flex; justify-content: center; align-items: center; background: #f4f4f4;}
.sub_2_1 .c2 .cWrap div p { text-align: center; font-size : 1.125rem; line-height : 26.52px; letter-spacing : -0.45px;}
.sub_2_1 .c2 .s222 {flex: 1 1 50%; padding: 12vh 0;}
.sub_2_1 .c2 .s222 > div {width: 65%; margin: auto;}
.sub_2_1 .c2 .s222 h4 {font-size: 1.19rem;}
.sub_2_1 .c2 .s222 h3 {font-size : 3.81rem; margin: 25px 0 70px;}
.sub_2_1 .c2 .s222 span {font-size : 2.38rem; line-height : 51.4px; letter-spacing : -0.95px;}
.sub_2_1 .c2 .s222 p {font-size : 1.25rem; line-height : 29.02px; letter-spacing : -0.5px; margin: 44px 0 40px;}
.sub_2_1 .c2 .s222 .DownBtn {border: 1px solid #262626; border-radius: 50px; width: 150px; height: 50px; text-align: center; transition: all .4s;}
.sub_2_1 .c2 .s222 .DownBtn:hover {background: #ec6800;}
.sub_2_1 .c2 .s222 .DownBtn a {display: block; line-height: 50px;}
.sub_2_1 .c2 .s222 .DownBtn img {width: 18px; height: 15px; margin-left: 10px;}

/* sub_3 공통 */
.sub3 .ORG {font-size : 1.25rem; letter-spacing : -0.5px;}
.sub3 .black {font-size : 3.88rem; line-height : 56.51px; letter-spacing : -1.55px;}
.sub3 .c1 .slick_Wrap {margin: 160px auto;}
.sub3 .c1 .sub3-slick1 .slide {display: flex;}
.sub3 .c1 .sub3-slick1 .slide > div {flex: 1;}
.sub3 .c1 .sub3-slick1 h3 {font-size : 1.5rem; line-height : 56.51px; letter-spacing : -0.6px; color: #4d4d4d; margin: 30px 0 20px;}
.sub3 .c1 .sub3-slick1 .slide > div div {display: inline-block; border: 1px solid #666; border-radius: 50px; margin: 40px 0 30px;}
.sub3 .c1 .sub3-slick1 .slide > div div p { font-size : 0.81rem; padding: 3px 10px; color: #595959;}
.sub3 .c1 .slick-slide {margin: 0 50px;}
.sub3 .c1 .slick-slide img {width: 100%;}
.sub3 .c1 .sub3-slick1 .slick-dots { text-align: left; left: -8px; }
.sub3 .c1 .sub3-slick1 .slick-dots li {margin: 0;}
.sub3 .c1 .sub3-slick1 .slick-dots li.slick-active button:before {color: #ec6800;}
.sub3 .c1 .sub3-slick1 .slick-dots li button:before {opacity: 1; color: #808080;}
.sub_3_1 .c1 .sub3-slick1 .slide ul li {position: relative; font-size: 1.25rem; line-height : 40px; padding: 0 25px;}
.sub_3_1 .c1 .sub3-slick1 .slide ul li::before {content: ''; position: absolute; width: 3px; height: 3px; background: #595959; left: 0; top: 45%; transform: translateY(-55%);}
.sub3 .c2 {background: #f4f4f4; height: 83vh;}
.sub3 .c2 .s32{height: inherit; display: flex;}
.sub3 .c2 .s32 .ImgWrap {flex: 1.3;}
.sub3 .c2 .s32 .TxtWrap {flex: .7;}
.sub3 .c2 .s32 .black {margin: 38px 0 50px;}
.sub3 .c2 .s32 .TxtWrap p { font-size : 24px; line-height : 31.02px; letter-spacing : -0.6px; margin-bottom: 35px;}
.sub3 .c2 .s32 .TxtWrap h4:not(:first-child) {font-size: 1.25rem; line-height : 31.02px; margin-bottom: 25px;}

.sub_3_1 .c2 .s32 { margin: auto; gap: 150px; align-items: center;}
.sub_3_2 .c2 .s32 .slick_Wrap {margin: auto;}
.sub_3_2 .c2 .s32 .slide {display: flex; gap: 150px;}
.sub_3_2 .c2 .s32 .slick-prev {background: url(../img/sub/sub_3_2_c1_s32_prev_img.svg)no-repeat center/100% 100%; left: -5vw;}
.sub_3_2 .c2 .s32 .slick-next {background: url(../img/sub/sub_3_2_c1_s32_next_img.svg)no-repeat center/100% 100%; right: -5vw;}
.sub_3_2 .c2 .s32 .slick-prev:before, .sub_3_2 .c2 .s32 .slick-next:before {display: none;}
.sub_3_2 .c1 .sub3-slick1 .slide ul li {font-size : 20px; line-height : 31.02px; margin-bottom: 25px;}
.sub_3_2 .c1 .sub3-slick1 .slide ul li span {font-weight: bold;}

.sub_4 {margin: auto;}
.sub_4 h2 { text-align: center; font-size : 62px; line-height : 56.51px; letter-spacing : -1.55px; margin: 110px 0 95px;}

.sub_5_1 {padding: 135px 0 270px;}
.sub_5_1 article:first-child {margin-bottom: 150px;}
.sub_5_1 .inner2 {margin: auto;}
.sub_5_2 .c1 .inner2 {margin: auto;}
.sub_5_2 .c1 .s51 {padding: 130px 0 80px;}
.sub_5_2 .c1 .s51 h4 {margin-bottom: 20px;}
.sub_5_2 .c1 .s52 {margin-bottom: 150px;}
.sub_5_2 .c1 .s52 h4{ font-size : 1.06rem; line-height : 31.02px; color: #ec6800; padding: 10px 0;}
.sub_5_2 .c1 .s52 h4.Sort {display: inline-block; margin-right: 2.6vw;}
.sub_5_2 .c1 .s52 span { font-size : 1.25rem; line-height : 31.02px; letter-spacing : -0.5px; color: #262626; margin-left: 1.6vw;}
.sub_5_2 .c1 .s53 {background: #e8e8e8; height: 580px;}
.sub_5_2 .c1 .map {position: relative;}
.sub_5_2 .c1 .map iframe {position: absolute; top: -12.3vh;}