body.intro-lock{height : 100%; overflow: hidden;}
.section{position : relative; width : 100%; overflow: hidden;}

/* scroll */
.scroll{display: flex;flex-direction: column;align-items: center; gap : 2vw; position : fixed; left : 50%; bottom : 6.67vw; z-index: 10; transform: translateX(-50%); transition : .4s;}
.scroll.hide{opacity: 0; visibility: hidden;}
.scroll > p{font-family: montserrat; font-size: 2vw; font-weight: 700; letter-spacing: 0.1em; color : #fff;}
.scroll .mouse{display: flex;justify-content: center; position : relative; width : 4.53vw; height : 8vw; border : 1px solid #fff; border-radius: 100px;
    &::after{position : absolute; content : ''; top : 2.13vw; width : 0.8vw; height : 0.8vw; border-radius: 50%; background: #99BFEF; animation : mouse 1.2s infinite ease-in-out;}
}
@keyframes mouse {
    100%{transform: translateY(2.67vw);}
}

/* intro */
.main-visual{height : calc(var(--vh, 1vh) * 100);}
#intro{position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: #161616; transition : .8s .4s;}
.main-visual.on #intro{opacity: 0; visibility: hidden;}

.skip-btn{position:fixed;right:5vw;bottom:6vw;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:15vw;height:15vw;font-family:athena;font-size:3.4vw;color:#fff;background:#394F6B;border-radius:50%;transform:scale(1);transition:transform 1s;cursor:pointer;}
.t5 .skip-btn{transform:scale(0);pointer-events:none;}
.main-visual.on .intro-skip{display: none;}

.intro-01{display: flex;align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.intro-01-desc{position : absolute; font-size: 5.33vw; letter-spacing: -0.04em; color : #fff;}
.intro-01-desc .char{opacity: 0; filter: blur(5px);}
.intro-01-desc-big{position : absolute; font-family: NM; font-size: 16vw; font-weight: 400; color : #99BFEF; opacity: 0; filter: blur(10px);
    &.intro-01-desc-02{transform: scale(2) rotate(-10deg);}
    &.intro-01-desc-04{transform: scale(2) rotate(10deg);}
    &.intro-01-desc-06{transform: scale(2) rotate(-10deg);}
}

.t2{
    .intro-02-list > li:not(:last-child)::after{clip-path: inset(0);}
    .intro-02-desc-big{transform: translateY(0); opacity: 1;}
}
.intro-02{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%; height : 100%; transition : 1s;}
.intro-02-list{display: flex;}
.intro-02-list > li{display: flex;flex-direction: column;align-items: center; gap : 2.13vw; position : relative; padding : 0 4.53vw;
    &:not(:last-child)::after{position : absolute; content : ''; right : 0; top : 0; width : 1px; height : 100%; background: #C2C2C2; clip-path: inset(0 0 100%); transition : 2s;}
}
.intro-02-desc{font-size: 3.2vw; font-weight: 300; letter-spacing: -0.04em; color : #fff;}
.intro-02-desc .char{opacity: 0;}
.intro-02-desc-big{font-family: NM; font-size: 8vw; font-weight: 400; color : #99BFEF; transform: translateY(6.67vw); opacity: 0; transition : 2s;}

.t3{
    .intro-02{opacity: 0;}
    .intro-03-img > li > img{transform: scale(1); transition-delay: .4s;}
    .intro-03-img > li{
        &:nth-child(1){height : 30.67vw; border-radius: 9.87vw; transition-delay: .2s;}
        &:nth-child(2){height : 38vw; border-radius: 13.33vw; transition-delay: .4s;}
        &:nth-child(3){height : 30.67vw; border-radius: 9.87vw; transition-delay: .6s;}
    }
    .intro-03-tit-box{transform: translateX(0) !important; opacity: 1; transition-delay: 1s;}
    .intro-03-tit .char{opacity: 1; transition : 1s; transition-delay: calc(var(--i) * .1s + 1.2s);}
}
.intro-03{display: flex;align-items: center;justify-content: center; position : absolute; width : 100%; height : 100%; transition : 1s;}
.intro-03-img{display: flex;align-items: center; gap : 2.67vw;}
.intro-03-img > li{height : 0; overflow: hidden; border-radius: 2.13vw; transition : 1.2s cubic-bezier(.53,.03,.65,.99);
    &:nth-child(1){width : 20vw; transform: translateY(30%);}
    &:nth-child(2){width : 26.67vw;}
    &:nth-child(3){width : 20vw; transform: translateY(-20%);}
}
.intro-03-img > li > img{width : 100%; height : 100%; max-width: none; object-fit: cover; object-position: center; transform: scale(1.5); transition : 3s;}
.intro-03-img > li:nth-child(1) > img{min-width : 20vw; min-height : 30.67vw; object-position: 70% center;}
.intro-03-img > li:nth-child(2) > img{min-width : 26.67vw; min-height : 38vw;}
.intro-03-img > li:nth-child(3) > img{min-width : 20vw; min-height : 30.67vw;}

.intro-03-inner{position : absolute; z-index: 1; width : 100%; padding : 0 6.67vw;}
.intro-03-tit-box{opacity: 0; transition : 1.4s;
    &.intro-03-tit-box-01{transform: translateX(-13.33vw);}
    &.intro-03-tit-box-02{transform: translateX(13.33vw);}
}
.intro-03-tit-box-02{margin-top: 29vw; text-align: right;}
.intro-03-tit{font-family: NM; font-size: 9.6vw; font-weight: 400; letter-spacing: -0.04em; color : #7E9BC1; text-shadow: 0 0 3.2vw rgba(22,22,22,0.6);}
.intro-03-tit .char{opacity: 0;}
.intro-03-tit b{font-weight: 700; color : #99BFEF;}
.intro-03-desc{font-size: 2.4vw; font-weight: 300; line-height: 1.5em; letter-spacing: -0.04em; color : #C2C2C2; text-shadow: 0 0 2.67vw rgba(22,22,22,0.8);}
.intro-03-tit-box-01 .intro-03-desc{padding : 0 0 0 2vw;}
.intro-03-tit-box-02 .intro-03-desc{padding : 4.8vw 2vw 0 0; font-size: 2.67vw;}
.intro-03-desc b{color : #fff;}

.t4{
    .intro-03{opacity: 0;}
    .intro-04-tit{transform: translateY(0); opacity: 1;}
    .intro-04-logo{transform: translateY(0); opacity: 1;}
}
.t5{
    .intro-04{gap : 13.33vw;}
    .visual-container{clip-path: inset(calc(50% - 6.67vw) calc(50% - 0.5px));}
}
.t6{
    .intro-04{gap : 29.33vw;}
    .visual-container{clip-path: inset(calc(50% - 16vw) 0); filter: brightness(1);}
    .visual-bg > img{transform: scale(1);}
}
.t7{
    .intro-04{gap : 53.33vw;}
    .visual-container{clip-path: inset(0);}
}
.intro-04{display: flex;flex-direction: column;align-items: center;justify-content: center; gap : 4.8vw; position : absolute; width : 100%; height : 100%; padding-top: 8vw; transition : 1.2s;}
.intro-04-tit{font-size: 4.27vw; font-weight: 300; letter-spacing: -0.04em; color : #fff; transform: translateY(-13.33vw); opacity: 0; transition : 1.2s;}
.intro-04-tit span{font-weight: 700; color : #99BFEF;}
.intro-04-logo{width : 53.33vw; transform: translateY(13.33vw); opacity: 0; transition : 1.2s;}

/* visual */
.on{
    .visual-tit-box{transform: translateY(0); opacity: 1;}
    .open-rotate-btn{transform: translateX(0); opacity: 1;}
}
.visual-container{position : absolute; left : 0;top : 0; z-index: 1; width : 100%; height : 100%; clip-path: inset(50% calc(50% - 0.5px)); filter: brightness(5); transition : 1.2s;}
.visual-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.visual-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 5s;}

.visual-inner{display: flex;flex-direction: column;justify-content: center;align-items: center; position : relative; height : 100%; padding : 24vw 6.67vw;}
.visual-tit-box{letter-spacing: -0.04em; color : #fff; text-align: center; transform: translateY(10.67vw); opacity: 0; transition : 2s;}
.visual-desc{margin-bottom: 5.33vw; font-size: 2.67vw; font-weight: 300; line-height: 1.6em;}
.visual-desc b{font-weight: 500;}
.visual-tit{font-size: 6.4vw; font-weight: 300; line-height: 1.3em;}
.visual-tit b{font-weight: 700;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; right : 6.67vw; top : 21.33vw; width : 14.67vw; height : 14.67vw; font-size: 1.87vw; font-weight: 600; letter-spacing: -0.04em; color : #fff; text-align: center; mix-blend-mode: lighten; transform: translateX(13.33vw); opacity: 0; transition : 2s;
    &::after{position : absolute; content : ''; width : 17.33vw; height : 17.33vw; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; mix-blend-mode: lighten; filter: brightness(1); animation : rotate-text 3s infinite ease-in-out;}
}
@keyframes rotate-text {
    0%{transform: rotate(0deg); filter: brightness(0.5);}
    50%{filter: brightness(1.5);}
    100%{transform: rotate(360deg); filter: brightness(0.5);}
}
.open-rotate-btn b{font-family: futura-pt; font-size: 2.67vw; font-weight: 600;}

/* premium */
.active{
    .premium-num{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .premium-tit{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
    .premium-line{clip-path: inset(0); transition : 1.2s .8s;}
    .premium-con{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
    .premium-pagination{transform: translateY(0); opacity: 1; transition : 1.2s 1.2s;}
    .premium-img-desc{transform: translateX(0) !important; opacity: 1; transition : 1.2s .4s;}
    .premium-img{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .premium-sign{transform: rotate(-15deg) translateX(0); opacity: 1; transition : 1.2s .4s;}
    .premium-index{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
    .premium-next{transform: translateY(0); opacity: 1; transition : 1.2s .8s, background 0s;}
}
.premium-slide{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.premium-container{display: flex;flex-direction: column; position : relative; z-index: 1; width : 100%; pointer-events: none;}
.premium-container > div{display: flex;flex-direction: column;align-items: center; width : 100%;
    &.premium-right{order : 1; padding : 18.67vw 0 16vw; background: url(/assets/images/main/premium-right-bg.jpg)no-repeat center / cover;}
    &.premium-left{order : 2; padding : 13.33vw 0 12vw; background: url(/assets/images/main/premium-left-bg.jpg)no-repeat center / cover;}
}

.premium-img-box{display: flex;align-items: center; gap : 2.67vw; position : relative;}
.premium-img{position : relative; width : 42.67vw; height : 60.27vw; overflow: hidden; border-radius: 1000px; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-img-inner{position : absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden; transform: translateY(100%); transition : 1s;
    &:nth-child(1){transform: translateY(0);}
    &:nth-child(3) > img{object-position: 30% center;}
    &:nth-child(6) > img{object-position: 40% center;}
    &:nth-child(7) > img{object-position: 15% center;}
    &.prev{transform: translateY(-50%);}
    &.on{transform: translateY(0);}
}
.premium-img-inner > img{position : absolute; width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 1s;}
.premium-img-inner.on > img{transform: scale(1);}

.premium-img-desc{writing-mode: vertical-lr; font-family: athena; font-size: 1.73vw; letter-spacing: 0.25em; color : rgba(153,191,239,0.4); transform: translateX(-10.67vw); opacity: 0; transition : 0s 1.2s;
    &.premium-img-desc-02{writing-mode: sideways-lr; transform: translateX(10.67vw);}
}

.premium-sign{position : absolute; left : -5.33vw; top : 1.6vw; z-index: 1; font-family: AV; font-size: 5.87vw; letter-spacing: -0.03em; color : #fff; transform: rotate(-15deg) translateX(-10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-sign > p:nth-child(2){margin-left: 6.67vw;}

.premium-index{display: flex;justify-content: center; position : absolute; left : 100%; bottom : 10.33vw; font-family: athena; clip-path: inset(0 -2.67vw); transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-index > span{position : absolute; left : 0;top : 0; width : 100%; font-size: 3.47vw; font-weight: 400; line-height: 1em; color : #99BFEF; transform: translateY(calc(var(--i) * 100%)); transition : 1s;
    &:first-child{position : relative;}
}

.premium-next{display: flex;align-items: center;justify-content: center; position : absolute; right : -3.47vw; bottom : -2.67vw; width : 9.33vw; height : 9.33vw; padding-right: 1.07vw; border : 2px solid #99BFEF; border-radius: 50%; pointer-events: auto; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s, background 0s;
    &::after{position : absolute; content : ''; width : 2.13vw; height : 2.13vw; border-top: 2px solid #99BFEF; border-right: 2px solid #99BFEF; transform: rotate(45deg);}
    &:active{background: rgba(255,255,255,0.15);}
}

.premium-left-inner{display: flex;flex-direction: column;align-items: center; width : 100%; padding : 0 6.67vw;}
.premium-num{display: flex;justify-content: center; position : relative; width : 100%; margin-bottom: 2.13vw; overflow: hidden; white-space: nowrap; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-num > p{position : absolute; font-family: athena; font-size: 3.2vw; line-height: 1em; color : #99BFEF; transform: translateY(calc(var(--i) * 100%)); transition : 1s;
    &:first-child{position : relative;}
}

.premium-tit{display: flex;justify-content: center; position : relative; width : 100%; overflow: hidden; white-space: nowrap; font-family: Playfair Display; font-weight: 700; color : #fff; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-tit > h2{position : absolute; width : 100%; padding-bottom: 5.33vw; font-size: 6.93vw; line-height: 1em; text-align: center; transform: translateY(calc(var(--i) * 100%)); transition : 1s;
    &:first-child{position : relative;}
}

.premium-line{width : 80vw; height : 1px; background: rgba(255,255,255,0.38); clip-path: inset(0 100% 0 0);}

.premium-con{display: flex;justify-content: center; position : relative; width : 100%; height : 24vw; margin-top: 5.33vw; overflow: hidden; white-space: nowrap; text-align: center; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-con > div{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; width : 100%; height : 24vw; transform: translateY(calc(var(--i) * 100%)); transition : 1s;
    &:first-child{position : relative;}
}
.premium-con-tit{margin-bottom: 2.67vw; font-size: 2.93vw; font-weight: 400; letter-spacing: -0.04em; color : #fff;}
.premium-con-desc{font-size: 2.27vw; font-weight: 500; line-height: 1.6em; letter-spacing: -0.04em; color : rgba(255,255,255,0.8);}

.premium-pagination{display: flex;justify-content: center; position : relative; gap : 4.27vw; margin-top: 6.67vw; pointer-events: auto; transform: translateY(10.67vw); opacity: 0; transition : 0s 1.2s;}
.premium-pagination .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center; width : 1.6vw; height : 1.6vw; margin : 0; background: #888; opacity: 1; transition : .3s;
    &::after{position : absolute; content : ''; width : 4.27vw; height : 4.27vw; border : 1px solid #99BFEF; border-radius: 50%; transform: scale(0); transition : .3s;}
    &.swiper-pagination-bullet-active{background: #99BFEF;
        &::after{transform: scale(1);}
    }
}

/* envi */
.active{
    .envi-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .envi-sign{transform: rotate(-15deg) translateX(0); opacity: 1; transition : 1.2s .6s;}
}
.envi-slide{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.envi-container{display: flex;flex-direction: column; position : relative; z-index: 1; width : 100%; pointer-events: none;}
.envi-container > div{position : relative; width : 100%; overflow: hidden;
    &.envi-left{display: flex;flex-direction: column;justify-content: end;align-items: start; height : 62.67vw; padding : 0 6.67vw 8vw;}
    &.envi-right{display: flex;flex-direction: column;align-items: center;justify-content: center; height : 84vw; background: url(/assets/images/main/envi-right-bg.jpg)no-repeat center / cover;}
}

.envi-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.envi-bg > img{position : absolute; left : 0;top : 0; width : 100%; height : 100%; object-fit: cover; object-position: center; opacity: 0; transform: scale(1.25); transition : 1s;
    &.on{transform: scale(1); opacity: 1;}
}
.envi-left::after{position : absolute; content : ''; left : 0; bottom : 0; width : 100%; height : 53.33vw; background: linear-gradient(180deg,rgba(22,22,22,0) 0%,rgba(22,22,22,0.75) 100%);}

.envi-tit-box{position : relative; z-index: 1; letter-spacing: -0.04em; color : #fff; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.envi-desc{margin-bottom: 3.2vw; font-size: 2.4vw; font-weight: 400; line-height: 1.5em;}
.envi-line{width : 40vw; height : 1px; margin-bottom: 3.2vw; background: rgba(255,255,255,0.7);}
.envi-tit{font-size: 3.73vw; font-weight: 400;}
.envi-tit b{font-weight: 700;}

.envi-sign{position : absolute; right : 6.67vw; bottom : 6.67vw; z-index: 1; font-family: AV; font-size: 5.87vw; letter-spacing: -0.03em; color : #fff; transform: rotate(-15deg) translateX(10.67vw); opacity: 0; transition : 0s 1.2s;}
.envi-sign > p:nth-child(2){margin-left: 6.67vw;}

.envi-circle{display: flex;align-items: center;justify-content: center; position : absolute; left : 0; width : 72vw; height : 72vw; border : 1px solid #fff; border-radius: 50%; transform: translateX(-50%);}
.envi-circle-dot-container{display: flex;align-items: center; position : absolute; z-index: 1; width : 100%; height : 100%;}
.envi-circle-dot{display: flex;align-items: center;justify-content: center; position : absolute; right : 0; width : 1.6vw; height : 1.6vw; border-radius: 50%; background: #99BFEF; transform: translateX(50%);
    &::after{position : absolute; content : ''; width : 4.27vw; height : 4.27vw; border : 1px solid #99BFEF; border-radius: 50%; animation : envi-circle-dot 1s infinite;}
}
@keyframes envi-circle-dot {
    0%{transform: scale(0); opacity: 1;}
    100%{transform: scale(1.5); opacity: 0;}
}
.envi-circle-arrow{max-width: 90%; max-height: 90%; animation : envi-circle-arrow 3s infinite;}
@keyframes envi-circle-arrow {
    100%{transform: rotate(360deg);}
}

.t2{
    .envi-con-box{transform: rotate(27.8deg);}
    .envi-con{transform: rotate(-27.8deg);
        &.envi-con-05{opacity: 1;}
        &.envi-con-06{opacity: 0.2;}
    }
}
.t3{
    .envi-con-box{transform: rotate(12.2deg);}
    .envi-con{transform: rotate(-12.2deg);
        &.envi-con-06{opacity: 1;}
    }
}
.t4{
    .envi-con-box{transform: rotate(-2.9deg);}
    .envi-con{transform: rotate(2.9deg);}
}
.t5{
    .envi-con-box{transform: rotate(-19.1deg);}
    .envi-con{transform: rotate(19.1deg);
        &.envi-con-01{opacity: 0.2;}
    }
}
.t6{
    .envi-con-box{transform: rotate(-36.7deg);}
    .envi-con{transform: rotate(36.7deg);
        &.envi-con-01{opacity: 0;}
        &.envi-con-02{opacity: 0.2;}
    }
}
.envi-con-box{position : absolute; width : 100%; height : 100%; transform: rotate(43.8deg); transition : 1s;}
.envi-con{position : absolute; width : 0; white-space: nowrap; transform: rotate(-43.8deg); transition : 1s;
    &.envi-con-01{left : 97%; top : 5%;}
    &.envi-con-02{left : 105%; top : 21%;}
    &.envi-con-03{left : 110%; top : 37%;}
    &.envi-con-04{left : 110%; top : 53%;}
    &.envi-con-05{left : 105%; top : 69%; opacity: 0.2;}
    &.envi-con-06{left : 97%; top : 85%; opacity: 0;}
    &.on{
        .envi-con-tit{color : #99BFEF;}
        .envi-con-desc{color : #fff;}
    }
}
.envi-con-tit{margin-bottom: 0.8vw; font-family: Playfair Display; font-size: 3.2vw; font-weight: 700; color : rgba(255,255,255,0.24); transition : .5s;}
.envi-con-desc{font-size: 2.4vw; font-weight: 400; letter-spacing: -0.04em; color : rgba(255,255,255,0.24); transition : .5s;}

.envi-control{display: flex;align-items: center; gap : 1.8vw; position : absolute; right : 6.67vw; bottom : 6.67vw; pointer-events: auto; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.active .envi-control{transform: translateY(0); opacity: 1; transition : 1.2s .8s;}
.envi-prev, .envi-next{display: flex;align-items: center;justify-content: center; position : relative; width : 9.33vw; height : 9.33vw; background: transparent; border : 1px solid #fff; border-radius: 50%; transition : .3s;
    &::after{position : absolute; content : ''; width : 2.13vw; height : 2.13vw; border-top: 1px solid #fff; border-right: 1px solid #fff;}
    &:active{background: rgba(153,191,239,0.15);}
    &.swiper-button-disabled{opacity: 0.3;}
}
.envi-prev::after{margin-left: 0.8vw; transform: rotate(-135deg);}
.envi-next::after{margin-right: 0.8vw; transform: rotate(45deg);}

/* map */
.active{
    .map-bg > img{transform: scale(1);}
    .map-tit > b{transform: translateX(0) translateY(0) rotate(-15deg); opacity: 1; transition : 1.2s .4s;}
    .map-tit > span{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
    .map-line{clip-path: inset(0); transition : 1s .8s;}
    .map-desc-box{transform: translateY(0); opacity: 1; transition : 1.4s 1s;}
    .map-map{transform: translateY(0); opacity: 1; transition : 1.4s 1.2s;}
}
.map-container{position : relative; padding : 18.67vw 6.67vw 16vw;}
.map-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.map-bg > img{position : absolute; left : 0;top : 0; width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 1.2s;}

.map-inner{position : relative;}
.map-tit-box{display: flex;flex-direction: column;align-items: start;}
.map-tit{position : relative; color : #fff;}
.map-tit > b{display: block; font-family: AV; font-size: 8vw; font-weight: 400; transform: translateX(-13.33vw) translateY(6.67vw) rotate(-15deg); opacity: 0; transition : 0s 1.2s;}
.map-tit > span{display: block; margin-top: 8vw; font-family: Asta Sans; font-size: 2.67vw; font-weight: 400; transform: translateY(6.67vw); opacity: 0; transition : 0s 1.2s;}

.map-line{width : 24vw; height : 1px; margin : 5.33vw 0; background: rgba(255,255,255,0.56); clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}

.map-desc-box{font-size: 2.4vw; line-height: 1.6em; letter-spacing: -0.04em; color : #fff; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.map-desc-box > p{margin-bottom: 5.33vw;}
.map-desc-box > p > b{color : #99BFEF;}
.map-desc-box > b{font-size: 3.47vw; font-weight: 400; line-height: 1.5em;}
.map-desc-box > b > b{font-weight: 700; color : #99BFEF;}
.map-desc-box > b > span{font-weight: 700;}

.map-map{position : relative; margin-top: 10.67vw; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}

/* brand */
.active{
    .brand-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .2s;}
    .brand-img-box{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .brand-list > li{transform: translateY(0); opacity: 1; transition : 1.2s calc(var(--i) * .15s + .6s);}
}
.main-brand{background: linear-gradient(160deg,#f6f8fb 0%,#e4eaf3 55%,#d9e2ee 100%);}
.brand-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.brand-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; opacity: 0.5;}

.brand-inner{position : relative; padding : 18.67vw 6.67vw 18.67vw;}
.brand-tit-box{margin-bottom: 8vw; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.brand-tit-kor{font-size: 5.07vw; font-weight: 500; line-height: 1.45em; letter-spacing: -0.04em; color : #2f3d57;}
.brand-tit-end{margin-top: 1.6vw; font-family: Playfair Display; font-size: 6.13vw; font-weight: 400; letter-spacing: 0.02em; color : #3d5480;}

.brand-img-box{transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.brand-img-main{position : relative; overflow: hidden;}
.brand-img-main > img{width : 100%;}
.brand-img-main .brand-img-name{position : absolute; right : 2.67vw; bottom : 2.13vw; font-size: 2vw; letter-spacing: -0.03em; color : #fff; text-shadow: 0 0 1.6vw rgba(0,0,0,0.5);}
.brand-img-list{display: flex; gap : 2.13vw; margin-top: 2.67vw;}
.brand-img-list > li{width : calc((100% - 4.27vw) / 3);}
.brand-img-list > li > img{width : 100%;}
.brand-img-list .brand-img-name{display: block; margin-top: 1.87vw; font-size: 1.87vw; line-height: 1.4em; letter-spacing: -0.04em; color : #5a6880; text-align: center; word-break: keep-all;}

.brand-list{margin-top: 12vw;}
.brand-list > li{padding-left: 4.27vw; border-left: 2px solid rgba(61,84,128,0.25); transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;
    &:nth-child(1){--i : 0;}
    &:nth-child(2){--i : 1;}
    &:nth-child(3){--i : 2;}
    &:not(:last-child){margin-bottom: 8vw;}
}
.brand-list-tit{margin-bottom: 2.13vw; font-family: Playfair Display; font-size: 4.8vw; font-weight: 700; color : #3d5480;}
.brand-list > li > p{font-size: 2.53vw; font-weight: 400; line-height: 1.7em; letter-spacing: -0.04em; color : #4b5568;}

/* location */
.active{
    .location-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .2s;}
    .location-map{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .location-address-list{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
    .location-btn-box{transform: translateY(0); opacity: 1; transition : 1.2s .7s;}
    .location-info{transform: translateY(0); opacity: 1; transition : 1.2s .8s;}
}
.main-location{background: #394F6B;}
.location-inner{padding : 18.67vw 6.67vw 16vw;}

.location-tit-box{transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.location-tit{font-family: Playfair Display; font-size: 12vw; font-weight: 400; line-height: 1em; letter-spacing: 0.01em; color : #fff;}
.location-desc{margin-top: 2.67vw; font-size: 2.93vw; letter-spacing: -0.04em; color : rgba(255,255,255,0.75);}
.location-desc b{font-weight: 700; color : #fff;}

.location-map{margin-top: 8vw; padding : 5.33vw 4vw; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.location-map > img{width : 100%;}

.location-address-list{margin-top: 8vw; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.location-address-list > li{display: flex;align-items: start; gap : 3.2vw; padding : 1.6vw 0;}
.location-address-list > li > b{position: relative; flex-shrink: 0; width : 12vw; font-size: 2.67vw; font-weight: 700; letter-spacing: -0.04em; color : #99BFEF; text-align: center;
    &::before {content:''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 2vw; background-color: #99BFEF;}
    &::after {content:''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 2vw; background-color: #99BFEF;}
}
.location-address-list > li > p{font-size: 2.67vw; line-height: 1.5em; letter-spacing: -0.04em; color : #fff;}

.location-btn-box{display: flex; gap : 2.67vw; margin-top: 5.33vw; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.location-btn{display: flex;align-items: center;justify-content: center; gap : 2.13vw; width : calc((100% - 2.67vw) / 2); height : 11.73vw; border-radius: 1.07vw; font-size: 2.67vw; letter-spacing: -0.04em;}

.location-info{margin-top: 10.67vw; text-align: center; transform: translateY(8vw); opacity: 0; transition : 0s 1.2s;}
.location-info-desc{font-size: 2.4vw; letter-spacing: -0.04em; color : rgba(255,255,255,0.75);}
.location-tel{display: block; margin-top: 2.67vw; font-family: PT; font-size: 9vw; font-weight: 400; letter-spacing: 0.02em; color : #fff;}