.scroll{display:flex;align-items:end;gap:8px;position:absolute;bottom:54px;left:85px;z-index:10;pointer-events:none;transition:.5s;}
.scroll.hide{opacity:0;}
.scroll-icon{display:flex;flex-direction:column;align-items:center;}
.scroll-progress{width:1px;height:73px;background:rgba(255,255,255,.5);position:relative;margin-bottom:8px;transition:background .5s;}
.dark .scroll-progress{background:rgba(0,0,0,.3);}
.scroll-progress::after{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:#fff;animation:scroll-progress 2s infinite;transition:background .5s;}
.dark .scroll-progress::after{background:#000;}
@keyframes scroll-progress{0%{height:0%}100%{height:100%;}}
.scroll-circle{width:10px;height:10px;border-radius:50%;border:1px solid #fff;transition:border-color .5s;}
.dark .scroll-circle{border-color:#000;}
.scroll-arrow{width:8px;height:8px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);transition:border-color .5s;}
.dark .scroll-arrow{border-color:#000;}
.scroll>span{color:#fff;font-family:futura-pt;font-size:15px;line-height:20px;transition:color .5s;}
.dark.scroll>span{color:#000;}
.open-rotate-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:PT;font-size:19px;letter-spacing:-.04em;font-weight:700;width:158px;height:158px;border-radius:50%;position:absolute;right:91px;bottom:38px;opacity:0;transform:translateX(100px);transition:1s;z-index:10;}
.open-rotate-btn.on{transform:translateX(0);opacity:1;}
.open-rotate-btn.move{bottom:38px;}
.open-rotate-btn.dark{filter : invert(1);}
.open-rotate-btn>p{font-family:PT;font-size:19px;font-weight:700;letter-spacing:-.04em;line-height:1.15;color:#fff;}
.open-rotate-btn::after{position:absolute;content:'';width:158px;height:158px;background:url(/assets/images/main/open-rotate-text.png) no-repeat center/contain;animation:rotate-text 8s infinite linear;}
@keyframes rotate-text{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/* .main-section-visual{position:relative;width:100%;height:100vh;overflow:hidden;background:#0b1628;}
.visual-slide{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.visual-slide .swiper-wrapper{height:100%;}
.visual-slide .swiper-slide{width:100%;height:100%;overflow:hidden;}
.visual-bg{position:absolute;inset:0;background:#0b1628;background-size:cover;background-position:center;}
.visual-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,22,40,.5) 0%,rgba(11,22,40,.15) 50%,rgba(11,22,40,.6) 100%);}
.visual-bg-02{background-color:#0d1e38;}
.visual-lines{position:absolute;inset:0;z-index:2;pointer-events:none;}
.visual-lines span{display:block;position:absolute;background:#a48b78;}
.vcl-top{top:111px;left:376px;height:1px;width:0;}
.vcl-left{top:111px;left:376px;width:1px;height:0;}
.vcl-bottom{bottom:142px;right:376px;height:1px;width:0;}
.vcl-right{bottom:142px;right:376px;width:1px;height:0;}
.vl-tl-up{top:0;left:376px;width:1px;height:0;}
.vl-tl-left{top:111px;left:0;height:1px;width:0;}
.vl-tr-up{top:0;right:376px;width:1px;height:0;}
.vl-tr-right{top:111px;right:0;height:1px;width:0;}
.vl-bl-down{bottom:0;left:376px;width:1px;height:0;}
.vl-bl-left{bottom:142px;left:0;height:1px;width:0;}
.vl-br-down{bottom:0;right:376px;width:1px;height:0;}
.vl-br-right{bottom:142px;right:0;height:1px;width:0;}
.visual-color-top{position:absolute;z-index:2;top:0;right:0;width:440px;height:111px;background:#001c3d;transform-origin:right;transform:scaleX(0);}
.visual-color-mid{position:absolute;z-index:2;left:0;top:112px;bottom:143px;width:376px;background:#001c3d;transform-origin:bottom;transform:scaleY(0);}
.visual-color-bot{position:absolute;z-index:2;left:0;bottom:0;width:376px;height:142px;background:#4c2f48;transform-origin:left;transform:scaleX(0);}
.visual-inner{position:absolute;z-index:4;top:111px;left:376px;right:376px;bottom:142px;display:flex;align-items:center;justify-content:center;}
.visual-tit-box{text-align:center;}
.visual-tit{font-size:clamp(32px,3.8vw,64px);font-weight:700;color:#fff;line-height:1.18;letter-spacing:-.03em;}
.visual-tit>p{display:block;overflow:hidden;}
.visual-tit .char{display:inline-block;opacity:0;will-change:opacity,transform;}
.visual-sub-tit{font-size:clamp(18px,2.2vw,31px);font-weight:700;letter-spacing:-.03em;line-height:1.32;color:#c2a385;margin-top:21px;opacity:0;will-change:opacity;}
.visual-badge-wrap{position:absolute;right:12.35vw;bottom:7.35vh;transform:translate(50%,50%);z-index:5;width:130px;height:130px;display:flex;align-items:center;justify-content:center;opacity:0;}
.visual-rotate-ring{position:absolute;inset:0;animation:ringRotate 14s linear infinite;}
@keyframes ringRotate{100%{transform:rotate(360deg)}}
.rotate-svg{width:100%;height:100%;}
.rotate-text-path{font-size:8px;font-weight:500;letter-spacing:.28em;fill:rgba(255,255,255,.38);}
.visual-badge{position:relative;z-index:1;width:70px;height:70px;border-radius:50%;background:#8b2635;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 28px rgba(139,38,53,.55);}
.vb-ko{font-size:10px;font-weight:600;color:#fff;letter-spacing:.03em;line-height:1.4;} */

.main-visual{background: #0b1628;padding : 0 160px; overflow: hidden;}
.visual-bg{height : calc(100% - 100px); top : auto; bottom : 0; position : absolute; left : 0; width : 100%;}
.visual-bg > video{width : 100%; height : 100%; object-fit : cover; object-position : center;}
.visual-inner{/*display : flex; align-items : center;*/ position : relative; height : 100%; padding-top: 190px;}
.visual-tit-box{text-align:center;letter-spacing:-0.03em; font-family : NS;}
.visual-desc{font-size : 40px;font-weight:400;line-height:1em;color:#fff; transform : translateY(100px); opacity : 0; transition : 1.2s;line-height : 1.2em;}
.on .visual-desc{opacity : 1; transform : translateY(0); transition : 1.6s 0.4s;}
.visual-tit{font-size : 75px;font-weight:700;color:#c2a385; transform : translateY(100px); opacity : 0; transition : 1.2s;line-height : 1.2em;}
.on .visual-tit{opacity : 1; transform : translateY(0); transition : 1.6s 1s;}

.sec-summary{position:relative;overflow:hidden;}
.sum-bg{position:absolute;inset:0;overflow:hidden;}
.sum-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);}
.section.active .sum-bg{transform:scale(1);}
.sum-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,10,25,.82) 0%,rgba(5,10,25,.55) 50%,rgba(5,10,25,.72) 100%);z-index:1;}
.sum-left{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;pointer-events:none;}
.sum-left-inner{position:absolute;top:24.72vh;left:8.48vw;padding-right:6vw;}
.sum-tit-wrap{display:flex;align-items:center;}
.sum-main-tit{font-family:Times New Roman;font-size:50px;font-weight:400;letter-spacing:.2em;line-height:1.2;color:#fff;flex-shrink:0;margin-right:14px;}
.sum-main-tit .char{display:inline-block;opacity:0;will-change:opacity,transform;}
.sum-tit-line-wrap{position:relative;flex:1;display:flex;align-items:flex-end;}
.sum-tit-line{display:block;width:0;height:1px;background:rgba(255,255,255,.2);flex-shrink:0;}
.sum-sub-txt{position:absolute;right:0;bottom:13px;font-family:PT;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1.55;white-space:nowrap;opacity:0;}
.sum-right{position:absolute;z-index:2;top:30.56vh;right:15.67vw;width:300px;display:flex;align-items:center;}
.sum-info-list{width:100%;display:flex;flex-direction:column;}
.sum-info-item{margin-bottom:57px;}
.sum-info-tit{font-family:PT;font-size:22px;font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1.18;margin-bottom:29px;position:relative;padding-bottom:20px;opacity:0;}
.sum-info-tit::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(255,255,255,.25);transition:width .5s cubic-bezier(.25,1,.5,1);transition-delay:0s;}
.sum-info-item.is-active .sum-info-tit::after{width:100%;}
.sum-info-desc{font-family:PT;font-size:16px;font-weight:normal;color:#fff;letter-spacing:-.04em;line-height:1.18;opacity:0;}
.main-section-envi{position:relative;width:100%;height:100vh;overflow:hidden;}
.envi-slide{position:absolute;inset:0;width:100%;height:100%;}
.envi-slide .swiper-wrapper{height:100%;}
.envi-slide .swiper-slide{width:100%;height:100%;overflow:hidden;}
.envi-01{position:relative;width:100%;height:100%;background:#0a0e18;}
.envi-01 .envi-bg{position:absolute;inset:0;overflow:hidden;}
.envi-01 .envi-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);}
.envi-01 .envi-con{position:absolute;z-index:2;top:0;left:0;width:50%;height:100%;display:flex;padding:15.74vh 0 0 10.3125vw;}
.envi-01 .envi-tit{font-family:NS;font-size:47px;font-weight:700;line-height:1.35;letter-spacing:-.03em;color:#0b102b;margin-bottom:17px;}
.envi-01 .envi-tit .char{display:inline-block;opacity:0;transform:translateY(20px);}
.envi-desc-01{font-family:PT;font-size:16px;line-height:1.62;font-weight:500;letter-spacing:-.02em;color:#0b102b;opacity:0;transform:translateY(20px);}
.envi-02{position:relative;width:100%;height:100%;display:flex;background:#fbfafd;}
.envi-02-map{position:absolute;inset:0;overflow:hidden;}
.envi-02-map>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);}
.envi-map-btn{position:absolute;left:51vw;bottom:42%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:82px;height:82px;border-radius:50%;background-color:#9d8679;opacity:0;z-index:3;text-decoration:none;transition:background .3s,transform .3s;}
.envi-map-btn:hover{transform:scale(1.1);}
.envi-map-btn-cross{position:relative;width:21px;height:21px;display:flex;align-items:center;justify-content:center;}
.envi-map-btn-cross span{position:absolute;background:#fff;}
.envi-map-btn-cross span:nth-child(1){width:16px;height:1px;}
.envi-map-btn-cross span:nth-child(2){width:1px;height:16px;}
.envi-map-btn p{font-family:PT;font-size:16px;font-weight:700;line-height:1.31;color:#fff;letter-spacing:-.04em;white-space:nowrap;}
.envi-02-inner{position:relative;z-index:2;width:398px;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:13vh;margin-left:4.2vw;}
.envi-main-tit{font-family:Times New Roman;font-size:50px;font-weight:400;letter-spacing:.2em;line-height:1;color:#1a1a1a;margin-bottom:18px;}
.envi-main-tit .char{display:inline-block;opacity:0;transform:translateY(-30px);will-change:opacity,transform;}
.envi-card-list{width:100%;display:flex;flex-direction:column;gap:25px;}
.envi-card{opacity:0;transform:translateY(16px);}
.envi-card-head{background:#bb946e;padding:9px 16px 11px;text-align:center;}
.envi-card-head span{font-family:NS;font-size:20px;font-weight:700;color:#fff;line-height:1.35;}
.envi-card-head b{font-weight:400;font-size:.88em;}
.envi-card-items{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #c7c7c7;padding:11px 0 25px;}
.envi-card-items li{display:flex;align-items:center;gap:8px;padding-top:11px;font-family:PT;}
.envi-card-items li em{font-style:normal;font-size:15px;font-weight:700;line-height:1.2;color:#f5ede2;background:#bb946e;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.envi-card-items li span{font-size:18px;font-weight:700;color:#404040;line-height:1.16;}
.envi-card-items.wide{grid-template-columns:1fr;}

.main-section-vison{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;}
.vision-slide{width : 100%;height : 100%;}
.vision-slide .swiper-wrapper{transition-timing-function : cubic-bezier(0.65, 0, 0.35, 1)}
.vision-slide .swiper-slide{width : 100%;height : 100%;position : relative; overflow : hidden;}

.vision-last-slide{background: #E3E3E3;}

.vision-bg{position:absolute;inset:0;overflow:hidden;}
.vision-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);transition:all ease 2.3s;}
.active .swiper-slide-active .vision-bg>img{transform:scale(1);}

.vison-inner{position:absolute;top:0;right:0;width:35.2083vw;height:100%;padding:13.3333vh 3.5417vw 8.3333vh 5.8854vw;flex-shrink:0;background:#0d1220;display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%); transition : 0s 1s;}
.active .swiper-slide-active .vison-inner{transform:translateX(0);transition:transform 1s cubic-bezier(.65,0,.35,1) 0.4s;}

.vision-container{display : flex; align-items : center; justify-content : center; width : calc(100% - 35.2083vw);height : 100%;}
.vision-container-inner{display : flex; flex-direction : column;}
.vision-box{display : flex; align-items : start;position : relative; overflow : hidden;gap : 30px;}
.vision-box-01{padding-bottom: 50px; margin-bottom: 50px;}
.vision-box-01::after{position : absolute; content : ''; width : 100%; height : 1px; background: #9F9F9F; clip-path : inset(0 100% 0 0); transition : 0s 1s; left : 0;bottom : 0;}
.active .swiper-slide-active .vision-box-01::after{clip-path : inset(0); transition : 1s 0.4s;}

.vision-subway{position : absolute; right : 0; bottom : 0; transform : translateY(100%); transition : 0s 1s;}
.active .swiper-slide-active .vision-subway{transform : translateY(0); transition : 1s 1s;}
.vision-metro-box{display : flex; flex-direction : column; gap : 50px}

.vision-tit{transform : translateY(-100px); opacity : 0; transition : 0s 1s;}
.active .swiper-slide-active .vision-tit{transform : translateY(0px); opacity : 1; transition : 1s 0.4s;}

.vision-metro{transform : translateY(100px); opacity : 0; transition : 0s 1s;}
.active .swiper-slide-active .vision-metro{transform : translateY(0px); opacity : 1;}
.active .swiper-slide-active .vision-metro-01{transition : 1s 1s;}
.active .swiper-slide-active .vision-metro-02{transition : 1s 1.2s;}
.active .swiper-slide-active .vision-metro-03{transition : 1s 1.4s;}


.vison-small-tit{font-family:Times New Roman;font-size:15px;font-weight:500;letter-spacing:.25em;line-height:1;color:rgba(255,255,255,.4);margin:91px 0 13px;opacity:0; color : #9D8679;}
.vision-last-slide .vison-small-tit{margin : 60px 0 13px;}
.active .swiper-slide-active .vison-small-tit{opacity:1;transition:opacity .7s ease .6s;transition-delay:.8s;}
.vison-tit{font-family:NS;font-size:37px;font-weight:500;line-height:1.35;letter-spacing:-.03em;color:#fff;margin-bottom:111px;opacity:0;transform:translateY(20px); color : #646464}
.vision-last-slide .vison-tit{margin-bottom: 60px;}
.vison-tit > span{color : #9D8679;}

.active .swiper-slide-active .vison-tit{opacity:1;transform:translateY(0);transition:opacity .8s ease 1.2s,transform .8s cubic-bezier(.25,1,.5,1) 1.2s;transition-delay:1.4s;}
.vison-img{overflow:hidden;opacity:0;transform:translateY(24px); flex-shrink: 0;}
.vison-img-02{margin-left:auto;}

.active .swiper-slide-active .vison-img.vison-img-01{opacity:1;transform:translateY(0);transition:opacity .7s ease .9s,transform .7s cubic-bezier(.25,1,.5,1) .9s;transition-delay:1.6s;}
.active .swiper-slide-active .vison-img.vison-img-02{opacity:1;transform:translateY(0);transition:opacity .7s ease 1.05s,transform .7s cubic-bezier(.25,1,.5,1) 1.05s;transition-delay:1.9s;}
.vison-img img{object-fit:cover;object-position:center;}


.main-section-premium{position:relative;width:100%;height:100vh;background-color:#f7f3ed;}
.premium-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:10vh 0 5vh;box-sizing:border-box;}
.premium-main-tit{margin-bottom:47px;color:#0b102b;font-family:NS;font-weight:700;font-size:43px;letter-spacing:-.03em;text-align:center;}
.premium-card-list{display:grid;grid-template-columns:repeat(3,1fr);width:100%;}
.premium-card{position:relative;padding:20px 38px;box-sizing:border-box;}
.premium-card:not(:nth-child(3n))::after{content:'';position:absolute;top:17px;right:0;width:1px;height:calc(100% - 34px);background-color:#e2dad0;}
.premium-card:nth-child(-n+3)::before{content:'';position:absolute;bottom:0;left:17px;width:calc(100% - 34px);height:1px;background-color:#e2dad0;}
.premium-card-top{display:flex;flex-direction:column;gap:20px;margin-bottom:21px;}
.premium-num{color:#9d8679;font-family:Times New Roman;font-size:15px;letter-spacing:.25em;}
.premium-card-body{display:flex;flex-direction:column;gap:15px;}
.premium-sub-tit{font-family:NS;font-weight:700;font-size:30px;line-height:1.35;letter-spacing:-.03em;color:#111;}
.premium-sub-tit.highlight{color:#6e1d1f;}
.premium-desc{font-family:PT;color:#646464;font-size:18px;line-height:1.6;font-weight:normal;letter-spacing:-.08em;}
.main-section-brand{position:relative;width:100%;height:100vh;overflow:hidden;}
.brand-slide{position:absolute;inset:0;width:100%;height:100%;}
.brand-slide .swiper-wrapper{height:100%;}
.brand-slide .swiper-slide{width:100%;height:100%;overflow:hidden;}
.brand-01{position:relative;width:100%;height:100%;display:flex;background:#eee;}
.brand-01 .brand-bg{position:absolute;inset:0;overflow:hidden;}
.brand-01 .brand-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate(40px,40px);transition:transform 1.2s cubic-bezier(.25,1,.5,1),opacity 1.2s ease;will-change:transform,opacity;}
.brand-01-inner{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:12.03vh 2.96vw 7.22vh 4.42vw;position:relative;z-index:2;}
.brand-01-head{display:flex;align-items:flex-start;justify-content:space-between;}
.brand-logo{display:flex;flex-direction:column;line-height:1;opacity:0;transform:translateY(-20px);}
.brand-main-tit{padding-top:7.96vh;font-family:futura-pt,sans-serif;font-size:64px;font-weight:600;line-height:1.34;color:#232020;opacity:0;transform:translateY(-20px);}
.brand-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 30px;width:58.3333vw;padding-top:3vh;align-items:stretch;}
.brand-col{display:flex;flex-direction:column;opacity:0;transform:translateY(24px);border-left:1px solid rgba(35,32,32,.26);padding-left:30px;}
.brand-col-tit{font-family:futura-pt,sans-serif;font-size:36px;font-weight:600;line-height:1.33;color:#232020;margin-bottom:8px;}
.brand-col-sub{font-family:PT;font-size:18px;font-weight:600;line-height:1.16;color:#000;margin-bottom:54px;}
.brand-col-desc{font-family:PT;font-size:clamp(13px,.78vw,15px);font-weight:600;color:#000;letter-spacing:-.03em;line-height:1.66;margin-top:auto;}
.brand-01-img{position:absolute;left:0;top:0;width:100%;flex-shrink:0;overflow:hidden;opacity:0;transform:translateX(40px);}
.brand-01-img img{width:100%;height:100%;object-fit:cover;object-position:center;}
.brand-02{position:relative;width:100%;height:100%;display:flex;align-items:center;background:#0a0e18;}
.brand-02 .brand-bg{position:absolute;inset:0;overflow:hidden;}
.brand-02 .brand-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);}
.brand-02-inner{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;padding:17.1852vh 11.5586vw 0 25.3138vw;gap:8vw;}
.brand-02-logo{display:flex;flex-direction:column;line-height:1;flex-shrink:0;opacity:0;transform:translateX(-30px);}
.brand-02-con{flex:1;opacity:0;transform:translateX(30px);}
.brand-02-tit{font-family:futura-pt,sans-serif;font-size:64px;font-weight:600;line-height:1.34;color:#fff;margin-bottom:32px;}
.brand-02-descs{display:flex;flex-direction:column;gap:16px;}
.brand-02-descs p{font-family:PT;font-size:clamp(13px,.78vw,15px);font-weight:600;letter-spacing:-.03em;line-height:1.66;color:#666;}
.location-bg{position:absolute;inset:0;overflow:hidden;}
.location-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.15);transition:all ease 2.3s;}
.fp-active .location-bg>img{transform:scale(1);}
.location-tit-wrap{display:flex;align-items:center;}
.location-main-tit{font-family:Times New Roman;font-size:50px;font-weight:400;letter-spacing:.2em;line-height:1.2;color:#9d8679;flex-shrink:0;}
.location-main-tit .char{display:inline-block;opacity:0;will-change:opacity,transform;}
.location-tit-line-wrap{position:relative;flex:1;display:flex;align-items:flex-end;}
.location-tit-line{display:block;width:0;height:1px;background:rgba(255,255,255,.2);flex-shrink:0;}
.location-sub-txt{position:absolute;right:0;bottom:13px;font-family:PT;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.04em;line-height:1.55;white-space:nowrap;opacity:0;}
.location-inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding-top:50px;}
.location-map-container{display:flex;justify-content:center;gap:24px;width:100%;margin-top:50px;}
.location-map-box{transition:opacity 1s,transform 1s;}
.location-map-box:nth-child(1){transform:translateX(-100px);opacity:0;}
.location-map-box:nth-child(2){transform:translateX(100px);opacity:0;}
.fp-active .location-map-box{transform:translateX(0);opacity:1;transition-delay:2.4s;}
.location-map-footer{display:flex;justify-content:center;align-items:center;height:49px;background-color:#9d8679;color:#fff;}
.location-address-name{font-family:PT;font-size:25px;font-weight:500;letter-spacing:-.04em;line-height:1.2;transform:translateX(50px);opacity:0;transition:transform 1s,opacity 1s;}
.fp-active .location-address-name{transform:translateX(0);opacity:1;transition-delay:1s;}
.location-address-box{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;margin-top:16px;}
.fp-active .location-address-box::after{clip-path:inset(0);transition-delay:.4s;}
.location-address{font-family:PT;font-size:16px;font-weight:500;letter-spacing:-.04em;line-height:1.43;transform:translateX(50px);opacity:0;transition:transform 1s,opacity 1s;color:#fff;}
.fp-active .location-address{transform:translateX(0);opacity:1;transition-delay:3s;}
.location-btn-box{display:flex;gap:5px;transform:translateX(50px);opacity:0;transition:transform 1s,opacity 1s;}
.fp-active .location-btn-box{transform:translateX(0);opacity:1;transition-delay:2.7s;}

.location-info{color : #9d8679; font-family : PT; font-size : 24px; text-align : center; margin-top: 60px; opacity : 0; transition : 1s; position : relative;}
.fp-active .location-info{opacity : 1; transition : 1s 2.7s;}



.section .explain {
	position: absolute;
	bottom: 10px;
	left: 50%;
	font-size: 10px;
	font-weight: 400;
	z-index: 100;
	color: #888;
	padding-left: 24px;
	line-height : 1.15em
}
.section .explain.left {
	left: 140px;
}
.section .explain.color {
	color: #666;
}

/* NEW */
.side-btn{position : absolute; right : 0; top : 0; width : 50px; height : 100%; z-index: 10; transform: translateX(100%); transition : 1.8s;}
.side-btn > p{display: flex;align-items: center; justify-content: center; white-space: nowrap; position : absolute; transform-origin: right top; bottom : 26px; left : 75%; transform: translateX(-100%) rotate(90deg);font-size: 15px; letter-spacing: -0.04em; color : #070707;
    span{font-family: jost; letter-spacing: 0.25em; margin-right: 10px; color : #86725E;}
    img{margin-left: 12px;}
}

.complex-inner{display: flex; width : 100%; height : 100%;}
.complex-left{width : 41.7708%; flex-shrink: 0; position : relative; overflow: hidden; padding : 190px 0 0 180px;}
.complex-bg{position : absolute; left : 0;top : 0; width: 100%; height : 100%; overflow: hidden;
    img{width : 100%; height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 0s 1s;}
}

.complex-tit-box{position : relative; transform: translateX(-160px); opacity: 0; transition : 0s 1s;}
.complex-sub-tit{font-family: jost; font-size: 15px; letter-spacing: 0.2em; font-weight: 500; color : #0D0D0D; margin-bottom: 17px;}
.complex-tit{font-size: 38px; font-family: PT; font-weight: 700; line-height: 1.4em; margin-bottom: 16px; color : #43382D;
    .char{opacity: 0; transition : 0s 1s;}
}
.complex-desc{font-family: PT; font-weight: 400; line-height: 1.5em; font-size: 18px; color : #020202;}

.complex-right{display: flex;align-items: center;justify-content: center; flex : 1; padding-top: 100px;}
.complex-img-box{display: flex;gap : 17px; margin-bottom: 148px;}
.complex-img-box li{overflow: hidden; opacity: 0; transition :0s 1s;
    img{transform: scale(1.5); transition : 0s 1s;}
    &:nth-child(even){transform: translateY(-50px);}
    &:nth-child(odd){transform: translateY(50px);}
}


.complex-list{display: grid;grid-template-columns: repeat(2,1fr); font-family: PT; letter-spacing: -0.04em; color : #050505;gap : 68px 129px;}
.complex-list li{display: flex;flex-direction: column;align-items: start; gap : 16px; white-space: nowrap;
    b{font-size: 20px;font-weight: 500; transform: translateY(-50px); opacity: 0; transition : 0s 1s;}
    span{width : 100%; height : 1px; background: rgba(0,0,0,0.3); clip-path: inset(0 100% 0 0); transition : 0s 1s;}
    p{font-size: 16px; font-weight: 400; line-height: 1.5em; transform: translateY(50px); opacity: 0; transition : 0s 1s;}
}

.main-complex.active{
    .side-btn{transform: translateX(0);}
    .complex-bg > img{transform: scale(1); transition : 5s;}
    .complex-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .complex-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + 0.4s)}
    .complex-img-box > li{transform: translateY(0); opacity: 1; transition : 1.2s .4s;
        img{transform: scale(1); transition : 3s .4s}
    }

    .complex-list li{
        b{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
        span{clip-path: inset(0); transition : 1.2s 1s;}
        p{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
    }
}

/*  */

.main-unit{background: #EFEDE8;
    .side-btn{right : auto; left : 0; transform: translateX(-100px);}
}
.unit-inner{display: flex;width : 100%; height : 100%;}
.unit-left{display: flex;flex-direction: column;align-items: start; justify-content: center; width : 41.7708%; flex-shrink: 0; padding : 190px 0 0 180px}
.unit-tit-box{margin-bottom: 160px; transform: translateX(-160px); opacity: 0; transition : 0s 1s;}
.unit-tit{font-family: jost; letter-spacing: 0.2em; font-size: 46px; font-weight: 600; color : #86725E;
    .char{opacity: 0; transition : 0s 1s;}
}
.unit-desc{font-family: PT; font-size: 16px; font-weight: 400; color : #2C2C2C}

.unit-btn-01{display: flex;flex-direction: column;align-items: center;justify-content: center; opacity: 0; transform: translateY(50px);  transition : 0s 1s;}
.unit-btn-img{margin-bottom: 15px;}
.unit-btn-con{display: flex;flex-direction: column;align-items: center;justify-content: center; text-align: center;
    &>span{width : 265px; height : 1px; background: rgba(0,0,0,0.3); margin-bottom: 18px; clip-path: inset(0 100% 0 0); transition : 0s 1s;}
}
.unit-btn-tit{font-family: jost; font-size: 20px; letter-spacing: 0.25em; font-weight: 500; margin-bottom: 8px; color :#86725E; transform: translateY(-50px); opacity: 0; transition : 0s 1s}
.unit-btn-desc{font-family: PT; font-size: 15px; letter-spacing: -0.033em; color : #121212; transform: translateY(50px); opacity: 0; transition : 0s 1s}

.unit-right{display: flex;flex-direction: column;align-items: end; padding : 160px 180px 0 0; flex : 1; height : 100%; position : relative; overflow: hidden;
    &::after{position :absolute; content : ''; left : 0; top : 0; width : 1px; background: #D6D6D6; height : 100%; clip-path: inset(0 0 100%); transition : 0s 1s;}
}

.unit-btn-02{opacity: 0; transition : 0s 1s; transform: translateY(50px);}
.unit-btn-video{width : 342px; height : 192px; overflow: hidden; margin-bottom: 14px; filter: brightness(0.7); transition : 1s;
    &:hover{filter: brightness(1);}
    video{display: block; width : 100%; height: 100%; object-fit: cover; object-position: center;}
}

.unit-bg{position :absolute; right : 0; bottom : 44px; opacity: 0; transition : 0s 1s; transform: translateY(50px);}
.main-unit.active{
    .side-btn{transform: translateX(0);}
    .unit-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .unit-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + 0.4s)}
    .unit-btn-01{opacity: 1; transform : translateY(0); transition : 1s .6s;}
    .unit-btn-02{opacity: 1; transform : translateY(0); transition : 1s .8s;}
    .unit-bg{opacity: 1; transform : translateY(0); transition : 1s 1s;}
    .unit-right::after{clip-path: inset(0); transition : 2s;}
    .unit-btn-con > span{clip-path: inset(0); transition : 1.2s 1.4s;}
    .unit-btn-tit{transform: translateY(0); opacity: 1; transition : 1.2s 1.4s;}
    .unit-btn-desc{transform: translateY(0); opacity: 1; transition : 1.2s 1.4s;}
}

/*  */
.main-com{background: url(../images/main/com-bg.jpg)no-repeat center / cover;}

.com-container{position :absolute; top : 0; height : 100%; width : 100%; max-width: 1560px; left : 50%; transform: translateX(-50%); padding-top: 140px;}

.com-tit-box{margin-bottom: 64px; transform: translateX(-160px); opacity: 0; transition : 0s 1s;}
.com-tit{font-family: jost; letter-spacing: 0.2em; font-size: 46px; font-weight: 600; color : #86725E; margin-bottom: 10px;
    .char{opacity: 0; transition : 0s 1s;}
}
.com-sub-tit{font-family: PT; font-size: 22px; font-weight: 500; letter-spacing: -0.04em; line-height: 1.5em; margin-bottom: 18px;} 
.com-desc{font-family: PT; font-size: 16px; font-weight: 400; color : #2C2C2C}

.com-keymap{transform: translateY(50px); opacity: 0; transition : 0s 1s;}

.com-slide-01{
    .com-img-box{margin-left: auto;}
}

.com-inner{display: flex;flex-direction: column;align-items: start; max-width: 1560px; margin : 0 auto; height : 100%; padding-top: 140px;}

.com-unit{display: flex; gap : 109px; margin-left: auto; transform: translateY(50px); opacity: 0; transition : 1s;
    .com-unit-con{margin-top: 100px;}
}
.com-unit-con{display: flex;flex-direction: column; text-align: center; width : 237px; white-space: nowrap; margin-bottom: 57px;
    b{display: flex;align-items: center;justify-content: center; height : 58px; font-size: 28px; font-weight: 500; color : #fff; letter-spacing: -0.04em; font-family: jost, PT;}
    span{display: flex;align-items: center;justify-content: center; height : 58px; font-family: jost, PT; font-size: 27px; border-top : 1px solid rgba(0,0,0,0.35); border-bottom : 1px solid rgba(0,0,0,0.35)}

    &.blue b{background: #009AD8; letter-spacing: 0em;}
    &.orange b{background: #F7941F; font-weight: 700;}
    &.pink b{background: #EC008C; font-weight: 700;}
    &.green b{background: #3AB44A; font-weight: 700;}
}

.com-list{display: flex;align-items: start;gap : 150px; margin-left: auto; margin-bottom: 90px; margin-top: 60px;}
.com-list > li{transform: translateY(50px); opacity: 0; transition : 1s}
.com-img-box{display: flex;gap : 12px;}
.com-img-box > li{transform: translateY(50px); opacity: 0; transition : 1s; overflow: hidden;
    img{transform: scale(1.5); transition : 3s;}
}

.main-com .side-btn{border-left : 1px solid rgba(0,0,0,0.15); z-index: 1;}
.main-com.active{
    .side-btn{transform: translateX(0);}
    .com-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .com-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + 0.4s)}
    .com-keymap{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
    .swiper-slide-active{
        .com-unit{transform: translateY(0); opacity: 1; transition-delay: .4s;}
        .com-list > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transition-delay: .4s;}
            &:nth-child(2){transition-delay: .5s;}
            &:nth-child(3){transition-delay: .6s;}
            &:nth-child(4){transition-delay: .7s;}
        }
        .com-img-box > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transition-delay: 1s;}
            &:nth-child(2){transition-delay: 1.1s;}
            &:nth-child(3){transition-delay: 1.2s;}
            &:nth-child(4){transition-delay: 1.3s;}
        }
        .com-img-box > li > img{transform: scale(1);}
    }
}
/*  */
.visual-slide{width : 100%; height : 100%;}
.visual-container{position : absolute; left : 0;top : 0; width : 100%; height : 100%;}
.visual-container > div{position : absolute; left : 0;top : 0; width : 100%; height : 100%; z-index : 1;}

.visual-02{opacity: 0; transition : 1s; background: linear-gradient(45deg, rgba(0,0,0,0.9), rgba(0,0,0,0.7), rgba(0,0,0,0.9)); display: flex; align-items: center; justify-content: center; transition : 1s; z-index: 1; pointer-events: none;} 

.schedule-inner{display: flex; align-items: start; justify-content: space-between; width : 100%; max-width : 1570px; height : 100%; padding-top: 130px;;}
.schedule-tit-box{position : relative; transform: translateX(-100px); opacity: 0; transition : 0s 1s; margin-top: 120px; margin-left: 80px;}
.schedule-tit{font-family: jost; font-size: 47px; letter-spacing: 0.25em; font-weight: 500; color : #fff;
    .char{opacity: 0; transition : 0s 1s;}
}
.schedule-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 400; color : #fff;}

.schedule-table-box{display: flex;flex-direction: column;align-items: end; position : relative; width : 705px; transition : opacity 1s;}
.schedule-table{display: grid;grid-template-columns: repeat(6,1fr);gap : 10px; margin-bottom: 26px; width : 100%;}
.schedule-table > li{display: flex;flex-direction: column;align-items: center;justify-content: center; grid-column: span 2; height : 165px; border-radius: 10px; border : 1px solid rgba(255,255,255,0.4); font-family: HG; font-size: 16px; font-weight: 500; color : #9D9D9D; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s;
    &.wide{grid-column: span 3;}
    &:hover, &.on{background: rgba(134,114,94,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: 22px; 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: 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: HG; font-size: 15px; font-weight: 700; color : #02003C;}
.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 0.3s;}
.schedule-btn-box > a:hover > .plus{transform: rotate(90deg);}
.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: #86725E; color: #fff;}
.schedule-btn-box > a:nth-child(2) > .plus, .schedule-btn-box > a:nth-child(3) > .plus{background: #86725E;}
.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 : 0%; bottom : 0; transform: translateY(100%); transition : 0s 1s; width : 100%; pointer-events: none;}
.schedule-obj > img{width : 100%;}

.t2{
    .visual-02{opacity: 1; pointer-events: all;}
    .schedule-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}
    .schedule-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.07s + .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;}
}

/*  */

#intro{position : fixed; left : 0;top : 0; z-index: 10000; width : 100%; height : 100%; background: #F3F3F0;}

.intro-grid{display: grid; grid-template-columns: repeat(14,1fr); width : 100%; height : 100%; position : absolute; left : 0;top : 0; z-index: 1;
    b{background: #fff; clip-path: inset(0 100% 0 0); transform: scale(1.01);}
}
.intro-01{display: flex;align-items: center;justify-content: center; position :absolute; left: 0;top : 0; width : 100%; height : 100%; transition : .7s;}
.intro-bg{position : absolute; right : 0; bottom : 0;}
.intro-bg path{stroke-dasharray: 5000;stroke-dashoffset: 5000;transition: stroke-dashoffset 3s ease-in-out;}

.intro-logo-box{display: flex;flex-direction: column;align-items: end;justify-content: center; z-index: 1;}
.intro-logo{margin-bottom: 21px; width : 144px; height : 80px;}
.intro-logo path{stroke-dasharray: 700;stroke-dashoffset: 700; fill: transparent; stroke: #8c0021;transition: stroke-dashoffset 3s ease-in-out;}
.intro-logo-img{transform: translateY(50px); opacity: 0; transition : 1s}

.intro-02{display: flex;align-items: center;justify-content: center; width : 100%; height : 100%;}
.intro-tit-box{display: flex;align-items: center; font-family: jost; width : 1183px; white-space: nowrap;}
.intro-line{width : 100%; height : 1px; background: #707070; margin : 0 24px; clip-path: inset(0 100% 0 0); transition : 1s;}
.intro-tit{font-size: 70px;
    .char{opacity: 0;}
}

.intro-con-box{display: flex;flex-direction: column;align-items: end; font-family: PT; letter-spacing: -0.04em; position :absolute; bottom : 143px; right : 205px; text-align: right; transform: translateX(160px); opacity: 0; transition : 2s;}
.intro-con-tit{font-size: 33px; color : #971734; font-weight: 500; margin-bottom: 19px;
    .char{opacity: 0;}
}
.intro-con-desc{font-size: 16px; line-height: 1.5em; margin-bottom: 30px; color : #2C2C2C;
    .char{opacity: 0;}
}


#intro.t1{
    .intro-bg path{stroke-dashoffset: 0;}
    .intro-logo path{stroke-dashoffset: 0; fill : #8c0021; transition: stroke-dashoffset 3s ease-in-out, fill 1s 2s;}
    .intro-logo-img{transform: translateY(0); opacity: 1; transition : 1s 2s;}
}
#intro.t2{
    .intro-01{opacity: 0; pointer-events: none;}
    .intro-line{clip-path: inset(0);}
}
#intro.t3{
    .intro-line{width : 0px; margin : 0 12px; transition : 2s;}
    .intro-con-box{transform: translateX(0); opacity: 1; transition : 2s 0.7s;}
    .intro-con-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.7s)}
    .intro-con-desc .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.7s)}
}
#intro.t4{background: transparent; transition : 0s 1.5s;
    .intro-grid > b{clip-path: inset(0); transition : 0.6s calc(var(--i) * 0.06s);}
    .intro-01, .intro-02{opacity: 0; transition : 0s 1.5s;}
}
#intro.t5{pointer-events: none;
    .intro-grid > b{clip-path: inset(0 0 0 100%); transition : 0.6s calc(var(--i) * 0.06s);}
}
.skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; font-family: jost; background: #971734; width : 70px; height : 70px; top : 50%; left : 50%;z-index: 1000; transform: translateX(-50%) translateY(-50%) scale(0); border-radius: 50%; color : #fff; letter-spacing: 0.1em; font-weight: 600; font-size: 16px; transition : transform .5s;}
.skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}

.skip-btn::after{position : absolute; content : ''; width : 100%;height : 100%; background: #971734; border-radius: 50%; animation : skip-btn 1s infinite; z-index: -1;}
@keyframes skip-btn {
    0%{opacity: 1; transform: scale(1);}
    100%{opacity: 0; transform: scale(1.5);}
}

.visual-video{position : absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;
    &::after{position : absolute; content : ''; width : 100%; height : 100%; background: linear-gradient(25deg, #000, transparent, #000); left : 0; top : 0; opacity: 0.8;}
    video{width : 100%; height: 100%; object-fit: cover; object-position: center;}
}
.visual-link{display: flex; position :absolute; color : #fff; bottom : 94px; right : 287px;gap : 35px;}
.visual-link > li{display: flex;align-items: center; position :relative; transform: translateY(50px); opacity: 0; transition : 1s;
    &:not(:last-child)::before{position : absolute; content : ''; width : 1px; height : 10px; background: rgba(255,255,255,0.5); right : -17px}
    &::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.5); bottom : -5px; clip-path: inset(0 100% 0 0); transition : .3s;}
    &:hover::after{clip-path: inset(0);}
}
.visual-link > li > a{display: flex;align-items: center; gap : 7px; font-size: 17px; font-family: PT; letter-spacing: -0.033em; font-weight: 700;}
.on .visual-link > li{transform: translateY(0); opacity: 1;
    &:nth-child(1){transition-delay: 1s;}
    &:nth-child(2){transition-delay: 1.2s;}
    &:nth-child(3){transition-delay: 1.4s;}
}