.header{opacity: 0;}

.cursor{display: flex;align-items: center;justify-content: center; position : fixed;z-index: 100;transform: translateX(-50%) translateY(-50%) scale(0);transition : transform 1s;pointer-events: none;}
.cursor.on{transform: translateX(-50%) translateY(-50%) scale(1);}
.cursor::after{position : absolute;content: ''; width : 117px;height : 117px;background: url(/assets/images/main/cursor-rotate-text.png)no-repeat center / contain;animation : rotate-text 8s infinite linear}
.main-section-visual{position : relative;overflow: hidden;background: #000;}

.scroll{display: flex;flex-direction: column;align-items: center;justify-content: center;gap : 16px;  position : fixed;left : 72px;top : 50%;transform: translateY(-50%);opacity: 0;z-index: 10; transition : opacity .5s;}
.scroll.hide{opacity: 0 !important;}

.scroll-progress{width : 1px;height : 100px;background : #2E2E2E;position : relative;}
.scroll.dark .scroll-progress{background : rgba(0,0,0,0.3)}
.scroll-progress::after{position : absolute;content: '';width : 100%;height : 0;animation : scroll 2s infinite;background : #C7A479;transition : background .5s;}
.scroll.dark .scroll-progress::after{background: #111;}
@keyframes scroll {
    0%{height : 0}
    100%{height : 100%;}
}
.scroll-text{writing-mode: vertical-lr;color : #C7A479;font-family: MinervaModern; font-size: 14px; font-weight: 700;transition : color .5s}
.scroll.dark .scroll-text{color : #111;}

.open{display: flex;justify-content: center;align-items: center; position : fixed; bottom : 50px;right : 106px;width : 84px;height : 84px;opacity: 0;z-index: 10;transition : opacity .5s;pointer-events: none;}
.open.hide{opacity: 0 !important;}
.open::after{position : absolute;content : '';width : 129px;height : 129px;background : url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}

#intro{display: flex;justify-content: center;align-items: center; width : 100%;height : 100%;}
.intro-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;z-index: 0;background : #000;z-index: 100;mix-blend-mode: lighten;pointer-events: none; transition : opacity 1s;}
.intro-bg.hide{opacity: 0 !important;}
.intro-bg-dim{position : absolute;width : 100%;height : 100%;background : rgba(0,0,0,1);left : 0;top : 0;z-index: 1;opacity: .8;}
.intro-bg > video{width : 100%;height : 100%;object-fit: cover;object-position: center;}
.intro-img-box{display: flex;align-items: end; width : auto;height : 100%;mask-image: linear-gradient(to right, transparent, #000 10%, #000 90% , transparent);mix-blend-mode: lighten;}

.visual-img{display: flex;justify-content: center; position : relative;width : 50vw;
    mask-image : conic-gradient(
        #fff var(--angle), transparent 0%
    );
    transform: scale(1.2);
}
@property --angle {
	syntax: "<angle>";
	initial-value:0deg;
	inherits: false;
}
.visual-img > img{width : 100%;}
.visual-circle-01{position : relative;z-index: 0;animation : rotate-text 15s infinite linear}
@keyframes rotate-text {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.visual-circle-02{position : absolute;bottom : 0;opacity: 0;}
.visual-shine{position : absolute;top : 0;left : 0;transform: rotate(5deg);opacity: 0;}
.visual-shine-img{width: 100%; animation : shine 2s infinite ease-in alternate}
@keyframes shine {
    0%{filter: contrast(1) sepia(0);opacity: .5;}
    100%{filter: contrast(5) hue-rotate(8);opacity: 1;}
}
.visual-img .light-bg{position : absolute;z-index: 10;width : 72.3%;top : 13.5%;animation : rotate-text 10s infinite linear;margin-right: 1%;}

.intro-inner{display: flex;flex-direction: column; align-items: center;justify-content: center; position : absolute;color : #fff;gap : 30px;transform: scale(0.8);}
.visual-sign{transform: translateY(10%) translateX(-30%);opacity: 0;}

.visual-desc{display: flex;gap : 10px; font-size: 31px; font-weight: 300;letter-spacing: -0.04em;font-family: pretendard;overflow: hidden;transform: translateY(-80px);}
.visual-desc1{transform: translateX(180px);opacity: 0;}
.visual-desc2{overflow: hidden;}
.visual-desc2 .char{transform: translateY(100%);}

/* .visual-desc .char{transform: translateY(100%);} */
.visual-desc b{font-weight: 700;}
.visual-logo{transform: translateY(200%);opacity: 0;}

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

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

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

.section-bg-slide{width :100%;height : 100%;position : absolute;left: 0;top : 0;}
.section-bg-slide > li{width : 100%;height : 100%;position : absolute; left : 0;top : 0; transition : clip-path 1s;clip-path : inset(0 100% 0 0);}
.section-bg-slide > .section-bg-01{background: #06033C;}
.section-bg-slide > .section-bg-02{background: #000;}
.section-bg-slide > .section-bg-03{background: #06033C;}
.section-bg-slide > li.on{clip-path : inset(0 0 0 0) !important;}

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

.main-section-btn{display: flex;gap : 34px;font-family: Ofelia-text;position : absolute; bottom : 0;right : 0;transition : opacity .5s;pointer-events: none;opacity: 0;}
.main-section-btn.show{opacity: 1;pointer-events: all;}
.main-section-btn > li{display: flex;align-items: center;gap : 15px;opacity: .2;transition : opacity .5s;cursor : pointer;}
.main-section-btn > li.on{opacity: 1;}
.main-section-btn > li > span{width : 10px;height : 10px;border-radius: 50%;background: #fff;}

.mask-video{width : 505px;height : 695px;position : absolute;top : 0;mask-image: url(/assets/images/main/img-mask.png);opacity: 0;transition : opacity 1s, transform 1s;}
.mask-video > video{width : 100%;height : 100%;object-fit: cover;object-position: center;}
.mask-video1{left : 192px;transform: translateX(-100px);}
.mask-video2{right : 130px;transform: translateX(100px);}
.mask-video3{left : 192px;transform: translateX(-100px);}
.mask-video.on{transform: translateX(0);opacity: 1;}

.main-section-title{position : absolute;z-index: 1; right : 117px;top : 365px;white-space: nowrap;font-family: MinervaModern;font-size: 87px;font-weight: 400;letter-spacing: -0.033em;width : 725px;line-height: 1em;transition : opacity 1s .4s, right 1s, top 1s, transform 1s .4s;opacity: 0; transform: translateX(100px);}
.active .main-section-title{opacity: 1;transform: translate(0);}
.main-section-title > div{overflow: hidden; position : relative;width : 100%;}
.main-section-title> div > p{transition : transform 1s;}
.main-section-title> div > p:not(:first-child){position : absolute;top : 0;transform: translateY(calc(-100% * var(--i)));}

.main-section-title > div:nth-child(1) > p:nth-child(2){right : 0; text-align: right;}
.main-section-title > div:nth-child(2) > p:nth-child(1){right : 0; text-align: right;}
.main-section-title > div:nth-child(2) > p:nth-child(3){right : 0; text-align: right;}

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

.type1 .main-section-title > div > p{transform: translateY(calc(-100% * var(--i)));}
.type2 .main-section-title{top : 78px; right : 512px}
.type2 .main-section-title > div > p{transform: translateY(calc(-100% * var(--i)));}
.main-section-title > div:nth-child(1) > p:nth-child(1){padding-left : 250px}
.main-section-title > div:nth-child(2) > p:nth-child(2){padding-left : 250px}
.type3 .main-section-title > div > p{transform: translateY(calc(-100% * (var(--i) + 1)));}
.type3 .main-section-title{top : 80px; right : 593px}
.type4 .main-section-title > div > p{transform: translateY(calc(-100% * (var(--i) + 2)));}
.type4 .main-section-title{top : 80px; right : 462px}

.main-section-desc > div{opacity: 0; letter-spacing: -0.033em;position : absolute;transition : transform 1s, opacity 1s}
.main-section-desc > div > h3{font-size: 27px; font-family: pretendard; font-weight: 300; margin-bottom: 24px;padding-top: 43px; position : relative}
.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}

.main-section-desc1{right : 0; bottom : 80px;width : 763px;transform: translateX(100px);}
.main-section-desc1 > ul{text-align: right;}

.main-section-desc2{left : 0; bottom : 80px;transform: translateX(-100px);}

.main-section-desc3{right : 0; bottom : 80px;width : 878px;;transform: translateX(100px);}
.main-section-desc3 > ul{text-align: right;}

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

.type2 .main-section-desc1 > ul{transform: translateY(0);opacity: 1;transition : transform 1s .4s, opacity 1s .4s}
.type3 .main-section-desc2 > ul{transform: translateY(0);opacity: 1;transition : transform 1s .4s, opacity 1s .4s}
.type4 .main-section-desc3 > ul{transform: translateY(0);opacity: 1;transition : transform 1s .4s, opacity 1s .4s}

/**/
.main-section-premium{overflow: hidden;}
.premium-bg{position : absolute;left : 0;top : 0;}
.premium-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;}
.premium-bg::after{position : absolute;content: '';width : 128px;height : 100%;background: #F8F7F5;left : 45%;top : 0;clip-path: inset(50% 0);transition : cilp-path 1s;}
.active .premium-bg::after{clip-path: inset(0 0);}
.premium-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.premium-slide .swiper-slide{display: flex;justify-content: center; align-items: center;padding-top: 50px;}
.premium-inner{display: flex;align-items: center;justify-content: center; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 1;}

.premium-desc{position : absolute;opacity: 0;transition : opacity 1s .4s, transform 1s .4s}
.premium-desc1{left : 0; top : 0;transform: translateX(-100px);}
.premium-desc2{right : 0; top : 0; text-align: right; transform: translateX(100px);}
.premium-desc3{left : 0; bottom : 0;transform: translateX(-100px);}
.premium-desc4{right : 0; bottom : 0; text-align: right;transform: translateX(100px);}
.active .swiper-slide-active .premium-desc{opacity: 1; transform: translateX(0);}
.active .swiper-slide-active .premium-desc1{transition : opacity 1s .4s, transform 1s .4s}
.active .swiper-slide-active .premium-desc2{transition : opacity 1s .6s, transform 1s .6s}
.active .swiper-slide-active .premium-desc3{transition : opacity 1s .8s, transform 1s .8s}
.active .swiper-slide-active .premium-desc4{transition : opacity 1s 1s, transform 1s 1s}

.premium-desc h4{font-family: Ofelia-text;font-weight: 300; font-size: 15px;margin-bottom: 19px; color : #121212}
.premium-desc h4 > b{font-weight: 700;}
.premium-desc h3{font-size: 20px; font-family: Pretendard; font-weight: 700; letter-spacing: -0.033em;color : #121212; margin-bottom: 19px;}
.premium-desc > p{font-size: 15px; font-family: pretendard; letter-spacing: -0.033em;line-height: 1.5em;}

.premium-img{position : absolute;}
.premium-img1{width : 743px;height : 687px;transform: translateX(50px);}
.premium-img1::after{position : absolute;content: '';width : 1px;height : 293px; background: #1d1d1d;left : 118px;transition : clip-path 1s .4s;clip-path: inset(100% 0 0 0)}
.active .swiper-slide-active .premium-img1::after{clip-path: inset(0 0 0 0)}
.premium-img1::before{position : absolute;content: '';width : 293px;height : 1px; background: #1d1d1d;right : 0px;top : 453px; transition : clip-path 1s .4s;clip-path: inset(0 100% 0 0)}
.swiper-slide-active .premium-img1::before{clip-path: inset(0 0 0 0);}

.premium-img > img{position : absolute;transition : clip-path 1s .4s, transform 1s .4s}
.premium-01-01{top: 0;left : 381px;clip-path: inset(100% 0 0 0);}
.premium-01-02{top : 111px; left : 135px;clip-path: inset(0 0 0 100%);}
.premium-01-03{top : 193px; left : 381px;clip-path: inset(0 100% 0 0);}
.premium-01-04{top : 450px; left : 269px;clip-path: inset(0 0 100% 0);}

.premium-obj-01-01{left : 12px;top : 325px;transform: scale(0);}
.premium-obj-01-02{left : 0;top : 402px;z-index: 1; transform: scale(0);}
.premium-obj-01-03{left : 64px;top : 488px;clip-path: inset(0 0 0 100%);}
.premium-obj-01-04{left : 432px;top : 488px;clip-path: inset(0 0 0 100%);}

.premium-img2{width : 613px;height : 686px;transform: translateX(50px);}
.premium-02-01{top: 11px;right : 54px;clip-path: inset(0 100% 0 0);}
.premium-02-02{top: 82px;left : 135px;clip-path: inset(0 0 0 100% );}
.premium-02-03{bottom: 0;right : 54px; z-index: 1;clip-path: inset(0 100% 0 0);}

.premium-obj-02-01{left : 0;top : 383px;z-index: 1; transform: scale(0);}
.premium-obj-02-02{right : 84px;top : 231px;clip-path: inset(100% 0 0 0)}
.premium-obj-02-03{right : 0;top : 465px;clip-path: inset(0 100% 0 0)}
.premium-obj-02-04{left :  126px;top : 559px; transform: scale(0);}

.active .swiper-slide-active .premium-img > img{clip-path: inset(0% 0% 0% 0%);transform: scale(1);}

.premium-con{display: flex;align-items: center;justify-content: center; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 10;}
.premium-title{color : #222222;line-height: 2.5em;position : absolute;left : 0;transform: translateX(-200px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .premium-title{transform: translateX(0);opacity: 1;}
.premium-title > p:nth-child(1){font-size: 87px;font-family: AntroVectra;font-weight: 400;}
.premium-title > p:nth-child(2){font-size: 87px;font-family: MinervaModern; font-weight: 400;transform: translateX(170px);}

/**/
.main-section-brand{}
.main-section-brand .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.brand-inner{display: flex;justify-content: end; width : 100%;max-width: 1350px; color : #fff; text-align: center;}
.brand-con{display: flex;flex-direction: column;align-items: center; max-width: 488px;white-space: nowrap;}

.brand-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;z-index: -1;}
.brand-bg > img{width : 100%;height : 100%;transform: scale(1.4);transition : transform 1s 1s;object-fit: cover;object-position: left bottom;}
.active .brand-bg > img{transform: scale(1);transition : 5s .4s}

.brand-sub-title{font-size: 13px;font-family: Ofelia-text; font-weight: 500; letter-spacing: 0.1em;margin-bottom: 15px;opacity: 0;transform: translateY(-50px);transition : opacity 1s .4s, transform 1s .4s;}
.active .brand-sub-title{opacity: 1;transition : opacity 1s 1.2s, transform 1s 1.2s;transform: translateY(0);}
.brand-title{font-size: 45px;font-family: MinervaModern; letter-spacing: 0.1em;margin-bottom: 12px;letter-spacing: .5em;padding-left: 0;opacity: 0; transition : opacity 1s .4s, letter-spacing 1s .4s, padding-left 1s .4s;}
.active .brand-title{opacity: 1;letter-spacing: 0.1em;padding-left: 0.1em;transition : opacity 1s .4s, letter-spacing 1s 1.2s, padding-left 1s 1.2s;}
.brand-title-kor{font-family: pretendard;font-size: 31px;font-weight: 300; margin-bottom: 42px;letter-spacing: -0.033em;overflow: hidden;opacity: 0; transition : opacity 1s .4s;}
.active .brand-title-kor{opacity: 1;}
.brand-title-kor > b{font-weight: 700;}
.brand-title-kor .char{transform: translateY(100%);}
.brand-desc{font-size: 15px; font-family: pretendard;letter-spacing: -0.033em;line-height: 1.8em;opacity: 0;transform: translateY(50px); transition : opacity 1s .4s, transform 1s .4s;}
.active .brand-desc{opacity: 1;transition : opacity 1s 1.2s, transform 1s 1.2s;transform: translateY(0);}
/**/
.main-section-location{background: #F5F5F5;}
.main-section-location .fp-tableCell{padding-top: 50px;}
.location-title{font-size: 45px;margin-bottom: 55px;font-family: MinervaModern;letter-spacing: 0.1em;color :#06033C;padding-left: -0.1em;text-align: center;overflow: hidden;}
.location-title .char{transform: translateY(100%);}
.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-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;}