
#wrap{max-width: 720px; margin : 0 auto;}
.section{overflow: hidden; position : relative;}

.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; position : absolute; right : 36px; bottom : 180px; width : 180px; height : 180px;z-index: 1; color : #fff; transition : 1.4s; font-family: futura-pt, PT; font-size: 24px; font-weight: 700; transform: translateX(100px); opacity: 0; text-align: center; line-height: 1.4em;}
.open-rotate-btn.show{transform: translateX(0); opacity: 1;}
.open-rotate-btn b{font-size: 40px; font-size: 600;}
.open-rotate-btn span{font-size: 30px;}
.open-rotate-btn::after{position : absolute; content : ''; width : 100%; height : 100%; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.intro{display: flex;flex-direction: column; justify-content: center;align-items: center; position : absolute; width: 100%; gap :30px;top : 50%; transform: translateY(-50%); font-size: 24px;letter-spacing: -0.04em; transition : 1.2s;}
.t2 .intro{gap : 150px;}
.intro-desc-01{font-family: GG;}
.intro-desc-02{font-family: PT; font-weight: 700; color :#1C1C1C;}
.intro-desc-02 span{color : #B49480}

.intro-desc-01 .char{opacity: 0; transform: translateY(-50px);}
.intro-desc-02 .char{opacity: 0; transform: translateY(50px);}

.visual-bg-slide{width : 100%; height : 100%;}
.visual-bg-box{position : absolute;left : 0;top : 0;width : 100%;height : 100%; z-index: 0; clip-path: inset(calc(50% - 25px) 50%); transition : 1.2s;}
.t2 .visual-bg-box{clip-path: inset(calc(50% - 25px) calc(50% - 260px));}
.t3 .visual-bg-box{clip-path: inset(0);}

/* .visual-bg::after{position : absolute; content : ''; width : 100%; height : 200px; background: linear-gradient(to bottom, rgba(0,0,0,0.4), transparent); left : 0;top : 0;} */

.visual-bg{position : absolute; width : 100%; height : 100%;}
.visual-bg > img,
.visual-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: 30% 50%; transform: scale(1.5); transition : 5s;}
.on .swiper-slide-active .visual-bg > img,
.on .swiper-slide-active .visual-bg > video{transform: scale(1);}

.visual-inner{display: flex;justify-content: center; opacity: 1; position : relative; margin : 0 auto; max-width: 1460px; height : 100%; padding-top: 200px;}

.visual-tit-box{display: flex;flex-direction: column;align-items: center; color : #fff;}
.visual-desc-box{display: flex;align-items: center; gap : 15px; font-family: GG; margin-bottom: 32px;}
.visual-desc-01{font-size: 20px; color : #000;}
.white .visual-desc-01{color : #fff;}
.visual-desc-01 .char{opacity: 0; transition : 1s;}
.on .swiper-slide-active .visual-desc-01 .char{opacity: 1; transition : 1s; transition-delay: calc(var(--i) * .1s) !important;}

.visual-desc-line{width : 129px; height : 1px; background: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3); clip-path: inset(0 100% 0 0); transition : 1s;}
.white .visual-desc-line{background: rgba(255,255,255,0.3);}
.on .swiper-slide-active .visual-desc-line{clip-path: inset(0); transition : 1s 1s;}
.visual-desc-02{font-size: 29px; font-weight: 700; transform: scale(1.5); opacity: 0; transition : 1s 1.4s; color : #0E033B;}
.white .visual-desc-02{color : #fff;}
.on .swiper-slide-active .visual-desc-02{transform: scale(1); opacity: 1;}

.visual-tit{width : 497px; height : 69px;}
.visual-tit path{fill:transparent;stroke:#0E033B;stroke-width:1;stroke-dasharray:500;stroke-dashoffset:500; transition : stroke-dashoffset 2s .4s, fill 1.4s 1.4s, stroke 1.4s 1.4s; stroke : #02003C;}
.on .swiper-slide-active .visual-tit path{stroke-dashoffset: 0; fill: #0E033B; fill : #02003C; stroke : transparent}

.visual-info{position : absolute; left : 6px; bottom : 6px; color : #fff; font-size : 8px; font-family : PT; letter-spacing : :-0.04em}

/* PREMIUM */

.main-premium{margin-top: 80px;}
.premium-container > div{position : relative;}

.premium-bg-box{position :relative;}
.premium-bg{position : absolute; left : 0;top : 0; width : 100%;height : 100%;z-index: -1; overflow: hidden; transition : 1.4s;}
.premium-bg > img,
.premium-bg > video{transform: scale(1.5); transition : 1.4s;}
.active.premium-01 .premium-bg > img,
.active.premium-01 .premium-bg > video{transform: scale(1); transition : 3s;}
.active.premium-02 .premium-bg > img,
.active.premium-02 .premium-bg > video{transform: scale(1); transition : 3s;}

.active.premium-01 .premium-bg,
.active.premium-02 .premium-bg{filter: brightness(0.7);}
.premium-bg > img,
.premium-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center left;}

.premium-tit-box{padding : 120px 0 100px 100px; color : #fff; transition : 1s;}

.premium-tit{font-family: jost; font-size: 75px; font-weight: 400; position : relative;}
.premium-tit .char{opacity: 0; transition : 1s;}
.active.premium-01 .premium-tit .char{opacity: 1;}
.active.premium-01 .premium-tit .char:nth-child(1){transition : .7s 0s}
.active.premium-01 .premium-tit .char:nth-child(2){transition : .7s .1s}
.active.premium-01 .premium-tit .char:nth-child(3){transition : .7s .2s}
.active.premium-01 .premium-tit .char:nth-child(4){transition : .7s .3s}
.active.premium-01 .premium-tit .char:nth-child(5){transition : .7s .4s}
.active.premium-01 .premium-tit .char:nth-child(6){transition : .7s .5s}
.active.premium-01 .premium-tit .char:nth-child(7){transition : .7s .6s}
.active.premium-01 .premium-tit .char:nth-child(8){transition : .7s .7s}

.premium-tit > span{font-family: AV; font-size: 43px; font-weight: 700;position : absolute; white-space: nowrap; transform: rotate(-15deg) translateX(-100px); left : -80px; bottom : 70%; opacity: 0; transition : 1.4s;}
.active .premium-tit > span{transform: rotate(-15deg) translateX(0); opacity: 1; transition : 1s 1s;}

.premium-list > li{position : relative;}

.premium-con-tit-eng{font-family: jost; font-size: 36px; color : #B49480; margin-bottom: 16px; font-weight: 400; transform: translateY(-100px); opacity: 0; transition : 1.4s;}
.aos-animate .premium-con-tit-eng{transform: translateY(0); opacity: 1; transition : 2s .4s;}


.premium-con-tit{font-family: GG; font-size: 30px; font-weight: 400; letter-spacing: -0.04em; color : #020202;margin-bottom: 16px; line-height: 1.5em; transform: translateX(-100px); opacity: 0; transition : 1.4s;}
.aos-animate .premium-con-tit{transform: translateY(0); opacity: 1; transition : 2s .4s;}

.white .premium-con-tit{color : #fff;}
.premium-con-desc{font-family: PT; letter-spacing: -0.04em; font-size: 20px; line-height: 1.6em; color : #5A5A5A; transform: translateX(100px); opacity: 0; transition : 1.4s;}
.aos-animate .premium-con-desc{transform: translateY(0); opacity: 1; transition : 2s .4s;}
.white .premium-con-desc{color : #fff;}

.premium-img{overflow: hidden; opacity: 0; transition : 1.4s;}
.premium-list-02 .premium-img{transform: translateY(100px);}
.premium-list-03 .premium-img{transform: translateY(-100px);}
.premium-list-04 .premium-img{transform: translateY(100px);}
.premium-list-05 .premium-img{transform: translateY(-100px);}

.aos-animate .premium-img{transform: translateX(0); opacity: 1; transition : 2s .4s;}

.premium-img > img{transform: scale(1.5); transition : 1.4s;}
.active.premium-01 .premium-img > img{transform: scale(1); transition : 3s;}
.active.premium-02 .premium-img > img{transform: scale(1); transition : 3s;}

.premium-list-01{display: flex; align-items: end; padding : 80px 0 0 60px;}
.premium-list-02{display: flex;justify-content: end; padding : 0px 60px 80px 0; text-align: right;}
.premium-list-02 .premium-con{display: flex;flex-direction: column; justify-content: center; height : 100%;}
.premium-list-02 .premium-img{margin-top: 36px}

.premium-list-03{display: flex;flex-direction: column; justify-content: start; padding : 0 80px;}
.premium-list-03 .premium-con{margin-top: auto;}
.premium-list-03 .premium-img{margin-right: auto; margin-bottom: 36px;}

.premium-list-04{display: flex;flex-direction: column; padding : 0 60px 80px 0; text-align: right;}
.premium-list-04 .premium-img{margin-top: 36px; width : 100%;}
.premium-list-04 .premium-img > img{width : 100%;}

.premium-list-05{display: flex;padding: 0 0 80px 60px;}
.premium-list-05 .premium-img{margin-bottom: 67px;}
.premium-list-06{padding : 120px 0 80px 60px}

.premium-text{font-family: jost; font-size: 15px; letter-spacing: 0.25em; writing-mode: vertical-lr; position :absolute; left : 7px;top : 129px; color : #222; opacity: 0; transition :1s;}
.active.premium-01 .premium-text,
.active.premium-02 .premium-text{opacity: 1;}

.premium-info{position : absolute; right : 6px; bottom : 6px; color : #fff; font-size : 9px; letter-spacing : -0.04em; font-family : PT;}

/* ENVI */
.main-envi{padding-bottom: 80px;}
.envi-bg{position :absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%) scale(1.5); z-index: -1; opacity: 0; transition : 3s;}
.active .envi-bg{transform: scale(1) translateX(-50%) translateY(-50%); opacity: 0.5;}

.envi-inner{width : 100%; justify-content: center; padding-top: 80px; margin : 0 auto;}
.envi-left{display: flex;flex-direction: column;align-items: start;}
.envi-left .envi-list{display: flex;flex-direction: column;}

.envi-con-tit{font-family: GG; font-size: 22px; font-weight: 400; margin-bottom: 14px; color : #020202; transform: translateX(-50px); opacity: 0; transition : 1.4s;}
.envi-con-desc{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em; color : #5A5A5A; transform: translateX(50px); opacity: 0; transition : 1.4s;}
.active .envi-con-tit,
.active .envi-con-desc{opacity: 1; transform: translateY(0); transition : 1.4s 1s;}

.envi-list{display: flex;flex-direction: column;gap : 36px; margin-top: 36px;}
.envi-list > li{display: flex;align-items: end; gap : 36px}
.envi-right .envi-list > li{justify-content: end; text-align: right;}

.envi-list-02{padding-left: 180px;}
.envi-list-04{margin-left: 180px;}
.envi-list-06{padding-right: 180px;}

.envi-img{width : 180px; opacity: 0; transition : 1.4s;position : relative;}

.envi-list-01 .envi-img{top : -100px}
.envi-list-02 .envi-img{left : -100px}
.envi-list-03 .envi-img{left : 100px}
.envi-list-04 .envi-img{top : 100px}
.envi-list-05 .envi-img{top : -100px}
.envi-list-06 .envi-img{left : -100px}
.envi-list-07 .envi-img{left : 100px}
.envi-list-08 .envi-img{left : -100px}

.active .envi-img{opacity: 1; top : 0; left : 0;}
.active .envi-list-01 .envi-img{transition : 1.4s 0s;}
.active .envi-list-02 .envi-img{transition : 1.4s .15s;}
.active .envi-list-03 .envi-img{transition : 1.4s .3s;}
.active .envi-list-04 .envi-img{transition : 1.4s .45s;}
.active .envi-list-05 .envi-img{transition : 1.4s .6s;}
.active .envi-list-06 .envi-img{transition : 1.4s .75s;}
.active .envi-list-07 .envi-img{transition : 1.4s .9s;}
.active .envi-list-08 .envi-img{transition : 1.4s 1.05s;}


.envi-btn{display: flex;align-items: center; position : absolute; font-family: jost; font-size: 18px; letter-spacing: 0.15em;z-index: 10;width : 56px; height : 56px; border-radius: 50%; background: rgba(180,148,128,.34); white-space: nowrap; padding-left: 24px; left : 36px; bottom : 36px;}

/**/

.map-bg{width : 100%;height : 100%; position : absolute;left : 0;top : 0;}
.map-bg-img{width : 100%;height : 100%; object-fit: cover; object-position: center;}
.map-train{position : absolute; left : 0; bottom : 0; transform: translateX(-100%); opacity: 0; transition : 1.4s; width : 70%;}
.active .map-train{transform: translateX(0); opacity: 1; transition :2s .8s;}

.map-subway{position : absolute; right : 39px; bottom : 0; transform: translateY(100%); opacity: 0; transition : 1.4s; width : 94px;}
.active .map-subway{transform: translateY(0); opacity: 1; transition : 2s .8s;}

.map-inner{display: flex;flex-direction: column;align-items: center; position : relative; margin : 0 auto;gap : 80px; padding: 80px 0 160px;}
.map-left{width : 100%;}

.map-tit-box{display: flex;flex-direction: column; align-items: center; margin-bottom: 60px; gap : 10px; font-family: PT;}
.map-tit-line{width : 1px; height :36px; background: #BFBFBF; clip-path: inset(0 0 100%); transition : 1.4s;}
.active .map-tit-line{clip-path: inset(0); transition : 1s .4s;}
.map-desc{font-size: 48px; font-weight: 400;}
.map-desc .char{transform: translateY(-50px); opacity: 0; transition : 1.4s;}
.active .map-desc .char{transform: translateY(0); opacity: 1;}
.active .map-desc .char:nth-child(1){transition : 1.2s 0s;}
.active .map-desc .char:nth-child(2){transition : 1.2s .1s;}
.active .map-desc .char:nth-child(3){transition : 1.2s .2s;}
.active .map-desc .char:nth-child(4){transition : 1.2s .3s;}
.active .map-desc .char:nth-child(5){transition : 1.2s .4s;}
.map-tit{font-size: 60px; font-weight: 700; color : #0E033B; transform: scale(1.5); opacity: 0; transition : 1.4s;}
.active .map-tit{transform: scale(1); opacity: 1; transition : 1.2s .4s;}

.map-line{opacity: 0; transform: translateY(100px); transition : 1.4s; margin : 0 auto; width : 80%;}
.active .map-line{opacity: 1; transform: translateY(0);}
.active .map-line:nth-child(1){transition : 1.2s .4s;}
.active .map-line:nth-child(2){transition : 1.2s .6s;}
.active .map-line:nth-child(3){transition : 1.2s .8s;}
.map-line + .map-line{margin-top : 50px;}

.map-map{opacity: 0; transform: translateY(100px); transition : 1.4s; width : 80%; margin : 0 auto;}
.active .map-map{transform: translateY(0); opacity: 1; transition : 2s .4s;}
.map-img{box-shadow: 0 10px 20px rgba(0,0,0,0.16); position : relative;z-index: 1; border-radius: 20px; overflow: hidden; border : 2px solid #fff;}
.map-btn{display: flex;align-items: center;justify-content: space-between; width : 257px; height : 48px; border-radius: 0 0 16px 16px; color : #fff; background: #0E033B; padding : 0 29px 0 33px; font-family: PT; font-size: 20px; letter-spacing: -0.04em; font-weight: 600; transform: translateY(-100%); transition : 1.4s; position : relative; transition : 1s;}
.active .map-btn{transform: translateY(0); transition : 1s .8s;}

.map-btn img{width : 24px;}

.map-btn::after{position : absolute; content : ''; width : 100%;height : 100%; bottom : 100%; background: #0E033B;left : 0;}

/**/
.main-brand{background: url(../images/main/brand-bg.jpg?v=20260915)no-repeat center / cover;}

.brand-left{display: flex;align-items: center;justify-content: center; position : relative;padding : 80px 60px}
.brand-left::after{position : absolute; content : ''; width :100%; height : 1px; background: #E0E0E0; right : 0; bottom : 0; clip-path: inset(0 0 100%); transition : 1.4s;}
.aos-animate.brand-left::after{clip-path: inset(0); transition : 2s}
.brand-left .brand-inner{width : 100%;}
.brand-left .brand-img-box{margin-left: auto; width : 461px;}

.brand-tit-box{transform: translateX(-100px); opacity: 0; transition : 1.4s;}
.aos-animate .brand-tit-box{transform: translateX(0); opacity: 1;}
.brand-tit-eng{font-family: jost; font-size: 24px; letter-spacing: 0.25em; font-weight: 400; margin-bottom: 24px;}
.brand-tit{font-family: PT; font-size: 36px; letter-spacing: -0.04em; color : #0E033B; font-weight: 400;}

.brand-logo-01{margin-bottom: 24px; margin-left: auto; width : 120px;}

.brand-img{position : relative; overflow: hidden;z-index: 1;}
.brand-img > img{transform: scale(1.5); transition : 1.4s;}
.aos-animate .brand-img > img{transform: scale(1); transition : 3s;}
.brand-img-tag{position : absolute; top : 0; right : 0; background: rgba(0,0,0,0.45); color : #fff; font-family: PT; font-size: 17px; letter-spacing: -0.04em; padding : 7px 24px; transform: translateY(-100%); transition : 1.4s;}
.aos-animate .brand-img-tag{transform: translateY(0); transition : 1s 1s;}

.brand-left .brand-img-box{transform: translateY(100%); opacity: 0; transition : 1.4s;}
.aos-animate.brand-left .brand-img-box{opacity: 1; transform: translateY(0); transition : 1.4s .4s;}

.brand-center{display: flex;align-items: center;justify-content: center; position : relative; padding : 80px 60px}
.brand-center::after{position : absolute; content : ''; width :100%; height : 1px; background: #E0E0E0; right : 0; bottom : 0; clip-path: inset(0 0 100%); transition : 1.4s;}
.aos-animate.brand-center::after{clip-path: inset(0); transition : 2s}

.brand-center .brand-inner{width : 100%;}

.brand-sub-tit{padding-bottom: 16px; font-family: jost; font-size: 30px; font-weight: 400; position : relative;}
.brand-sub-tit > span{transform: translateY(-50px); opacity: 0; transition : 1.4s; display: block;}
.aos-animate .brand-sub-tit > span{transform: translateY(0); opacity: 1; transition : 1.4s 1s;}

.brand-sub-tit > img{position : absolute;right : 0; bottom :18px; opacity: 0; transition : 1.4s;}
.aos-animate .brand-sub-tit > img{opacity: 1; transition : 1s 1s;}

.brand-sub-tit::after{position :absolute; content : ''; width : 100%; height : 1px; background: #000; left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 1.4s;}
.aos-animate .brand-sub-tit::after{clip-path: inset(0); transition : 1s .4s;}

.brand-con-box{padding-top: 33px; font-family: PT; letter-spacing: -0.04em; margin-bottom: 100px;transform: translateY(50px); opacity: 0; transition : 1.4s;}
.aos-animate .brand-con-box{transform: translateY(0); opacity: 1; transition : 1.4s 1s;}
.brand-con-desc{font-size: 30px; font-weight: 500; color : #A7A7A7; margin-bottom: 7px;}
.brand-con-tit{font-size: 48px; font-weight: 600; color : #0E033B;}

.brand-slide-02 .brand-list{margin-top: 69px;}
.brand-list > li + li{margin-top: 30px;}

.brand-list-tit{font-family: jost; font-size: 24px; font-weight: 400; padding-bottom: 19px; position : relative;}

.brand-list-tit > span{transform: translateY(-50px); opacity: 0; transition : 1.4s; display: block;}
.aos-animate .brand-list-tit > span{transform: translateY(0); opacity: 1; transition : 1.4s 1s;}

.brand-list-tit > img{position : absolute;right : 0; bottom :18px; opacity: 0; transition : 1.4s; width : 120px;}
.aos-animate .brand-list-tit > img{opacity: 1; transition : 1s 1s;}

.brand-list-tit::after{position :absolute; content : ''; width : 100%; height : 1px; background: #D9D9D9; left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 1.4s;}
.aos-animate .brand-list-tit::after{clip-path: inset(0); transition : 1s .4s;}

.brand-list-desc{padding-top: 35px; font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; line-height: 1.5em; color : #383838; transform: translateY(50px); opacity: 0; transition : 1.4s;}
.aos-animate .brand-list-desc{transform: translateY(0); opacity: 1; transition : 1.4s 1s;}
.brand-list-desc > b{display: block; font-size: 20px; font-weight: 600; margin-bottom: 19px; color : #1D2E55;}

.brand-right{display: flex;align-items: center;justify-content: center; padding : 80px 48px;}

.brand-img-list{display: flex; gap : 10px}
.brand-img-list > li{opacity: 0; transition : 1.4s;}
.brand-img-list > li:nth-child(1){transform: translateX(-200px) translateY(-100px);}
.brand-img-list > li:nth-child(2){transform: translateX(200px) translateY(100px);}
.aos-animate .brand-img-list > li{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.brand-img-name{background: #000; color : #fff; text-align: center; padding : 7px 0; font-size: 17px; font-weight: 500; letter-spacing: -0.04em; font-family: PT; transform: translateY(-100%);z-index: -1;transition : 1.4s;}
.aos-animate .brand-img-name{transform: translateY(0); transition : 1s 1s;}

/**/

.contact-bg{position : absolute; left : 100%; transform: translateX(-100%); bottom : 0; width : 100%; height : 100%; overflow: hidden; transition : 1.4s;}
.contact-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 3s;}
.fp-active .contact-bg > img{ transform: scale(1);}

.contact-tit-box{text-align : center; margin-bottom: 55px;}
.contact-tit{font-family : athena; font-size : 67px; font-weight : 400; margin-bottom: 29px; color : #B49480;}
.contact-tit .char{opacity : 0; transform : translateY(50px); transition : 1s;}
.fp-active .contact-tit .char{opacity : 1; transform : translateY(0)}
.fp-active .contact-tit .char:nth-child(1){transition-delay : .4s;}
.fp-active .contact-tit .char:nth-child(2){transition-delay : .5s;}
.fp-active .contact-tit .char:nth-child(3){transition-delay : .6s;}
.fp-active .contact-tit .char:nth-child(4){transition-delay : .7s;}
.fp-active .contact-tit .char:nth-child(5){transition-delay : .8s;}
.fp-active .contact-tit .char:nth-child(6){transition-delay : .9s;}
.fp-active .contact-tit .char:nth-child(7){transition-delay : 1s;}
.fp-active .contact-tit .char:nth-child(8){transition-delay : 1.1s;}

.contact-desc{padding : 12px 35px; font-size : 18px; font-family : pt; color : #fff; letter-spacing : -0.04em; border-top : 1px solid rgba(255,255,255,0.2); border-bottom : 1px solid rgba(255,255,255,0.2); opacity : 0; transform : translateY(50px); transition : 1.2s;}
.fp-active .contact-desc{transform : translateY(0); opacity : 1; transition : 1.2s .4s;}
.contact-inner{display : flex; flex-direction : column; align-items : center; position : relative;}
.contact-container{display : flex; gap : 43px;}

.contact-container > div{opacity : 0; transition : 1.2s;}
.contact-map-box:nth-child(1){transform : translateX(-100px);}
.contact-map-box:nth-child(2){transform : translateX(100px);}
.fp-active .contact-container > div{opacity : 1; transform : translateX(0); transition : 1.2s 1s;}

.contact-map{margin-bottom: 40px;}
.contact-address-box{display : flex; justify-content : space-between; align-items: center;}
.contact-address{display : flex; flex-direction : column; color : #fff; font-size : 16px; letter-spacing : -0.04em; font-weight : 500; }
.contact-address b{font-size : 25px; color : #B49480; margin-bottom: 5px; font-weight : 500;}
.contact-btn-box{display : flex;gap : 4px;}

.main-contact{padding : 80px 16px;}
.contact-tit-box{text-align : center; margin-bottom: 36px;}
.contact-tit{font-size : 36px; margin-bottom: 16px;}

.contact-desc{padding : 8px 18px; font-size : 15px;}
.contact-container{display : flex; flex-direction : column; gap : 36px;}

.contact-map{margin-bottom: 24px;}
.contact-address{font-size : 14px;}
.contact-address b{font-size : 18px; margin-bottom: 3px;}
.contact-btn-box{gap : 3px;}

/*  */

.visual-bg-control{position :absolute; display: flex;align-items: center; left : 50%; bottom : 30px; z-index: 1; gap : 10px; transition : 1.2s; opacity: 0; transform: translateY(100px) translateX(-50%); pointer-events: none;;}
.on .visual-bg-control{transform: translateY(0) translateX(-50%); opacity: 1; pointer-events: all; transition : 1.2s 1s;}
.visual-bg-btn-box{display: flex;gap : 10px;}
.visual-bg-btn-box > li{width : 180px; height : 105px; overflow: hidden; cursor : pointer; filter: grayscale(1); transition : .5s;
    &.on{filter: grayscale(0);
        span.line:nth-child(1){width : 100%;}
        span.line:nth-child(2){height : 100%;}
        span.line:nth-child(3){width : 100%;}
        span.line:nth-child(4){height : 100%;}
    }
}
.visual-bg-btn-box > li > img{width : 100%;height : 100%;}
.visual-bg-prev,
.visual-bg-next{display: flex;align-items: center;justify-content: center; width : 36px;height : 36px; background: rgba(255,255,255,0.5); border-radius: 50%; cursor : pointer; padding-left: 4px;
    &::after{position : absolute; content: ''; width : 8px;height : 8px; border-top: 1px solid #000; border-left: 1px solid #000; transform: rotate(-45deg);}
}
.visual-bg-next{padding-left: 0; padding-right: 4px;}
.visual-bg-next::after{transform:rotate(135deg);}

/*  */

.main-schedule{position :relative; overflow: hidden; margin-top: 80px;}
.schedule-bg{position :absolute; left : 0; top : 0; width : 100%; height : 100%; z-index: -1; filter: brightness(0.2); overflow: hidden;}
.schedule-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition :1s;}
.schedule-inner{display: flex; flex-direction: column; align-items: center; justify-content: space-between; width : 100%; padding : 80px 36px 240px;}

.active{
    .schedule-bg > img{transform: scale(1); transition : 5s}
    .schedule-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}

    .schedule-table > li{transform: translateY(0); opacity: 1; transition : color .3s, background .3s, transform 1s calc(var(--i) * 0.1s + 0.4s), opacity 1s calc(var(--i) * 0.1s + 0.4s);}
    .schedule-btn-box{transform: translateY(0px); opacity: 1; transition: transform 1.2s 1s, opacity 1.2s 1s;}
    .schedule-obj{transform: translateY(0); transition : 2s;}
}

.schedule-tit-box{position : relative; transform: translateX(-100px); opacity: 0; transition : 1s; margin-bottom: 48px; text-align: center;}
.schedule-tit{font-family: jost; font-size: 64px; letter-spacing: 0.25em; font-weight: 500; color : #fff;}
.schedule-desc{font-family: PT; font-size: 24px; letter-spacing: -0.04em; font-weight: 400; color : #fff;}

.schedule-table-box{display: flex;flex-direction: column;align-items: end; position : relative; width : 100%; transition : opacity 1s;}
.schedule-table{display: grid;grid-template-columns: repeat(1,1fr);gap : 10px; margin-bottom: 26px; width : 100%;}
.schedule-table > li{display: flex;justify-content: space-between; align-items: center; grid-column: span 1; height : 90px; border-radius: 10px; border : 1px solid rgba(255,255,255,0.4); font-family: PT; font-size: 24px; font-weight: 500; color : #9D9D9D; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s; padding : 0 36px;
    &.wide{grid-column: span 1;}
    &.on{background: rgba(199,167,134,0.7); color : #fff;}
    &:nth-child(1){--i : 0}
    &:nth-child(2){--i : 1}
    &:nth-child(3){--i : 2}
    &:nth-child(4){--i : 3}
    &:nth-child(5){--i : 4}
    &:nth-child(6){--i : 5}
    &:nth-child(7){--i : 6}
    &:nth-child(8){--i : 7}
}

/*  */

.schedule-table > li b{color : #fff; font-size: 30px; font-weight: 700; margin-bottom: 6px;}

.schedule-btn-box{display: flex; gap: 19px; margin-left: auto; transform: translateY(100px); opacity: 0; transition: transform 1.2s 0.4s, opacity 1.2s 0.4s;}

.schedule-btn-box > a{display: flex; align-items: center; height: 54px;}
.schedule-btn-box > a > p{display: flex; align-items: center; justify-content: center; background: #fff; width: 200px; height: 100%; border-radius: 100px; font-family: PT; font-size: 20px; font-weight: 700; color : #02003C;}
.schedule-btn-box > a > .plus{display: flex; align-items: center; justify-content: center; width: 54px; height: 100%; border-radius: 50%; position: relative; background: #fff; transition: transform 0.3s;}
.schedule-btn-box > a > .plus::after{position: absolute; content: ''; width: 15px; height: 1px; background: #02003C;}
.schedule-btn-box > a > .plus::before{position: absolute; content: ''; width: 1px; height: 15px; background: #02003C;}
.schedule-btn-box > a:nth-child(2) > p, .schedule-btn-box > a:nth-child(3) > p{background: #C7A786; color: #fff;}
.schedule-btn-box > a:nth-child(2) > .plus, .schedule-btn-box > a:nth-child(3) > .plus{background: #C7A786;}
.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;}

.schedule-obj{position :absolute; left : 5%; bottom : 0; transform: translateY(100%); transition : 1s; width : 100%; max-width: 1570px; pointer-events: none; width : 70%;}

/*  */

.main-complex{background: #02003C; margin-top: 80px;}
.active{
    .complex-tit-box{transform: translateX(0); opacity: 1; transition : 2s .4s;}
    .complex-desc{transform: translateX(0); opacity: 1; transition : 2s .4s;}

    .complex-list > li{opacity: 1; transform: translateX(0) !important; transition : 2s .4s;}
    .complex-img > img{transform: scale(1); transition : 3s}
    .complex-img-name{transform: translateY(0); opacity: 1; transition : 2s .4s;
        &::after{clip-path: inset(0); transition : 2s 1s;}
    }
    .complex-btn{transform: translateY(0); transition : 2s 1.4s;
        &::after{clip-path: inset(0); transition :2s 1.4s;}
    }
    .complex-link{opacity: 1; transform: translateX(0); transition : 2s 1.4s;}

    .complex-tit-desc .char{opacity: 1; transition : 1s; transition-delay: calc(var(--i) * .1s);}
}
.complex-inner{display: flex;flex-direction: column;align-items: center; position : relative; padding : 120px 36px;}
.complex-top{margin-bottom: 54px; width : 100%; display: flex; flex-direction: column;}
.complex-tit-box{letter-spacing: -0.04em; transform: translateX(-100px); opacity: 0; transition : 1s; margin-bottom: 36px;}
.complex-tit-desc{font-family: GG; font-size: 24px; font-weight: 400; color : #fff; margin-bottom: 13px;}

.complex-tit-desc .char{opacity: 0; transition : 1s;}

.complex-tit{font-family: PT; font-size: 42px; color : #C7A786; font-weight: 700; white-space: nowrap;;}
.complex-desc{font-family: PT; font-size: 20px; letter-spacing: -0.04em; font-weight: 500; color : #aaa; white-space: nowrap; transform: translateX(100px); opacity: 0; transition : 1s; line-height: 1.5em;}
.complex-list{display: flex; gap : 10px; margin-bottom: 80px;}
.complex-list > li{opacity: 0;transition : 1s;
    &:nth-child(1){transform: translateX(-100px);}
    &:nth-child(3){transform: translateX(100px);}
}

.complex-img{overflow: hidden;}
.complex-img > img{transform: scale(1.5); transition : 1s;}
.complex-img-name{padding : 10px 0; text-align: right; color : #fff; font-family: PT; position : relative; transform: translateY(50px); opacity: 0; transition : 1s; font-size: 18px;
    &::after{position :absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.4); left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 1s;}
}

.complex-link{display: flex;align-items: center; gap : 16px; font-family: jost; font-size: 12px; font-size: 20px; color : #fff; align-self: end; transform: translateY(50px); opacity: 0; transition : 1s}
.complex-link > .arrow{display: flex;align-items: center; position : relative;z-index: 1;}
.complex-link > .arrow::after{position : absolute; content : ''; width : 24px; height : 24px; background: #fff; border-radius: 50%; right : 0; transform: scale(1) translateX(30%);z-index: -1; transition : .3s;}
.complex-link > .arrow > img{transition : .3s;}

.complex-btn{display: flex;align-items: center; justify-content: start; position :absolute; left : 0; bottom : 0; width : 100%; height : 46px; color : #fff; transform: translateY(100%); transition : 1s; padding : 0 24px;
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.35); left : 0;top : 0; clip-path: inset(0 100% 0 0); transition : 1s;}
}
.complex-btn > p{position : absolute; white-space: nowrap; font-family: PT; font-size: 18px; letter-spacing: -0.04em; color : #BCBCBC;}
.complex-btn > p > span{font-family: jost; font-size: 15px; font-weight: 500; letter-spacing: 0.25em; margin-right: 13px; color : #C7A786;}


/*  */

.main-com{background: #EFEDE8; padding : 80px 10px 40px;}
.active{
    .com-tit-box{transform: translateX(0); opacity: 1; transition : 2s 0s;}
    .com-desc{transform: translateX(0); opacity: 1; transition : 2s 0s;}
    .com-tit-desc .char{opacity: 1; transition : 1s; transition-delay: calc(var(--i) * .1s);}

    .com-btn{transform: translateX(0); transition : 2s 1.4s;
        &::after{clip-path: inset(0); transition :2s 1.4s;}
    }
}
.active .active{
    .com-list > li{transform: translateY(0); opacity: 1; transition : 1.2s;
        &:nth-child(1){transition-delay : 0s;}
        &:nth-child(2){transition-delay : .2s;}
        &:nth-child(3){transition-delay : .4s;}
    }
    .com-list-tit::after{clip-path: inset(0); transition : 1.2s .4s;}
    .com-list-desc{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}

    .com-con-tit::after,
    .com-con-tit::before{clip-path: inset(0); transition : 1.2s 0s;}

    .com-con-tit > span{transform: translateY(0); opacity: 1; transition : 1.2s 0s;}

    .com-con-desc{transform: translateX(0); opacity: 1; transition : 1.2s 0s;}
}

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

.com-container{display: flex;justify-content: center; margin-bottom: 48px;}
.com-tit-box{margin : 0 auto; width : 100%; transform: translateX(-100px); opacity: 0; transition : 1s; padding : 0 26px;}

.com-tit-desc{font-family: GG; font-size: 24px; font-weight: 400; color : #000; margin-bottom: 13px;}

.com-tit-desc .char{opacity: 0; transition : 1s;}

.com-tit{font-family: PT; font-size: 42px; color : #84694E; font-weight: 700; margin-bottom: 36px;}
.com-desc{font-family: PT; font-size: 20px; letter-spacing: -0.04em; font-weight: 500; color : #000; white-space: nowrap; transform: translateX(100px); opacity: 0; transition : 1s; line-height: 1.5em;}

.com-btn{display: flex;align-items: center; justify-content: start; position :absolute; left : 0; bottom : 0; width : 100%; height : 46px; color : #fff; transform: translateY(100%); transition : 1s; padding : 0 24px;
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.35); left : 0;top : 0; clip-path: inset(0 100% 0 0); transition : 1s;}
}
.com-btn > p{position : absolute; white-space: nowrap; font-family: PT; font-size: 18px; letter-spacing: -0.04em; color : #000;}
.com-btn > p > span{font-family: jost; font-size: 15px; font-weight: 500; letter-spacing: 0.25em; margin-right: 13px; color : #84694E;}

.com-inner{display: flex; flex-direction: column; align-items: start; justify-content: space-between; width : 100%; margin : 0 auto; height : 100%;}
.com-list{display: grid; gap : 10px; grid-template-columns: repeat(3,1fr);}
.com-list > li{transform: translateY(100px); opacity: 0; transition : 1s;}
.com-img{position : relative; overflow: hidden;}
.com-img.img-cut::after{position : absolute; content : '이미지컷'; right : 13px; bottom : 6px; color : #fff; font-family: PT; font-weight: 500;}

.com-list-tit{padding : 20px 0; font-size: 20px; font-family: PT; font-weight: 500; letter-spacing: -0.04em; position :relative; width : 100%; text-align: center; margin-bottom: 20px;
    &::after{position : absolute; content : ''; width : 100%; height : 1px; left : 0; bottom : 0; background: #BEBEBE; clip-path: inset(0 100% 0 0); transition : 1s;}
}
.com-list-desc{font-size: 18px; font-family: PT; letter-spacing: -0.04em; font-weight: 400; color : #000; line-height: 1.5em; text-align: center; transform: translateY(50px); opacity: 0; transition : 1s; white-space: nowrap;}

.com-con-box{margin : 0 auto 24px; text-align: center;}
.com-con-tit{padding : 14px 0; font-size: 33px; font-family: jost; font-weight: 500; color : #070707; position : relative; margin-bottom: 24px; text-align: center;
    &::after{position :absolute; content :''; width : 100%; height : 1px; left : 0;top : 0; background: #BEBEBE; clip-path: inset(0 100% 0 0); transition : 1s;}
    &::before{position :absolute; content :''; width : 100%; height : 1px; left : 0;bottom : 0; background: #BEBEBE; clip-path: inset(0 0 0 100%); transition : 1s;}
}
.com-con-tit > span{transform: translateY(50px); display: block; opacity: 0; transition : 1s;}
.com-con-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 400; color : #000; line-height: 1.5em; transform: translateX(-100px); opacity: 0; transition : 1s;}
.com-slide-02 .com-con-desc{transform: translateX(100px);}

.com-obj{margin-top: 60px; max-width: 50%;;}
.com-slide-02 .com-obj{margin-left: auto;}


/*  */

.active{
    .unit-side-btn{transform: translateX(0); transition : 2s 1.4s;
        &::after{clip-path: inset(0); transition :2s 1.4s;}
    }
    .unit-tit-box{transform: translateY(0); opacity: 1; transition : 2s 0s;}
    .unit-con-tit > b .char{opacity: 1; transition : 1s; transition-delay: calc(var(--i) * .1s + 0.4s);}
    .unit-link{opacity: 1; transform: translateY(0); transition :2s .4s;}

    .unit-btn{transform: translateY(0); opacity: 1; transition : 1.2s;
        &.unit-btn-01{transition-delay: .8s;}
        &.unit-btn-02{transition-delay: 1s;}
        &.unit-btn-03{transition-delay: 1.2s;}
    }
    .unit-img > img,
    .unit-img > video{transform: scale(1); transition : 3s 1s;}
    .unit-left{transform: translateX(0); transition :2s 0s;}
    .unit-container{transform: translateX(0); transition : 2s 0s;}
}

.unit-bg{position :absolute; left : 0;top: 0;width : 100%;height : 100%; filter: brightness(0.4);}
.unit-bg > video{width :100%;height : 100%; object-fit: cover; object-position: center;}
.unit-inner{display: flex; flex-direction: column; position :relative; width : 100%; height : 100%;}
.unit-left{display: flex; flex-direction: column;justify-content: space-between; background: #fff; padding : 80px 36px; transform: translateX(-100%); transition : 1s;}

.unit-con-box{}
.unit-con-desc{font-family: PT; font-size: 24px; letter-spacing: -0.04em; font-weight: 500; color : #5A5A5A; line-height: 1.5em; margin-bottom: 36px;}
.unit-con-tit{font-family: GG; font-size: 36px; letter-spacing: -0.04em; color : #020202; font-weight: 400; line-height: 1.5em;}
.unit-con-tit > b .char{opacity: 0; transition : 1s;}

.unit-right{display: flex;flex-direction: column;justify-content: space-between; align-items: start; padding:0; position : relative;}
.unit-tit-box{transform: translateY(-100px);opacity: 0; transition : 1s; padding : 80px 36px;}
.unit-tit{font-family: jost; font-size: 48px; letter-spacing: 0.25em; color : #C7A786}
.unit-desc{font-family: PT; font-size: 24px; letter-spacing: -0.04em; color : #fff;}

.unit-link{display: flex;align-items: center; gap : 16px; font-family: jost; font-size: 16px; color : #fff; transform: translateY(50px); opacity: 0; transition : 1s; letter-spacing: 0.25em; padding-left: 36px; margin-bottom: 36px;}
.unit-link > .arrow{display: flex;align-items: center; position : relative;z-index: 1;}
.unit-link > .arrow::after{position : absolute; content : ''; width : 24px; height : 24px; background: #fff; border-radius: 50%; right : 0; transform: scale(1) translateX(30%);z-index: -1; transition : .3s;}
.unit-link > .arrow > img{transition : .3s;}

.unit-container{display: flex;flex-direction: column; justify-content: center; gap : 36px; right : 0; height : 100%; top : 0; background: rgba(0,0,0,0.6); padding : 36px 36px 80px 36px; transform: translateX(100%); transition :1s; width : 100%;}

.unit-btn{transform: translateY(50px); opacity: 0; transition : 1s;}
.unit-btn-02{align-self: end;}

.unit-btn-tit{font-family: jost; font-size: 24px; letter-spacing: 0.25em; font-weight: 400; color : #C7A786; margin-bottom: 7px;}

.unit-img{width : 360px;height : 211px; margin-bottom: 19px; overflow: hidden; position : relative;}
.unit-img.img-cut::after{position : absolute; content : '이미지컷'; right : 13px; bottom : 6px; color : #fff; font-family: PT; font-weight: 500;}
.unit-img > img,
.unit-img > video{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 1s;}

.unit-btn-desc{font-family: PT; font-size: 18px; letter-spacing: -0.08em; white-space: nowrap; color : #fff;}
.dark .unit-btn-desc{color : #000}

.unit-side-btn{display: flex;align-items: center; justify-content: start; position :absolute; left : 0; bottom : 0; width : 100%; height : 46px; color : #fff; transform: translateY(100%); transition : 1s; padding : 0 24px;
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.35); left : 0;top : 0; clip-path: inset(0 100% 0 0); transition : 1s;}
}
.unit-side-btn > p{position : absolute; white-space: nowrap; font-family: PT; font-size: 18px; letter-spacing: -0.04em; color : #000;}
.unit-side-btn > p > span{font-family: jost; font-size: 15px; font-weight: 500; letter-spacing: 0.25em; margin-right: 13px; color : #84694E;}


.active{
    .unit-slide-bg > img{transform: scale(1); transition : 3s;}
    .unit-navigation{opacity: 1; transition : 1.2s .4s;}
    .unit-slide-btn-box > li{transform: translateY(0); opacity: 1;
        &:nth-child(1) {transition: color .3s, opacity 1.2s .4s, transform 1.2s 0s;}
        &:nth-child(2) {transition: color .3s, opacity 1.2s .5s, transform 1.2s .1s;}
        &:nth-child(3) {transition: color .3s, opacity 1.2s .6s, transform 1.2s .2s;}
        &:nth-child(4) {transition: color .3s, opacity 1.2s .7s, transform 1.2s .3s;}
        &:nth-child(5) {transition: color .3s, opacity 1.2s .8s, transform 1.2s .4s;}
        &:nth-child(6) {transition: color .3s, opacity 1.2s .9s, transform 1.2s .5s;}
        &:nth-child(7) {transition: color .3s, opacity 1.2s 1s, transform 1.2s .6s;}
        &:nth-child(8) {transition: color .3s, opacity 1.2s 1.1s, transform 1.2s .7s;}
        &:nth-child(9) {transition: color .3s, opacity 1.2s 1.2s, transform 1.2s .8s;}
        &:nth-child(10){transition: color .3s, opacity 1.2s 1.3s, transform 1.2s .9s;}
    }
}
.active .swiper-slide-active{
    .unit-slide-tit{transform: translateY(0); opacity: 1; transition : 1s .4s;}
    .unit-slide-desc{transform: translateY(0); opacity: 1; transition : 1s .6s;}
    .unit-slide-img{transform: translateY(0); opacity: 1; transition : 1s .8s;}
}
.unit-slide-box{display: flex;flex-direction: column;align-items: center;justify-content: center; flex : 1; position :relative; overflow: hidden; padding : 80px 0;}
.unit-slide-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.unit-slide-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 1s;}

.unit-slide{display: flex;justify-content: center; width : 475px; margin-bottom: 90px; position : relative;}
.unit-slide .swiper-slide{display: flex;flex-direction: column;align-items: center; justify-content: center;}
.unit-slide-tit{font-family: futura-pt; font-weight: 700; font-size: 54px; margin-bottom: 18px; transform: translateY(50px); opacity: 0; transition : 1s;}
.unit-slide-desc{font-family: PT;font-size: 20px; letter-spacing: -0.04em; margin-bottom: 48px; transform: translateY(50px); opacity: 0; transition : 1s;}
.unit-slide-img{display : flex; align-items : center; justify-content : center; width :475px; height : 407px; transform: translateY(50px); opacity: 0; transition : 1s;}
.unit-slide-img > img{width : 100%; height : 100%; object-fit: contain; object-position: center;}

.unit-slide-btn-box{display: grid; grid-template-columns: repeat(4,1fr); position :relative; gap : 16px 0;}
.unit-slide-btn-box > li{display: flex;justify-content: center; width : 148px; padding-bottom: 12px; border-bottom : 1px solid #C9C9C9; color : #C9C9C9; transition :.3s; font-family: futura-pt; font-weight: 700; font-size: 24px; text-align: center; position : relative; transform: translateY(100px); opacity: 0; transition : 1s; cursor : pointer;
    &.on{color : #000;
        &::after{clip-path: inset(0);}
        &::before{transform: translateY(50%) scale(1);}
    }

    &::before{position : absolute; content : ''; width : 10px; height : 10px; border-radius: 50%; background: #000; bottom : -1px; transform: translateY(50%) scale(0); transition : .3s;}
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: #000; bottom: -1px; left : 0; clip-path: inset(0 100% 0 0); transition : .3s;}
}

.unit-navigation{display: flex;justify-content: space-between; position : absolute; width : 130%; top : 70%; transform: translateY(-50%); z-index: 1; opacity: 0; transition : 1s;}
.unit-navigation > div{display: flex;flex-direction: column; font-family: jost; font-size: 14px; font-weight: 600; align-items: end; cursor : pointer;
    &.unit-next{align-items: start;
        img{transform: rotate(180deg);}
    }
}
.unit-navigation > div > img{transition : .5s;}

@media(max-width : 720px){
    .open-rotate-btn{right : 5.0000vw; bottom : 25.0000vw; width : 25.0000vw; height : 25.0000vw;font-size: 3.3333vw;}
    .open-rotate-btn b{font-size: 5.5556vw;}
    .open-rotate-btn span{font-size: 4.1667vw;}
    .intro{gap :4.1667vw; font-size: 3.3333vw;}
    .t2 .intro{gap : 20.8333vw;}
    .visual-bg{clip-path: inset(calc(50% - 3.4722vw) 50%);}
    .t2 .visual-bg{clip-path: inset(calc(50% - 3.4722vw) calc(50% - 36.1111vw));}
    .t3 .visual-bg{clip-path: inset(0);}
    .visual-bg::after{height : 27.7778vw;}
    .visual-inner{padding-top: 27.7778vw;}
    .visual-desc-box{gap : 2.0833vw; font-family: GG; margin-bottom: 4.4444vw;}
    .visual-desc-01{font-size: 3.3333vw;}
    .visual-desc-line{width : 17.9167vw;}
    .visual-desc-02{font-size: 4.1667vw;}
    .visual-tit{width : 69.0278vw; height : 9.5833vw;}

    /* PREMIUM */
    .main-premium{margin-top: 11.1111vw;}
    .premium-tit-box{padding : 16.6667vw 0 13.8889vw 13.8889vw;}
    .premium-tit{font-size: 10.4167vw;}
    .premium-tit > span{font-size: 5.9722vw;}
    .premium-con-tit-eng{font-size: 5.0000vw; margin-bottom: 2.2222vw;}
    .premium-con-tit{font-size: 4.1667vw;margin-bottom: 2.2222vw;}
    .premium-con-desc{font-size: 2.7778vw;}
    .premium-list-01{padding : 11.1111vw 0 0 8.3333vw;}
    .premium-list-02{padding : 0.0000vw 8.3333vw 11.1111vw 0;}
    .premium-list-02 .premium-img{margin-top: 5.0000vw; width : 55.5556vw;}
    .premium-list-03{padding : 0 11.1111vw;}
    .premium-list-03 .premium-img{margin-bottom: 5.0000vw; width : 42.7778vw}
    .premium-list-04{padding : 0 8.3333vw 11.1111vw 0}
    .premium-list-04 .premium-img{margin-top: 5.0000vw; width : 100%;}
    .premium-list-05{padding: 0 0 11.1111vw 8.3333vw;}
    .premium-list-05 .premium-img{margin-bottom: 9.3056vw; width : 54.7222vw}
    .premium-list-06{padding : 16.6667vw 0 11.1111vw 8.3333vw}
    .premium-text{font-size: 2.0833vw;left : 0.9722vw;top : 17.9167vw;}
    /* ENVI */
    .main-envi{padding-bottom: 11.1111vw;}
    .envi-inner{padding-top: 11.1111vw;}
    .envi-con-tit{font-size: 3.0556vw; margin-bottom: 1.9444vw;}
    .envi-con-desc{font-size: 2.5000vw;}
    .envi-list{gap : 5.0000vw; margin-top: 5.0000vw;}
    .envi-list > li{gap : 5.0000vw}
    .envi-list-02{padding-left: 25.0000vw;}
    .envi-list-04{margin-left: 25.0000vw;}
    .envi-list-06{padding-right: 25.0000vw;}
    .envi-img{width : 25.0000vw;}
    .envi-btn{font-size: 2.5000vw;width : 7.7778vw; height : 7.7778vw;padding-left: 3.3333vw; left : 5.0000vw; bottom : 5.0000vw;}
    /**/
    .map-subway{right : 5.4167vw; width : 13.0556vw;}
    .map-inner{gap : 11.1111vw; padding: 11.1111vw 0 22.2222vw;}
    .map-tit-box{margin-bottom: 8.3333vw; gap : 1.3889vw;}
    .map-tit-line{height :5.0000vw;}
    .map-desc{font-size: 6.6667vw;}
    .map-tit{font-size: 8.3333vw;}
    .map-line + .map-line{margin-top : 6.9444vw;}

    .map-img{box-shadow: 0 1.3889vw 2.7778vw rgba(0,0,0,0.16); border-radius: 2.7778vw; border : 0.2778vw solid #fff;}
    .map-btn{width : 35.6944vw; height : 6.6667vw; border-radius: 0 0 2.2222vw 2.2222vw; padding : 0 4.0278vw 0 4.5833vw; font-size: 2.7778vw;}
    .map-btn img{width : 3.3333vw;}
    /**/
    .brand-left{padding : 11.1111vw 8.3333vw}
    .brand-left .brand-img-box{width : 64.0278vw;}
    .brand-tit-eng{font-size: 3.3333vw; margin-bottom: 3.3333vw;}
    .brand-tit{font-size: 5.0000vw;}
    .brand-logo-01{margin-bottom: 3.3333vw; width : 16.6667vw;}
    .brand-img-tag{font-size: 2.3611vw; padding : 0.9722vw 3.3333vw;}
    .brand-center{padding : 11.1111vw 8.3333vw}
    .brand-sub-tit{padding-bottom: 2.2222vw; font-size: 4.1667vw;}
    .brand-sub-tit > img{bottom :2.5000vw;}
    .brand-con-box{padding-top: 4.5833vw; margin-bottom: 13.8889vw;}
    .brand-con-desc{font-size: 4.1667vw; margin-bottom: 0.9722vw;}
    .brand-con-tit{font-size: 6.6667vw;}
    .brand-slide-02 .brand-list{margin-top: 9.5833vw;}
    .brand-list > li + li{margin-top: 4.1667vw;}
    .brand-list-tit{font-size: 3.3333vw; padding-bottom: 2.6389vw;}
    .brand-list-tit > img{bottom :2.5000vw; width : 16.6667vw;}

    .brand-list-desc{padding-top: 4.8611vw; font-size: 2.5000vw;}
    .brand-list-desc > b{font-size: 2.7778vw; margin-bottom: 2.6389vw;}
    .brand-right{padding : 11.1111vw 6.6667vw;}
    .brand-img-list{gap : 1.3889vw}
    
    .brand-img-name{padding : 0.9722vw 0; font-size: 2.3611vw;}


    /*  */
    .visual-bg-control{bottom : 4.1667vw; gap : 1.3889vw;}
    .visual-bg-btn-box{gap : 1.3889vw;}
    .visual-bg-btn-box > li{width : 25.0000vw; height : 14.5833vw}
    .visual-bg-prev,
    .visual-bg-next{width : 5.0000vw;height : 5.0000vw;padding-left: 0.5556vw;
        &::after{width : 1.1111vw;height : 1.1111vw;}
    }
    .visual-bg-next{padding-left: 0; padding-right: 0.5556vw;}

    .main-schedule{margin-top: 11.1111vw;}
    .schedule-inner{padding : 11.1111vw 5.0000vw 33.3333vw;}
    .schedule-tit-box{margin-bottom: 6.6667vw;}
    .schedule-tit{font-size: 8.8889vw;}
    .schedule-desc{font-size: 3.3333vw;}
    .schedule-table{gap : 1.3889vw; margin-bottom: 3.6111vw;}
    .schedule-table > li{height : 12.5000vw;font-size: 3.3333vw; padding : 0 5.0000vw;}
    .schedule-table > li b{font-size: 4.1667vw;margin-bottom: 0.8333vw;}
    .schedule-btn-box{gap: 2.6389vw;}
    .schedule-btn-box > a{height: 7.5000vw;}
    .schedule-btn-box > a > p{width: 27.7778vw;font-size: 2.7778vw;}
    .schedule-btn-box > a > .plus{width: 7.5000vw;}
    .schedule-btn-box > a > .plus::after{width: 2.0833vw;}
    .schedule-btn-box > a > .plus::before{height: 2.0833vw;}

    .main-complex{margin-top: 11.1111vw;}
    .complex-inner{padding : 16.6667vw 5.0000vw;}
    .complex-top{margin-bottom: 7.5000vw;}
    .complex-tit-box{margin-bottom: 5.0000vw;}
    .complex-tit-desc{font-size: 3.3333vw; margin-bottom: 1.8056vw;}

    .complex-link img{width : 10vw;}

    .complex-tit{font-size: 5.8333vw;}
    .complex-desc{font-size: 2.7778vw;}
    .complex-list{gap : 1.3889vw; margin-bottom: 11.1111vw;}
    .complex-img-name{padding : 1.3889vw 0; font-size: 2.5000vw;}
    .complex-link{gap : 2.2222vw; font-size: 2.7778vw;}
    .complex-link > .arrow::after{width : 3.3333vw; height : 3.3333vw;}
    .complex-btn{height : 6.3889vw; padding : 0 3.3333vw;}
    .complex-btn > p{font-size: 2.5000vw;}
    .complex-btn > p > span{font-size: 2.0833vw;margin-right: 1.8056vw;}
    
    .main-com{padding : 11.1111vw 1.3889vw 5.5556vw;}
    .com-container{margin-bottom: 6.6667vw;}
    .com-tit-box{padding : 0 3.6111vw;}
    .com-tit-desc{font-size: 3.3333vw; margin-bottom: 1.8056vw;}
    .com-tit{font-size: 5.8333vw; margin-bottom: 5.0000vw;}
    .com-desc{font-size: 2.7778vw;}
    .com-btn{height : 6.3889vw;padding : 0 3.3333vw;}
    .com-btn > p{font-size: 2.5000vw;}
    .com-btn > p > span{font-size: 2.0833vw;margin-right: 1.8056vw;}
    .com-list{gap : 1.3889vw;}
    .com-img.img-cut::after{right : 1.8056vw; bottom : 0.8333vw;font-size: 2.2222vw;}

    .com-list-tit{padding : 2.7778vw 0; font-size: 2.7778vw;margin-bottom: 2.7778vw;}
    .com-list-desc{font-size: 2.5000vw;}
    .com-con-box{margin : 0 auto 3.3333vw;}
    .com-con-tit{padding : 1.9444vw 0; font-size: 4.5833vw; margin-bottom: 3.3333vw;}
    .com-con-desc{font-size: 2.2222vw;}
    .com-obj{margin-top: 8.3333vw;}
    /*  */
    .unit-left{padding : 11.1111vw 5.0000vw;}
    .unit-con-desc{font-size: 3.3333vw; margin-bottom: 5.0000vw;}
    .unit-con-tit{font-size: 5.0000vw;}

    .unit-link img{width : 10vw;}

    .unit-tit-box{padding : 11.1111vw 5.0000vw;}
    .unit-tit{font-size: 6.6667vw;}
    .unit-desc{font-size: 3.3333vw;}
    .unit-link{gap : 2.2222vw; font-size: 2.2222vw; padding-left: 5.0000vw; margin-bottom: 5.0000vw;}
    .unit-link > .arrow::after{width : 3.3333vw; height : 3.3333vw;}
    .unit-container{gap : 5.0000vw; padding : 5.0000vw 5.0000vw 11.1111vw 5.0000vw;}

    .unit-btn-tit{font-size: 3.3333vw; margin-bottom: 0.9722vw;}

    .unit-img{width : 50.0000vw;height : 29.3056vw; margin-bottom: 2.6389vw;}
    .unit-img.img-cut::after{right : 1.8056vw; bottom : 0.8333vw;font-size: 2.2222vw;}
    .unit-btn-desc{font-size: 2.5000vw;}

    .unit-side-btn{height : 6.3889vw; padding : 0 3.3333vw;}
    .unit-side-btn > p{font-size: 2.5000vw;}
    .unit-side-btn > p > span{font-size: 2.0833vw; margin-right: 1.8056vw;}

    .unit-slide-box{padding : 11.1111vw 0;}
    .unit-slide{width : 65.9722vw; margin-bottom: 12.5000vw;}
    .unit-slide-tit{font-size: 7.5000vw; margin-bottom: 2.5000vw;}
    .unit-slide-desc{font-size: 2.7778vw; margin-bottom: 6.6667vw;}
    .unit-slide-img{width :65.9722vw; height : 56.5278vw;}
    .unit-slide-btn-box{gap : 2.2222vw 0;}
    .unit-slide-btn-box > li{width : 20.5556vw; padding-bottom: 1.6667vw; font-size: 3.3333vw; 
        &::before{width : 1.3889vw; height : 1.3889vw;}
    }

    .unit-navigation > div{font-size: 1.9444vw;}
    .unit-navigation > div img{width : 8.3333vw;}

}