#wrap.main{overflow:auto;
    -webkit-overflow-scrolling: touch;}
    @supports (-webkit-touch-callout: none) {
        height: -webkit-fill-available;
      }


.scrollSection{overflow: hidden; font-size: 0; color: #000; width: 100vw; margin: auto;}

.scrollSection .bg{position: relative; width: 100%; height: 100dvh; overflow: hidden; object-fit: cover;}
.scrollSection .inner-box{position: absolute; width: 100%; top: calc(50% + 30px)/*50%*/; left: 50%; transform: translate(-50%, -50%);}
.scrollSection .txtPp{color: #3711b8;}
.scrollSection .txtWt{color: #fff;}
.scrollSection .bgPp{background-color: #3711b8;}

.ani{opacity: 0;}
.fadeIn,
.fadeInUp,
.fadeInL,
.fadeInR{opacity: 0;}
.swiper-slide-active .fadeIn,
.on .fadeIn{animation: fadeIn 1s forwards;}
.swiper-slide-active .fadeInUp,
.on .fadeInUp{animation: fadeInUp 1s forwards;}
.on .fadeInL{animation: fadeInL 1s forwards;}
.on .fadeInR{animation: fadeInR 1s forwards;}

.scrollSection img{width: 100%;}
.scrollSection .bg .zoomOut{transform: scale(1.2);}
.scrollSection .on .upDown,
.scrollSection .active .upDown{animation: upDown 2s infinite ease-in-out;}
.scrollSection .active .zoomOut{animation: zoomOut 3s forwards ease-in-out;}
.scrollSection .horizontality-box{display: flex; justify-content: flex-start; align-items: center; height: 100%;transition:all 0.8s;}
.scrollSection .horizontality{position: relative; width: 100vw; height: 100%;}

.fp-viewing-0 .fixed-box {bottom:190px;}
.fixed-box{position: fixed; bottom: 45px; right: 25px; width: 70px; height: 70px; z-index: 1; transition:all .4s ease-in-out;}
.fixed-box > div{background-color: #3711b8;display: flex; width: 100%; height: 100%; justify-content: center; align-items: flex-start; border-radius: 50%;}
.fixed-box a {margin-top: 18px; color: #fff; font-size: 10px; line-height: 13px; font-weight: 500; text-align: center;}
.fixed-box a::after{content: ""; margin: 5px auto 0; display: block; width: 22px; height: 8px; background: url(../images/skyheron/main/skyheron_fixed_arrw.png)center / 100% no-repeat;}


.scrollSection.section1 .inner-box {top: 68%; z-index: 2;}
.section1 .bg.newVideo{background-color: #000; z-index: -1;}
.section1 .bg.newVideo video{width: 100vw;  height: 100%; object-fit: cover; position: relative; left: 50%; transform: translateX(-50%);}
.section1 .bg video{width: 400vw; position: relative; left: 50%; transform: translateX(-50%);}
.section1 .ani-box .desc{font-family: 'Gmarketsans', sans-serif, Arial; font-size: 30px; color: #fff; line-height: 1.2; font-weight: 700;}
.section1 .ani-box .scrollDown p{font-size: 8px; font-weight: 500; line-height: 1; margin-top:15px;  text-align: center; }
.section1 .ani-box .scrollDown span{display: block; margin: 2.5vw auto 0; text-align: center; width: 2.5vw;}

.section1 .pr-film {position:absolute; bottom:0px; left:0; width:100%; min-height:100px; padding:15px 30px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; background:rgb(0 0 0 / 90%); z-index: 2;}
.section1 .pr-film.on {animation: fadeIn 1s forwards;}
.section1 .pr-film .txt-arg {position:relative; text-align:left;}
.section1 .pr-film .txt-arg .tit {font-size:18px; font-weight:600; line-height:22px; color:#fff;}
.section1 .pr-film .txt-arg .txt {padding-top:15px; font-size:13px; font-weight:400; line-height:18px; color:#fff;}
.section1 .pr-film .btn-arg {position:relative; width:125px;}
.section1 .pr-film .btn-arg img {width:100%;}
.section1 .pr-film .btn-arg a {display:block;}
.section1 .pr-film .btn-arg a + a {margin-top:10px;}

.section1 .pr-film.col2{padding: 15px 25px; justify-content: center; gap: 12px;}
.section1 .pr-film.col2 .txt-arg .tit{font-size: 14px;}
.section1 .pr-film.col2 .txt-arg .txt{font-size: 10px; line-height: 14px; padding-top: 5px;}
.section1 .pr-film.col2 .btn-arg{width: auto; display: flex; justify-content: center; gap: 10px; align-items: center; flex-basis: 215px;}
.section1 .pr-film.col2 .btn-arg a + a{margin-top: 0;}

.section2{/*background: url(../images/skyheron/main/skyheron_v2_section5_bg_01.jpg) center / cover no-repeat;*/ background-color: #9ec1dd;}
.section2 .bg{background: url(../images/skyheron/main/skyheron_origin_section2_bg_01_241114.jpg) center / cover no-repeat;}
.section2 .ani-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.section2 .inner-box{height: 100%; transform: translate(-50% ,0%); top: 0; z-index: 2;}
.section2 .inner-box .txt-box{margin-top: 17dvh;}
.section2 .inner-box .txt-box p[class^=desc]{text-align: center; font-size: 19px; color: #050505; font-weight: 400;}
.section2 .inner-box .txt-box p.desc1 > span{display: block; margin-top: 5px; font-size: 24px; font-weight: 700;}
.section2 .inner-box .txt-box p.desc1 > span > span{color: #320fa6;}
.section2 .inner-box .txt-box p.desc2{margin-top: 7px; font-size: 15px;}
.section2 .inner-box .img-box{margin-top: 290px; text-align: right; padding-right: 30px; box-sizing: border-box;}

.section3 .inner-box {padding: 0 0 0 8.33334vw; box-sizing: border-box; top: calc(50% + 15px);}
.section3 .ani-box {padding-left: 7vw; box-sizing: border-box;}
.section3 .ani-box .txt-box .tit{font-size: 16px; font-weight: 300; text-align: left; line-height: 1.5; letter-spacing: -1px;}
.section3 .ani-box .txt-box .tit span{display: block;font-size: 32px; font-weight: 700; line-height: 1; text-align: left;}
.section3 .ani-box .swiper-container{margin-top: 20px;}
.section3 .ani-box .swiper-container .swiper-slide{width: 63.89vw; margin-right: 10px;}
.section3 .ani-box .premium-con{position: absolute; z-index: 1;top: 0; left: 0; width: 100%; height: 100%; padding: 14px 14px 30px 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.section3 .ani-box .premium-top{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.section3 .ani-box .premium-top__no{font-size:12px; font-weight: 600; color: #fff; letter-spacing: 0.2vw;}
.section3 .ani-box .premium-top__txt{font-size:12px; font-weight: 400; color: rgba(255,255,255,0.6);}
.section3 .ani-box .premium-bot{text-align: left; color: #fff;}
.section3 .ani-box .premium-bot__tit{font-size:18px; font-weight: 600; line-height: 1.2;margin-top: 30px;}
.section3 .ani-box .premium-bot__desc{/*font-size:3.8889vw;*/font-size:12px; font-weight: 300; line-height: 1.2; margin-top: 10px;}
.section3 .ani-box .slide-control{display: flex; justify-content: center; align-items: center; width: 72.22vw;  margin-top:15px;}
.section3 .ani-box .slide-control .swiper-button-prev,
.section3 .ani-box .slide-control .swiper-button-next{position: static; font-size:12px; line-height:12px; margin-top: 0; width: auto; height: auto; font-weight: 500;}
.section3 .ani-box .slide-control .swiper-button-prev{position: relative; padding: 0 2.58vw 0 5.55vw; left: auto; background: url(../images/skyheron/main/skyheron_section6_slide_prev.png) left center / 2vw no-repeat;}
.section3 .ani-box .slide-control .swiper-button-next{padding: 0 5.55vw 0 2.58vw; background: url(../images/skyheron/main/skyheron_section6_slide_next.png) right center / 2vw no-repeat;}
.section3 .ani-box .slide-control .swiper-button-prev::after{content: ""; position: absolute; width: 1px; height: 100%; background-color: #c0c0c0;top: 0;right: 0;}

.scrollSection.section4 .inner-box{width: 310px; top: 50%;}
.section4 .inner-box .top__tit{position: relative;}

.section4 .inner-box .top__tit .en{font-size: 31px; font-weight: 700; line-height: 34px; text-align: left; letter-spacing: -1px;}
.section4 .inner-box .top__tit .en::after{content: ""; height: 1px; position: absolute; bottom: 6px; right: 0;}
.section4 .slide1 .inner-box .top__tit .en::after{background-color: #d0bcaa; width: calc(50% - 22px);}
.section4 .slide2 .inner-box .top__tit .en::after{background-color: #bdb4a6; width: calc(50% + 25px);}
.section4 .slide3 .inner-box .top__tit .en::after{background-color: #bebebe; width: 50%;}
.section4 .inner-box .top__tit .kr{font-size: 17px; font-weight: 400; line-height: 21px; text-align: left; margin-top: 5px;}

.section4 .slide1 .inner-box .top__tit p{color: #90755b;}
.section4 .slide2 .inner-box .top__tit p{color: #897e6a;}
.section4 .slide3 .inner-box .top__tit p{color: #050505;}

.section4 .inner-box .bot-box{margin-top: 25px;}
.section4 .inner-box .bot-box li{display: flex; justify-content: center; align-items: flex-start;}
.section4 .inner-box .bot-box li + li{margin-top: 40px;}
.section4 .inner-box .bot-box li > div{flex: 1;}
.section4 .inner-box .bot-box li .bot__img {font-size: 0; text-align: left;}
.section4 .inner-box .bot-box li .bot__img img{ border-radius: 0 40px 0 0; box-shadow: 25px 25px 15px rgba(0, 0, 0, 0.2);}
.section4 .inner-box .bot__txt dl dt{font-size: 11px; font-weight: 600; text-align: left;}
.section4 .inner-box .bot__txt dl dd{font-size: 11px; text-align: left; margin-top: 10px; line-height: 15px; letter-spacing: -0.5px;}

.section4 .inner-box .bot-box li > div.pt12{padding-top: 12px; box-sizing: border-box;}
.section4 .inner-box .bot-box li > div.pl20{padding-left: 20px; box-sizing: border-box;}
.section4 .inner-box .bot-box li > div.pl10{padding-left: 10px; box-sizing: border-box;}
.section4 .inner-box .bot-box li > div.pl58{padding-left: 58px; box-sizing: border-box;}
.section4 .inner-box .bot-box li > div.mt-7{margin-top: -7px;}
.section4 .inner-box .bot-box li > div.mt-10{margin-top: -10px;}


.section5 .bg2{position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); width: 100%; height: 100dvh;}
.section5 .ani-box .tit{font-size: 30px; font-weight: 700;  text-align: center; line-height: 1.2;}
.section5 .ani-box .desc{font-size: 16px; font-weight: 600; line-height: 1; margin-top: 25px;  text-align: center; }
.section5 .ani-box .desc + .desc{font-size:12px; font-weight: 400; margin-top: 25px; line-height:1.5;}
.section5 .ani-box .line-box{margin-top: 31dvh/*49vw*/}

.section6 .bg{position: relative; top: 0; left: 0; transform: translate(0); background-color: #f2f3f6; }
.section6 .inner-box{position: absolute; top: 0;}
.section6 .ani-box .word-balloon{position: absolute; top: 33vw; right: 10vw;}
.section6 .ani-box .word-balloon > p{position: relative;font-size: 4.16667vw; line-height: 1.2; font-weight: 600; text-align: center; border-radius: 1.25vw; padding: 2vw 3vw; box-sizing: border-box; }
.section6 .ani-box .word-balloon > p::after{content: ""; position: absolute; bottom: -9vw; left: 12vw; width: 5vw; height: 12vw; background: url(../images/skyheron/main/skyheron_section7_word_balloon.png)center / 100% no-repeat;}
.section6 .ani-box .pulse{ position: absolute; width: 12vw; height: 4.1vw; top: 59vw; right: 24.5vw; transform: rotate(-34deg); box-shadow: 0 0 0 0 rgba(72, 39, 190, .5); background-color: rgb(72, 39, 190); transform: rotate3d(1, 1, 1, -72deg);}
.section6 .ani-box .active .pulse{animation: pulse 1.5s infinite;}

.section6 .directions-box{padding-bottom: 13.9vw; position: absolute; top: 50%; left: 0; right: 0; margin: auto;}
.section6 .directions-box .inner{ width: calc(100% - 13.88889vw); min-width: auto !important; padding: 30px 0 !important;   margin: auto; background-color: #fff; box-sizing: border-box; text-align: center;}
.section6 .directions-box .inner .tit{font-size: 19px; font-weight: 700; line-height: 30px;}
.section6 .directions-box .inner .address-box > div + div{margin-top: 3vw;}
.section6 .directions-box .inner .address{font-size: 15px; font-weight: 500; line-height: 22px; margin-top: 10px; }
.section6 .directions-box .inner ul{display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 10px;}
.section6 .directions-box .inner ul li a{padding: 4px 0 4px 25px; box-sizing: border-box; font-size:12px; font-weight: 500; line-height: 15px; color: #000;}
.section6 .directions-box .inner ul li.naver a{background: url(../images/skyheron/main/skyheron_section7_ico_01.png) left center /18px no-repeat;}
.section6 .directions-box .inner ul li.kakao a{background: url(../images/skyheron/main/skyheron_section7_ico_02.png) left center /18px no-repeat;}
.section6 .directions-box .inner .call p{margin-top: 12px; font-size: 15px; font-weight: 700; line-height: 36px;}
.section6 .directions-box .inner .call a{font-family: 'Gmarketsans', sans-serif, Arial; font-size: 20px; font-weight: 500; line-height: 1;}

.section7{overflow: auto;}

.main .popup_box:after{display: none;}
.main .popup_box{width: 100vw !important; height: 100dvh !important;  top: 0 !important; right: 0 !important; transform: translateY(-100dvh); animation: popUp 1.25s ease-in-out 2.25s forwards;}
.main .popup_box .dim{width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
.main .popup_box .pop-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:  calc(100% - 75px); max-width: 350px;}
.main .popup_box .pop-con .popup_footer{font-size: 13px; background-color: transparent; padding: 0; margin-top: 13px;}
.main .popup_box .pop-con .popup_footer label input[type=checkbox]{margin: 0 2.58vw 0 0;}
.main .popup_box .pop-con .popup_close{position: static;  text-align: center; margin-bottom: 15px;}
.main .popup_box .pop-con .popup_close a{font-size: 13px; color: #fff;}

.main .popup_box .popup_body img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;transform: translateZ(0);backface-visibility:hidden;}
.main .popup_box .popup_footer{display: flex; justify-content: space-between; align-items: center;}
.main .popup_box .popup_footer .swiper-pagination{position: static; display: flex; justify-content: space-between; align-items: center; display: none;}
.main .popup_box .popup_footer .swiper-pagination.slideMode{display: flex;}
.main .popup_box .popup_footer .swiper-pagination .swiper-button-prev,
.main .popup_box .popup_footer .swiper-pagination .swiper-button-next{position: static; margin-top: 0; width: auto; height: auto;}
.main .popup_box .popup_footer .swiper-pagination .swiper-button-prev{margin-right:3.8889vw;}
.main .popup_box .popup_footer .swiper-pagination .swiper-button-next{margin-left:3.8889vw;}
.main .popup_box .popup_footer .swiper-pagination .current-page,
.main .popup_box .popup_footer .swiper-pagination .total-page{width: 8px;}
.main .popup_box .popup_footer .swiper-pagination .current-page{margin-right: 3px;}
.main .popup_box .popup_footer .swiper-pagination .total-page{margin-left: 3px;}

/*팝업수정*/
.main .popup_box.v241121{transform: translateY(0) translateX(100vw); }
.main .popup_box.v241121.on{animation: popslide1 1s ease-in-out forwards;}
.main .popup_box.v241121.off{animation: popslide2 1s ease-in-out forwards;}
.main .popup_box.v241121 .popup_footer{justify-content: center;}

.footPlatinumLogo,
#footer .inner .foot .toot-txt{display: none;}
#footer .inner .foot{padding-top: 0;}
#wrap.main #footer .inner{padding-top: 30px;}

.del3{animation-delay: .3s !important;}
.del6{animation-delay: .6s !important;}
.del9{animation-delay: .9s !important;}
.del12{animation-delay: 1.2s !important;}
.del15{animation-delay: 1.5s !important;}

@keyframes fadeIn {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@keyframes fadeInUp {
    0%{opacity: 0; transform: translateY(2.8vw);}
    100%{opacity: 1; transform: translateY(0);}
}

@keyframes fadeInL {
    0%{opacity: 0; transform: translateX(-30px);}
    100%{opacity: 1; transform: translateX(0);}
}
@keyframes fadeInR {
    0%{opacity: 0; transform: translateX(30px);}
    100%{opacity: 1; transform: translateX(0);}
}

@keyframes newCount {
    0%{opacity: 1; transform: translateY(0);}
    100%{transform: translateY(calc(-100% + 28vw));}
}



@keyframes upDown {
    0%{ transform: translateY(0px);}
    50%{ transform: translateY(-2vw);}
    100%{ transform: translateY(0px);}
}
@keyframes zoomOut {
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}


@keyframes popUp {
    0%{ transform: translateY(-100dvh);}
    100%{ transform: translateY(0);}
}
@keyframes popslide1 {
    0%{ transform: translateX(100vw);}
    100%{ transform: translateY(0);}
}

@keyframes popslide2 {
    0%{ transform: translateY(0);}
    100%{ transform: translateX(100vw);}
}

@keyframes pulse {
    

   70% {
       box-shadow: 0 0 0 3vw rgba(72,39,190,0);
   }

   100% {
       box-shadow: 0 0 0 0 rgba(72,39,190,0);
   }
}


@font-face {
	font-family: 'Gmarketsans';
	font-weight: 700;
	font-display: swap;
	src: local('GmarketSansBold'),url(../../font/gmarketsans/GmarketSansBold.woff) format('woff'), url(https://apt.ssyenc.com/skyheron/resources/font/gmarketsans/GmarketSansBold.otf) format("opentype");;
}
@font-face {
	font-family: 'Gmarketsans';
	font-weight: 500;
	font-display: swap;
	src: local('GmarketSansMedium'),url(../../font/gmarketsans/GmarketSansMedium.woff) format('woff'), url(https://apt.ssyenc.com/skyheron/resources/font/gmarketsans/GmarketSansMedium.otf) format("opentype");;
}
@font-face {
	font-family: 'Gmarketsans';
	font-weight: 300;
	font-display: swap;
	src: local('GmarketSansLight'),url(../../font/gmarketsans/GmarketSansLight.woff) format('woff'), url(https://apt.ssyenc.com/skyheron/resources/font/gmarketsans/GmarketSansLight.otf) format("opentype");;
}