body.fixed{overflow:hidden;}

/* VISUAL */

/* .visual-slide{position:absolute;top:0;left:0;width:100%;height:100%;}
.visual-slide .swiper-slide{width:100%;height:100%; overflow : hidden;}
.visual-bg{width:100%;height:100%;overflow:hidden;position : absolute;left : 0;top : 0;}
.visual-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.2);transition:transform 0s 1.2s;}
.visual-bg > video{display : block; width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform 0s 1.2s;}
.active .visual-bg > img{transform:scale(1);transition:transform 5s;} */
/* .visual-inner{display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1;width:100%;max-width:1740px;height:100%;margin:0 auto;padding:230px 0 57px;pointer-events:none;}
.visual-tit-box{display:flex;align-items:flex-end;gap:18px;color:#fff;transition:color 1.2s;}
.t2 .visual-tit-box{color:#000;}
.t2 .visual-line{background:rgba(0,0,0,0.4);}
.t2 .visual-sub-tit{color:#000;}
.visual-tit{font-family:Athena;font-size:39px;font-weight:400;letter-spacing:0.2em;line-height:49px;}
.visual-tit .char{display:inline-block;opacity:0;transform:translateY(-30px);}
.visual-sub-tit{font-family:PT;font-size:16px;font-weight:400;line-height:28px;padding-bottom:6px;opacity:0;}
.visual-line{width:200px;height:1px;margin-bottom:21px;margin-left:-40px;background:rgba(255,255,255,0.5);opacity:0;transform:scaleX(0);transform-origin:left;transition:background 1.2s;} */

/* .visual-inner{display : flex; align-items : end; height : 100%; position : relative; width : 100%; max-width : 1740px; margin : 0 auto; color : #fff;z-index : 1;padding-bottom: 118px;}
.visual-tit-box{display : flex; align-items : center; gap : 18px; font-family : PT;font-weight : 700; padding-left: 128px;}
.visual-tit{font-size : 53px;}
.visual-tit .char{opacity : 0; transform : translateY(-50px)}
.visual-line{width : 400px; background: rgba(255,255,255,0.6);height : 1px; clip-path : inset(0 100% 0 0); transition : 0s 1s;}
.on .swiper-slide-active .visual-line{clip-path : inset(0); transition : 1s 1s;}
.visual-desc{font-size : 20px; transform : translateX(100px); opacity : 0; transition: 0s 1s;}
.on .swiper-slide-active .visual-desc{transform : translateX(0); opacity : 1; transition : 2s 1.5s;}

.visual-subway{position : absolute; transition : 0s 1s; transform : translateY(100%)}
.visual-subway-01{right : 200px;  bottom : 0;}
.visual-subway-02{left : 0px; bottom : 0;}
.on .swiper-slide-active .visual-subway-01{transform : translateY(0); transition :1.4s .5s}
.on .swiper-slide-active .visual-subway-02{transform : translateY(0); transition :1.4s .6s;} */


/*PREMIUM */
.main-section-premium{position:relative;}
.premium-inner{display:flex;width:100%;height:100%;}
.premium-panel{position:relative;flex:1;height:100%;overflow:hidden;}
.panel-01{background:#1c1c1c;}
.panel-02{background:#f4f4ef;}
.panel-03{background:#1a3a6b;}
.panel-img{position:absolute;z-index:1;}
.panel-img > img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:none;}
.panel-01 .panel-img{bottom:80px;left:43px;right:43px;clip-path:inset(100% 0 0 0);transition:clip-path 0s;}
.panel-02 .panel-img{bottom:0;right:0;clip-path:inset(0 100% 0 0);transition:clip-path 0s;}
.panel-03 .panel-img{bottom:139px;left:67px;right:44px;clip-path:inset(0 0 0 100%);transition:clip-path 0s;}
.fp-active .panel-01 .panel-img{clip-path:inset(0 0 0 0);transition:clip-path 2.2s cubic-bezier(0.77,0,0.175,1);}
.fp-active .panel-02 .panel-img{clip-path:inset(0 0 0 0);transition:clip-path 2.2s cubic-bezier(0.77,0,0.175,1) 0.2s;}
.fp-active .panel-03 .panel-img{clip-path:inset(0 0 0 0);transition:clip-path 2.2s cubic-bezier(0.77,0,0.175,1) 0.4s;}
.panel-content{position:absolute;inset:0;z-index:2;padding:54px 36px 50px;}
.panel-01 .panel-top{position:absolute;bottom:653px;left:132px;}
.panel-slogan{position:relative;font-family:Athena;font-size:22px;font-weight:400;letter-spacing:0.2em;line-height:30px;color:rgba(255,255,255,0.65);margin-left:105px;margin-bottom:69px;opacity:0;transform:scale(0.8);transform-origin:left top;}
.panel-slogan > span{position:absolute;left:-140px;top:-48px;font-family:AV;font-size:35px;font-weight:400;letter-spacing:0;color:#fff;white-space:nowrap;transform:rotate(-10deg) translateY(20px);}
.panel-01 .panel-tit{font-family:Noto Sans KR;font-size:20px;font-weight:700;letter-spacing:-0.04em;color:#fff;opacity:0;transform:scale(0.8);transform-origin:left top;}
.panel-01 .panel-vertical{position:absolute;left:64px;bottom:235px;writing-mode:vertical-lr;font-family:Brown;font-size:15px;letter-spacing:0.18em;text-transform:uppercase;color:#909090;opacity:0;transform:scale(0.8);transform-origin:center bottom;}
.panel-01 .panel-bottom{position:absolute;right:124px;bottom:60px;padding-left:16px;opacity:0;transform:scale(0.85);transform-origin:right bottom;}
.panel-01 .panel-bottom::before{position:absolute;content:'';left:0;top:0;width:1px;height:0;background:rgba(255,255,255,0.4);transition:height 0s;}
.fp-active .panel-01 .panel-bottom::before{height:100%;transition:height 0.8s ease 1.4s;}
.panel-sub{font-family:Noto Sans KR;font-size:12px;font-weight:400;letter-spacing:-0.03em;color:rgba(255,255,255,0.55);margin-bottom:5px;}
.panel-01 .panel-name{font-family:PT;font-size:16px;font-weight:400;letter-spacing:-0.04em;line-height:28px;color:#fff;}
.panel-02 .panel-top{position:absolute;bottom:658px;left:103px;}
.panel-02 .panel-tit{font-family:Noto Sans KR;font-size:20px;font-weight:700;letter-spacing:-0.04em;color:#111;opacity:0;transform:scale(0.8);transform-origin:left top;}
.premium-rotate-btn{display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;left:65px;bottom:449px;width:68px;height:68px;border-radius:50%;background-color:#024099;opacity:0;transform:scale(0.2);transform-origin:center center;}
.premium-rotate-btn::after{position:absolute;content:'';width:121px;height:121px;background:url(../images/main/premium-rotate-text.png) no-repeat center / contain;animation:rotate-text 8s infinite linear;}
.panel-02 .panel-vertical{position:absolute;left:64px;bottom:256px;writing-mode:vertical-lr;font-family:Brown;font-size:15px;letter-spacing:0.2em;text-transform:uppercase;color:#000;opacity:0;transform:scale(0.8);transform-origin:center bottom;}
.panel-02 .panel-bottom{position:absolute;left:118px;bottom:60px;padding-left:16px;opacity:0;transform:scale(0.85);transform-origin:right bottom;}
.panel-02 .panel-bottom::before{position:absolute;content:'';left:0;top:0;width:1px;height:0;background:rgba(17,17,17,0.25);transition:height 0s;}
.fp-active .panel-02 .panel-bottom::before{height:100%;transition:height 0.8s ease 1.6s;}
.panel-02 .panel-name{font-family:PT;font-size:16px;font-weight:400;letter-spacing:-0.04em;line-height:28px;color:#000;}
.panel-03 .panel-top{position:absolute;bottom:672px;left:363px;text-align:right;}
.panel-03 .panel-tit{font-family:Noto Sans KR;font-size:20px;font-weight:700;letter-spacing:-0.04em;color:#fff;opacity:0;transform:scale(0.8);transform-origin:right top;}
.panel-03 .panel-vertical{position:absolute;right:54px;bottom:503px;writing-mode:vertical-lr;font-family:Brown;font-size:15px;letter-spacing:0.2em;text-transform:uppercase;color:#909090;opacity:0;transform:scale(0.8);transform-origin:center bottom;}
.panel-03 .panel-bottom{position:absolute;left:145px;bottom:60px;padding-left:16px;opacity:0;transform:scale(0.85);transform-origin:left bottom;}
.panel-03 .panel-bottom::before{position:absolute;content:'';left:0;top:0;width:1px;height:0;background:rgba(255,255,255,0.4);transition:height 0s;}
.fp-active .panel-03 .panel-bottom::before{height:100%;transition:height 0.8s ease 1.8s;}
.panel-03 .panel-name{font-family:PT;font-size:16px;font-weight:400;letter-spacing:-0.04em;line-height:28px;color:#fff;}

/* ENVI */
.envi-slide{width:100%;height:100%;}
.envi-inner{display:flex;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;transition:transform 1.2s;}
.t2 .envi-inner{transform:translateX(-100%);}
.envi-inner > div{position:relative;overflow:hidden;width:100%;height:100%;flex-shrink:0;}
.envi-01{background:#F7F7F7;}
.envi-01 .envi-bg{position:relative;z-index:1;width:100%;height:100%;transition:1.2s;}
.t2 .envi-01 .envi-bg{width:60%;}
.envi-01 .envi-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transition:transform 5s;}
.active .envi-01 .envi-bg > img{transform:scale(1);}
.envi-01 .envi-con{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:40%;height:100%;}
.envi-con-inner{}
.envi-01 .envi-tit{position:relative;font-family:Athena;font-size:65px;font-weight:400;letter-spacing:0.2em;line-height:86px;color:#000;margin-bottom:12px;}
.envi-01 .envi-tit > span{position:absolute;left:-75px;top:-80px;font-family:AV;font-size:35px;font-weight:400;letter-spacing:0;color:#242424;white-space:nowrap;transform:rotate(-10deg) translateY(20px);}
.envi-01 .envi-tit > em{font-style:normal;}
.envi-01 .envi-tit .char{opacity:0;}
.envi-diamonds{position:absolute;right:0;top:0;width:60%;height:100%;pointer-events:none;}
.envi-diamond{position:absolute;overflow:hidden;transform:rotate(45deg);}
.envi-diamond > img{width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.5);}
.envi-diamond-main{width:29vw;height:29vw;right:13%;top:20%;box-shadow:0 30px 30px rgba(0,0,0,0.16);opacity:0;transform:rotate(45deg) translate(0,-100%);}
.envi-diamond-main > video{display : block; width:100%;height:100%;object-fit:cover;transform:rotate(-45deg) scale(1.5);}
.envi-diamond-01{width:8vw;height:8vw;top:0;right:53%;opacity:0;transform:rotate(45deg) translate(0,-100%);}
.envi-diamond-02{width:8vw;height:8vw;bottom:19%;right:-4%;opacity:0;transform:rotate(45deg) translate(0,-100%);}
.envi-diamond-03{width:8vw;height:8vw;bottom:0;right:51%;opacity:0;transform:rotate(45deg) translate(0,-100%);}
.envi-02 .envi-bg{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;}
.envi-map{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.2);transition:transform 2s;}
.active .t2 .envi-map{transform:scale(1);}
.envi-02-inner{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;width:100%;max-width:1650px;height:100%;margin:0 auto;padding-bottom:138px;}
.envi-02 .envi-small-tit{position:relative;font-family:PT;font-size:16px;font-weight:400;line-height:28px;letter-spacing:-0.04em;color:#000;margin-bottom:24px;}
.envi-02 .envi-tit{position:relative;font-family:PT;font-size:37px;font-weight:700;line-height:51px;letter-spacing:-0.04em;color:#024099;margin-bottom:84px;}
.envi-02 .envi-tit .char{opacity:0;}
.envi-rotate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:91px;height:91px;border-radius:50%;background:#024099;opacity:0;transition:opacity 0.7s;}
.envi-rotate-btn::after{position:absolute;content:'';width:143px;height:143px;background:url(../images/main/envi-rotate-text.png) no-repeat center / contain;animation:rotate-text 8s infinite linear;}
.envi-rotate-btn > p{font-family:PT;font-size:18px;font-weight:700;line-height:1;letter-spacing:-0.04em;color:#fff;}

/* DESIGN */
.main-section-design{position:relative;}
.design-bg{position:absolute;inset:0;overflow:hidden;}
.design-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.2);transition:transform 0s;}
.design-bg > video{width:100%;height:100%;object-fit:cover;object-position:center;}
.fp-active .design-bg > img{transform:scale(1);transition:transform 4s ease;}
.design-inner{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;}
.design-rotate-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:400px;height:400px;opacity:0;transform:scale(0.6);transition:opacity 0s,transform 0s;}
.active .design-rotate-wrap{opacity:1;transform:scale(1);transition:opacity 1.2s 0.3s,transform 1.2s 0.3s cubic-bezier(0.34,1.2,0.64,1);}
.design-rotate-text{position:absolute;inset:0;background:url(../images/main/design-rotate-text.png) no-repeat center / contain;animation:rotate-text 12s infinite linear;}
.design-center{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center;}
.design-desc{font-family:PT;font-size:16px;font-weight:700;line-height:28px;color:#fff;opacity:0;transform:translateY(15px);transition:opacity 0s,transform 0s;}
.active .design-desc{opacity:1;transform:translateY(0);transition:opacity 1s 1.2s,transform 1s 1.2s ease;}

/* LOCATION */
.main-section-location{position:relative;}
.location-swiper{width:100%;height:100%;}
.location-swiper .swiper-slide{position:relative;width:100%;height:100%;}
.location-swiper .swiper-slide::after{position:absolute;content:'';inset:0;z-index:0;background:rgba(0,0,0,0.4);}
.location-bg{position:absolute;inset:0;overflow:hidden;}
.location-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transition:transform 0s;}
.location-bg > video{width:100%;height:100%;object-fit:cover;object-position:center;}
.swiper-slide-active .location-bg > img{transform:scale(1);transition:transform 4s ease;}
.location-inner{display:flex;flex-direction:column;justify-content:center;position:absolute;inset:0;z-index:1;width:100%;max-width:1520px;height:100%;margin:0 auto;left:50%;padding:431px 0 120px;transform:translateX(-50%);}
.location-top{position:relative;margin-bottom:210px;}
.location-eng{position:absolute;left:-40px;top:-30px;font-family:AV;font-size:35px;font-weight:400;color:#fff;opacity:0;transform:rotate(-10deg) translateY(20px);transition:opacity 0.8s,transform 0.8s;}
.swiper-slide-active .location-eng{opacity:1;transform:rotate(-10deg) translateY(0);transition-delay:0.3s;}
.location-tit{font-family:Athena;font-size:65px;font-weight:400;letter-spacing:0.2em;line-height:86px;color:#fff;opacity:0;transform:translateY(30px);transition:opacity 0.8s,transform 0.8s;}
.swiper-slide-active .location-tit{opacity:1;transform:translateY(0);transition-delay:0.5s;}
.location-bottom{opacity:0;transform:translateY(20px);transition:opacity 0.8s 0.7s,transform 0.8s 0.7s;}
.swiper-slide-active .location-bottom{opacity:1;transform:translateY(0);}
.location-label{font-family:PT;font-size:20px;font-weight:700;line-height:1.4;color:#fff;margin-bottom:21px;}
.location-desc{font-family:PT;font-size:16px;font-weight:400;line-height:1.625;color:#fff;}
.location-nav{display:flex;align-items:stretch;position:absolute;bottom:294px;left:0;z-index:10;width:100%;padding:0 200px;border-bottom:1px solid rgba(255,255,255,0.25);}
.location-nav__item{position:relative;flex:1;padding:19px 0;font-family:Brown;font-size:16px;font-weight:400;letter-spacing:0.2em;color:#EAEAEA;cursor:pointer;transition:color 0.3s;}
.location-nav__item::after{position:absolute;content:'';bottom:-1px;left:0;width:0;height:2px;background:#fff;transition:width 0s;}
.location-nav__item.active{color:#fff;}
.location-nav__item.active::after{width:100%;transition:width 4000ms linear;}
.location-nav__item:hover{color:rgba(255,255,255,0.8);}

/* CONTACT*/

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

.contact-inner{display : flex; flex-direction : column; align-items : center; position : relative;font-family : Noto Sans KR}

.contact-tit{font-size : 65px; font-family : athena; font-weight : 400; color : #2B2B2B; letter-spacing : 0.2em;}
.contact-tit .char{opacity : 0;}
.contact-desc{margin-bottom: 46px; letter-spacing : -0.06em; transform : translateY(100px); opacity : 0; transition : 1s .4s}
.fp-active .contact-desc{transform : translateY(0); opacity : 1;}

.contact-container{display : flex;gap : 40px; letter-spacing : -0.04em;}
.contact-box{transition : 0s 1s; opacity : 0;}
.contact-container .contact-box:first-child{transform : translateX(-100px);}
.contact-container .contact-box:last-child{transform : translateX(100px);}

.fp-active .contact-container .contact-box{transform : translateX(0); opacity : 1; transition : 1s 1s;}

.contact-map{margin-bottom: 18px;}
.contact-address-box{display : flex; flex-direction : column; margin-bottom: 28px;}
.contact-address-box b{color : #024099; font-size : 22px;font-weight : 500; margin-bottom: 4px;}

.contact-btn-box{display : flex;gap : 9px;}


.contact-subway-box{display: flex;align-items: end;justify-content: start;position : absolute; right : 120px; bottom : 0px;gap : 10px;}

.contact-subway{transition : 1s;transform: translateY(100px);}
.fp-active .contact-subway-01{transform: translateY(0); transition-delay: .6s;}
.fp-active .contact-subway-02{transform: translateY(0); transition-delay: .8s;}
.fp-active .contact-subway-03{transform: translateY(0); transition-delay: 1s;}


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

.sec-tit{font-family: athena; font-size: 65px; font-weight: 400; letter-spacing: 0.2em; line-height : 1.1em; margin-bottom: 16px;}
.sec-tit .char{opacity: 0;}
.sec-desc{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 400;}
.sec-desc .char{opacity: 0;}

.unit-bg{position:absolute;width : 100%;height : 100%; left : 0;top : 0; overflow : hidden;z-index: -1;}
.unit-bg::after{position :absolute; content: '';width : 100%;height : 100%; left : 0;top : 0; background: linear-gradient(45deg, #000, transparent, #000); opacity: 0; transition : 0s 1s;}
.active .unit-bg::after{opacity: 1; transition : 3s;}
/* .unit-bg > video{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.25);transition:0s 1s;}
.active .unit-bg > video{transform : scale(1); transition : 3s} */
.unit-bg > video{width:100%;height:100%;object-fit:cover;object-position:center;}
.active .unit-bg > video{}

.unit-slide{width : 100%;height : 100%;position :relative;}
.unit-container{width : 100%;height : 100%; position :absolute;left :0; top : 0; z-index: 1;}

.unit-inner{display: flex; align-items: end; width : 100%; max-width: 1740px; margin : 0 auto;height : 100%;color : #fff; padding-bottom: 77px;}

.unit-con{display: flex;flex-direction: column;justify-content: space-between; background: rgba(0,0,0,0.7);position : absolute; right : 0; top : 0; height : 100%; padding : 185px 85px 77px 109px; transition : 1s; transform: translateX(100%);}

.t2 .unit-con{transform: translateX(0);}

.unit-con-tit-box{font-family: PT; letter-spacing: -0.04em; transition :1s; transform: translateX(-100px); opacity: 0;}
.t2 .unit-con-tit-box{transform: translateX(0); opacity: 1; transition-delay: 0.4s;}
.unit-con-tit{font-size: 42px; font-weight: 400; color : #A17D57; margin-bottom: 30px;}
.unit-con-desc{font-size: 17px; color : #fff; font-weight: 500; line-height: 1.5em;}

.unit-link-box{display: flex; margin-left: 250px; gap : 33px;}
.unit-link-box > a{display: flex;flex-direction: column; gap : 17px; transform: translateY(100px); opacity: 0; transition : 1s;}
.t2 .unit-link-box > a{transform: translateY(0); opacity: 1;}
.t2 .unit-link-box > a:nth-child(1){transition-delay: .4s;}
.t2 .unit-link-box > a:nth-child(2){transition-delay: .5s;}
.t2 .unit-link-box > a:nth-child(3){transition-delay: .6s;}

.unit-link-tit-box{padding-left: 30px; border-left: 1px solid #727272; padding-bottom: 22px;}

.unit-link-tit{font-family: athena; font-size: 21px; font-weight: 700; margin-bottom: 14px; color : #A17D57}

.unit-link-desc{font-size: 15px; letter-spacing: -0.04em; font-family: PT; color : #C3C3C3; line-height: 1.5em;}

.unit-link-img{overflow: hidden;}
.unit-link-img > img{transition :3s;}
.unit-link-box > a:hover .unit-link-img > img{transform: scale(1.2);}

.unit-link{display: flex;align-items: center; color : #fff; font-family: PT; font-size: 15px; font-weight: 500;}

.unit-link img{margin-left: 10px; opacity: 0; transition : .5s; transform: translateX(30px);}
.unit-link-box > a:hover .unit-link img{opacity: 1; transform: translateX(0);}

/**/
.complex-slide{width : 100%;height : 100%;position :relative;}

.complex-bg{position:absolute;width : 100%;height : 100%; left : 0;top : 0; overflow : hidden;z-index: -1;}
.complex-bg::after{position :absolute; content: '';width : 100%;height : 100%; left : 0;top : 0; background: linear-gradient(45deg, #000, transparent, #000); opacity: 0; transition : 0s 1s;}
.active .complex-bg::after{opacity: 1; transition : 3s;}
.complex-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.25);transition:0s 1s;}
.active .swiper-slide-active .complex-bg > img{transform : scale(1); transition : 3s}

.complex-inner{display: flex; align-items: start; width : 100%; max-width: 1600px; margin : 0 auto;height : 100%;color : #fff; padding-top: 157px;}

.complex-img-name{display: flex;justify-content: center; position :relative;height : 18px;padding : 0 16px; font-family: PT; margin-top: 16px; font-size: 15px; font-weight: 500; color : #fff;}
.dark.complex-img-name{color : #000}

.complex-slide-01 .complex-img-name{position : absolute;bottom :41px; right : 85px;} 
.complex-img-name::after{position : absolute;content : ''; width : 1px;height : 100%; background: #fff;left : 0;top : 0;clip-path: inset(0 0 100%); transition :.5s;}
.dark.complex-img-name::after{background: #000;}
.active .swiper-slide-active .complex-img-name::after{clip-path: inset(0%); transition : .5s 1s}

.complex-img-name::before{position : absolute; content : ''; width : 1px;height : 100%; background: #fff;left : 0;top : 0; clip-path: inset(0 0 100%); transition : .5;}
.dark.complex-img-name::before{background: #000;}

.active .swiper-slide-active .complex-img-name::before{clip-path: inset(0%); left : 100%; transform: translateX(-100%); transition : clip-path .5s 1s, left .5s 1.5s, transform .5s 1.5s}

.complex-img-name > span{opacity: 0; transition : .5s;}
.active .swiper-slide-active .complex-img-name > span{opacity: 1; transition : .5s 1.5s;}

.complex-slide-02{display: flex;}
.complex-slide-02 > div{width : 50%; flex-shrink: 0; position : relative; overflow: hidden;}

.complex-left{display: flex;flex-direction: column; justify-content: space-between; align-items: start; padding-top: 160px;}

.complex-con-tit-box{font-family: PT; letter-spacing: -0.04em; padding-left: 80px; transition : 1s; opacity: 0; transform: translateX(-100px);}
.active .swiper-slide-active .complex-con-tit-box{opacity: 1; transform: translateX(0); transition-delay: .4s;}

.complex-con-sub-tit{font-size: 20px; font-weight: 400; margin-bottom: 10px; color : #000612;}

.complex-con-tit{font-size: 42px; font-weight: 600; color : #000612; margin-bottom: 10px;}

.complex-con-desc{font-size: 17px; font-weight: 500; color : #6A6A6A; line-height: 1.5em;}

.complex-img-container{display: grid; grid-template-columns : repeat(2,1fr); padding : 30px 0; gap : 20px; padding-left: 80px; position : relative;}
.complex-img-container::after{position : absolute; content : ''; width : 100%; height : 80%; left : 0;bottom : 0; background: #f5f5f5; z-index : -1;}

.complex-img > img{/* height : 200px; */}

.complex-img-box{display: flex;flex-direction: column;align-items: start; transition :1s; opacity: 0; transform: translateY(100px);}
.active .swiper-slide-active .complex-img-box:nth-child(1){transform: translateY(0); opacity: 1; transition-delay: .4s;}
.active .swiper-slide-active .complex-img-box:nth-child(2){transform: translateY(0); opacity: 1; transition-delay: .5s;}
.active .swiper-slide-active .complex-img-box:nth-child(3){transform: translateY(0); opacity: 1; transition-delay: .6s;}
.active .swiper-slide-active .complex-img-box:nth-child(4){transform: translateY(0); opacity: 1; transition-delay: .7s;}

/* .complex-video{width : 100%;height : 100%; object-fit: cover; object-position: center;position : absolute; z-index: -1; transform: scale(1.5); transition : 0s 1s;}
.active .swiper-slide-active .complex-video{transform: scale(1); transition : 3s;} */
.complex-video{width : 100%;height : 100%; object-fit: cover; object-position: center;position : absolute; z-index: -1; }
.active .swiper-slide-active .complex-video{ }

.complex-right{overflow : hidden;position :relative;}
.complex-right > img{position : absolute; left : 0; top : 0; width : 100%; height: 100%; object-fit : cover; object-position : center; transform : scale(1.5); transition : 3s;}
.active .swiper-slide-active .complex-right > img{transform : scale(1)}
.complex-right .complex-img-name{position :absolute; bottom : 45px; right : 85px;}

/**/
.main-section-visual-new{overflow: hidden;}
.visual-slide-new{width : 100%;height : 100%; position :relative;}

.visual-bg-new{width : 100%;height : 100%; overflow: hidden;position :absolute;left : 0;top : 0;}
.visual-bg-new > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4); transition : 3s;}
.on .swiper-slide-active .visual-bg-new > img{transform: scale(1);}
.visual-container{display: flex;justify-content: center;    align-items: start; position : absolute;width : 100%; height : 100%;left : 50%; transform: translateX(-50%);top : 0;z-index: 1; max-width: 1740px;}

.visual-btn-box{display : flex; position :absolute; z-index : 1;gap : 11px;opacity : 0; pointer-events : none;transform : translateY(50px); transition : opacity 1s, transform 1s; bottom : 37px;}
.on .visual-btn-box{transform : translateY(0); opacity : 1; pointer-events : all;}
.visual-btn-box > div{width : 189px;height : 94px; filter : grayscale(1);border : 1px solid transparent;cursor : pointer;transition : border-color .3s, filter .3s;}
.visual-btn-box > div > img{width : 100%;height : 100%;object-fit : cover; object-position :center;}
.visual-btn-box > div.on,
.visual-btn-box > div:hover{filter : grayscale(0);border-color : #fff;}

.visual-inner{width : 100%; max-width: 1740px;position :relative; margin : 0 auto;  height : 100%;}

.visual-subway-box{display: flex;align-items: end;justify-content: start;position : absolute; left : 0; bottom : 0;gap : 10px;}

.visual-subway{transition : 1s;transform: translateY(100%);}
.on .swiper-slide-active .visual-subway-01{transform: translateY(0); transition-delay: .6s;}
.on .swiper-slide-active .visual-subway-02{transform: translateY(0); transition-delay: .8s;}
.on .swiper-slide-active .visual-subway-03{transform: translateY(0); transition-delay: 1s;}

.open-rotate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;z-index:1;right : 24px; bottom : 80px;width:100px;height:100px;opacity:0;transform:translateX(100px);transition:transform 1.2s,opacity 1.2s; background: #000; border-radius: 50%;padding-top: 5px;}
.on .open-rotate-btn{opacity:1;transform:translateX(0);transition-delay:1s;}
.open-rotate-btn::after{position:absolute;content:'';width:143px;height:143px;background:url(../images/main/open-rotate-text.png) no-repeat center / contain;animation:rotate-text 8s infinite linear;}
@keyframes rotate-text{100%{transform:rotate(360deg);}}
.open-rotate-btn > p{font-family:PT;font-size:19px;font-weight:700;letter-spacing:-0.04em;color:#fff;transition:color 1.2s;}

.visual-banner-box{display: flex;flex-direction: column;align-items: start; gap : 4px; position : absolute; left : 0; top : 160px; transform : translateX(-100px); opacity : 0; transition : 1s;}
.on .visual-banner-box{transform : translateX(0); opacity : 1; transition-delay : 1s;}

.visual-momplan{margin-bottom: 10px; transform: translateX(-16px);}
.visual-banner-box > a{display: flex;justify-content: center; align-items: center; position :relative;}
.visual-banner-02{margin-bottom: 10px;}
.visual-open-banner{transform : translateX(-10px);}

.visual-banner-02::after{position : absolute; content : ''; width : 209px;height : 56px; background: url(../images/main/visual-banner-02-obj.png)no-repeat center / contain;}

.visual-tit{display : flex; align-items : center; gap : 20px; color : #fff; font-family : PT; font-size : 54px; font-weight : 500; letter-spacing : -0.04em; margin : 0 auto; padding-top: 240px;;}
.visual-tit .color{color : #FFD200}

.visual-tit .char{transform : translateY(-200px); opacity : 0;}

.visual-line{width : 160px;height : 1px; background: rgba(255,255,255,0.4); clip-path : inset(0 50%); transition : 1s;}
.on .visual-line{clip-path : inset(0); transition : 1s 1s;}

/* schedule */

.main-section-schedule{padding : 0 120px;}
.schedule-bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:-1; background: #000;}
.schedule-bg > img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.5);opacity: 0; transition : 0s 1s;}
.active .schedule-bg > img{opacity: 1; transform:scale(1);transition:transform 1.6s;}

.schedule-inner{display: flex;flex-direction: column; width : 100%; max-width: 1600px; margin : 0 auto; height : 100%; padding-top: 180px;}

.main-section-schedule .sec-tit-box{margin-top: 90px;}
.main-section-schedule .sec-tit{color : #fff;}
.main-section-schedule .sec-desc{color : #fff;}

.schedule-right{display: flex;flex-direction: column;align-items: end;}
.schedule-table{display: grid;grid-template-columns: repeat(12, 1fr); width : 934px; gap : 10px; margin-bottom: 26px;}

.schedule-table > li{grid-column: span 3; height : 169px; border-radius: 10px; border : 1px solid #707070; transition : background .5s, opacity 1s, transform 1s; opacity: 0; transform: translateY(100px); padding : 30px;}
.active .schedule-table > li{transform: translateY(0); opacity: 1; transition : background .5s, opacity 1s calc(var(--i) * 0.1s + 0.4s), transform 1s calc(var(--i) * 0.1s + 0.4s)}

.schedule-table > li:hover{border-color : #B7A28B;}
.schedule-table > li.wide{grid-column: span 4;}

.schedule-name{font-family: PT; font-weight: 700; font-size: 22px;color : #fff; margin-bottom: 5px;}
.schedule-table > li:hover .schedule-name{color : #B7A28B}

.schedule-day{font-family: PT; font-size: 16px; font-weight: 500; color : #9D9D9D;}
/* .schedule-table > li:hover .schedule-day{color : #fff; } */

.schedule-btn-box{display: flex; align-items: center; gap : 11px; opacity: 0; transform: translateX(100px); transition : 0s 1s;}
.active .schedule-btn-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}
.schedule-btn-box > a{display: flex;height : 45px;font-weight: 700; font-family: OT;}
.schedule-btn-box > a:nth-child(1) > *{background: #fff; transition : .5s; color : #0E2F52;}
.schedule-btn-box > a:nth-child(2) > *{background: #000; transition : .5s; color :#fff; }

.schedule-btn-box > a > p{display: flex;align-items: center;justify-content: center; width : 168px;height : 45px; border-radius: 100px;}
.schedule-btn-box > a > span{display: flex;align-items: center;justify-content: center; width : 45px;height : 45px; border-radius: 100px; transition : .5s;}
.schedule-btn-box > a:hover > span{transform: rotate(180deg);}
.schedule-btn-box > a > span::after{content : ''; position : absolute; width : 1px;height : 15px;}
.schedule-btn-box > a > span::before{content : ''; position : absolute; width : 15px;height : 1px;}

.schedule-btn-box > a:nth-child(1) > span::after,
.schedule-btn-box > a:nth-child(1) > span::before{background: #0E2F52;}

.schedule-btn-box > a:nth-child(2) > span::after,
.schedule-btn-box > a:nth-child(2) > span::before{background: #fff;}