.section-inner{height : 100%;}

/**/
.visual-bg{position : absolute;left : 0;top : 0;z-index: -1;overflow: hidden;width : 100%;height : 100%;background: url(/assets/images/main/visual-bg.png) no-repeat center/cover;opacity : 0; transform : scale(1.25);transition : opacity 1s;}
.visual-bg > video{width : 100%;height : 100%; object-fit : cover;object-position : center;}
.main-section-visual{top : 0;left : 0; overflow: hidden;}
.visual-slide{width : 100%;height : 100%;}
.visual-slide .swiper-slide{display: flex;justify-content: center;align-items: flex-end;}
.main-section-visual .section-inner{position: relative;display: flex;flex-direction: column;; justify-content: center;align-items: center;max-width : 1600px;padding-bottom: 40px;}
.visual-text {font-size: 18px;letter-spacing: -0.33px;line-height: 1.6;color: #fff;}

.visual-text.top {opacity: 0;transform : translateY(-100px)}

.visual-text p {font-size: 18px;line-height: 1.5;color: #000;font-family : PT; font-weight : 500; letter-spacing : -0.033em; text-align : center;}
.visual-text span {font-size: 27px;color: #818181;}
.visual-text b {color: #fff;font-weight: normal;}

.visual-title {position: relative; padding-top: 42px;}
.visual-title img {filter : invert(1);opacity : 0;clip-path : inset(0 50%);transform : scale(1.2)}

.visual-title .desc {padding-right: 40px;font-size: 24px;font-weight: 300;letter-spacing: -0.033em;line-height: 34px;color: #000;text-align: right;opacity: 0;transform : translateY(100px)}
.visual-title .desc b {font-weight: bold;}
.visual-title .desc b.color{color : #AF1D36;}

.visual-title .circle {display: flex;flex-direction: column; align-items: center;justify-content: center; position: absolute; top: 30px;right: 54px; width: 122px; height: 122px; text-align: center; background-color: #AF1D36; border-radius: 50%; font-size: 25px; letter-spacing: -0.40px; line-height: 31px; color: #fff; opacity: 0; transform : scale(1.4);opacity : 0;}
.visual-title .circle small {font-size: 15px;line-height: 18px;}
.on .circle {opacity: 1;transform: translateY(0);transition: transform 2s 2s, opacity 2s 2s;}


.slide-02 .visual-new-tit {
	color: #fff;
}
.slide-02 .visual-new-logo {
	color: #fff;
}


.open {display: flex;flex-direction: column; align-items: center;justify-content: center;position: absolute;width: 94px;height: 94px;background: #fff;border-radius: 50%;z-index: 10;transition: opacity 1.2s;font-size: 13px; animation : open 1s both 2s; right :100px; bottom : 70px; line-height : 1.2em; padding-top: 5px;}
@keyframes open{
	0%{opacity : 0; transform : translateX(100px)}
	100%{opacity : 1; transform : translateX(0px)}
}
.open::after {position: absolute;content: '';width: 120px;height: 120px;background: url(/assets/images/main/main-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}
.open p {font-size: 20px;letter-spacing: -0.33px;line-height: 24px;font-weight: bold; font-family : PT;}
.open p:first-child {color: #191F6D;}
.open p b {font-size: 21px;}
.open.hide {opacity: 0;transition: opacity 1.2s 1s;}

.open.blue {background-color: #191F6D;color: #fff;}
.open.blue p:first-child {color: #009EDB;}
.open.blue::after {background-image: url(/assets/images/main/location-rotate-text.png);}
/**/
.section-inner{display: flex;align-items: center;justify-content: center; width: 100%;height : 100%;}

.main-section-brand{display: flex;align-items: center;justify-content: center; mix-blend-mode: lighten;background: #fff;color : #fff;position : relative;overflow: hidden;}
.main-header {position: absolute;top: 151px; left: 83px;z-index: 1;}
.main-title {width: 424px;height: 136px;position: relative;}
.main-title > span {position: absolute;font-family: Athena;font-weight: 700;color: #fff;line-height: 1;opacity: 0;}
.main-title > span:nth-child(1) {font-size: 58px;color: #000;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;font-weight: 300;}
.active .main-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-title > span:nth-child(2) {font-size: 70px;bottom: 10px;right: 50%;color: #06033C;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight: 400;}
.active .main-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.main-header > p {text-align: right;font-size: 16px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.main-header .desc1 {font-size: 16px; letter-spacing: -0.53px; margin: 105px 0 23px;}
.main-header .desc2 {font-family: source-han-serif-korean, serif;}
.active .main-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.main-header > p > b {font-weight: 700;}

.section-inner .text-area {position: absolute;bottom: 115px; left: 220px;z-index: 1; color: #000;opacity: 0;transform: translateY(20px);text-align : right;}
.section-inner .text-area > h3 {font-size: 23px; letter-spacing: -0.33px; line-height: 33px;}
.section-inner .text-area > p {font-size: 15px; letter-spacing: -0.33px; line-height: 25px; color: #939393; margin-top: 22px;}
.active .section-inner .text-area {opacity: 1; transform: translate(0); transition: opacity 1.2s 2.1s, transform 1.2s 2.1s;}

.section-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;background: url(/assets/images/main/section-bg.jpg) no-repeat center/cover;}

.section-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;color :#fff;}
.section-slide .swiper-slide{display: flex;justify-content: center;align-items : center;}
.section-slide .swiper-slide .bg {width: 655px; height: 734px; background: url(../images/main/premium3-img-01.jpg) no-repeat center/cover; clip-path : inset(20%); transition : clip-path 1s .4s;}
.active .section-slide .swiper-slide .bg{clip-path : inset(0); transition : clip-path 1s 1s;}
.section-slide .section-slide-02 .bg {background-image: url(../images/main/premium3-img-02.jpg);}
.section-slide .section-slide-03 .bg {background-image: url(../images/main/premium3-img-03.jpg);}
.section-slide .section-last-slide .bg {background-image: url(../images/main/premium3-img-04.jpg);}

.main-brand-inner{position : absolute;width : 100%;max-width: 1600px;height : 730px;z-index: 10;}
.main-brand-inner .pattern {position: absolute; transition : transform 1.2s, opacity 1.2s;}
.main-brand-inner .pattern1 {right: 420px;top: -165px; opacity: 0; transform: translateY(-50px);}
.main-brand-inner .pattern2 {left: 445px;bottom: 50px; opacity: 0; transform: translateX(-50px);}
.main-brand-inner .pattern3 {right: 187px;bottom: -45px; opacity: 0; transform: translateX(50px);}
.active .main-brand-inner .pattern1 {opacity: 1; transform: translate(0); transition-delay: 0.6s;}
.active .main-brand-inner .pattern2 {opacity: 1; transform: translate(0); transition-delay: 0.7s;}
.active .main-brand-inner .pattern3 {opacity: 1; transform: translate(0); transition-delay: 0.8s;}

.main-brand-title{position : absolute;z-index: 1; left : 50%;height: 62%;white-space: nowrap;transition : opacity 1s .4s, right 1s, top 1s, transform 1s .4s;opacity: 0; transform: translateX(calc(-50% - 400px));;font-size: 15px; line-height: 25px; font-family: "ofelia-text", sans-serif; letter-spacing: 0.25em; color : #000;}
.active .main-brand-title{opacity: 1;transform: translateX(calc(-50% - 360px));}
.main-brand-title > div{overflow: hidden; position : relative;width : 100%;height: 100%;}
.main-brand-title> div > p{height: 100%;transition : transform 1s;writing-mode: vertical-rl;padding-left: 10px;}
.main-brand-title> div > p:not(:first-child){position : absolute;top : 0;transform: translateX(calc(100% * var(--i)));}
.main-brand-title> div > p::after {display: inline-block;content: '';width: 1px;height: calc(100% - 21px);background-color: #000; margin-right: 3px;margin-top: 21px;}

.type1 .main-brand-title > div > p{transform: translateX(calc(100% * var(--i)));}
.type2 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 1)));}
.type3 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 2)));}
.type4 .main-brand-title > div > p{transform: translateX(calc(100% * (var(--i) + 3)));}

.main-brand-desc > div{opacity: 0; letter-spacing: -0.033em;position : absolute;left: 1200px;top :50%;width: 320px; transform: translateX(100px) translateY(-50%); transition : transform 1s, opacity 1s}
.main-brand-desc > div > h4{font-size: 23px; letter-spacing: -0.33px; line-height: 32px; font-family: PT; font-weight: bold; padding-top: 16px;position : relative;color: #06033C;}
.main-brand-desc > div > p{font-size: 15px; font-weight: 500; letter-spacing: -0.33px; line-height: 25px; color: #000;}
.main-brand-desc > div > ul{font-size: 16px; font-weight: 300; line-height: 1.6em;opacity: 0;transform: translateY(100px);transition : transform 1s, opacity 1s}

.brand-pagination {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;align-items: center;gap: 30px;z-index: 15;opacity: 0;transform: translateX(-50%) translateY(30px);transition: opacity 1.2s, transform 1.2s;}

.active .brand-pagination {opacity: 1;transform: translateX(-50%) translateY(0);transition-delay: 1.2s;}

.brand-pagination .swiper-pagination-bullet {position: relative;width: auto;height: auto;margin: 0;padding: 12px 24px;background: transparent;opacity: 1;font-family: "ofelia-text", sans-serif;font-size: 13px;font-weight: 300;color: rgba(25, 31, 109, 0.2);text-transform: uppercase;letter-spacing: 0.5px;cursor: pointer;transition: all 0.4s ease;}

.brand-pagination .swiper-pagination-bullet:hover {color: rgba(25, 31, 109, 1);}

.brand-pagination .swiper-pagination-bullet-active {color: #191F6D;font-weight: 500;}

.brand-pagination .swiper-pagination-bullet::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 10px;height: 10px;background: currentColor;border-radius: 50%;opacity: 0.2;background-color: #191F6D;transition: opacity 0.3s ease;
}
.brand-pagination .swiper-pagination-bullet:hover::before {opacity: 1;}
.brand-pagination .swiper-pagination-bullet-active::before {opacity: 1;}

.type1 .main-brand-desc1{opacity: 1; transform: translateX(0) translateY(-50%);}
.type2 .main-brand-desc2{opacity: 1; transform: translateX(0) translateY(-50%);}
.type3 .main-brand-desc3{opacity: 1; transform: translateX(0) translateY(-50%);}
.type4 .main-brand-desc4{opacity: 1; transform: translateX(0) translateY(-50%);}

/**/

/* 프리미엄 섹션 */
.premium-right {position: relative;width: 50%;height: 100%;}
.premium-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 84px;height: 84px;background-color: #fff;border-radius: 50%;left: 72.68vw;top: 45vh;z-index: 10;opacity: 0;transition: opacity 1.2s;pointer-events: auto;font-size: 13px;font-family:"ofelia-text", sans-serif;text-transform: uppercase;}
.active .premium-rotate-btn {opacity: 1;transition: opacity 1.2s 1s;}
.premium-rotate-btn::after {position: absolute;content: '';width: 110px;height: 110px;background: url(/assets/images/main/premium-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}
@keyframes rotate-text{0%{transform : rotate(0)}100%{transform : rotate(360deg)}}

.premium-list{overflow: hidden;display: flex;width : 100%;height : 100%;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-list{opacity: 1;transform: translateY(0);transition-delay: 0.8s;}
.premium-list .swiper-slide{display : flex; width : 100%;height : 100%;flex-shrink: 0;overflow: hidden;position : relative;}
.premium-box{width : 25%;position : relative;height : 100%;}
.premium-inner{display: flex;flex-direction: column;justify-content: flex-start;gap: 45px;position: relative;z-index: 1;width: 100%;height: 100%; text-align: center;padding : 232px 70px;}
.premium-list .swiper-slide .premium-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/main/premium-img-01.png) no-repeat center/ cover;}
.premium-list .premium-slide-02 .premium-bg {background-image: url(../images/main/premium-img-02.png);}
.premium-list .premium-slide-03 .premium-bg {background-image: url(../images/main/premium-img-03.png);}
.premium-list .premium-slide-04 .premium-bg {background-image: url(../images/main/premium-img-04.png);}
.premium-list .premium-slide-05 .premium-bg {background-image: url(../images/main/premium-img-05.png);}
.premium-list .premium-slide-06 .premium-bg {background-image: url(../images/main/premium-img-06.png);}
.premium-list .premium-slide-07 .premium-bg {background-image: url(../images/main/premium-img-07.png);}
.premium-list .premium-slide-08 .premium-bg {background-image: url(../images/main/premium-img-08.png);}

.premium-header {position: relative;}
.premium-label {display: block;margin-bottom: 19px;font-family:"ofelia-text", sans-serif;font-size: 15px;line-height: 1.5;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-sub-title{font-size: 22px;color : #AF1D36;letter-spacing: −1.5em; line-height: 36px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-desc{font-size: 15px;letter-spacing: -0.33px;line-height: 1.5;color : #000;margin: 32px 0 9px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.premium-list .premium-slide-02 .premium-sub-title {color: #48A29F;}
.premium-list .premium-slide-03 .premium-sub-title {color: #916E53;}
.premium-list .premium-slide-04 .premium-sub-title {color: #7E8F47;}
.premium-list .premium-slide-05 .premium-sub-title {color: #6B6CA3;}
.premium-list .premium-slide-06 .premium-sub-title {color: #5182BF;}
.premium-list .premium-slide-07 .premium-sub-title {color: #AF1D36;}
.premium-list .premium-slide-08 .premium-sub-title {color: #48A29F;}
.active .premium-list .premium-label{opacity: 1;transform: translateY(0);transition-delay: 1.4s;}
.active .premium-list .premium-sub-title{opacity: 1;transform: translateY(0);transition-delay: 2s;}
.active .premium-list .premium-desc{opacity: 1;transform: translateY(0);transition-delay: 2s;}
.premium-text {position: absolute;margin-top: -50px;left: 20px;}
.premium-list .swiper-slide .premium-box::after {content: '';position: absolute;width: 100%;height: 0;left: 0;bottom: 0;z-index: 0;background-color: #707070;transition: height ease .5s;opacity: .08;}
.premium-list .swiper-slide .premium-box:hover::after  {height: 100%;}
.premium-control {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;margin-top: 50px;opacity: 0;transform: translateY(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-control {opacity: 1;transform: translateY(0);transition-delay: 1.2s;}
.premium-progress {width: 375px;height: 1px;background: rgba(0,0,0,0.1);position: relative;}
.premium-progress > span {position: absolute;height: 100%;width: 20%;background: #542785;transition: width 0.5s;}
/* .premium-navigation {position : absolute;z-index: 1;left : 70px;bottom : 74px;display: flex;align-items: center;justify-content: center;gap: 5px;opacity: 0;transform: translateX(50px);transition: opacity 1.2s, transform 1.2s;}
.active .premium-navigation {opacity: 1;transform: translateX(0);transition-delay: 1.4s;}
.premium-navigation > div{display: flex;align-items: center;justify-content: center;width : 24px;height : 24px;border-radius: 50%;position : relative;cursor : pointer;}
.premium-navigation > div::after{position : absolute;content : '';width : 6px;height : 6px;border-top : 1px solid #fff;border-right : 1px solid #fff;} */
.premium-prev{background : #AB9284;}
.premium-navigation > .premium-prev::after{transform: rotate(-135deg);}
.premium-next{background : #AB9284;}
.premium-navigation > .premium-next::after{transform: rotate(45deg);border-color: #fff;}

/**/
/**/
.main-section-design{overflow: hidden;}
.design-bg{position : absolute;left : 0;top : 0;}
.design-bg > img{width : 100%;height : 100%;object-fit: cover;object-position: center;}
.design-bg::after{position : absolute;content: '';width : 128px;height : 100%;background: #F8F7F5;left : 45%;top : 0;clip-path: inset(50% 0);transition : cilp-path 1s;}
.active .design-bg::after{clip-path: inset(0 0);}
.design-slide{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%;position : absolute;left : 0;top : 0;}
.design-slide .swiper-slide{display: flex;justify-content: center; align-items: center;padding-top: 50px;}
.design-inner{display: flex;align-items: center;justify-content: center; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 1;}

.design-desc{position : absolute;opacity: 0;transition : opacity 1s .4s, transform 1s .4s}
.design-desc1{left : 0; top : 0;transform: translateX(-100px);}
.design-desc2{right : 33px; top : 0; transform: translateX(100px);}
.design-desc3{left : 54px; bottom : 0;transform: translateX(-100px);}
.design-desc4{right : -80px; bottom : 0; text-align: right;transform: translateX(100px);}
.active .swiper-slide-active .design-desc{opacity: 1; transform: translateX(0);}
.active .swiper-slide-active .design-desc1{transition : opacity 1s .4s, transform 1s .4s}
.active .swiper-slide-active .design-desc2{transition : opacity 1s 1.2s, transform 1s 1.2s}
.active .swiper-slide-active .design-desc3{transition : opacity 1s 1s, transform 1s 1.2s}
.active .swiper-slide-active .design-desc4{transition : opacity 1s .4s, transform 1s .4s}

.design-desc h4{font-family: Ofelia-text;font-weight: 300; font-size: 15px;margin-bottom: 19px; color : #121212}
.design-desc h4 > b{font-weight: 700;}
.design-desc h3{font-size: 22px; font-family: Pretendard; font-weight: 700; letter-spacing: -0.33px; line-height: 32px; color : #000;}
.design-desc2 h3 {color: #191F6D;}
.design-desc3 h3 {color: #009EDB;}
.design-desc p {font-size: 15px; letter-spacing: -0.33px; line-height: 24px; color: #939393; margin-top: 22px;}
.design-desc ul {margin-top: 28px;}
.design-desc ul li{position: relative; padding-left: 11px;font-size: 15px; font-family: PT; letter-spacing: -0.033em;line-height: 1.5em;font-weight: normal;}
.design-desc ul li::before {content: '•';position: absolute;left: 0;top: 0;color: #000; font-weight: bold;}

.design-img{position : absolute;}
.design-img1{top: -60px; width : 750px;height : 800px;}
.design-rotate-btn {display: flex;align-items: center;justify-content: center;position: absolute;width: 84px;height: 84px;background-color: #191F6D;border-radius: 50%;right: 53px;top: 74px;z-index: 10;opacity: 0;transform: translateX(20px);pointer-events: auto;}
.design-rotate-btn::after {position: absolute;content: '';width: 110px;height: 110px;background: url(/assets/images/main/design-rotate-text.png) no-repeat center;background-size: contain;animation: rotate-text 6s infinite linear;}

.design-img > img{transition : clip-path 1s .4s,opacity 1s .4s; clip-path : inset(100% 0 0);}
.design-img > img:nth-child(even){/* clip-path : inset(0 0 0 100%) */}
.envi-img-layer{position : absolute;left : 0;top : 0;width : 100%;height : 100%;}

.active .swiper-slide-active .design-img > img{clip-path : inset(0);opacity : 1;}
.active .swiper-slide-active .design-img > .envi-01-01{transition : clip-path 2s .4s ease-in-out, opacity 1.4s .4s}
.active .swiper-slide-active .design-img > .envi-01-02{transition : clip-path 2s .6s ease-in-out, opacity 1.4s .6s}
.active .swiper-slide-active .design-img > .envi-01-03{transition : clip-path 2s .8s ease-in-out, opacity 1.4s .8s}
.active .swiper-slide-active .design-img > .envi-01-04{transition : clip-path 2s 1s ease-in-out,opacity 1.4s 1s}
.active .swiper-slide-active .design-img > .envi-01-05{transition : clip-path 2s 1.2s ease-in-out,opacity 1.4s 1.2s}

.active .design-img > .design-rotate-btn {opacity: 1; transform: translate(0); transition: opacity 1s 1.8s, transform 1s 1.8s;}

.design-con{display: flex;flex-direction : column;align-items: start;justify-content: start; width : 100%;max-width: 1600px;height : 686px;position : absolute;z-index: 0;padding-top: 90px;}
.design-header {position: absolute;left: -80px;top: 0;z-index: 10;}

.design-title {width: 400px;height: 136px;position: relative;margin-bottom: 12px;}

.design-title > span {position: absolute;font-family: Athena;font-weight: 700;color: #222222;line-height: 1;opacity: 0;}

.design-title > span:nth-child(1) {font-size: 58px;font-weight : 300;top: 0;left: 50%;transform: translateX(-50%);transition: left 1.2s, transform 1.2s, opacity 1.2s;}

.active .design-title > span:nth-child(1) {opacity: 1;left: 0;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}

.design-title > span:nth-child(2) {font-size: 70px;bottom: 0;right: 50%;transform: translateX(50%);transition: right 1.2s, transform 1.2s, opacity 1.2s;font-weight : 400;}

.active .design-title > span:nth-child(2) {opacity: 1;right: 0;transform: translateX(0);transition: right 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}

.design-header > p {font-size: 16px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);text-align: right;}

.active .design-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}

.design-header > p > b {font-weight: 700;}
.design-navigation{display : flex; align-items : center;gap : 47px;z-index : 5;margin-top: 104px;opacity : 0; transition : opacity 1s}
.active .design-navigation{opacity : 1;}
.design-prev, .design-next{display : flex;align-items : center;width : 38px;height : 38px;border-radius : 50%;background: #EFEFEF;position : relative;cursor: pointer;transition : opacity .5s;}
.design-prev{padding-left: 19px;}
.design-next{justify-content : end;padding-right: 19px;}
.design-prev > img{flex-shrink : 0;position : absolute;transition : transform .5s;}
.design-prev:hover > img{transform : translateX(-40px)}
.design-next > img{flex-shrink : 0;position : absolute;transform : rotate(180deg);transition : transform .5s;}
.design-next:hover > img{transform : rotate(180deg) translateX(-40px)}
.design-navigation > div.swiper-button-disabled{opacity : 0.5;}
.design-rect{background: #06033C; width : 1px; height : 26px}


/* 로케이션 섹션 */
.location-bg{width : 100%;height : 100%;position : absolute;left : 0;top : 0;overflow: hidden; background-color: #E6F4FB;}
.fp-active .location-bg > img{transform: scale(1);transition-delay: .5s;}
.main-section-location .section-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; padding-top: 100px;}
/* .location-title {position: relative;margin-bottom: 25px;} */

/* .location-title > span {opacity: 0;display: block;font-family: Athena;font-size: 58px;font-weight: 700;color: #081346;line-height: 1;transform: translateX(100px);transition: left 1.2s, transform 1.2s, opacity 1.2s;}
.fp-active .location-title > span {opacity: 1;transform: translateX(0);transition: left 1.2s 1s, transform 1.2s 1s, opacity 1.2s .5s;}
.location-header {display: flex;flex-direction: column;align-items: center;margin-bottom: 25px;}
.location-header > p {font-size: 20px;line-height: 1.5;letter-spacing: -0.8px;color: #333;opacity: 0;transform: translateY(20px);}
.fp-active .location-header > p {opacity: 1;transform: translateY(0);transition: opacity 1.2s 1.8s, transform 1.2s 1.8s;}
.location-header > p > b {color: #542785;} */

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

.location-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;position : absolute; left : -80px;bottom : 90%;}
.fp-active .location-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.location-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; line-height: 1.25em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #2F3B68;}

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

.location-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.fp-active .location-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.location-con{display: flex;align-items: center;gap : 50px;}
.location-box{display: flex;flex-direction: column;align-items: center;gap : 26px;transition : transform 1s .4s, opacity 1s .4s;}
.location-box > div > img {border: 1px solid #000;}
.location-box:nth-child(1){transform: translateX(-100px);opacity: 0;}
.location-box:nth-child(2){transform: translateX(100px);opacity: 0;}
.fp-active .location-box{transform: translateX(0);opacity: 1; transition : transform 1s 1s, opacity 1s 1s;}
.location-address{display: flex; font-family: Noto Sans KR; font-size: 18px; letter-spacing: -0.06em;font-weight: 500; color : #191919;}
.location-address > span{display: flex;align-items: center; margin-right: 22px;position : relative; padding : 0 21px;font-weight: 700;color : #06033C;}
.location-address > span::before{position : absolute;content : '';width : 1px;height : 15px;left : 0;background : #06033C;transform: translateY(1px);}
.location-address > span::after{position : absolute;content : '';width : 1px;height : 15px;right : 0;background : #06033C;transform: translateY(1px);}
.location-btn-box{display: flex;align-items: center; gap : 7px;}

/*****************************
*********** NEW **************
*****************************/

.visual-slide-new{width : 100%;height : 100%;}
.visual-new-bg{width : 100%;height : 100%;position :absolute; z-index: -1; left : 0; top : 0; overflow : hidden;}
.visual-new-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.35);transition : transform 1s ease-in-out 1s;}
.active .on .swiper-slide-active .visual-new-bg > img{transform: scale(1); transition : transform 4s ease-in-out;}

.visual-new-inner{display : flex; flex-direction : column; align-items : center; padding-top: 190px;}
.visual-new-tit{display : flex; font-size : 43px; font-family : PT; letter-spacing : -0.033em;}
.visual-new-tit-01{font-weight : 300;}
.visual-new-tit-02{font-weight : 100; margin-bottom: 17px;}

.visual-new-tit b{font-weight : 700;}
.visual-new-tit .color{color : #A51019;}

.visual-new-tit span{transform : translateX(-50px); opacity : 0; transition : 1s;}
.active .on .swiper-slide-active .visual-new-tit-01 span{transform : translateX(0); opacity : 1; transition-delay : 1s;}
.active .on .swiper-slide-active .visual-new-tit-02 span{transform : translateX(0); opacity : 1; transition-delay : 2.2s;}

.visual-new-tit .char{transform : translateX(50px); opacity : 0; transition : 1s;}
.active .on .swiper-slide-active .visual-new-tit-01 .char:nth-child(1){transform : translateX(0); opacity : 1; transition-delay : .4s;}
.active .on .swiper-slide-active .visual-new-tit-01 .char:nth-child(2){transform : translateX(0); opacity : 1; transition-delay : .5s;}
.active .on .swiper-slide-active .visual-new-tit-01 .char:nth-child(3){transform : translateX(0); opacity : 1; transition-delay : .6s;}
.active .on .swiper-slide-active .visual-new-tit-01 .char:nth-child(4){transform : translateX(0); opacity : 1; transition-delay : .7s;}

.active .on .swiper-slide-active .visual-new-tit-02 .char:nth-child(1){transform : translateX(0); opacity : 1; transition-delay : 1.6s;}
.active .on .swiper-slide-active .visual-new-tit-02 .char:nth-child(2){transform : translateX(0); opacity : 1; transition-delay : 1.7s;}
.active .on .swiper-slide-active .visual-new-tit-02 .char:nth-child(3){transform : translateX(0); opacity : 1; transition-delay : 1.8s;}
.active .on .swiper-slide-active .visual-new-tit-02 .char:nth-child(4){transform : translateX(0); opacity : 1; transition-delay : 1.9s;}

.visual-new-line{width : 1px;height : 63px; background: rgba(0,0,0,0.19); margin-bottom: 17px; height :0px; transition : height 1s;}
.active .on .swiper-slide-active .visual-new-line{height : 63px; transition-delay: 2.8s}

.visual-new-logo{font-size : 22px; font-weight : 600; letter-spacing : -0.033em; color : #202746; opacity : 0; transition : opacity 1s;}
.active .on .swiper-slide-active .visual-new-logo{opacity : 1; transition-delay: 2.8s}

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

.schedule-inner{display : flex; justify-content : space-between; align-items: end; width : 100%; max-width: 1560px; position : relative; z-index: 1; margin : 0 auto; padding-bottom: 180px;}

.schedule-tit-box{display: flex;flex-direction: column;align-items: start; color : #fff;}

.schedule-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;}
.active .schedule-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.schedule-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; padding-left: 60px; line-height: 1em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s;}
.active .schedule-tit{opacity: 1; letter-spacing: 0.4em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.schedule-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; padding-left: 60px;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s;}
.active .schedule-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.schedule-left{padding-bottom: 50px;}
.schedule-right{display: flex;flex-direction: column;align-items: end;}


.schedule-table{display : grid; grid-template-columns : repeat(12, 1fr); color : #fff;width : 705px;gap : 10px; margin-bottom: 16px;}
.schedule-table > li{display: flex;flex-direction: column;align-items: center;justify-content: center; grid-column : span 3;border : 1px solid rgba(255,255,255,0.3); transition : color .5s, border-color .5s, opacity 0.7s;border-radius : 10px; height : 150px;opacity : 0;}
.schedule-table > li:hover{border-color : rgba(255,255,255,0.7); background: rgba(255,255,255,0.1n);}
.schedule-table > li.wide{grid-column : span 4;}

.active .schedule-table > li{opacity : 1; transition : color .5s, border-color .5s, opacity 0.7s calc((var(--i) * 0.1s) + 0.4s);}

.schedule-name{font-size : 22px; font-family : PT; font-weight : 700; margin-bottom: 6px;transition : color .5s;}
.schedule-name.point{color : #fdff47}
.schedule-day{font-size : 16px; font-family : PT; font-weight : 500; color : #9A9A9A}


.schedule-btn-box{display : flex;gap : 19px;margin-left: auto; transform : translateY(100px);opacity : 0;transition : transform 1.2s .4s, opacity 1.2s .4s;}
.active .schedule-btn-box{transform : translateY(0px);opacity : 1;transition : transform 1.2s 1s, opacity 1.2s 1s;}
.schedule-btn-box > a{display : flex; align-items : center; height : 45px;}

.schedule-btn-box > a > p{display: flex;align-items: center; justify-content: center; background: #fff;width : 168px; height : 100%; border-radius: 100px; font-family: PT; font-size: 15px; font-weight: 700;}
.schedule-btn-box > a > .plus{display: flex;align-items: center;justify-content: center; width : 45px;height : 100%; border-radius: 50%; position : relative;background: #fff; transition : transform .3s;}
.schedule-btn-box > a:hover > .plus{transform: rotate(90deg);}
.schedule-btn-box > a > .plus::after{position : absolute; content: ''; width : 15px; height : 1px; background: #0E2F52;}
.schedule-btn-box > a > .plus::before{position : absolute; content: ''; width : 1px; height : 15px; background: #0E2F52;}

.schedule-btn-box > a:nth-child(2) > p,
.schedule-btn-box > a:nth-child(3) > p{background: #191F6D; color : #fff;}
.schedule-btn-box > a:nth-child(2) > .plus,
.schedule-btn-box > a:nth-child(3) > .plus{background: #191F6D;}
.schedule-btn-box > a:nth-child(2) > .plus::after,
.schedule-btn-box > a:nth-child(2) > .plus::before,
.schedule-btn-box > a:nth-child(3) > .plus::after,
.schedule-btn-box > a:nth-child(3) > .plus::before{background: #fff;}

/***********************/
.main-section-benefit{overflow: hidden;}
.main-section-benefit .fp-tableCell{padding : 0 80px;}
.benefit-bg{width : 100%;height : 100%;position :absolute; z-index: -1; left : 0; top : 0; overflow: hidden;}
.benefit-bg-img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25);transition : transform 3s;}
.active .benefit-bg-img{transform: scale(1);}

.benefit-obj{position : absolute;z-index: 1; opacity: 0; transition : opacity 1s;}
.active .benefit-obj{opacity : 1; transition-delay : 1s}

.benefit-obj-01{top : 136px; left : 0;}
.benefit-obj-02{top : 136px; left : 677px;}
.benefit-obj-03{bottom : 25px; left : 46px;}

.benefit-inner{display: flex;justify-content: space-between;align-items: center; width : 100%; max-width: 1760px;margin :0 auto;}

.benefit-left{padding-left: 125px;}

.benefit-tit-box{display: flex;flex-direction: column;align-items: start; }

.benefit-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;}
.active .benefit-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.benefit-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; padding-left: 80px; line-height: 1.25em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #2F3B68;}
.benefit-tit > p:nth-child(2){padding-left: 120px;}

.active .benefit-tit{opacity: 1; letter-spacing: 0.4em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.benefit-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; padding-left: 200px;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s;}
.active .benefit-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}


.benefit-list-tit-box{opacity: 0; transform: translateY(-100px); transition : opacity 1s .4s, transform 1s .4s}
.active .benefit-list-tit-box{transform: translateY(0); opacity: 1;}

.benefit-list-sub-tit{font-size: 27px; font-family: PT; font-weight: 400; letter-spacing: -0.04em; margin-bottom: 13px; text-align: center;}
.benefit-list-tit{font-size: 36px; letter-spacing: -0.04em; font-family: PT; color : #17325C; margin-bottom: 73px; text-align: center}

.benefit-list{font-family: PT; letter-spacing: -0.04em; width : 849px; line-height: 1.75em; position :relative;}
.benefit-list::after{position : absolute; content: ''; width : 100%; height : 1px; background: #9D9D9D; bottom : 0; left : 0; clip-path: inset(0 100% 0 0); transition : clip-path 1s .4s;}
.benefit-list > li{font-size: 20px; font-weight: 500; padding : 30px 0;position : relative;}
.benefit-list > li.tit{font-size: 30px; font-weight: 700; padding : 20px 0; text-align: center;}

.benefit-list > li.tit .line{overflow : hidden;}

.benefit-list > li.tit .char{transform: translateY(100%); transition : transform 1s;}
.active .benefit-list > li.tit .char{transform: translateY(0); transition : transform 1s 1s;}

.benefit-list > li::after{position : absolute; content: ''; width : 100%; height : 1px; background: #9D9D9D; top : 0; left : 0; clip-path: inset(0 100% 0 0); transition : clip-path 1s .4s;}

.active .benefit-list::after,
.active .benefit-list > li::after{clip-path: inset(0);}

.benefit-list .q{display: flex; color : #2F3B68; font-weight: 700; margin-bottom: 20px;}
.benefit-list .q > span{width : 39px; flex-shrink: 0;}

.benefit-list .a{display: flex;}
.benefit-list .a > span{width : 39px; color : #A92937;font-weight: 700; flex-shrink: 0;}
.benefit-list .a b{color : #A92937; font-weight: 700;}

.benefit-list div:not(.char){transform : translateX(-50px); opacity: 0; transition : transform 1s, opacity 1s;}
.active .benefit-list div:not(.char){transform: translateX(0); opacity: 1; transition-delay: calc(var(--i) * 0.1s + 1s)}

.benefit-list-obj{position : absolute;z-index: 1; opacity: 0; transition : opacity .8s;}
.benefit-list-obj-01{right : 30px; bottom : 0;}
.benefit-list-obj-02{right : 0px; bottom : -36px;}
.benefit-list-obj-03{right : 12px; bottom : 0px;}

.active .benefit-list-obj-01{opacity: 1; transition-delay: 1.2s}
.active .benefit-list-obj-02{opacity: 1; transition-delay: 1.3s}
.active .benefit-list-obj-03{opacity: 1; transition-delay: 1.4s}

/*****************************/

.main-section-unit{background: #E9E7E1;}
.unit-inner{display: flex;justify-content: space-between; align-items : center;width : 100%; max-width : 1555px; margin : 0 auto;padding-top: 135px;height : 100%;position : relative}
.unit-inner::after{position : absolute; content : ''; width : 1px; height : calc(50% - 220px); background: #D4D4D4; top : 135px; left : 50%; transform : translateX(-50%);z-index : 1; clip-path : inset(0 0 100%); transition : clip-path 1s .4s;}
.unit-inner::before{position : absolute; content : ''; width : 1px; height : calc(50% - 240px); background: #D4D4D4; bottom : 0; left : 50%; transform : translateX(-50%);z-index : 1; clip-path : inset(100% 0 0); transition : clip-path 1s .4s;}
.active .unit-inner::after,
.active .unit-inner::before{clip-path : inset(0); transition : clip-path 1s 1s;}


.unit-center{position : absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(calc(-50% + 67px));z-index: 1;}
.unit-tit-box{display: flex;flex-direction: column;align-items: center; position : relative;}

.unit-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;position : absolute; left : -80px;bottom : 90%;}
.active .unit-sign{opacity: 1; transform: rotate(-10deg) translateX(0px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.unit-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; line-height: 1.25em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #2F3B68;}

.active .unit-tit{opacity: 1; letter-spacing: 0.4em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.unit-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.active .unit-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.unit-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 90px;height : 90px; border-radius: 50%; background: #B7A28B; color : #fff; font-family: futura-pt; font-size: 18px; font-weight : 500; margin : 0 auto;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s;}
.active .unit-rotate-btn{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.unit-rotate-btn::after{position : absolute; content : ''; width : 122px;height: 122px; background: url(/assets/images/main/unit-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s infinite linear}


.unit-inner > a{display: flex;flex-direction: column; align-items: center; transition : opacity 1.2s .4s, transform 1.2s .4s; opacity: 0;}
.unit-left{transform: translateY(-200px);}
.unit-right{transform: translateY(200px);}

.active .unit-inner > a{transform: translateY(0); opacity: 1; transition-delay: 1.2s;}

.unit-btn-tit-eng{margin-bottom: 13px; font-family: Athena; font-size: 20px; letter-spacing: 0.4em; color : #070707;}

.unit-btn-img{margin-bottom: 30px; overflow: hidden;}

.unit-btn-img > img{transition : transform 3s;}
.unit-btn:hover .unit-btn-img > img{transform: scale(1.2);}

.unit-btn-tit-kor{margin-bottom: 16px; font-size: 15px; font-family: PT; font-weight: 500; color : #222; position : relative;padding-bottom: 4px;}
.unit-btn-tit-kor::after{position : absolute; content : ''; width : 100%; height : 1px; bottom : 0; left : 0; background: #222;clip-path: inset(0 100% 0 0);  transition : clip-path .5s;}
.unit-btn:hover .unit-btn-tit-kor::after{clip-path: inset(0);}
.unit-btn-tit-kor b{font-weight: 700;}

.unit-btn-desc{font-size: 15px; letter-spacing: -0.04em; font-family: PT; color : #222;}

/********************************/

.value-slide{width : 100%;height : 100%; overflow: hidden;}
.value-inner{display: flex; position :absolute; width : 100%;height : 100%;left : 0;top : 0; transition : transform 1.2s;z-index: 1;}
.type3 .value-inner,
.type4 .value-inner{transform: translateX(-100%);}


.value-inner > article{width : 100%;height : 100%; flex-shrink: 0; position : relative;}

.value-bg-01{width : 100%;height : 100%;overflow: hidden; transition : width 1.2s, height 1.2s; position : absolute; left : 0; bottom : 0;}
.type2 .value-bg-01,
.type3 .value-bg-01{width : calc(100% - 640px); height : calc(100% - 135px);}

.value-bg-01 > video{width :100%;height : 100%; object-fit: cover; object-position: center; transition : transform 2s; transform : scale(1.4);filter: brightness(0.6);}
.active .value-bg-01 > video{transform : scale(1)}

.value-01-right{display: flex;flex-direction: column;align-items: start;justify-content: end; position : relative; z-index: 1; width : 640px; margin-left: auto;padding-left: 112px; height : 100%; padding-bottom: 107px; color : #fff; transition : color 1s;}
.type2 .value-01-right,
.type3 .value-01-right{color : #070707}


.value-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-100px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s; line-height: 3em;}
.active .value-sign{opacity: 1; transform: rotate(-10deg) translateX(-60px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.value-sub-tit{font-family: PT; font-size: 25px; margin-bottom: 20px; line-height: 1.25em;opacity: 0; letter-spacing: -0.033em;transition : opacity 1s .4s, color 1s; font-weight: 300;}
.type2 .value-sub-tit,
.type3 .value-sub-tit{color : #202746}
.active .value-sub-tit{opacity: 1; transition : opacity 1s .4s, color 1s;}

.value-tit{font-family: PT; letter-spacing: 0.4em; font-size: 31px; margin-bottom: 27px; line-height: 1.25em;opacity: 0; letter-spacing: -0.033em;transition : opacity 1s .4s, color 1s;}
.type2 .value-tit,
.type3 .value-tit{color : #202746}
.active .value-tit{opacity: 1; transition : opacity 1s .4s, color 1s;}

.value-desc{font-family: PT; font-size: 16px; letter-spacing: -0.033em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; font-weight: 500;}
.active .value-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.value-subway{position :absolute; right : 50px; bottom : 0; transform: translateY(100%); transition : transform 1s .4s;}
.type2 .value-subway,
.type3 .value-subway{transform: translateY(0);}


.value-bg-02{width : 100%;height : 100%;overflow: hidden;position : absolute; left : 0; bottom : 0;}
.value-bg-02 > video{width :100%;height : 100%; object-fit: cover; object-position: center;transition : transform 2s .8s; transform : scale(1.4)}
.active .type3 .value-bg-02 > video{transform : scale(1);transition : transform 2s;}

.value-02-inner{display : flex; flex-direction: column;align-items: start; width : 100%; max-width : 1640px; margin : 0 auto; color : #fff; position : relative; padding-top: 120px;}

.value-sign2{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-200px);transition : opacity 1s .4s, transform 1s .4s; line-height: 3em;}
.active .type3 .value-sign2{opacity: 1; transform: rotate(-10deg) translateX(-40px);transition : opacity 1s .8s, transform 1s .8s;}

.value-sub-tit2{font-family: PT; font-size: 25px; margin-bottom: 20px; line-height: 1.25em;opacity: 0; transform: translateX(-100px); letter-spacing: -0.033em;transition : transform 1s .4s, opacity 1s .4s; font-weight: 300;}
.active .type3 .value-sub-tit2{transform: translateX(0); opacity: 1; transition : opacity 1s .6s, transform 1s .6s;}

.value-tit2{font-family: PT; letter-spacing: 0.4em; font-size: 31px; margin-bottom: 27px; line-height: 1.25em;opacity: 0;  transform: translateX(-100px);letter-spacing: -0.033em;transition : transform 1s .4s, opacity 1s .4s;}
.active .type3 .value-tit2{transform: translateX(0); opacity: 1; transition : opacity 1s .4s, transform 1s .6s;}

/************************************/

.complex-slide{width : 100%;height : 100%;}
.complex-inner{display: flex; position :absolute; width : 100%;height : 100%;left : 0;top : 0; transition : transform 1.2s}

.complex-inner > article{width : 100%;height : 100%; flex-shrink: 0; position : relative;}

.complex-bg-01{width : 100%;height : 100%;overflow: hidden; transition : width 1.2s, height 1.2s; position : absolute; left : 0; bottom : 0;}
.type4 .complex-bg-01{width : 50%; height : calc(100% - 135px);}

.complex-bg-01 > video{width :100%;height : 100%; object-fit: cover; object-position: center;transition : transform 2s .8s; transform : scale(1.4); filter: brightness(0.6);}
.active .complex-bg-01 > video{transition : transform 2s; transform : scale(1)}

.complex-01-inner{display: flex; position: relative; width : 100%; height : 100%;z-index: 1;}
.complex-01-inner > div{width : 50%;}

.complex-01-left{padding : 200px 0 0 169px;}

.complex-tit-box{display: flex;flex-direction: column; align-items: start; color : #fff; opacity: 0; transition : opacity 1s}
.type3 .complex-tit-box{opacity: 1;}
.complex-sign{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-200px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;}
.active .type3 .complex-sign{opacity: 1; transform: rotate(-10deg) translateX(-60px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.complex-tit{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; line-height: 1.25em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s;}

.active .type3 .complex-tit{opacity: 1; letter-spacing: 0.4em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.complex-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.active .type3 .complex-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}


.complex-01-right{display: flex; flex-direction: column; align-items: center;justify-content: center; transform: translateX(100%); transition : transform 1.2s;}
.type4 .complex-01-right{transform: translateX(0);}


.complex-tit-box2{display: flex;flex-direction: column; align-items: start; color : #000; transition : opacity 1s}
/* .type1 .complex-tit-box2{opacity: 1;} */
.complex-sign2{font-family: AV; font-size: 46px; line-height: 1em; opacity: 0; transform: rotate(-10deg) translateX(-200px) translateY(30px);transition : opacity 1s .4s, transform 1s .4s;}
.active .type4 .complex-sign2{opacity: 1; transform: rotate(-10deg) translateX(-60px) translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.complex-tit2{font-family: Athena; letter-spacing: 0.4em; font-size: 43px; margin-bottom: 12px; line-height: 1.25em;opacity: 0; letter-spacing: 1em;transition : opacity 1s .4s, letter-spacing 1s .4s; color : #2F3656;}

.active .type4 .complex-tit2{opacity: 1; letter-spacing: 0.4em; transition : opacity 1s .4s, letter-spacing 1s 1.2s;}

.complex-desc2{font-family: PT; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(0);transition : opacity 1s .4s, transform 1s .4s; margin-bottom: 50px;}
.active .type4 .complex-desc2{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.2s, transform 1s 1.2s;}

.complex-btn{overflow: hidden;}
.complex-btn > img{transform: scale(1.5);transition : transform 2s;}
.active .type4 .complex-btn > img{transform: scale(1);}
.active .type4 .complex-btn:hover > img{transform: scale(1.2);}

.video-info{position : absolute; font-size : 14px; letter-spacing : -0.04em; right : 20px; bottom : 20px; color : #fff; font-family : PT;}