.skip-btn{display : flex;align-items : center; justify-content : center; width : 70px;height : 70px; border-radius : 50%; background: #f5f5f5;position : fixed; z-index : 100000;left : 0;top : 0;font-family : futura-pt;font-size : 20px;transform : translateX(-50%) translateY(-50%);cursor : pointer;transform-origin : center;box-shadow: 0 3px 6px rgba(0,0,0,0.16);transition : background .2s, transform .3s;}
.skip-btn:active{background: #e1e1e1; transform: translateX(-50%) translateY(-50%) scale(0.9);}
.skip-btn span{pointer-events: none;}

#intro{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;}
.intro-bg{display: flex; width : 100%;height : 100%;background: #fff;position : absolute;left : 0;top : 0;}
.intro-bg > span{flex : 1; height : 100%; background: #06033C}

.intro-inner{display: flex;align-items: center;justify-content: center; position : relative;z-index: 10;width : 740px;height : 598px;margin : 0 auto;}

.intro-title{display: flex;justify-content: center; position : absolute;width : 100%;font-size: 26px;font-weight: 400;font-family: pretendard;}
.intro-title-01{position : absolute;color : #fff;left: 50%;top : 50%;transform: translateX(-50%) translateY(-50%);letter-spacing: 0.25em;}
.intro-title-01 .char{opacity: 0;}
.intro-title-02{position : absolute;left: 50%;top : 50%;transform: translateX(-50%) translateY(-50%); white-space: nowrap;letter-spacing: 1em;opacity: 0;}

.visual-bg{position : absolute;width : 100%;height : 100%;left : 0;top : 0;clip-path: inset(62% 43% 20%);background: url(/assets/images/main/visual-bg-01.png)no-repeat center / cover#fff;animation : visual-bg 1.5s infinite; transform: translateY(-200px);opacity: 0;}
@keyframes visual-bg {
    0%{background: url(/assets/images/main/visual-bg-01.png)no-repeat center / cover#fff;}
    16.6666%{background: url(/assets/images/main/visual-bg-02.png)no-repeat center / cover#fff;}
    33.3333%{background: url(/assets/images/main/visual-bg-03.png)no-repeat center / cover#fff;}
    50%{background: url(/assets/images/main/visual-bg-04.png)no-repeat center / cover#fff;}
    66.6666%{background: url(/assets/images/main/visual-bg-05.png)no-repeat center / cover#fff;}
    83.3333%{background: url(/assets/images/main/visual-bg-06.png)no-repeat center / cover#fff;}
}
.visual-bg-obj{width : 100%;height : 100%;object-fit: cover; object-position: center;opacity: 0;transform: scale(1.15);}

.intro-sign{font-family: XtreemThin;font-size: 147px;white-space: nowrap;position : absolute;color : #06033C;top : 70%;transform: scale(0.8);opacity: 0;}
.intro-sign > img{position :absolute;right :0;top :20%;opacity: 0;}

.visual-inner{position : absolute;width : 100%;height : 100%;max-width: 1750px;z-index: 1;left : 50%;top : 0;transform: translateX(-50%);}
.visual-open{display: flex;flex-direction: column;justify-content: center; align-items: center; position :absolute;bottom : 50px;right : 0;font-family: CarismaGothic, pretendard;width : 104px;height : 104px; border-radius: 50%;font-size: 20px;background: #fff;color : #06033C;opacity: 0;transform: translateX(50px);}
.visual-open > p:nth-child(3){font-size: 16px;}
.visual-open::after{position : absolute;content: '';width : 143px;height : 143px; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation: rotate-text 7s infinite linear;}
@keyframes rotate-text {
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg);}
}

/**/

.envi-bg{position : absolute;left : 0;top : 0;z-index: -1;filter: grayscale(1) brightness(1.5); overflow: hidden;width : 100%;height : 100%}
.envi-bg > img{transform: scale(1.25);transition : transform 3s;width : 100%;height : 100%;object-fit: cover; object-position: center;}
.active .envi-bg > img{transform: scale(1);}

.envi-inner{width : 100%;max-width: 1750px;margin : 0 auto;height : 100%;padding-top: 170px;position : relative;}

.envi-sub-title{font-size: 15px;font-family: futura-pt;letter-spacing: 0.1em;font-weight: 500; color : #06033C;margin-bottom: 21px; transform: translateX(-100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .envi-sub-title{opacity: 1;transform: translateX(0);}

.envi-title{font-size: 46px; font-family: pretendard; letter-spacing: -0.03em; font-weight: 300; color : #aaa}
.envi-title p{overflow: hidden;}
.envi-title span{color : #06033C; font-weight: 500;}

.envi-title .char{transform: translateY(100%);}

.envi-slide{position :absolute;width : 100%;height : 100%;position : absolute;left : 0;top : 0;padding-top: 170px;padding-bottom: 200px;}

.envi-slide .swiper-slide{display: flex;align-items: center;justify-content: center;}

.envi-con{position : absolute; font-family: pretendard;letter-spacing: -0.03em;opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}

.envi-con-01{left : 0;bottom : 0;transform: translateX(-50px);}
.envi-con-02{right : 0;top : 0;text-align: right;transform: translateX(50px);}

.active .swiper-slide-active .envi-con{transform: translateX(0);opacity: 1;transition : transform 1s 1.4s, opacity 1s 1.4s;}

.envi-con > h3{font-size: 20px; margin-bottom: 21px;font-weight: 500;}
.envi-con > h3 > span{color : #06033C; font-weight: 700;}
.envi-con-02 > h3 > span{color : #CDAA7E; font-weight: 700;}

.envi-con > p{font-size: 15px;line-height: 1.5em;color : #575757;}

.envi-img-box{display: flex;justify-content: center; gap : 80px;position : relative;}

.envi-box{display: flex;align-items: center;justify-content: center; width : 275px;height : 290px;position : relative; transition : transform 1s .4s;}
.active .swiper-slide-active .envi-box-01{transform: translateY(-60px);transition : transform 1s 1.4s;}
.active .swiper-slide-active .envi-box-02{transform: translateY(60px);transition : transform 1s 1.4s;}

.envi-box::before{position : absolute; content : '';width : 275px;height : 290px;border : 2px solid #000;mask-image : conic-gradient(#fff var(--angle), transparent 0%); transition : --angle 1s .4s;}
.active .swiper-slide-active .envi-box::before{--angle : 360deg}

@property --angle {
	syntax: "<angle>";
	initial-value:0deg;
	inherits: false;
}

.active .swiper-slide-active .envi-box::before{clip-path: inset(0);}

.envi-box::after{position : absolute;content :'';width : 2px;height : 50px;background: #fff;left : -2px;top : 50%;z-index: 1;transform: translateY(-50%);}

.envi-img-text{position : absolute;font-family: futura-pt; font-size: 36px;line-height: 1em;right : 100%;transform: translateX(18%);z-index: 2; overflow: hidden;white-space: nowrap;}

.envi-img-text .char{transform: translateY(100%);transition : transform 1s .4s;}
.active .swiper-slide-active .envi-img-text .char{transform: translateY(0);transition : transform 1s 1.4s;}

.envi-box-02 .envi-img-text{transform: translateX(40%);}
.envi-img{position : relative;z-index: -1;clip-path: inset(32% 0);transform: scale(0);transition : transform 1s .4s, clip-path 1s .4s;}
.active .swiper-slide-active .envi-img{transform: scale(1);clip-path: inset(0);transition : transform 1s .4s, clip-path 1s 1.4s;}

.envi-navigation{display: flex;gap : 28px; font-family: montserrat;font-size: 12px;position : absolute;right : 0;bottom : 95px;opacity: 0;transform: translateX(100px);transition : transform 1s .4s, opacity 1s .4s;}
.active .envi-navigation{transform: translateX(0);opacity: 1;}

.envi-navigation > div{cursor : pointer;}
.envi-navigation > .swiper-button-disabled{opacity: 0.5;pointer-events: none;}
.envi-navigation > div > img{transition : transform .5s;margin-top: 5px;}
.envi-prev{text-align: right;}
.envi-prev:hover > img{transform: rotate(180deg) translateX(10px);}
.envi-next:hover > img{transform: translateX(10px);}
.envi-prev > img{transform: rotate(180deg);}

.envi-obj{position : absolute; transition : transform 1s .4s}

.envi-obj-01{right : 100%; top : 100%; transform: translateY(100%) translateX(-100px) scale(0);}
.envi-obj-02{left : 100%; top : 100%; transform: translateX(200px) scale(0);}

.active .swiper-slide-active .envi-obj-01{transform: translateY(100%) translateX(-100px) scale(1); transition-delay: 1.4s;}
.active .swiper-slide-active .envi-obj-02{transform: translateX(200px) scale(1);transition-delay: 1.6s;}

/**/

.overview-inner{width : 100%;max-width: 1750px;height : 530px; margin : 0 auto;transform: translateX(-100px);opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .overview-inner{opacity: 1; transform: translateX(0);}

.overview-sub-title{font-size: 15px; letter-spacing: 0.5em; color : #CDAA7E; font-family: futura-pt;margin-bottom: 34px;letter-spacing: 1em;opacity: 0; transition : opacity 1s .4s, letter-spacing 1s .4s;}

.active .overview-sub-title{letter-spacing: 0.5em; opacity: 1;}
.overview-title{font-size: 46px; font-family: pretendard; font-weight: 300; color : #AAAAAA;}
.overview-title span{font-weight: 500; background : url(/assets/images/main/navy.jpg)no-repeat;background-size:0% 100%; background-clip: text; -webkit-background-clip: text;color : rgba(0,0,0,0.33); transition : background-size 2s .4s;}
.overview-title span.short{transition : background-size 1s 1s;}
.active .overview-title span{background-size: 100% 100%;}

.overview-sign{display: inline-block; font-size: 280px; font-family: XtreemThin;letter-spacing: 0.1em;color : #C7C7C7;transform: rotate(-15deg) translateX(-80px);line-height: 1em;opacity: 0.5;transform: rotate(-15deg) translateX(-280px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}

.active .overview-sign{transform: rotate(-15deg) translateX(-80px);opacity: .5;}

.overview-right{display: flex;align-items: end;justify-content: start; width :35.6552%; position : absolute;right : 0;bottom : 0;height : 100%;transform: translateX(100%);transition : transform 1s .4s, opacity 1s .4s;padding-bottom: 100px;padding-left: 130px;opacity: 0;}
.active .overview-right{transform: translateX(0); opacity: 1;}
.overview-bg{width :100%;height : 100%;position :absolute;left : 0;top : 0;clip-path: polygon(0 0%, 100% 0, 100% 100%, 0% 100%); transition : clip-path 1s .4s;}
.active .overview-bg{clip-path: polygon(0 24%, 100% 8%, 100% 100%, 0% 100%);transition : clip-path 1s 1.4s;}
.overview-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: 90%;filter: brightness(0.8);}

.overview-list{position : relative;color : #fff; width : 303px;letter-spacing: -0.04em;}
.overview-list > li + li{margin-top: 100px;}
.overview-name{font-size: 22px; overflow : hidden;}

.overview-name .char{transform: translateY(100%); transition : transform 1s .4s;}
.active .overview-name .char{transform: translateY(0%); transition : transform 1s 1.4s;}

.overview-line{display: block; width : 100%;height : 1px; margin : 19px 0 25px; background: #fff; clip-path: inset(0 100% 0 0); transition : clip-path 1s .4s;}
.active .overview-line{clip-path: inset(0); transition : clip-path 1s 1.4s;}

.overview-con{font-size: 16px; font-weight: 500; overflow: hidden;}
.overview-con .char{transform: translateY(-100%); transition : transform 1s .4s;}
.active .overview-con .char{transform: translateY(0%); transition : transform 1s 1.4s;}

.overview-rotate-btn{display: flex;align-items: center;justify-content: center; width : 82px; height : 82px; border-radius: 50%; background: #06033C;position : absolute;left : 0;transform: scale(0) translateX(-50%);top : 20%;transition : transform 1s .4s;}
.active .overview-rotate-btn{transform: scale(1) translateX(-50%);transition : transform 1s 1.8s;}

.overview-rotate-btn::after{position : absolute;content : '';width : 110px;height : 110px;background: url(/assets/images/main/overview-rotate-text.png)no-repeat center / contain; animation : rotate-text 7s linear infinite;}
.overview-rotate-btn > img{transition : transform .5s;}
.overview-rotate-btn:hover > img{transform: translateX(10px);}

.overview-right-con{display: flex;flex-direction: column;align-items: end;gap : 47px; position : absolute; right : 100%;white-space: nowrap; text-align: right;padding-right: 80px; transform: translateY(100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .overview-right-con{transform: translateY(0);opacity: 1;transition : transform 1s 1.4s, opacity 1s 1.4s;}

.overview-right-line{width : 50px; height : 1px; background: #06033C;}

.overview-right-desc{font-size: 16px; font-family: pretendard; font-weight: 300; color : #535353; line-height: 1.8em; letter-spacing: -0.03em;}

/**/
.main-section-premium::after{position : absolute;content:'';width : 100%; height : 1px; background: #DDD;left : 0;top : 50%;clip-path: inset(0 100% 0 0); transition : clip-path 1s linear;}
.main-section-premium.active::after{clip-path: inset(0);transition : clip-path 2s linear .4s;}
.premium-bg{position : absolute;left : 0;top :0;z-index: -1;width : 100%;height : 100%;overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 4s;}
.active .premium-bg > img{transform: scale(1);}
.premium-inner{width : 100%; max-width: 1750px;margin : 0 auto;}
.premium-list{display: grid; grid-template-columns: repeat(7, 1fr); white-space: nowrap;height : 390px;}

.premium-con{display: flex;flex-direction: column;justify-content: start;padding-left: 50px;padding-top: 75px; opacity: 0; transition : opacity 1s .4s, transform 1s .4s;}

.premium-name{font-size: 15px; font-family: futura-pt; color : #CDAA7E; letter-spacing: 0.1em; margin-bottom: 18px; font-weight: 500;}

.premium-title{font-size: 24px; font-family: pretendard; font-weight: 500; letter-spacing: -0.03em; margin-bottom: 18px; color : #06033C;line-height: 1.5em;}

.premium-desc{font-size: 16px; letter-spacing: -0.03em; font-family: pretendard; font-weight: 300; color : #535353; line-height: 1.5em;}

.premium-img{display: flex;align-items: center;justify-content: center;transform: scale(1.2);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}

.active .premium-img{transform: scale(1);opacity: 1;}

.active .premium-img-01{transition-delay: .4s;}
.active .premium-img-02{transition-delay: .6s;}
.active .premium-img-03{transition-delay: .8s;}
.active .premium-img-04{transition-delay: 1s;}
.active .premium-img-05{transition-delay: 1.2s;}
.active .premium-img-06{transition-delay: 1.4s;}
.active .premium-img-07{transition-delay: 1.6s;}

.premium-img-box{overflow: hidden;}
.premium-img-box > img{transition : transform 2s;}
.premium-img:hover .premium-img-box > img{transform: scale(1.2);}

.premium-list-01 .premium-con{transform: translateY(-100px);}
.premium-list-02 .premium-con{transform: translateY(100px);}

.active .premium-con{transform: translateY(-0); opacity: 1;transition : opacity 1s 2s, transform 1s 2s;}

/**/
.location-bg{position : absolute;left : 0;top :0;z-index: -1;width : 100%;height : 100%;overflow: hidden;}
.location-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 4s;}
.active .location-bg > img{transform: scale(1);}

.location-title{font-size: 46px;margin-bottom: 8px;font-family: futura-pt-bold;letter-spacing: 0.1em;color :#06033C;padding-left: -0.1em;text-align: center;overflow: hidden;}
.location-title .char{transform: translateY(100%);}

.location-desc{text-align: center; margin-bottom: 84px;font-size : 16px; font-family: pretendard; letter-spacing: -0.04em; transform: translateY(50px); opacity: 0; transition : opacity 1s .4s, transform 1s .4s;}
.fp-active .location-desc{transform: translateY(0); opacity: 1;}

.location-inner{display: flex;justify-content: center; gap : 100px;}
.location-box{display: flex;flex-direction: column;align-items: center;gap : 26px;transition : transform 1s .4s, opacity 1s .4s;}
.location-map{border : 1px solid #aaa;}

.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;}