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

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

/* intro-01 */
.intro-01{display: flex;align-items: center; justify-content: center;}
.intro-tit{position :absolute;
    &>img{position : absolute; left : 0;top: 0; opacity: 0;
        &:first-child{position : relative;}
    }
}
.intro-circle{display: flex;align-items: center;justify-content: center; width : 658px; height : 658px; position : absolute; opacity: 0;}
.intro-circle > li{width : 100%; height : 100%; border-radius: 50%; position : absolute;
    &:first-child{background: #8F9AA2;}
    & > img{width : 100%; height : 100%; object-fit: cover; object-position: center;}
}
.intro-02 .intro-circle > li:first-child{background: #1C4E70;}

.intro-sub-tit{display: flex;align-items: center;color :#fff; font-family: futura-pt-bold; font-weight: 700; position : absolute; font-size: 162px;
    span{width : 152px; height : 18px; background: #fff; margin-right: 34px;transform: translateY(30%); clip-path: inset(0 100% 0 0);}
    .char{opacity: 0;}
}
.intro-obj{position :absolute; opacity: 0; transform: translateY(260px) translateX(-450px);}

/* intro-02 */
.intro-02{display: flex;align-items: center; justify-content: center; opacity: 0;}

/* intro-03 */
.intro-03{display: flex;flex-direction: column; align-items: center; justify-content: center; opacity: 0; gap : 60px;}
.intro-03-desc-01{font-size: 20px; letter-spacing: -0.04em; font-weight: 300; color : #fff; transform: translateX(calc(-410px - 160px - 50%)); opacity: 0;
    b{font-weight: 800;}
}
.intro-03-desc-02{font-size: 30px; letter-spacing: -0.04em; font-weight: 300; color : #fff; transform: translateX(calc(410px + 160px + 50%)); opacity: 0;
    b{font-weight: 800;}
}


.intro-01{
    .intro-obj{transform: translateY(260px) translateX(calc(-450px - 160px));}
}
.intro-02{
    .intro-obj{transform: translateY(260px) translateX(calc(-450px - 160px));}
}

#intro.t1{
    .intro-01{
        .intro-tit > img{opacity: 1; transition : 1s calc(var(--i) * 0.1s)}
    }
}
#intro.t2{
    .intro-01{
        .intro-circle{opacity: 1; transition : 1.2s;}
    }
}
#intro.t3{
    .intro-01{
        .intro-circle > li{border : 20px solid #000; transition : transform 1.4s, border 1s;
            &:nth-child(1){transform: translateX(-40%);}
            &:nth-child(3){transform: translateX(40%);}
        }
        .intro-sub-tit{
            span{clip-path: inset(0); transition : 2s;}
            .char{opacity: 1; transition : 1s calc(var(--i) * 0.1s)}
        } 
        .intro-obj{transform: translateY(260px) translateX(-450px); opacity: 1; transition : 1.4s;}
    }
}
#intro.t4{
    .intro-01{opacity: 0; transition : 1s;}
    .intro-02{opacity: 1; transition : 1s;}
}

#intro.t5{
    .intro-02{
        .intro-tit > img{opacity: 1; transition : 1s calc(var(--i) * 0.1s)}
    }
}
#intro.t6{
    .intro-02{
        .intro-circle{opacity: 1; transition : 1.2s;}
    }
}
#intro.t7{
    .intro-02{
        .intro-circle > li{border : 20px solid #000; transition : transform 1.4s, border 1s;
            &:nth-child(1){transform: translateX(-40%);}
            &:nth-child(3){transform: translateX(40%);}
        }
        .intro-sub-tit{
            span{clip-path: inset(0); transition : 2s;}
            .char{opacity: 1; transition : 1s calc(var(--i) * 0.1s)}
        } 
        .intro-obj{transform: translateY(260px) translateX(-450px); opacity: 1; transition : 1.4s;}
    }
}

#intro.t8{
    .intro-03{opacity: 1;background: #1C4E70; transition : 1s;
        .intro-03-desc-01{transform: translateX(calc(-410px - 50%)); opacity: 1; transition : 2s;}
        .intro-03-desc-02{transform: translateX(calc(410px + 50%)); opacity: 1; transition : 2s;}
    }
    &+.visual-container{clip-path: inset(calc(50% - 122px) calc(50% - 379px) round 1000px); transition : 1.2s;}
}

#intro.t9{
    &+.visual-container{clip-path: inset(0 round 0px); transition : 2.4s;
        .visual-bg img{transform: translateX(0) translateY(0); transition : 2.4s;}

        .visual-sub-tit{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
        .visual-tit{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
        .visual-line{transform: translateY(0); clip-path: inset(0); transition : 1.2s .8s;}
        .visual-logo{transform: translateY(0); opacity: 1; transition : 1.2s 1.4s;}
        .open-rotate-btn{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}
		.imom-banner{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}
    }
}
/* VISUAL */
.visual-container{width : 100%; height : 100%; position : absolute; left : 0;top : 0;clip-path: inset(calc(50% - 122px) calc(50%) round 1000px);
}
.visual-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%;
    img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: translateX(20%) translateY(15%) scale(1.25);}
}

.visual-inner{display: flex;align-items: center;justify-content: end; position : relative;width : 85%; height : 100%;}
.visual-tit-box{display: flex;flex-direction: column;align-items: center; letter-spacing: -0.04em;}
.visual-sub-tit{font-size: 39px; font-weight: 300; margin-bottom: 32px; transform: translateY(100px); opacity: 0; text-align :center; line-height : 1.4em;
    b{font-weight: 700;}
}
.visual-tit{font-weight: 300; font-size: 61px; margin-bottom: 32px; transform: translateY(100px); opacity: 0;
    b{font-weight: 800; color : #1D4E70;
		span{position : relative;
			&::after{position : absolute; content : ''; left : 50%; bottom :100%; transform : translateX(-50%); width : 8px; height : 8px; border-radius : 50%; background: #1C4E70;}
		}
	}
}
.visual-line{width : 1px; height : 69px; background: #707070; margin-bottom: 44px; clip-path: inset(0 0 100%); transform: translateY(100px);}

.visual-logo{transform: translateY(100px); opacity: 0;}

.imom-banner{position : absolute; right : 137px; top : 90px; transform : translateX(160px); opacity : 0; transition : 1.2s;}

/* premium */
.sec-tit{font-size: 44px; font-family: athena; font-weight: 400; transition : 1s;}
.sec-desc{font-size: 16px; letter-spacing: -0.04em; color : #212121; font-weight: 400; line-height: 1.5em; transition : 1s;}
.sec-con-tit{font-family: brown, PT; font-size: 22px; letter-spacing: -0.04em; font-weight: 500; color : #2B2B2B; margin-bottom: 22px; transition : 1s;}
.sec-con-desc{font-size: 16px; letter-spacing: -0.04em; color : #2B2B2B; font-weight: 300; line-height: 1.5em; white-space : nowrap;}
.sec-con-desc2{font-size: 16px; letter-spacing: -0.04em; color : #2B2B2B; font-weight: 300; line-height: 1.5em; padding-left: 35px; position : relative;}
.sec-con-desc2::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
.active .swiper-slide-active .sec-con-desc2::after{clip-path: inset(0); transition-delay: 0.4s;}

.sec-img{position :relative;overflow: hidden;}
.sec-img > img,
.sec-img > video{transition : 2s; transform: scale(1.5);width : 100%;height : 100%; object-fit: cover; object-position: center;}
.active .swiper-slide-active .sec-img > img,
.active .swiper-slide-active .sec-img > video{transform: scale(1);}

.main-section-premium .fp-tableCell{position : relative;}
.premium-slide{position : absolute; left : 0; top : 0; width : 100%;height : 100%;}

.premium-line{position : relative; flex-shrink : 0; width : 1px; height : 100%; background: #CECECE;}
.premium-line p{position : absolute; left : -165px; bottom : 188px; margin-left : 8px; transform: rotate(90deg); white-space: nowrap; font-size: 16px; line-height: 25px; letter-spacing: -0.04em; color: #212121;}
.premium-line p b{font-size: 20px; font-family: jost; font-weight: normal; color : #272727; margin-right: 13px;}

.premium-slide-01{display: flex; align-items: end; background: #F7F7F7;}

.premium-slide-01 .premium-left{display: flex; flex-direction: column; width : 59.5%;}
.premium-slide-01 .premium-left .sec-tit{padding-left: 80px; margin-bottom: 23px; opacity: 0; transform: translateX(-100px);}
.active .swiper-slide-active.premium-slide-01 .premium-left .sec-tit{opacity: 1; transform: translateX(0); transition : 1s .4s;}
.premium-slide-01 .premium-left .sec-img{width : 100%;}

.premium-slide-01 .premium-right{display: flex;justify-content: flex-end; align-items: flex-end; flex : 1; height : 100%; padding : 0 157px 105px 0;}
.premium-tit-box{display: grid; grid-template-columns: 38px 38px auto; grid-template-rows: auto auto; row-gap: 84px;}
.premium-tit-01{grid-column: 2; grid-row: 1;}
.premium-tit-left{display: flex; flex-direction: column; align-items: center; grid-column: 1; grid-row: 1 / 3;}
.premium-tit{writing-mode: vertical-rl; font-family: KPB; font-size: 26px; line-height: 32px; font-weight: 400; white-space: nowrap;     letter-spacing: -0.1em;}
.premium-tit .line{width : auto !important;}
.premium-tit .char{opacity: 0; transition: opacity 1s;}
.active .swiper-slide-active .premium-tit .char{opacity: 1; transition: opacity 1s calc(var(--i) * 0.07s + 0.4s);}

.premium-tit-line{flex : 1; width : 1px; margin-top: 20px; background: #C9C9C9; clip-path: inset(0 0 100%); transition :1s}
.active .swiper-slide-active .premium-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

.premium-tit-desc{grid-column: 2 / 4; grid-row: 2; align-self: end; margin-left: 32px; font-family: PT; font-size: 16px; letter-spacing: -0.04em; color : #555555; line-height: 25px;}

.premium-tit-desc .line{transform: translateX(100px);opacity: 0; transition :1s;}
.active .swiper-slide-active .premium-tit-desc .line{opacity: 1; transform: translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

.premium-slide-02{display: flex; justify-content: space-between; background: #fff;}

.premium-slide-02 .premium-left{display: flex; flex-direction: column; align-items: start; justify-content: end; gap : 30px; width : 62.75%; padding-bottom: 40px;}
.premium-slide-02 .premium-left .sec-img{width : calc(100% - 93px);}
.premium-slide-02 .premium-left .premium-desc-box{padding-left: 104px; opacity: 0; transform: translateX(-100px); transition : 1s;}
.active .swiper-slide-active.premium-slide-02 .premium-left .premium-desc-box{opacity: 1; transform: translateX(0); transition : 1s .4s;}

.premium-slide-02 .premium-right{display: flex; flex-direction: column; justify-content: end; gap : 56px; flex : 1; min-width : 0; padding : 0 79px 60px 97px;}
.premium-slide-02 .premium-right .premium-desc-box{opacity: 0; transform: translateX(100px); transition : 1s;}
.active .swiper-slide-active.premium-slide-02 .premium-right .premium-desc-box{opacity: 1; transform: translateX(0); transition : 1s .4s;}
.premium-slide-02 .premium-right .sec-img{width : 100%;}

.premium-slide-03{display: flex; justify-content: space-between; background: #fff;}

.premium-slide-03 .premium-left{display: flex; flex-direction: column; justify-content: flex-end; gap : 93px; width : 47.865%; padding-bottom: 139px; padding-right: 101px;}
.premium-slide-03 .premium-item{display: flex; align-items: end; padding-left: 80px;}
.premium-slide-03 .premium-item-01{gap : 62px;}
.premium-slide-03 .premium-item-01 .premium-desc-box{flex : 1;}
.premium-slide-03 .premium-item-02 .premium-desc-box{flex-shrink: 0; margin-right: 24px;}

.premium-slide-03 .premium-item-01{--b: 0s;}
.premium-slide-03 .premium-item-02{--b: .3s;}
.premium-slide-03 .premium-right .premium-top{--b: .6s;}

.premium-slide-03 .sec-con-tit{opacity: 0; transition : 1s;}
.active .swiper-slide-active.premium-slide-03 .sec-con-tit{opacity: 1; transition : 1s calc(.4s + var(--b));}

.premium-slide-03 .sec-con-desc .line{opacity: 0; transform: translateX(-100px); transition : 1s;}
.active .swiper-slide-active.premium-slide-03 .sec-con-desc .line{opacity: 1; transform: translateX(0px); transition : 1s calc(var(--i) * 0.1s + 0.4s + var(--b, 0s));}

.premium-slide-03 .premium-right{display: flex; flex-direction: column; justify-content: flex-end; flex : 1; min-width : 0;}
.premium-slide-03 .premium-right .premium-top{display: flex; justify-content: space-between; align-items: start; gap : 40px; padding : 0 51px 0 80px;}
.premium-slide-03 .premium-right .premium-top .sec-con-tit{margin-bottom: 0; white-space: nowrap;}
.premium-slide-03 .premium-right .sec-img{min-height : 0; margin : 50px 0 0 78px;}


@media(max-width : 1200px){
    /* premium */

    .sec-tit{font-size: 24px;}
    .sec-desc{font-size: 14px;}
    .sec-con-tit{font-family: brown, PT; font-size: 22px; letter-spacing: -0.033em; font-weight: 500; color : #2B2B2B; margin-bottom: 16px; transition : 1s;}
    .sec-con-desc{font-size: 14px; letter-spacing: -0.033em; color : #2B2B2B; font-weight: 300; line-height: 1.5em;}
    .sec-con-desc2{font-size: 14px; letter-spacing: -0.033em; color : #2B2B2B; font-weight: 300; line-height: 1.5em; padding-left: 24px; position : relative;}
    .sec-con-desc2::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; background: #B2B2B2; clip-path: inset(0 0 100%); transition : 1s}
    .active .swiper-slide-active .sec-con-desc2::after,
    .aos-animate .sec-con-desc2::after{clip-path: inset(0); transition-delay: 0.4s;}

    .sec-img{overflow: hidden;}
    .sec-img > img,
    .sec-img > video{transition : 2s; transform: scale(1.5);width : 100%;height : 100%; object-fit: cover; object-position: center;}
    .active .swiper-slide-active .sec-img > img,
    .active .swiper-slide-active .sec-img > video{transform: scale(1);}


    .premium-slide{position : relative; width : 100%;height : auto;}
    .premium-slide .swiper-wrapper{display: block; height : auto;}
    .premium-slide .swiper-slide{height : auto;}

    .premium-slide-01{display: block; padding-top: 60px;}

    .premium-slide-01 .premium-left{width : 100%;}
    .premium-slide-01 .premium-left .sec-img{width : 100%; height : auto;}

    .premium-slide-01 .premium-right{display: flex;justify-content: center; align-items: center; flex : 1; height : 100%; padding : 60px 20px;}

    .premium-tit-box{display: block; height : auto; position : relative; transform: translateX(0); padding : 0; width : 100%;}
    .premium-tit{writing-mode:horizontal-tb; font-size: 18px; letter-spacing: 0em; margin-bottom: 24px;}
    .premium-tit .line{width : auto !important;}

    .premium-tit-line{display: block; width : 100%; height : 1px; clip-path: inset(0 100% 0 0); transition :1s; margin-bottom: 24px;}
    .active .premium-tit-line{clip-path: inset(0); transition : 1.5s .4s;}

    .premium-tit-desc{font-size: 14px; margin-left: 0;}
    .premium-tit-left{display: block;}
    .premium-tit-01{margin-bottom: 6px;}
    .premium-tit-line{margin-top: 0;}
    .active .premium-tit-desc .line{opacity: 1; transform: translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

    .premium-slide-02{display: block;}

    .premium-line{display: none;}

    .premium-slide-02 .premium-left{display: flex;flex-direction: column;align-items: stretch; justify-content: start; gap : 18px; width : 100%; padding-bottom: 0;}
    .premium-slide-02 .premium-left .sec-img{width : 100%; height : auto; aspect-ratio: 16 / 10;}
    .premium-slide-02 .premium-left .premium-desc-box{padding : 12px 20px 30px; opacity: 0; transform: translateX(-100px); transition : 1s;}
    .aos-animate.premium-slide-02 .premium-left .premium-desc-box{opacity: 1; transform: translateX(0); transition : 1s .4s;}

    .premium-slide-02 .premium-right{display: flex;flex-direction: column; justify-content: start; gap : 18px; width : 100%; padding : 30px 0 60px;}
    .premium-slide-02 .premium-right .premium-desc-box{opacity: 0; transform: translateX(100px); transition : 1s; padding : 0 20px 12px;}
    .aos-animate.premium-slide-02 .premium-right .premium-desc-box{opacity: 1; transform: translateX(0px);transition : 1s .4s;}
    .premium-slide-02 .premium-right .sec-img{width : 100%; height : auto; aspect-ratio: 16 / 10;}

    .premium-slide-03{display: block; padding-bottom: 80px;}

    .premium-slide-03 .premium-left{display: flex;flex-direction: column; justify-content: start; gap : 40px; width : 100%;}
    .premium-slide-03 .premium-item{display: flex; flex-direction: column; align-items: stretch; gap : 18px; padding : 0;}
    .premium-slide-03 .premium-item .sec-img{flex : none; width : 100%; aspect-ratio: 16 / 10;}
    .premium-slide-03 .premium-item .premium-desc-box{flex : none; width : 100%; margin : 0; padding : 0 20px;}
    .premium-slide-03 .premium-item-02 .premium-desc-box{order : 2;}

    .premium-slide-03 .sec-con-tit{opacity: 0; transition : 1s;}
    .aos-animate.premium-slide-03 .sec-con-tit{opacity: 1; transition : 1s .4s;}

    .premium-slide-03 .sec-con-desc .line{opacity: 0; transform: translateX(-100px); transition : 1s;}
    .aos-animate.premium-slide-03 .sec-con-desc .line{opacity: 1; transform: translateX(0px); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

    .premium-slide-03 .premium-right{display: block; padding-top: 40px;}
    .premium-slide-03 .premium-right .premium-top{display: flex; flex-direction: column; gap : 12px; padding : 0 20px;}
    .premium-slide-03 .premium-right .premium-top .sec-con-tit{margin-bottom: 0;}
    .premium-slide-03 .premium-right .sec-img{width : 100%; margin : 24px 0 0; aspect-ratio: 16 / 10;}

    .active .premium-slide-01 .sec-img > img,
    .active .premium-slide-01 .sec-img > video,
    .aos-animate .sec-img > img,
    .aos-animate .sec-img > video{transform: scale(1);}
    .premium-slide-01 .premium-left .sec-tit{padding : 0 20px; margin-bottom: 20px; opacity: 1; transform: translateX(0);}
}

/* MAP */
.map-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%; background: #F7F8F8;
    img{width : 100%;height : 100%; object-fit: cover; object-position: right bottom; transform: translateX(50%); opacity: 0; transition : 0s 1.2s;}
}
.map-tit-box{display: flex;flex-direction: column; align-items: start; position : relative; padding-left: 131px; transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.map-tit{font-family: futura-pt; font-weight: 400; color : #000; font-size: 83px; margin-bottom: 23px; position : relative;
    &::after{position : absolute; content : ''; width : 67px; height : 1px; background: #000; left : 100%; top : 36px; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
    b{font-family: futura-pt-bold; color : #00486E}
    .char{opacity: 0; transition : 0s 1.2s;}
}
.map-desc{font-size: 20px; letter-spacing: -0.04em; color : #212121; font-weight: 300; margin-bottom: 56px;
    b{font-weight: 700;}
}
.map-btn{display: flex; flex-direction: column;align-items: center;justify-content: center; width : 82px; height : 82px; border-radius: 50%; background: #00486E; color : #fff; font-size: 14px; font-weight:   600; letter-spacing: -0.04em; text-align: center; line-height: 1.25em;
    .plus{display: flex;align-items: center;justify-content: center; width : 15px; height : 15px; position :relative; margin-top: 5px; transition : .5s;
        &::after{position : absolute; content : ''; width : 100%; height : 1px; background: #fff;}
        &::before{position : absolute; content : ''; width : 1px; height : 100%; background: #fff;}
    }
    &:hover{
        .plus{transform: rotate(180deg);}
    }
}

.active{
    .map-bg > img{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .map-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .map-tit{
        &::after{clip-path: inset(0); transition : 1s 1.6s;}
        .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + 0.4s)}
    }
}

/* LOCATION */
.location-slide{width : 100%;height : 100%;
    & > .swiper-wrapper > .swiper-slide{overflow: hidden;}
}

.location-slide-01{display: flex;justify-content: center;}
.location-video{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden;
    video{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.2s;}
}
.location-tit-box{position :relative; letter-spacing: -0.04em; padding-top: 200px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.location-desc{font-size: 17px; font-weight: 500;margin-bottom: 15px;}
.location-tit{font-family: NM; font-size: 35px; font-weight: 700; color : #224F70;
    .char{opacity: 0; transition : 0s 1.2s;}
}

.active{
    .location-video > video{transform: scale(1); transition : 5s;}
    .location-tit-box{transform: translateY(0); opacity: 1; transition : 2s .4s;}
    .location-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + 0.4s)}
}

/* COMPLEX */
.complex-tit-box{display: flex; flex-direction: row-reverse; align-items: stretch; height : 551px;}
.complex-tit-right{display: flex; flex-direction: column; align-items: flex-start; flex : none;}
.complex-cols{display: flex; flex-direction: row-reverse; justify-content: flex-end;}
.complex-tit-left{display: flex; flex-direction: column; align-items: center; flex : none; width : 37px;}
.complex-tit{writing-mode: vertical-rl; flex : none; margin : 0; padding : 0; font-family: KPB; font-size: 26px; line-height: 32px; font-weight: 400; white-space: nowrap; letter-spacing : -0.1em}
.complex-tit .line{width : auto !important;}
.complex-tit .char{opacity: 0; transition: opacity 1s;}
.complex-tit-line{flex : 1; width : 1px; margin : 20px 0 0; background: #C9C9C9; clip-path: inset(0 0 100%); transition : 1s;}
.complex-desc{margin : auto 0 0 2px; font-family: PT; font-size: 16px; letter-spacing: -0.04em; line-height: 25px; color : #555;
    .line{transform: translateX(100px); opacity: 0; transition : 1s;}
}

.complex-sub-tit{font-family: athena; font-weight: 400; line-height: 1; opacity: 0; transform: translateX(-100px); transition : 1s;}

.complex-slide{position : relative; width : 100%; height :100%; z-index: 10; background: #fff;}
.complex-slide .swiper-slide{position : relative; overflow: hidden;}

.complex-container{position : absolute; left : 0;top : 0; width : 100%; height : 100%; z-index: 1;}
.complex-con-tit{font-family: KPB; font-size: 28px; letter-spacing: -0.04em; font-weight: 500; color : #2B2B2B; transition : 1s;}
.complex-con-desc{font-size: 16px; letter-spacing: -0.04em; color : #2B2B2B; font-weight: 300; line-height: 25px;}

.complex-img{position : relative; overflow: hidden;}
.complex-img > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 2s;}

.complex-slide-01 .complex-bg{position : absolute; left : 0; top : 0; width : 100%; height : 100%; overflow: hidden;}
.complex-slide-01 .complex-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 2s;}
.complex-slide-01 .complex-sub-tit{position : absolute; left : 70px; bottom : 31px; font-size: 83px; line-height: 87px; color : #fff;}
.complex-slide-01 .complex-tit-box{position : absolute; right : 159px; bottom : 74px; color : #fff;}
.complex-slide-01 .complex-tit-line{background: rgba(255,255,255,0.7);}
.complex-slide-01 .complex-desc{color : #fff;}

.complex-slide-02{background: #EFEDE8;}
.complex-slide-02 .complex-sub-tit{position : absolute; right : 103px; top : 210px; font-size: 43px; line-height: 45px; color : #84694E; transform: translateX(100px);}
.complex-slide-02 .complex-main-img{position : absolute; right : 0; bottom : 0; width : 70.3%;}
.complex-slide-02 .complex-tit-box{position : absolute; left : 205px; bottom : 74px; color : #212121;}

.complex-slide-03,
.complex-slide-04{background: #fff;}
.complex-slide-03::before,
.complex-slide-04::before{position : absolute; content : ''; background: #EFEDE8;}
.complex-slide-03::before{left : 52%; right : 0; top : 0; bottom : 0;}
.complex-slide-04::before{left : 43.2%; right : 0; top : 45.7%; bottom : 0;}

.complex-line{position : absolute; top : 0; bottom : 20px; width : 1px; background: #D5D3CE; z-index: 2;}
.complex-slide-03 .complex-line{left : 52%;}
.complex-slide-04 .complex-line{left : 43.2%;}
.complex-line p{position : absolute; left : 40px; top : calc(100% - 10px); transform-origin: 0 0; transform: rotate(90deg) translateX(-100%); white-space: nowrap; font-size: 16px; line-height: 25px; letter-spacing: -0.04em; color : #212121; opacity: 0; transition : 1s;}
.complex-line p b{font-size: 20px; font-family: jost; font-weight: normal; color : #272727; margin-right: 13px;}

.complex-item{position : absolute; z-index: 1;}
.complex-item-01{--b: 0s;}
.complex-item-02{--b: .3s;}
.complex-item .complex-con-tit{margin-bottom: 22px; opacity: 0; transition : 1s;
    span{display: inline-block; margin-right: 8px; font-size: 20px; line-height: 25px; font-weight: 300; font-family : Asta Sans}
}
.complex-item .complex-con-desc{white-space: nowrap;}
.complex-item .complex-con-desc .line{opacity: 0; transform: translateX(-100px); transition : 1s;}
.complex-item .complex-img{width : 100%;}
.complex-item-a .complex-row{display: grid; grid-template-columns: 1fr 1fr; margin-top: 36px;}
.complex-item-a .complex-con-tit{margin-bottom: 0;padding-top: 4px;}
.complex-item-b .complex-img{margin-top: 56px;}

.complex-slide-03 .complex-item-01{left : 77px; top : 50%; margin-top : -288px; width : 43.65vw;}
.complex-slide-03 .complex-item-02{left : calc(52% + 152px); bottom : 104px; width : 31.67vw;}
.complex-slide-04 .complex-item-01{left : 107px; bottom : 104px; width : 31.67vw;}
.complex-slide-04 .complex-item-02{left : calc(43.2% + 127px); top : 50%; margin-top : -281px; width : 43.65vw;}

/* motion */
.active .location-slide-02.swiper-slide-active .complex-slide .swiper-slide-active{
    .complex-sub-tit{opacity: 1; transform: translateX(0); transition : 1s .4s;}
    .complex-tit .char{opacity: 1; transition : opacity 1s calc(var(--i) * 0.07s + 0.4s);}
    .complex-tit-line{clip-path: inset(0); transition : 1.5s .4s;}
    .complex-desc .line{opacity: 1; transform: translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}
    .complex-bg > img,
    .complex-main-img > img,
    .complex-img > img{transform: scale(1); transition : 2s;}
    .complex-line p{opacity: 1; transition : 1s .4s;}
    .complex-item .complex-con-tit{opacity: 1; transition : 1s calc(.4s + var(--b));}
    .complex-item .complex-con-desc .line{opacity: 1; transform: translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s + var(--b, 0s));}
}

@media(max-width : 1200px){
    .location-slide-01{min-height: 100vh;}
        .location-slide-01 .complex-tit-box{right : 20px; bottom : 100px;}

    .complex-tit-box{height : auto;}
    .complex-tit{font-size: 18px; line-height: 28px; width : 28px;}
    .complex-tit-left{width : 28px;}
    .complex-desc{font-size: 14px;}

    .complex-slide{height : auto;}
    .complex-slide .swiper-wrapper{display: block; height : auto;}
    .complex-slide .swiper-slide{height : auto;}
    .complex-slide-02,
    .complex-slide-03,
    .complex-slide-04{display: flex; flex-direction: column; gap : 28px; padding : 60px 20px;}
    .complex-slide-03::before,
    .complex-slide-04::before,
    .complex-line{display: none;}
    .complex-slide-01{min-height: 100vh;}
    .complex-slide-01 .complex-sub-tit{left : 20px; bottom : 30px; font-size: 36px;}
    .complex-slide-01 .complex-tit-box{right : 20px; bottom : 100px;}
    .complex-slide-02 .complex-sub-tit{position : static; order : 0; font-size: 26px;}
    .complex-slide-02 .complex-main-img{position : static; order : 1; width : 100%; height : auto; aspect-ratio: 16 / 10;}
    .complex-slide-02 .complex-tit-box{position : static; order : 2;}
    .complex-item{position : static; width : 100% !important; margin : 0 !important;}
    .complex-item-a .complex-row{display: block; margin-top: 16px;}
    .complex-item-a .complex-img,
    .complex-item-b .complex-img{aspect-ratio: 16 / 10; margin-top: 16px;}
    .complex-item-b{display: flex; flex-direction: column;}
    .complex-item-b .complex-img{order: 2;}
    .complex-item .complex-con-desc{font-size: 14px;}
}

/* benefit */
.benefit-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;}
    video{width : 100%;height : 100%; object-fit: cover; object-position: center;}
}

.benefit-inner{display: flex;justify-content: center; align-items : end; gap: 89px; position : relative;}
.benefit-tit-box{ color : #fff; transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.benefit-tit{font-family: trajan-pro-3;  font-size: 34px; font-weight: 600; letter-spacing: 0.25em; margin-bottom: 10px;
    .char{opacity: 0; transition : 0s 1.2s;}
}
.benefit-sub-tit{font-family: NM; font-size: 28px; letter-spacing: -0.04em; font-weight: 700; margin-bottom: 76px;}
.benefit-desc{font-size: 17px; letter-spacing: -0.04em; line-height: 1.4em;
    b{display: block;margin-top: 17px; color : #437BA5; font-size: 22px;}
}

.benefit-list{display: flex;gap : 17px;}
.benefit-list > li{display: flex;flex-direction: column;align-items: start; background: #fff; padding : 39px 42px 155px 42px; width : 409px; height : 483px; box-shadow: 0 10px 10px rgba(0,0,0,0.16); position : relative; letter-spacing: -0.04em; opacity: 0; transition : 0s 1.2s;
    &:nth-child(1){transform: translateX(-100px) translateY(-100px);}
    &:nth-child(2){transform: translateX(100px) translateY(100px);}
}
.benefit-icon{position : absolute; left : 42px; bottom : 39px; z-index: 10;}
.benefit-list-tit{font-size: 24px; font-weight: 500; color :#224F70; line-height: 1.4em;
    b{font-size: 34px; font-weight: 700;}
}

.benefit-list-desc{margin-top: auto; margin-left: auto; line-height: 1.4em; color : #363636; font-size: 17px; font-weight: 500; padding-top: 42px; position : relative;
    &::after{position :absolute; content : ''; width : 43px; height : 2px; background: #224F70; left : 0; top : 0; clip-path: inset(0 100% 0 0); transition: 0s 1.2s;}
    .line{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
}
.active{
    .benefit-tit-box{transform: translateX(0px); opacity: 1; transition : 2s .4s;}
    .benefit-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.1s + 0.4s)}
    .benefit-list > li{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .benefit-list-desc{
        &::after{clip-path: inset(0); transition : 1s 1s;}
        .line{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.1s + 1s)}
    } 
}   

/* BRAND */
.main-brand{background: #F3F3F3;}
.main-brand .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.brand-inner{display: flex; align-items: center; justify-content: center; align-items: end; width : 100%; gap : 260px; padding-top: 60px;}

.brand-tit-box{transform: translateX(-160px); opacity: 0; transition : 0s 1.2s; letter-spacing: -0.04em; margin-bottom: 79px;}
.brand-sub-tit{font-size: 17px;font-weight: 400; margin-bottom: 33px;}
.brand-tit{font-size: 28px; font-weight: 800; color : #1C4E70; line-height: 1.4em; margin-bottom: 44px;
    .char{opacity: 0; transition : 0s 1.2s;}
}
.brand-desc{padding-top: 44px; position : relative; font-size: 20px; line-height: 1.5em; font-weight: 400; margin-bottom: 55px;
    .line{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
    &::after{position : absolute; content : ''; width : 319px; height : 1px; background: #BEBEBE; left : 0; top : 0; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
    b{font-weight: 800;}
}
.brand-logo{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}

.brand-right{}
/* .brand-img-top{display: flex; justify-content: space-between; margin-bottom: 25px;} */
.brand-img-box-01{display: flex; gap : 9px;}
.brand-img-box-02{display: flex; flex-direction: column; gap :16px;}

.brand-img{display: flex;flex-direction: column; align-items: start; opacity: 0; transition : 0s 1.2s;}
.brand-img-inner{overflow: hidden;
    img{transform: scale(1.5); transition : 0s 1.2s;}
}
.img-name{display: flex;align-items: center; margin : 13px 0; height : 16px; position : relative; padding: 0 8px;
    &::after{position : absolute; content : ''; width : 1px; height : 100%; left : 0; top : 0; background: #707070; clip-path: inset(50% 0); transition : 0s 1.2s;}
    &::before{position : absolute; content : ''; width : 1px; height : 100%; left : 0; top : 0; background: #707070; clip-path: inset(50% 0); transition : 0s 1.2s;}
    span{font-size: 14px; letter-spacing: -0.04em; color : #707070; transform: translateY(100%); opacity: 0; transition : 0s 1.2s}
}

.active{
    .brand-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .brand-img-inner > img{transform: scale(1); transition : 4s;}
    .brand-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.1s + 0.4s)}
    .brand-desc{
        &::after{clip-path: inset(0); transition :1.2s 1s;}
        .line{transform: translateY(0); opacity: 1; transition : 2s calc(var(--i) * 0.1s + 1s)}
    }
    .brand-logo{transform: translateY(0); opacity: 1; transition : 2s 1.4s;}
    .brand-img{opacity: 1; transition : 1s calc(var(--i) * 0.2s + 0.4s)}
    .img-name{
        &::after{clip-path: inset(0); transition : clip-path 1s 1s, transform 1s 1.4s, left 1s 1.4s;}
        &::before{clip-path: inset(0); left : 100%; transform: translateX(-100%); transition : clip-path 1s 1s, transform 1s 1.4s, left 1s 1.4s;}
        span{transform: translateY(0); opacity: 1; transition : 1s 2s;}
    }
}

/* contact */
.main-contact{}
.fp-active{
    .contact-bg > img{transform: scale(1);}
    .contact-left{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
    .contact-tit-box{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
    .contact-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.1s + 0.4s)}
    .contact-address-01{transform: translateY(0); opacity: 1; transition : 1.4s .5s;}
    .contact-address-02{transform: translateY(0); opacity: 1; transition : 1.4s .6s;}
    .contact-footer > p{transform: translateY(0); opacity: 1; transition : 1.4s .7s;}
    .contact-tel{transform: translateY(0); opacity: 1; transition : 1.4s .8s;}
}

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

.contact-inner{display: flex; justify-content: center;align-items: center; gap : 126px; padding-top: 100px;}
.contact-left{transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.contact-tit-box{margin-bottom: 86px; color : #fff; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.contact-tit{font-family: futura-pt-bold; font-size: 68px; margin-bottom: 12px; color : #00486E; font-weight : 700;
    .char{opacity: 0; transition : 0s 1.2s;}
}
.contact-desc{font-size: 22px; letter-spacing: -0.04em; font-weight: 500; color : rgba(0,0,0,0.7);}

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


.contact-btn-box{display: flex;; gap : 7px;}
.contact-footer{margin-top: 69px;}
.contact-footer > p{color : rgba(0,0,0,0.7); 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 : #000; font-weight: 500; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}

/* NEW */
.main-map-new{background: url(/assets/images/main/map-new-bg-01.jpg)no-repeat center / cover;
    &::after{position :absolute; content : ''; width : 100%; height : 50%; background: url(/assets/images/main/map-new-bg-02.jpg)no-repeat center / cover; left : 0; bottom : 0; transform: translateY(100%); transition : 0s 1.2s;}
}
.map-new-inner{display: flex;justify-content: center; align-items: end; gap : 78px; position : relative; z-index: 1;}

.map-new-left{transform: translateX(-160px); opacity: 0; transition : 0s 1.2s;}
.map-new-right{transform: translateX(160px); opacity: 0; transition : 0s 1.2s;}

.map-new-tit{margin-bottom: 32px;}
.map-new-desc{font-size: 23px; font-weight: 400; line-height: 1.5em; margin-bottom: 157px; letter-spacing: -0.04em;
    b{font-weight: 700;}
    .char{opacity: 0; transition : 0s 1.2s;}
}
.map-new-logo{margin-bottom: 124px; transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.map-new-btn-box{display: flex; gap : 43px; opacity: 0; transform: translateY(100px); transition : 0s 1.2s;
    a{display: flex; align-items: center; padding-bottom: 11px; position :relative; color : #fff; font-size: 21px; font-weight: 400; letter-spacing: -0.04em;
        &::before{position: absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : 0; background: rgba(255,255,255,0.43);}
        &::after{position: absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : 0; background: #fff; clip-path: inset(0 100% 0 0); transition : .5s;}
        &:hover{
            &::after{clip-path: inset(0);}
        }
        .plus{width : 26px; height : 26px; display: flex;align-items: center;justify-content: center;background: #fff; border-radius: 50%; margin-left: 64px; transition :.5s;
            &::after{position : absolute; content : ''; width : 1px; height : 13px; background: #00486E;}
            &::before{position : absolute; content : ''; width : 13px; height : 1px; background: #00486E;}
        }
        &:nth-child(1):hover{
            .plus{transform: rotate(180deg);}
        }
        &:nth-child(2){
            .plus{padding-right: 2%;
                &::after{position : absolute; content : ''; width : 8px; height : 8px; border-top : 1px solid #00486E; border-right : 1px solid #00486E; background: none; transform: rotate(45deg);}
                &::before{display: none;}
            }   
        }
    }
}

.main-map-new.active{
    &::after{transform: translateY(0); transition : 2s 1.4s;}
    .map-new-left{transform: translateX(0); opacity: 1; transition : 2s .4s;
        .map-new-desc .char{opacity: 1; transition : 1s calc(var(--i) * 0.075s + 0.4s)}
    }
    .map-new-right{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .map-new-logo{transform: translateY(0); opacity: 1; transition : 1.2s 1.8s;}
    .map-new-btn-box{transform: translateY(0); opacity: 1; transition : 1.2s 2.2s;}
}

/*  */
.main-visual-new{}
.visual-new-logo{position :absolute; width : 100%; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); opacity: 0;}
.visual-new-tit-01{display: flex;justify-content: center; position : absolute; font-family: KPB; font-weight: 300; color : #212121; gap : 16px; align-items: center; left : 50%; transform: translateX(-50%);
    b{font-weight: 700;}
    .visual-new-tit-line{background: rgba(0,0,0,0.18); width : 158px; height : 1px; clip-path: inset(0 50%); transform: translateX(50px);}
    .char{opacity: 0; transform: translateX(50px);}
}
.visual-new-container{display: flex;align-items: center;justify-content: center; position :absolute; width : 100%; height : 100%; left : 0;top : 0;}
.visual-new-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden; clip-path: inset(calc(50% - 218px) calc(50% - 16px)); clip-path: inset(50% calc(50% - 16px));
    .visual-new-bg-img{width : 100%; height : 100%; object-fit: cover; object-position: 50% 0%;}
    .cloud{position : absolute;
        &.cloud-top{right : 0; top : 0; transform: scale(1.2)}
        &.cloud-bottom{right : 0; bottom : 0; transform: scale(1.5)}
    }
}

.visual-tit-box{display: flex;flex-direction: column;align-items: center; letter-spacing: -0.04em; position : absolute; left : 50%; padding : 0 240px;}
.visual-sub-tit{font-size: 39px; font-weight: 300; margin-bottom: 32px; transform: translateY(100px); opacity: 0; text-align :center; line-height : 1.4em;
    b{font-weight: 700;}
}
.visual-tit{font-weight: 300; font-size: 61px; margin-bottom: 32px; transform: translateY(100px); opacity: 0;
    b{font-weight: 800; color : #1D4E70;
		span{position : relative;
			&::after{position : absolute; content : ''; left : 50%; bottom :100%; transform : translateX(-50%); width : 8px; height : 8px; border-radius : 50%; background: #1C4E70;}
		}
	}
}
.visual-line{width : 1px; height : 69px; background: #707070; margin-bottom: 44px; clip-path: inset(0 0 100%); transform: translateY(100px);}

.visual-logo{transform: translateY(100px); opacity: 0;}

.main-visual-new.t1{
    .visual-new-logo{opacity: 1; transition : 1.2s;}
    .visual-new-tit-01 .char{opacity: 1; transition : 1.4s calc(var(--i) * 0.075s); transform: translateX(0);}
    .visual-new-tit-line{clip-path: inset(0); transition : 1.4s; transform: translateX(0);}
}
.main-visual-new.t2{
    .visual-new-bg{clip-path: inset(calc(50% - 218px) calc(50% - 16px)); transition : 1.4s;}
}
.main-visual-new.t3{
    .visual-new-bg{clip-path: inset(0); transition :2s;
        .cloud{transform: scale(1);
            &.cloud-top{transition : 5s;}
            &.cloud-bottom{transition : 3s;}
        }
    }
}
.main-visual-new.t4{
    .visual-new-bg{clip-path: inset(0); transition :2s;
    .visual-new-bg-img{object-position: 50% 100%; transition : 3s;}
        .cloud{transform: scale(1);
            &.cloud-top{transform: translateX(100%) translateY(-50%) scale(1.5); transition : 5s; opacity: 0;}
            &.cloud-bottom{transform: translateX(-100%) translateY(50%) scale(1.5); transition : 5s; opacity: 0;}
        }
    }
    .visual-new-tit-01{transform: translateX(0); transition : 3s;}
}
.main-visual-new.t5{
    .visual-new-tit-01{opacity: 0; transition : 1s;}
}

.main-visual-new.t6{
    .visual-sub-tit{transform: translateY(0); opacity: 1; transition : 1.2s 0s;}
    .visual-tit{transform: translateY(0); opacity: 1; transition : 1.2s .2s;}
    .visual-line{transform: translateY(0); clip-path: inset(0); transition : 1.2s .6s;}
    .visual-logo{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
    .open-rotate-btn{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
	.imom-banner{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
}

.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; font-family: jost; background: rgba(0,0,0,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(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);}
}

/* brand */
.main-brand-new{}
.brand-new-inner{display: grid;grid-template-columns: repeat(2,1fr); width : 100%; height : 100%;
    &>div{position : relative;}
}
.brand-new-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;overflow : hidden;
    img{width : 100%; height : 100%; object-position: center; object-fit: cover; transform: scale(1.25); transition :0s 1.2s;
        &.brand-apt{height : auto; position :absolute; left : 0; bottom : 0; transform: translateY(100%); transition : 0s 1.2s;}
    }
    video{width : 100%; height : 100%; object-position: center; object-fit: cover;}
}

.brand-new-tit-box{display: flex;flex-direction: column; align-items: center; text-align: center; position : relative; padding-top: 136px;}
.brand-new-tit{font-family: Arsenal; font-size: 55px; font-weight: 700; color : #1C4E70; margin-bottom: 28px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
    .char{opacity: 0; transition : 0s 1.2s;}
}
.brand-new-tit-line{width : 1px; height : 59px; background: rgba(0,0,0,0.31); margin-bottom: 31px; clip-path: inset(0 0 100%); transform: translateY(50px); transition : 0s 1.2s;}
.brand-new-desc-01{font-size: 16px; letter-spacing: -0.04em; line-height: 1.5em; margin-bottom: 28px;
    .line{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
}
.brand-new-desc-02{font-size: 22px; letter-spacing: -0.04em; line-height: 1.4em; 
    .line{transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
}

.brand-new-right{display: flex;flex-direction: column;align-items: center;justify-content: center; overflow: hidden; padding-top: 60px;}
.brand-new-right-inner{display: flex;flex-direction: column; align-items: center;justify-content: center; position : relative; text-align: center; width : 100%;}

.brand-slide{position : relative; padding-bottom: 16px; width : 474px; margin-bottom: 30px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s; clip-path: inset(0 -2000px);
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: #BCBCBC; left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
}
.brand-slide-tit-box{display: flex;flex-direction: column;align-items: center; letter-spacing: -0.04em; margin-bottom: 36px;}
.brand-slide-tit{font-size: 41px; font-weight: 800; color : #1C4E70; margin-bottom: 16px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
    .char{opacity: 0; transition : 0s 1.2s;}
}
.brand-slide-desc{font-size: 22px; font-weight: 500; margin-bottom: 25px; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.brand-slide-logo{transform: translateY(50px); opacity: 0; transition : 1.2s;}

.brand-slide-img{box-shadow: 0 3px 6px rgba(0,0,0,0.2); border-radius: 20px; margin-bottom: 70px; height : 302px;}
.brand-slide-img-inner{border-radius: 20px; overflow: hidden;
    img{width : 100%; height : 100%; transform: scale(1.5); transition : 3s;}
}
.brand-slide-con{display: flex; justify-content: space-between; align-items: center; }
.brand-slide-con-logo{transform: translateY(50px); opacity: 0; transition : 1.2s;}
.brand-slide-con-desc{transform: translateY(50px); opacity: 0; transition : 1.2s; font-size: 18px; letter-spacing: -0.04em; font-weight: 500;}
.brand-navigation{display: flex; font-family: montserrat; gap : 32px; font-size: 12px; font-weight: 600; letter-spacing: 0.25em; color : #272727; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;
    div{cursor : pointer;
        img{transition : .5s;}
    }
    .brand-prev{display: flex; flex-direction : column; align-items: end; gap : 6px;
        img{transform: rotate(180deg);}
        &:hover img{transform: rotate(180deg) translateX(10px);}
    }
    .brand-next{display: flex; flex-direction : column; align-items: start; gap : 6px;
        &:hover img{transform: translateX(10px);}
    }
    .swiper-button-disabled{opacity: 0.5; pointer-events : none;}
}

.main-brand-new.active{
    .brand-new-bg > img{transform: scale(1); transition : 3s;}
    .brand-new-tit{transform: translateY(0); opacity: 1; transition : 1.2s .4s;
        .char{opacity: 1; transition : 1.2s calc(var(--i) * 0.075s + 0.4s)}
    }
    .brand-new-tit-line{transform: translateY(0); clip-path: inset(0); transition : 1.2s .6s;}
    .brand-new-desc-01 .line{transform: translateY(0); opacity: 1; transition : 1.2s calc(var(--i) * 0.1s + 0.8s)}
    .brand-new-desc-02 .line{transform: translateY(0); opacity: 1; transition : 1.2s calc(var(--i) * 0.1s + 1.2s)}

    .brand-slide-tit{transform: translateY(0); opacity: 1; transition : 1.2s 1.2s;
        .char{opacity: 1; transition : 1.2s calc(var(--i) * 0.075s + 1.2s)}
    }
    .brand-slide-desc{transform: translateY(0); opacity: 1; transition : 1.2s 1.4s;}
    .brand-slide-logo{transform: translateY(0); opacity: 1; transition : 1.2s 1.6s;}
    .brand-slide{transform: translateY(0); opacity: 1; transition : 1.2s 1.8s;
        &::after{clip-path: inset(0); transition : 2s 1.8s;}
    }
    .brand-navigation{transform: translateY(0); opacity: 1; transition : 1.2s 2s;}

    .swiper-slide-active{
        .brand-slide-con-logo{transform: translateY(0); opacity: 1; transition : 1.2s .6s;}
        .brand-slide-con-desc{transform: translateY(0); opacity: 1; transition : 1.2s .8s;}
		.brand-slide-img-inner > img{transform: scale(1); transition : 3s;}
    }
}