body{background-color: #000;}
.header{height: 0 !important}
.header--logo{position: absolute !important;left: var(--sidePd--);top:20px;}
#headerBtn,
.header--menu{position: absolute;right: var(--sidePd--);top:20px;}
.header.white img.white {
    display: block;
    opacity: 1 !important;
}
.header.white img.black {
    display: none;
    opacity: 1 !important;
}

.white #headerBtn span{background-color: #fff !important;}
.header.white{color: #fff !important; background-color: rgba(0,0,0,1) !important;}
@media all and (max-width:1299px) {
    .header.white{color: #fff !important; background-color: rgba(0,0,0,1) !important;}
}

.nunito {font-family: 'Nunito Sans', sans-serif;}
.service{margin-top: 90px;}
.service .wrap{max-width: 100%;}
.s1{position: relative;overflow: hidden;}
.s1--tit{text-align: right;color: #fff;padding: 160px var(--sidePd--);}
.s1--tit01{font-size: 180px;line-height: 1;font-weight: 600;}
.s1--tit02{font-size: 30px;font-weight: 500;font-family: 'Pretendard';}
.s1--obj{position: absolute;top: 100%;left: 0;transform: translate(-20%,-50%);}


.service-menu{display: flex;gap: 80px;align-items: center;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 27px;margin-bottom: 110px;position: relative;z-index: 9990;}
.service-menu-txt01{padding-left: var(--sidePd--);color: #fff;font-size: 20px;}
.service-menu-list{color: #fff;display: flex;gap: 36px;}
.service-menu-item{padding: 12px 25px;border-radius: 30px;color: rgba(255,255,255,0.7);cursor: pointer;font-size: 18px;line-height: 1;}
.service-menu-item.on{background-color: #0062F5;color: #fff;}
.service--swiper-wrap {position: absolute;width: 0px;height: 0px;overflow: hidden;display: flex;gap: 46px;}
.service--swiper-wrap.show {position: relative;opacity: 1;width: unset;height: unset;overflow: unset;}

.service--swiper-itemWrap{position: relative;border-radius: 10px;overflow: hidden;}
.service--swiper-item{display: flex;margin: auto;cursor: pointer;position: relative;border-radius: 10px;overflow: hidden;}
.service--swiper-item-img{display: flex;width:100%;padding-top: 56.25%;background-size: cover;background-position: center center;position: relative;}
.service--swiper-item-dim{width: 100%;height: 100%;position: absolute;left: 50%;top: 0;background-color: rgba(0,0,0,0.45);transform: translateX(-50%);}
.service--swiper-item-dim img{position: absolute;width: 60px;height: 60px;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;}
.service--swiper-item-text{position: absolute;left: 50%;bottom: 0;color: #fff;padding: 30px 46px;width: 100%;transform: translate(-50%,0);}
.service--swiper-item-text01{font-size: 18px;font-weight: 500;opacity: 0.6;margin-bottom: 0.5em;}
.service--swiper-item-text02{font-size: 40px;font-weight: 600;text-shadow: 1px 1px 4px #000;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service--swiper-item{transform: scale(0.9);transition-duration: 0.3s;}
.swiper-slide-active .service--swiper-item{transform: scale(1);}


/* .service--swiper-idxWrap {display: block;position: absolute;} */
.swiper-wrapper{height: unset;position: relative;}
.service--swiper{width: 72%;padding-right: var(--sidePd--);}

.service .service--swiper-idxWrap{position:relative;z-index: 11;pointer-events: none;display: flex;justify-content: space-between;color: #fff;max-width: 85%;transform: translateY(-100%);padding-bottom: 20px;padding-top: 20px;justify-content: flex-end;}
.service--swiper-idx{display: flex;font-size: 30px;font-weight: 600;}
.service--swiper-idx span{opacity: 0.2;display: block;margin:0 0.2em;margin-top: 0.5em;}
.service--swiper-idx-total{opacity: 0.2;margin-top: 0.5em;}
.service-swiper-text{padding: 0 0 0 var(--sidePd--);width: 28%;display: flex;flex-direction: column;justify-content: flex-start;word-break: keep-all;gap: 55px;padding-bottom: 100px;}
.service-swiper-text01{font-size: 35px;font-weight: 700;color: #fff;}
.service-swiper-text02{font-size: 18px;font-weight: 600;margin-top: 1em;margin-bottom: 2em;color:#fff;}
.service-swiper-text03{font-size: 18px;font-weight: 300;color: rgba(255,255,255,0.7);line-height: 1.5;}
.service-swiper-textWrapBot{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.service-swiper-download{display: flex; } 
.service-swiper-download a{font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 4px;display: flex;width: 162px;height: 40px;align-items: center;justify-content: center;gap: 6px; display: none;} /* 0522 Hide RJE */

.wrap.service--swiper-btn{display: flex;gap: 20px;flex-direction: row-reverse;padding-bottom: 0px;padding-right: 0;}
.serSwiper--swiperBtn-next,
.serSwiper--swiperBtn-prev{width: 83px;cursor: pointer;}
.swiper-button-disabled{opacity: 0.6;}
.serSwiper--swiperBtn-next img,
.serSwiper--swiperBtn-prev img{display: block;width: 100%;}


.service--swiper-item-empty{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 32px;color: rgba(255,255,255,0.6);font-weight: 700;padding: 15.5% 0;}
.service--videoPop{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 10001;align-items: center;}
.service--videoPop-wrap.wrap{position: relative;max-width:calc(1280px + var(--sidePd--)*2);}
.service--videoPop.show{display: flex;}
.service--videoPop-dim{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.video-container {width: calc(100% - var(--sidePd--)*2);position: absolute;padding-bottom: 55.25%;height: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);}
 
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-container-close{width: 60px;height: 60px;position: absolute;top: 0;right: 0;transform: translateY(-100%);pointer-events: none;}
.video-container-close span{display: block;width: 70%;height: 1px;background-color: #fff;position: absolute;top: 50%;left: 50%;}
.video-container-close span:first-child{transform: translate(-50%,-50%) rotate(45deg);}
.video-container-close span:last-child{transform: translate(-50%,-50%) rotate(-45deg);}

.s2{padding-bottom: 30px;overflow: hidden;}
@media all and (max-width:1600px) {
    .s1--tit01{font-size: 150px;}
    .service-swiper-text03{font-size: 16px;}
}
@media all and (max-width:1400px) {
    .s1--tit{padding: 120px var(--sidePd--);}
    .s1--obj{width: 40%;}
    .s1--obj img{display: block;width: 100%;}
    .s1--tit01{font-size: 120px;}
    .s1--tit02{font-size: 24px;}

    .service--swiper-wrap{flex-direction: column;}
    .service-swiper-text{width: 100%;padding: 0 var(--sidePd--);display: flex;}
    .service .service-swiper-text .wrap.service--swiper-btn{width: unset;margin-right: 0;}
    .wrap.service--swiper-btn{padding-bottom: 0;gap: 15px;}
    .serSwiper--swiperBtn-next, .serSwiper--swiperBtn-prev{width: 50px;}
    .service--swiper{width: 100%;}
    .service .service--swiper-idxWrap{max-width: 88%;}

    .service-menu{margin-bottom: 80px;}
    .service-swiper-textWrapBot{display: flex;margin-top: 40px;align-items: flex-end;flex-direction: row;margin-top: 0;}
    .service-swiper-download{margin-bottom: 0;}

    .service--swiper-item-text02{font-size: 32px;}
    
}
@media all and (max-width:1024px) {
    .s2{padding-bottom: 0;}
    .s1--tit01{font-size: 80px;}
    .s1--tit02{font-size: 20px;}
    .service-menu{gap: 40px;}
    .service-menu-list{gap: 20px;flex-wrap: wrap;}
    .service-menu-item{padding: 10px 16px;font-size: 14px;}

    .service-swiper-text01{font-size: 28px;}
    .service-swiper-text02{font-size: 16px;}
    .service-swiper-text03{font-size: 15px;}
    .service-swiper-download a{font-size: 14px;width: 140px;}

    .video-container-close{width: 40px;height: 40px;}

    .service--swiper-item-text{padding: 20px 24px;}
    .service--swiper-item-text02{font-size: 28px;}

    .service--swiper-idx{font-size: 30px;}

    .service--swiper-item-dim img{width: 40px;height: 40px;}
}
@media all and (max-width:769px) {
    .s1--tit{padding: 80px var(--sidePd--);}
    .s1--tit01{font-size: 60px;}
    .s1--tit02{font-size: 18px;margin-top: 0.5em;}

    .service-menu{gap: 20px;flex-direction: column;align-items: flex-start;margin-bottom: 48px;}
    .service-menu-txt01{font-size: 15px;}
    .service-menu-list{gap: 15px;flex-wrap: wrap;width: 100%;padding: 0 var(--sidePd--);}
    .service-menu-item{padding: 8px 14px;font-size: 13px;}

    .serSwiper--swiperBtn-next, .serSwiper--swiperBtn-prev{width: 40px;}
    .service--swiper-item-text02{font-size: 24px;}
    .service--swiper-idx{font-size: 20px;}

    .service-menu{align-items: center;}
    .service-menu-list{width: 100%;max-width: 270px;margin: auto;justify-content: center;}
}
@media all and (max-width:480px) {
    .s1--tit{padding: 50px var(--sidePd--);}
    .s1--tit01{font-size: 40px;}
    .s1--tit02{font-size: 16px;}

    .service-swiper-text01{font-size: 20px;}
    .service-swiper-text02{font-size: 14px;}
    .service-swiper-text03{font-size: 13px;}
    .service-swiper-download a{font-size: 13px;width: 128px;}
    .service--swiper-item-text02{font-size: 20px;}
    
    .wrap.service--swiper-btn{gap: 10px;}
    .service--swiper-idx{font-size: 16px;}
    .service .service--swiper-idxWrap{padding-bottom: 15px;}

    .service--swiper-item-dim img{width: 30px;height: 30px;}
}