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

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

.skip-btn::after{position : absolute; content : ''; width : 100%;height : 100%; background: rgba(255,255,255,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);}
}

#intro{position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: #161616;}

.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; color : #fff; font-size: 48px;}
.intro-01-desc .char{opacity: 0; filter: blur(5px);}
.intro-01-desc-big{position :absolute; color : #99BFEF; font-family: NM; font-size: 152px; font-weight: 400; 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 : 12px; padding : 0 49px; position : relative;
    &:not(:last-child)::after{position : absolute; content : ''; width : 1px; height : 100%; background: #C2C2C2; right : 0; top : 0; clip-path: inset(0 0 100%); transition : 2s;}
}
.intro-02-desc{font-size: 20px; font-weight: 300; color : #fff; letter-spacing: -0.04em;}
.intro-02-desc .char{opacity: 0;}
.intro-02-desc-big{font-size: 51px; font-family: NM; color :#99BFEF; font-weight: 400; transform: translateY(50px); 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 : 477px; transition-delay: .2s; border-radius: 154px;}
        &:nth-child(2){height : 581px; transition-delay: .4s; border-radius: 204px;}
        &:nth-child(3){height : 477px; transition-delay: .6s; border-radius: 154px;}
    }
    .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 : 47px;}
.intro-03-img > li{overflow: hidden; transition : 1.2s cubic-bezier(.53,.03,.65,.99); border-radius: 16px; height : 0px;
    &:nth-child(1){width : 309px; transform: translateY(30%);}
    &:nth-child(2){width : 408px;}
    &:nth-child(3){width : 309px; transform: translateY(-20%);}
}
.intro-03-img > li > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 3s; max-width: none;}
.intro-03-img > li:nth-child(1) > img{object-position: 70% center; min-width : 309px; min-height : 477px;}
.intro-03-img > li:nth-child(2) > img{min-width : 408px; min-height : 581px;}
.intro-03-img > li:nth-child(3) > img{min-width : 309px; min-height : 477px;}

.intro-03-inner{position : absolute; width : 100%; max-width: 1460px; z-index: 1; margin-right: 120px;}

.intro-03-tit-box{transition : 1.4s; opacity: 0;
    &.intro-03-tit-box-01{transform: translateX(-160px);}
    &.intro-03-tit-box-02{transform: translateX(160px);}
}
.intro-03-tit-box-02{text-align: right; margin-top: 110px;}

.intro-03-tit{font-family: NM; font-size: 152px; letter-spacing: -0.04em; color : #7E9BC1; font-weight: 400;}
.intro-03-tit .char{opacity: 0;}

.intro-03-tit b{font-weight: 700; color : #99BFEF;}

.intro-03-desc{font-size: 20px; letter-spacing: -0.04em; font-weight: 300; color : #C2C2C2; line-height: 1.5em; margin-bottom: 36px;}
.intro-03-tit-box-01 .intro-03-desc{padding : 0 0 0 36px;}
.intro-03-tit-box-02 .intro-03-desc{padding : 70px 36px 0 0; font-size: 22px;}
.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 : 143px;}
    .visual-container{clip-path: inset(calc(50% - 35px) calc(50% - 0.5px))}
}
.t6{
    .intro-04{gap : 358px;}
    .visual-container{clip-path: inset(calc(50% - 119px) 0);  filter: brightness(1);}
    .visual-bg > img,
    .visual-bg > video{transform: scale(1);}
}

.t7{
    .intro-04{gap : 500px;}
    .visual-container{clip-path: inset(0);}
    .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0); pointer-events: none;;}
}
.intro-04{display: flex;flex-direction: column; align-items: center; justify-content: center; position :absolute; width : 100%; height : 100%;gap : 36px; transition : 1.2s; padding-top: 70px;}
.intro-04-tit{font-size: 30px; letter-spacing: -0.04em; color : #fff;font-weight: 300; transform: translateY(-100px); opacity: 0; transition : 1.2s;}
.intro-04-tit span{color : #99BFEF; font-weight: 700;}
.intro-04-logo{transform: translateY(100px); opacity: 0; transition : 1.2s;}


/*  */

.on{
    .visual-tit-box{transform: translateX(0); opacity: 1;}
    .open-rotate-btn{transform: translateX(0); opacity: 1;}
}
.visual-container{position :absolute; width : 100%; height : 100%; left : 0;top : 0; z-index: 1;clip-path: inset(50% calc(50% - 0.5px)); transition : 1.2s; filter: brightness(5);}
.visual-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%; position : absolute; left : 0;top : 0;
	&::after{position : absolute; content : ''; width : 100%; height : 200px; background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); left : 0;top: 0;}
}
.visual-bg > img,
.visual-bg > video{width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition : 5s}

.visual-inner{display: flex;justify-content: end; align-items: end; max-width: 1640px; margin : 0 auto; position :relative; height : 100%; padding-bottom: 118px;}

.visual-tit-box{letter-spacing: -0.04em; color : #fff; text-align: right; transform: translateX(160px); opacity: 0; transition : 2s;}

.visual-desc{font-size: 22px; font-weight: 300; margin-bottom: 50px; line-height: 1.5em;}
.visual-desc b{font-weight: 500;}

.visual-tit{font-size: 57px; font-weight: 300; line-height: 1.25em;}
.visual-tit b{font-weight: 700;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; left : 0;top : 146px; width : 160px; height  : 160px; color : #fff; font-size: 20px; font-weight: 600; letter-spacing: -0.04em; text-align: center; transform: translateX(-160px); opacity: 0; transition : 2s; mix-blend-mode: lighten;
    &::after{position :absolute; content : ''; width : 190px;height : 190px; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; mix-blend-mode: lighten; animation : rotate-text 3s infinite ease-in-out; filter: brightness(1);}
}
@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-weight: 600; font-size: 28px;}

/*  */

.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-obj{opacity: 1; transition : 1s 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{width: 100%; height: 100%;}
.premium-container{display: flex; position : absolute; left : 0;top : 0; width: 100%; height: 100%; z-index: 1;}
.premium-container > div{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 50%; flex-shrink: 0;
    &.premium-left{background: url(/assets/images/main/premium-left-bg.jpg)no-repeat center / cover;}
    &.premium-right{background: url(/assets/images/main/premium-right-bg.jpg)no-repeat center / cover;}
}

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

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

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

.premium-con{display: flex;justify-content: center; text-align: center; height : 257px; position :relative; white-space: nowrap; overflow: hidden;width : 100%; margin-bottom: 80px; transform: translateY(100px); opacity: 0; transition :0s 1.2s;}
.premium-con > div{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; transform: translateY(calc(var(--i) * 100%)); height: 257px; transition :1s; width : 100%;
    &:first-child{position : relative;}
}
.premium-con-tit{font-size: 30px; letter-spacing: -0.04em; color : #fff; margin-bottom: 33px; font-weight: 400;}
.premium-con-desc{font-weight: 22px; font-weight: 500; color : rgba(255,255,255,0.8); line-height: 1.5em;}
.premium-obj{display: flex;justify-content: end; align-items: end; height : 0px; width : 700px; opacity: 0; transition :1.2s;}
.premium-obj > img{position : absolute; opacity: 0; transition : 1s;
    &.on{opacity: 1;}
}

.premium-pagination{ display: flex; position :absolute; bottom : 74px; gap : 34px; transform: translateY(100px); opacity: 0; transition :0s 1.2s;}
.premium-pagination .swiper-pagination-bullet{display: flex;align-items: center; justify-content: center; width : 10px; height : 10px; margin : 0; opacity: 1; background: #888; margin : 0; transition :.3s;
    &::after{position :absolute; content : ''; width : 26px; height : 26px; border-radius: 50%; border : 1px solid #99BFEF; transition : .3s; transform: scale(0);}
    &.swiper-pagination-bullet-active{background: #99BFEF;
        &::after{transform: scale(1);}
    }
}

.premium-img-box{display: flex;align-items: center; position :relative; gap :20px;}
.premium-img{ position :relative;width :508px; height : 718px; overflow: hidden;border-radius: 1000px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.premium-img-inner{width : 100%; height : 100%; transform: translateY(100%); position : absolute; top : 0; left : 0; transition : 1s; overflow: hidden;
    &: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{width : 100%; height : 100%; position :absolute; object-fit: cover; object-position: center; transition : 1s; transform: scale(1.25);}
.premium-img-inner.on > img{transform: scale(1);}

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

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

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

.premium-next{display: flex;align-items: center;justify-content: center; width : 71px; height : 71px; border : 2px solid #99BFEF; border-radius: 50%; position : absolute; right : -23px; bottom : -30px; padding-right: 8px; cursor : pointer; transform: translateY(100px); opacity: 0; transition : 0s 1.2s, background 0s;
    &::after{position : absolute; content : ''; width : 16px; height : 16px; border-top: 2px solid #99BFEF; border-right: 2px solid #99BFEF; transform: rotate(45deg);}
    &:hover{background: rgba(255,255,255,0.1);}
}

/*  */
.active{
    .envi-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .envi-sign{transform: rotate(-15deg) translateX(0); opacity: 1;}
}
.envi-slide{width : 100%;height : 100%;}
.envi-container{display: flex;justify-content: center;align-items: center;  position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.envi-container > div{display: flex;flex-direction: column;align-items: center; justify-content: center; width : 50%; height : 100%; flex-shrink: 0; position : relative; overflow: hidden;
    &.envi-left{display: flex;justify-content: end; align-items: start; padding : 0 0 66px 137px;}
    &.envi-right{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%; opacity: 0; transition : 1s; transform: scale(1.25);
    &.on{transform: scale(1); opacity: 1;}
}

.envi-tit-box{position :relative; color : #fff; letter-spacing: -0.04em; transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.envi-desc{font-size: 22px; font-weight: 400; margin-bottom: 24px; line-height: 1.4em;}
.envi-line{width : 338px; height : 1px; background: rgba(255,255,255,0.7); margin-bottom: 24px;}
.envi-tit{font-size: 30px; font-weight: 400;}
.envi-tit b{font-weight: 700;}

.envi-circle{display: flex;align-items: center;justify-content: center; width : 652px; height : 652px; border-radius: 50%; border : 1px solid #fff; position : absolute; left : 0; transform: translateX(-50%);}
.envi-circle-dot-container{display: flex;align-items: center; position :absolute; width : 100%; height : 100%; z-index: 1;}
.envi-circle-dot{display: flex;align-items: center;justify-content: center; position :absolute; content : ''; width : 10px; height : 10px; border-radius: 50%; background: #99BFEF;right : 0; transform: translateX(50%);
    &::after{position : absolute; content : ''; width : 26px; height :26px; 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{animation : envi-circle-arrow 3s infinite}
@keyframes envi-circle-arrow {
    100%{transform: rotate(360deg);}
}

.t2{
    .envi-con-box{transform: rotate(22deg);}    
    .envi-con{transform: rotate(-22deg);
        &.envi-con-05{opacity: 1;}
        &.envi-con-06{opacity: 0.2;}
    }
}
.t3{
    .envi-con-box{transform: rotate(9deg);}    
    .envi-con{transform: rotate(-9deg);
        &.envi-con-06{opacity: 1;}
    }
}
.t4{
    .envi-con-box{transform: rotate(-9deg);}    
    .envi-con{transform: rotate(9deg);}
}
.t5{
    .envi-con-box{transform: rotate(-23deg);}    
    .envi-con{transform: rotate(23deg);
        &.envi-con-01{opacity: 0.2;}
    }
}
.t6{
    .envi-con-box{transform: rotate(-40deg);}    
    .envi-con{transform: rotate(40deg);
        &.envi-con-01{opacity: 0;}
        &.envi-con-02{opacity: 0.2;}
    }
}
.envi-con-box{position :absolute; width : 100%; height : 100%; transform: rotate(40deg); transition : 1s;}
.envi-con{position :absolute; white-space: nowrap; width : 0px; transform: rotate(-40deg); 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{font-family: Playfair Display; font-size: 30px; font-weight: 700; transition : .5s; color : rgba(255,255,255,0.24); margin-bottom: 6px;}
.envi-con-desc{font-size: 22px; font-weight: 400; letter-spacing: -0.04em; color : rgba(255,255,255,0.24); transition :.5s;}

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

.envi-logo{position : absolute;}

.envi-cursor{display: flex; align-items: center; justify-content: center; position : absolute; width : 64px; height : 64px; border-radius: 50%; background: #99BFEF; color : #fff; font-family: athena; font-size: 13px; transform: translateX(-50%) translateY(-50%); pointer-events: none;
    &::before, &::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);border-top: 5px solid transparent;border-bottom: 6px solid transparent;}
    &::before{left: -10px;border-right: 6px solid #99BFEF;}
    &::after{right: -10px;border-left: 6px solid #99BFEF;}
}

/*  */
.active{
    .map-bg > img{transform: scale(1);}    
    .map-tit > b{transform: translateX(0) rotate(-15deg); opacity: 1; transition : 1.2s .4s}
    .map-tit > span{transform: translateY(0); opacity: 1; transition : 1.2s .4s}
    .map-line{clip-path: inset(0); transition : 1s 1s}
    .map-desc-box{transform: translateY(100%); opacity: 1; transition : 2s 1s;}
}
.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%; transition : 1s; transform: scale(1.25);}

.map-inner{display:flex; justify-content: center;  position : relative; padding-bottom: 300px;}

.map-tit-box{display: flex; align-items: end; gap : 30px;}
.map-tit{color : #fff; position : relative;}
.map-tit > b{font-family: AV; font-size: 98px; font-weight: 400;  display: block; transform: translateX(-100px) translateY(50px) rotate(-15deg); opacity: 0; transition : 0s 1.2s}
.map-tit > span{font-family: Asta Sans; font-size: 22px; font-weight: 400; position :absolute; bottom : 0; right : 0; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}

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

.section{overflow: hidden; width : 174px; height : 1px; background: rgba(255,255,255,0.56);}

.map-desc-box{font-size: 22px; letter-spacing: -0.04em; line-height: 1.5em; color : #fff; margin-bottom: 30px; transform: translateY(100%) translateX(100px); opacity: 0; transition : 0s 1.2s}
.map-desc-box > p{margin-bottom: 44px;}
.map-desc-box > p > b{color : #99BFEF;}

.map-desc-box > b{font-size: 30px; line-height: 1.4em; font-weight: 400;}
.map-desc-box > b > b{color : #99BFEF; font-weight: 700;}
.map-desc-box > b > span{font-weight: 700;}

.map-map{display: flex;align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: rgba(0,0,0,0.5); pointer-events: none; transform: translateY(100%); transition : 1.2s;
    &.on{transform: translateY(0); pointer-events: all;}
}
/*  */

.active{
    .brand-bg > img{transform: scale(1); transition : 3s;}
    .brand-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}

    .brand-list > li{transform: translateY(0); opacity: 1; transition : 1.2s;
        &:nth-child(1){transition-delay: 1s;}
        &:nth-child(2){transition-delay: 1.1s;}
        &:nth-child(3){transition-delay: 1.2s;}
    }
    .brand-obj{transform: translateY(0); transition : 2s;}

    .brand-img{transform: translateY(0) !important; opacity: 1 !important;}
    .brand-img-box > .brand-img{transition:1.2s 1s;}
    .brand-img-bottom > .brand-img{
        &:nth-child(1){transition: 1.2s 1s;}
        &:nth-child(2){transition: 1.2s 1.1s;}
        &:nth-child(3){transition: 1.2s 1.2s;}
    }
    .brand-img-inner > img{transform: scale(1); transition : 5s;}
}
.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; transform: scale(1.5); transition : 0s 1.2s}

.brand-inner{display: flex; position : relative; gap : 87px; justify-content: center; padding-top: 100px;}


.brand-left{display: flex;gap : 240px; padding-right: 80px;}
.brand-tit-box{color : #394F6B; transform: translateX(-160px); opacity: 0; transition:  0s 1.2s;}
.brand-tit-kor{font-size: 30px; letter-spacing: -0.04em; line-height: 1.2em;}
.brand-tit-eng{font-family: Playfair Display; font-size: 30px; line-height: 1.2em;}

.brand-img-box{display: flex;flex-direction: column; gap :22px;}
.brand-img-box > .brand-img{transform: translateY(-100px); opacity: 0; transition : 0s 1.2s;}
.brand-img-bottom{display: flex; justify-content: space-between;}
.brand-img-bottom > .brand-img{transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}

.brand-list-tit{font-family: Playfair Display; font-size: 30px; color : #394F6B; margin-bottom: 8px;}
.brand-list > li{transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.brand-list > li > p{font-size: 22px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.4em; color : #0A0A0A;}
.brand-list > li + li{margin-top: 39px;}

.brand-obj{display: flex; align-items: end; position : absolute; left : 0; bottom: 0;z-index: 1;gap : 45px; transform: translateY(100%); transition : 0s 1.2s;}
.brand-obj .brand-img-name{margin-bottom: 21px;}

.brand-img{display: flex;flex-direction: column; align-items: end; gap : 13px}
.brand-img-inner{overflow: hidden; position : relative;}
.brand-img-inner > img{transform: scale(1.5); transition : 0s 1.2s;}
.brand-img-name{font-size: 14px;  letter-spacing: -0.04em;
    &.white{color : #fff;}
}

.brand-img-inner > .brand-img-name{position : absolute; right : 19px; bottom : 13px;}

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

.contact-inner{display: flex; justify-content: center;align-items: center; gap : 108px;}
.contact-left{transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.contact-tit-box{margin-bottom: 86px; color : #fff; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-tit{font-family: Playfair Display; font-size: 68px; margin-bottom: 12px;}
.contact-desc{font-size: 22px; letter-spacing: -0.04em; font-weight: 500; color : rgba(255,255,255,0.8)}

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


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