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

.section{overflow: hidden;}

.notice{display: flex;align-items: center; gap : 10px; font-size: 14px; letter-spacing: -0.04em; color : #8C8C8C;
    &::before{display: flex;align-items: center;justify-content: center; content : '!'; width : 18px; height : 18px; border : 1px solid currentColor; border-radius: 50%; font-size: 12px; font-weight: 700; flex-shrink: 0;}
    &.white{color : rgba(255,255,255,0.67);}
}

/* visual */
.main-visual{background: #000;}
.visual-bg{position : absolute; left : 0; top : 0; width : 100%; height : 100%; overflow: hidden;
    /* &::after{position :absolute; content : ''; left : 0;top : 0; width : 100%; height : 100%; background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 45%); opacity: 0; transition : 0s;} */
}
.visual-bg-inner{width : 100%; height : 100%;}
.visual-bg-inner > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); filter: brightness(0.35) blur(10px); transition : 0s;}

.visual-txt{position : absolute; left : 50%; top : 13%; transform: translateX(-50%); z-index: 3; text-align: center; white-space: nowrap; letter-spacing: -0.04em; color : #fff; text-shadow: 0 2px 20px rgba(0,0,0,0.2); pointer-events: none;}
.visual-tit-sub{font-size: 38px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.18;
    b{font-weight: 700;}
}
.visual-tit{margin-top: 9px; font-size: 52px; font-family: Nanum Myeongjo; letter-spacing: -0.04em; font-weight: 700; line-height: 1.11;}
.visual-logo{margin-top: 41px; font-size: 32px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.33;}

.visual-tit-sub .char,
.visual-tit .char,
.visual-logo .char{opacity: 0; transform: translateY(-22px); filter: blur(8px); transition : 0s;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; right : 100px; bottom : 48px; width : 108px; height : 108px; background: #A3102E; border-radius: 50%; color : #fff; font-size: 19px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.25em; z-index: 25; pointer-events: none; opacity: 0; transform: scale(0.4) rotate(-90deg); transition : .6s;
    &::after{position :absolute; content : ''; width : 144px; height : 144px; 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);}
}

.main-visual.t1{
    .visual-bg::after{opacity: 1; transition : 2.4s .6s;}
    .visual-bg-inner > img{transform: scale(1); filter: brightness(1) blur(0); transition : transform 5s cubic-bezier(0.22, 1, 0.36, 1), filter 3s cubic-bezier(0.22, 1, 0.36, 1);}
}
.main-visual.t2{
    .visual-bg-inner{animation : visual-drift 16s ease-in-out infinite alternate 2s;}
    .visual-tit-sub .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 2s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--i) * 0.1s);}
    .visual-tit .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 2s cubic-bezier(0.22, 1, 0.36, 1) calc(1s + var(--i) * 0.12s);}
    .visual-logo .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.8s cubic-bezier(0.22, 1, 0.36, 1) calc(2.2s + var(--i) * 0.06s);}
    .open-rotate-btn{opacity: 1; transform: scale(1) rotate(0deg); transition : 1.6s cubic-bezier(0.22, 1, 0.36, 1) 3.2s;}
}
@keyframes visual-drift {
    0%{transform: scale(1) translateX(0);}
    100%{transform: scale(1.06) translateX(-1.5%);}
}

/*  location  */
.main-location{background: #000;}
.location-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.location-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.4s;}

.location-slide{width : 100%; height : 100%;}
.location-container{position : absolute; left : 0; top : 0; width : 100%; height : 100%; z-index: 10; pointer-events: none;}

.location-tit-box{position : absolute; left : 138px; top : 20%; z-index: 3; letter-spacing: -0.04em; white-space: nowrap;}
.location-tit-sub{display: flex;align-items: center; gap : 14px; font-size: 20px; font-weight: 500; color : #fff; opacity: 0; transform: translateY(30px); transition : 0s 1.4s;
    &::after{content : ''; width : 58px; height : 1px; background: rgba(255,255,255,0.4); transform: scaleX(0); transform-origin: left; transition : 0s 1.4s;}
}
.location-tit{margin-top: 10px; font-family: Nanum Myeongjo; font-size: 43px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.67; color : #A57F57; opacity: 0; transform: translateY(30px); transition : 0s 1.4s;}

.location-stage{position : absolute; left : 50%; top : 44%; width : 0; height : 0; z-index: 2;}

.location-star{position : absolute; left : -511px; top : 272px; width : 80px; height : 80px; opacity: 0; transform: scale(0.4); transition : 0s 1.4s;
    img{display: block; width : 100%; height : 100%; animation : rotate-text 40s infinite linear;}
}

.location-circle-left{position : absolute; left : -500px; top : -272px; width : 544px; height : 544px; border-radius: 50%; overflow: hidden; z-index: 1; clip-path: circle(0% at 100% 50%); transition : 0s 1.4s;}
.location-circle-left > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.2); transition : 0s 1.4s;}

.location-circle-right{position : absolute; left : -36px; top : -275px; width : 544px; height : 544px; border : 1px solid rgba(255,255,255,0.3); border-radius: 50%; z-index: 1; opacity: 0; transform: rotate(-40deg) scale(0.9); transition : 0s 1.4s;}
.location-ring-dot{position : absolute; left : 410px; top : 36px; width : 12px; height : 12px; border-radius: 50%; background: #B08A62;
    &::after{position :absolute; content : ''; left : 50%; top : 50%; width : 133px; height : 133px; margin : -66.5px 0 0 -66.5px; background: url(/assets/images/main/location-rotate-text.png)no-repeat center / contain; animation : rotate-text 12s infinite linear;}
}

.location-circle-center{position : absolute; left : -272px; top : -272px; width : 544px; height : 544px; border-radius: 50%; overflow: hidden; z-index: 2; clip-path: circle(0% at 50% 50%); transition : 0s 1.4s;}
.location-img-box{position : relative; width : 100%; height : 100%; transform: scale(1.25); transition : 0s 1.4s;}
.location-img{position : absolute; left : 0; top : 0; width : 100%; height : 100%; overflow: hidden; clip-path: inset(0 0 0 100%); transition : clip-path 1.4s cubic-bezier(0.77, 0, 0.175, 1);
    &:nth-child(1){z-index: 1; clip-path: inset(0);}
    &:nth-child(2){z-index: 2;}
    &:nth-child(3){z-index: 3;}
    &.on,
    &.past{clip-path: inset(0);}
}
.location-img > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: translateX(25%) scale(1.2); transition : transform 1.4s cubic-bezier(0.77, 0, 0.175, 1), filter 1.4s;}
.location-img.on > img{transform: translateX(0) scale(1);}
.location-img.past > img{transform: translateX(-15%) scale(1.1); filter: brightness(0.5);}

.location-word-box{position : absolute; left : 50%; top : calc(44% + 290px); transform: translateX(-50%); z-index: 3; text-align: center; color : #fff; white-space: nowrap;}
.location-word-sm{font-family: AV; font-size: 42px; font-weight: 300; letter-spacing: -0.04em; opacity: 0; transform: translateY(20px); transition : 0s 1.4s;}
.location-word{position : relative; width : 640px; height : 92px; margin : 0 auto;}
.location-word-bg{position : absolute; left : 0; top : 0; width : 100%; font-family: "trajan-pro-3"; font-size: 74px; font-weight: 300; line-height: 1.24; letter-spacing: -0.04em;}
.location-word-bg .char{opacity: 0; transform: translateX(60px); filter: blur(10px); transition : .6s cubic-bezier(0.65, 0, 0.35, 1);}
.location-word-bg.past .char{transform: translateX(-60px);}

.location-desc-box{position : absolute; right : 138px; top : 75%; width : 420px; z-index: 3;}
.location-desc-item{position : absolute; right : 0; top : 0; text-align: right; white-space: nowrap; letter-spacing: -0.04em; opacity: 0; transform: translateX(40px); transition : .6s cubic-bezier(0.65, 0, 0.35, 1);
    &.past{transform: translateX(-40px);}
}
.location-desc-tit{margin-bottom: 18px; font-size: 22px; font-weight: 700; color : #A57F57;}
.location-desc{font-size: 18px; font-weight: 400; line-height: 1.75; color : rgba(255,255,255,0.8);}

.location-scroll{display: flex;align-items: center; gap : 5px; position : absolute; right : 138px; top : 63.5%; z-index: 5; pointer-events: auto; opacity: 0; transition : 0s 1.4s;}
.location-scroll-circle{display: flex;align-items: center;justify-content: center; width : 66px; height : 66px; border-radius: 50%; background: #8D7B68; font-family: montserrat; font-size: 12px; font-weight: 500; letter-spacing: 0; color : #fff; transition : background .4s;}
.location-scroll-arrow{display: block; width : 0; height : 0; border-top : 5px solid transparent; border-bottom : 5px solid transparent;
    &.prev{border-right : 5px solid #8D7B68;}
    &.next{border-left : 5px solid #8D7B68;}
}

.location-notice{position : absolute; left : 138px; bottom : 56px; z-index: 3; white-space: nowrap; opacity: 0; transition : 0s 1.4s;}

.active{
    .location-bg > img{transform: scale(1); transition : 3s;}
    .location-tit-sub{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) .9s;
        &::after{transform: scaleX(1); transition : 1.2s cubic-bezier(0.65, 0, 0.35, 1) 1.4s;}
    }
    .location-tit{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) 1.1s;}
    .location-star{opacity: 1; transform: scale(1); transition : 1.6s cubic-bezier(0.22, 1, 0.36, 1) 1.2s;}
    .location-circle-left{clip-path: circle(50% at 50% 50%); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .5s;}
    .location-circle-left > img{transform: scale(1); transition : 2.6s cubic-bezier(0.22, 1, 0.36, 1) .5s;}
    .location-circle-right{opacity: 1; transform: rotate(0deg) scale(1); transition : transform 2.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.6s .4s;}
    .location-circle-center{clip-path: circle(50% at 50% 50%); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .8s;}
    .location-img-box{transform: scale(1); transition : 2.6s cubic-bezier(0.22, 1, 0.36, 1) .8s;}
    .location-word-sm{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1s;}
    .location-word-bg.on .char{opacity: 1; transform: translateX(0); filter: blur(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) calc(1.3s + var(--i) * 0.06s);}
    .location-desc-item.on{opacity: 1; transform: translateX(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.6s;}
    .location-scroll{opacity: 1; transition : 1.2s 1.8s;}
    .location-notice{opacity: 1; transition : 1.2s 1.4s;}
}

.active.entered{
    .location-word-bg.on .char{transition-delay: calc(.3s + var(--i) * 0.06s);}
    .location-desc-item.on{transition-delay: .6s;}
}

.location-stage.move{
    .location-circle-left{animation : circle-left-move 2s;}
    .location-circle-right{animation : circle-right-move 2s .08s;}
}
@keyframes circle-left-move {
    0%{transform: translateX(0) scale(1); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);}
    35%{transform: translateX(36px) scale(0.97); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);}
    100%{transform: translateX(0) scale(1);}
}
@keyframes circle-right-move {
    0%{transform: translateX(0) scale(1); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);}
    35%{transform: translateX(-36px) scale(0.97); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);}
    100%{transform: translateX(0) scale(1);}
}

/*  life  */
.main-life{background: #F1EBE3;}
.life-slide{width : 100%; height : 100%;}
.life-container{display: flex; position : absolute; left : 0; top : 0; width : 100%; height : 100%; z-index: 10; pointer-events: none; transition : transform 1.4s cubic-bezier(0.77, 0, 0.175, 1);}
.life-slide.t2 .life-container{transform: translateX(-100%);}
.life-slide.t3 .life-container{transform: translateX(-200%);}
.life-item{position : relative; flex-shrink: 0; width : 100%; height : 100%; overflow: hidden;}

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

.life-tit{position : absolute; left : 176px; top : 33%; transform: translateY(-50%); z-index: 2; font-family: "trajan-pro-3"; font-size: 42px; font-weight: 400; letter-spacing: -0.04em; color : #3B2626; white-space: nowrap;}
.life-tit .char{opacity: 0; transform: translateY(-22px); filter: blur(8px); transition : 0s 1.4s;}

.life-desc-box{position : absolute; right : 138px; top : 24%; z-index: 2; padding : 4px 0 4px 44px; letter-spacing: -0.04em;
    &::before{position :absolute; content : ''; left : 0; top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.25); transform: scaleY(0); transform-origin: top; transition : 0s 1.4s;}
}
.life-desc-tit{margin-bottom: 22px; font-size: 22px; font-weight: 700; color : #A07850; opacity: 0; transform: translateY(24px); transition : 0s 1.4s;}
.life-desc{font-size: 18px; font-weight: 400; line-height: 1.75; color : #4A4040; white-space: nowrap; opacity: 0; transform: translateY(24px); transition : 0s 1.4s;
    small{font-size: 13px;}
}

.life-img-box{position : absolute; left : 0; bottom : 0; width : 100%; height : 58%; overflow: hidden; clip-path: inset(100% 0 0 0); transition : 0s 1.4s;}
.life-img-box > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: translateX(-12%) scale(1.2); transition : 0s 1.4s;}
.life-item.on .life-img-box > img{transform: translateX(0) scale(1); transition : 2.4s cubic-bezier(0.22, 1, 0.36, 1);}
.life-item.past .life-img-box > img{transform: translateX(12%) scale(1.2); transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1);}

.life-notice{position : absolute; left : 138px; bottom : 56px; z-index: 12; white-space: nowrap; opacity: 0; transition : 0s 1.4s;}

.active{
    .life-bg > img{transform: scale(1); transition : 3s;}
    .life-img-box{clip-path: inset(0); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
    .life-item.on{
        .life-tit .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) calc(.9s + var(--i) * 0.05s);}
        .life-desc-box::before{transform: scaleY(1); transition : 1.2s cubic-bezier(0.65, 0, 0.35, 1) 1.1s;}
        .life-desc-tit{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.3s;}
        .life-desc{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.5s;}
    }
    .life-notice{opacity: 1; transition : 1.2s 2s;}
}
/* premium 슬라이드(2, 3번째)에서는 각 패널의 notice 사용 */
.life-slide:not(.t1) ~ .life-notice{opacity: 0; transition : .4s;}

/*  premium 공통  */
.main-premium1,
.main-premium2{background: #EFECE8;}
.premium-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.15); transition : 0s 1.4s;}

.premium-eng{font-family: "trajan-pro-3"; font-size: 40px; font-weight: 400; line-height: 1.3; letter-spacing: -0.04em; color : #471821; white-space: nowrap;}
.premium-eng .char{opacity: 0; transform: translateY(-22px); filter: blur(8px); transition : 0s 1.4s;}

.premium-img{position : relative; overflow: hidden; clip-path: inset(100% 0 0 0); transition : 0s 1.4s;}
.premium-img > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.4s;}

.premium-desc-box{position : relative; padding : 4px 0 4px 44px; letter-spacing: -0.04em; white-space: nowrap;
    &::before{position :absolute; content : ''; left : 0; top : 0; width : 1px; height : 100%; background: rgba(59,38,38,0.35); transform: scaleY(0); transform-origin: top; transition : 0s 1.4s;}
}
.premium-desc-tit{margin-bottom: 22px; font-size: 22px; font-weight: 700; color : #A57F57; opacity: 0; transform: translateY(24px); transition : 0s 1.4s;}
.premium-desc{font-size: 18px; font-weight: 400; line-height: 1.75; color : #1F1F1F; opacity: 0; transform: translateY(24px); transition : 0s 1.4s;
    small{font-size: 13px;}
}

/*  premium1  */
.premium1-desc-01{position : absolute; left : 142px; top : 23%; z-index: 2;}
.premium1-desc-02{position : absolute; right : 138px; bottom : 80px; z-index: 2;}

.premium1-item{position : absolute; z-index: 2;}
.premium1-item-01{left : 142px; bottom : 86px; width : 798px;
    .premium-eng{position : absolute; left : 234px; bottom : calc(100% + 12px); font-size: 40px;}
    .premium-img{height : 382px; clip-path: inset(0 100% 0 0);}
}
.premium1-item-02{right : 0; top : 23%; width : 798px;
    .premium-eng{margin-top: 26px; font-size: 40px;}
    .premium-img{height : 382px; clip-path: inset(0 0 0 100%);}
}

.premium1-notice{position : absolute; left : 142px; bottom : 50px; z-index: 2; white-space: nowrap; opacity: 0; transition : 0s 1.4s;}

.main-premium1.active{
    .premium-bg > img{transform: scale(1); transition : 3s;}

    .premium1-desc-01{
        &::before{transform: scaleY(1); transition : 1.2s cubic-bezier(0.65, 0, 0.35, 1) .5s;}
        .premium-desc-tit{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) .7s;}
        .premium-desc{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) .9s;}
    }
    .premium1-item-01{
        .premium-img{clip-path: inset(0); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
        .premium-img > img{transform: scale(1); transition : 2.6s cubic-bezier(0.22, 1, 0.36, 1) .4s;}
        .premium-eng .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) calc(1s + var(--i) * 0.04s);}
    }
    .premium1-item-02{
        .premium-img{clip-path: inset(0); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .8s;}
        .premium-img > img{transform: scale(1); transition : 2.6s cubic-bezier(0.22, 1, 0.36, 1) .8s;}
        .premium-eng .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) calc(1.4s + var(--i) * 0.04s);}
    }
    .premium1-desc-02{
        &::before{transform: scaleY(1); transition : 1.2s cubic-bezier(0.65, 0, 0.35, 1) 1.6s;}
        .premium-desc-tit{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.8s;}
        .premium-desc{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 2s;}
    }
    .premium1-notice{opacity: 1; transition : 1.2s 2s;}
}

/*  premium2  */
.premium2-list{display: flex; justify-content: space-between; align-items: flex-start; position : absolute; left : 140px; right : 143px; top : 13%; z-index: 2;}
.premium2-col{width : 485px;
    &:nth-child(1){margin-top: 254px;}
    &:nth-child(2){margin-top: 128px;}
    .premium-eng{margin-bottom: 14px; text-align: right;}
    .premium-img{height : 262px;}
    .premium-desc-box{margin-top: 42px;}
}

.premium2-notice{position : absolute; right : 138px; bottom : 50px; z-index: 2; white-space: nowrap; opacity: 0; transition : 0s 1.4s;}

.main-premium2.active{
    .premium-bg > img{transform: scale(1); transition : 3s;}

    .premium2-col{
        .premium-img{clip-path: inset(0); transition : 1.6s cubic-bezier(0.77, 0, 0.175, 1) .4s;}
        .premium-img > img{transform: scale(1); transition : 2.6s cubic-bezier(0.22, 1, 0.36, 1) .4s;}
        .premium-eng .char{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) calc(.9s + var(--i) * 0.04s);}
        .premium-desc-box::before{transform: scaleY(1); transition : 1.2s cubic-bezier(0.65, 0, 0.35, 1) 1.2s;}
        .premium-desc-tit{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.4s;}
        .premium-desc{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.6s;}
    }
    .premium2-col:nth-child(2){
        .premium-img,
        .premium-img > img{transition-delay: .7s;}
        .premium-eng .char{transition-delay: calc(1.2s + var(--i) * 0.04s);}
        .premium-desc-box::before{transition-delay: 1.5s;}
        .premium-desc-tit{transition-delay: 1.7s;}
        .premium-desc{transition-delay: 1.9s;}
    }
    .premium2-col:nth-child(3){
        .premium-img,
        .premium-img > img{transition-delay: 1s;}
        .premium-eng .char{transition-delay: calc(1.5s + var(--i) * 0.04s);}
        .premium-desc-box::before{transition-delay: 1.8s;}
        .premium-desc-tit{transition-delay: 2s;}
        .premium-desc{transition-delay: 2.2s;}
    }
    .premium2-notice{opacity: 1; transition : 1.2s 2.4s;}
}

/*  brand  */
.main-brand{background: #F4F4F4;}
.brand-bg{position :absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.brand-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.15); transition : 0s 1.4s;}

.brand-txt-box{position : absolute; left : 137px; top : 23%; z-index: 2; letter-spacing: -0.04em; white-space: nowrap;}
.brand-tit-sm{font-size: 27px; line-height: 1.74; font-weight: 500; color : #2A2A2A; opacity: 0; transform: translateY(30px); transition : 0s 1.4s;
    b{font-weight: 700; color : #471821;}
}
.brand-logo{margin-top: 22px; clip-path: inset(0 100% 0 0); transition : 0s 1.4s;
    img{display: block; width : 100%;}
}
.brand-line{display: block; width : 48px; height : 2px; margin-top : 66px; background: #8E0018; transform: scaleX(0); transform-origin: left; transition : 0s 1.4s;}
.brand-desc{margin-top: 30px; font-size: 22px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.54; color : #080808; opacity: 0; transform: translateY(30px); transition : 0s 1.4s;}
.brand-tit-bg{margin-top: 40px; font-size: 30px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.53; color : #080808; opacity: 0; transform: translateY(30px); filter: blur(6px); transition : 0s 1.4s;
    b{font-weight: 700;}
    em{font-style: normal; font-weight: 700; color : #8E0018;}
}

.brand-card{position : absolute; right : 9.7vw; top : 47%; width : 41.15vw; height : auto; aspect-ratio: 790 / 324; z-index: 3; border-radius: 16px; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.16); opacity: 0; transform: translateY(80px); transition : 0s 1.4s;}
.brand-slide{width : 100%; height : 100%; border-radius: 16px; overflow: hidden;}
.brand-slide .swiper-slide{display: flex; align-items: center; height : 100%; background: #fff;}
.brand-award{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width : 61.8%; height : 100%;
}
.brand-info{display: flex; flex-direction: column; height : 202px; letter-spacing: -0.04em; color : #080808;}
.brand-year{font-size: 20px; letter-spacing: -0.04em; font-weight: 700; line-height: 1.75;
    b{color : #A3102E;}
}
.brand-prize{font-size: 20px; font-weight: 400; letter-spacing: -0.04em; line-height: 1.75;
    small{font-size: 12px;}
}
.brand-source{margin-top: auto; font-size: 16px; letter-spacing: -0.04em; line-height: 2.18; color : #080808;}

.brand-award img,
.brand-info p{opacity: 0; transform: translateY(20px); transition : .4s;}
.brand-slide .swiper-slide-active{
    .brand-award img{opacity: 1; transform: translateY(0); transition : 1s cubic-bezier(0.22, 1, 0.36, 1) .2s;}
    .brand-year{opacity: 1; transform: translateY(0); transition : 1s cubic-bezier(0.22, 1, 0.36, 1) .35s;}
    .brand-prize{opacity: 1; transform: translateY(0); transition : 1s cubic-bezier(0.22, 1, 0.36, 1) .45s;}
    .brand-source{opacity: 1; transform: translateY(0); transition : 1s cubic-bezier(0.22, 1, 0.36, 1) .55s;}
}

.brand-ribbon{position : absolute; right : -2.35vw; bottom : -2.2vw; width : 10.2vw; z-index: 2; opacity: 0; transition : 0s 1.4s;}

.brand-pagination{display: flex; justify-content: center; gap : 10px; position : absolute; left : 0; top : calc(100% + 15px); width : 100%;
    .swiper-pagination-bullet{width : 15px; height : 15px; margin : 0 !important; border-radius: 15px; background: #B5B5B5; opacity: 1; transition : .5s;}
    .swiper-pagination-bullet-active{width : 49px; background: #8E0018;}
}

.main-brand.on{
    .brand-bg > img{transform: scale(1); transition : 3s;}
    .brand-tit-sm{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) .4s;}
    .brand-logo{clip-path: inset(0); transition : 1.4s cubic-bezier(0.77, 0, 0.175, 1) .6s;}
    .brand-line{transform: scaleX(1); transition : 1s cubic-bezier(0.65, 0, 0.35, 1) 1s;}
    .brand-desc{opacity: 1; transform: translateY(0); transition : 1.2s cubic-bezier(0.22, 1, 0.36, 1) 1.1s;}
    .brand-tit-bg{opacity: 1; transform: translateY(0); filter: blur(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) 1.3s;}
    .brand-card{opacity: 1; transform: translateY(0); transition : 1.4s cubic-bezier(0.22, 1, 0.36, 1) .8s;}
    .brand-ribbon{opacity: 1; transform: rotate(0deg) scale(1); transition : 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 1.8s;}
}

/* 1600 */
@media(max-width:1600px){
/* visual */
.visual-tit-sub{font-size: 30px;}
.visual-tit{font-size: 46px;}
.visual-logo{margin-top: 36px; font-size: 26px;}
.open-rotate-btn{right : 80px; bottom : 36px; width : 90px; height : 90px; font-size: 16px;
    &::after{width : 120px; height : 120px;}
}

/* location */
.location-tit-box{left : 110px; top : 18%;}
.location-tit-sub{font-size: 17px;}
.location-tit{font-size: 36px;}
.location-star{left : -409px; top : 218px; width : 64px; height : 64px;}
.location-circle-left{left : -400px; top : -218px; width : 435px; height : 435px;}
.location-circle-right{left : -29px; top : -220px; width : 435px; height : 435px;}
.location-ring-dot{left : 329px; top : 28px; width : 10px; height : 10px;
    &::after{width : 106px; height : 106px; margin : -53px 0 0 -53px;}
}
.location-circle-center{left : -218px; top : -218px; width : 435px; height : 435px;}
.location-word-box{top : calc(44% + 232px);}
.location-word-sm{font-size: 34px;}
.location-word{width : 520px; height : 76px;}
.location-word-bg{font-size: 60px;}
.location-desc-box{right : 110px;}
.location-desc-tit{margin-bottom: 14px; font-size: 19px;}
.location-desc{font-size: 15px;}
.location-scroll{right : 110px;}
.location-scroll-circle{width : 56px; height : 56px; font-size: 10px;}
.location-notice{left : 110px; bottom : 40px;}

/* life */
.life-tit{left : 140px; font-size: 36px;}
.life-desc-box{right : 110px; padding-left : 36px;}
.life-desc-tit{margin-bottom: 16px; font-size: 19px;}
.life-desc{font-size: 15px;
    small{font-size: 11px;}
}
.life-notice{left : 110px; bottom : 40px;}

/* premium 공통 */
.premium-eng{font-size: 34px;}
.premium-desc-box{padding-left : 36px;}
.premium-desc-tit{margin-bottom: 16px; font-size: 19px;}
.premium-desc{font-size: 15px;
    small{font-size: 11px;}
}

/* premium1 */
.premium1-desc-01{left : 110px; top : 20%;}
.premium1-desc-02{right : 110px; bottom : 60px;}
.premium1-item-01{left : 110px; bottom : 70px; width : 635px;
    .premium-eng{left : 187px; font-size: 32px;}
    .premium-img{height : 304px;}
}
.premium1-item-02{top : 20%; width : 638px;
    .premium-eng{margin-top: 20px; font-size: 32px;}
    .premium-img{height : 300px;}
}
.premium1-notice{left : 110px; bottom : 36px;}

/* premium2 */
.premium2-list{left : 110px; right : 110px; top : 11%;}
.premium2-col{width : 31%;
    &:nth-child(1){margin-top: 190px;}
    &:nth-child(2){margin-top: 96px;}
    .premium-img{height : 210px;}
    .premium-desc-box{margin-top: 30px;}
}
.premium2-notice{right : 110px; bottom : 36px;}

/* brand */
.brand-txt-box{left : 110px; top : 19%;}
.brand-tit-sm{font-size: 22px;}
.brand-logo{margin-top: 16px;}
.brand-line{margin-top : 44px;}
.brand-desc{margin-top: 22px; font-size: 18px;}
.brand-tit-bg{margin-top: 28px; font-size: 25px;}
.brand-year,
.brand-prize{font-size: 16px;}
.brand-info{height : 162px;}
.brand-source{font-size: 13px;}
.brand-pagination{gap : 8px; top : calc(100% + 12px);
    .swiper-pagination-bullet{width : 12px; height : 12px;}
    .swiper-pagination-bullet-active{width : 39px;}
}
}