#wrap{clip-path: ellipse(236px 303px at 50% 50%); opacity: 0; background: #fff;width: 100%;height: 100vh;overflow: hidden;}
/* blind ANIMATION CSS */
.blind-ani{position : relative;}
.blind-inner{display: flex;width:100%;height:100%;position :absolute;left :0;top :0;z-index: 1;}


.blind-inner>span{width :100%;height :100%;clip-path:inset(0);transition : clip-path .7s;transform: scale(1.05);}

.active .swiper-slide-active .blind-ani .blind-inner > span{clip-path: inset(0 100% 0 0);transition-delay: calc((var(--i) - 1) * 0.07s);}

.active .swiper-slide-active .blind-ani.delay05 .blind-inner > span{transition-delay: calc((var(--i) - 1) * 0.07s + 0.5s);}
.active .swiper-slide-active .blind-ani.delay75 .blind-inner > span{transition-delay: calc((var(--i) - 1) * 0.07s + 0.75s);}
.active .swiper-slide-active .blind-ani.delay1 .blind-inner > span{transition-delay: calc((var(--i) - 1) * 0.07s + 1s);}
/* blind ANIMATION CSS */

.cursor{
	display: flex;align-items: center;justify-content: center;position : fixed;z-index: 1000;transform: translate(-50%, -50%) scale(0);pointer-events : none;transition : transform 1s;
	width: 100px;
	height: 100px;
	color: #dccebc;
	border-radius : 50%;
	border : 1px solid #dccebc;
	font-weight: 500;
}
.cursor.on{transform: translate(-50%, -50%) scale(1);}


.visual-slide{width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.visual-slide .swiper-wrapper{transition-timing-function: cubic-bezier(0.20, 0.20, 0.40, 1) !important;}
.visual-inner{display: flex;position :absolute;right : 0;top :0;width : 100%;height : 100%; transition : transform 2s;}

.type2 .visual-inner{transform: translateX(calc(-2913px + 100vw));}
.type3 .visual-inner{transform: translateX(calc(-2913px + 100vw - 771px));}

.visual-01{display: flex;justify-content: end; flex-shrink: 0;position : relative; width : 2913px;}
.visual-bg{height : 100%;width : 100%;object-fit: cover; object-position: center;}

.visual-01-inner{display: flex; gap : 25px; width : 100%;height : 100%; position : absolute;top : 0;padding : 341px 347px 0; color : #fff; transition : width 2s;}
.type2 .visual-01-inner{width : 100vw;}
.type3 .visual-01-inner{width : 100vw;}

.visual-title{font-size: 35px; font-family: Nanum Myeongjo; font-weight: 400; letter-spacing: -0.04em; white-space: nowrap;}

.visual-title .char{opacity: 0; transform: translateY(50px);}

.visual-line{width : 100%;height : 1px; background: #fff; margin-top: 18px; opacity: 0.4; clip-path: inset(0 100% 0 0);}

.visual-con{white-space: nowrap;}

.visual-sub-title{font-size: 35px; font-family: Nanum Myeongjo; font-weight: 400; letter-spacing: -0.04em; margin-bottom: 35px;}
.visual-sub-title .char{opacity: 0; transform: translateY(-50px);}

.visual-desc{font-family: pretendard; font-weight: 500; letter-spacing: -0.04em; line-height: 1.8em; margin-bottom: 35px;font-size : 18px;}

.visual-desc .line{transform: translateX(-100px);opacity: 0;}

.visual-logo{display: block; font-family: pretendard; letter-spacing: -0.04em; color : #000; transform: translateX(-100px); opacity: 0;font-size : 18px;}

.visual-02{display: flex;flex-direction: column;justify-content: center; width : 771px; height : 100%;background: #010033;flex-shrink: 0; border-radius: 0 0 360px 0;position : relative;overflow: hidden; padding : 0 72px;}

.visual-02::after{position : absolute; content : ''; width : 100%;height : 100%; border : 1px solid #bcb5af; border-radius: 360px 0 0 0;left : 1px; top : -1px;}

.overview-title{font-family: jost; font-weight: 500; color : #fff; font-size: 70px; line-height: 1em; text-align: right;margin-bottom: 5px;overflow: hidden;}

.overview-title .char{transform: translateY(100%);}

.overview-desc{font-family: Noto Sans KR; font-size: 19px; letter-spacing: -0.04em; color : #AFAFAF; text-align: right; margin-bottom: 34px;transform: translateX(100px);opacity: 0;}

.overview-list{display: flex;flex-direction: column;gap : 45px}
.overview-list > li{display: flex;flex-direction: column; gap : 19px; color : #fff;}

.overview-con-title{font-family: Noto Sans KR; font-weight: 700; font-size: 22px; letter-spacing: -0.04em;}

.overview-con-title .line{overflow: hidden;}
.overview-con-title .char{transform: translateY(100%);}

.overview-line{width : 303px; height : 1px; background: #fff; clip-path : inset(0 100% 0 0)}

.overview-con-desc{font-family: Noto Sans KR; font-weight: 500; font-size: 18px; color : #ACACAC;}
.overview-con-desc .line{overflow: hidden;}
.overview-con-desc .char{transform: translateY(-100%);}

.visual-info{position : absolute; color : #fff; font-size : 16px; font-family : pretendard; font-weight : 500; letter-spacing : -0.04em; bottom : 30px; width : 100vw;text-align : right;padding-right: 30px;pointer-events : none;left : 0;transition : width 2s;}
.type2 .visual-info,
.type3 .visual-info{width : 100%;}

/**/
.main-section-envi{overflow : hidden;}

.envi-bg-logo{display: flex; position : absolute;left : 0;top : 0;width : 100%;height : 100%; justify-content: end;align-items: center; padding-right: 12%;}

.envi-slide{width : 100%;height : 100vh;}

.envi-slide .swiper-wrapper{transition-timing-function: cubic-bezier(0.20, 0.20, 0.40, 1) !important;}
.envi-inner{display: flex;justify-content: space-between; height : 100%;}
.envi-inner > div{width : 25%;height : 100%; overflow: hidden;}
.envi-inner > div.wide{width : 50%}
.envi-01{display: flex;align-items: center;justify-content: center; flex-shrink: 0;position : relative;overflow: hidden;}
.envi-logo{position : absolute;}
.envi-04{flex-shrink: 0;overflow: hidden;}

.envi-bg{width : 100%;height : 100%; object-fit: cover;object-position: center bottom; transition : transform 3s .4s}

.envi-bg-02{transform: scale(1.4); object-position: center bottom;}

.envi-bg-03,
.envi-bg-04,
.envi-bg-05,
.envi-bg-06,
.envi-bg-07{transform: scale(1.4);}

.active .swiper-slide-active .envi-bg{transform: scale(1);transition : transform 3s}

.envi-slide-01 .envi-02,
.envi-slide-02 .envi-02{display: flex; flex-direction: column;justify-content: space-between; padding-top: 152px; border-right: 1px solid #EFEFEF;}

.envi-slide-01 .envi-03{display: flex; flex-direction: column;justify-content: end; padding-bottom: 96px;}

.envi-slide-02 .envi-03{display: flex; flex-direction: column;justify-content: space-between; align-items: end; padding : 164px 64px 96px 0;}

.envi-con{padding : 0 0 0 64px;width : 100%;transition : opacity 2s .4s, transform 2s .4s;}

.envi-con.down{transform: translateX(100px);opacity: 0;}
.envi-con.up{transform: translateX(100px);opacity: 0;}

.active .swiper-slide-active .envi-con{transform: translateY(0);opacity: 1;}

.envi-slide-03 .envi-02{display: flex; flex-direction: column;justify-content: space-between; align-items: center; padding: 152px 0 12px; border-right: 1px solid #EFEFEF;}

.envi-slide-03 .envi-04{display: flex; flex-direction: column;justify-content: space-between; align-items: center; padding: 259px 0 96px; border-right: 1px solid #EFEFEF;}

.envi-slide-04 .envi-03{display: flex; flex-direction: column;justify-content: space-between; align-items: center; padding: 152px 0 66px; border-right: 1px solid #EFEFEF;}
.envi-slide-04 .envi-04{display: flex; flex-direction: column;justify-content: space-between; align-items: center; padding: 250px 0 66px; border-right: 1px solid #EFEFEF;}

.envi-con-tit{font-size: 28px; font-family: trajan-pro-3; font-weight: 400; margin-bottom: 38px; color : #284766;}

.envi-con-desc{font-family: pretendard; font-size: 18px; font-weight: 500; letter-spacing: -0.04em; line-height: 1.8em; color : #646464;}

.envi-img, .envi-obj{transition : transform 1.4s .4s, opacity 1.4s .4s}

.envi-img-01,
.envi-img-02,
.envi-obj,
.envi-img-05{transform: translateY(100%); opacity: 0;}

.envi-img-03,
.envi-img-04,
.envi-img-06{transform: translateY(-100%); opacity: 0;}

.active .swiper-slide-active .envi-img-01,
.active .swiper-slide-active .envi-img-02,
.active .swiper-slide-active .envi-img-03,
.active .swiper-slide-active .envi-img-04,
.active .swiper-slide-active .envi-img-05,
.active .swiper-slide-active .envi-img-06,
.active .swiper-slide-active .envi-obj{transform: translateY(0%);opacity: 1;}

/* ========================================
   Brand Section Styles - Updated
======================================== */

.main-section-brand {
    overflow: hidden;
}

.brand-slide {
    width: 100%;
    height: 100vh;
}

.brand-slide .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.20, 0.20, 0.40, 1) !important;
}

/* ========================================
   슬라이드 1: VIAAF 소개
======================================== */
.brand-slide-01 {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-bg-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #010033;
    z-index: -1;
}
.brand-bg-01 img {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1.8s, opacity 1.8s;
}

.brand-content-01 {
    text-align: center;
    color: #fff;
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1.5s, opacity 1.5s;
}

.active .swiper-slide-active .brand-content-01 {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 0.4s;
}

.brand-logo {
    display: inline-block;
    margin-bottom: 79.5px;
    opacity: 0;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 0.8s, opacity 0.8s;
}

.brand-subtitle-01 {
    font-family: Nanum Myeongjo;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #fff;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 1.2s, opacity 1.2s;
}

.brand-desc-01 {
    font-family: pretendard;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #fff;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 1.2s, opacity 1.2s;
}

.active .swiper-slide-active .brand-bg-01 img {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transition-delay: 0.3s;
}
.active .swiper-slide-active .brand-logo {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transition-delay: 0.9s;
}
.active .swiper-slide-active .brand-subtitle-01 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.6s;
}
.active .swiper-slide-active .brand-desc-01 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 2.2s;
}

.brand-slide-02 {
    width: 100%;
    height: 100%;
    padding: 9.83vw 8.79vw;
    background: #010033;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brand-header {
    text-align: left;
    margin-bottom: 66px;
    opacity: 0;
    transform: translateY(30px);
    transition: transform 1.2s, opacity 1.2s;
}

.active .swiper-slide-active .brand-header {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.8s;
}

.brand-subtitle {
    font-family: jost;
    font-size: 18px;
    color: #AFAFAF;
    margin-bottom: 17px;
}

.brand-title {
    font-family: pretendard;
    font-size: 28px;
    line-height: 31px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.03em;
}

.brand-diagram-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
}

.brand-diagram-group {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.brand-group-label {
    display: inline-flex;
    align-items: center;
    font-family: pretendard;
    font-size: 20px;
    letter-spacing: -0.02em;
    color: #fff;
    opacity: 0;
    transition: opacity 1.2s;
}

.brand-group-label::before {
    content: '●';
    margin-right: 8px;
    font-size: 10px;
}

.brand-diagram-row {
    display: flex;
    align-items: center;
}

.brand-diagram-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transition: opacity 1.2s ease-in;
}

.brand-diagram-row .brand-diagram-item:nth-child(2) {
    margin-left: -60px;
}

.active .swiper-slide-active .brand-diagram-group:nth-child(1) .brand-group-label {
    opacity: 1;
    transition-delay: 1.2s;
}
.active .swiper-slide-active .brand-diagram-group:nth-child(1) .brand-diagram-item:nth-child(1) {
    opacity: 1;
    transition-delay: 1.2s;
}

.active .swiper-slide-active .brand-diagram-group:nth-child(1) .brand-diagram-item:nth-child(2) {
    opacity: 1;
    transition-delay: 1.6s;
}

.active .swiper-slide-active .brand-diagram-group:nth-child(3) .brand-group-label {
    opacity: 1;
    transition-delay: 2.6s;
}
.active .swiper-slide-active .brand-diagram-group:nth-child(3) .brand-diagram-item:nth-child(1) {
    opacity: 1;
    transition-delay: 2.6s;
}

.active .swiper-slide-active .brand-diagram-group:nth-child(3) .brand-diagram-item:nth-child(2) {
    opacity: 1;
    transition-delay: 3s;
}

.brand-circle {
    width: 20.93vw;
    height: 20.93vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    transition: transform 0.5s;
}

.brand-circle-01 {
    background: #ADA7A3;
}

.brand-circle-02 {
    background: rgba(40, 71, 102, .9);
}
.brand-circle-02 .brand-circle-label::after {
    margin-bottom: 30px;
}

.brand-circle-03 {
    background: #ADA7A3;
}
.brand-circle-03 .brand-circle-label::after {
    margin-bottom: 29px;
}

.brand-circle-04 {
    background: rgba(40, 71, 102, .9);
}
.brand-circle-04 .brand-circle-title-big {
    margin-top: 5.39vw;
}

.brand-circle-content {
    text-align: center;
    color: #fff;
    padding: 2.25vw 2vw 2vw;
}

.brand-circle-label {
    font-family: pretendard;
    font-size: 22px;
    display: block;
    font-weight: 500;
}
.brand-circle-label::after {
    content: '';
    display: block;
    width: 134px;
    height: 1px;
    background-color: #fff;
    margin: 19px auto 14px;
}

.brand-circle-title {
    font-size: 38px;
    line-height: 52px;
    font-weight: normal;
}

.brand-circle-title-big {
    font-family: pretendard;
    font-size: 33px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -0.03em;
}

.brand-circle-list li {
    font-family: pretendard;
    font-size: 15px;
    letter-spacing: -0.03em;
}
.brand-circle-list li + li {margin-top: 11px;}
.brand-circle-list li strong {
    display: block;
    font-family: pretendard;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: -0.03em;
}

.brand-diagram-plus {
    font-size: 50px;
    color: #fff;
    font-weight: 300;
    opacity: 0;
    transition: opacity 1s;
}

.active .swiper-slide-active .brand-diagram-plus {
    opacity: 1;
    transition-delay: 2.1s; 
}

/* ========================================
   슬라이드 3: 브랜드 스토리
======================================== */
.brand-slide-03 {
    width: 100%;
    height: 100%;
    display: flex;
}

.brand-left-03 {
    width: 50%;
    background: url('../images/main/brand-bg-01.jpg') no-repeat 50% 50% /cover;
    padding: 6.91vw 6.7vw 6.91vw 8.79vw;
    display: flex;
    flex-direction: column;
}

.brand-left-03 .brand-subtitle {
    color: #999;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-left-03 .brand-subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}
.brand-left-03 .brand-header {
    margin-bottom: 79px;
}
.brand-left-03 .brand-title {
    color: #333;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-left-03 .brand-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.brand-img-box {
    margin-bottom: 78px;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-img-box {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

.brand-descriptions {
    padding-left: 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-descriptions {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.4s;
}

.brand-desc-title {
    display: inline-flex;
    align-items: center;
    font-family: jost;
    font-size: 20px;
    color: #000;
    margin-left: -20px;
    margin-bottom: 28px;
}

.brand-desc-title::before {
    content: '●';
    margin-right: 9px;
    font-size: 10px;
    color: #ADA7A3;
}

.brand-desc-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 25px;
}

.brand-desc-list li {
    display: flex;
    align-items: center;
    font-family: pretendard;
    font-size: 20px;
    letter-spacing: -0.03em;
    color: #000;
    line-height: 1.2;
}

.brand-desc-label {
    font-family: jost;
    width: 200px;
    font-size: 27px;
    line-height: 36px;
    font-weight: 400;
    color: #333;
}

.brand-desc-label b {
    font-family: inherit;
    font-weight: normal;
    color: #ADA7A3;
}

.brand-desc-bar {
    margin-right: 23px;
    color: #818181;
}

.brand-desc-text {
    font-weight: 400;
}

.brand-desc-summary {
    font-family: pretendard;
    font-size: 20px;
    letter-spacing: 0.03em;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
}

.brand-right-03 {
    width: 50%;
    background: url('../images/main/brand-bg-02.jpg') no-repeat 50% 50% /cover;
    padding: 6.91vw 6.7vw 6.91vw 8.79vw;
    display: flex;
    flex-direction: column;
}

.brand-right-03 .brand-sub-title {
    color: #999;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-right-03 .brand-sub-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

.brand-right-03 .brand-header {
    margin-bottom: 128px;
}
.brand-right-03 .brand-title {
    color: #333;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-right-03 .brand-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

.brand-story-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand-story-headline {
    font-family: Nanum Myeongjo;
    font-size: 37px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.04em;
    margin-bottom: 50px;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-story-headline {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}

.brand-story-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    text-align: center;
}

.brand-story-text p {
    font-family: pretendard;
    font-size: 18px;
    color: #000;
    line-height: 1.8em;
    letter-spacing: -0.03em;
    opacity: 0;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s;
}

.active .swiper-slide-active .brand-story-text p:nth-child(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.4s;
}

.active .swiper-slide-active .brand-story-text p:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.7s;
}

.active .swiper-slide-active .brand-story-text p:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 2s;
}


.premium-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0; overflow: hidden;z-index: -1; background: url('../images/main/premium-bg.jpg') no-repeat 5% 50% /cover;}

.premium-bg-img{width : 100%;height : 100%;background: #FAFAFA;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 53%);;position : relative; transition : clip-path 2s .4s;}
.active .premium-bg-img{clip-path: polygon(23.0208% 0, 61.6667% 0, 13.75% 100%, 0 100%, 0 46.1856%);}
.premium-bg::after{position : absolute;content : '';width : 15vw;height : 1px;background: #0E2F52; transform: rotate(-45deg); left : 11vw;top : 50px; transform-origin: right bottom; clip-path: inset(0 100% 0 0);transition : clip-path 2s .4s;}
.premium-bg::before{position : absolute;content : '';width : 20vw;height : 1px;background: #0E2F52; transform: rotate(-45deg); left : 14vw;bottom : 5vw; transform-origin : center;z-index: 1; clip-path: inset(0 100% 0 0);transition : clip-path 2s .4s;}

.active .premium-bg::after,
.active .premium-bg::before{clip-path: inset(0);}
.active .premium-bg::after{transition-delay: .4s;}
.active .premium-bg::before{transition-delay: .6s;}

.premium-inner{display: flex;justify-content: end;align-items: center; width : 100%; max-width: 1740px; margin : 0 auto;}

.premium-left{padding-left: 225px;padding-top: 50px; flex-shrink : 0;position : absolute;left : 0;}
.premium-sub-title{display: flex; align-items: center; font-size: 24px; font-family: Nanum Myeongjo; font-weight: 400;gap : 14px;}

.premium-sub-title > p{overflow: hidden;}
.premium-sub-title .char{transform: translateY(100%);}

.premium-title-img{display: flex;align-items: center;}

.premium-title-img-01{transform: scale(1.5);opacity: 0;}
.premium-title-img-02{opacity: 0;}

.premium-title{font-family: futura-pt; font-weight: 600; font-size: 47px; margin-bottom: 73px; transform: translateY(100px);opacity: 0;  transition : opacity 1s .4s, letter-spacing 1s .4s, transform 1s .4s;}
.active .premium-title{letter-spacing: 0.5em;transform: translateY(0);opacity: 1; transition : opacity 1.4s .4s, letter-spacing 1.4s 1.4s, transform 1.4s .4s;}

.premium-rotate-btn{display: flex;align-items: center;justify-content: center;width : 144px;height : 144px;position : relative; transform: scale(0);transition : transform 1s .4s;}
.active .premium-rotate-btn{transform: scale(1);transition : transform 1s 1s;}
.premium-rotate-btn::after{position :absolute; content: '';width : 100%;height : 100%; background: url(/assets/images/main/premium-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s linear infinite}
@keyframes rotate-text {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.premium-rotate-btn > img{transition: transform .5s;}
.premium-rotate-btn:hover > img{transform: translateX(10px);}

.premium-list{display: grid; grid-template-columns: repeat(4, 1fr);white-space: nowrap; padding-top: 59px;}
.premium-list > li{display: flex;flex-direction: column;align-items: center; width : 320px;height : 350px; text-align: center;position : relative;padding-top: 20px;}

.premium-list > li:nth-child(2)::after,
.premium-list > li:nth-child(3)::after,
.premium-list > li:nth-child(4)::after{position : absolute;content: ''; width : 88%; height : 1px; background: #DBDBDB;bottom : 0; clip-path: inset(0 50%); transition : clip-path 1s .4s;}

.premium-list > li:nth-child(2)::before,
.premium-list > li:nth-child(3)::before,
.premium-list > li:nth-child(5)::before,
.premium-list > li:nth-child(6)::before,
.premium-list > li:nth-child(7)::before{position : absolute;content: ''; width : 1px; height : 90%; background: #DBDBDB;right : 0;top : 50%;transform: translateY(-50%);clip-path: inset(50% 0); transition : clip-path 1s .4s;}

.active .premium-list > li::after,
.active .premium-list > li::before{clip-path: inset(0);transition : clip-path 1s 1s;}

.premium-icon{margin-bottom: 18px; transform: translateX(-50px); opacity: 0; transition : opacity 1s .4s, transform 1s .4s;}

.premium-list-tit-eng{font-family: ofelia-text; font-weight: 400; color :#121212; margin-bottom: 19px; transform: translateX(-50px); opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.premium-list-tit-eng b{font-weight: 700;}

.premium-list-tit-kor{font-family: pretendard; letter-spacing: -0.033em; color : #284766; font-weight: 700; font-size: 22px; margin-bottom: 19px;line-height: 1.5em; transform: translateX(-50px); opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}

.premium-list-desc{font-size: 18px; letter-spacing: -0.033em; font-family: pretendard; line-height: 1.8em; color : #121212; transform: translateX(-50px); opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}

.active .premium-icon,
.active .premium-list-tit-eng,
.active .premium-list-tit-kor,
.active .premium-list-desc{transform: translateX(0px); opacity: 1}

.active .premium-icon{transition-delay: 1.4s;}
.active .premium-list-tit-eng{transition-delay: 1.5s;}
.active .premium-list-tit-kor{transition-delay: 1.6s;}
.active .premium-list-desc{transition-delay: 1.7s;}

.premium-info{position : absolute; color : rgba(0,0,0,0.4); font-size : 16px; font-family : pretendard; font-weight : 500; letter-spacing : -0.04em; bottom : 20px; width : 100vw;text-align : right;padding-right: 30px;pointer-events : none;left : 0;transition : width 2s;}

/**/
/**/
.main-section-location{overflow: hidden;}
.main-section-location .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.location-bg{display: flex;align-items: center;justify-content: center; position : absolute;width : 100%;height : 100%;left : 0;top : 0;z-index: -1;}
.location-bg > img{width: 100%; height: 100%; object-fit: cover;object-position: center; transform: scale(1.2);transition : transform 2s;}
.fp-active .location-bg > img{transform: scale(1);transition : transform 3s;}

.location-container{display: flex;gap : 45px;}

.location-title{font-family: futura-pt; font-size: 70px; color : #D1A47D; text-align: center; font-weight: 500; overflow: hidden;}
.location-title .char{transform: translateY(100%);}

.location-desc{font-size: 19px; letter-spacing: -0.04em; color : #F4F4F4; margin-bottom: 43px;text-align: center; transform: translateY(50px);opacity: 0;transition : transform 1s, opacity 1s;}
.fp-active .location-desc{transform: translateY(0);opacity: 1;transition : transform 1s .4s, opacity 1s .4s;}

.location-map{margin-bottom: 24px;clip-path: inset(0 50%); transition : clip-path 1s}
.fp-active .location-map{clip-path: inset(0);transition : clip-path 1s 1.5s}

.location-address-box{display: flex;align-items: start;justify-content: start;}
.location-address-box + .location-address-box{margin-top: 20px;}

.location-name{display: flex;justify-content: center;align-items: center; width : 100px;height : 13px; color : #D1A47D; letter-spacing: -0.033em; font-weight: 700;font-family: pretendard;font-size: 18px;position : relative; margin-right: 33px; margin-top: 5px;}
.location-name::after{position : absolute; content : ''; width : 1px; height : 100%;background: #D1A47D;left : 0; clip-path: inset(50% 0); transition : clip-path 1s, left 1s;}
.location-name::before{position : absolute; content : ''; width : 1px; height : 100%;background: #D1A47D;left : 0; clip-path: inset(50% 0); transition : clip-path 1s, left 1s;}

.fp-active .location-name::after{clip-path: inset(0);transition : clip-path 1s .4s, left 1s .4s;}
.fp-active .location-name::before{clip-path: inset(0);left: 100%; transition : clip-path 1s .4s, left 1s 1s;}

.location-name > span{opacity: 0;transform: translateY(100%);transition : opacity 1s, transform 1s;}
.fp-active .location-name > span{transform: translateY(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.5s;}

.location-address{font-size: 18px; letter-spacing: -0.033em; color : #EDEDED; font-family: pretendard; font-weight: 500; opacity: 0; transition : opacity 1s;}
.fp-active .location-address{opacity: 1; transition-delay: 1.5s;}

.location-btn-box{display: flex;gap : 4px; margin-left: auto;transform: translateX(50px); opacity: 0;transition : opacity 1s, transform 1s;}
.fp-active .location-btn-box{transform: translateX(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.5s;}
.location-btn-box > a{transition : transform .5s;}
.location-btn-box > a:hover{transform: translateY(-5px);}