.visual-slide{width : 100%;height : 100%;}

.visual-slide .swiper-slide{overflow : hidden;}

.visual-inner{display: flex; width : 100%;height : 100%;}
.visual-left{display: flex;align-items: center;justify-content: center; width : 65%; position : relative; height : 100%;padding-bottom: 140px; flex-shrink: 0;}

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

.on .swiper-slide-active .visual-bg > img{transform: scale(1); transition : 3s;}

.visual-tit-box{writing-mode: vertical-lr; font-family: NM; letter-spacing: 0.1em;}

.visual-tit-01{display: flex;align-items: center;gap : 16px; font-size: 20px;}
.visual-tit-02{font-size: 31px; margin-right: 10px;}

.visual-line{display: block; width : 1px; height : 92px; background: rgba(0,0,0,0.2);}

.visual-right{display: flex;flex-direction: column;justify-content: center;align-items: center; background: #fff; width : 100%; transform: translateX(100px); opacity: 0; transition : 2s; padding-top: 100px;}
.on .swiper-slide-active .visual-right{opacity: 1; transform: translateX(0);}

.visual-video{width : 299px;height : 473px; position :relative; margin-bottom: 78px;}
.visual-video-inner{width : 100%;height : 100%; overflow: hidden; border-radius: 1000px;}
.visual-video-inner > video{width : 100%; height : 100%; object-fit: cover; object-position: center;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 88px; height : 88px; background :#6AAAC4; position : absolute; border-radius: 100%; right : 0;top : 0;}
.open-rotate-btn > p{font-family: PT; font-size: 19px; font-weight: 700; letter-spacing: -0.04em; color : #fff;}
.open-rotate-btn::after{position :absolute; content : ''; width : 128px; height : 128px; background: url(/assets/images/main/visual-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
@keyframes rotate-text {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.visual-con{padding-left: 26px; position : relative; width : 217px; white-space: nowrap;}
.visual-con::after{position :absolute; content : ''; width : 1px; height : 100%; background: rgba(0,0,0,0.5); transition : clip-path 1s; left : 0;top : 0; clip-path: inset(0 0 100%);}
.on .swiper-slide-active .visual-con::after{clip-path: inset(0); transition-delay: .5s;}

.visual-con > p{color : #909090; font-size: 16px; font-family: Noto Sans KR; font-weight: 500; letter-spacing: -0.04em; line-height: 1.8em; opacity: 0; transform: translateX(50px); transition : 1s;}

.on .swiper-slide-active .visual-con > p{transform: translateX(0); opacity: 1;}

.on .swiper-slide-active .visual-con > p:nth-child(1){transition-delay: .5s;}
.on .swiper-slide-active .visual-con > p:nth-child(2){transition-delay: .6s;}
.on .swiper-slide-active .visual-con > p:nth-child(3){transition-delay: .7s;}

.visual-con > p .color{color : #6AAAC4}
.visual-con > p b{font-weight: 500; color : #000}

/**/
.premium-slide{display: flex;flex-direction: column;align-items: center; justify-content: center;width : 100%;height : 100%;position :relative;padding-top: 50px;}
.premium-bg{width : 100%;height :100%; overflow: hidden;position :absolute; left : 0;top : 0; z-index: -1;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : transform 0s 1s;}

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

.premium-inner{display: flex;flex-direction: column;align-items: center; justify-content: start; width : 100%; max-width: 1540px; position : absolute; z-index: 1;height : 600px;}

.premium-img-box{display: flex;flex-direction: column; gap : 13px;align-items: start; position : absolute; pointer-events: none;}
.type1 .premium-img-box-01{pointer-events: all;}
.type2 .premium-img-box-02{pointer-events: all;}

.premium-img-box > img:nth-child(1){align-self: end;}

.premium-img-box-02 > img:nth-child(3){align-self: end;}

.premium-img-box > img{transition : width 1s, opacity .7s; object-fit: cover; object-position: center; border-radius: 1000px; width : 139px;height : 139px; opacity: 0;}

.active .type1 .premium-img-box-01 > img{width : 100%; opacity: 1;}
.active .type1 .premium-img-box-01 > img:nth-child(1){width : 472px;}
.active .type1 .premium-img-box-01 > img:nth-child(3){width : 472px;}

.active .type2 .premium-img-box-02 > img{width : 100%; opacity: 1;}
.active .type2 .premium-img-box-02 > img:nth-child(1){width : 472px;}
.active .type2 .premium-img-box-02 > img:nth-child(4){width : 472px;}

.premium-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 88px; height : 88px; background :#6AAAC4; position : absolute; border-radius: 100%; right : 0;top : 0; transform: translateY(-50%) scale(0); opacity: 0; transition : transform 1s, opacity .7s;}

.active .type1 .premium-img-box-01 .premium-rotate-btn{transform: translateY(-50%) scale(1); transition-delay: .7s; opacity: 1;}
.active .type2 .premium-img-box-02 .premium-rotate-btn{transform: translateY(-50%) scale(1); transition-delay: .7s; opacity: 1;}
.premium-rotate-btn::after{position :absolute; content : ''; width : 128px; height : 128px; background: url(/assets/images/main/premium-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}

.premium-tit-box{padding-left: 38px; position : relative; align-self: start;}
.premium-tit-desc{margin-bottom: 33px; font-size: 17px; font-family: Noto Sans KR; letter-spacing: -0.06em; line-height: 1.5em; color : #3E3E3E; transform: translateX(100px); opacity: 0; transition : 1s;}
.active .type1 .premium-tit-desc{transform: translateX(0); opacity: 1; transition-delay: .4s;}
.premium-tit{font-family: NM; color : #353F49; letter-spacing: -0.06em; font-size: 24px; font-weight: 400; line-height: 1.5em; transform: translateX(100px); opacity: 0; transition : 1s;}
.active .type1 .premium-tit{transform: translateX(0); opacity: 1; transition-delay: .5s;}
.premium-tit b{font-weight: 800;}

.premium-tit-box::after{position :absolute; content : ''; width : 1px; height : 100%; background: #6AAAC4; transition : clip-path 1s; left : 0;top : 0; clip-path: inset(0 0 100%);}
.active .type1 .premium-tit-box::after{clip-path: inset(0); transition-delay: .5s;}

.premium-con-box{position : absolute;width : 100%;}
.premium-con{position : absolute; white-space : nowrap; opacity: 0; transition : 1s;}

.premium-con-01{left : 0;top : 0; transform: translateX(-100px);}
.premium-con-02{right : 248px;top : 0;width : 0; transform: translateX(100px);}
.premium-con-03{left : 0; top : 300px; transform: translateX(-100px);}
.premium-con-04{right : 248px;top : 300px;width : 0; transform: translateX(100px);}

.active .type1 .premium-con-box-01 .premium-con-01{opacity: 1; transform: translateX(0); transition-delay: .4s;}
.active .type1 .premium-con-box-01 .premium-con-02{opacity: 1; transform: translateX(0); transition-delay: .5s;}
.active .type1 .premium-con-box-01 .premium-con-03{opacity: 1; transform: translateX(0); transition-delay: .6s;}
.active .type1 .premium-con-box-01 .premium-con-04{opacity: 1; transform: translateX(0); transition-delay: .7s;}

.active .type2 .premium-con-box-02 .premium-con-01{opacity: 1; transform: translateX(0); transition-delay: .4s;}
.active .type2 .premium-con-box-02 .premium-con-02{opacity: 1; transform: translateX(0); transition-delay: .5s;}
.active .type2 .premium-con-box-02 .premium-con-03{opacity: 1; transform: translateX(0); transition-delay: .6s;}
.active .type2 .premium-con-box-02 .premium-con-04{opacity: 1; transform: translateX(0); transition-delay: .7s;}

.premium-con-tit{font-size: 15px; color : #6AAAC4; font-family: athena; letter-spacing: 0.6em; margin-bottom: 30px;}
.premium-con-tit-kor{font-size: 24px; font-family: Noto Sans KR; letter-spacing: -0.06em; margin-bottom: 16px;}
.premium-con-desc{font-size: 16px; font-family: Noto Sans KR; line-height: 1.8em; letter-spacing: -0.06em;}
.premium-con-desc b{font-weight: 500;}

.premium-navigation{display : flex; align-items: center; gap : 42px;position : absolute; bottom : 60px; font-family: futura-pt; font-size: 18px; color : #294F51; font-weight: 500; letter-spacing: 0.25em; transform: translateY(50px); opacity: 0; transition :1s; z-index: 1;}
.active .premium-navigation{transform: translateY(0); opacity: 1; transition-delay: 1s;}
.premium-navigation > div{display : flex; flex-direction : column; font-family: montserrat; font-size: 12px; cursor : pointer;}
.premium-navigation > div img{transition : transform .5s;}

.premium-navigation > .premium-prev span{padding-left: 20px;}
.premium-navigation > .premium-prev img{transform: rotate(180deg);}
.premium-navigation > .premium-prev:hover img{transform: rotate(180deg) translateX(30px);}

.premium-navigation > .premium-next{align-items: end;}
.premium-navigation > .premium-next:hover img{transform: translateX(30px);}

.premium-navigation > .premium-next span{padding-right: 20px;}


/**/

.envi-bg{width : 100%;height :100%; overflow: hidden;position :absolute; left : 0;top : 0; z-index: -1; background: #F1EFEE;}
.envi-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: translateX(30%); opacity: 0; transition : transform 0s 1s, opacity 0s 1s;}

.active .envi-bg > img{transform: translateX(0);opacity: 1; transition : transform 2s .4s, opacity 2s .4s;}

.envi-inner{width : 100%;max-width: 1740px; margin : 0 auto; padding-bottom: 160px;}

.envi-tit{font-family: NM; font-size: 32px; font-weight: 400; color : #353F49; margin-bottom: 24px; line-height: 1.5em; transform: translateX(-100px); opacity: 0; transition : transform 0s 1s, opacity 0s 1s;}
.active .envi-tit{transform: translateX(0);opacity: 1; transition : transform 1.2s .4s, opacity 1.2s .4s;}
.envi-tit b{font-weight: 700;}

.envi-desc{font-size: 20px; font-family: Noto Sans KR; font-weight: 400; color : #3C3C3C; transform: translateX(-100px); opacity: 0; transition : transform 0s 1s, opacity 0s 1s;}
.active .envi-desc{transform: translateX(0);opacity: 1; transition : transform 1.2s 1s, opacity 1.2s 1s;}

.envi-tit-eng{position :absolute; bottom : 60px; font-family: athena; letter-spacing: 0.6em; font-size: 17px; color : #353F49; font-weight: 400;} 

.envi-tit-eng .char{opacity: 0; transition : opacity .7s;}
.active .envi-tit-eng .char{opacity : 1;}
.envi-tit-eng .char:nth-child(1){transition-delay: 0.4s;}
.envi-tit-eng .char:nth-child(2){transition-delay: 0.5s;}
.envi-tit-eng .char:nth-child(3){transition-delay: 0.6s;}
.envi-tit-eng .char:nth-child(4){transition-delay: 0.7s;}
.envi-tit-eng .char:nth-child(5){transition-delay: 0.8s;}
.envi-tit-eng .char:nth-child(6){transition-delay: 0.9s;}
.envi-tit-eng .char:nth-child(7){transition-delay: 1s;}
.envi-tit-eng .char:nth-child(8){transition-delay: 1.1s;}
.envi-tit-eng .char:nth-child(9){transition-delay: 1.2s;}
.envi-tit-eng .char:nth-child(10){transition-delay: 1.3s;}

/**/

.brand-01{position : absolute; width : 100%;height : 100%;left : 0;top : 0;}

.brand-01 .brand-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; background: #C4E1FC; width : 50%;height : 100%;}
.brand-bg{width : 100%;height :100%; overflow: hidden;position :absolute; left : 0;top : 0; z-index: -1; background: #F1EFEE;}
.brand-bg-img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : transform 0s 1s; }
.active .brand-bg-img{transform: scale(1); transition :3s;}

.brand-tit-01{font-size: 37px; font-family: athena; font-weight: 400; letter-spacing: 0.3em; color : #353F49; margin-bottom: 28px;}

.brand-tit-01 .char{opacity: 0;}
.brand-desc-01{font-family: PT; font-weight: 500; color : #353F49; font-size: 22px;}
.brand-desc-01 .char{opacity: 0;}

.brand-obj{position : absolute; bottom : 25px;left : 0; transform: scale(1.2); opacity: 0;}

.brand-tit-big{font-size: 192px; font-family: Athena;color : #fff; font-weight: 400; position :absolute; bottom : 0; left : 85px}
.brand-tit-big .char{opacity: 0;}

.brand-logo{position : absolute; background: #fff;transform: translateY(180px); opacity: 0;}
.brand-logo > img{position : absolute;left : 0;top : 0; opacity: 0;}
.brand-logo > img:first-child{position :static}

.brand-logo > img:nth-child(4n + 1){transform: translateX(-50px);}
.brand-logo > img:nth-child(4n + 2){transform: translateY(-50px);}
.brand-logo > img:nth-child(4n + 3){transform: translateX(50px);}
.brand-logo > img:nth-child(4n + 4){transform: translateY(50px);}

.brand-02{width : 100%;height : 100%; background: #fff;position : absolute;left : 0;top : 0; opacity: 0;}

.brand-02 .brand-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center; height : 100%; padding-top: 100px;position :relative; z-index: 1;}

.brand-02 .brand-bg{width : 100%;height :100%; overflow: hidden;position :absolute; left : 0;top : 0;z-index: 1; clip-path: inset(0 0 0 66.6666%);}
.brand-02 .brand-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.brand-tit-02{font-size: 52px; font-family: athena; color : #353F49; font-weight: 400; margin-bottom: 21px;}
.brand-tit-02 .char{transform: translateY(-50px); opacity: 0;}

.brand-sub-tit{font-size: 22px; font-family: PT; font-weight: 500; margin-bottom: 27px; color : #353F49; transform: translateY(50px); opacity: 0;}

.brand-line{width : 1px; height : 85px; background: #C9C9C9; margin-bottom: 27px; clip-path: inset(0% 0% 100% 0%);}

.brand-desc-02{font-size: 16px; font-family: PT; font-weight: 500; line-height: 1.8em; margin-bottom: 70px; color : #606060;}
.brand-desc-02 .line{transform: translateX(-50px); opacity: 0;}

.brand-desc-03{font-size: 25px; font-family: NM; font-weight: 400; margin-bottom: 70px; transform: scale(1.5); opacity: 0;}

.brand-02 .brand-logo{background: transparent; opacity: 1; position : static; transform: translateY(0);}

.brand-02 .brand-tit-big{color : #D5D5D5;z-index: 2;}
.brand-02 .brand-obj{color : #D5D5D5;z-index: 3;}


.location-bg{position : absolute;left : 0;top : 0; overflow: hidden;z-index: -1; overflow: hidden;width : 100%;height : 100%;}
.location-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4); transition : transform 0s 1.2s;}
.fp-active .location-bg > img{transform: scale(1); transition : transform 4s;}

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

.location-inner{display: flex;flex-direction: column;align-items: center;padding-top: 50px;}

.location-tit-box{display: flex;flex-direction: column;align-items: center; position : relative; margin-bottom: 48px;}

.location-tit{font-family: Athena; font-size: 43px; margin-bottom: 12px; line-height: 1em;opacity: 0; letter-spacing: 1.5em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #393F45; font-weight: 400;}

.fp-active .location-tit{opacity: 1; letter-spacing: 0.3em; transition : opacity 1s .4s, letter-spacing 1s 1.3s;}

.location-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; color : #2C2C2C;}
.location-desc b{color : #353F49; font-weight: 700;}
.fp-active .location-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.3s, transform 1s 1.3s;}

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

.location-map{margin-bottom: 40px; position : relative; opacity: 0; transition : opacity 1s;}

.fp-active .location-map{opacity: 1; transition-delay: 1.3s;}

.location-address-box{display: flex;align-items: end;justify-content: start; width : 100%;}
.location-address-box + .location-address-box{margin-top: 30px;}

.location-name{position : relative; margin-right: 33px; opacity: 0; transition : opacity 1s;}
.fp-active .location-name{transform: translateX(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.3s;}

.location-address-tit{color : #353F49;font-size: 25px; font-family: PT; letter-spacing: -0.04em; font-weight: 500; margin-bottom: 9px;}
.location-address-tit .color{color : #447D95;}

.location-address{font-size: 16px; letter-spacing: -0.04em; color : #1F1F1F; font-family: PT; font-weight: 500; margin-top: 8px;}

.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.3s;}
.location-btn-box > a{transition : transform .5s;}
.location-btn-box > a:hover{transform: translateY(-5px);}

.location-sign{font-family: AV; font-size: 51px; color : #2C2C2C; position : absolute; right : 80px; bottom : 80px; transform: rotate(-15deg) translateY(100px) translateX(-200px); opacity: 0; transition : transform 1s, opacity 1s;}
.fp-active .location-sign{transform: rotate(-15deg); opacity: 1; transition-delay: 1s;}