.section-inner{height : 100%;}

/**/
.visual-bg{position : absolute;left : 0;top : 0;z-index: -1;overflow: hidden;width : 100%;height : 100%;background: url(/assets/images/main/visual-bg.jpg) no-repeat center/cover}
.main-section-visual{top : 0;left : 0; overflow: hidden;}
.visual-slide{width : 100%;height : 100%;}
.visual-slide .swiper-slide{display: flex;justify-content: center;align-items: flex-end;}
.main-section-visual .section-inner{position: relative;display: flex;flex-direction: column; height : calc(100% - 14vh); justify-content: center;align-items: center;max-width : 1380px;}
.visual-text {position: absolute;font-size: 21px;color: #C3C3C3;line-height: 1.5;opacity: 0;transform: translateY(20px);}
.visual-text.top {left: 0;top: 0;}
.visual-text.bottom {right: 0;bottom: 6vh;}
.visual-text p {font-size: 21px;line-height: 1.5;color: #C3C3C3;font-weight: 300;letter-spacing : -0.033em}
.visual-text > p > span {font-size: 27px;color: #818181;color : #fff; font-size : 27px;font-weight : 700;letter-spacing : -0.033em}
.visual-text b {color: #fff;font-weight: normal;}
.visual-text.top p {margin-bottom: 27px;font-weight : 500;}
.visual-text.top p b{font-weight : 700; color : #AB9284}
.visual-text.bottom p {margin-bottom: 22px;text-align : right;letter-spacing : -0.033em;}
.visual-text.bottom img{margin-left: auto;}

.visual-title {font-size: 131px;padding-bottom: 50px;}
.visual-title .desc1 {position: relative;padding-right: 550px;z-index: -1;color: #fff;opacity: 0;transform: translateX(-30px);}
.visual-title .desc2 {position: relative;text-align: right;z-index: 1;padding-top: 70px;color: #B79A55;opacity: 0;transform: translateX(30px);}
.visual-img {width : 519px;height : 805px;;opacity: 0;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);clip-path: inset(0 100% 0);}
.visual-img-text{position : static;}
.visual-obj{opacity : 0; transition : opacity 1s;position : absolute;}
.visual-obj-01{top : 120px;left : 189px;}
.visual-obj-02{top : 496px;left : 157px;}
.visual-obj-03{bottom : 0px;left : 125px;}

.on .visual-title .desc1 {opacity: 1;transform: translateY(0);transition: all 0.8s ease 1.6s;}
.on .visual-title .desc2 {opacity: 1;transform: translateY(0);transition: all 0.8s ease 2.6s;}
.on .visual-img {opacity: 1;clip-path: inset(0 0 0);transition: all 0.8s ease 2.2s;}
.on .visual-obj-01{opacity : 1;transition : opacity 1s 2.5s}
.on .visual-obj-02{opacity : 1;transition : opacity 1s 2.7s}
.on .visual-obj-03{opacity : 1;transition : opacity 1s 2.9s}

.on .visual-text.top {opacity: 1;transform: translateY(0);transition: all 0.8s ease 0.8s;}
.on .visual-text.bottom {opacity: 1;transform: translateY(0);transition: all 0.8s ease 3.2s;}

/**/
.section-inner{display: flex;align-items: center;justify-content: center; width: 100%;height : 100%;}

.main-section{display: flex;align-items: center;justify-content: center; mix-blend-mode: lighten;background: #fff;color : #fff;position : relative;}
.main-header {position: absolute;left: 114px;z-index: 50;}
.main-header::after{position : absolute;content : '';width : 16px;height : 16px;border : 10px solid #0E00FF;opacity : 0.22;border-radius : 50%;top : -172px;right : 58px;transform : scale(0);transition : transform 1s;}
.active .main-header::after{transform : scale(1);transition : transform 1s 1.5s;}

.main-title {width: 550px;height: 136px;position: relative;margin-bottom: 40px;}
.main-title > span {position: absolute;font-family: "athena", sans-serif;font-weight: 700;color: #fff;line-height: 1;opacity: 0;}
.main-title > span:nth-child(1) {font-size: 58px;color: #000;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;font-weight: 300;}
.active .main-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-title > span:nth-child(2) {font-size: 70px;bottom: 10px;right: 50%;color: #06033C;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight: 400;}
.active .main-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-header > p {position: absolute;top: 25px;right: 0; text-align: right;font-size: 16px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.main-header .desc1 {font-size: 16px; letter-spacing: -0.53px; margin: 105px 0 23px;}
.main-header .desc2 {font-family: source-han-serif-korean, serif;}
.active .main-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.main-header > p > b {font-weight: 700;}

.section-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;background: url(/assets/images/main/section-bg.jpg) no-repeat center/cover;}

.section-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;color :#fff;padding-top: 100px;}
.section-slide .swiper-slide{display: flex;align-items: center;justify-content: center;padding-top: 100px;}

.main-section-inner{position : absolute;width : 100%;max-width: 1600px;height : 730px;z-index: 10;}

.main-section-video{position : absolute;width : 542px;height : 701px;top : 0;left: 33vw;}
.mask-video{position : absolute;width : 100%;height : 100%;}
.mask-video::after{position : absolute;content : '';width : 152px;height : 152px; border : 2px solid #fff;border-radius : 50%;top : 50px;right : 0; transform : scale(0);transition : transform 1s;}
.active .mask-video::after{transform : scale(1);transition : transform 1s 1.2s;}
.mask-video > video{width : 100%;height : 100%;object-fit: cover;object-position: center;mask-image: url(/assets/images/main/img-mask.png);clip-path: inset(0 100% 0);}
.mask-video.on > video{opacity: 1; clip-path: inset(0 0 0);transition : opacity 3s, clip-path 1s;}

.envi-obj{position : absolute;top : 475px;left : -100px;opacity : 0;transform : scale(1.2);transition : opacity 1s, transform 1s}
.mask-video.on .envi-obj{opacity : 1;transform : scale(1);transition : opacity 1s .4s, transform 1s .4s}

.video-rotate{display : flex;align-items : center;justify-content : center; position : absolute;width : 84px;height : 84px;border-radius : 50%;background: #AB9284;color : #fff; font-family : ofelia-text;right : 0;top : 205px;transform : translateX(50%);opacity : 0;transition : opacity 1s}
.active .video-rotate{opacity : 1;transition : opacity 1s 1.5s;}
.video-rotate::after{position : absolute;content : '';width : 117px;height : 117px;background: url(/assets/images/main/video-rotate-text.png)no-repeat center / contain;animation : rotate-text 6s infinite linear}

.main-section-title{position : absolute;z-index: 1; left : 29vw;top : 70px;height: 100%;white-space: nowrap;font-family: "minerva-modern", sans-serif;font-size: 74px;font-weight: 900;letter-spacing: 0.08em;line-height: 1em;transition : opacity 1s .4s, right 1s, top 1s, transform 1s .4s;opacity: 0; transform: translateX(100px);color: transparent;-webkit-text-stroke: 1px #707070;}
.active .main-section-title{opacity: 1;transform: translate(0);}
.main-section-title > div{overflow: hidden; position : relative;width : 100%;height: 100%;}
.main-section-title> div > p{transition : transform 1s;writing-mode: vertical-rl;padding-left: 10px; text-transform :uppercase;font-family: "minerva-modern", sans-serif;font-weight: 900;}
.main-section-title> div > p:not(:first-child){position : absolute;top : 0;transform: translateX(calc(100% * var(--i)));}

.main-section-title > div > p > span{font-family: AntroVectra;color : #7C7C7C}

.type1 .main-section-title > div > p{transform: translateX(calc(100% * var(--i)));}
.type2 .main-section-title > div > p{transform: translateX(calc(100% * (var(--i) + 1)));}
.type3 .main-section-title > div > p{transform: translateX(calc(100% * (var(--i) + 2)));}
.type4 .main-section-title > div > p{transform: translateX(calc(100% * (var(--i) + 3)));}

.main-section-desc > div{opacity: 0; letter-spacing: -0.033em;position : absolute;left: 65vw;bottom: 145px;width: 320px; transform: translateX(100px); transition : transform 1s, opacity 1s}
.main-section-desc > div::after{position : absolute;content : '';width :38px;height : 1px;background: rgba(6,3,60,0.34);left : 0;top : 0;}
.main-section-desc > div > h3{font-size: 27px; font-family: pretendard; font-weight: 300; margin-bottom: 24px;padding-top: 43px; position : relative;color: #06033C;}
.main-section-desc > div > h3::after{position : absolute;content: '';left : 0;top : 0;width : 38px; height : 1px;background: rgba(255,255,255,0.34);}
.main-section-desc > div > h3 > b{font-weight: 700;}

.main-section-desc > div > p{font-size: 16px; font-weight: 500; color :#898989;margin-bottom: 48px; line-height: 1.6em;}
.main-section-desc > div > ul{font-size: 16px; font-weight: 300; color : #fff;line-height: 1.6em;opacity: 0;transform: translateY(100px);transition : transform 1s, opacity 1s}

.type1 .main-section-desc1{opacity: 1; transform: translateX(0);}
.type2 .main-section-desc2{opacity: 1; transform: translateX(0);}
.type3 .main-section-desc3{opacity: 1; transform: translateX(0);}
.type4 .main-section-desc4{opacity: 1; transform: translateX(0);}


.video-navigation {display: flex;align-items: center;justify-content: start;gap: 24px;opacity: 0;transform: translateX(50px);transition: opacity 1.2s, transform 1.2s;position : absolute;bottom : -50px;right : 0;z-index : 1;}
.active .video-navigation {opacity: 1;transform: translateX(0);transition-delay: 1.4s;}
.video-prev,
.video-next{display: flex;align-items: center;justify-content: center;width : 54px;height : 54px;border-radius: 50%;position : relative;cursor : pointer;}
.video-navigation > .video-prev::after,
.video-navigation > .video-next::after{position : absolute;content : '';width : 12px;height : 12px;border-top : 1px solid #06033C;border-right : 1px solid #06033C;}
.video-navigation > .video-next::after{border-color : #fff;}
.video-prev{background : #fff;}
.video-navigation > .video-prev::after{transform: rotate(-135deg);}
.video-next{background : #06033C;}
.video-navigation > .video-next::after{transform: rotate(45deg);border-color: #fff;}
.video-rect{width : 1px;height : 32px; background: #06033C;}

.video-navigation > div.swiper-button-disabled{opacity : 0.5}

/**/

/* 프리미엄 섹션 */
.premium-left {position: relative;width: 50%;height: 100%;padding: 231px 80px 0; display: flex;flex-direction: column;}
.premium-right {position: relative;width: 50%;height: 100%;}
.premium-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 85px;height: 85px;background-color: #AB9284;border-radius: 50%;left: -42.5px;top: 14vh;z-index: 10;opacity: 0;transition: opacity 1.2s;pointer-events: auto;}
.active .premium-rotate-btn {opacity: 1;transition: opacity 1.2s 1s;}
.premium-rotate-btn::after {position: absolute;content: '';width: 143px;height: 143px;background: url(/assets/images/main/premium-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}
@keyframes rotate-text{0%{transform : rotate(0)}100%{transform : rotate(360deg)}}

.premium-list{overflow: hidden;display: flex;width : 100%;height : 100%;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-list{opacity: 1;transform: translateY(0);transition-delay: 0.8s;}
.premium-list .swiper-slide{width : 50%;height : 100%;background : #fff;flex-shrink: 0;overflow: hidden;position : relative;padding : 90px 70px;border-left: 1px solid #EFEFEF;}
.premium-inner{display: flex;flex-direction: column;justify-content: center;gap: 45px;position: relative;z-index: 1;width: 100%;height: 100%;}

.premium-header {position: relative;}
.premium-title {width: 620px;height: 136px;position: relative;margin-bottom: 97px;;}
.premium-title > span {position: absolute;font-family: "athena", sans-serif;font-weight: 700;color: #fff;line-height: 1;opacity: 0;}
.premium-title > span:nth-child(1) {font-size: 58px;color: #000;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;font-weight: 300;}
.active .premium-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.premium-title > span:nth-child(2) {font-size: 70px;bottom: 10px;right: 50%;color: #AB9284;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight: 400;}
.active .premium-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.premium-header > p {text-align: right;font-size: 20px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.premium-header .desc1 {font-size: 16px; letter-spacing: -0.53px; margin: 0 0 23px;}
.premium-header .desc2 {font-family: source-han-serif-korean, serif;}
.active .premium-header .desc1 {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.active .premium-header .desc2 {opacity: 1;transform: translateY(0);transition: opacity 1.2s 2.4s, transform 1.2s 2.4s;}f
.premium-header > p > b {font-weight: 700;}
.premium-label {display: block;margin-bottom: 19px;font-family: "athena", sans-serif;font-size: 17px;letter-spacing: 4.25px;line-height: 1.5;}
.premium-sub-title{font-size: 30px;color : #AB9284;letter-spacing: -1.2px;margin-bottom: 15px;}
.premium-desc{font-size: 16px;letter-spacing: -0.64px;line-height: 26px;color : #000;}
.premium-text {position: absolute;margin-top: -50px;left: 20px;}
.premium-first-slide .premium-con {order: 1;}
.premium-slide-02 .premium-inner {}
.premium-slide-02 .premium-con {}
.premium-slide-03 .premium-con {order: 1;}
.premium-list .swiper-slide::after {content: '';position: absolute;width: 100%;height: 0;left: 0;bottom: 0;z-index: 0;background-color: #AB9284;transition: height ease .5s;opacity: .08;}
.premium-list .swiper-slide:hover::after  {height: 100%;}
.premium-control {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;margin-top: 50px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-control {opacity: 1;transform: translateY(0);transition-delay: 1.2s;}
.premium-progress {width: 375px;height: 1px;background: rgba(0,0,0,0.1);position: relative;}
.premium-progress > span {position: absolute;height: 100%;width: 20%;background: #542785;transition: width 0.5s;}
.premium-navigation {position : absolute;z-index: 1;left : 70px;bottom : 74px;display: flex;align-items: center;justify-content: center;gap: 5px;opacity: 0;transform: translateX(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-navigation {opacity: 1;transform: translateX(0);transition-delay: 1.4s;}
.premium-navigation > div{display: flex;align-items: center;justify-content: center;width : 24px;height : 24px;border-radius: 50%;position : relative;cursor : pointer;}
.premium-navigation > div::after{position : absolute;content : '';width : 6px;height : 6px;border-top : 1px solid #fff;border-right : 1px solid #fff;}
.premium-prev{background : #AB9284;}
.premium-navigation > .premium-prev::after{transform: rotate(-135deg);}
.premium-next{background : #AB9284;}
.premium-navigation > .premium-next::after{transform: rotate(45deg);border-color: #fff;}

.pattern-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}
.pattern1 {position: absolute;width: 100vw;height: 100vh;bottom: 0;left: 0;background: #000;z-index: 1000;opacity: 1;transform-origin: center center;}
.pattern1 video {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.pattern1 img{position : absolute;height : 100%;width : auto;left : 100%;transform : translateX(10px);top : 0;}
.pattern1.move {width: 400px;height: 300px;bottom: 0;left: 50px;opacity: 0.95;border-radius: 8px;z-index: 2;transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}

.premium-intro{display : flex;align-items : center;justify-content : center; position : absolute;width : 100%;height : 100%;z-index : 10;pointer-events : none;transition : opacity .5s}
.off .premium-intro{opacity : 0;}
.premium-intro-tit{display : flex;flex-direction : column;position : relative;width : 1136px;height : 271px;font-family : athena;}

.premium-intro-tit1{position : absolute;left : 0;font-size : 108px;font-weight : 100;color : #000;transform : translateX(-50%);left : 50%;opacity : 0;transition : transform 1.5s .5s, opacity 1.5s, left 1.5s .5s;}
.on .premium-intro-tit1{transform : translateX(0%);left : 0%;opacity : 1;}

.premium-intro-tit2{position : absolute;right : 0;bottom : 0;font-size : 130px;font-weight : 400;color : #06033C;transform : translateX(50%);right : 50%;opacity : 0;transition : transform 1.5s .5s, opacity 1.5s, right 1.5s .5s;}
.on .premium-intro-tit2{transform : translateX(0%);right : 0%;opacity : 1;}

.premium-intro-desc1{position : absolute; font-size : 16px;font-family : pretendard;bottom : 158px;right : 0;letter-spacing : -0.033em;font-weight : 400; transform : translateY(-100px);opacity : 0;transition : transform 1.5s, opacity 1.5s}
.on .premium-intro-desc1{transform : translateY(0);opacity : 1;transition : transform 1.5s 1.5s, opacity 1.5s 1.5s}

.premium-intro-desc2{position : absolute; font-size : 27px;top : 100%;left : 196px; font-family : Noto Serif KR;transform : translateY(17px);letter-spacing : -0.033em;font-weight : 400;transform : translateX(-100px);opacity : 0;transition : transform 1.5s, opacity 1.5s}
.on .premium-intro-desc2{transform : translateY(0);opacity : 1;transition : transform 1.5s 1.5s, opacity 1.5s 1.5s}


/* 로케이션 섹션 */
.main-section-location{overflow : hidden;}
.location-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;overflow: hidden;}
.location-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;transform: scale(1.5);transition : transform 2s;}
.fp-active .location-bg > img{transform: scale(1);transition-delay: .5s;}
.main-section-location .section-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.location-title {position: relative;margin-bottom: 25px;}

.location-title > span {opacity: 0;display: block;font-family: "athena", sans-serif;font-size: 58px;font-weight: 700;color: #081346;line-height: 1;transform: translateX(100px);transition: left 1.2s, transform 1.2s, opacity 1.2s;}
.fp-active .location-title > span {opacity: 1;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.location-header {display: flex;flex-direction: column;align-items: center;margin-bottom: 25px;}
.location-header > p {font-size: 20px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.fp-active .location-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.location-header > p > b {color: #542785;}
.location-con{display: flex;align-items: center;gap : 50px;}
.location-box{display: flex;flex-direction: column;align-items: center;gap : 26px;transition : transform 1s .4s, opacity 1s .4s;}
.location-box > div > img {/* border: 1px solid #000; */}
.location-box:nth-child(1){transform: translateX(-100px);opacity: 0;}
.location-box:nth-child(2){transform: translateX(100px);opacity: 0;}
.fp-active .location-box{transform: translateX(0);opacity: 1; transition : transform 1s 1s, opacity 1s 1s;}
.location-address{display: flex; font-family: Noto Sans KR; font-size: 18px; letter-spacing: -0.06em;font-weight: 500; color : #191919;}
.location-address > span{display: flex;align-items: center; margin-right: 22px;position : relative; padding : 0 21px;font-weight: 700;color : #06033C;}
.location-address > span::before{position : absolute;content : '';width : 1px;height : 15px;left : 0;background : #06033C;transform: translateY(1px);}
.location-address > span::after{position : absolute;content : '';width : 1px;height : 15px;right : 0;background : #06033C;transform: translateY(1px);}
.location-btn-box{display: flex;align-items: center; gap : 7px;}

.top-btn{position : absolute;right : 80px;bottom : 35px;}

.footer-box{position : absolute;width : 100%;top : 100%;transition : transform 1s}
.fp-viewing-4 .footer-box{transform : translateY(-100%)}