.open-rotate{display: flex;flex-direction: column;align-items: center;justify-content: center; position : fixed; width : 84px; height : 84px; border-radius: 50%; background: #fff;right : 113px; bottom : 50px; font-family: pretendard; font-weight: 700; font-size: 17px; letter-spacing: -0.033em;z-index: 1;transition : color .5s, background .5s;}
.dark.open-rotate{color : #fff; background: #0F4794;}

.open-rotate::after{position : absolute; content: '';width : 119px; height : 119px; background: url(/assets/images/main/visual-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s infinite linear; transition : background .5s;}
.dark.open-rotate::after{background: url(/assets/images/main/visual-rotate-text-dark.png)no-repeat center / contain;}
@keyframes rotate-text {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}

.open-rotate span{color : #F37320;transition : color .5s, background .5s;}
.dark.open-rotate span{color : #fff;}
.open-rotate b{font-size: 22px;}

.scroll-box{width : 100%;max-width: 1740px; pointer-events: none; position : fixed; bottom : 60px;z-index: 1;left : 50%;transform: translateX(-50%);}
.scroll{display: flex;align-items: end;gap : 8px;}
.scroll-left{display: flex;flex-direction: column;align-items: center;}

.scroll-progress{width : 1px; height : 73px; background: rgba(255,255,255,0.32);position : relative; margin-bottom: 10px;}
.scroll-progress::after{position : absolute;content: '';width : 100%;left : 0;top : 0;height : 0;animation : scroll-progress 1.5s infinite; background: #fff;}
@keyframes scroll-progress {
    100%{height: 100%;}
}

.scroll-circle{width : 10px;height : 10px; border-radius: 50%; border : 1px solid #fff;margin-bottom: 5px;}

.scroll-arrow{width : 8px;height : 8px; border-right : 1px solid #fff; border-bottom : 1px solid #fff; transform: rotate(45deg); animation : scroll-arrow 0.75s infinite alternate;}
@keyframes scroll-arrow {
    0%{transform: translateY(0) rotate(45deg);}
    100%{transform: translateY(100%) rotate(45deg);}
}

.scroll-right{color : rgba(255,255,255,0.5); font-family: CarismaGothic; font-weight: 500;}


.visual-bg{position : absolute;width : 100%;height : 100%;overflow: hidden;right : 0;top : 0; transition : width 1s}
.on .visual-bg{width : 34.4271%; width : 65.5729%;transition : width 1.5s 1.5s}
.visual-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center bottom;transform: scale(1.2);}
.on .visual-bg > img{transform: scale(1); transition : transform 2s;}

.visual-left{display: flex;flex-direction: column;align-items: center;justify-content: start; width : 34.4271%;height : 100%; background: #0D4897;position : relative;transform: translateX(-100%);transition : transform 1s 1s; padding-top: 283px;}
.on .visual-left{transform: translateX(0); transition : transform 1.5s 1.5s;}
.visual-man{position : absolute;right : 0;bottom : 0;transform: translateX(40%);opacity : 0; transition : opacity 1.5s;}
.on .visual-man{opacity: 1;transition : opacity 1.5s 1.5s;}

.visual-sign{position : absolute;bottom : 50px;right : 180px;}

.visual-title-box{position : relative;}

.visual-title-img-01{transform: translateY(-50px);opacity : 0;transition : opacity 1s, transform 1s;}
.visual-title-img-02{transform: translateY(50px);opacity : 0;transition : opacity 1s, transform 1s, clip-path 1.5s linear;clip-path: inset(0 100% 0 0);}
.visual-title-img-02.transparent{clip-path: inset(0); opacity: 0.5;position : absolute;left : 0;top : 0;opacity: 0.3 !important;}

.on .visual-title-img-01,
.on .visual-title-img-02{transform: translateY(0);opacity : 1;transition : opacity 1s 2s, transform 1s 2s, clip-path 1.5s 2.5s linear; clip-path: inset(0); }

.visual-title-img-03{position : absolute; right : 12.8%;top : 0; opacity: 0;transform: rotate(0);opacity : 0;transition : opacity 1s, transform 1s;}

.on .visual-title-img-03{opacity: 1;transform: rotate(180deg) translateY(20px); transition : opacity 1s 3s, transform 1s 3s}

/**/
.envi-slide{width : 100%;height : 100%;overflow: hidden;}
.envi-bg{width : 100%;height : 100%;}
.envi-slide .swiper-slide{overflow: hidden; transform: scale(1.25);transition : transform 1s .4s}
.active .envi-slide .swiper-slide{transform: scale(1);transition : transform 3s;}
.envi-first-slide{z-index: 3;}

.envi-inner{display: flex; position : absolute;left : 0;top : 0;width : 100%;height : 100%;z-index: 10;position : absolute;max-width: 1740px;left : 50%; transform: translateX(-50%);}
.envi-inner > div{width : 50%;}

.envi-left{padding-top: 200px;}
.envi-title-eng{font-family: futura-pt; font-weight: 600; letter-spacing: 0.25em; margin-bottom: 33px; letter-spacing: 0.5em;opacity: 0;transition : opacity 1s .4s, letter-spacing 1s .4s}
.active .envi-title-eng{opacity: 1; letter-spacing: 0.25em; }
.envi-title-kor{font-size: 35px; font-family: pretendard; letter-spacing: -0.033em; font-weight: 300;line-height: 1.4em;;}
.envi-title-kor b{font-weight: 500;}

.envi-title-kor .line{overflow: hidden;}
.envi-title-kor .word{transform: translateY(100%);}

.envi-slide-bg{display: flex; position : absolute;left : 0;top : 0;width : 100%;height : 100%;z-index: 1;}
.envi-slide-bg > div{width : 50%;}

.envi-left-bg{position : relative;}
.envi-left-bg::after{position : absolute;content: '';width : 100%;height : 100%;background: rgba(0,0,0,0.4);left : 0;top : 0;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition : clip-path 1s .4s, background 1s .4s;}

.envi-right-bg{position : relative;}
.envi-right-bg::after{position : absolute;content: '';width : 100%;height : 100%;background: rgba(0,0,0,0.4);left : 0;top : 0;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition : clip-path 1s .4s, background 1s .4s;}

.active .envi-left-bg::after{clip-path: polygon(0 0, 75% 0, 40% 100%, 0% 100%); background : rgba(0,0,0,0.75); transition : clip-path 1.2s 1s, background 1.2s 1s;}
.active .envi-right-bg::after{clip-path: polygon(50% 0, 100% 0, 100% 100%, 15% 100%);background : rgba(0,0,0,0.75); transition : clip-path 1.2s 1s, background 1.2s 1s;}

.envi-title-box{color : #fff;}

.envi-pagination{display: flex;gap : 42px; margin-top: 90px;}
.envi-pagination .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center; margin : 0; opacity: 1; background:#E3E3E3;width : 10px;height : 10px;position : relative;transition : background .5s;}
.envi-pagination .swiper-pagination-bullet-active{background: #F37320;}
.envi-pagination .swiper-pagination-bullet::after{position : absolute;content : ''; width : 26px;height : 26px; border-radius: 50%; border : 1px solid #F37320;transition : transform .5s; transform: scale(0);}
.envi-pagination .swiper-pagination-bullet-active::after{transform: scale(1);}

.envi-right{display: flex;flex-direction: column;align-items: end;justify-content: end; padding: 0 115px 257px 0;}

.envi-con{display: flex;flex-direction: column;align-items: end;}

.envi-num{position : relative;font-size: 55px; font-family: futura-pt; font-weight: 600; color : #fff; text-align: right; overflow : hidden;width : 100%}
.envi-num > span:not(:first-child){position :absolute;right : 0;top : 0;}

.envi-num > span{transform: translateY(100%); display: block;transition : transform .1; transition : transform 0.6s;}
.active .envi-num > span.on{transform: translateY(0); transition-delay: .4s;}

.envi-sign{font-family: AntroVectra; font-weight: 700; font-size: 67px; color : #fff;position : relative; width : 364px}
.envi-sign > span:not(:first-child){position :absolute;left : 0;top : 0;}
.envi-sign > span{display: block;transform: translateX(-100px) translateY(10px);opacity: 0;transition : transform 0.6s, opacity 0.6s;}
.active .envi-sign > span.on{transform: translateX(0) translateY(0);opacity: 1; transition-delay: 0.6s;}

.envi-con-title{width: 400px; font-size: 25px;color : #F37320; font-weight: 500; font-family: pretendard;white-space: nowrap;margin-bottom: 20px; position : relative; overflow: hidden;transition : transform 1s; text-align: right;}
.envi-con-title > h3:not(:first-child){position :absolute;right : 0;top : 0;}
.envi-con-title > h3{transform: translateY(100%);transition : transform 0.6s;}
.active .envi-con-title > h3.on{transform: translateY(0%); transition-delay: 0.8s;}

.envi-con-desc{ white-space: nowrap; color : #fff; letter-spacing: -0.033em; font-weight: 500; font-family: pretendard;line-height: 1.4em;position : relative;}
.envi-con-desc p { text-align: right; }
.envi-con-desc .line{overflow: hidden;}
.envi-con-desc > p:not(:first-child){position :absolute;right : 0;top : 0;}

.envi-con-desc .char{transform: translateY(100%);transition : transform 0.6s;}

.active .envi-con-desc .on .char{transform: translateY(0); transition-delay: 1s}




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

.premium-bg{position : absolute;left : 0;top : 0;width : 34%; height : 100%;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);transition : clip-path 1s .4s;}
.active .premium-bg{clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);transition : clip-path 2s .4s;}
.premium-bg > img{width : 100%;height : 100%; object-fit: cover;object-position: center;}

.premium-left{display: flex;flex-direction: column;justify-content: center;position : relative; width : 670px;padding-top: 200px;}

.premium-rotate-btn{display: flex;align-items: center;justify-content: center;width : 166px;height : 166px;position : absolute;right : 50px;top : 100%; transform: scale(0); transition : transform 1s;}
.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 infinite linear}
.premium-rotate-btn > img{transition : transform .5s}
.premium-rotate-btn:hover > img{transform: translateX(10px);}

.premium-title-box{padding-bottom: 140px;}
.premium-title-box > span{display: block; font-family: AntroVectra;font-size: 67px;color : #F37320;line-height: 0.8em; transform: translateX(-100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .premium-title-box > span{transform: translateX(0);opacity: 1;}

.premium-title{font-size: 56px; font-family: futura-pt-bold; color : #000; letter-spacing: 0.25em;line-height: 1em;letter-spacing: 1em;opacity: 0;transition : opacity 1s .4s, letter-spacing 1s .4s;white-space: nowrap;}

.premium-title-01{color : transparent; -webkit-text-stroke: 1px #000;padding-left: 1.8em;}
.premium-title-02{padding-left: 2.8em;}
.active .premium-title{letter-spacing: 0.25em;opacity: 1;}

.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 : 300px;height : 340px; text-align: center;position : relative;padding-top: 59px;}

.premium-list > li:nth-child(1)::after,
.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(1)::before,
.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-list-tit-eng{font-family: futura-pt; font-weight: 400; color :#F37320; margin-bottom: 23px; 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 : #030303; font-weight: 300; font-size: 27px; margin-bottom: 25px;line-height: 1.25em; transform: translateX(-50px); opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.premium-list-tit-kor b{font-weight: 500;}

.premium-list-desc{font-size: 16px; letter-spacing: -0.033em; font-family: pretendard; line-height: 1.8em; color : #6E6E6E; 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 : 15px; 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;}

/**/

.brand-inner{display: flex; justify-content: space-between; margin : 0 auto; width : 100%; max-width: 1740px;height : 100%;}

.brand-left{display: flex;flex-direction: column;justify-content: space-between;align-items: start;padding : 170px 0 184px;}
.brand-title-box{display: flex;flex-direction: column; position :relative;}

.brand-right{padding-top: 127px;}

.brand-obj{position : relative; transform: translateY(100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.fp-active .brand-obj{transform: translateY(0); opacity: 1; transition-delay: 1s;}
.brand-obj-fill{position :absolute;top : 0; clip-path: inset(100% 0 0 0);transition : clip-path 1s .4s;}
.fp-active .brand-obj-fill{clip-path: inset(0); transition : clip-path 2s 1.2s;}
.brand-obj-text{position :absolute;top : 0;opacity: 0; transition : opacity 1s .4s}
.fp-active .brand-obj-text{opacity: 1;transition-delay: 2s;}

.brand-logo{transform: translateY(-100px); opacity: 0; transition : transform 1s .4s, opacity 1s .4s}
.fp-active .brand-logo{transform: translateY(0);opacity: 1;}

.brand-title{overflow: hidden;}
.brand-title > img{transform: translateY(100%);transition : transform 1s .4s;}
.brand-title-01{margin-bottom: 23px;}
.brand-title-02{margin-bottom: 30px;}

.fp-active .brand-title-01 > img{transform: translateY(0);transition-delay: .4s;}
.fp-active .brand-title-02 > img{transform: translateY(0);transition-delay: .6s;}

.brand-title-line{width : 541px; height : 1px; background: #F05B13; margin-bottom: 32px; clip-path: inset(0 100% 0 0);transition : clip-path 1s .4s;}
.fp-active .brand-title-line{clip-path: inset(0); transition-delay: 0.8s;}

.brand-title-logo{transform: translateY(100%); opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.fp-active .brand-title-logo{transform: translateY(0); opacity: 1; transition-delay: 1s;}

.brand-title-desc{position : absolute;left : calc(100% + 48px); max-width: none; bottom : 27px; transform: translateX(100px);opacity: 0; transition : opacity 1s .4s, transform 1s .4s;}
.fp-active .brand-title-desc{transform: translateX(0); opacity: 1; transition-delay: 1s;}
.brand-title-desc > img{max-width: none;}