.scroll{display: flex;flex-direction: column;align-items: center;gap : 12px; position :fixed; left : 80px; bottom : 47px; z-index: 10; transition :.5s; pointer-events : none;
	&.hide{opacity : 0;}
}
.scroll > p{font-family: montserrat; color : #fff; font-weight: 700; font-size: 13px; writing-mode: vertical-lr;}
.scroll .mouse{display: flex; justify-content: center; width : 24px; height : 42px; border : 1px solid #fff; border-radius: 100px; position :relative; transition : .5s;
    &::after{position :absolute; content : ''; width : 4px; height: 4px; border-radius: 50%; background: #fff; top : 12px; animation : mouse 1.2s infinite ease-in-out; transition : background .5s;}
}
.dark.scroll{
    .mouse{border-color : #000;
        &::after{background: #000;}
    }
    & > p{color : #000}
}
@keyframes mouse {
    100%{transform: translateY(14px);}
}

.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; font-family: jost; background: #9B907F; width : 70px; height : 70px; top : 50%; left : 50%;z-index: 1000; transform: translateX(-50%) translateY(-50%) scale(0); border-radius: 50%; color : #fff; letter-spacing: 0.1em; font-weight: 600; font-size: 16px; transition : transform .5s;}
.skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}

.skip-btn::after{position : absolute; content : ''; width : 100%;height : 100%; background: #9B907F; border-radius: 50%; animation : skip-btn 1s infinite; z-index: -1;}
@keyframes skip-btn {
    0%{opacity: 1; transform: scale(1);}
    100%{opacity: 0; transform: scale(1.5);}
}

.section{overflow: hidden;}

#intro{width : 100%; height : 100%; overflow: hidden; background: url(/assets/images/main/intro-bg.jpg)no-repeat center / cover}

.intro-bg{background: #141414; position : absolute; left : 0;top : 0; width : 100%; height : 100%; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0% 50%);}

.intro-01{display: flex;align-items: center; justify-content: center; position :absolute; left : 0; top : 0; width : 100%; height : 100%; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1);}

.intro-desc-box-01{letter-spacing: -0.04em; font-size: 22px; font-weight: 500; line-height: 1.6em; position : absolute; text-align: center; top : 63px; color : #6C6C6C; transform: translateY(-100px); opacity: 0; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1);}
/* .intro-desc-box-01 b{color : #fff} */
.intro-desc-box-01 span{color : #fff;}

.intro-text{color : #fff; font-size: 13.3854vw; position : absolute; line-height: 0.8em; left : 50%; transform: translateX(-50%) translateY(-100%); top : 100%; letter-spacing: 24vw; padding-left: 24vw; white-space: nowrap; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1); font-family: IvyPresto-Display; font-weight: 400;}
.intro-text span{display: inline-block; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(100%);}

.intro-tit-01{font-size: 38px; font-family: Asta Sans; letter-spacing: -0.04em; font-weight: 500; color : #fff; position : absolute; right : 100%; top : 0%; line-height: 1em; transform: translateX(-100%); opacity: 0;}
.intro-tit-02{ font-family: Ofelia-Text; font-weight: 500; color : #9B907F; font-size: 38px; position : absolute; left : 85%; top : 100%; line-height: 1em; margin-top: 2.5em; transform: translateX(100%); opacity: 0; letter-spacing: 0em;}

.intro-desc-box-02{letter-spacing: -0.04em; font-size: 18px; font-weight: 500; line-height: 1.6em; position : absolute; color : #BABABA; transform: translateX(100px); opacity: 0; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1); padding-top: 32px; text-align: right; right : 95px; top : 180px;
    &::after{position : absolute; content : ''; width : 38px; height : 1px; background: #9B907F; right : 0; top : 0;}
}
/* .intro-desc-box-02 span{color : #000000;} */

#intro.t1{
    .intro-desc-box-01{transform: translateY(0); opacity: 1;}
    .intro-text span{transform: translateY(0);
        &:nth-child(1){transition-delay: 0s;}
        &:nth-child(2){transition-delay: 0.15s;}
        &:nth-child(3){transition-delay: 0.3s;}
        &:nth-child(4){transition-delay: 0.425s;}
    }
}
#intro.t2{
    .intro-bg{clip-path: polygon(22% 0%, 70% 0, 28% 100%, 0 100%, 0% 50%);}
    .intro-desc-box-01{transform: translateY(-160px); opacity: 0;}
    .intro-desc-box-02{transform: translateY(0px); opacity: 1;}
    .intro-text{transform: translateX(-50%) translateY(-50%); top : 60%; letter-spacing: 0em; left : 60%; padding-left: 0vw; font-size: 18.75vw;}
    .intro-text span{transition-delay: 0s !important;
        &:nth-child(3){transform: translateY(20%);}
        &:nth-child(4){transform: translateY(20%);}
    }
    .intro-tit-01,
    .intro-tit-02{transform: translateX(0); opacity: 1; transition : 2s}
}
/* #intro.t3{
    .intro-text{transform: translateX(100%) translateY(-50%); opacity: 0;}
} */

.intro-02{display: flex;align-items: center; justify-content: center; position :absolute; left : 0; top : 0; width : 100%; height : 100%; transform: translateX(100%); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1);}
.intro-img{display: flex;flex-direction: column; width : 77%; height : 100%; background: #aaa; position : absolute; right : 0;top : 0; clip-path: polygon(89% 0, 89% 0, 37% 100%, 35% 100%, 89% 0); overflow: hidden; transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1); opacity: 0;}
.intro-img > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1);}

.intro-tit-container{position :absolute; left : 160px; top : 200px; transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1); transform: translateY(33.3333%);}
.intro-tit-box{margin-bottom: 160px; opacity: 0; transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1);}
.intro-tit-desc{font-size: 38px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.25em; color : #9B907F;
	span{color : #fff}
}
.intro-tit{padding : 88px 0 0 80px;font-family: trajan-pro-3; font-size: 34px; font-weight: 500; text-transform: uppercase; color : #fff; letter-spacing : 0.3em;}

.intro-03{display: flex; flex-direction: column; align-items: center; justify-content: center; position :absolute; left : 0; top : 0; width : 100%; height : 100%; transform: translateY(100%); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1); background: #F3F0EB; gap : 36px}

.visual-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden; clip-path: inset(calc(50%) calc(50% - 6px)); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1);}
.visual-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}

.intro-03-tit-box{text-align: center; letter-spacing: -0.04em; transform: translateY(-100px); opacity: 0; transition : 1.4s}
.intro-03-desc{font-size: 28px; font-weight: 300; margin-bottom: 10px;
    b{font-weight: 600;}
}

.intro-03-tit{font-size: 52px; font-weight: 300;
    b{font-weight: 600;}
}
.intro-03-logo{font-size: 28px; letter-spacing: -0.04em; font-weight: 700; transform: translateY(100px); opacity: 0; transition : 1.4s;}

.visual-sign{font-family: AV; font-size: 4.7917vw; letter-spacing: -0.03em; color : #fff; position : absolute; right : 160px; bottom : 60px; line-height: 1em; transform: rotate(-15deg) translateX(100%); opacity: 0; transition : 2s;}
.visual-sign > p{
    &:nth-child(2){padding-left: 160px;}
}

#intro.t3{
    .intro-02{transform: translateX(0);}
    .intro-bg{transform: translateX(-100%);}
    .intro-01{transform: translateX(-100%);}
    .intro-img{clip-path: polygon(100% 0, 100% 49%, 72% 100%, 0 100%, 53% 0); opacity: 1;}
    .intro-tit-container{transform: translateY(0%);}
    .intro-tit-box-01{opacity: 1;}
}
#intro.t4{
    .intro-img > img{transform: translateY(-100%);}
    .intro-tit-container{transform: translateY(-33.3333%);}
    .intro-tit-box-01{opacity: 0;}
    .intro-tit-box-02{opacity: 1;}
}

#intro.t5{
    .intro-img > img{transform: translateY(-200%);}
    .intro-tit-container{transform: translateY(-66.6666%);}
    .intro-tit-box-02{opacity: 0;}
    .intro-tit-box-03{opacity: 1;}
}
#intro.t6{
    .intro-02{transform: translateY(-100%);}
    .intro-03{transform: translateY(0);}
    .intro-03-tit-box{transform: translateY(0); opacity: 1; transition-duration: 2s; transition-delay: 1s;}
    .intro-03-logo{transform: translateY(0); opacity: 1; transition-duration: 2s; transition-delay: 1s;}
}

#intro.t7{
    .intro-03{gap : 400px; padding-bottom: 60px;}
    .visual-bg{clip-path: inset(calc(50% - 160px) calc(50% - 6px));}
}
#intro.t8{
    .intro-03{gap : 26px; padding-bottom: 50vh; transition : 2.4s;}
    .visual-bg{clip-path: inset(0) !important;}
    .visual-bg > img{transform: scale(1);}
    .visual-sign{transform: rotate(-15deg) translateX(0); opacity: 1;}
    .open-rotate-btn{transform: translateX(0); opacity: 1;}
}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 108px; height : 108px;background: #8E0018; border-radius: 50%; color : #fff; font-size: 19px; letter-spacing: -0.04em; font-weight: 700; font-family: PT; line-height: 1.25em; position : absolute; right : 164px; top : 178px; opacity: 0; transform: translateX(200%); transition :2s;
    &::after{position :absolute; content : ''; width : 164px; height : 164px; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

/*  */
.main-location{background: url(/assets/images/main/location-bg.jpg)no-repeat center / cover;}
.location-slide{width : 100%; height : 100%;}
.location-container{display: flex;align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%; z-index: 1;}

.active{
    .location-img{opacity: 1; transform: scale(1); transition : opacity 1.2s .4s, transform 1.2s 1s;}
    .location-img-line > span{clip-path: inset(0) !important; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
    .location-img-line > b{transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) .4s;
        &:nth-child(5){transform: translateX(-50%) translateY(-50%) scale(1);}
        &:nth-child(6){transform: translateX(50%) translateY(50%) scale(1);}
    }
    .location-rotate-btn{transform: translateX(50%) translateY(-50%); opacity: 1; transition : 1.2s 1s;}
    .location-tit-box{transform: translateX(0%); opacity: 1; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
    .location-con-box{transform: translateX(0%); opacity: 1; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
    .location-sign{transform: rotate(-15deg) translateX(0); opacity: 1; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
    .location-btn-box{transform: translateY(0); opacity: 1; transition : 1s 0.8s;}
}

.location-img-inner.on{border-radius: 70px 0 70px 0;transition : transform 1s cubic-bezier(0.77, 0, 0.175, 1), border-radius 1s .4s;
    & > img{transform: scale(1);}
}

.location-img-box{position : absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%);}
.location-img-line{display: flex;justify-content: center;align-items: center;  position : absolute; width : 100%; height : 100%;left : 0;top : 0; z-index: 10;
    &>span{position : absolute; display: block; background: #4A4A4A; transition : 0s 1.4s;
        &:nth-child(1){width : 150%; height : 1px; top : 0; clip-path: inset(0 50%);}
        &:nth-child(2){width : 150%; height : 1px; bottom : 0; clip-path: inset(0 50%);}
        &:nth-child(3){height : 150%; width : 1px; left : 0; clip-path: inset(50% 0);}
        &:nth-child(4){height : 150%; width : 1px; right : 0; clip-path: inset(50% 0);}
    }
    &>b{width : 18px; height : 18px; border-radius: 50px; background: #9B907F; position : absolute; transition : 0s 1.4s;
        &:nth-child(5){left : 0; top : 0; transform: translateX(-50%) translateY(-50%) scale(0);}
        &:nth-child(6){right : 0; bottom : 0; transform: translateX(50%) translateY(50%) scale(0);}
    }
    
}
.location-img{display: flex;flex-direction: column; width : 23.5938vw; height : 458px;height : auto; aspect-ratio : 1/1.05; overflow: hidden; transform: scale(0.8); opacity: 0; transition :0s 1.4s}
.location-img-inner{width : 100%; height : 100%; flex-shrink: 0; transition : transform 1s cubic-bezier(0.77, 0, 0.175, 1), border-radius 1s; transform: translateY(calc(var(--i) * calc(-100% - 80px))); border-radius: 70px; overflow: hidden; margin-bottom: 80px;}

.location-img-inner > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}

.location-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 88px; height : 88px;background: #9B907F; border-radius: 50%; position : absolute; right : 0; top : 0; opacity: 0; transform: translateY(-50%) translateX(100%); transition :0s 1.4s; z-index: 10;
    &::after{position :absolute; content : ''; width : 121px; height : 121px; background: url(/assets/images/main/location-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
}

.location-inner{display: flex;align-items: center;  justify-content: start; max-width: 1500px; margin : 0 auto; width : 100%; position : relative;}
.location-tit-box{transform: translateX(-100%); opacity: 0; transition : 1s cubic-bezier(0.77, 0, 0.175, 1); transition : 0s 1.4s;}
.location-desc{font-size: 22px; letter-spacing: -0.04em; font-weight: 500; margin-bottom: 6px; color : #fff;}
.location-tit{font-size: 45px; font-family: trajan-pro-3; color : #9B907F; padding-left: 73px; font-weight: 600;}

.location-con-box{position :absolute; left: calc(50% + 300px); transform: translateX(100%); opacity: 0; transition : 1s cubic-bezier(0.77, 0, 0.175, 1); transition : 0s 1.4s;}
.location-con{position : absolute; left : 0;top : 0; white-space: nowrap; transform: translateY(200%); opacity: 0; transition : 1s cubic-bezier(0.77, 0, 0.175, 1);
    &:first-child{position : relative;}
    &.prev{transform: translateY(-200%); opacity: 0;}
    &.on{transform: translateY(0); opacity: 1;}
}
.location-con-tit-eng{font-family: ofelia-text; font-size: 16px; font-weight: 500; color : #9B907F; margin-bottom: 12px;}
.location-con-tit{font-size: 22px; letter-spacing: -0.04em; font-weight: 700; color : #fff; margin-bottom: 28px;}
.location-con-desc{font-size: 18px; letter-spacing: -0.04em; line-height: 1.6em; font-weight: 500; color : #7B7B7B;}

.location-sign{font-family: AV; font-size: 3.8542vw; letter-spacing: -0.03em; color : #4D4D4D; position : absolute; right : 120px; bottom : 60px; line-height: 1em; transform: rotate(-15deg) translateX(100%); opacity: 0; transition : 0s 1.4s}
.location-sign > p{
    &:nth-child(2){padding-left: 120px;}
}

.location-btn-box{display: flex;gap : 34px; bottom : 47px; position : absolute; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.location-btn-box > li{display: flex;align-items: center;gap : 16px; font-family: ofelia-text; font-weight: 700; letter-spacing: 0.1em; color : #fff; opacity: 0.2; transition : opacity .3s; line-height: 1em; cursor : pointer; text-transform: uppercase;
    &::before{position : relative; content :''; width : 10px; height : 10px; border-radius: 50%; background: #fff; transition : background .3s;}
    &.on{opacity: 1; color : #9B907F;
        &::before{background: #9B907F;}
    }
}

/*  */

.premium-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}

.premium-slide{width : 100%; height : 100%;}
.premium-container{display: flex; position : absolute; left : 0;top : 0;z-index: 10; width : 100%; height : 100%;}
.premium-container > div{width : 100%; height : 100%; flex-shrink: 0; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1); position : relative;
    &.premium-01{display: flex;align-items: center;justify-content: center;}
}

.premium-circle-box{display: flex;align-items: center;justify-content: center; width : 614px; height : 614px; position : relative;}

.premium-circle-line{display: flex;align-items: center; position :absolute; left : 0;top : 0; width : 100%; height : 100%; border-radius: 50%; border : 1px solid #8A8479; animation : rotate-text 8s infinite linear;
    &::after{position : absolute; content : ''; width : 18px; height : 18px; background: #8D7B68;border-radius: 50%; right : 0; transform: translateX(50%);}
}

.premium-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 502px; height : 502px; background: #fff; border-radius: 50%; text-align: center;}
.premium-desc{font-size: 22px; font-family: PT; font-weight: 300; letter-spacing: -0.04em; margin-bottom: 27px; line-height: 1.4em; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;
    b{color : #A57F57; font-weight: 600;}
}
.premium-tit{font-size: 28px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.4em; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;
    b{
        span{color : #A57F57;}
    }
}

.premium-circle{position : absolute; left : 0;top : 0; width : 100%; height : 100%; opacity: 0; transform: rotate(-180deg); transition : opacity 0.7s, transform 1.2s 0.7s;
    &.premium-circle-01{opacity: 0;}
    &.premium-circle-02{opacity: 0;}
}
.premium-circle-con{position : absolute; transform: scale(0.5); transition : 1s;
    &.premium-circle-con-01{left : -100px;top : 24px;}
    &.premium-circle-con-02{right : -100px;bottom : 24px;}
    &.premium-circle-con-03{left : -100px;top : 24px;}
    &.premium-circle-con-04{right : -140px;top : 200px}
    &.premium-circle-con-05{left : 80px;bottom : -80px}
}

.premium-circle-img{transform: rotate(180deg); transition : 1s 1s;}
.premium-con-tit-eng{font-family: ofelia-text; font-size: 16px; font-weight: 600; margin-bottom: 11px; color : #8D7B68; text-transform: uppercase;}
.premium-con-tit{font-size: 22px; letter-spacing: -0.04em; font-weight: 700; margin-bottom: 30px; color : #fff;}
.premium-con-desc{font-size: 18px; font-weight: 500; line-height: 1.5em; letter-spacing: -0.04em; color : #ACACAC;}

.premium-desc-box{position : absolute; white-space: nowrap; opacity: 0; transition : 1s;}
.premium-circle-con-01 .premium-desc-box{text-align: right; right : 100%; padding-right: 50px;top : 140px; transform: translateX(-100px);}
.premium-circle-con-02 .premium-desc-box{left : 100%; padding-left: 50px;top : 140px; transform: translateX(100px);}
.premium-circle-con-03 .premium-desc-box{text-align: right; right : 100%; padding-right: 50px;top : 140px; transform: translateX(-100px);}
.premium-circle-con-04 .premium-desc-box{left : 100%; padding-left: 50px;top : 140px; transform: translateX(100px);}
.premium-circle-con-05 .premium-desc-box{text-align: right; right : 100%; padding-right: 50px;top : 140px; transform: translateX(-100px);}

.premium-02-tit-box{letter-spacing: -0.04em; position : relative; padding : 240px 0 0 137px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}
.premium-02-desc{font-size: 22px; font-weight: 300; margin-bottom: 27px; line-height: 1.5em;
    b{color : #8E0018; font-weight: 600;}
}
.premium-02-tit{font-size: 28px; font-weight: 500; line-height: 1.5em; margin-bottom: 80px;
    b{color : #8E0018; font-weight: 700;}
}
.premium-link{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 82px;height : 82px; background: #481720; gap : 6px; border-radius: 50%; color : #fff; letter-spacing: -0.04em; font-weight: 600; padding-top: 5px;
    .plus{display: flex;align-items: center;justify-content: center; width : 20px; height: 20px; position : relative;
        &::after{position :absolute; content : ''; width : 1px; height : 100%; background: #fff;}
        &::before{position :absolute; content : ''; width : 100%; height : 1px; background: #fff;}
    }
}

.premium-sign{font-family: AV; font-size: 4.7917vw; letter-spacing: -0.03em; color : #9B907F; position : absolute; left : -120px; bottom : -36px; line-height: 1em; transform: rotate(-15deg) translateX(-100%); opacity: 0; transition : 1s}
.premium-sign > p{
    &:nth-child(2){padding-left: 180px;}
}

.active{
    .premium-desc{transform: translateY(0); opacity: 1; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
    .premium-tit{transform: translateY(0); opacity: 1; transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
}
.active .t1{
    .premium-circle-01{opacity: 1; transform: rotate(0); transition : 1.2s .4s;
        .premium-circle-img{transform: rotate(0); transition : 1.2s .4s;}
        .premium-circle-con{transform: scale(1); transition : 1.2s .4s;}
        .premium-desc-box{transform: translateX(0) !important; opacity: 1; transition : 1.2s 1.2s;}
    }
    .premium-sign{opacity: 1; transform: rotate(-15deg) translateX(0); transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
}
.active .t2{
    .premium-circle-02{opacity: 1; transform: rotate(0); transition : 1.2s .4s;
        .premium-circle-img{transform: rotate(0); transition : 1.2s .4s;}
        .premium-circle-con{transform: scale(1); transition : 1.2s .4s;}
        .premium-desc-box{transform: translateX(0) !important; opacity: 1; transition : 1.2s 1.2s;}
    }
}

.t3{
    .premium-container > div{transform: translateX(-100%);}
    .premium-bg > img{transform: scale(1); transition : 2s;}
    .premium-02-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
}

/*  */
.active{
    .brand-bg > img{transform: scale(1); transition :5s;}
    .brand-tit-box{transform: translateX(0);opacity: 1; transition : 1.2s .4s;}
    .brand-img > img{transform: scale(1); transition : 3s;}
    .brand-tit-box::after{clip-path: inset(0); transition : 2s .4s;}
    .brand-logo{transform: translateY(0); opacity: 1; transition : 2s .4s;}
    .brand-award > li{transform: translateY(0); opacity: 1; transition : 1.2s;
        &:nth-child(1){transition-delay: .4s;}
        &:nth-child(2){transition-delay: .6s;}
        &:nth-child(3){transition-delay: .8s;}
        &::after{clip-path: inset(0) !important; transition : 2s 1s !important;}
    }
}
.brand-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.brand-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}

.brand-inner{display: flex; position :relative; width : 100%; height : 100%;}
.brand-inner > div{display: flex;flex-direction: column;align-items: start; width : 50%;
    &.brand-right{align-items: center; justify-content: center; padding-top: 100px;}
}
.brand-img{margin-top: auto; overflow: hidden;}
.brand-img > img{transform: scale(1.5); transition : 0s 1.4s;}

.brand-tit-box{letter-spacing: -0.04em; position : relative; padding-left: 35px; margin : 180px 0 0 137px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s; position : relative;
    &::after{position :absolute; content : ''; left : 0; top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.2); clip-path: inset(0 0 100%); transition : 0s 1.4s}
}

.brand-tit{font-size: 28px; font-weight: 500; line-height: 1.5em; margin-bottom: 59px;
    b{color : #8D7B68; font-weight: 700;}
}
.brand-desc{font-size: 22px; font-weight: 300; line-height: 1.5em;
    b{color : #8D7B68; font-weight: 600;}
}


.brand-logo{margin-bottom: 60px; transform: translateY(-100px); opacity: 0; transition : 0s 1.4s;}
.brand-award{}
.brand-award > li{display: flex; align-items: center; padding : 45px 0; position : relative; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;
    &:not(:last-child)::after{position : absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : 0; background: rgba(0,0,0,0.28); clip-path: inset(0 100% 0 0); transition : 0s 1.4s;}
}
.brand-award-img{width : 211px; margin-right: 24px;}
.brand-award-desc{font-size: 18px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em; color : #383838; width : 164px; white-space: nowrap; margin-right: 48px;
    small{font-size: 16px;}
}
.brand-year{font-size: 23px; font-weight: 500; letter-spacing: -0.04em;
    b{color : #A57F57; font-weight: 700;}
}

/*  */
.main-contact{}
.fp-active{
    .contact-bg > img{transform: scale(1);}
    .contact-left{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .contact-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .contact-address{transform: translateY(0); opacity: 1; transition : 1.2s .5s;}
    .contact-btn-box{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
    .contact-footer > p{transform: translateY(0); opacity: 1; transition : 1.2s .7s;}
    .contact-tel{transform: translateY(0); opacity: 1; transition : 1.2s .8s;}
}

.contact-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.contact-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}

.contact-inner{display: flex; justify-content: center;align-items: center; gap : 126px; padding-top: 100px;}
.contact-left{transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.contact-tit-box{margin-bottom: 86px; color : #fff; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-tit{font-family: trajan-pro-3; font-size: 40px; margin-bottom: 12px; color : #8D7B68; letter-spacing : 0.25em; font-weight : 600;}
.contact-desc{font-size: 22px; letter-spacing: -0.04em; font-weight: 500; color : rgba(0,0,0,0.8)}

.contact-address{display: flex; align-items: center; font-size: 22px; letter-spacing: -0.04em; font-weight: 500; color : #000; white-space: nowrap; gap : 16px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-address + .contact-address{margin-top: 16px;}
.contact-address > span{display: flex;align-items: center;justify-content: center; height : 16px; color : #8D7B68; border-left : 1px solid #8D7B68; border-right : 1px solid #8D7B68; width : 116px; flex-shrink: 0;}


.contact-btn-box{display: flex;margin-top: 30px; gap : 7px; margin-bottom: 86px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-footer{}
.contact-footer > p{color : rgba(0,0,0,0.8); font-size: 18px; font-weight: 500; letter-spacing: -0.04em; margin-bottom: 16px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-tel{font-family: ofelia-text; font-size: 45px; color : #000; font-weight: 500; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}

@media(max-width:1200px){
html,body{height:auto;overflow-x:hidden;overflow-y:auto;}
body.fixed{overflow:hidden;height:100vh;}
.scroll{display:none;}
#fullpage{width:100%;height:auto;}
#fullpage .section{width:100%;height:auto !important;min-height:0 !important;position:relative;}
#fullpage .main-visual.section{height:100vh !important;height:100dvh !important;}

/* intro */
#intro{height:100%;}
.skip-btn{position:fixed;left:50% !important;top:auto !important;bottom:60px;width:64px;height:64px;font-size:14px;transform:translateX(-50%) scale(0);}
.skip-btn.on{transform:translateX(-50%) scale(1);}
.intro-desc-box-01{font-size:20px;top:130px;}
.intro-text{font-size:20vw;letter-spacing:9vw;padding-left:9vw;}
#intro.t2 .intro-text{font-size:24vw;top:54%;left:50%;}
.intro-tit-01{left:0;right:auto;top:auto;bottom:calc(100% + 30px);width:100%;text-align:center;font-size:26px;transform:translateY(-30px);}
#intro.t2 .intro-tit-01{transform:translateY(0);}
.intro-tit-02{left:0;top:calc(100% + 80px);width:100%;text-align:center;font-size:26px;margin-top:0;transform:translateY(30px);}
#intro.t2 .intro-tit-02{transform:translateY(0);}
.intro-desc-box-02{right:40px;top:150px;font-size:16px;padding-top:24px;}
.intro-img{width:100%;height:58%;top:auto;bottom:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);}
.intro-img > img{flex-shrink:0;}
#intro.t3 .intro-img{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);}
.intro-tit-container{left:40px;right:40px;top:70px;}
.intro-tit-box{margin-bottom:80px;}
.intro-tit-desc{font-size:24px;}
.intro-tit{font-size:38px;padding:40px 0 0 30px;}
.intro-03{gap:24px;}
.intro-03-desc{font-size:19px;}
.intro-03-tit{font-size:34px;}
.intro-03-logo{font-size:19px;}
.visual-sign{font-size:60px;right:40px;bottom:40px;}
.visual-sign > p:nth-child(2){padding-left:90px;}
.open-rotate-btn{width:84px;height:84px;font-size:15px;right:56px;top:140px;}
.open-rotate-btn::after{width:128px;height:128px;}
#intro.t7 .intro-03{gap:220px;padding-bottom:40px;}
#intro.t7 .visual-bg{clip-path:inset(calc(50% - 80px) calc(50% - 6px));}
#intro.t8 .intro-03{gap:20px;padding-bottom:38vh;}

/* location */
.main-location{padding:100px 0;}
.location-slide{height:auto;}
.location-slide > .swiper-wrapper{height:0;}
.location-slide .swiper-slide{height:0;}
.location-container{position:static;flex-direction:column;width:100%;height:auto;padding:0 40px;}
.location-inner{flex-direction:column;align-items:center;justify-content:flex-start;max-width:none;}
.location-tit-box{text-align:center;margin-top:40px;margin-bottom:40px;}
.location-desc{font-size:18px;}
.location-tit{font-size:36px;padding-left:0;}
.location-img-box{position:static;transform:none;width:100%;max-width:560px;}
.location-img{width:100%;height:66vw;max-height:560px;}
.location-img-inner{margin-bottom:40px;border-radius:40px;transform:translateY(calc(var(--i) * calc(-100% - 40px)));}
.location-img-inner.on{border-radius:40px 0 40px 0;}
.location-rotate-btn{width:78px;height:78px;}
.location-rotate-btn::after{width:108px;height:108px;}
.location-con-box{position:relative;left:auto;width:100%;height:230px;margin-top:44px;text-align:center;}
.location-con{width:100%;}
.location-con-tit{margin-bottom:20px;}
.location-btn-box{position:static;flex-wrap:wrap;justify-content:center;gap:22px 0;margin-top:56px;width:100%;}
.location-btn-box > li{width:25%;justify-content:center;gap:10px;font-size:15px;}
.location-sign{display:none;}

.premium-slide{height:auto;}
.premium-slide > .swiper-wrapper{height:0;}
.premium-slide .swiper-slide{height:0;}
.premium-container{position:relative;left:auto;top:auto;width:100%;height:auto;}
.premium-container > div{width:100%;height:auto;flex-shrink:0;}
.premium-container > div.premium-01{display:block;}
/* .premium-01 .premium-bg::after{position:absolute;content:'';left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.38);} */
.premium-sign{display:none;}
.premium-circle-box{display:block;width:100%;height:auto;padding:70px 0 90px;}
.premium-tit-box{width:420px;height:420px;margin:0 auto;padding:0 40px;transform:scale(0.92);opacity:0;transition:1.2s;}
.active .premium-tit-box{transform:scale(1);opacity:1;}
.premium-desc{font-size:19px;margin-bottom:20px;}
.premium-tit{font-size:24px;}
.premium-circle-line{width:450px;height:450px;left:50%;top:55px;margin-left:-225px;}
.premium-circle-line::after{width:14px;height:14px;}
.premium-circle{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:60px;padding:0 40px;transform:translateY(40px);transition:opacity .7s,transform 1.1s;}
.premium-circle.premium-circle-01{position:absolute;}
.premium-circle .premium-circle-con{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;align-items:center;gap:26px;transform:translateY(24px);}
.premium-circle .premium-circle-con + .premium-circle-con{margin-top:30px;}
.premium-circle .premium-circle-con:nth-child(2){transition-delay:.55s !important;}
.premium-circle .premium-circle-con:nth-child(3){transition-delay:.7s !important;}
.premium-circle-img{width:110px;flex-shrink:0;transform:none;}
.premium-circle-img > img{width:100%;}
.premium-circle .premium-desc-box{position:relative;left:auto;right:auto;top:auto;padding:0;text-align:left;white-space:normal;transform:translateX(24px);}
.premium-con-tit-eng{font-size:15px;margin-bottom:8px;}
.premium-con-tit{font-size:20px;margin-bottom:12px;}
.premium-con-desc{font-size:16px;}
.premium-pagination{display:flex;justify-content:center;align-items:center;gap:10px;position:absolute;left:0;bottom:34px;width:100%;z-index:10;}
.premium-pagination .swiper-pagination-bullet{width:9px;height:9px;border-radius:100px;background:#fff;opacity:0.25;transition:.4s;}
.premium-pagination .swiper-pagination-bullet-active{width:34px;opacity:1;background:#9B907F;}

.main-premium > .premium-02{display:flex;flex-direction:column;width:100%;height:auto;padding:100px 40px;background:#F3F0EB;position:relative;}
.main-premium > .premium-02 .premium-bg{position:relative;width:100%;height:auto;order:2;margin-top:44px;overflow:visible;clip-path:inset(0 0 100% 0);transition:1.4s .3s;}
.main-premium > .premium-02 .premium-bg > img{width:100%;height:auto;transform:none;}
.main-premium > .premium-02.on .premium-bg{clip-path:inset(0);}
.premium-02-tit-box{order:1;padding:0;transform:translateY(50px);opacity:0;transition:1.2s;}
.premium-02.on .premium-02-tit-box{transform:none;opacity:1;}
.premium-02-desc{font-size:19px;margin-bottom:20px;}
.premium-02-tit{font-size:24px;margin-bottom:40px;}

/* brand */
.main-brand{padding:100px 0;}
.brand-inner{flex-direction:column;height:auto;}
.brand-inner > div{width:100%;}
.brand-inner > div.brand-right{padding:70px 40px 0;}
.brand-tit-box{margin:0 0 0 40px;padding-left:24px;}
.brand-tit{font-size:24px;margin-bottom:30px;}
.brand-desc{font-size:18px;}
.brand-img{width:100%;margin-top:50px;}
.brand-img > img{width:100%;}
.brand-logo{margin-bottom:44px;}
.brand-award{width:100%;}
.brand-award > li{padding:30px 0;gap:20px;}
.brand-award-img{width:150px;margin-right:0;}
.brand-award-img > img{width:100%;}
.brand-award-desc{width:auto;margin-right:auto;font-size:16px;white-space:nowrap;}
.brand-award-desc small{font-size:14px;}
.brand-year{font-size:18px;text-align:right;}

/* contact */
.main-contact{padding:100px 0;}
.contact-inner{flex-direction:column;gap:0;padding:0 40px;}
.contact-right{width:100%;}
.contact-tit-box{margin-bottom:36px;}
.contact-tit{font-size:50px;}
.contact-desc{font-size:18px;}
.contact-left{width:100%;margin-bottom:44px;transform:translateY(40px);}
.contact-left > img{width:100%;}
.contact-address{font-size:18px;white-space:normal;gap:12px;}
.contact-btn-box{margin-bottom:50px;}
.contact-btn-box > a{transform:translateY(30px);opacity:0;transition:1s;}
.contact-btn-box > a:nth-child(2){transition-delay:.15s;}
.fp-active .contact-btn-box > a{transform:none;opacity:1;}
.contact-footer > p{font-size:16px;}
.contact-tel{font-size:38px;}
}

@media(max-width:750px){
/* intro */
.skip-btn{bottom:10.666vw;width:16vw;height:16vw;font-size:3.466vw;}
.intro-desc-box-01{font-size:4.266vw;top:20.666vw;}
.intro-text{font-size:24vw;letter-spacing:11vw;padding-left:11vw;}
#intro.t2 .intro-text{font-size:34vw;top:54%;left:53%;}
.intro-tit-01{font-size:5.333vw;}
.intro-tit-02{top: 40vw; font-size:5.333vw;}
.intro-desc-box-02{right:6.666vw;top:24.666vw;font-size:3.466vw;padding-top:4.266vw;}
.intro-desc-box-02::after{width:6.666vw;}
.intro-img{height:56%;}
.intro-tit-container{left:6.666vw;right:6.666vw;top:26vw;}
.intro-tit-box{margin-bottom:8.333vw;}
.intro-tit-desc{font-size:5.333vw;}
.intro-tit{font-size:8vw;padding:6.666vw 0 0 5.333vw;}
.intro-03{gap:4vw;}
.intro-03-desc{font-size:4.266vw;margin-bottom:1.333vw;}
.intro-03-tit{font-size:7.466vw;}
.intro-03-logo{font-size:4.266vw;}
.visual-sign{font-size:13.333vw;right:6.666vw;bottom:6.666vw;}
.visual-sign > p:nth-child(2){padding-left:18.666vw;}
.open-rotate-btn{width:15.666vw;height:15.666vw;font-size:3.466vw;right:10vw;top:22.333vw;}
.open-rotate-btn::after{width:24vw;height:24vw;}
#intro.t7 .intro-03{gap:44vw;padding-bottom:6.666vw;}
#intro.t7 .visual-bg{clip-path:inset(calc(50% - 18vw) calc(50% - 0.8vw));}
#intro.t8 .intro-03{gap:3.466vw;padding-bottom:34vh;}

/* location */
.main-location{padding:16vw 0;}
.location-container{padding:0 5.333vw;}
.location-tit-box{margin-top:4vw;margin-bottom:6.666vw;}
.location-desc{font-size:3.733vw;margin-bottom:1.333vw;}
.location-tit{font-size:7.466vw;}
.location-img-box{max-width:none;}
.location-img{height:88vw;max-height:none;}
.location-img-inner{border-radius:6.666vw;}
.location-img-inner.on{border-radius:6.666vw 0 6.666vw 0;}
.location-img-line > b{width:2.666vw;height:2.666vw;}
.location-rotate-btn{right:7vw;width:15.333vw;height:15.333vw;}
.location-rotate-btn::after{width:21.333vw;height:21.333vw;}
.location-con-box{height:46vw;margin-top:8vw;}
.location-con-tit-eng{font-size:3.2vw;margin-bottom:2vw;}
.location-con-tit{font-size:4.8vw;margin-bottom:3.733vw;}
.location-con-desc{font-size:3.733vw;}
.location-con-desc small{font-size:3.2vw;}
.location-btn-box{gap:4.8vw 2.4vw;margin-top:9.333vw;}
.location-btn-box > li{width: auto;font-size:2.8vw;gap:1.6vw;transform:translateY(3.2vw);opacity:0;transition:.8s;}
.location-btn-box.on > li{transform:none;opacity:0.2;}
.location-btn-box.on > li.on{opacity:1;}
.location-btn-box > li:nth-child(2){transition-delay:.06s;}
.location-btn-box > li:nth-child(3){transition-delay:.12s;}
.location-btn-box > li:nth-child(4){transition-delay:.18s;}
.location-btn-box > li:nth-child(5){transition-delay:.24s;}
.location-btn-box > li:nth-child(6){transition-delay:.3s;}
.location-btn-box > li:nth-child(7){transition-delay:.36s;}
.location-btn-box > li::before{width:1.866vw;height:1.866vw;}

.premium-slide{height:184vw;}
.premium-circle-box{padding-top:10.666vw;}
.premium-tit-box{width:62vw;height:62vw;padding:0 5.333vw;}
.premium-desc{font-size:4.266vw;margin-bottom:3.2vw;}
.premium-tit{font-size:4.666vw;}
.premium-circle-line{width:72vw;height:72vw;top:5.8vw;margin-left:-36vw;}
.premium-circle-line::after{width:2.4vw;height:2.4vw;}
.premium-circle{padding:0 6.666vw;transform:translateY(5.333vw);}
.premium-circle .premium-circle-con{gap:4.8vw;transform:translateY(3.2vw);}
.premium-circle .premium-circle-con + .premium-circle-con{margin-top:6vw;}
.premium-circle-img{width:17vw;}
.premium-circle .premium-desc-box{transform:translateX(4vw);}
.premium-con-tit-eng{font-size:3.2vw;margin-bottom:1.6vw;}
.premium-con-tit{font-size:4.266vw;margin-bottom:2.4vw;}
.premium-con-desc{font-size:3.6vw;}
.premium-con-desc br{display:none;}
.premium-pagination{gap:2.133vw;bottom:8vw;}
.premium-pagination .swiper-pagination-bullet{width:2.133vw;height:2.133vw;}
.premium-pagination .swiper-pagination-bullet-active{width:8vw;}

.main-premium > .premium-02{padding:16vw 6.666vw;}
.main-premium > .premium-02 .premium-bg{margin-top:6.666vw;}
.premium-02-desc{font-size:4.266vw;margin-bottom:3.466vw;}
.premium-02-tit{font-size:5.066vw;margin-bottom:6.666vw;}
.premium-link{position:absolute;right:3vw;z-index: 11;width:16vw;height:16vw;font-size:3.2vw;}
.premium-link .plus{width:3.733vw;height:3.733vw;}

/* brand */
.main-brand{padding:16vw 0;}
.brand-inner > div.brand-right{padding:10.666vw 6.666vw 0;}
.brand-tit-box{margin:0 0 0 6.666vw;padding-left:4vw;}
.brand-tit{font-size:5.066vw;margin-bottom:5.333vw;}
.brand-desc{font-size:3.733vw;}
.brand-img{margin-top:8vw;}
.brand-logo{width:38vw;margin-bottom:8vw;}
.brand-award > li{padding:5.333vw 0;gap:3.733vw;}
.brand-award-img{width:26vw;}
.brand-award-desc{font-size:3.2vw;white-space:normal;}
.brand-award-desc small{font-size:2.933vw;}
.brand-year{font-size:3.466vw;white-space:nowrap;}

/* contact */
.main-contact{padding:16vw 0;}
.contact-inner{padding:0 6.666vw;}
.contact-tit-box{margin-bottom:5.333vw;text-align:center;}
.contact-tit{font-size:9.333vw;margin-bottom:2vw;}
.contact-desc{font-size:3.733vw;}
.contact-left{margin-bottom:6.666vw;transform:translateY(5.333vw);}
.contact-address{font-size:3.733vw;gap:2.666vw;}
.contact-address + .contact-address{margin-top:2.666vw;}
.contact-address > span{width:22vw;height:3.2vw;}
.contact-btn-box{gap:1.6vw;margin:5.333vw 0 8vw;}
.contact-btn-box > a{width:calc(50% - 0.8vw);}
.contact-btn-box > a > img{width:100%;}
.contact-footer > p{font-size:3.2vw;margin-bottom:2.666vw;text-align:center;}
.contact-tel{font-size:8vw;text-align:center;}
}