.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; z-index : 10;
    &::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{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{display: flex;align-items: center; justify-content: center; opacity: 0;}

.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; z-index : 10}

/* 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-left, .premium-right{position : relative;}

.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: start; align-items: flex-end; flex : 1; height : 100%; padding : 0 157px 105px 157px;}
.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; flex : 1; min-width : 0; padding : 0 80px 60px;}
.premium-slide-02 .premium-right .premium-desc-box{opacity: 0; transform: translateX(100px); transition : 1s; margin-bottom: 56px;}
.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;}

.premium-img-box {position: relative;}
.premium-info{color : #888; font-size : 12px; letter-spacing : -0.06em;}
.premium-slide-01{
	.premium-info{position : absolute; left : 16px; bottom : 16px;}
}

.premium-slide-02{
	.premium-info{margin-bottom: 8px; position: absolute; z-index: 1; bottom: 0; left: 3px; color: #fff;}
}

/* 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;}

.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));}
}

/* 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-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 */
.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;}

.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;}
}

.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 : 55%; }
.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{
	.swiper-slide-active{
		.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;}
    .open-rotate-banner{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);}
}


/* NEW 261027 */
.visual-slide{width : 100%; height : 100%; position : relative;}
.visual-slide .swiper-slide{opacity : 0 !important; transition : 1.4s;
	&.swiper-slide-active{opacity : 1 !important;}
}
.visual-02-tit-box{}

.visual-02-bg{position : absolute; left : 0;top: 0; width : 100%; height : 100%;
	& > img{width : 100%; height : 100%; object-fit : cover; object-position : center;}
}
.visual-02-inner{display : flex; justify-content : end; align-items : center; max-width : 75%; margin : 0 auto; position : relative; height : 100%; padding-top: 100px;}
.visual-02-tit-box{display : flex; flex-direction : column; align-items : center;}
.visual-02-tit{margin-bottom: 64px; transform : translateY(-160px); opacity : 0; transition : 0s 1.2s;}
.visual-02-desc{font-size : 22px; letter-spacing : -0.04em; line-height : 1.4em; font-weight : 300; margin-bottom: 43px; text-align :center; transform : translateY(160px); opacity : 0; transition : 0s 1.2s;
	b{font-weight : 700;}
}	
.visual-02-line{width : 1px; height : 69px; background: #707070; margin-bottom: 43px; transform : translateY(160px); clip-path : inset(0 0 100%); transition : 0s 1.2s;}
.visual-02-logo{transform : translateY(160px); opacity : 0; transition : 0s 1.2s;}
.visual-02-obj{position : absolute; left: 5%;; bottom : 0; transform : translateY(50%); opacity : 0; transition : 0s 1.2s;}

.visual-slide .swiper-slide-active{
	.visual-02-tit{transform : translateY(0); opacity : 1; transition : 2s;}
	.visual-02-desc{transform : translateY(0); opacity : 1; transition : 2s;}
	.visual-02-line{transform : translateY(0); clip-path : inset(0); transition : 1.4s .4s}
	.visual-02-logo{transform : translateY(0); opacity : 1; clip-path : inset(0); transition : 1.4s .8s}
	.visual-02-obj{transform : translateY(0%); opacity : 1; transition : 2.4s}
}

/* brand */
.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;}
    }
}

.open-rotate-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    color: rgb(255, 255, 255);
    font-size: 19px;
    letter-spacing: -0.04em;
    font-weight: 700;
    line-height: 1.25em;
    position: absolute;
    right: 137px;
    bottom: calc(65px + 160px);
    opacity: 0;
    transform: translateX(100px);
    transition: 1.2s;
	z-index : 10
}
.open-rotate-banner:after {
    position: absolute;
    content: "";
    width: 141px;
    height: 141px;
    background: url('/assets/images/main/quick-open-text.png') center center / contain no-repeat;
    animation: 8s linear 0s infinite normal none running rotate-text;
}

.contact-footer > p small{font-size : inherit;}

@media(max-width : 1650px){
	.visual-tit-box {left: 42%;}
}

@media(max-width : 1200px){
	body.fixed{overflow : hidden;}

	.quick-menu{position : fixed; width : 100%; max-width : 750px; left : 50%; bottom : 0; transform : translateX(-50%) translateY(100%); transition : 1.2s; z-index : 10;}
	.quick-menu img{width : 100%;}
	.quick-menu a{position : absolute; display : block; width : 50%; height : 100%; top : 0;}
	.quick-menu .quick-imom{left : 0;}
	.quick-menu .quick-customer{right : 0;}
	.quick-menu.on{transform : translateX(-50%) translateY(0);}

	#fullpage{
		.section{position : relative; overflow : hidden;}
		.imom-banner, .open-rotate-banner, .open-rotate-btn{display : none;}
		.skip-btn{top : auto; left : auto; right : 32px; bottom : 32px; width : 110px; height : 110px; border-radius : 200px; transform : scale(0);}
		.skip-btn.on{transform : scale(1);}
		.skip-btn::after{border-radius : 200px;}

		/* VISUAL */
		.main-visual-new{height : 100vh; min-height : 640px; background : #fff;}
		.visual-new-logo{top : 40%;}
		.visual-new-bg .cloud{width : 100%; height : auto;}
		.visual-new-tit-01{flex-direction : column; gap : 28px; width : 100%; padding : 0 48px; transform : translateX(-50%); font-size : 40px; line-height : 1.4em; letter-spacing : -0.04em; text-align : center;}
		.visual-new-tit-01 .visual-new-tit-line{width : 1px; height : 56px; clip-path : inset(50% 0); transform : translateY(40px);}
		.visual-tit-box{left : 50%; top : 300px; width : 100%; padding : 0 48px; transform : translateX(-50%); text-align : center;}
		.visual-sub-tit{font-size : 36px; margin-bottom : 32px; transform : translateY(120px);}
		.visual-tit{font-size : 60px; margin-bottom : 32px; transform : translateY(120px);}
		.visual-line{height : 64px; margin-bottom : 40px; transform : translateY(120px);}
		.visual-logo{width : 220px; transform : translateY(120px);}

		.main-visual-new.t1 .visual-new-tit-line{clip-path : inset(0); transform : translateY(0);}
		.main-visual-new.t2 .visual-new-bg{clip-path : inset(calc(50% - 300px) calc(50% - 32px));}
		.main-visual-new.t3 .visual-new-bg{clip-path : inset(0);}
		.main-visual-new.t4 .visual-new-bg{clip-path : inset(0);}
		.main-visual-new.t6 .visual-sub-tit,
		.main-visual-new.t6 .visual-tit,
		.main-visual-new.t6 .visual-line,
		.main-visual-new.t6 .visual-logo{transform : translateY(0);}

		/* PREMIUM */
		.sec-tit{font-size : 48px;}
		.sec-con-tit{font-size : 40px; letter-spacing : -0.033em; margin-bottom : 24px; opacity : 0;}
		.sec-con-desc{font-size : 28px; letter-spacing : -0.033em; line-height : 1.5em; white-space : normal; word-break : keep-all;}

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

		.premium-info{font-size : 22px;}

		.premium-tit-box{display : block; position : relative; width : 100%; row-gap : 0;}
		.premium-tit{writing-mode : horizontal-tb; font-size : 36px; line-height : 1.5em; letter-spacing : 0;}
		.premium-tit-01{margin-bottom : 12px;}
		.premium-tit-left{display : block;}
		.premium-tit-line{display : block; width : 100%; height : 1px; margin : 40px 0 48px; clip-path : inset(0 100% 0 0);}
		.premium-tit-desc{margin-left : 0; font-size : 28px; line-height : 1.7em;}
		.premium-tit-desc .line{transform : translateX(120px);}

		.premium-slide-01{display : block; padding-top : 96px;}
		.premium-slide-01 .premium-left{width : 100%;}
		.premium-slide-01 .premium-left .sec-tit{padding : 0 48px; margin-bottom : 40px; opacity : 0; transform : translateX(-120px);}
		.premium-slide-01 .premium-right{display : block; height : auto; padding : 80px 48px 96px;}
		.premium-slide-01 .premium-info{position : static; left : auto; bottom : auto; margin-top : 48px;}

		.premium-slide-01.active .premium-left .sec-tit{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.premium-slide-01.active .sec-img > img{transform : scale(1);}
		.premium-slide-01.active .premium-tit .char{opacity : 1; transition : opacity 1s calc(var(--i) * 0.07s + 0.4s);}
		.premium-slide-01.active .premium-tit-line{clip-path : inset(0); transition : 1.5s .4s;}
		.premium-slide-01.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-slide-02 .sec-img{aspect-ratio : 16 / 10;}
		.premium-slide-02 .premium-left{display : flex; flex-direction : column; align-items : stretch; justify-content : flex-start; gap : 36px; width : 100%; padding-bottom : 0;}
		.premium-slide-02 .premium-left .sec-img{width : 100%;}
		.premium-slide-02 .premium-left .premium-desc-box{padding : 24px 48px 0; opacity : 0; transform : translateX(-120px); transition : 1s;}
		.premium-slide-02 .premium-right{display : flex; flex-direction : column; justify-content : flex-start; gap : 36px; flex : none; min-width : 0; padding : 72px 0 96px;}
		.premium-slide-02 .premium-right .premium-desc-box{padding : 0 48px 12px; margin-bottom : 0; opacity : 0; transform : translateX(120px); transition : 1s;}
		.premium-slide-02 .premium-right .sec-img{width : 100%;}
		.premium-slide-02 .premium-info{position : static; bottom : auto; left : auto; z-index : auto; margin : 40px 0 0; padding : 0 20px; color : #888;}

		.premium-slide-02 .premium-left.active .sec-img > img,
		.premium-slide-02 .premium-right.active .sec-img > img{transform : scale(1);}
		.premium-slide-02 .premium-left.active .premium-desc-box,
		.premium-slide-02 .premium-right.active .premium-desc-box{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.premium-slide-02 .premium-left.active .sec-con-tit,
		.premium-slide-02 .premium-right.active .sec-con-tit{opacity : 1; transition : 1s .4s;}

		.premium-slide-03{display : block;}
		.premium-slide-03 .sec-img{aspect-ratio : 16 / 10;}
		.premium-slide-03 .premium-left{display : flex; flex-direction : column; justify-content : flex-start; gap : 80px; width : 100%; padding : 0;}
		.premium-slide-03 .premium-item{display : flex; flex-direction : column; align-items : stretch; gap : 36px; padding : 0;}
		.premium-slide-03 .premium-item .premium-desc-box{flex : none; margin : 0; padding : 0 48px; order : 2;}
		.premium-slide-03 .premium-item .sec-img{order : 1;}
		.premium-slide-03 .premium-right{display : block; flex : none; padding-top : 80px;}
		.premium-slide-03 .premium-right .premium-top{display : flex; flex-direction : column; justify-content : flex-start; align-items : stretch; gap : 24px; padding : 0 48px;}
		.premium-slide-03 .premium-right .premium-top .sec-con-tit{margin-bottom : 0;}
		.premium-slide-03 .premium-right .sec-img{margin : 48px 0 0;}
		.premium-slide-03 .sec-con-desc .line{transform : translateX(-120px);}

		.premium-slide-03 .premium-item.active .sec-img > img,
		.premium-slide-03 .premium-right.active .sec-img > img{transform : scale(1);}
		.premium-slide-03 .premium-item.active .sec-con-tit,
		.premium-slide-03 .premium-right.active .sec-con-tit{opacity : 1; transition : 1s .4s;}
		.premium-slide-03 .premium-item.active .sec-con-desc .line,
		.premium-slide-03 .premium-right.active .sec-con-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		/* MAP */
		.main-map-new::after{height : 73%;}
		.map-new-inner{flex-direction : column; justify-content : flex-start; align-items : stretch; gap : 0;}
		.map-new-left{padding : 96px 48px 72px; transform : translateX(-160px);}
		.map-new-right{padding : 0 48px 96px; transform : translateX(160px);}
		.map-new-map img{display : block; width : 100%;}
		.map-new-desc{font-size : 36px; margin-bottom : 135px;}
		.map-new-logo{width : 200px; margin-bottom : 44px; transform : translateY(120px);}
		.map-new-btn-box{flex-direction : column; gap : 40px; transform : translateY(120px);}
		.map-new-btn-box a{justify-content : space-between; font-size : 30px;}
		.map-new-btn-box a .plus{position : relative; width : 48px; height : 48px; margin-left : 48px;}
		.map-new-btn-box a .plus::after{height : 24px;}
		.map-new-btn-box a .plus::before{width : 24px;}
		.map-new-btn-box a:nth-child(2) .plus::after{width : 14px; height : 14px;}

		.main-map-new.active .map-new-left{transform : translateX(0);}
		.main-map-new.active .map-new-right{transform : translateX(0);}
		.main-map-new.active .map-new-logo{transform : translateY(0);}
		.main-map-new.active .map-new-btn-box{transform : translateY(0);}

		/* LOCATION */
		.location-slide{height : auto;}
		.location-slide .swiper-wrapper{display : block; height : auto;}
		.location-slide .swiper-slide{height : auto;}
		.location-slide-01{min-height : 100vh;}
		.location-tit-box{padding : 240px 48px 0; text-align : center; transform : translateY(120px);}
		.location-desc{font-size : 30px; margin-bottom : 24px;}
		.location-tit{font-size : 44px;}
		.location-slide-01.active .location-tit-box{transform : translateY(0);}
		.location-slide-02{background : #fff;}

		/* COMPLEX */
		.complex-slide{height : auto;}
		.complex-slide .swiper-wrapper{display : block; height : auto;}
		.complex-slide .swiper-slide{height : auto;}
		.complex-container{position : relative; left : auto; top : auto; width : 100%; height : auto;}

		.complex-tit-box{height : auto;}
		.complex-cols{width : 100%;}
		.complex-tit{width : 56px; font-size : 36px; line-height : 56px;}
		.complex-tit-left{width : 56px;}
		.complex-tit-line{margin : 32px 0 0;}
		.complex-desc{margin : 40px 0 0 2px; font-size : 28px; line-height : 1.6em;}
		.complex-desc .line{transform : translateX(120px);}
		.complex-sub-tit{transform : translateX(-120px);}

		.complex-con-tit{margin-bottom : 24px; font-size : 40px; line-height : 1.3em; letter-spacing : -0.04em;}
		.complex-con-tit span{margin-right : 16px; font-size : 28px; line-height : 1.3em;}
		.complex-con-desc{font-size : 28px; letter-spacing : -0.033em; line-height : 1.6em; white-space : normal; word-break : keep-all;}
		.complex-con-desc .line{transform : translateX(-120px);}

		.complex-slide-01 .complex-container{min-height : 1120px;}
		.complex-slide-01 .complex-sub-tit{left : 48px; top : 60px; bottom : auto; font-size : 64px; line-height : 1;}
		.complex-slide-01 .complex-tit-box{right : 48px; bottom : 100px;}

		.complex-slide-01.active .complex-bg > img{transform : scale(1);}
		.complex-slide-01.active .complex-sub-tit{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.complex-slide-01.active .complex-tit .char{opacity : 1; transition : opacity 1s calc(var(--i) * 0.07s + 0.4s);}
		.complex-slide-01.active .complex-tit-line{clip-path : inset(0); transition : 1.5s .4s;}
		.complex-slide-01.active .complex-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		.complex-slide-03 .complex-container,
		.complex-slide-04 .complex-container{padding-top : 72px;}
		.complex-slide-03::before,
		.complex-slide-04::before{display : none;}
		.complex-line{position : static; width : auto; margin : 0 48px 56px; padding-top : 32px; border-top : 1px solid #D5D3CE; background : none; letter-spacing : -0.04em;}
		.complex-line p{position : static; transform : none; opacity : 1; white-space : normal; font-size : 26px; line-height : 1.5em;}
		.complex-line p b{margin-right : 16px; font-size : 32px;}

		.complex-item{position : static; width : auto; margin : 0; padding : 0 48px;}
		.complex-item + .complex-item{margin-top : 80px;}
		.complex-slide-03 .complex-item-02,
		.complex-slide-04 .complex-item-02{margin-top : 80px; padding : 80px 48px 96px; background : #EFEDE8;}
		.complex-slide-03 .complex-item-01,
		.complex-slide-04 .complex-item-01{padding-bottom : 0;}
		.complex-item .complex-img{width : 100%; aspect-ratio : 16 / 10;}
		.complex-item-a .complex-row{display : block; margin-top : 40px;}
		.complex-item-a .complex-con-tit{margin-bottom : 24px; padding-top : 0;}
		.complex-item-b{display : flex; flex-direction : column;}
		.complex-item-b .complex-img{margin-top : 40px;}

		.complex-item.active .complex-img > img{transform : scale(1);}
		.complex-item.active .complex-con-tit{opacity : 1; transition : 1s .4s;}
		.complex-item.active .complex-con-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		/* BENEFIT */
		.benefit-bg{filter : brightness(0.5);}
		.benefit-inner{flex-direction : column; justify-content : center; align-items : end; gap : 0; padding-bottom : 48px;}
		.benefit-tit-box{width : 100%; padding : 96px 48px; transition : 1.2s;}
		.benefit-tit{font-size : 48px; letter-spacing : 0.1em; margin-bottom : 72px; white-space : nowrap;}
		.benefit-tit .char{transition : 1.2s;}
		.benefit-sub-tit{font-size : 36px; margin-bottom : 0;}
		.benefit-desc{font-size : 30px;}
		.benefit-desc b{margin-top : 24px; font-size : 36px;}
		.benefit-list{flex-direction : column; gap : 34px; width : 100%; padding : 0 48px;}
		.benefit-list > li{width : 100%; height : auto; padding : 48px 48px 96px; transition : 1.2s;}
		.benefit-icon{left : 32px; bottom : 32px; width : 96px;}
		.benefit-list-tit{font-size : 36px; margin-bottom : 72px;}
		.benefit-list-tit b{font-size : 48px;}
		.benefit-list-desc{font-size : 30px; padding-top : 48px;}
		.benefit-list-desc::after{width : 72px; transition : 1.2s;}
		.benefit-list-desc .line{transition : 1.2s;}

		.active .benefit-tit-box{transform : translateX(0); opacity : 1; transition : 2s .4s;}
		.active .benefit-tit .char{opacity : 1; transition : 1s calc(var(--i) * 0.1s + 0.4s);}
		.active .benefit-list > li{transform : translateX(0); opacity : 1; transition : 2s .4s;}
		.active .benefit-list-desc::after{clip-path : inset(0); transition : 1s 1s;}
		.active .benefit-list-desc .line{transform : translateY(0); opacity : 1; transition : 1s calc(var(--i) * 0.1s + 1s);}

		/* BRAND */
		.main-brand-new{background : #F3F3F3;}
		.brand-new-inner{display : block; height : auto;}
		.brand-new-left{min-height : 1040px; overflow : hidden;}
		.brand-new-tit-box{padding : 112px 48px 0;}
		.brand-new-tit{font-size : 72px; line-height : 1.2em; margin-bottom : 40px; transform : translateY(80px);}
		.brand-new-tit-line{height : 80px; margin-bottom : 48px; transform : translateY(80px);}
		.brand-new-desc-01{font-size : 28px; margin-bottom : 40px;}
		.brand-new-desc-02{font-size : 34px;}
		.brand-new-right{padding : 96px 0;}
		.brand-new-right-inner{padding : 0 48px;}
		.brand-slide{width : 100%; margin-bottom : 48px;}
		.brand-slide-tit-box{margin-bottom : 56px;}
		.brand-slide-tit{font-size : 44px; word-break : keep-all; margin-bottom : 24px;}
		.brand-slide-desc{font-size : 30px; margin-bottom : 32px;}
		.brand-slide-logo{width : 180px;}
		.brand-slide-img{border-radius : 32px; margin-bottom : 48px; height : 420px;}
		.brand-slide-img-inner{border-radius : 32px; height : 100%;}
		.brand-slide-img-inner img{object-fit : cover;}
		.brand-slide-con-logo{width : 160px;}
		.brand-slide-con-desc{font-size : 28px;}
		.brand-navigation{font-size : 22px;}
		.brand-navigation div img{width : 100px;}

		.main-brand-new.active .brand-new-tit{transform : translateY(0);}
		.main-brand-new.active .brand-new-tit-line{transform : translateY(0);}

		/* CONTACT */
		.contact-bg{z-index : -1;}
		.contact-inner{flex-direction : column; justify-content : flex-start; align-items : flex-start; gap : 0; padding : 72px 48px 96px;}
		.contact-left{margin-bottom : 72px; transform : translateY(200px); transition : 1.2s;}
		.contact-tit-box{margin-bottom : 72px; transition : 1.2s;}
		.contact-tit{font-size : 96px; margin-bottom : 20px;}
		.contact-tit .char{transition : 1.2s;}
		.contact-desc{font-size : 36px;}
		.contact-address{display : grid; grid-template-columns : 1fr auto; gap : 20px 32px; align-items : center; font-size : 26px; letter-spacing : -0.06em; transition : 1.2s;}
		.contact-address > span{grid-column : 1 / -1; justify-self : start; width : 160px; height : 24px; font-size : 26px;}
		.contact-address + .contact-address{margin-top : 48px;}
		.contact-btn-box{gap : 10px;}
		.contact-btn-box a{flex-shrink : 0;}
		.contact-btn-box img{width : 64px;}
		.contact-footer{text-align : center;}
		.contact-footer > p{font-size : 30px; margin-bottom : 20px; transition : 1.2s;}
		.contact-footer > p small{font-size : smaller;}
		.contact-tel{font-size : 72px; transition : 1.2s;}

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

	}
	/* NEW 261027 */
	.visual-02-inner{display : flex; justify-content : center; align-items : start; max-width : 100%; padding-top: 90px;}
	.visual-02-tit{margin-bottom: 24px;max-width : 70%;}
	.visual-02-desc{font-size : 14px; margin-bottom: 16px;}	
	.visual-02-line{height : 24px; margin-bottom: 16px;}
	.visual-02-logo{max-width : 24%;}
	.visual-02-obj{width : 100%;}
}

@media(max-width : 750px){
	#fullpage{
		.section{position : relative; overflow : hidden;}
		.imom-banner, .open-rotate-banner, .open-rotate-btn{display : none;}
		.skip-btn{top : auto; left : auto; right : 4.27vw; bottom : 4.27vw; width : 14.67vw; height : 14.67vw; border-radius : 26.67vw; transform : scale(0);}
		.skip-btn.on{transform : scale(1);}
		.skip-btn::after{border-radius : 26.67vw;}

		/* VISUAL */
		.main-visual-new{height : 100vh; min-height : 640px; background : #fff;}
		.visual-new-logo{top : 40%;}
		.visual-new-bg .cloud{width : 100%; height : auto;}
		.visual-new-tit-01{flex-direction : column; gap : 3.73vw; width : 100%; padding : 0 6.4vw; transform : translateX(-50%); font-size : 5.33vw; line-height : 1.4em; letter-spacing : -0.04em; text-align : center;}
		.visual-new-tit-01 .visual-new-tit-line{width : 1px; height : 7.47vw; clip-path : inset(50% 0); transform : translateY(5.33vw);}
		.visual-tit-box{left : 50%; top : 40vw; width : 100%; padding : 0 6.4vw; transform : translateX(-50%); text-align : center;}
		.visual-sub-tit{font-size : 4.8vw; margin-bottom : 4.27vw; transform : translateY(16vw);}
		.visual-tit{font-size : 8vw; margin-bottom : 4.27vw; transform : translateY(16vw);}
		.visual-line{height : 8.53vw; margin-bottom : 5.33vw; transform : translateY(16vw);}
		.visual-logo{width : 29.33vw; transform : translateY(16vw);}

		.main-visual-new.t1 .visual-new-tit-line{clip-path : inset(0); transform : translateY(0);}
		.main-visual-new.t2 .visual-new-bg{clip-path : inset(calc(50% - 40vw) calc(50% - 4.27vw));}
		.main-visual-new.t3 .visual-new-bg{clip-path : inset(0);}
		.main-visual-new.t4 .visual-new-bg{clip-path : inset(0);}
		.main-visual-new.t6 .visual-sub-tit,
		.main-visual-new.t6 .visual-tit,
		.main-visual-new.t6 .visual-line,
		.main-visual-new.t6 .visual-logo{transform : translateY(0);}

		/* PREMIUM */
		.sec-tit{font-size : 6.4vw;}
		.sec-con-tit{font-size : 5.33vw; letter-spacing : -0.033em; margin-bottom : 3.2vw; opacity : 0;}
		.sec-con-desc{font-size : 3.73vw; letter-spacing : -0.033em; line-height : 1.5em; white-space : normal; word-break : keep-all;}

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

		.premium-info{font-size : 2.93vw;}

		.premium-tit-box{display : block; position : relative; width : 100%; row-gap : 0;}
		.premium-tit{writing-mode : horizontal-tb; font-size : 4.8vw; line-height : 1.5em; letter-spacing : 0;}
		.premium-tit-01{margin-bottom : 1.6vw;}
		.premium-tit-left{display : block;}
		.premium-tit-line{display : block; width : 100%; height : 1px; margin : 5.33vw 0 6.4vw; clip-path : inset(0 100% 0 0);}
		.premium-tit-desc{margin-left : 0; font-size : 3.73vw; line-height : 1.7em;}
		.premium-tit-desc .line{transform : translateX(16vw);}

		.premium-slide-01{display : block; padding-top : 12.8vw;}
		.premium-slide-01 .premium-left{width : 100%;}
		.premium-slide-01 .premium-left .sec-tit{padding : 0 6.4vw; margin-bottom : 5.33vw; opacity : 0; transform : translateX(-16vw);}
		.premium-slide-01 .premium-right{display : block; height : auto; padding : 10.67vw 6.4vw 12.8vw;}
		.premium-slide-01 .premium-info{position : static; left : auto; bottom : auto; margin-top : 6.4vw;}

		.premium-slide-01.active .premium-left .sec-tit{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.premium-slide-01.active .sec-img > img{transform : scale(1);}
		.premium-slide-01.active .premium-tit .char{opacity : 1; transition : opacity 1s calc(var(--i) * 0.07s + 0.4s);}
		.premium-slide-01.active .premium-tit-line{clip-path : inset(0); transition : 1.5s .4s;}
		.premium-slide-01.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-slide-02 .sec-img{aspect-ratio : 16 / 10;}
		.premium-slide-02 .premium-left{display : flex; flex-direction : column; align-items : stretch; justify-content : flex-start; gap : 4.8vw; width : 100%; padding-bottom : 0;}
		.premium-slide-02 .premium-left .sec-img{width : 100%;}
		.premium-slide-02 .premium-left .premium-desc-box{padding : 3.2vw 6.4vw 0; opacity : 0; transform : translateX(-16vw); transition : 1s;}
		.premium-slide-02 .premium-right{display : flex; flex-direction : column; justify-content : flex-start; gap : 4.8vw; flex : none; min-width : 0; padding : 9.6vw 0 12.8vw;}
		.premium-slide-02 .premium-right .premium-desc-box{padding : 0 6.4vw 1.6vw; margin-bottom : 0; opacity : 0; transform : translateX(16vw); transition : 1s;}
		.premium-slide-02 .premium-right .sec-img{width : 100%;}
		.premium-slide-02 .premium-info{position : static; bottom : auto; left : auto; z-index : auto; margin : 5.33vw 0 0; padding : 0 2.67vw; color : #888;}

		.premium-slide-02 .premium-left.active .sec-img > img,
		.premium-slide-02 .premium-right.active .sec-img > img{transform : scale(1);}
		.premium-slide-02 .premium-left.active .premium-desc-box,
		.premium-slide-02 .premium-right.active .premium-desc-box{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.premium-slide-02 .premium-left.active .sec-con-tit,
		.premium-slide-02 .premium-right.active .sec-con-tit{opacity : 1; transition : 1s .4s;}

		.premium-slide-03{display : block;}
		.premium-slide-03 .sec-img{aspect-ratio : 16 / 10;}
		.premium-slide-03 .premium-left{display : flex; flex-direction : column; justify-content : flex-start; gap : 10.67vw; width : 100%; padding : 0;}
		.premium-slide-03 .premium-item{display : flex; flex-direction : column; align-items : stretch; gap : 4.8vw; padding : 0;}
		.premium-slide-03 .premium-item .premium-desc-box{flex : none; margin : 0; padding : 0 6.4vw; order : 2;}
		.premium-slide-03 .premium-item .sec-img{order : 1;}
		.premium-slide-03 .premium-right{display : block; flex : none; padding-top : 10.67vw;}
		.premium-slide-03 .premium-right .premium-top{display : flex; flex-direction : column; justify-content : flex-start; align-items : stretch; gap : 3.2vw; padding : 0 6.4vw;}
		.premium-slide-03 .premium-right .premium-top .sec-con-tit{margin-bottom : 0;}
		.premium-slide-03 .premium-right .sec-img{margin : 6.4vw 0 0;}
		.premium-slide-03 .sec-con-desc .line{transform : translateX(-16vw);}

		.premium-slide-03 .premium-item.active .sec-img > img,
		.premium-slide-03 .premium-right.active .sec-img > img{transform : scale(1);}
		.premium-slide-03 .premium-item.active .sec-con-tit,
		.premium-slide-03 .premium-right.active .sec-con-tit{opacity : 1; transition : 1s .4s;}
		.premium-slide-03 .premium-item.active .sec-con-desc .line,
		.premium-slide-03 .premium-right.active .sec-con-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		/* MAP */
		.main-map-new::after{height : 73%;}
		.map-new-inner{flex-direction : column; justify-content : flex-start; align-items : stretch; gap : 0;}
		.map-new-left{padding : 12.8vw 6.4vw 9.6vw; transform : translateX(-21.33vw);}
		.map-new-right{padding : 0 6.4vw 12.8vw; transform : translateX(21.33vw);}
		.map-new-map img{display : block; width : 100%;}
		.map-new-desc{font-size : 4.8vw; margin-bottom : 18vw;}
		.map-new-logo{width : 26.67vw; margin-bottom : 5.87vw; transform : translateY(16vw);}
		.map-new-btn-box{flex-direction : column; gap : 5.33vw; transform : translateY(16vw);}
		.map-new-btn-box a{justify-content : space-between; font-size : 4vw;}
		.map-new-btn-box a .plus{position : relative; width : 6.4vw; height : 6.4vw; margin-left : 6.4vw;}
		.map-new-btn-box a .plus::after{height : 3.2vw;}
		.map-new-btn-box a .plus::before{width : 3.2vw;}
		.map-new-btn-box a:nth-child(2) .plus::after{width : 1.87vw; height : 1.87vw;}

		.main-map-new.active .map-new-left{transform : translateX(0);}
		.main-map-new.active .map-new-right{transform : translateX(0);}
		.main-map-new.active .map-new-logo{transform : translateY(0);}
		.main-map-new.active .map-new-btn-box{transform : translateY(0);}

		/* LOCATION */
		.location-slide{height : auto;}
		.location-slide .swiper-wrapper{display : block; height : auto;}
		.location-slide .swiper-slide{height : auto;}
		.location-slide-01{min-height : 100vh;}
		.location-tit-box{padding : 32vw 6.4vw 0; text-align : center; transform : translateY(16vw);}
		.location-desc{font-size : 4vw; margin-bottom : 3.2vw;}
		.location-tit{font-size : 5.87vw;}
		.location-slide-01.active .location-tit-box{transform : translateY(0);}
		.location-slide-02{background : #fff;}

		/* COMPLEX */
		.complex-slide{height : auto;}
		.complex-slide .swiper-wrapper{display : block; height : auto;}
		.complex-slide .swiper-slide{height : auto;}
		.complex-container{position : relative; left : auto; top : auto; width : 100%; height : auto;}

		.complex-tit-box{height : auto;}
		.complex-cols{width : 100%;}
		.complex-tit{width : 7.47vw; font-size : 4.8vw; line-height : 7.47vw;}
		.complex-tit-left{width : 7.47vw;}
		.complex-tit-line{margin : 4.27vw 0 0;}
		.complex-desc{margin : 5.33vw 0 0 2px; font-size : 3.73vw; line-height : 1.6em;}
		.complex-desc .line{transform : translateX(16vw);}
		.complex-sub-tit{transform : translateX(-16vw);}

		.complex-con-tit{margin-bottom : 3.2vw; font-size : 5.33vw; line-height : 1.3em; letter-spacing : -0.04em;}
		.complex-con-tit span{margin-right : 2.13vw; font-size : 3.73vw; line-height : 1.3em;}
		.complex-con-desc{font-size : 3.73vw; letter-spacing : -0.033em; line-height : 1.6em; white-space : normal; word-break : keep-all;}
		.complex-con-desc .line{transform : translateX(-16vw);}

		.complex-slide-01 .complex-container{min-height : 149.33vw;}
		.complex-slide-01 .complex-sub-tit{left : 6.4vw; top : 8vw; bottom : auto; font-size : 8.53vw; line-height : 1;}
		.complex-slide-01 .complex-tit-box{right : 6.4vw; bottom : 13.33vw;}

		.complex-slide-01.active .complex-bg > img{transform : scale(1);}
		.complex-slide-01.active .complex-sub-tit{opacity : 1; transform : translateX(0); transition : 1s .4s;}
		.complex-slide-01.active .complex-tit .char{opacity : 1; transition : opacity 1s calc(var(--i) * 0.07s + 0.4s);}
		.complex-slide-01.active .complex-tit-line{clip-path : inset(0); transition : 1.5s .4s;}
		.complex-slide-01.active .complex-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		.complex-slide-03 .complex-container,
		.complex-slide-04 .complex-container{padding-top : 9.6vw;}
		.complex-slide-03::before,
		.complex-slide-04::before{display : none;}
		.complex-line{position : static; width : auto; margin : 0 6.4vw 7.47vw; padding-top : 4.27vw; border-top : 1px solid #D5D3CE; background : none; letter-spacing : -0.04em;}
		.complex-line p{position : static; transform : none; opacity : 1; white-space : normal; font-size : 3.47vw; line-height : 1.5em;}
		.complex-line p b{margin-right : 2.13vw; font-size : 4.27vw;}

		.complex-item{position : static; width : auto; margin : 0; padding : 0 6.4vw;}
		.complex-item + .complex-item{margin-top : 10.67vw;}
		.complex-slide-03 .complex-item-02,
		.complex-slide-04 .complex-item-02{margin-top : 10.67vw; padding : 10.67vw 6.4vw 12.8vw; background : #EFEDE8;}
		.complex-slide-03 .complex-item-01,
		.complex-slide-04 .complex-item-01{padding-bottom : 0;}
		.complex-item .complex-img{width : 100%; aspect-ratio : 16 / 10;}
		.complex-item-a .complex-row{display : block; margin-top : 5.33vw;}
		.complex-item-a .complex-con-tit{margin-bottom : 3.2vw; padding-top : 0;}
		.complex-item-b{display : flex; flex-direction : column;}
		.complex-item-b .complex-img{margin-top : 5.33vw;}

		.complex-item.active .complex-img > img{transform : scale(1);}
		.complex-item.active .complex-con-tit{opacity : 1; transition : 1s .4s;}
		.complex-item.active .complex-con-desc .line{opacity : 1; transform : translateX(0); transition : 1s calc(var(--i) * 0.1s + 0.4s);}

		/* BENEFIT */
		.benefit-bg{filter : brightness(0.5);}
		.benefit-inner{flex-direction : column; justify-content : center; align-items : end; gap : 0; padding-bottom : 6.4vw;}
		.benefit-tit-box{width : 100%; padding : 12.8vw 6.4vw; transition : 1.2s;}
		.benefit-tit{font-size : 6.4vw; letter-spacing : 0.1em; margin-bottom : 9.6vw; white-space : nowrap;}
		.benefit-tit .char{transition : 1.2s;}
		.benefit-sub-tit{font-size : 4.8vw; margin-bottom : 0;}
		.benefit-desc{font-size : 4vw;}
		.benefit-desc b{margin-top : 3.2vw; font-size : 4.8vw;}
		.benefit-list{flex-direction : column; gap : 4.53vw; width : 100%; padding : 0 6.4vw;}
		.benefit-list > li{width : 100%; height : auto; padding : 6.4vw 6.4vw 12.8vw; transition : 1.2s;}
		.benefit-icon{left : 4.27vw; bottom : 4.27vw; width : 12.8vw;}
		.benefit-list-tit{font-size : 4.8vw; margin-bottom : 9.6vw;}
		.benefit-list-tit b{font-size : 6.4vw;}
		.benefit-list-desc{font-size : 4vw; padding-top : 6.4vw;}
		.benefit-list-desc::after{width : 9.6vw; transition : 1.2s;}
		.benefit-list-desc .line{transition : 1.2s;}

		.active .benefit-tit-box{transform : translateX(0); opacity : 1; transition : 2s .4s;}
		.active .benefit-tit .char{opacity : 1; transition : 1s calc(var(--i) * 0.1s + 0.4s);}
		.active .benefit-list > li{transform : translateX(0); opacity : 1; transition : 2s .4s;}
		.active .benefit-list-desc::after{clip-path : inset(0); transition : 1s 1s;}
		.active .benefit-list-desc .line{transform : translateY(0); opacity : 1; transition : 1s calc(var(--i) * 0.1s + 1s);}

		/* BRAND */
		.main-brand-new{background : #F3F3F3;}
		.brand-new-inner{display : block; height : auto;}
		.brand-new-left{min-height : 138.67vw; overflow : hidden;}
		.brand-new-tit-box{padding : 14.93vw 6.4vw 0;}
		.brand-new-tit{font-size : 9.6vw; line-height : 1.2em; margin-bottom : 5.33vw; transform : translateY(10.67vw);}
		.brand-new-tit-line{height : 10.67vw; margin-bottom : 6.4vw; transform : translateY(10.67vw);}
		.brand-new-desc-01{font-size : 3.73vw; margin-bottom : 5.33vw;}
		.brand-new-desc-02{font-size : 4.53vw;}
		.brand-new-right{padding : 12.8vw 0;}
		.brand-new-right-inner{padding : 0 6.4vw;}
		.brand-slide{width : 100%; margin-bottom : 6.4vw;}
		.brand-slide-tit-box{margin-bottom : 7.47vw;}
		.brand-slide-tit{font-size : 5.87vw; word-break : keep-all; margin-bottom : 3.2vw;}
		.brand-slide-desc{font-size : 4vw; margin-bottom : 4.27vw;}
		.brand-slide-logo{width : 24vw;}
		.brand-slide-img{border-radius : 4.27vw; margin-bottom : 6.4vw; height : 56vw;}
		.brand-slide-img-inner{border-radius : 4.27vw; height : 100%;}
		.brand-slide-img-inner img{object-fit : cover;}
		.brand-slide-con-logo{width : 21.33vw;}
		.brand-slide-con-desc{font-size : 3.73vw;}
		.brand-navigation{font-size : 2.93vw;}
		.brand-navigation div img{width : 13.33vw;}

		.main-brand-new.active .brand-new-tit{transform : translateY(0);}
		.main-brand-new.active .brand-new-tit-line{transform : translateY(0);}

		/* CONTACT */
		.contact-bg{z-index : -1;}
		.contact-inner{flex-direction : column; justify-content : flex-start; align-items : flex-start; gap : 0; padding : 9.6vw 6.4vw 12.8vw;}
		.contact-left{margin-bottom : 9.6vw; transform : translateY(26.67vw); transition : 1.2s;}
		.contact-tit-box{margin-bottom : 9.6vw; transition : 1.2s;}
		.contact-tit{font-size : 12.8vw; margin-bottom : 2.67vw;}
		.contact-tit .char{transition : 1.2s;}
		.contact-desc{font-size : 4.8vw;}
		.contact-address{display : grid; grid-template-columns : 1fr auto; gap : 2.67vw 4.27vw; align-items : center; font-size : 3.47vw; letter-spacing : -0.06em; transition : 1.2s;}
		.contact-address > span{grid-column : 1 / -1; justify-self : start; width : 21.33vw; height : 3.2vw; font-size : 3.47vw;}
		.contact-address + .contact-address{margin-top : 6.4vw;}
		.contact-btn-box{gap : 1.33vw;}
		.contact-btn-box a{flex-shrink : 0;}
		.contact-btn-box img{width : 8.53vw;}
		.contact-footer{text-align : center;}
		.contact-footer > p{font-size : 4vw; margin-bottom : 2.67vw; transition : 1.2s;}
		.contact-footer > p small{font-size : smaller;}
		.contact-tel{font-size : 9.6vw; transition : 1.2s;}

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

	}
}

/* Mobile hero: keep the final copy above the buildings on short screens. */
@media (max-width: 1200px) {
    #fullpage .main-visual-new {
        height: 100vh;
        height: 100svh;
        min-height: max(560px, min(175vw, 1260px));
    }
    #fullpage .main-visual-new .visual-new-tit-01 {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #fullpage .main-visual-new.t5 .visual-new-tit-01 {
        transition: opacity .6s;
    }
    #fullpage .main-visual-new .visual-tit-box {
        top: clamp(76px, 11svh, 110px);
        left: 50%;
        padding: 0 24px;
        transform: translateX(-50%);
    }
    #fullpage .main-visual-new .visual-sub-tit {
        font-size: clamp(14px, 2.3svh, 18px);
        margin-bottom: 10px;
    }
    #fullpage .main-visual-new .visual-tit {
        font-size: clamp(18px, 5.5vw, 26px);
        line-height: 1.3;
        margin-bottom: 12px;
        word-break: keep-all;
    }
    #fullpage .main-visual-new .visual-line {
        height: clamp(16px, 3svh, 24px);
        margin-bottom: 12px;
    }
    #fullpage .main-visual-new .visual-logo {
        width: clamp(76px, 12svh, 100px);
    }
    #fullpage .main-visual-new .visual-tit-box > * {
        transform: translateY(24px);
    }
    #fullpage .main-visual-new.t6 .visual-tit-box > * {
        transform: translateY(0);
    }
}