.section{overflow: hidden; position : relative;}
/*  */


.skip-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 64px;height : 64px; border-radius: 50%; background: #A57F57; color : #000; font-family: athena; position : fixed; transform: translateX(-50%) translateY(-50%) scale(0); transition : transform 1s, width .5s, height .5s, color .5s;; z-index: 1000;font-size: 18px; cursor : pointer;z-index: 100000;}
.skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}
.end .skip-btn{width : 10px;height : 10px; color : transparent;}

/*  */

.main-visual2.on{
    .visual-bg > video,
	.visual-bg > img{transform: scale(1);}
    .visual-tit > p:not(:last-child)::after{clip-path: inset(0);}
    .visual-copy-dot{opacity: 1; transition : .5s 1s;}
    .open-rotate-btn{transform: translateX(0); opacity: 1;}
    .visual-text-img > img{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
    .visual-text-img > img:nth-child(5){transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
}
.visual-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.visual-bg > video,
.visual-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 3s;}


/*  */
.main-slide{width : 100%; height : 100%; position : relative;
	.swiper-slide{opacity : 0 !important;}
	.swiper-slide-active{opacity : 1 !important;}
}
.main-tit{font-family : Asta Sans; font-size : 58px; font-weight : 700; text-align: center;
	b{font-weight : 700;}
	.char{opacity : 0; transition : 0s 1.4s;}
}
.main-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.main-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform : scale(1.25); transition : 0s 1.4s;}
.main-bg > video{width : 100%; height : 100%; object-fit: cover; object-position: center; left :0;top : 0;}

.main-inner{display : flex; justify-content : start; align-items : start; width : 80%; margin : 0 auto; height : 100%; position : relative;}

.main-slide-01{
	.main-inner{padding-top: 240px;;}
}
.main-slide-02{
	.main-inner{width : 90%; padding-top: 160px;; color : #fff;}
	.main-tit-sign{filter : invert(1)}
	.main-tit{font-family : LOTTE; font-weight : 700;}
	.main-copy{transform : translateX(-160px); opacity : 0; transition : 0s 1.4s;}
}
.main-slide-03{
	.main-inner{padding-top: 170px; color : #fff;}
	.main-tit-sign{filter : invert(1)}
	.main-copy{transform : translateX(-160px); opacity : 0; transition : 0s 1.4s;}
}
.main-slide-04{
	.main-inner{padding-top: 177px;;}
	.main-copy{transform : translateY(160px); opacity : 0; transition : 0s 1.4s;}
}

.main-sign{position : absolute;left : 0; top : 80%; transition : 0s 1.4s; opacity : 0;}

.main-slide.on .swiper-slide-active{
	&.main-slide-01{
		.main-tit .char{opacity : 1; transition : 1.4s calc(var(--i) * 0.07s + 0.4s);}
		.main-sign{transform : translateX(-60%); left : 50%; top : 400px; transition : left 1.4s 1.4s, top 1.4s 1.4s, transform 1.4s 1.4s, opacity 1.2s .4s; opacity : 1;}	
	}
	.main-bg > img{transform : scale(1); transition : 4s;}
	.main-copy{transform : translateY(0); transition : 2.4s 1s; opacity : 1;}
	.main-tit .char{opacity: 1; filter : blur(0px); transition : 1.4s calc(var(--i) * 0.15s + .4s);}
	.main-tit-sign{transform : translateY(0); opacity : 1; transition : 2s .4s;}
	.main-tit-box{transform : translateX(0px); filter : blur(0px); transition : 2s .4s;; opacity : 1;}
}

.main-tit-box{display : flex; flex-direction : column; align-items : center; filter : blur(10px); transform : translateX(-160px); transition : 0s 1.4s; opacity : 0;}
.main-tit{position :relative; font-family : Asta Sans; font-size : 50px; font-weight : 300; text-align : left; display : flex; flex-direction : column; margin-bottom: 24px; text-align : center;
	b{font-weight : 700;}
	span{font-weight : 700; font-size : 36px; margin-top: 24px; font-family : LOTTE; color : #E6C397;}
}
.main-tit-img{margin-bottom: 24px;;}
.main-tit .char{opacity: 0; filter : blur(10px); transition : 0s 1.4s;}
.main-tit-sign{transform : translateY(160px); opacity : 0; transition : 0s 1.4s;}



/*  */


.visual-text{background: #fff; left : 0;top : 0; width : 100%; height : 100%; position : absolute;}
.visual-text > img{filter: invert(1); position : absolute; bottom : 0; transform: translateY(100%); height : 8.8542vw;}
.visual-text-01{left: 0.5729vw;}
.visual-text-02{left: 29.8438vw;}
.visual-text-03{left: 62.0833vw;}
.visual-text-04{left: 90.9896vw;}

.visual-inner{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%; height : 100%; left : 0;top : 0;}
.visual-tit{display: flex;align-items: center; color : #000; font-family: Asta Sans; letter-spacing: -0.03em; font-weight: 500; font-size: 20px; gap : 58px; white-space: nowrap;;}
.visual-tit b{font-size: 40px; font-weight: 500;}
.visual-tit .char{opacity: 0;}
.visual-tit b .char{transform: scale(2);}

.visual-tit > p:not(:last-child){position :relative;
    &::after{position : absolute; content :''; width : 36px; height : 1px; background: rgba(0,0,0,0.3); top : 65%; left : 100%; transform: translateX(10px); clip-path: inset(0 100% 0 0); transition : 1.2s;}
}

.visual-copy{position : absolute; top : 50%; right : 126px;z-index: 1; font-family: GG; font-size: 16px; color : #fff; letter-spacing: 0.25em; transform: translateY(-50%);}
.visual-copy .line{display: flex !important;align-items: center; writing-mode: vertical-lr;
    > p:first-child{color : #868686}
}
.visual-copy-dot{width : 6px; height : 6px; background: #CD6842; border-radius: 50%; opacity: 0; transition : 0s 1.2s; margin : 10px 0;}
.visual-copy b{font-family: GG; font-size: 17px;}

.visual-copy .char{opacity: 0;}

.open-rotate-btn{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 130px;height : 130px; position :fixed; right : 80px; bottom : 55px; z-index: 1; color : #fff; font-family:PT; font-size: 14px; transform: translateX(100px); opacity: 0; transition : 1.6s; font-weight: 700; letter-spacing: -0.04em;
	b{font-family : jost, PT; color : #fff; font-weight : 700; font-size : 25px;}
	span{font-family : jost, PT; color : #fff; font-weight : 700; font-size : 21px;}
	&::after{position :absolute; content : ''; width : 100%;height : 100%; animation : rotate-text 8s infinite linear; background: url(/assets/images/main/open-rotate-img-text.png)no-repeat center / contain; z-index : -2;}
	/* &::before{position :absolute; content :''; width : 30%; aspect-ratio : 1 / 1; background: #fff; border-radius : 50%; background: #fff; left: -7%;bottom: 15%; isolation: isolate;z-index : -1; filter: blur(12px) brightness(10); mix-blend-mode: overlay; animation : open-rotate-btn 1s infinite cubic-bezier(.73,0,.78,.98) alternate} */
	&.show{transform : translateX(0); opacity : 1;}
	&.hide{transform : translateX(100px); opacity : 0;}
	/* &.dark{filter : invert(1)} */
}
@keyframes open-rotate-btn{
	0%{opacity : 1; transform : scale(1)}
	100%{opacity : 0; transform : scale(0)}
}

/* .open-rotate-btn p{font-size: 13px; font-weight: 500; }
.open-rotate-btn b{font-size: 22px; font-weight: 600; }
.open-rotate-btn::after{position :absolute; content : ''; width : 100%;height : 100%; animation : rotate-text 8s infinite linear; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain;}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
} */
.open-rotate-btn p{font-size: 13px; font-weight: 500; }
.open-rotate-btn b{font-size: 22px; font-weight: 600; }

@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.visual-text-img{width : 680px; height : 317px; position : absolute; bottom : 0; left : 219px; opacity: 1;}
.visual-text-img > img{height : 256px; position : absolute; opacity: 0; transition : 1.2s;
    &:nth-child(1){transform: translateX(-100px);}
    &:nth-child(2){left : 129px; transform: translateY(-100px);}
    &:nth-child(3){bottom : 0; right : 183px; transform: translateY(100px);}
    &:nth-child(4){bottom : 0; right : 0; transform: translateX(100px);}
    &:nth-child(5){height : 84px; bottom : 0; right : -320px; transform: translateY(100px); opacity: 1;}
}

/**/

.active .t1{
    .design-sign{transform: translateX(0) translateY(0) rotate(-18deg); opacity: 1; transition : 1.2s 1s;}
	.design-video > img{transform : scale(1);}
}
.t2{
    .design-container{transform: translateX(-100%);}
    .design-02 .design-bg > img,
    .design-02 .design-bg > video{transform: scale(1);}
    .design-02-01-inner .design-con{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
}
.t3{
    .design-container{transform: translateX(-200%);}
    .design-03 .design-bg > img,
    .design-03 .design-bg > video{transform: scale(1);}
    /* .design-02-01-inner{opacity: 0;width : 68%; height : 61.8557%;}
    .design-02 .design-bg{width : 68%; height : 61.8557%;}
    .design-02 .design-bg > img:nth-child(2){opacity: 1; transition : 1s;}

    .design-02-02-tit-box{transform: translateY(0);}
    .design-02-02-inner .design-con{transform: translateX(0); opacity: 1;} */
}
.t4{
    .design-container{transform: translateX(-200%);}
    .design-03 .design-bg > img,
    .design-03 .design-bg > video{transform: scale(1);}
}
.t5{
    .design-03 .design-bg{width : 68%; height : 61.8557%;}
    .design-03 .design-bg > img:nth-child(2){opacity: 1; transition : 1s;}
    .design-03-02-inner{transform: translateX(0); opacity: 1;}
}
.design-slide{width : 100%; height : 100%; position : relative;}
.design-container{display: flex; position : absolute; left : 0; top : 0; width : 100%; height : 100%;z-index: 1; transition : 1.2s}
.design-container > div{width : 100%; height : 100%; flex-shrink: 0; position : relative; overflow: hidden;}

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

.design-01{display: flex;align-items: center;justify-content: center;}
.design-tit-box{position : absolute; color : #fff; text-align: center;}
.design-tit{font-family: quiche-sans; font-size: 37px; margin-bottom: 25px;}
.design-tit-desc{font-family: Asta-Sans; font-size: 29px; font-weight: 500; letter-spacing: -0.03em;}

.design-tit .char,
.design-tit-desc .char{opacity: 0;}

.design-sign{font-family: AV; font-size: 92px; letter-spacing: -0.03em; color : #fff; position : absolute; bottom : 80px; right : 120px; transform: rotate(-18deg); transform: translateX(-240px) rotate(-18deg) translateY(100px); opacity: 0; transition : 1.2s;}
.design-sign > p:nth-child(2){padding-left: 140px;}

.design-02{}

.design-02-01-inner{display: flex;align-items: center;justify-content: center; width : 100%; height : 100%; position : absolute; left : 0; bottom : 0; transition : 1s;}
.design-bg{position : absolute; left : 0;bottom : 0; width : 100%; height : 100%; overflow: hidden; transition : 1.2s;}
.design-bg > img,
.design-bg > video{width : 100%; height : 100%; object-fit: cover; object-position: center; transition : 3s; transform: scale(1.25); position : absolute; left :0;top : 0; }

.design-02 .design-bg > img:nth-child(2){opacity: 0; transition : 1s;}

.design-02-tit{font-family: quiche-sans; font-size: 34px; font-weight: 400; margin-bottom: 25px; letter-spacing: 3px; position : relative; color : #fff; margin-top: -400px; margin-left: -870px;}
.design-02-tit .char{opacity: 0;}
.design-02-tit p { margin-top: 20px; font-weight: 400; font-size: 24px; font-family : Asta-Sans}


.design-con{letter-spacing: -0.03em; color : #fff; font-size: 16px; white-space: nowrap; transition : 1.2s;}
.design-con-tit{font-weight: 500;font-size: 25px;margin-bottom: 21px;
    &.color{color : #A57F57}
}
.design-con-desc{line-height: 1.5em;}

.design-02-01-inner .design-con{right : 170px; bottom : 80px; position : absolute; transform: translateX(100px); opacity: 0;}

.design-02-01-inner .design-con.d01{right : 1500px; bottom : 80px; position : absolute; transform: translateX(100px); opacity: 1;}
.design-02-01-inner .design-con.d02{right : 1110px; bottom : 80px; position : absolute; transform: translateX(100px); opacity: 1;}
.design-02-01-inner .design-con.d03{right : 700px; bottom : 80px; position : absolute; transform: translateX(100px); opacity: 1;}
.design-02-01-inner .design-con.d04{right : 280px; bottom : 80px; position : absolute; transform: translateX(100px); opacity: 1;}

.design-02-01-inner .design-con-desc { color: #aaa; }
.design-02-01-inner .design-con-desc span { color: #fff; }

.design-02-02-inner{width : 100%; height : 100%; position : relative;}

.design-02-02-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; height : 38%; transform: translateY(-100%); transition : 1.2s;}

.design-02-02-tit-eng{font-family: quiche-sans; font-size: 20px; font-weight: 700; letter-spacing: 0.35em; margin-bottom: 24px;}
.design-02-02-tit{font-family: NM; font-weight: 700; letter-spacing: -0.03em; font-size: 34px; color : #393939;}

.design-02-02-inner .design-con{width : 32%; right : 0; bottom : 80px; position : absolute; transform: translateX(100%); opacity: 0; padding-left: 85px; color : #000;}


.design-03-02-inner{display: flex;justify-content: center; width : 32%; left : 0; bottom : 80px; position : absolute; transform: translateX(-100%); opacity: 0; transition : 1.2s;}

.design-03-02-con-box{display: flex;flex-direction: column;gap : 70px;}

.design-03-02-inner .design-con{color :#000;}
.design-con-line{width : 300px; height : 1px; background: #CECECE;}

.design-03 .design-bg{left : auto; right : 0;}
.design-03 .design-bg > img:nth-child(2){opacity: 0; transition : 1s;}
.design-con-list{line-height: 1.5em;}

.design-con-list > li{display: flex; align-items: center; gap : 16px;}
.design-con-list > li > span{display: flex; align-items: center; justify-content: center; width : 86px; height : 11px; position : relative;
    &::after{position : absolute; content: ''; width : 1px; height : 100%; left : 0; background: #000;}
    &::before{position : absolute; content: ''; width : 1px; height : 100%; right : 0; background: #000;}
}

/**/
.community-slide{width : 100%; height : 100%;}
.community-slide .swiper-slide{overflow: hidden;}
.active .swiper-slide-active{
	.community-bg > video,
	.community-bg > img{transform : scale(1)}
}
.community-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;
    /* &::after{position : absolute; content :''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0;} */
}
.community-bg > video,
.community-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform : scale(1.25); transition : 3s;}

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

.community-tit-box{position : absolute; color : #000; text-align: center;}
.community-tit{font-family: quiche-sans; font-size: 48px; margin-bottom: 25px;}
.community-tit-desc{font-family: Asta Sans; font-size: 29px; font-weight: 500; letter-spacing: -0.03em;}
.community-tit .char,
.community-tit-desc .char{opacity: 0;}

/**/
.program-slide{width : 100%; height : 100%;}
.swiper-slide-active{
    .program-slide .swiper-slide-active{
        .program-desc .char,
        .program-tit .char{transform: translateY(0); opacity: 1; transition : 1s 0.4s;}
        .program-bg > img{transform: scale(1); transition : 3s;}
    }
}

.program-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;
    &::after{position : absolute; content :''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0;}
}
.program-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1s}

.program-inner{display: flex;flex-direction: column;align-items: end;position: relative;width: 100%;height: 100%;max-width: 1500px;padding-bottom: 200px;}
.program-tit-box{color : #fff;margin-top: auto; text-align : right;}

.program-desc{font-family: PT; font-size: 22px; letter-spacing: -0.03em; margin-bottom: 24px; overflow: hidden;}
.program-tit{font-family: jost; font-size: 70px; font-weight: 500; overflow: hidden; padding-bottom: 10px;}

.program-desc .char,
.program-tit .char{transform: translateY(100%);opacity: 0; transition : 1s;}

.program-navigation{position : absolute; display: flex; right : 120px; bottom : 80px; z-index: 10; gap : 7px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.active .swiper-slide-active .program-navigation{transform: translateY(0); opacity: 1; transition : 2s;}
.program-navigation > li{width : 140px; height : 70px; cursor: pointer; position : relative;
    &:first-child{z-index: 1;}
    &:first-child::after{position : absolute; content : ''; width : 100%; height : 100%; border : 1px solid #fff; left : 0;top : 0; transition : 1s; transform : translateX(calc((100% + 7px) * var(--i)))}
}
.program-navigation > li > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.community-container{position : absolute; width : 100%; max-width : 1500px; left : 50%; transform : translateX(-50%); height : 100%; top : 0; z-index: 1; pointer-events: none;}
.community-02-tit{font-family: quiche-sans; font-size: 34px; font-weight: 400; margin-bottom: 25px; letter-spacing: 3px; position : relative; color : #fff; margin-top: 200px;}
.community-02-tit .char{opacity: 0;}
.community-02-tit p {margin-top: 20px; font-weight: 400; font-size: 24px; font-family : Asta-Sans; letter-spacing : -0.04em}

/**/
/* .main-premium{background: #EFEDE8;}
.active{
    .premium-tit-box{transform: translateX(0); opacity: 1; transition : 2s 0.4s;}
    .premium-img{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
    .premium-con-tit{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
    .premium-con-desc{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
}

.premium-tit-box{display: flex;align-items: end; gap : 15px; position : absolute; left : 8.2813%; top : 19.1753%; transform: translateX(-100px); opacity: 0; transition : 0s 1.2s;}
.premium-tit{font-family: quiche-sans; font-size: 43px; line-height: 1.1em;}
.premium-tit > p{
    &:nth-child(2){color : #897158; padding-left: 116px;}
}
.premium-desc{font-family: NM; font-weight: 700; color :#393939; font-size: 16px; letter-spacing: -0.03em; line-height: 2em;}


.premium-list{display: flex;align-items: center; position : relative; width : 100%; height : 100%;
    &::after{position : absolute; content : ''; width : 59px;height : 59px; background: #000; left : 22.1875%;top : 39.5876%;}
    &::before{position : absolute; content : ''; width : 59px;height : 59px; background: #897158; left : 61.25%; bottom : 14.5361%;}
}
.premium-list > li{position : absolute; white-space: nowrap; display: flex;flex-direction : column; align-items: start; gap : 20px;
    &.premium-list-01{--i : 0; left : 8.2813%; top : 57.1134%;}
    &.premium-list-02{--i : 1; left : 43.9063%; top : 0; flex-direction: row;align-items: end;}
    &.premium-list-03{--i : 2; left : 27.7083%; bottom : 0; flex-direction: row;align-items: start;}
    &.premium-list-04{--i : 3; left : 36.7708%; flex-direction: row;align-items: end;}
    &.premium-list-05{--i : 4; left : 69.1146%; top : 48.4536%;}
    &.premium-list-06{--i : 5; left : 76.6667%; top : 12.5773%; flex-direction: row;align-items: end;}
    &.premium-list-07{--i : 6; right : 1.1979%; bottom : 1.1979vw;}
}

.premium-img{transform: translateX(-50px); opacity: 0; transition : 0s 1.2s;}
.premium-con-tit{font-family: jost; font-size: 14px; letter-spacing: 0.15em; font-weight: 500; color : #A57F57; margin-bottom: 20px; transform: translateY(-50px); opacity: 0; transition : 0s 1.2s;}
.premium-con-desc{font-size: 16px; letter-spacing: -0.04em; line-height: 1.5em; color : #272727; font-weight: 500;transform: translateX(50px); opacity: 0; transition : 0s 1.2s;}
 */
.main-premium{background: #EFEDE8;}
.premium-slide{width : 100%; height : 100%;}
.premium-slide .swiper-slide{display : flex; align-items : Center; justify-content : center; gap : 57px;}

.active .swiper-slide-active{
	.premium-tit-box{transform : translateX(0); opacity : 1; transition :1.2s .4s;}
	.premium-list{opacity : 1; transition : 1s .4s;}
	.premium-img > img{transform : scale(1); transition :3s;}
	.premium-con-box::after{clip-path : inset(0); transition : 2s .4s;}
	.premium-con-tit,
	.premium-con-desc{transform : translateY(0); opacity : 1; transition : 1.2s 1s;}
}

.premium-tit-box{transform : translateX(-100px); opacity : 0; transition :1.2s;}
.premium-logo{margin : 6px 0 0 166px; font-size : 29px; font-family : Asta Sans; color : #B08B5B; font-weight : 500; letter-spacing : -0.03em}
.premium-list{display : flex; gap : 16px; opacity : 0; transition :1s;}
.premium-list > li{flex-shrink : 0;
	&:nth-child(odd){margin-top: 180px;}
}
.premium-img{margin-bottom: 14px; overflow : hidden;}
.premium-img > img{transform : scale(1.25); transition : 0s 1.2s;}
.premium-con-box{padding-left: 29px; position : relative; 
	&::after{position : absolute; content : ''; width : 1px; height : 100%; background: rgba(0,0,0,0.4); left : 0;top : 0; clip-path : inset(0 0 100%); transition : 1s;}
}
.premium-con-tit{text-transform : uppercase; /* font-family : jost; */font-family : Asta Sans; font-size : 20px; letter-spacing : 0.15em; letter-spacing : -0.04em; color : #A57F57; margin-bottom: 92px; transform : translateY(50px); opacity : 0; transition :1.2s;}
.premium-con-desc{font-family : Asta Sans; letter-spacing : -0.04em; font-weight : 500; font-size : 16px; transform : translateY(50px); opacity : 0; transition :1.2s;}
/**/

.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; transition : 0s 1.2s; transform: scale(1.25); position : absolute; left :0;top : 0;}

.main-brand.fp-active{
    .brand-bg > img{transform: scale(1); transition : 3s;}
    .brand-img > img{transform: scale(1); transition : 3s;}
    .brand-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .brand-desc{transform: translateY(0); opacity: 1; transition : 2s .4s;}
    .brand-logo{transform: translateY(0); opacity: 1; transition : 2s 1s;}
    .brand-award > li{transform: translateY(0); opacity: 1;
        &:nth-child(1){transition : 1.4s 1s;}
        &:nth-child(2){transition : 1.4s 1.2s;}
        &:nth-child(3){transition : 1.4s 1.4s;}
    }
    .brand-award > li:not(:last-child)::after{clip-path: inset(0); transition : 2s 1s;}
    .brand-img{transform: translateY(0); opacity: 1; transition : 2s .4s;}
    .brand-img-02{transition : 2s 1.4s;}
}
.brand-container{display: grid;grid-template-columns: repeat(3, 1fr); height : 100%;}
.brand-container > div{display: flex;flex-direction: column;align-items: center;justify-content: center; position : relative;}

.brand-inner{display: flex; flex-direction: column;align-items: start;justify-content: start; height : 100%;}

.brand-left{padding-top: 140px;}
.brand-img{overflow: hidden; opacity: 0; transition : 0s 1.2s;}
.brand-img > img{transform: scale(1.5); transition : 0s 1.2s;}
.brand-img-01{transform: translateX(-50%); margin-bottom: 110px;}

.brand-tit-box{transform: translateX(-100px); opacity: 0; transition : 0s 1.2s; margin-bottom: 60px;}
.brand-sub-tit{font-family: jost; font-size: 18px; letter-spacing: 0.25em; font-weight: 500; margin-bottom: 30px;}
.brand-tit{font-family: Asta Sans; font-size: 32px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.5em; color : #070707;}

.brand-img-02{margin-bottom : 68px; transform: translateX(50%);}
.brand-desc{font-family: PT; letter-spacing: -0.04em; line-height: 1.8em; color : #0D0D0D; padding-top: 39px; position : relative; transform: translateY(100px); opacity: 0; transition : 0s 1.2s; font-weight: 500;
    ::after{position  :absolute; content : ''; width : 48px; height : 1px; left : 0;top : 0; background: #0D0D0D;}
}

.brand-center{padding-top: 100px;}
.brand-logo{transform: translateY(-100px); opacity: 0; transition : 0s 1.2s; margin-bottom: 77px;}
.brand-award{width : 531px;}
.brand-award > li{display: flex;align-items: center; position : relative; transform: translateY(100px); opacity: 0;transition : 0s 1.2s;}
.brand-award > li:not(:first-child){padding-top: 40px;}
.brand-award > li:not(:last-child){padding-bottom: 40px;
    &::after{position :absolute; content : ''; width : 100%; height : 1px; background: rgba(0,0,0,0.28); bottom : 0; left : 0; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
}

.brand-award-img{margin-right: 24px;}
.brand-award-con{font-family: PT; font-size: 16px; color : #383838; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em;}
.brand-award-con b{font-family: 18px; font-weight: 500; color : #A57F57}
.brand-award-con small{font-size: 15px;}
.brand-award > li > b{font-size: 23px; font-family: PT; letter-spacing: -0.04em; font-weight: 500;width : 131px; white-space: nowrap; margin-left: auto;}

.brand-right{padding-top: 280px;}

/* NEW */
.scroll{position: absolute; bottom: 95px; left: 85px; z-index: 2; display: flex; flex-direction: column; align-items: center; opacity: 0; transform: translateX(-100px); transition: 1.2s;}
.scroll.on{transform: translateX(0); opacity: 1; transition-delay: 1.2s;}
.hide.scroll{opacity: 0;}
.scroll-line{position: relative; width: 1px; height: 73px; background: #707070; transition: 1.2s;}
.scroll-line::before{content: ''; position: absolute; width: 1px; height: 100%; background: #fff; transform-origin: top; animation: scrollLineAni 2s ease-in-out infinite; transition: 1.2s;}
.scroll-icon{width: 9px; height: 9px; border: 1px solid #fff; border-radius: 50%; flex-shrink: 0; margin-top: 8px; transition: 1.2s;}
.scroll-arrow{width: 9px; height: 9px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); margin-top: 2px; transition: 1.2s;}
.scroll > span{position: absolute; bottom: -5px; left: 30px; font-family: jost; font-size: 15px; color: #fff; transition: 1.2s; white-space: nowrap;}
@keyframes scrollLineAni{0%{transform: scaleY(0); transform-origin: top; opacity: 1;} 50%{transform: scaleY(1); transform-origin: top; opacity: 1;} 51%{transform: scaleY(1); transform-origin: bottom; opacity: 1;} 100%{transform: scaleY(0); transform-origin: bottom; opacity: 0;}}
.dark .scroll-line{background-color: rgba(0, 0, 0, 0.32);}
.dark .scroll-line::before{background-color: #000;}
.dark .scroll-icon{border-color: #000;}
.dark .scroll-arrow{border-color: #000;}
.dark.scroll > span{color: #000;}

/* NEW */

.info-desc{display: flex;flex-direction: column;align-items: center; font-size: 12px; font-weight: 500; position : absolute; left : 50%; bottom : 16px; z-index: 1; transform: translateY(50px) translateX(-50%); opacity: 0; transition :1.2s; color : rgba(255,255,255,0.67); line-height: 1.8em; letter-spacing: -0.04em;
    & > li{display: flex;align-items: center;gap : 3px;
        &::before{display: flex;align-items: center;justify-content: center; position :relative; content :'!'; font-family: gotham; font-weight: 900; width : 16px; height : 16px; border-radius: 50%; border : 1px solid rgba(255,255,255,0.5); font-size: 10px; color : #fff;}
    }
    &.dark{color : rgba(0,0,0,0.57);
        & > li::before{border-color : rgba(0,0,0,0.5); font-size: 10px; color : #000;}
    }
}

.sec-tit-box{position : relative; transform: translateX(-160px); opacity: 0; transition : 0s 1.4s;}
.sec-tit{font-family: quiche-sans; font-weight: 700; font-size: 48px;
    .char{opacity: 0; transition : 0s 1.4s;}
}
.sec-sub-tit{font-size: 24px; letter-spacing: -0.03em; margin-bottom: 8px;}
.sec-desc{font-size: 18px; letter-spacing: -0.03em; font-weight: 500;}

.main-big{background: url(/assets/images/main/big-bg.jpg)no-repeat center / cover;}
.big-slide{width : 100%; height : 100%;}
.big-container{display: flex; position : absolute; left : 0;top : 0; width : 100%; height : 100%; transition : 1.4s; z-index: 1;
    & > div{flex-shrink: 0; transition : 1.4s; position : relative;}
}
.big-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
    &::after{position : absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0;}
    & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}
}
.big-tit{font-size: 38px; font-weight: 700; margin-bottom: 7px; color : #000;
    .char{opacity: 0; transition : 0s 1.4s; transform: translateY(-50px);}
}
.big-desc{font-family: jost; font-size: 18px; font-weight: 500; letter-spacing: 0.25em; color : rgba(0,0,0,0.54); transform: translateY(50px); opacity: 0; transition : 0s 1.4s}
.big-con-tit{font-size: 20px; font-weight: 700; letter-spacing: -0.06em; color : #B08B5C; line-height: 1.4em;}
.big-list{font-size: 16px; font-weight: 500; color : rgba(0,0,0,0.54); line-height: 1.4em;
    li{padding-left: 17px; position :relative;
        &::after{position :absolute; content :''; width :1px; height : 100%; background: rgba(0,0,0,0.2); left : 0;top : 0; clip-path: inset(0 0 100%); transition : 0s 1.4s;}
    }
    b{color : #000; display: block; font-weight: 700; margin-bottom: 8px;}
    p{padding-left: 10px; position :relative;
        &::before{position :absolute; content : '-'; left : 0;top : 0;} 
        & + p{margin-top: 10px;}
    }
}
.big-partner{display: flex;gap : 9px; align-items: center; margin-top: 30px;
    & > span{background: #262626; padding : 6px 14px; color : #fff; font-size: 14px; font-weight: 700; line-height: 1em;}
}
.big-con{transform: translateY(160px); opacity: 0; transition : 0s 1.4s;
    &.big-con-03{transform: translateY(-160px);}
    &.big-con-05{transform: translateY(-160px);}
}
.big-img{position : relative;
	& > .big-img-bi{position : absolute; bottom : calc(100% + 23px); right : 0;}
}
.big-img-inner{overflow: hidden;
	& > img{transform: scale(1.5); transition : 0s 1.4s;}
}

.big-01{width : 100%; height : 100%; display: flex;justify-content: start; align-items: end; padding-left: 163px; padding-bottom: 147px;
    .sec-tit-box{color : #fff;}
}
.big-02{display: flex;align-items: center;justify-content: center; width : 50%; height : 100%;
    .big-img{margin-bottom: 17px;}
    .big-con-container{display: flex; gap : 52px}
    .big-tit-box{margin-bottom: 52px;}
    .big-con-tit{text-align: right; margin-bottom: 27px;}
    .big-list > li + li{margin-top: 27px;}
}
.big-03{width : 100%; height : 100%;display: flex; justify-content: center; align-items: center; padding-top: 60px;
    .big-con-container{display: flex; gap : 225px; position : relative;
		&::after{position :absolute; content : ''; width : 1px; height : 100vh; background: rgba(255,255,255,0.1); left : 33.3333%; top : 50%; transform: translateY(-50%); clip-path: inset(0 0 100%); transition : 0s 1.2s;}
        &::before{position :absolute; content : ''; width : 1px; height : 100vh; background: rgba(255,255,255,0.1); left : 66.6666%; top : 50%; transform: translateY(-50%); clip-path: inset(100% 0 0); transition : 0s 1.2s;}
	}
    .big-tit-box{margin-bottom: 49px;}
    .big-con-tit{margin-bottom: 25px;}
    .big-con-03 .big-img{margin-bottom: 67px;}
	.big-con-03 .big-tit-box{margin-bottom: 82px;}
    .big-con-04 .big-img{margin-top: 97px;}
    .big-con-05 .big-img{margin-bottom: 67px;}
}
.big-04{display: flex;align-items: center;justify-content: center; width : 100%; height : 100%; padding-top: 60px;
    .big-tit-box{position :absolute; right : 0; top : 140px; text-align: right;}
    .big-inner{position : relative;}
    .big-img{margin-bottom: 39px;}
    .big-con-tit{margin-bottom: 22px;}
    .big-con-list{display: grid; grid-template-columns: repeat(5,1fr); gap : 42px 13px;
        & > li:nth-child(4){grid-column: 3;}
    }
}

.main-big.active{
    .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
    .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
}
.main-big .t2{
    .big-01{width : 50%;}
    .big-02{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1;
            &.big-con-01{transition : 1.4s .4s;}
            &.big-con-02{transition : 1.4s .6s;}
        }
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }
    .info-desc{opacity: 1; transform: translateX(-50%) translateY(0);}
}
.main-big .t3{
    .big-container{transform: translateX(-100%);}
	.big-con-container{
		&::after, &::before{clip-path: inset(0); transition : 2s .4s;}
	}
    .big-03{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }
}
.main-big .t4{
    .big-container{transform: translateX(-200%);}
    .big-04{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1;
            &.big-con-06{transition : 1.4s .4s;}
            &.big-con-07{transition : 1.4s .5s;}
            &.big-con-08{transition : 1.4s .6s;}
            &.big-con-09{transition : 1.4s .7s;}
            &.big-con-10{transition : 1.4s .8s;}
            &.big-con-11{transition : 1.4s .9s;}
        }
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }
}

/* CLUB */

.main-club{
    .sec-tit-box{margin-bottom: 279px;}
    .sec-tit{color : #B08B5C; margin-bottom: 15px;}
}
.club-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
    & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}
}
.club-slide{display: flex;justify-content: center;align-items: center; width : 100%; height : 100%; position :relative; z-index: 1; }
.club-container{position : absolute; z-index: 1; height : 629px;  max-width: 1552px; width : 100%; margin-top: 36px; pointer-events: none;}
.club-btn-box{display: flex; width : 326px; height : 37px; background: #000; position : relative; margin-top: 160px; pointer-events: all; opacity: 0; transition :0s 1.4s;
    .club-btn-bg{position : absolute; content : ''; width : 50%; height : 100%; background: #B08B5C; left : 0;top : 0; transition : 1.2s;}
    a{display: flex;align-items: center;justify-content: center; height : 100%; width : 50%; color : #B08B5C; font-family: jost; font-size: 18px; letter-spacing: -0.03em; font-weight: 500; position : relative; z-index: 1; transition : 1s;
        &.on{color : #000;}
    }
}

.club-inner{display: flex; justify-content: space-between; position : relative;z-index: 1; max-width: 1552px; width : 100%; margin-top: 36px;}
.club-slide > .swiper-wrapper > .swiper-slide{display: flex;justify-content: center;align-items: center;}
.club-left{display: flex;flex-direction: column;align-items: start;}


.club-img-slide{display: flex;justify-content: center; width : 326px; position : relative; transform: translateY(160px); opacity: 0; transition : 0s 1.4s;
    .swiper-slide{pointer-events: none; opacity: 0; transition : 1s;}
    .swiper-slide-active{pointer-events: all; opacity: 1;
        .club-img > img{transform: scale(1);}
    }
}
.club-img{overflow: hidden;
    img{transform: scale(1.5); transition : 3s;}
}
.club-pagination{display: flex;justify-content: center; position : absolute; top : 100%; padding-top: 17px; gap : 10px;
    .swiper-pagination-bullet{background: #BABABA; opacity: 1; width : 10px; height : 10px; border-radius: 100px; margin : 0 !important; transition : .5s;}
    .swiper-pagination-bullet-active{width : 26px; background: #B08B5C;}
}
.club-con{position :absolute; left : 100%; white-space: nowrap; bottom : 0; margin-left: 26px; padding-left: 18px; font-size: 15px; letter-spacing: -0.03em; font-weight: 500;
    b{font-family: athena; font-weight: 700; font-size: 24px; display: block; color : #A57F57}
}

.club-right{position : relative;}
.club-map-list{display: flex;gap : 23px}
.club-map-list > li{display: flex;flex-direction: column;align-items: start; transform: translateY(160px); opacity: 0; transition : 0s 1.4s;}
.club-floor-box{display: flex;flex-direction: column;align-items: center; gap : 15px;
    .club-floor{display: flex;justify-content: center; align-items: center; width : 90px;height : 90px; border-radius: 50%; background: #33C6CB; font-family: quiche-sans; font-size: 36px;}
    .club-floor-desc{font-size: 19px; font-weight : 700;
        b{font-family: quiche-sans; font-weight: 700; color : #25979B}
    }
}
.club-keymap{position : absolute; top : -73px; right : 0; transform: translateY(-160px); opacity: 0; transition : 0s 1.4s; filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.16));}

.club-slide-02{
    .club-floor{background: #F9A250;}
    .club-pagination .swiper-pagination-bullet-active{background: #B08B5C;}
    .club-con > b{color : #A57F57}
    .club-floor-desc{
        b{color : #F9A250}
    }
}

.club-side-desc{display: flex;flex-direction: column;align-items: center; position : absolute; right : 64px; top : 110px; gap : 15px;
    p{writing-mode: vertical-rl; font-size: 18px; font-weight: 500; color : #000;
        .char{opacity: 0; transition : 0s 1.4s;}
    }
    span{width : 1px; height : 134px; background: #000; letter-spacing: -0.04em; clip-path: inset(0 0 100%); transition : 0s 1.4s;}
}

.main-club.active{
    .club-btn-box{opacity: 1; transition : 1.4s .4s;}
    .info-desc{transform: translateY(0) translateX(-50%); opacity: 1; transition : 1.2s 1s;}

	.club-side-desc{
        .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.4s)}
        span{clip-path: inset(0); transition : 1.4s 1.8s;}
    }
}
.main-club.active .swiper-slide-active{
    .sec-tit-box{opacity: 1; transform: translateX(0); transition : 1.4s .4s;}
    .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
    .club-map-list > li{transform: translateY(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .6s;}
        &:nth-child(3){transition : 1.2s .8s;}
    }
    .club-img-slide{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .club-keymap{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
}

.t2{
    .club-btn-bg{left : 50%;}
}

/* UNIT */
/* .main-unit{
    .sec-tit-box{position : absolute; left : 50%; bottom : 50%; transform: translateX(-50%) translateY(50%); z-index: 10;}
    .sec-tit{color : #B08B5C}
    .sec-desc{color : #fff;}
}
.unit-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
    &::after{position : absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, rgba(0,0,0,0.3), #000); left : 0;top : 0;}
    & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}
}
.unit-slide{width : 100%; height : 100%;}
.unit-container{position : absolute; left : 0;top : 0;z-index: 1; width : 100%; height : 100%;}
.main-unit.active{
    .sec-tit-box{opacity: 1; transform: translateX(-50%) translateY(50%); transition : 1.4s .4s;}
    .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
}

.unit-02{display: flex;align-items: center; justify-content: end; background: rgba(0,0,0,0.7); width : 100%; height : 100%; opacity: 0; pointer-events: none; transition : 1.2s; padding : 0 125px;}

.unit-list{display: flex; height : 585px;
    li{width : 382px; height : 100%; position : relative;
        &::before{position :absolute; content: ''; width : 1px; height: 100%; background: #B08B5C; opacity: 0.38; left : 0;top : 0; transition : 0s 1.2s;}
        &:last-child::after{position :absolute; content: ''; width : 1px; height: 100%; background: #B08B5C; opacity: 0.38; right : 0;top : 0; transition : 0s 1.2s;}
        &:nth-child(1){padding-top: 27px;
            &::before{clip-path: inset(0 0 100%);}
        }
        &:nth-child(2){
            &::before{clip-path: inset(100% 0 0);}
        }
        &:nth-child(3){
            &::before{clip-path: inset(0 0 100%);}
            &::after{clip-path: inset(100% 0 0);}
        }
        & > a{width : 100%; height : 100%; display: flex;flex-direction: column; justify-content: space-between; align-items: center;}
    }
}
.unit-con{display: flex;flex-direction: column; width : 100%; padding : 20px 50px;
    & > b{font-size: 22px; font-weight: 500; letter-spacing: -0.03em; color : #B08B5C; margin-bottom: 13px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
    & > p{font-size: 16px; color : #8B8B8B; line-height: 1.5em; margin-bottom: 36px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
        b{color : #fff;}
    }
}
.unit-link{display: flex;gap : 10px; align-items: center; font-family: jost; font-size: 15px; letter-spacing: 0.25em; color : #fff; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
    &:hover{
        .arrow{
            img{transform: translateX(10px);}
        }
    }
    .arrow{display: flex;align-items: center; position :relative;
        img{transition :.5s;}
        &::after{position :absolute; content : ''; width : 24px; height : 24px; border-radius: 50%; background: rgba(255,255,255,0.18); right : 0; transform: translateX(30%);}
    }
}

.unit-img{width : 278px;height : 245px; opacity: 0; transition : 0s 1.2s;
    &.wide{width : 301px; height : 202px;}
    img, video{width : 100%; height : 100%; object-fit: contain;object-position: center;}
    video{object-fit: cover;}

    &.unit-img-01{transform: translateY(-160px);}
    &.unit-img-02{transform: translateY(160px);}
    &.unit-img-03{transform: translateY(-160px);}
}


.main-unit.active{
    .info-desc{transform: translateY(0) translateX(-50%); opacity: 1; transition : 1.2s 1s;}
}
.unit-slide.t2{
    .sec-tit-box{left : 163px; bottom : 160px; transform: translateX(0); transition : 1.2s}
    .unit-02{opacity: 1; pointer-events: all;}
    .unit-list > li{
        &::after{clip-path: inset(0); transition : 2s .4s;}
        &::before{clip-path: inset(0); transition : 2s .4s;}
    }
    .unit-img{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
    .unit-con{
        & > b{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        & > p{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}
        & > .unit-link{transform: translateY(0); opacity: 1; transition : 1s 1.4s;}
    }
} */

.main-unit{
    .sec-tit-box{position : absolute; left : 0;top : 0;}
    .sec-tit{color : #B08B5C}
    .sec-desc{color : #000;}
    .fp-tableCell{display: flex;justify-content: center;align-items: center;}
}
.unit-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
    & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition :0s 1.4s;}
}
.unit-inner{position: relative; z-index: 1; margin-top: 60px;}
.main-unit.active{
    .sec-tit-box{opacity: 1; transition : 1.4s .4s;}
    .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
}

.unit-list{display: grid; grid-template-columns: repeat(4,1fr); height : 585px;
    li{width : 382px; height : 100%; position : relative;
        &::before{position :absolute; content: ''; width : 1px; height: 100%; background: #B08B5C; opacity: 0.38; left : 0;top : 0; transition : 0s 1.2s;}
        &:last-child::after{position :absolute; content: ''; width : 1px; height: 100%; background: #B08B5C; opacity: 0.38; right : 0;top : 0; transition : 0s 1.2s;}
        &:nth-child(1){padding-top: 27px; grid-column: span 2; width : 100%;
            &::before{display: none;}
            a{display: flex;flex-direction: row; width : 100%; align-items: end;}
            .unit-con{width : auto;}
            
        }
        &:nth-child(2){
            &::before{clip-path: inset(100% 0 0);}
        }
        &:nth-child(3){
            &::before{clip-path: inset(0 0 100%);}
            &::after{clip-path: inset(100% 0 0);}
        }
        & > a{width : 100%; height : 100%; display: flex;flex-direction: column; justify-content: space-between; align-items: center;}
    }
}
.unit-con{display: flex;flex-direction: column; width : 100%; padding : 20px 50px;
    & > b{font-size: 22px; font-weight: 500; letter-spacing: -0.03em; color : #B08B5C; margin-bottom: 13px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
    & > p{font-size: 16px; color : #000; line-height: 1.5em; margin-bottom: 36px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
        b{color : #B08B5C;}
    }
}
.unit-link{display: flex;gap : 10px; align-items: center; font-family: jost; font-size: 15px; letter-spacing: 0.25em; color : #000; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
    &:hover{
        .arrow{
            img{transform: translateX(10px);}
        }
    }
    .arrow{display: flex;align-items: center; position :relative; z-index: 1;
        img{transition :.5s; filter: invert(1);}
        &::after{position :absolute; content : ''; width : 24px; height : 24px; border-radius: 50%; background: #fff; right : 0; transform: translateX(30%);z-index: -1;}
    }
}

.unit-img{opacity: 0; transition : 0s 1.2s; flex-shrink: 0;
    /* &.wide{width : 301px; height : 202px;} */
    img, video{width : 100%; height : 100%; object-fit: contain;object-position: center;}
    video{object-fit: cover;}

    &.unit-img-01{transform: translateY(-160px);}
    &.unit-img-02{transform: translateY(160px);}
    &.unit-img-03{transform: translateY(-160px);width : 278px;height : 245px;}
}


.main-unit.active{
    .info-desc{transform: translateY(0) translateX(-50%); opacity: 1; transition : 1.2s 1s;}
    .sec-tit-box{transform: translateX(0); transition : 1.2s}
    .unit-02{opacity: 1; pointer-events: all;}
    .unit-list > li{
        &::after{clip-path: inset(0); transition : 2s .4s;}
        &::before{clip-path: inset(0); transition : 2s .4s;}
    }
    .unit-img{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
    .unit-con{
        & > b{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        & > p{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}
        & > .unit-link{transform: translateY(0); opacity: 1; transition : 1s 1.4s;}
    }
}
/* INTRO */
#intro{position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: transparent; z-index: 10000; overflow: hidden;}
.intro-inner{display: flex;justify-content: center;align-items: center; width : 100%; height : 100%; position :relative; overflow: hidden;}
.intro-bg{display: flex;flex-direction: column; position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.intro-bg-inner{display: flex;justify-content: center;align-items: center; flex-shrink: 0; width : 100%; height : 100%;  transform: scale(1.05); position : relative;
    & > img{width : 100%;height : 100%; object-fit: cover;}
}
.intro-frame{width : 11.1979vw;aspect-ratio: 215/280; position : absolute; overflow: hidden; left : 50%; top : 50%; transform : translateX(-50%) translateY(-50%);
    & > video{flex-shrink: 0; width : 100%; height : 100%; object-fit: cover; object-position: center; position : absolute;
		&:nth-child(1){transform : translateY(0)}
		&:nth-child(2){transform : translateY(100%)}
		&:nth-child(3){transform : translateY(100%)}
	}
}
.intro-tit-box-01{position :absolute; display: flex; align-items: center; transform: translateX(-2.4%);
    h2{font-size: 20px; letter-spacing: -0.03em; font-weight: 500;
        b{font-size: 40px; font-weight: 500;}
        .char{opacity: 0; filter: blur(10px);}
    }
}
.intro-tit-line{width : 63px; height : 1px; background: rgba(0,0,0,0.3); margin : 0 6px; margin-top: 14px; clip-path: inset(0 100% 0 0);}
.intro-tit-margin{width : 17.6563vw;}

.intro-logo{position :absolute; transform: translateY(calc(16vw + 160px)); opacity: 0; filter: blur(10px);}

.intro-tit-box-02{position :absolute; display: flex; align-items: center; transform: translateX(1.6%); font-family: GG;
    h2{font-size: 20px; letter-spacing: -0.03em; font-weight: 500;
        b{font-weight: 700;}
        .char{opacity: 0; filter: blur(10px);}
    }
    .intro-tit-line{width : 141px; margin : 0 14px;}
}

.intro-grid{display: grid; grid-template-columns: repeat(8,1fr); position :absolute; width : 100%; height : 100%; left : 0;top : 0;
    & > b{aspect-ratio: 1/1; background: #B08B5C; transform: rotate(-45deg) scale(0);}
}

.t1{
    .intro-bg-inner{transform: translateY(-100%) scale(1.05); transition : 3s;}
    .intro-logo{transform: translateY(16vw); opacity: 1; filter: blur(0); transition : 3s;}
}
.t2{
    .intro-tit-box-01{
        h2 .char{filter: blur(0px); opacity: 1; transition : 1s calc(var(--i) * 0.1s + var(--num) * 1.2s)}
        .intro-tit-line{clip-path: inset(0);
            &:nth-of-type(1){transition : 2s 1s;}
            &:nth-of-type(2){transition : 2s 2.2s;}
            &:nth-of-type(3){transition : 2s 2.8s;}
            &:nth-of-type(4){transition : 2s 3.8s;}
        }
    }
    
    .intro-frame{
        & > video{
            &:nth-child(1){transform: translateY(-50%); filter: blur(10px) brightness(0.7); transition :3s;}
            &:nth-child(2){transform: translateY(0%); transition : 3s;}
        }
    }
}

.t3{
    .intro-frame{
        & > video{
            &:nth-child(2){transform: translateY(-50%); filter: blur(10px) brightness(0.7); transition :3s 2s;}
            &:nth-child(3){transform: translateY(0%); transition : 3s 2s;}
        }
    }
    .intro-tit-box-01{opacity: 0; transition : 1.2s 2s;}
}

.t4{
    .intro-tit-box-02{
        h2 .char{filter: blur(0px); opacity: 1; transition : 1s calc(var(--i) * 0.1s + var(--num) * 1.2s)}
        .intro-tit-line{clip-path: inset(0);
            &:nth-of-type(1){transition : 2s 1s;}
            &:nth-of-type(2){transition : 2s 1.4s;}
        }
    }
}
.t5{
    .intro-grid{
        & > b{transform: rotate(0) scale(1.05); transition : 2s}
    }
}

#intro.t6{opacity: 0; pointer-events: none; transition : 1.2s;}

@media(max-width : 1200px){

    .section{overflow: hidden;}

    /*  */

    .main-visual2{margin-top: 48px; height : 480px;}
    .main-visual2.on{
        .visual-bg > video,
        .visual-bg > img{transform: scale(1);}
        .visual-tit > p:not(:last-child)::after{clip-path: inset(0);}
        .visual-copy-dot{opacity: 1; transition : .5s 1s;}
        .open-rotate-btn{transform: translateX(0); opacity: 1;}
        .visual-text-img > img{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
        .visual-text-img > img:nth-child(5){transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
    }

    .visual-text{background: #fff; left : 0;top : 0; width : 100%; height : 100%; position : absolute;}
    .visual-text > img{filter: invert(1); position : absolute; bottom : 0; transform: translateY(100%); height : 8.8542vw;}
    .visual-text-01{left: 0.5729vw;}
    .visual-text-02{left: 29.8438vw;}
    .visual-text-03{left: 62.0833vw;}
    .visual-text-04{left: 90.9896vw;}

    .visual-inner{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%; height : 100%; left : 0;top : 0; padding-bottom: 80px;}
    .visual-tit{display: flex;flex-direction: column; align-items: center; font-family: Asta Sans; letter-spacing: -0.03em; font-weight: 500; font-size: 16px; gap : 36px; white-space: nowrap;;}
    .visual-tit b{font-size: 30px; font-weight: 500;}
    .visual-tit .char{opacity: 0;}
    .visual-tit b .char{transform: scale(2);}

    .visual-tit > p:not(:last-child){position :relative;
        &::after{position : absolute; content :''; width : 1px; height : 24px; top : calc(100% + 10px); left : 50%; transform: translateX(10px); clip-path: inset(0 100% 0 0); transition : 1.2s;}
    }

    .visual-copy{position : absolute; top : 50%; right : 126px;z-index: 1; font-family: GG; font-size: 16px; letter-spacing: 0.25em; transform: translateY(-50%);}
    .visual-copy .line{display: flex !important;align-items: center; writing-mode: vertical-lr;
        > p:first-child{color : #868686}
    }
    .visual-copy-dot{width : 6px; height : 6px; background: #CD6842; border-radius: 50%; opacity: 0; transition : 1s; margin : 10px 0;}
    .visual-copy b{font-family: GG; font-size: 17px;}

    .visual-copy .char{opacity: 0;}

    .open-rotate-btn{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 80px;height : 80px; position :fixed; right : 24px; bottom : 30px; color : #000; font-family:PT; font-size: 15px; transform: translateX(100px); opacity: 0; transition : 1.6s; font-weight: 700; letter-spacing: -0.04em; z-index : 1000;
        &::after{width : 120px;height : 120px;}
    }
/*     @keyframes open-rotate-btn{
        0%{opacity : 1; transform : scale(1)}
        100%{opacity : 0; transform : scale(0)}
    } */

    /* .open-rotate-btn p{font-size: 13px; font-weight: 500; }
    .open-rotate-btn b{font-size: 22px; font-weight: 600; }
    .open-rotate-btn::after{position :absolute; content : ''; width : 100%;height : 100%; animation : rotate-text 8s infinite linear; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain;}
    @keyframes rotate-text {
        100%{transform: rotate(360deg);}
    } */

    @keyframes rotate-text {
        100%{transform: rotate(360deg);}
    }

    .visual-text-img{width : 60%; height : auto; aspect-ratio : 680 / 317; position : absolute; bottom : 0; left : 0; opacity: 1;}
    .visual-text-img > img{height : auto; position : absolute; opacity: 0; transition : 1.2s;
        &:nth-child(1){width : 16.1765%; transform: translateX(-100px); }
        &:nth-child(2){width : 28.3824%; left : 18.9706%; transform: translateY(-100px);}
        &:nth-child(3){width : 32.5%; bottom : 0; right : 26.9118%; transform: translateY(100px);}
        &:nth-child(4){width : 29.55885%; bottom : 0; right : 0; transform: translateX(100px);}
        &:nth-child(5){height : 26.4984%; bottom : 0; right : -47.0588%; transform: translateY(100px); opacity: 1;}
    }

    /**/

    .main-design{margin-top: 48px;}
    .design-01.active{
        .design-sign{transform: translateX(0) translateY(0) rotate(-18deg); opacity: 1; transition : 1.2s 1s;}
        .design-video > img{transform : scale(1);}
    }
    .design-02.active{
        .design-container{transform: translateX(-100%);}
        .design-02 .design-bg > img,
        .design-02 .design-bg > video{transform: scale(1);}
        .design-02-01-inner .design-con{transform: translateX(0); opacity: 1 !important; transition : 1.2s 1s;
            &.d01{transition-delay: 0s;}
            &.d02{transition-delay: 0.2s;}
            &.d03{transition-delay: 0.4s;}
            &.d04{transition-delay: 0.6s;}
        }
    }
    .t3{
        .design-container{transform: translateX(-200%);}
        .design-03 .design-bg > img,
        .design-03 .design-bg > video{transform: scale(1);}
        /* .design-02-01-inner{opacity: 0;width : 68%; height : 61.8557%;}
        .design-02 .design-bg{width : 68%; height : 61.8557%;}
        .design-02 .design-bg > img:nth-child(2){opacity: 1; transition : 1s;}

        .design-02-02-tit-box{transform: translateY(0);}
        .design-02-02-inner .design-con{transform: translateX(0); opacity: 1;} */
    }
    .t4{
        .design-container{transform: translateX(-200%);}
        .design-03 .design-bg > img,
        .design-03 .design-bg > video{transform: scale(1);}
    }
    .t5{
        .design-03 .design-bg{width : 68%; height : 61.8557%;}
        .design-03 .design-bg > img:nth-child(2){opacity: 1; transition : 1s;}
        .design-03-02-inner{transform: translateX(0); opacity: 1;}
    }
    .design-slide{width : 100%; height : 100%; position : relative;}
    .design-container{display: block; position : relative; left : 0; top : 0; width : 100%; height : 100%;z-index: 1; transition : 1.2s}
    .design-container > div{width : 100%; height : 100%; flex-shrink: 0; position : relative; overflow: hidden;}

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

    .design-01{display: flex;align-items: center;justify-content: center; padding : 120px 0;}
    .design-tit-box{position : relative; color : #fff; text-align: center;}
    .design-tit{font-family: quiche-sans; font-size: 22px; margin-bottom: 16px;}
    .design-tit-desc{font-family: Asta-Sans; font-size: 15px; font-weight: 500; letter-spacing: -0.03em;}

    .design-tit .char,
    .design-tit-desc .char{opacity: 0;}

    .design-sign{font-family: AV; font-size: 36px; letter-spacing: -0.03em; color : #fff; position : absolute; bottom : 16px; right : 16px; transform: rotate(-18deg); transform: translateX(-240px) rotate(-18deg) translateY(100px); opacity: 0; transition : 1.2s; line-height: 1em;}
    .design-sign > p:nth-child(2){padding-left: 48px;}

    .design-02{}

    .design-02-01-inner{display: flex;flex-direction: column; align-items: start;justify-content: center; width : 100%; height : 100%; position : relative; left : 0; bottom : 0; transition : 1s; gap : 24px; padding : 64px 24px;}
    .design-bg{position : absolute; left : 0;bottom : 0; width : 100%; height : 100%; overflow: hidden; transition : 1.2s; filter: brightness(0.5);}
    .design-bg > img,
    .design-bg > video{width : 100%; height : 100%; object-fit: cover; object-position: center; transition : 3s; transform: scale(1.25); position : absolute; left :0;top : 0; }

    .design-02 .design-bg > img:nth-child(2){opacity: 0; transition : 1s;}

    .design-02-tit{font-family: quiche-sans; font-size: 20px; font-weight: 400; margin-bottom: 25px; letter-spacing: 3px; position : relative; color : #fff; margin-top: -400px; margin-left: -870px; display: none;}
    .design-02-tit .char{opacity: 0;}
    .design-02-tit p { margin-top: 20px; font-weight: 400; font-size: 34px; }


    .design-con{letter-spacing: -0.03em; color : #fff; font-size: 14px; white-space: nowrap; transition : 1.2s; opacity: 0 !important;}
    .design-con-tit{font-weight: 500;font-size: 18px;margin-bottom: 10px;
        &.color{color : #A57F57}
    }
    .design-con-desc{line-height: 1.5em;}

    .design-02-01-inner .design-con{right : auto !important; bottom : auto !important; position :relative !important;}

    .design-02-01-inner .design-con-desc { color: #aaa; }
    .design-02-01-inner .design-con-desc span { color: #fff; }

    .design-02-02-inner{width : 100%; height : 100%; position : relative;}

    .design-02-02-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; height : 38%; transform: translateY(-100%); transition : 1.2s;}

    .design-02-02-tit-eng{font-family: quiche-sans; font-size: 20px; font-weight: 700; letter-spacing: 0.35em; margin-bottom: 24px;}
    .design-02-02-tit{font-family: NM; font-weight: 700; letter-spacing: -0.03em; font-size: 34px; color : #393939;}

    .design-02-02-inner .design-con{width : 32%; right : 0; bottom : 80px; position : absolute; transform: translateX(100%); opacity: 0; padding-left: 85px; color : #000;}


    .design-03-02-inner{display: flex;justify-content: center; width : 32%; left : 0; bottom : 80px; position : absolute; transform: translateX(-100%); opacity: 0; transition : 1.2s;}

    .design-03-02-con-box{display: flex;flex-direction: column;gap : 70px;}

    .design-03-02-inner .design-con{color :#000;}
    .design-con-line{width : 300px; height : 1px; background: #CECECE;}

    .design-03 .design-bg{left : auto; right : 0;}
    .design-03 .design-bg > img:nth-child(2){opacity: 0; transition : 1s;}
    .design-con-list{line-height: 1.5em;}

    .design-con-list > li{display: flex; align-items: center; gap : 16px;}
    .design-con-list > li > span{display: flex; align-items: center; justify-content: center; width : 86px; height : 11px; position : relative;
        &::after{position : absolute; content: ''; width : 1px; height : 100%; left : 0; background: #000;}
        &::before{position : absolute; content: ''; width : 1px; height : 100%; right : 0; background: #000;}
    }

    /**/
    .main-community{margin-top: 48px;}
    .community-slide{width : 100%; height : 100%;}
    .community-slide > .swiper-wrapper{display: block;}
    .community-slide .swiper-slide{overflow: hidden;}
    .active .swiper-slide-active{
        .community-bg > video,
        .community-bg > img{transform : scale(1)}
    }
    .community-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;
        /* &::after{position : absolute; content :''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0;} */
    }
    .community-bg > video,
    .community-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform : scale(1.25); transition : 3s;}

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

    .community-first-slide{padding : 80px 0;}
    .community-tit-box{position : relative; color : #000; text-align: center;}
    .community-tit{font-family: quiche-sans; font-size: 24px; margin-bottom: 16px;}
    .community-tit-desc{font-family: Asta Sans; font-size: 15px; font-weight: 500; letter-spacing: -0.03em;}
    .community-tit .char,
    .community-tit-desc .char{opacity: 0;}

    /**/
    .program-slide{width : 100%; height : 360px;}
    .community-last-slide.active{
        .program-slide .swiper-slide-active{
            .program-desc .char,
            .program-tit .char{transform: translateY(0); opacity: 1; transition : 1s 0.4s;}
            .program-bg > img{transform: scale(1); transition : 3s;}
        }
    }

    .program-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;
        &::after{position : absolute; content :''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0;}
    }
    .program-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1s}

    .program-inner{display: flex;align-items: start; position : relative; width : 100%; height : 100%; padding-left: 24px; padding-top: 60px;}
    .program-tit-box{color : #fff; text-align : left}

    .program-desc{font-family: PT; font-size: 16px; letter-spacing: -0.03em; margin-bottom: 0px; overflow: hidden;}
    .program-tit{font-family: jost; font-size: 36px; font-weight: 500; overflow: hidden; padding-bottom: 10px;}

    .program-desc .char,
    .program-tit .char{transform: translateY(100%);opacity: 0; transition : 1s;}

    .program-navigation{position : absolute; display: grid; grid-template-columns: repeat(5,1fr); right : auto; bottom : 5px; z-index: 10; gap : 5px; transform: translateY(100px); opacity: 0; transition : 1s; padding : 0 5px;}
    .active .program-navigation{transform: translateY(0); opacity: 1; transition : 2s;}
    .program-navigation > li{width : auto; height : auto; aspect-ratio: 16/9; cursor: pointer; position : relative;
        &:first-child{z-index: 1;}
        &:first-child::after{position : absolute; content : ''; width : 100%; height : 100%; border : 1px solid #fff; left : 0;top : 0; transition : 0.5s; transform : translateX(calc((100% + 5px) * var(--x))) translateY(calc((100% + 5px) * var(--y)))}
    }
    .program-navigation > li > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

	.community-container{display : none;}

    /**/
    /* .main-premium{background: #EFEDE8;}
    .active{
        .premium-tit-box{transform: translateX(0); opacity: 1; transition : 2s 0.4s;}
        .premium-img{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
        .premium-con-tit{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
        .premium-con-desc{transform: translateX(0); opacity: 1; transition : 1.4s calc(var(--i) * 0.2s + 0.4s)}
    }

    .premium-tit-box{display: flex;align-items: end; gap : 15px; position : absolute; left : 8.2813%; top : 19.1753%; transform: translateX(-100px); opacity: 0; transition : 1s;}
    .premium-tit{font-family: quiche-sans; font-size: 43px; line-height: 1.1em;}
    .premium-tit > p{
        &:nth-child(2){color : #897158; padding-left: 116px;}
    }
    .premium-desc{font-family: NM; font-weight: 700; color :#393939; font-size: 16px; letter-spacing: -0.03em; line-height: 2em;}


    .premium-list{display: flex;align-items: center; position : relative; width : 100%; height : 100%;
        &::after{position : absolute; content : ''; width : 59px;height : 59px; background: #000; left : 22.1875%;top : 39.5876%;}
        &::before{position : absolute; content : ''; width : 59px;height : 59px; background: #897158; left : 61.25%; bottom : 14.5361%;}
    }
    .premium-list > li{position : absolute; white-space: nowrap; display: flex;flex-direction : column; align-items: start; gap : 20px;
        &.premium-list-01{--i : 0; left : 8.2813%; top : 57.1134%;}
        &.premium-list-02{--i : 1; left : 43.9063%; top : 0; flex-direction: row;align-items: end;}
        &.premium-list-03{--i : 2; left : 27.7083%; bottom : 0; flex-direction: row;align-items: start;}
        &.premium-list-04{--i : 3; left : 36.7708%; flex-direction: row;align-items: end;}
        &.premium-list-05{--i : 4; left : 69.1146%; top : 48.4536%;}
        &.premium-list-06{--i : 5; left : 76.6667%; top : 12.5773%; flex-direction: row;align-items: end;}
        &.premium-list-07{--i : 6; right : 1.1979%; bottom : 1.1979vw;}
    }

    .premium-img{transform: translateX(-50px); opacity: 0; transition : 1s;}
    .premium-con-tit{font-family: jost; font-size: 14px; letter-spacing: 0.15em; font-weight: 500; color : #A57F57; margin-bottom: 20px; transform: translateY(-50px); opacity: 0; transition : 1s;}
    .premium-con-desc{font-size: 16px; letter-spacing: -0.04em; line-height: 1.5em; color : #272727; font-weight: 500;transform: translateX(50px); opacity: 0; transition : 1s;}
    */
    .main-premium{background: #EFEDE8; padding : 48px 0; margin-top: 48px;}
    .premium-slide{width : 100%; height : 100%;}
    .premium-slide .swiper-wrapper{display: block;}
    .premium-slide .swiper-slide{display : flex;flex-direction: column; align-items : Center; justify-content : center; gap : 0; padding : 0 24px;}

    .active.swiper-slide{
        .premium-tit-box{transform : translateX(0); opacity : 1; transition :1.2s .4s;}
        .premium-list{opacity : 1; transition : 1s .4s;}
    }
    .aos-animate{
        .premium-img > img{transform : scale(1); transition :3s;}
        .premium-con-box::after{clip-path : inset(0); transition : 2s .4s;}
        .premium-con-tit,
        .premium-con-desc{transform : translateY(0); opacity : 1; transition : 1.2s 1s;}
    }

    .premium-tit-box{transform : translateX(-100px); opacity : 0; transition :1.2s; padding : 0 0 16px;}
    .premium-tit-box > img{width : 240px;}
    .premium-logo{margin : 6px 0 0 100px; font-size : 18px; font-family : Asta Sans; color : #B08B5B; font-weight : 500; letter-spacing : -0.03em}
    .premium-list{display : flex; flex-direction: column; gap : 16px; opacity : 0; transition :1s;}
    .premium-list > li{flex-shrink : 0; margin-top: 36px;
        &:nth-child(odd){margin-top: 36px}
    }
    .premium-img{margin-bottom: 14px; overflow : hidden;}
    .premium-img > img{transform : scale(1.25); transition : 1s;}
    .premium-con-box{padding-left: 24px; position : relative; 
        &::after{position : absolute; content : ''; width : 1px; height : 100%; background: rgba(0,0,0,0.4); left : 0;top : 0; clip-path : inset(0 0 100%); transition : 1s;}
    }
    .premium-con-tit{text-transform : uppercase; font-family : jost; font-size : 18px; letter-spacing : 0.15em; color : #A57F57; margin-bottom: 16px; transform : translateY(50px); opacity : 0; transition :1.2s;}
    .premium-con-desc{font-family : Asta Sans; letter-spacing : -0.04em; font-weight : 500; font-size : 15px; transform : translateY(50px); opacity : 0; transition :1.2s;}
    /**/

    .main-brand{margin-top: 48px;}

    .main-brand.active{
        .brand-bg > img{transform: scale(1); transition : 3s;}
        .brand-img > img{transform: scale(1); transition : 3s;}
        .brand-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
        .brand-desc{transform: translateY(0); opacity: 1; transition : 2s .4s;}
        .brand-logo{transform: translateY(0); opacity: 1; transition : 2s 1s;}
        .brand-award > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transition : 1.4s 1s;}
            &:nth-child(2){transition : 1.4s 1.2s;}
            &:nth-child(3){transition : 1.4s 1.4s;}
        }
        .brand-award > li:not(:last-child)::after{clip-path: inset(0); transition : 2s 1s;}
        .brand-img{transform: translateY(0); opacity: 1; transition : 2s .4s;}
        .brand-img-02{transition : 2s 1.4s;}
    }
    .brand-container{display: grid;grid-template-columns: repeat(1, 1fr); height : 100%;}
    .brand-container > div{display: flex;flex-direction: column;align-items: start;justify-content: center; position : relative;}

    .brand-inner{display: flex; flex-direction: column;align-items: start;justify-content: start; height : 100%;}

    .brand-left{padding-top: 0;padding : 48px 24px;}
    .brand-img{overflow: hidden; opacity: 0; transition : 1s;}
    .brand-img > img{transform: scale(1.5); transition : 1s;}
    .brand-img-01{transform: translateX(-50%); margin-bottom: 48px; width : 240px;}

    .brand-tit-box{transform: translateX(-100px); opacity: 0; transition : 1s; margin-bottom: 36px;}
    .brand-sub-tit{font-family: jost; font-size: 16px; letter-spacing: 0.25em; font-weight: 500; margin-bottom: 18px;}
    .brand-tit{font-family: Asta Sans; font-size: 24px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.5em; color : #070707;}

    .brand-img-02{margin-bottom : 48px; transform: translateX(50%);}
    .brand-desc{font-family: PT; letter-spacing: -0.04em; line-height: 1.8em; color : #0D0D0D; padding-top: 24px; position : relative; transform: translateY(100px); opacity: 0; transition : 1s; font-weight: 500; font-size: 15px;
        ::after{position  :absolute; content : ''; width : 48px; height : 1px; left : 0;top : 0; background: #0D0D0D;}
    }

    .brand-center{align-items: center !important; padding-top: 0px; padding : 0 24px 48px;}
    .brand-logo{transform: translateY(-100px); opacity: 0; transition : 1s; margin-bottom: 48px; width : 160px;}
    .brand-award{width : 100%;}
    .brand-award > li{display: flex;flex-direction: column; align-items: center; position : relative; transform: translateY(100px); opacity: 0;transition : 1s; text-align: center; padding : 24px 0;}
    .brand-award > li:not(:first-child){padding-top: 40px;}
    .brand-award > li:not(:last-child){padding-bottom: 40px;
        &::after{position :absolute; content : ''; width : 100%; height : 1px; background: rgba(0,0,0,0.28); bottom : 0; left : 0; clip-path: inset(0 100% 0 0); transition : 1s;}
    }

    .brand-award-img{margin-right: 0; margin-bottom: 12px; width : 120px;}
    .brand-award-con{font-family: PT; font-size: 15px; color : #383838; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em; margin-bottom: 12px;}
    .brand-award-con b{font-family: 16px; font-weight: 500; color : #A57F57}
    .brand-award-con small{font-size: 13px;}
    .brand-award > li > b{font-size: 20px; font-family: PT; letter-spacing: -0.04em; font-weight: 500;width : 131px; white-space: nowrap; margin-left: 0;}

    .brand-right{padding-top: 0; display: none !important;}

	.main-inner{display : flex; justify-content : center; width : 100%;}
	.main-slide-03 {
		.main-inner {
			padding-top: 120px;
		}
	}

	.main-tit{font-size : 36px; margin-bottom: 16px;
		span{font-size : 24px; margin-top: 12px;}
	}
	.main-tit-img{max-width : 80%;margin : 0 auto 16px;}

    /* NEW */

    .info-desc{font-size: 9px;gap : 3px; position : absolute; opacity: 1;transform: translateX(-50%); line-height: 1.2em; padding : 0 16px; bottom : 12px; width : 100%;
        & > li{padding-left: 16px; position : relative;}
        & > li::before{font-size: 7px; width : 11px; height : 11px; top : 0; flex-shrink: 0; position : absolute;left : 0;}
    }
    .sec-tit-box{position : relative; transform: translateX(-160px); opacity: 0; transition : 1.2s;}
    .sec-tit{font-family: quiche-sans; font-weight: 700; font-size: 32px;
        .char{opacity: 0; transition : 1.2s;}
    }
    .sec-sub-tit{font-size: 16px; letter-spacing: -0.03em; margin-bottom: 8px;}
    .sec-desc{font-size: 14px; letter-spacing: -0.03em; font-weight: 500;}

    .main-big{margin-top: 36px; padding-bottom: 60px;}
    .big-slide{width : 100%; height : 100%;}
    .big-container{display: block; position : relative; width : 100%; height : 100%; transition : 1.4s; z-index: 1;
        & > div{flex-shrink: 0; transition : 1.4s; position : relative;}
    }
    .big-tit{font-size: 30px; font-weight: 700; margin-bottom: 7px;
        .char{opacity: 0; transition : 1.2s; transform: translateY(-50px);}
    }
    .big-desc{font-size: 15px;transform: translateY(50px); opacity: 0; transition : 1.2s}
    .big-con-tit{font-size: 18px; font-weight: 700; letter-spacing: -0.06em; line-height: 1.4em;}
    .big-list{font-size: 14px; font-weight: 500; line-height: 1.4em;
        li{padding-left: 14px; position :relative;
            &::after{position :absolute; content :''; width :1px; height : 100%; left : 0;top : 0; clip-path: inset(0 0 100%); transition : 1.2s;}
        }
        b{margin-bottom: 5px;}
        p{padding-left: 8px; position :relative;
            &::before{position :absolute; content : '-'; left : 0;top : 0;} 
            & + p{margin-top: 6px;}
        }
    }
    .big-partner{display: flex;gap : 6px; align-items: center; margin-top: 18px;
        & > span{background: #262626; padding : 6px 8px; color : #fff; font-size: 13px; font-weight: 700; line-height: 1em;}
        img{max-height: 24px;}
    }
    .big-con{display: flex;flex-direction: column;align-items: start; transform: translateY(160px); opacity: 0; transition : 1.2s;
        &.big-con-03{transform: translateY(160px);}
        &.big-con-05{transform: translateY(160px);}
    }
    .big-img{width : 100%;
		& > .big-img-bi{bottom : calc(100% + 8px); max-width : 100px;}
	}
	.big-img-inner{ width : 100%;
		& > img{transform: scale(1.5); transition : 1.2s; width : 100%;}
	}	

    .big-01{display: flex;justify-content: start; align-items: end; padding : 48px 16px;
        .sec-tit-box{color : #fff;}
        .sec-desc{margin-bottom: 16px;}
    }
    .big-02{display: flex;align-items: center;justify-content: center; width : 100%; padding : 36px 16px;
        .big-img{margin-bottom: 17px;}
        .big-con-container{display: flex; flex-direction: column; gap : 64px;}
        .big-tit-box{margin-bottom: 36px;}
        .big-con-tit{margin-bottom: 18px;}
        .big-list > li + li{margin-top: 18px;}
    }
    .big-03{width : 100%; height : 100%;display: flex; justify-content: center; align-items: center;  padding : 36px 16px;
        .big-con-container{display: flex;flex-direction: column; gap : 36px;
            &::after, &::before{display : none;}
		}

        .big-tit-box{margin-bottom: 24px;}
        .big-con-tit{margin-bottom: 18px;}
        .big-con-03 .big-img{margin-bottom: 18px;}
	    .big-con-03 .big-tit-box {margin-bottom : 24px;}
        .big-con-04{
            .big-list{margin-top: 18px; margin-bottom: 18px; order : 2;}
            .big-img{margin-top: 0; order : 1;}
        } 
        .big-con-05 .big-img{margin-bottom: 18px;}
    }
    .big-04{display: flex;align-items: center;justify-content: center; width : 100%; height : 100%; padding : 36px 16px;
        .big-tit-box{position :relative; right : 0; top : 0; text-align: left; margin-bottom : 24px;}
        .big-inner{position : relative; width : 100%;}
        .big-img{margin-bottom: 24px;}
        .big-con-tit{margin-bottom: 16px;}
        .big-con-list{display: grid; grid-template-columns: repeat(1,1fr); gap : 24px 5px;
            & > li:nth-child(4){grid-column: auto;}
        }
    }

    .big-01.active{
        .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
        .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
    }
    .big-02.active{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1;
            &.big-con-01{transition : 1.4s .4s;}
            &.big-con-02{transition : 1.4s .6s;}
        }
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }
    .big-03.active{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }
    .big-04.active{
        .big-tit .char{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .big-desc{transform: translateY(0); opacity: 1; transition : 1s 1s;}
        .big-con{transform: translateY(0); opacity: 1;
            &.big-con-06{transition : 1.4s .4s;}
            &.big-con-07{transition : 1.4s .5s;}
            &.big-con-08{transition : 1.4s .6s;}
            &.big-con-09{transition : 1.4s .7s;}
            &.big-con-10{transition : 1.4s .8s;}
            &.big-con-11{transition : 1.4s .9s;}
        }
        .big-img-inner > img{transform: scale(1); transition : 3s;}
        .big-list > li::after{clip-path: inset(0); transition : 1.4s 1s;}
    }

    /* CLUB */

    .main-club{margin-top: 36px;
        .sec-tit-box{margin-bottom: 36px;}
        .sec-tit{color : #B08B5C; margin-bottom: 15px;}
    }
    
    	.club-side-desc{display : none;}
    .club-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
        & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}
    }
    .club-slide{display: flex;justify-content: center;align-items: center; width : 100%; height : 100%; position :relative; z-index: 1; }
    .club-slide > .swiper-wrapper{display: block;}
    .club-container{position : absolute; z-index: 1; height : 629px;  max-width: 1552px; width : 100%; margin-top: 0; pointer-events: none; display: none;}
    .club-btn-box{display: flex; width : 326px; height : 37px; background: #000; position : relative; margin-top: 160px; pointer-events: all; opacity: 0; transition :1.2s;
        .club-btn-bg{position : absolute; content : ''; width : 50%; height : 100%; background: #B08B5C; left : 0;top : 0; transition : 1.2s;}
        a{display: flex;align-items: center;justify-content: center; height : 100%; width : 50%; color : #B08B5C; font-family: jost; font-size: 18px; letter-spacing: -0.03em; font-weight: 500; position : relative; z-index: 1; transition : 1s;
            &.on{color : #000;}
        }
    }
    
    .club-inner{display: flex; flex-direction: column; justify-content: start; position : relative;z-index: 1; max-width: 1552px; width : 100%; margin : 0; padding : 48px 18px 120px;}
    .club-slide > .swiper-wrapper > .swiper-slide{display: flex;flex-direction: column; justify-content: center;align-items: center;}
    .club-left{display: flex;flex-direction: column;align-items: start;}
    
    
    .club-img-slide{display: flex;justify-content: center; width : 100%; position : relative; transform: translateY(160px); opacity: 0; transition : 1.2s; margin-bottom: 140px;
        .swiper-slide{pointer-events: none; opacity: 0; transition : 1s;}
        .swiper-slide-active{pointer-events: all; opacity: 1;
            .club-img > img{transform: scale(1);}
        }
    }
    .club-img{overflow: hidden; width : 100%;
        img{transform: scale(1.5); transition : 3s; width : 100%;}
    }
    .club-pagination{display: flex;justify-content: center; position : absolute; top : 100%; padding-top: 64px; gap : 6px;
        .swiper-pagination-bullet{background: #BABABA; opacity: 1; width : 8px; height : 8px; border-radius: 100px; margin : 0 !important; transition : .5s;}
        .swiper-pagination-bullet-active{width : 20px; background: #B08B5C;}
    }
    .club-con{left : 0%; white-space: nowrap; bottom : auto; top : 100%; margin-left: 0; padding-top: 10px; padding-left: 0; font-size: 14px; letter-spacing: -0.03em; font-weight: 500;
        b{font-size: 18px;}
    }
    
    .club-right{position : relative;}
    .club-map-list{display: flex;flex-direction: column; gap : 36px}
    .club-map-list > li{display: flex;flex-direction: column;align-items: start; transform: translateY(160px); opacity: 0; transition : 1.2s;}
    .club-floor-box{display: flex;flex-direction: column;align-items: start; gap : 10px;
        .club-floor{display: flex;justify-content: center; align-items: center; width : 56px;height : 56px; border-radius: 50%; background: #33C6CB; font-family: quiche-sans; font-size: 24px;}
        .club-floor-desc{font-size: 16px; font-weight : 700;
            b{font-family: quiche-sans; font-weight: 700; color : #25979B}
        }
    }
    .club-keymap{position : absolute; top : -30px; right : 0; transform: translateY(-160px); opacity: 0; transition : 1.2s; width : 100px;}
    
    .club-slide-02{
        .club-inner{padding-top: 0;}
        .club-floor{background: #F9A250;}
        .club-pagination .swiper-pagination-bullet-active{background: #B08B5C;}
        .club-con > b{color : #A57F57}
        .club-floor-desc{
            b{color : #F9A250}
        }
    }
    
    .main-club.active{
        .club-btn-box{opacity: 1; transition : 1.4s .4s;}
    }
    .club-slide .swiper-slide.active{
        .sec-tit-box{opacity: 1; transform: translateX(0); transition : 1.4s .4s;}
        .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .club-map-list > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transition : 1.2s .4s;}
            &:nth-child(2){transition : 1.2s .6s;}
            &:nth-child(3){transition : 1.2s .8s;}
        }
        .club-img-slide{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
        .club-keymap{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    }

    /* UNIT */
/*     .main-unit{margin-top: 36px;
        .sec-tit-box{position : relative; left : 0%; bottom : 0%; transform: translateX(0%); margin-bottom: 36px;}
    }
    .unit-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;
        &::after{position : absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(45deg, #000, rgba(0,0,0,0.7), #000); left : 0;top : 0;}
        & > img, & > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}
    }
    .unit-slide{width : 100%; height : 100%;}
    .unit-container{display: block; position : relative; left : 0;top : 0;z-index: 1; width : 100%; height : 100%; padding : 48px 18px 84px;}
    
    .unit-02{display: flex;flex-direction: column; align-items: center; justify-content: end; background: transparent; width : 100%; height : 100%; opacity: 0; pointer-events: none; transition : 1.2s; padding : 0;}
    
    .unit-list{display: flex;flex-direction: column;  width : 100%; height : auto; gap : 16px;
        li{width : 100%; height : auto; position : relative; border : 1px solid rgba(255,255,255,0.4); padding : 0; overflow: hidden; background: rgba(255,255,255,0.05);
            &::before{display: none;}
            &:last-child::after{display: none;}
            &:nth-child(1){padding-top: 0;}
            &:nth-child(2){
                & > a{
                    .unit-img{order: 1;}
                    .unit-con{order: 2;}
                }
            }
            &:nth-child(3){
                &::before{clip-path: inset(0 0 100%);}
                &::after{clip-path: inset(100% 0 0);}
            }
            & > a{width : 100%; height : 100%; display: flex;flex-direction: column; justify-content: space-between; align-items: center; padding : 16px 16px 24px 16px;}
        }
    }
    .unit-con{display: flex;flex-direction: column; width : 100%; padding : 0;
        & > b{font-size: 18px; margin-bottom: 10px; transform: translateY(50px); opacity: 0; transition : 1.2s;}
        & > p{font-size: 15px; margin-bottom: 24px; transform: translateY(50px); opacity: 0; transition : 1.2s;
            b{color : #fff;}
        }
    }
    .unit-link{display: flex;gap : 10px; align-items: center; font-family: jost; font-size: 13px; letter-spacing: 0.25em; color : #fff; transform: translateY(50px); opacity: 0; transition : 1.2s;
        &:hover{
            .arrow{
                img{transform: translateX(10px);}
            }
        }
        .arrow{display: flex;align-items: center; position :relative;
            img{transition :.5s; width : 60px;}
            &::after{position :absolute; content : ''; width : 18px; height : 18px; border-radius: 50%; background: rgba(255,255,255,0.18); right : 0; transform: translateX(30%);}
        }
    }
    
    .unit-img{width : 100%;height : auto; opacity: 0; transition : 1.2s; margin-bottom: 18px;
        &.wide{width : 100%; height : auto}
        img, video{width : 100%; height : 100%; object-fit: contain;object-position: center;}
        video{object-fit: cover;}
    
        &.unit-img-01{transform: translateY(-160px);}
        &.unit-img-02{transform: translateY(160px);}
        &.unit-img-03{transform: translateY(-160px);}
    }
    
    .main-unit.active{
        .sec-tit-box{opacity: 1; transform: translateX(0%) translateY(0%); transition : 1.4s .4s;}
        .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .unit-02{opacity: 1; pointer-events: all;}
        .unit-list > li{
            &::after{clip-path: inset(0); transition : 2s .4s;}
            &::before{clip-path: inset(0); transition : 2s .4s;}
        }
        .unit-img{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
        .unit-con{
            & > b{transform: translateY(0); opacity: 1; transition : 1s 1s;}
            & > p{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}
            & > .unit-link{transform: translateY(0); opacity: 1; transition : 1s 1.4s;}
        }
    } */
    .main-unit{margin-top: 36px;
        .sec-tit-box{position : relative; left : 0%; bottom : 0%; transform: translateX(0%); margin-bottom: 36px;}
    }
    .unit-bg{position : absolute; left : 0; width : 100%; height : 100%; left : 0;top : 0;}
    .unit-slide{width : 100%; height : 100%;}
    .unit-inner{display: block; position : relative; left : 0;top : 0;z-index: 1; width : 100%; height : 100%; padding : 48px 18px 84px; margin-top: 0;}

    .unit-list{display: flex;flex-direction: column;  width : 100%; height : auto; gap : 16px;
        li{width : 100%; height : auto; position : relative; border : 1px solid rgba(0,0,0,0.16); padding : 0; overflow: hidden; background: rgba(255,255,255,0.5);
            &::before{display: none;}
            &:last-child::after{display: none;}
            &:nth-child(1){padding-top: 0;
                a{flex-direction: column; align-items: start;}
            }
            &:nth-child(2){
                & > a{
                    .unit-img{order: 1;}
                    .unit-con{order: 2;}
                }
            }
            &:nth-child(3){
                &::before{clip-path: inset(0 0 100%);}
                &::after{clip-path: inset(100% 0 0);}
            }
            & > a{width : 100%; height : 100%; display: flex;flex-direction: column; justify-content: space-between; align-items: center; padding : 16px 16px 24px 16px;}
        }
    }
    .unit-con{display: flex;flex-direction: column; width : 100%; padding : 0;
        & > b{font-size: 18px; margin-bottom: 10px; transform: translateY(50px); opacity: 0; transition : 1.2s;}
        & > p{font-size: 15px; margin-bottom: 24px; transform: translateY(50px); opacity: 0; transition : 1.2s;}
    }
    .unit-link{display: flex;gap : 10px; align-items: center; font-family: jost; font-size: 13px; letter-spacing: 0.25em; transform: translateY(50px); opacity: 0; transition : 1.2s;
        &:hover{
            .arrow{
                img{transform: translateX(10px);}
            }
        }
        .arrow{display: flex;align-items: center; position :relative;
            img{transition :.5s; width : 60px;}
            &::after{position :absolute; content : ''; width : 18px; height : 18px; border-radius: 50%; right : 0; transform: translateX(30%);}
        }
    }

    .unit-img{width : 100% !important;height : auto; opacity: 0; transition : 1.2s; margin-bottom: 18px;
        &.wide{width : 100%; height : auto}
        img, video{width : 100%; height : 100%; object-fit: contain;object-position: center;}
        video{object-fit: cover;}

        &.unit-img-01{transform: translateY(-160px);}
        &.unit-img-02{transform: translateY(160px);}
        &.unit-img-03{transform: translateY(-160px);}
    }

    .main-unit.active{
        .sec-tit-box{opacity: 1; transform: translateX(0%) translateY(0%); transition : 1.4s .4s;}
        .sec-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
        .unit-02{opacity: 1; pointer-events: all;}
        .unit-list > li{
            &::after{clip-path: inset(0); transition : 2s .4s;}
            &::before{clip-path: inset(0); transition : 2s .4s;}
        }
        .unit-img{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
        .unit-con{
            & > b{transform: translateY(0); opacity: 1; transition : 1s 1s;}
            & > p{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}
            & > .unit-link{transform: translateY(0); opacity: 1; transition : 1s 1.4s;}
        }
    }

    /* INTRO */
    #intro{position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: transparent; z-index: 10000; overflow: hidden;}
    .intro-inner{display: flex;justify-content: center;align-items: center; width : 100%; height : 100%; position :relative; overflow: hidden;}
    .intro-bg{display: flex;flex-direction: column; position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
    .intro-bg-inner{display: flex;justify-content: center;align-items: center; flex-shrink: 0; width : 100%; height : 100%;  transform: scale(1.05); position : relative;
        & > img{width : 100%;height : 100%; object-fit: cover;}
    }
    .intro-frame{display: flex;flex-direction: column; width : 28.8%; position : absolute;
        & > video{flex-shrink: 0; width : 100%; height : 100%; object-fit: cover; object-position: center;}
    }
    .intro-tit-box-01{display: flex;flex-direction: column; position :absolute; transform: translateX(0%);
        h2{font-size: 15px;
            b{font-size: 24px;}
            .char{opacity: 0; filter: blur(10px);}
        }
    }
    .intro-tit-line{width : 1px; height : 16px; margin : 4px 0; margin-top: 0; clip-path: inset(0 0 100%);}
    .intro-tit-margin{width : 0; height : 54vw;}

    .intro-logo{position :absolute; transform: translateY(160px); opacity: 0; filter: blur(10px); width : 160px; bottom : 10vw;}

    .intro-tit-box-02{display: flex;flex-direction: column; transform: translateX(0); font-family: GG;
        h2{font-size: 20px; letter-spacing: -0.03em; font-weight: 500;
            b{font-weight: 700;}
            .char{opacity: 0; filter: blur(10px);}
        }
        .intro-tit-line{width : 1px; margin : 10px 0;}
    }

    .intro-grid{display: grid; grid-template-columns: repeat(4,1fr); position :absolute; width : 100%; height : 100%; left : 0;top : 0;
        & > b{aspect-ratio: 1/1; background: #B08B5C; transform: rotate(-45deg) scale(0);}
    }

    .t1{
        .intro-logo{transform: translateY(0); opacity: 1; filter: blur(0); transition : 3s}
    }


    #intro.t6{opacity: 0; pointer-events: none; transition : 1.2s;}
    .skip-btn{left : auto !important; top : auto !important; transform: translateX(0) translateY(0) scale(1); right : 16px; bottom : 16px; width : 48px; height : 48px; font-size: 14px;
        &.on{transform: translateX(0) translateY(0) scale(1);}
    }

	.scroll{bottom: 16px; left: 16px;}
	.scroll-line{height: 48px;}
	.scroll-icon{width: 5px; height: 5px; margin-top: 4px;}
	.scroll-arrow{width: 6px; height: 6px; margin-top: 1px;}
	.scroll > span{bottom: -3px; left: 18px; font-size: 12px;}

}