.section{overflow: hidden;}

.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; font-family: jost; background: rgba(0,0,0,0.2); width : 80px; height : 80px; top : 50%; left : 50%;z-index: 1000; transform: translateX(-50%) translateY(-50%) scale(0); border-radius: 50%; color : #fff; letter-spacing: 0.1em; font-weight: 600; font-size: 16px; transition : transform .5s;}
.skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}
.end .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0); pointer-events: none;;}
.skip-btn::after{position : absolute; content : ''; width : 100%;height : 100%; background: rgba(0,0,0,0.1); border-radius: 50%; animation : skip-btn 1s infinite}
@keyframes skip-btn {
    0%{opacity: 1; transform: scale(1);}
    100%{opacity: 0; transform: scale(1.5);}
}

.open-rotate-btn{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 144px;height : 144px; position :absolute; right : 90px; bottom : 55px; z-index: 10; color : #fff; font-family: futura-pt, PT; font-size: 15px; transform: translateX(100px); opacity: 0; transition : 1.6s;}
.on .open-rotate-btn{transform: translateX(0); opacity: 1;}
/* .open-rotate-btn{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 144px;height : 144px; position :absolute; right : 90px; bottom : 55px; z-index: 10; color : #fff; font-family: futura-pt, PT; font-size: 15px; transform: translateX(100px); opacity: 0; transition : 1.6s;}
.on .open-rotate-btn{transform: translateX(0); opacity: 1;}
.open-rotate-btn span{font-size: 19px;}
.open-rotate-btn b{font-size: 28px;}
.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);}
} */

.visual-img-box{position : absolute; left : 0;top : 0; width : 100%;height : 100%; z-index: 1; pointer-events: none;}
.visual-img{position : absolute; overflow: hidden;}
.visual-img > img,
.visual-img > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.visual-video-bg{width : 100%;height : 100%;}
/* .visual-video-01{opacity: 0;} */

.visual-img > img{transform: scale(1.5);}
.visual-img > video{transform: scale(1.25);}

.visual-img > video.visual-video-01{position : absolute; left : 0; top : 0; width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1); opacity: 0;}
.visual-img-01{left : 43.5417vw; width : 9.4271vw; height : 53.2990vh; top : 5.0515vh; width : 100%;height : 100%; left : 0; top : 0; opacity: 0;}
.visual-img-02{width : 9.4271vw; height : 312px; height : 32.1649vh; left : 43.5417vw; top : 63.9175vh;}
.visual-img-03{width : 9.1667vw; height : 40.5155vh; left : 56.7708vw;top : 36.2887vh;}
.visual-img-04{width : 9.1667vw; height : 17.7320vh; left : 56.7708vw; top : 82.2680vh;}

.visual-img:not(.visual-img-01){transform: translateY(-100px); opacity: 0;}

.visual-line{position : absolute; background: #000; clip-path : inset(0% 0% 100% 0%); opacity: 0;}
.visual-line-01{width : 1.25vw; height : 70.8247vh; left : 42.3438vw;top : 5.0515vh;}
.visual-line-02{width : 0.3646vw;; height : 57.3196vh; left : 42.3438vw;top : 0; left : 53.8021vw;}
.visual-line-03{width : 1.25vw; height : 63.7113vh; left : 54.6875vw;top : 36.2887vh;}
.visual-line-04{width : 0.3646vw;; height : 70.4124vh; left : 65.8854vw;top : 29.5876vh;}

.visual-inner{display: flex;justify-content: space-between; max-width: 1500px; margin : 0 auto; height : 100%; padding-bottom: 212px; position : relative;}

.visual-desc-box{display: flex;flex-direction: column;gap : 25px; line-height: 1.5em; transform: translateX(-100px); opacity: 0; position :relative; top : 59.8969vh; left : 38px;}

.visual-desc-01{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500;}
.visual-desc-02{font-family: NM; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; font-weight: 700; line-height: 1.8em;}

.visual-desc-line{height : 1px; width : 30vw; background: #D3D3D3;}

.visual-tit{writing-mode:vertical-rl; font-family: NM; font-weight: 400; letter-spacing: 0.25em; position : relative; top : 14.2268vh; right : 260px;}
.visual-tit .char{opacity: 0; transform: translateY(-50px);}

.visual-bg{position :absolute;left : 0;top : 0; overflow: hidden; z-index: -1; width : 100%;height : 100%;}
.visual-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); opacity: 0;}

/**/
.section2-slide{width : 100%;height : 100%;}
.section2-container{display: flex; position :absolute; left : 0;top : 0;z-index: 100; width : 100%;height : 100%; transition : 1.6s cubic-bezier(0.25, 0.1, 0.25, 1);}
.t2 .section2-container{transform: translateX(-50%);}
.section2-container > div{flex-shrink: 0; position : relative;}
.section2-01{display: flex;align-items: center;justify-content: center; width : 50%; background: #000; overflow: hidden;}
.section2-01::after{position : absolute; content : ''; width : 1px; height : 100%; left : 33.3333%; background: rgba(255,255,255,0.2);top : 0; clip-path: inset(50% 0); transition : 0s 1.6s;}
.section2-01::before{position : absolute; content : ''; width : 1px; height : 100%; left : 66.6666%; background: rgba(255,255,255,0.2);top : 0; clip-path: inset(50% 0); transition : 0s 1.6s;}
.active .section2-01::before,
.active .section2-01::after{clip-path: inset(0); transition : 1.2s .4s;}
.section2-02{width : 100%;}

.section2-img{position :absolute; transition : 0s 1.6s; opacity: 0; transform: translateX(0) translateY(0) scale(0.5);}
.active .section2-img{opacity: 1; transition: 1.6s 1.2s;}

.section2-img-01{transform: translateX(-100px) translateY(-340px); right : 66.6666%;}
.active .section2-img-01{transform: translateX(0) translateY(-140px)}

.section2-img-02{transform: translateX(100px) translateY(-60px);left : 66.6666%;}
.active .section2-img-02{transform: translateX(0) translateY(-60px);}

.section2-img-03{transform: translateY(480px) translateX(0px); left : 33.3333%;}
.active .section2-img-03{transform: translateY(280px) translateX(0px);}

.section2-tit{writing-mode:vertical-rl; font-family: NM; font-weight: 400; letter-spacing: 0.1em; color : #fff;}
.section2-tit-01{transform: translateY(-60px);}
.section2-tit .char{opacity: 0; transform: translateY(0px);}
.section2-tit-01 b{color : #A27D58}

.section2-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden;}
.section2-bg::after{position : absolute; content : ''; width : 100%;height : 100%; background: linear-gradient(45deg, #000, transparent, #000); left : 0;top : 0; opacity: 0; transition : 1.2s;}
.t2 .section2-bg::after{opacity: 1;}
.section2-bg > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}

.section2-sign{font-size: 43px; font-family: AV; font-weight: 700; color : #fff; position : absolute; line-height: 1em; bottom : 72px; left : 50%; transform: translateX(calc(-100% + 100px)); padding-right: 92px; white-space: nowrap; opacity: 0; transition : 1.2s; filter : invert(1)}
.active .section2-sign{transform: translateX(-100%); opacity: 1; transition-delay: .4s;}
.active .t2 .section2-sign{left : 100px; transform: translateX(0%); opaicty : 1; transition-delay : 0s;}
.section2-sign > span:nth-of-type(2){padding-left: 66px;}

.section2-inner{display: flex; justify-content: space-between; max-width: 1560px; margin : 0 auto; height : 100%; padding : 165px 48px 95px 0;}

.section2-desc-box{display: flex;flex-direction: column;gap : 25px; line-height: 1.5em; transform: translateX(-100px); opacity: 0; position :relative; color : #fff; transition : 1.2s; align-self: end;}
.t2 .section2-desc-box{transform: translateX(0); opacity: 1; transition-delay: .4s;;}

.section2-desc-01{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500;}
.section2-desc-02{font-family: NM; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; font-weight: 700; line-height: 1.8em;}

.section2-desc-line{height : 1px; width : 179; background: rgba(255,255,255,0.4);}

/**/

.premium-slide{width : 100%;height : 100%;}
.premium-slide .swiper-wrapper{transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.premium-bg{position :absolute; left : 0;top : 0; overflow: hidden;z-index: -1; width : 100%;height : 100%;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.6s;}
.active .swiper-slide-active .premium-bg > img{transform: scale(1); transition :3s;}

.premium-slide-01{display: flex;}
.premium-slide-02,
.premium-slide-03{display: flex;}

.premium-slide-02 > div,
.premium-slide-03 > div{width : 50%; flex-shrink: 0}

.premium-tit-box{display: flex; padding : 200px 0 0 150px;}
.premium-tit{font-family: athena;font-size: 59px; line-height: 1em; color : #fff; font-weight: 400; transform: translateX(-100px); opacity: 0; transition : 0s 1.6s;}
.active .swiper-slide-active .premium-tit{transform: translateX(0); opacity: 1; transition : 1.6s .4s;}
.premium-tit-line{width : 2px; height : 270px; background: #fff; transform: rotate(0deg); transform-origin: center; clip-path: inset(50% 0); transition : 0s 1.6s;}
.premium-tit-line::after{position :absolute; content : ''; width : 100%;height : 100%; background: rgba(0,0,0,0.16); left : 0; animation : line-float2 1.6s infinite linear; transition : background .5s;}
@keyframes line-float2 {
    0%{clip-path: inset(100% 0 0);}
    50%{clip-path: inset(0);}
    100%{clip-path: inset(0 0 100%);}
}

.active .swiper-slide-active .premium-tit-line{clip-path: inset(0); transform: rotate(45deg); transition : 1s 1s;}
.premium-tit-desc{font-family: PT; letter-spacing: 0.04em; font-weight: 500; color : #A2A2A2; line-height: 1.5em; align-self: end; transform: translateY(-80%) translateX(100px); opacity: 0; transition : 0s 1.6s;}
.active .swiper-slide-active .premium-tit-desc{transform: translateY(-80%) translateX(0); opacity: 1; transition : 1.6s 1s;}

.premium-tit-box-01{padding : 0 0 60px 180px; margin-top: auto;}

.premium-left{position : relative;}
.premium-right{display: flex;align-items: end;justify-content: center; padding-bottom: 120px; position : relative;}
.premium-slide-03 .premium-right{background: #0D1C42;}

.premium-con{display: flex;flex-direction: column; gap : 50px}
.premium-desc{text-align: right; transform: translateX(100px); opacity: 0; transition : 0s 1.6s; font-family: PT; font-size: 18px; line-height: 1.5em; font-weight: 500; color : #0B0B0B;}
.premium-desc.white{color : #ACACAC}
.active .swiper-slide-active .premium-desc{transform: translateX(0); opacity: 1; transition : 1.6s 1s}
.premium-img-box{display: flex; gap : 20px;}

.premium-img{overflow: hidden; transition : 0s 1.6s; opacity: 0;}
.premium-img-box > .premium-img:nth-child(1){transform: translateX(-100px) translateY(-150px);}
.premium-img-box > .premium-img:nth-child(2){transform: translateX(100px) translateY(150px);}

.active .swiper-slide-active .premium-img{transform: translateX(0); opacity: 1; transition : 1.6s .4s;}

.premium-img > img{transform: scale(1.5); transition : 0s 1.6s;}
.active .swiper-slide-active .premium-img > img{transform: scale(1); transition : 3s .4s;}

/**/
.main-envi{background: #F0F0F0;}
.envi-slide{width : 100%;height : 100%; position : relative;}
.envi-container{display: flex; position : absolute; left : 0;top : 0; width : 100%;height : 100%; transition : 1.6s cubic-bezier(0.25, 0.1, 0.25, 1); z-index: 1;}
.t3 .envi-container{transform: translateX(-100%);}
.envi-container > div{flex-shrink: 0; position : relative;}

.envi-01{width : 100%;height : 100%; transition : 1.6s;}
.t2 .envi-01,
.t3 .envi-01{width : 629px;}
.envi-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden;}
.envi-bg > img{width : 100%;height : 100%; position :absolute; left : 0; object-fit: cover;}
.envi-bg-01{top : 0;transform: scale(1.5); transition : 0s 1.6s; object-position: right top;}
.active .envi-bg-01{transform: scale(1); transition : 3s;}
.envi-bg-02{object-position: center bottom; transform: translateY(30%) scale(1.1); transition : 0s 1.6s; opacity: 0; top : auto; bottom: 0;}
.active .envi-bg-02{transform: translateY(0) scale(1); opacity: 1; transition : 2s}
.t2 .envi-bg-02,
.t3 .envi-bg-02{height : 60%; transition : 1.6s;}

.envi-tit{position : absolute; font-family: athena; font-size: 50px; font-weight: 400; left : 100px; transform: translateX(-100px); opacity: 0; transition : transform 0s 1.6s,opacity 0s 1.6s, left 1.6s, font-size 1.6s, top 1.6s; top : 22%; white-space: nowrap;}
.active .envi-tit{transform: translateX(0); opacity: 1; transition : transform 1.6s 0.4s, opacity 1.6s 0.4s, left 1.6s, font-size 1.6s, top 1.6s;}
.t2 .envi-tit{font-size: 35px; transition : 1.6s; left : 50%; transform: translateX(-50%);top : 223px; transition : transform 1.6s, opacity 1.6s, left 1.6s, font-size 1.6s, top 1.6s;}

.envi-02{display: flex; align-items: center;justify-content: center; width : calc(100% - 629px)}
.envi-03{width : 100%;height : 100%; display: flex;align-items: center;justify-content: center;}

.envi-list{display: flex; height : 100%;}
.envi-list > li{display: flex; align-items: center;}
.envi-list > li:not(:last-child){padding-right: 113px;}

.envi-list-inner{display: flex;flex-direction: column;align-items: start;}
.envi-list-01 .envi-list-inner{transform: translateY(-14%);}
.envi-list-02 .envi-list-inner{transform: translateY(30%);}
.envi-list-03 .envi-list-inner{transform: translateY(-14%);}
.envi-list-04 .envi-list-inner{transform: translateY(30%);}

.envi-list-tit-eng{font-family: athena; font-size: 16px; margin-bottom: 15px; font-weight: 400; transform: translateY(-50px); opacity: 0; transition : 0s 1.6s;}
.t2 .envi-02 .envi-list-tit-eng,
.t3 .envi-03 .envi-list-tit-eng{transform: translateY(0); opacity: 1; transition : 1.6s 1.6s;}

.envi-list-con{padding : 38px 0 0 35px; letter-spacing: -0.04em; position : relative;}
.envi-list-con::after{position :absolute; content : ''; width : 1px; height : 100%; background: rgba(0,0,0,0.3); left : 0;top : 0; clip-path: inset(0 0 100%); transition : 0s 1.6s;}

.t2 .envi-02 .envi-list-con::after,
.t3 .envi-03 .envi-list-con::after{clip-path: inset(0); transition : 1.6s 1.6s;}

.envi-list-tit{margin-bottom: 25px; font-family: PT; font-size: 20px; font-weight: 500; color : #000; transform: translateX(50px); opacity: 0; transition : 0s 1.6s;}
.t2 .envi-02 .envi-list-tit,
.t3 .envi-03 .envi-list-tit{transform: translateX(0); opacity: 1; transition : 1.6s 1.6s;}

.envi-list-desc{font-size: 16px; font-weight: 500; color : #4B4B4B; transform: translateX(50px); opacity: 0; transition : 0s 1.6s;}
.t2 .envi-02 .envi-list-desc,
.t3 .envi-03 .envi-list-desc{transform: translateX(0); opacity: 1; transition : 1.6s 1.6s;}

.envi-img{overflow: hidden; transform: translateY(-100px); opacity: 0; clip-path: inset(0 0 100%); transition : 0s 1.6s;}

.t2 .envi-02 .envi-img,
.t3 .envi-03 .envi-img{transform: translateY(0); opacity: 1; clip-path: inset(0); transition : 1.4s;}

.t2 .envi-02 .envi-list-01 .envi-img,
.t3 .envi-03 .envi-list-01 .envi-img{transition-delay: .3s;}
.t2 .envi-02 .envi-list-02 .envi-img,
.t3 .envi-03 .envi-list-02 .envi-img{transition-delay: .6s;}
.t2 .envi-02 .envi-list-03 .envi-img,
.t3 .envi-03 .envi-list-03 .envi-img{transition-delay: .9s;}
.t2 .envi-02 .envi-list-04 .envi-img,
.t3 .envi-03 .envi-list-04 .envi-img{transition-delay: 1.2s;}

.envi-img > img{transform: scale(1.5); transition : 0s 1.6s;}
.t2 .envi-02 .envi-img > img,
.t3 .envi-03 .envi-img > img{transform: scale(1); transition : 3s;}

.envi-list-01 .envi-img{margin-top: 60px;}
.envi-list-02 .envi-img{margin-top: 60px;}
.envi-list-03 .envi-img{margin-bottom: 60px;}
.envi-list-04 .envi-img{margin-bottom: 60px;}

.envi-img > .img-cut{position :absolute; right : 14px; bottom : 8px; color : #fff; font-size: 13px; font-family: PT; font-weight: 400; letter-spacing: -0.06em;}

/**/

.map-bg{position : absolute; left : 0;top : 0;width : 100%; height : 100%; overflow: hidden;}
.map-bg > img{width : 100%;height : auto;object-fit: cover;object-position: center; position :absolute; left : 0;top : 0; transform: scale(1.25); transition : transform 0s 1.6s, opacity 0s 1.6s;}
.fp-active .map-bg > img{transform: scale(1); transition : transform 3s, opacity 1s 1s;}

.map-bg > img.map-bg-02{opacity: 0; transform: scale(1.5);}
.fp-active .map-bg > img.map-bg-02{opacity: 1; transform: scale(1); transition : transform 1s 1s, opacity 1s 1s;}

.map-tit-box{display: flex;flex-direction: column;align-items: end; position : absolute; right : 0; top : 50%; transform: translateY(-50%); padding-right: 200px;}
.map-tit{font-family: athena; font-size: 42px; font-weight: 400; text-align: right; margin-bottom: 38px; transform: translateY(-50px); opacity: 0; transition : 0s 1.6s;}
.fp-active .map-tit{transform: translateY(0); opacity: 1; transition : 1.6s 1s;}

.map-desc-box{display: flex;flex-direction: column;gap : 25px; line-height: 1.5em; position :relative; color : #000; transform: translateX(-50px); opacity: 0; transition : 0s 1.6s;}
.fp-active .map-desc-box{transform: translateX(0); opacity: 1; transition : 1.6s 1s;}

.map-desc-01{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500;}
.map-desc-02{font-family: NM; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; font-weight: 700; line-height: 1.8em;}

.map-desc-line{height : 1px; width : 179px; background: rgba(0,0,0,0.4); clip-path: inset(0 100% 0 0); transition : 0s 1.6s;}
.fp-active .map-desc-line{clip-path: inset(0); clip-path: inset(0); transition : 1.6s 1s;}

/******
**NEW**
******/

.active{
    .new-bg > img{transform: scale(1);} 
    .new-apt{transform: translateY(0%); transition : 2s;}

    .schedule-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}

    .schedule-table > li{transform: translateY(0); opacity: 1; transition : color .3s, background .3s, transform 1s calc(var(--i) * 0.1s + 0.4s), opacity 1s calc(var(--i) * 0.1s + 0.4s);}
    .schedule-btn-box{transform: translateY(0px); opacity: 1; transition: transform 1.2s 1s, opacity 1.2s 1s;}
}
.t2{
    .new-bg > img{opacity: 0;}
    .new-bg::after{opacity: 0;}
    .new-apt{width : 32.0313vw; right : 20.0521vw; transition :1.4s;}
    .schedule{opacity: 0; transform: translateY(-100px);}
    
    .plan-01-inner{transform: translateX(0); opacity: 1;}

    .plan-con-line{clip-path: inset(-10px); transition : 1.2s 0.8s;
        &::after{transform: translateX(-50%) scale(1); transition : .5s 1.2s}
    }
    .plan-con-tit{transform: translateY(0); opacity: 1; transition : 1.2s 1.2s;}
    .plan-con-desc{transform: translateY(0); opacity: 1; transition : 1.2s 1.2s;}

    .plan-01 .sec-line, .plan-line{clip-path: inset(0);}
}
.t3{
    .new-container{transform: translateX(-100%);}
    .new-02 .sec-line{clip-path: inset(0);}
    .new-02 .sec-tit-box{transform: translateY(0); opacity: 1;}

    .plan-img-inner > img{transform: scale(1);}
    .plan-img-name::before{left : 100%; transform: translateX(-100%); transition : 1s .4s;}
    .plan-img-name > span{transform: translateY(0); opacity: 1; transition : 1s 1s;}
}
.new-slide{width : 100%;height : 100%;}
.new-container{display: flex; position : absolute; left : 0;top : 0; width : 100%; height : 100%; z-index: 1; transition : 1.8s;}
.new-container > div{width : 100%;height : 100%; flex-shrink: 0;}

.new-01{display: flex; justify-content: center;}

.new-bg{position : absolute; left : 0;top: 0; width : 100%; height : 100%; overflow: hidden;
    &::after{position : absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(45deg, rgba(0,0,0,0.7), rgba(0,0,0,0.2), rgba(0,0,0,0.5)); left : 0; top : 0; transition : 1.2s;}
}
.new-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 3s, opacity 1s;}
.new-bg > video{position : absolute; left : 0;top :0; width : 100%; height : 100%; object-fit: cover; object-position: center; z-index: -1;}

.new-apt{position : absolute; right : 2.7604vw; bottom : 0; width : 29.6354vw; transform: translateY(100%); transition : 1s;}

.schedule{width : 100%; height : 100%; display: flex; justify-content: center; transition : 1s;}
.schedule-tit-box{position : relative; padding-left: 140px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s; align-self: end; margin-right: auto; margin-bottom: 224px;}
.schedule-tit{font-family: athena; font-size: 62px; letter-spacing: 0.3em; font-weight: 400; color : #fff;}
.schedule-desc{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 400; color : #fff;}

.schedule-table-box{display: flex;flex-direction: column;align-items: end; position : relative; width : 705px; position : absolute; top : 16%; transition : opacity 1s;}
.schedule-table{display: grid;grid-template-columns: repeat(12,1fr);gap : 10px; margin-bottom: 26px; width : 100%;}
.schedule-table > li{display: flex;flex-direction: column;align-items: center;justify-content: center; grid-column: span 3; height : 169px; border-radius: 10px; border : 1px solid rgba(255,255,255,0.4); font-family: PT; font-size: 16px; font-weight: 500; color : #9D9D9D; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s;
    &.wide{grid-column: span 4;}
    &:hover, &.on{background: rgba(162,125,88,0.7); color : #fff;}
    &:nth-child(1){--i : 0}
    &:nth-child(2){--i : 1}
    &:nth-child(3){--i : 2}
    &:nth-child(4){--i : 3}
    &:nth-child(5){--i : 4}
    &:nth-child(6){--i : 5}
    &:nth-child(7){--i : 6}
    &:nth-child(8){--i : 7}
}
.schedule-table > li b{color : #fff; font-size: 22px; font-weight: 700; margin-bottom: 6px;}

.schedule-btn-box{display: flex; gap: 19px; margin-left: auto; transform: translateY(100px); opacity: 0; transition: transform 1.2s 0.4s, opacity 1.2s 0.4s;}

.schedule-btn-box > a{display: flex; align-items: center; height: 45px;}
.schedule-btn-box > a > p{display: flex; align-items: center; justify-content: center; background: #000; width: 168px; height: 100%; border-radius: 100px; font-family: PT; font-size: 15px; font-weight: 700; color : #fff;}
.schedule-btn-box > a > .plus{display: flex; align-items: center; justify-content: center; width: 45px; height: 100%; border-radius: 50%; position: relative; background: #000; transition: transform 0.3s;}
.schedule-btn-box > a:hover > .plus{transform: rotate(90deg);}
.schedule-btn-box > a > .plus::after{position: absolute; content: ''; width: 15px; height: 1px; background: #fff;}
.schedule-btn-box > a > .plus::before{position: absolute; content: ''; width: 1px; height: 15px; background: #fff;}
.schedule-btn-box > a:nth-child(2) > p, .schedule-btn-box > a:nth-child(3) > p{background: #A27D58; color: #fff;}
.schedule-btn-box > a:nth-child(2) > .plus, .schedule-btn-box > a:nth-child(3) > .plus{background: #A27D58;}
.schedule-btn-box > a:nth-child(2) > .plus::after, .schedule-btn-box > a:nth-child(2) > .plus::before, .schedule-btn-box > a:nth-child(3) > .plus::after, .schedule-btn-box > a:nth-child(3) > .plus::before{background: #fff;}

.plan-01{position : absolute; left : 0; height : 100%; padding-left: 140px;}

.plan-01-inner{display: flex;flex-direction: column;align-items: start; justify-content: center; height : 100%; width : 367px; transform: translateX(-160px); opacity: 0; transition : 1.2s;}

.sec-tit-box{display: flex;flex-direction: column;  white-space: nowrap;}

.plan-01 .sec-tit-box{margin-bottom: 48px; width : 367px;}
.sec-tit-eng{font-family: athena; font-size: 16px; font-weight: 400; letter-spacing: 0.25em; margin-bottom: 22px;}
.sec-sub-tit{font-family: PT; font-size: 22px; font-weight: 500; letter-spacing: -0.04em; margin-bottom: 14px;}
.sec-line{width : 100%; height : 1px; background: rgba(0,0,0,0.38); margin-bottom: 14px; clip-path: inset(0 100% 0 0); transition : 1.2s}
.sec-tit-kor{font-family: NM; font-size: 32px; font-weight: 700; margin-bottom: 23px; letter-spacing: -0.04em;}
.sec-tit-kor .char{opacity: 0;}
.sec-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em;}

.plan-line{width : 100%; height : 1px; background: rgba(255,255,255,0.5); margin-bottom: 27px; clip-path: inset(0 100% 0 0); transition : 1.2s}
.plan-tit{color : #fff; font-family: PT; font-size: 28px; font-weight: 500; margin-bottom: 16px;}
.plan-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em; color : #fff; margin-bottom: 25px;}
.plan-pattern{margin-bottom: 10px;}
.plan-zenith{display: block; font-family: athena; font-size: 20px; font-weight: 400; margin-bottom: 23px;}

.plan-info{font-size: 13px; letter-spacing: -0.04em; font-weight: 500; color : #505050; position : absolute; line-height: 1.5em; bottom : 36px; white-space: nowrap;}

.plan-01-con{width : 30.1563vw;height : 36.3021vw; right: 7.2917vw; bottom : 0;  z-index: 1; position : absolute; pointer-events: none;}

.plan-con-line{display: flex;align-items: center; width : 100%; height : 1px; background: rgba(255,255,255,0.7); position : relative; clip-path: inset(0 100% 0 0); transition : 1.2s;
    &::after{position : absolute; content : ''; width : 10px; height : 10px; background: #fff; border-radius: 50%; left : 0; transform: translateX(-50%) scale(0); transition : .5s;}
}

.plan-01-con > li{ position : relative; font-family: PT; letter-spacing: -0.04em; color : #030303;
    &:nth-child(1){margin-bottom: 93px;}
    &:nth-child(2){padding-left: 10.2604vw; margin-bottom: 149px;}
    &:nth-child(3){padding-left: 7.9688vw; margin-bottom: 93px;}
    &:nth-child(4){padding-left: 7.3438vw; margin-bottom: 123px;}
    &:nth-child(5){padding-left: 3.1250vw; margin-bottom: 97px;}
    &:nth-child(6){padding-left: 8.5417vw;}
}

.plan-con-desc{width : 224px; white-space: nowrap; position : absolute; right : 0; bottom :100%; font-size: 16px; font-weight: 500;padding-bottom: 9px; line-height: 1.5em; transform: translateX(-50px); opacity: 0; transition : 1.2s;}
.plan-con-tit{width : 224px; white-space: nowrap; position : absolute; right : 0; top :100%; font-size: 23px; padding-top : 9px; transform: translateX(50px); opacity: 0; transition : 1.2s;}

/*  */

.new-02{display: flex;}
.new-02 > div{display: flex;flex-direction: column;align-items: center; justify-content: center; width : 50%; height : 100%;}

.plan-left{background: #F2F2F2; padding-top: 100px;}
.plan-img-box{display: flex; gap : 16px;}
.plan-img{display: flex;flex-direction: column;align-items: start; gap : 16px;}
.plan-img-inner{overflow: hidden;}
.plan-img-inner > img{transform: scale(1.5); transition : 3s;}

.plan-right .plan-img-box{width : 100%;}
.plan-right .plan-img{width : 100%;}
.plan-right .plan-img-inner{width : 100%;}
.plan-right .plan-img-inner > img{width : 100%;}

.new-02 .sec-tit-box{display: flex;flex-direction: column;align-items: center;justify-content: center; transform: translateY(-100px); opacity: 0; transition : 2s; margin-bottom: 160px;}

.plan-img-name{display: flex;align-items: center; padding : 0 16px; position : relative;
    &::before{position :absolute; content : ''; width : 1px; height : 15px; background: #707070; left : 0;}
    &::after{position :absolute; content : ''; width : 1px; height : 15px; background: #707070; left : 0; transition : 1s;}
}
.plan-right .plan-img-name{margin-left: 66px;}
.plan-img-name > span{font-size: 18px; font-weight: 500; letter-spacing: -0.04em; transition : 1s; transform: translateY(100%); opacity: 0;}

.plan-link{display: flex;align-items: center;gap : 10px; font-family: athena; font-size: 15px; letter-spacing: 0.25em; margin-left: auto; margin-right: 100px; margin-bottom: 45px;
    &:hover{
        .arrow::after{transform: translateX(30%) scale(0);}
        .arrow > img{transform: translateX(10px);}
    } 
}
.plan-link > .arrow{display: flex;align-items: center; position : relative;
    &::after{position :absolute; content : ''; width : 24px; height : 24px; border-radius: 50%; background: #DEDEDE; right : 0;z-index: -1; transform: translateX(30%); transition :.5s;}
}
.plan-link > .arrow > img{transition : .5s;}

/*  */

.main-community.active{
    .sec-tit-box{transform: translateY(0); opacity: 1; transition :2s .4s;}
    .sec-line{clip-path: inset(0);}
    .community-list > li{transform: translateY(0); opacity: 1; transition : 2s .4s}
    .community-img > img{transform: scale(1); transition : 3s;}
    .community-obj{opacity: 1; transition : 1s 1.4s;}
    .community-link{transform: translateX(0); opacity: 1; transition : 1.4s 1.4s;}
}
.main-community{background: #EFEDE8;}
.community-inner{display: flex; align-items: center;  justify-content: center;  margin : 0 auto; gap : 160px;}

.main-community .sec-tit-box{align-items: center; text-align: center; transform: translateY(-100px); opacity: 0; transition : 2s; width : 367px;}
.community-right{display: flex;flex-direction: column; position : relative;}
.community-list{display: flex; gap : 16px; margin-bottom: 30px;}
.community-list > li{position : relative; transform: translateY(200px); opacity: 0; transition : 0s 1.4s;
    &:nth-child(1){transform: translateX(-200px) translateY(300px) rotate(5deg);}
    &:nth-child(2){transform: rotate(5deg);}
    &:nth-child(3){transform: translateX(200px) translateY(-300px) rotate(5deg);}
}
.community-img{position : relative; overflow: hidden;}
.community-img > img{transform: scale(1.5); transition : 0s 1.4s;}

.community-obj{position : absolute; bottom : 0; transform: translateX(-50%); opacity: 0; transition : 1s;}

.img-cut{position : absolute; right : 11px; bottom : 11px; color : #fff; z-index: 1; font-family: PT; font-weight: 500; letter-spacing: -0.04em;}

.community-link{display: flex;align-items: center;gap : 10px; font-family: athena; font-size: 15px; letter-spacing: 0.25em; margin-left: auto; transform: translateX(-100px); opacity: 0; transition : 1.4s;
    &:hover{
        .arrow::after{transform: translateX(30%) scale(0);}
        .arrow > img{transform: translateX(10px);}
    } 
}
.community-link > .arrow{display: flex;align-items: center; position : relative;
    &::after{position :absolute; content : ''; width : 24px; height : 24px; border-radius: 50%; background: #DEDEDE; right : 0;z-index: -1; transform: translateX(30%); transition :.5s;}
}
.community-link > .arrow > img{transition : .5s;}

/**/

.main-unit.active{
    .unit-bg > img{transform: scale(1);}
    .unit-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .sec-line{clip-path: inset(0); transition : 1.2s 1s;}

    .unit-right{transform: translateX(0); transition : 2s .4s;}
    .unit-btn{
        &:first-child::after{clip-path: inset(0); transition : 3s;}
        .unit-btn-inner{transform: translateY(0); opacity: 1;}
        &:nth-child(1) .unit-btn-inner{transition : 2s 1s;}
        &:nth-child(2) .unit-btn-inner{transition : 2s 1.4s;}
    }
    .unit-rotate-btn{transform: scale(1) translateX(-50%); transition : 1.4s 2s;}
    
}

.unit-inner{display: flex; position : relative; width : 100%; height : 100%;}

.unit-left{display: flex;align-items: center;justify-content: center; padding : 0 140px; flex-shrink: 0;}

.unit-tit-box{position : relative; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}
.unit-tit{font-family: athena; font-size: 62px; letter-spacing: 0.3em; font-weight: 400; color : #BEB0A3;}
.unit-desc{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 400; color : #fff;}

.unit-right{display: flex; flex : 1; background: rgba(0,0,0,0.5); transform: translateX(100%); transition : 0s 1.4s;}
.unit-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 50%; position :relative;
    &:first-child::after{position : absolute; content : ''; width : 1px; height : 100%; right : 0; top : 0; background: rgba(255,255,255,0.3); clip-path: inset(0 0 100%); transition : 0s 1.4s;}
    &:nth-child(1){padding-bottom: 100px;}
    &:nth-child(2){padding-top: 100px;}

    &:hover{background: rgba(0,0,0,0.1);}
}

.unit-btn-inner{transform: translateY(-100px); opacity: 0; transition : 0s 1.4s;}



.unit-img-tit{font-family: athena; font-size: 23px; letter-spacing: 0.25em; color : #C7A786; margin-bottom: 5px; font-weight: 400;}
.unit-img{margin-bottom: 52px; position : relative;}

.main-unit .sec-tit-box{text-align: center;}
.main-unit .sec-sub-tit{color :#BEB0A3;}
.main-unit .sec-line{background: rgba(255,255,255,0.16);}
.main-unit .sec-tit-kor{color : #BEB0A3}
.main-unit .sec-desc{color : #C3C3C3}

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

.unit-rotate-btn{width : 84px; height : 84px; display: flex;flex-direction: column;align-items: center; justify-content: center; text-align: center; background: #A27D58; color : #000; font-family: trajan-pro-3; border-radius: 50%; position : absolute; left : 0; bottom : 157px; line-height: 1.2em; padding-top: 8px; transform: scale(0) translateX(-50%); transition :0s 1.4s;
    &::after{position : absolute; content : ''; width : 132px; height : 132px; background: url(../images/main/unit-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}