.scroll{position:absolute;bottom:55px;left:85px;z-index:2;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateX(-100px);transition:1.2s;}
.scroll.on{transform:translateX(0);opacity:1;}

.hide.scroll{display:none;}
.scroll-line{position:relative;width:1px;height:73px;background:#707070;transition:1.2s;}
.scroll-line::before{content:'';position:absolute;width:1px;height:100%;background:#fff;transform-origin:top;animation:scrollLineAni 2s ease-in-out infinite;transition:1.2s;}
.scroll-icon{width:9px;height:9px;border:1px solid #fff;border-radius:50%;flex-shrink:0;margin-top:8px;transition:1.2s;}
.scroll-arrow{width:9px;height:9px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);margin-top:2px;transition:1.2s;}
.scroll > span{position:absolute;bottom:-5px;left : 30px;font-family:futura-pt;font-size:15px;color:#fff;transition:1.2s; white-space: nowrap;}
@keyframes scrollLineAni{
    0%{transform:scaleY(0);transform-origin:top;opacity:1;}
    50%{transform:scaleY(1);transform-origin:top;opacity:1;}
    51%{transform:scaleY(1);transform-origin:bottom;opacity:1;}
    100%{transform:scaleY(0);transform-origin:bottom;opacity:0;}
}

.dark .scroll-line{background-color:rgba(0,0,0,.32);}
.dark .scroll-line::before{background-color:#000;}
.dark .scroll-icon{border-color:#000;}
.dark .scroll-arrow{border-color:#000;}
.dark.scroll > span{color:#000;}


.main-section-visual{overflow: hidden;}
.visual-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;}
.visual-bg{display: flex;justify-content: center;align-items: center; position : absolute; width : 100%;height : 100%;left : 0;top : 0;z-index: -1; /* filter : brightness(0.7) */}

.visual-bg > div{ position :absolute;width : 100%;/* padding-bottom: 108%; */height : 100%; transform: rotate(0); transition : 0s cubic-bezier(.49,.01,.55,.99) 1s;}
.visual-bg > video{position :absolute;left : 0;top : 0;width : 100%;height : 100%;object-fit: cover;object-position: center; transform: scale(1.2); transition : 3s;}
.play .visual-bg > video{transform : scale(1)}

.play .swiper-slide-active .visual-bg > div{transform: rotate(0deg); transition : 1.5s cubic-bezier(.49,.01,.55,.99);}

.visual-bg > div.visual-circle-03{z-index: 1; transition-delay: 0.15s; filter: brightness(0.6); }
.play .swiper-slide-active .visual-bg > div.visual-circle-03{transition : 1.5s cubic-bezier(.49,.01,.55,.99) 0.15s;}

.visual-bg > div.visual-circle-02{clip-path: circle(700px); filter: blur(10px) brightness(0.8); z-index: 2;}
.play .swiper-slide-active .visual-bg > div.visual-circle-02{transition : 1.5s cubic-bezier(.49,.01,.55,.99) 0.075s;}

.visual-bg > div.visual-circle-01{clip-path: circle(380px); z-index: 3; filter: brightness(0.6);}


.visual-bg > div > img,
.visual-bg > div > video{position :absolute;left : 0;top : 0;width : 100%;height : 100%;object-fit: cover;object-position: center; transform: scale(1.25); transition : 1.65s cubic-bezier(.39,.02,.19,1.01);}
.play .swiper-slide-active .visual-bg > div > img,
.play .swiper-slide-active .visual-bg > div > video{transform: scale(1);}

.visual-inner{display: flex;flex-direction: column;align-items: center;justify-content: center;height : 100%;}

.visual-tit-box{height : 123px; color : #fff; text-align: center;}
.visual-sub-tit{font-family: PT; font-size: 25px;  font-weight: 400; letter-spacing: -0.03em; margin-bottom: 24px; overflow: hidden;}
.visual-sub-tit b{font-weight: 700;}
.visual-sub-tit .char{transform: translateY(100%); transition : .6s;}
.play .swiper-slide-active .visual-sub-tit .char{transform: translateY(0); transition-delay: 0.6s;}

.visual-logo{overflow: hidden;}
.visual-logo > img{transform: translateY(100%); transition : .6s;}
.play .swiper-slide-active .visual-logo > img{transform: translateY(0); transition-delay: 0.9s;}

.visual-tit{font-family: futura-pt-bold; font-weight: 700;font-size: 59px; letter-spacing: 0.35em; padding-left: 0.35em; overflow: hidden; line-height: 1em;}
.visual-tit .char{transform: translateY(100%); transition : .6s;}
.play .swiper-slide-active .visual-tit .char{transform: translateY(0); transition-delay: 0.9s;}

.visual-navigation{display: flex;align-items: center; position : absolute;z-index: 10;gap : 14px; transform: translateY(200px); opacity: 0; transition : 1s;}
.play .visual-navigation{transform: translateY(100px); opacity: 1; transition-delay:1s;}

.visual-navigation > div{cursor: pointer; transition : .5s;}
.visual-prev:hover{transform: translateX(-10px);}
.visual-next:hover{transform: translateX(10px);}

.visual-rect{width : 1px; height : 14px; background: #fff; pointer-events: none;}
.visual-next > img{transform: rotate(180deg);}

.visual-navigation .swiper-button-disabled{opacity: 0.5; pointer-events: none;}

.visual-bg > video{width : 100%;height : 100%; object-fit : cover; object-position : center; filter : brightness(0.6)}
.visual-bg > .visual-circle-border{position : absolute; width : 1400px;height : 1400px; border-radius : 50%; backdrop-filter : blur(10px) brightness(1.4); padding : 320px; background: rgba(255,255,255,0);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor}

/**/
.main-section-life{padding : 0 90px;}
.life-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow: hidden;z-index: -1;}
.life-bg::after{position : absolute; content : ''; width : 100%;height : 100%; left : 0;top : 0; background: linear-gradient(45deg, #000, transparent, #000); opacity: 0; transition : 0s 1s;}
.active .life-bg::after{opacity: 1; transition : 2s 1s;}
.life-bg > img{width : 100%;height : 100%; transform: scale(1.5); transition : 0s 1s; object-fit: cover; object-position: center;}
.active .life-bg > img{transform: scale(1); transition : 4s}

.life-inner{display: flex;align-items: end;justify-content: end; width : 100%; max-width: 1740px; height : 100%; margin : 0 auto; margin : 0 auto; padding-bottom: 80px;;}

.life-tit-box{display: flex;flex-direction: column;align-items: center; color : #fff; text-align: center; gap : 20px;font-family: PT; letter-spacing: -0.03em;}

.life-sub-tit{ font-size: 25px; font-weight: 300; overflow: hidden;}
.life-sub-tit b{font-weight: 700;}

.life-sub-tit .char{transform: translateY(100%); transition : 0s 1s;}
.active .life-sub-tit .char{transform: translateY(0%); transition : .6s .8s;}

.life-line{width : 100%;height : 1px; background: rgba(255,255,255,0.36); clip-path: inset(0 100% 0 0); transition : 0s 1s;}
.active .life-line{clip-path: inset(0); transition : 0.6s 1s;}

.life-tit{ font-size: 40px; font-weight: 300;}
.life-tit b{font-weight: 600;}

.life-tit > p{overflow: hidden;}
.life-tit .char{transform: translateY(100%);  transition : 0s 1s;}
.active .life-tit p:nth-child(1) .char{transform: translateY(0%); transition : .6s 1.2s;}
.active .life-tit p:nth-child(2) .char{transform: translateY(0%); transition : .6s 1.4s;}

/**/

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

.premium-inner{display : flex;width : 100%;height : 100%;}
.premium-inner > div{width: 50%; flex-shrink: 0;position :relative; height : 100%; overflow: hidden;}

.premium-left{display: flex;flex-direction: column;align-items: center;justify-content: center; gap : 156px}
.premium-list{display: grid;grid-template-columns: repeat(3,1fr);gap : 40px 32px;}
.premium-list > li{display: flex;flex-direction: column;align-items: center; gap : 12px; font-family: PT; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; color : rgba(255,255,255,0.5); transition : transform 0s 1s, opacity 0s 1s, color .3s; cursor : pointer; opacity : 0; transform: translateY(100px);}
.active .premium-list > li{opacity : 1; transform : translateY(0);}
.active .premium-list > li:nth-child(1){transition : opacity 0.7s 0.4s, transform 0.7s 0.4s, color .3s;}
.active .premium-list > li:nth-child(2){transition : opacity 0.7s 0.5s, transform 0.7s 0.5s, color .3s;}
.active .premium-list > li:nth-child(3){transition : opacity 0.7s 0.6s, transform 0.7s 0.6s, color .3s;}
.active .premium-list > li:nth-child(4){transition : opacity 0.7s 0.7s, transform 0.7s 0.7s, color .3s;}
.active .premium-list > li:nth-child(5){transition : opacity 0.7s 0.8s, transform 0.7s 0.8s, color .3s;}
.active .premium-list > li:nth-child(6){transition : opacity 0.7s 0.9s, transform 0.7s 0.9s, color .3s;}
.premium-list > li:hover,
.premium-list > li.on{color : #fff;}

.premium-list > li:hover span.line:nth-child(1),.premium-list > li:hover span.line:nth-child(3),
.premium-list > li.on span.line:nth-child(1),.premium-list > li.on span.line:nth-child(3){width:100%;height:1px;}
.premium-list > li.on span.line:nth-child(2),.premium-list > li.on span.line:nth-child(4){width:1px;height:100%;}

.premium-list-img > img{filter: brightness(0.5) grayscale(1); transition : 0.3s;}

.premium-list > li:hover .premium-list-img > img,
.premium-list > li.on .premium-list-img > img{filter: brightness(1) grayscale(0);}

.premium-tit-box{font-family: PT;letter-spacing: -0.03em; width : 500px; align-self: center; white-space: nowrap; opacity: 0; transition : 0.7s;}
.active .premium-tit-box{opacity: 1; transition : 0.7s 0.7s;}

.premium-con-tit{display: flex;align-items: center; font-size: 25px; font-weight: 700; color : #fff; margin-bottom: 20px;gap : 14px;}
.premium-con-tit > span{flex : 1; height : 1px; background: rgba(255,255,255,0.24); clip-path: inset(0 100% 0 0);transition: 0.7s;}
.active .premium-con-tit > span{clip-path: inset(0); transition : 0.7s 0.7s;}
.premium-con-desc{font-size: 16px; color : rgba(255,255,255,0.58); text-align: right;}

.premium-control{display: flex;flex-direction: column;align-items: center; justify-content: end; position : absolute; width : 62px; height : 100%; right :0;top : 0; overflow: hidden; padding-bottom: 50px; transform: translateX(100%); transition : 0s 1s;}
.active .premium-control{transform: translateX(0); transition : 1s 1s;}
.premium-control::after{position :absolute; content : ''; width : 1px; height : 100%; background: rgba(255,255,255,0.2); left : 0;top : 0; clip-path: inset(0 0 100%); transition :0s 1s;}
.active .premium-control::after{clip-path: inset(0); transition : 2s 1s;}

.premium-name{display: flex; color : #fff;position :absolute; top : 50%; transform: translateY(-50%); width : 100%;}
.premium-name > li{width : 100%;flex-shrink: 0;white-space: nowrap; transition : 1s;}

.t1 .premium-name > li{transform: translateX(calc(-100% * 0));}
.t2 .premium-name > li{transform: translateX(calc(-100% * 1));}
.t3 .premium-name > li{transform: translateX(calc(-100% * 2));}
.t4 .premium-name > li{transform: translateX(calc(-100% * 3));}
.t5 .premium-name > li{transform: translateX(calc(-100% * 4));}
.t6 .premium-name > li{transform: translateX(calc(-100% * 5));}


.premium-name > li > span{display: block; transform: rotate(90deg);}

.premium-slide-box{width : 100%;height : 100%;position : relative;}
.premium-slide{width : 100%;height : 100%;position : absolute; left : 0;top : 0; opacity: 0; transition : 0s 1s; pointer-events: none; transform: scale(1.25); }
.active .premium-slide{transform: scale(1); transition : transform 3s, opacity 1s;}
.premium-slide.on{opacity: 1; pointer-events: all;}
.premium-slide .swiper-slide{overflow: hidden;}
.premium-slide-img{width : 100%;height : 100%;}

.premium-pagination-box{display: flex;flex-direction: column; align-items: center;gap : 12px;}

.premium-page-box{position :relative;}
.premium-page{display: flex;justify-content: center;align-items: center;  color : #fff; font-family: PT; gap : 6px; position : relative; opacity: 0; transition : 1s;}
.premium-page.on{opacity: 1;}
.premium-page:not(:first-child){position :absolute; left : 0;top : 0;}
.premium-page::after{position :absolute; content : ''; width : 1px; height : 16px; background: rgba(255,255,255,0.5); transform: rotate(30deg);}
.premium-this{transform: translateY(-6px); color : #fff;}
.premium-total{color : rgba(255,255,255,0.5);transform: translateY(6px);}

.premium-bullet-box{position :relative;}
.premium-bullet{display: flex;flex-direction: column;gap : 14px; opacity: 0; transition : 1s;pointer-events: none;}
.premium-bullet.on{opacity: 1; pointer-events: all;}
.premium-bullet:not(:first-child){position : absolute; bottom : 0;}

.premium-bullet > .swiper-pagination-bullet{opacity: 1; background: rgba(255,255,255,0.5); width : 10px;height : 10px; margin : 0; transition : 0.3s; border-radius: 100px;}
.premium-bullet > .swiper-pagination-bullet-active{height : 27px; background: #fff;}


.premium-tit{position : absolute;color : #fff; font-family: futura-pt-bold; font-size: 59px; letter-spacing: 0.35em;line-height: 1em; overflow: hidden; bottom : 67px; right : 80px;z-index: 10;}
.premium-tit .char{transform: translateY(100%);transition : 0.7s}
.active .premium-tit .char{transform: translateY(0)}
.active .premium-tit .char:nth-child(1){transition-delay: .4s;}
.active .premium-tit .char:nth-child(2){transition-delay: .5s;}
.active .premium-tit .char:nth-child(3){transition-delay: .6s;}
.active .premium-tit .char:nth-child(4){transition-delay: .7s;}
.active .premium-tit .char:nth-child(5){transition-delay: .8s;}
.active .premium-tit .char:nth-child(6){transition-delay: .9s;}
.active .premium-tit .char:nth-child(7){transition-delay: 1s;}
.active .premium-tit .char:nth-child(8){transition-delay: 1.1s;}
.active .premium-tit .char:nth-child(9){transition-delay: 1.2s;}

/* .premium-list{display: flex; width : 100%;height : 100%; opacity: 0; transition :1s; pointer-events: none;}
.premium-list.on{opacity: 1; pointer-events: all;}

.premium-list > li{display: flex;flex-direction: column;justify-content: center; width : 191px !important; position : relative; color : #fff; padding : 200px 30px 0; white-space: nowrap; transition : 0.7s; flex-shrink: 0; overflow: hidden;}
.premium-list > li.current{width : calc(100% - 191px * 5) !important;}

.premium-list > li::after{position : absolute; content: '';width : 1px;height : 100%; right : 0; background: rgba(255,255,255,0.2);top : 200px;transition : 0.5s;}

.premium-list-inner{display: flex;flex-direction: column;align-items: start; width : 333px; position : absolute;transform: translateX(0%) translateY(-50%); left : 30px; top : 50%; transition : 0.7s;}
.current .premium-list-inner{transform: translateX(-50%) translateY(-50%); left : 50%; top : 55%;}

.premium-img{margin-bottom: 21px; transition : 0.7s; opacity: 0; overflow: hidden;}
.current .premium-img{opacity: 1; transition : 0.7s 0.7s;}
.premium-img > img{max-width: none; transition :1s;}
.premium-img:hover > img{transform: scale(1.1);}

.premium-list-tit{font-family: PT; font-size: 16px; letter-spacing: -0.033em; font-weight: 500; color : rgba(255,255,255,0.26); margin-bottom: 9px;transform: rotate(90deg) translateX(60px); transform-origin: left bottom; transition : 0.7s;}
.premium-list > li:hover .premium-list-tit{color : #fff;}
.current .premium-list-tit{transform: translateX(0) rotate(0); color : #fff;}

.premium-list-desc{font-family: PT; font-size: 14px; letter-spacing: -0.03em; color : rgba(255,255,255,0.37); font-weight: 500; opacity: 0; transition : 0.7s;}
.current .premium-list-desc{opacity: 1; transition : 0.7s 0.7s;} */

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

.overview-slide{display: flex;align-items: center;justify-content: center; width: 100%; height: 100%;}
.overview-container{position : absolute;width : 100%; max-width: 1500px; color : #fff;}

.overview-tit-box{ margin-bottom: 65px; transform: translateY(300px); transition : 0.7s;}
.t2 .overview-tit-box{transform: translateX(0);}
.overview-tit{font-family: futura-pt-bold; font-size: 59px; letter-spacing: 0.35em;margin-bottom: 12px; font-size: 700; transition : 1s}
.overview-tit .char{opacity: 0; transition : 0.7s;}

.overview-tit .char:nth-child(1){--i : 0;}
.overview-tit .char:nth-child(2){--i : 1;}
.overview-tit .char:nth-child(3){--i : 2;}
.overview-tit .char:nth-child(4){--i : 3;}
.overview-tit .char:nth-child(5){--i : 4;}
.overview-tit .char:nth-child(6){--i : 5;}
.overview-tit .char:nth-child(7){--i : 6;}
.overview-tit .char:nth-child(8){--i : 7;}
.overview-tit .char:nth-child(9){--i : 8;}
.overview-tit .char:nth-child(10){--i : 9;}

.active .overview-tit .char{opacity: 1; transition-delay: calc(var(--i) * 0.05s + 0.4s);}

.active .t2 .overview-tit{letter-spacing: 0em;}
.active .t2 .overview-tit .char{transition-delay: calc(var(--i) * 0.1s);}


.overview-sub-tit{font-family: PT; letter-spacing: -0.04em; font-weight: 400; opacity: 0; transform: translateY(100px); opacity: 0; transition : 1s;}
.active .overview-sub-tit{opacity: 1; transform: translateY(0); transition-delay: .4s;}
.overview-sub-tit b{font-weight: 700;}

.overview-list{display: flex;flex-direction: column;gap : 44px;}
.overview-list > li{display: flex;flex-direction: column;align-items: start; width : 335px;gap : 13px; font-family: PT; letter-spacing: -0.04em;}

.overview-name{font-size: 20px; font-weight: 700; transform: translateY(-50px);opacity: 0; transition : 1s;}
.overview-line{width : 100%; height : 1px; background: rgba(255,255,255,0.45); clip-path: inset(0 100% 0 0); transition : 1s;}
.overview-desc{font-size: 16px; font-weight: 500; color: rgba(255,255,255,0.57); transform: translateY(50px);opacity: 0; transition : 1s;}

.t2 .overview-list > li > *{opacity: 1;transform: translateX(0);clip-path: inset(0);}
.t2 .overview-list > li > .overview-name{transition-delay: 0.8s;}
.t2 .overview-list > li > .overview-line{transition-delay: 0.4s;}
.t2 .overview-list > li > .overview-desc{transition-delay: 0.8s;}

.overview-container{padding-left: 50%;}
.overview-tit{color : #303D47;}
.overview-sub-tit{color : #000}
.overview-name{color : #000}
.overview-line{background: rgba(0,0,0,0.45);}
.overview-desc{color : rgba(0,0,0,0.57)}

/**/

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

.envi-bg::after{position : absolute; content : ''; width : 100%;height : 100%; left : 0;top : 0; background: linear-gradient(to right, rgba(0,0,0,0.7) 5%, transparent, rgba(0,0,0,0.7) 55%, #000); opacity: 0; transition : 0s 1s;}
.active .envi-bg::after{opacity: 1; transition : 2s 1s;}

.active .t1 .envi-bg::after{opacity: 1; transition : 1s;}
.active .t2 .envi-bg::after{opacity: 0.5; transition : 1s;}

.envi-slide{display: flex;align-items: center;justify-content: center; width: 100%; height: 100%;}
.envi-container{position : absolute;display : flex; width : 100%; height : 100%;z-index: 1; transition : 1s}
.t2 .envi-container{transform : translateX(-100%)}
.envi-container > div{position : relative;width : 100%;height : 100%; flex-shrink : 0;}

.envi-01{width : 100%;height : 100%;transition : 1s;}
/* .t2 .envi-01{width : 50%;} */

/* .envi-container > div.envi-02{width : 50%;height : 100%;background: #fff;position : absolute;top : 0;left : 50%;transform: translateX(100%); transition : 1s;} */
/* .t2 .envi-container > div.envi-02{transform: translateX(0);} */

.envi-01 .envi-inner{display: flex;align-items: end;justify-content: end; width : 100%; padding : 0 80px 86px; height : 100%;}
.envi-tit-box{color : #fff; transition :1s;}
/* .t2 .envi-tit-box{opacity: 0;} */

.envi-sub-tit{font-size: 25px; font-weight: 300; letter-spacing: -0.03em;font-family: PT; transform: translateX(-100px); opacity: 0;transition : 1s;}
.active .envi-sub-tit{transform: translateX(0); opacity: 1; transition-delay: 1s;}
.envi-tit{font-family: futura-pt-bold; font-size: 59px; letter-spacing: 0.35em; margin-bottom: 25px;overflow: hidden;}
.envi-tit .char{transform: translateY(100%);transition : 0.7s;}
.envi-tit .char:nth-child(1){--i : 0;}
.envi-tit .char:nth-child(2){--i : 1;}
.envi-tit .char:nth-child(3){--i : 2;}
.envi-tit .char:nth-child(4){--i : 3;}
.envi-tit .char:nth-child(5){--i : 4;}
.envi-tit .char:nth-child(6){--i : 5;}
.envi-tit .char:nth-child(7){--i : 6;}
.envi-tit .char:nth-child(8){--i : 7;}
.envi-tit .char:nth-child(9){--i : 8;}
.envi-tit .char:nth-child(10){--i : 9;}

.active .envi-tit .char{opacity: 1;transform: translateY(0); transition-delay: calc(var(--i) * 0.05s + 0.4s);}

.envi-desc{font-family: PT; font-weight: 500; letter-spacing: -0.04em; text-align: right;padding-right : 1.2em; transform: translateX(100px); opacity: 0;transition : 1s;}
.active .envi-desc{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.envi-info-box{display: flex;flex-direction: column;align-items: end; white-space: nowrap; text-align: right; position : absolute;right : 80px;top : 142px; font-family: PT; color : #969696; letter-spacing: -0.04em; opacity: 0; transition : 1s;}
.active .envi-info-box{opacity: 1; transition-delay: .4s;}
.envi-info-box > span{display: flex;align-items: center; padding : 0 10px;height : 13px;position : relative; margin-bottom: 10px; color : #fff;}
.envi-info-box > span::before{position : absolute; content : ''; width : 1px;height : 13px; left : 0; background: #fff;}
.envi-info-box > span::after{position : absolute; content : ''; width : 1px;height : 13px; right: 0; background: #fff;}

.envi-02{display: flex;flex-direction: column;align-items: center;justify-content: center; background: url(../images/main/envi-02-bg.jpg)no-repeat center / cover;}
.envi-02 .envi-inner{display: flex;justify-content : space-between; align-items : center; width : 100%;max-width: 1560px;}

.envi-tit-box2{display : flex; flex-direction : column; margin-bottom: 60px; transform: translateX(-100px); opacity: 0; transition : 1s;}
.t2 .envi-tit-box2{transform: translateX(0); opacity: 1;}
.envi-sub-tit2{ font-size: 25px; font-weight: 300; letter-spacing: -0.03em;font-family: PT; margin-bottom: 10px;}

.envi-tit2{white-space: nowrap; margin-bottom: 19px;}
.envi-tit2 b{font-family: futura-pt-bold; font-size: 59px; line-height: 1em;}
.envi-desc2{display : flex; align-items : center;gap : 10px; font-family: PT; color : #0D0D0D; letter-spacing: -0.04em; font-size: 16px;font-weight: 500; transform: translateX(-100px);opacity: 0; transition : 1s;}
.envi-desc2 span{width : 47px;height : 1px; background: #C9C9C9; transform: translateX(100px);opacity: 0; transition : 1s;}


.t2 .envi-desc2 span,
.t2 .envi-desc2{transform: translateX(0); opacity: 1; transition-delay: .8s;}

/* .envi-con{display: flex;flex-direction: column;align-items: start; white-space: nowrap;gap :12px; opacity: 0; transition : 1s;}

.envi-con-01{margin-bottom: 58px; transform: translateX(-100px);}
.envi-con-02{margin-left: auto; transform: translateX(100px);}

.t2 .envi-con{transform: translateX(0); opacity: 1; transition-delay: 0.8s;} */

.envi-con{position : absolute; font-family : PT; letter-spacing : -0.04em; font-weight : 500; transition : 1s;}
.t2 .envi-con{transform : translateX(0); opacity : 1; transition-delay : 1.2s;}

.envi-con-01{left : -118px; bottom : 100px; transform : translateX(-100px); opacity : 0;}
.envi-con-02{right : -52px; top : 88px; transform : translateX(100px); opacity : 0;}

.envi-con > h3{line-height : 1em;padding-left: 12px; height : 17px; border-left : 2px solid #000; margin-bottom: 11px; font-weight : 500}
.envi-con > p{padding-left: 14px; color : #6A6A6A; font-size : 16px;}

.envi-img{overflow: hidden;}
.envi-img > img{transition : 1s;}
.envi-con:hover .envi-img > img{transform: scale(1.1);}

.envi-con-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500; color : #6A6A6A}

.envi-img-box{width : 1059px; height : 659px;position : relative;}

.envi-img-box > .envi-img{position : absolute; box-shadow : 0 10px 20px rgba(0,0,0,0.16); opacity : 0; transition : 1s; overflow : hidden;}
.envi-img-box > .envi-img-01{left : 456px; top : 207px; transform : translateY(-100px) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-02{left : 211px; top : 225px; transform : translateY(0) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-03{left : 235px; top : 88px; transform : translateY(200px) translateX(100px) scale(1.5)}
.envi-img-box > .envi-img-04{left : 398px; top : 0px; transform : translateY(100px) translateX(-200px) scale(1.5)}
.envi-img-box > .envi-img-05{left : 701px; top : 88px; transform : translateY(0px) translateX(-200px) scale(1.5)}
.envi-img-box > .envi-img-06{right : 0px; top : 244px; transform : translateY(-100px) translateX(-100px) scale(1.5)}
.envi-img-box > .envi-img-07{right : 18px; top : 424px; transform : translateY(-200px) translateX(100px) scale(1.5)}
.envi-img-box > .envi-img-08{right : 221px; top : 477px;transform : translateY(-100px) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-09{left : 488px; bottom : 0; transform : translateY(0) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-10{left : 245px; top: 427px; transform : translateY(0) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-11{left : 95px; top: 465px; transform : translateY(100px) translateX(200px) scale(1.5)}
.envi-img-box > .envi-img-12{left : 0; top : 147px; transform : translateY(200px) translateX(100px) scale(1.5)}

.t2 .envi-img-box > .envi-img{opacity : 1; transform : translateX(0) translateY(0) scale(1); transition : 1s calc(var(--i) * 0.05s + 0.4s)}

.envi-img > img{transition : 3s;}
.envi-img:hover > img{transform : scale(1.25)}

/**/

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

.contact-inner{display: flex;flex-direction: column;align-items: center;}

.contact-tit{font-family: futura-pt-bold; font-weight: 700;font-size: 59px; letter-spacing: 0.35em; padding-left: 0.35em; overflow: hidden; line-height: 1em; color : #303D47; margin-bottom: 24px;}
.contact-tit .char{transform: translateY(100%); transition : .6s;}
.fp-active .contact-tit .char{transform: translateY(0); transition-delay: 0.4s;}

.contact-desc{font-size: 16px; letter-spacing: -0.04em; font-family: PT; color : #000; margin-bottom: 60px; font-weight: 400;opacity: 0;transition : 1s;}
.fp-active .contact-desc{opacity: 1; transition-delay: 1s;}
.contact-desc b{font-weight: 700;}

.contact-container{display: flex;align-items: center; gap : 52px}

.contact-map{transform: translateX(-100px); opacity: 0; transition : 1s;}
.fp-active .contact-map{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.contact-address-box{display: flex;flex-direction: column; font-family: PT; letter-spacing: -0.04em;padding-top: 35px;position :relative; transform: translateX(100px); opacity: 0; transition : 1s;}
.fp-active .contact-address-box{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.contact-address-box::after{position : absolute; content :''; width : 100%;height : 1px; background: #303D47; left : 0;top : 0;}
.contact-name{font-size: 22px; font-weight: 500; color : #303D47; margin-bottom: 10px;}
.contact-address{font-size: 16px; color : #1F1F1F; margin-bottom: 13px;}
.contact-btn-box{display: flex;align-items: center; gap : 30px;}
.contact-btn-box > a{display: flex;align-items: center;gap : 12px; font-size: 15px; font-weight: 500; color : #49342C;}
.contact-btn-box > a:hover{font-weight: 700;}
.contact-btn-box > a > img{transition :.5s;}
.contact-btn-box > a:hover > img{transform: translateY(-5px);}

/* NEW */

.plan-list{display: flex; width : 100%;height : 100%; justify-content: start; overflow : hidden;}
.plan-list > li{display: flex; color : #fff; font-family: PT; font-weight: 500; letter-spacing: -0.03em; width : 69px; transition : width 1.4s, transform 0s 1s; overflow: hidden; flex-shrink: 0; transform: translateY(100%);}
.active .plan-list > li{transform: translateY(0);}
.active .plan-list > li:nth-child(1){transition : width 1.4s, transform 1s .4s;}
.active .plan-list > li:nth-child(2){transition : width 1.4s, transform 1s .5s;}
.active .plan-list > li:nth-child(3){transition : width 1.4s, transform 1s .6s;}
.active .plan-list > li:nth-child(4){transition : width 1.4s, transform 1s .7s;}
.active .plan-list > li:nth-child(5){transition : width 1.4s, transform 1s .8s;}
.active .plan-list > li:nth-child(6){transition : width 1.4s, transform 1s .9s;}
.plan-list > li.on{width : calc(100% - (69px * 5))}


.plan-list-tit-box{display: flex;justify-content: end; align-items: end; width : 69px; height : 100%; white-space: nowrap; position : relative; flex-shrink: 0; cursor : pointer;}
.plan-list > li:nth-child(1) .plan-list-tit-box{background: #3A3A3A}
.plan-list > li:nth-child(2) .plan-list-tit-box{background: #898989}
.plan-list > li:nth-child(3) .plan-list-tit-box{background: #fff; color : #303D47}
.plan-list > li:nth-child(4) .plan-list-tit-box{background: #594B42}
.plan-list > li:nth-child(5) .plan-list-tit-box{background: #000}
.plan-list > li:nth-child(6) .plan-list-tit-box{background: #991D1D}

.plan-list-tit{transform: rotate(90deg) translateY(50%);position : absolute; transform-origin: bottom left; top : 133px; left : 50%; font-size: 18px;}
.plan-list-desc{position : absolute;font-size: 15px; right: 50%; bottom : 38px; transform: rotate(90deg) translateY(50%); transform-origin: bottom right;}

.plan-list-con{display: flex;align-items: center;gap : 24px; justify-content: center; width : 100%;height : 100%; flex-shrink: 0; padding-top: 100px;}
.plan-img,
.plan-img img{max-width: none; max-height: calc(100% - 60px);}

.plan-list-slide{display: flex;justify-content: end; width : 618px; max-height: calc(100% - 60px); overflow: hidden; flex-shrink: 0; position : relative;}
.plan-pagination{position : absolute; display: flex;gap : 6px; right : 10px;bottom : 10px; width : auto !important; left : auto !important; z-index : 1;}
.plan-pagination .swiper-pagination-bullet{margin : 0;width : 10px;height : 10px; border-radius: 100px; opacity: 1; transition : 0.5s; background: #000; opacity: 0.2;}
.plan-pagination .swiper-pagination-bullet-active{width : 36px; opacity: 0.5;}