body.fixed{overflow : hidden;}
.open-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; background: #004E50; background: transparent; width : 94px; height : 94px; position : fixed; right : 86px; bottom : 80px; z-index: 10; border-radius: 50%; color : #fff; font-family: PT; letter-spacing: -0.04em;font-weight: 700; transition : 1.2s; opacity: 0; transform: translateX(0); font-size: 15px; pointer-events : none;}
.show.open-rotate-btn{opacity: 1;}
.hide.open-rotate-btn{opacity: 0;}

.open-rotate-btn b{color : #fff; font-family: jost, PT; font-size: 25px;line-height: 1em; font-weight: 600;}
.open-rotate-btn span{color : #fff; font-family: jost, PT; font-size: 21px; line-height: 1em;}

.open-rotate-btn::after{position : absolute; content : ''; width : 141px; height : 141px;  background: url(../images/main/open-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear; filter: invert(1)}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.scroll-wrap{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);pointer-events: none; transition : .5s; opacity: 0;z-index: 100;}
.scroll-wrap.show {opacity: 1;}
.scroll-wrap.hide{opacity: 0;}
.scroll-circle{width:56px;height:56px;background:#000;border-radius:50%;position:relative;margin-bottom:10px;text-align: center;margin-left: 23px;}
.scroll-circle .line{position:absolute;left:50%;top:16px;width:1px;height: 26px;background:#fff;transform:translateX(-50%);}
.scroll-circle .dot{position:absolute;left:50%;top:18px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#bbb;animation:scrollDot 1.6s ease-in-out infinite;}
.scroll-wrap p{margin:0;font-size:18px;font-weight:500;color:#111;letter-spacing:-0.02em;}
@keyframes scrollDot{
	0%{transform:translateY(0);opacity:1;}
	50%{transform:translateY(14px);opacity:.8;}
	100%{transform:translateY(0);opacity:1;}
}

/* LOCATION */
.location-slide{width : 100%;height : 100%;}
.location-slide .swiper-slide{display: flex; overflow: hidden;}
.location-slide .swiper-slide > div{width : 50%; height : 100%; overflow: hidden; position : relative;}
.location-bg{width : 100%;height : 100%; position : absolute; left : 0;top : 0;}
.location-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.4s;}
.active .swiper-slide-active .location-bg > img{transform: scale(1); transition : 3s}

.location-slide-02{background: #000;}

.location-left{display: flex;align-items: end; justify-content: start;}
.location-slide-02 .location-left{align-items: start; padding-top: 196px;}
.location-tit-box{position : relative; padding : 0 0 104px 131px; color : #fff; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}
.location-tit-box.dark{color : #000}
.active .swiper-slide-active .location-tit-box{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.location-tit{font-family: GG; margin-bottom: 20px; font-size: 20px;}
.location-desc{font-family: PT; font-size: 16px; font-weight: 500; letter-spacing: -0.04em;line-height: 1.5em;}

.location-right{display: flex;align-items: center;justify-content: center; padding-top: 100px;}

.location-list{margin-bottom: 50px; text-align: right; transform: translateX(100px); opacity: 0; transition : 0s 1.4s;}
.active .swiper-slide-active .location-list{transform: translateX(0); opacity: 1; transition : 1.4s 1s;}
.location-list > li + li{margin-top: 42px;}
.location-list-tit{font-family: GG; margin-bottom: 20px; font-size: 20px; color : #8C6F50;}
.location-list-desc{font-family: PT; font-size: 16px; font-weight: 500; letter-spacing: -0.04em;line-height: 1.5em; color : #0B0B0B}
.white .location-list-desc{color : #9A9A9A}

.location-img-box{display: flex;align-items: center; gap : 23px}
.location-img{overflow: hidden; opacity: 0; transition : 0s 1.4s;}
.location-img:nth-child(1){transform: translateX(-100px) translateY(-100px);}
.location-img:nth-child(2){transform: translateX(100px) translateY(100px);}
.active .swiper-slide-active .location-img{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.location-img > img{transform: scale(1.5); transition : 0s 1.4s;}
.active .swiper-slide-active .location-img > img{transform: scale(1); transition : 3s;}

/**/
.main-map{background: #F5F3EE;}
.map-bg{width : 100%;height : 100%; position : absolute; left : 0;top : 0; transform: translateX(-50%); opacity: 0; transition : 0s 1.4s}
.active .map-bg{transform: translateX(0); opacity: 1; transition : 2s .4s;}
.map-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

.map-inner{display: flex;justify-content: end; width : 100%;}

.map-tit-box{display: flex;flex-direction: column;align-items: start; padding-right: 150px; position : relative;}
.map-sub-tit{font-family: GG; font-size: 20px; font-weight: 700; margin-bottom: 30px; padding-bottom: 6px; position : relative; transform: translateY(-100px); opacity: 0; transition : 0s 1.4s;}
.active .map-sub-tit{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
.map-sub-tit::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(0,0,0,0.26); left : 0; bottom : 0; clip-path: inset(0 50%); transition : 0s 1.4s;}
.active .map-sub-tit::after{clip-path: inset(0); transition : 1s .4s;}
.map-desc{font-family: PT; font-size: 22px; font-weight: 300; margin-bottom: 11px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.active .map-desc{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.map-desc b{font-weight: 500;}
.map-tit{font-family: PT; color : #004E50; font-weight: 600; font-size: 44px; margin-bottom: 80px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.active .map-tit{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.map-tit span{color : #8C6F50; margin-bottom: 82px;}

.map-link{display: flex; align-items: center; gap : 16px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s; font-family: GG; font-size: 14px; font-weight: 400; letter-spacing: 0.25em; gap : 16px}
.active .map-link{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.map-arrow{display: flex;align-items: center; position : relative; transition :.5s;}
.map-link:hover .map-arrow{transform: translateX(10px);}
.map-arrow > img{position : relative;}
.map-arrow::after{position : absolute; content : ''; width : 24px; height : 24px; background: #DEDEDE; border-radius: 50%; right : 0; transform: scale(1) translateX(30%);z-index: -1; transition : .5s;}
.map-link:hover .map-arrow::after{transform: scale(0) translateX(100%);}

/* PREMIUM */
.main-premium{background: url(../images/main/premium-bg.jpg)no-repeat center / cover; overflow: hidden;}
.premium-slide{width : 100%;height : 100%;}
.premium-container{position :absolute; left : 0;top : 0; width : 100%;height : 100%; z-index: 1;}

.premium-inner{width : 100%; max-width: 1540px; margin : 0 auto; position : relative; padding-top: 292px; height : 100%;}
.premium-tit-box{display: flex;flex-direction: column;align-items: start; position : relative;}
.premium-sub-tit{font-family: GG; font-size: 20px; font-weight: 700; margin-bottom: 30px; padding-bottom: 6px; position : relative; transform: translateY(-100px); opacity: 0; transition : 0s 1.4s;}
.active .premium-sub-tit{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
.premium-sub-tit::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(0,0,0,0.26); left : 0; bottom : 0; clip-path: inset(0 50%); transition : 0s 1.4s;}
.active .premium-sub-tit::after{clip-path: inset(0); transition : 1s .4s;}
.premium-desc{font-family: PT; font-size: 22px; font-weight: 300; margin-bottom: 11px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.active .premium-desc{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.premium-desc b{font-weight: 500;}
.premium-tit{font-family: PT; color : #004E50; font-weight: 600; font-size: 44px; margin-bottom: 80px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.active .premium-tit{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
.premium-tit span{color : #8C6F50; margin-bottom: 82px;}

.premium-img-box{display: flex;align-items: center;justify-content: center; position : absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); height : 100%;}
.premium-img-box::after{position : absolute; content : ''; width : 1px; height : 100%; background: linear-gradient(to bottom, #B2A78D, #E0CB9E); clip-path: inset(50% 0%); transition : 0s 1.4s; }
.active .premium-img-box::after{clip-path: inset(0); transition : 1s .4s;}

@property --deg {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
.premium-img-box::before{ position :absolute; content: ''; width : 410px; height : 410px; border : 1px solid #DCA533; border-radius: 50%; mask-image:conic-gradient(from 0deg,#000 0deg,var(--deg),transparent 0); transition : --deg 0s 1.4s}
.active .premium-img-box::before{--deg : 360deg; transition : --deg 1s 1s;}

.premium-img-dot{--deg : 0deg; position :absolute; width : 40px; height : 40px; background: linear-gradient(to bottom, #784D04, #B38216, #FEC52E); border-radius: 50%;z-index: 1; mask-image:conic-gradient(from 0deg,#000 0deg,var(--deg),transparent 0); transition : --deg 0s 1.4s}
.active .premium-img-dot{--deg : 360deg; transition : --deg 1s 1s;}

.premium-img{width : 392px; position : relative; z-index: 1;}
.premium-img > div{position :absolute; left : 0;top : 0; width : 392px; height : 392px; border-radius : 50%; overflow : hidden}
.premium-img > div > img,
.premium-img > div > video{width : 100%; height : 100%; object-fit : cover; object-position : center;}
.premium-img > div:first-child{position : static;}

.premium-img-top{--deg : 0deg; mask-image:conic-gradient(from 180deg,#000 0deg,var(--deg),transparent 0); transition : --deg 0s 1.4s, transform 0s 1.4s; transform: translateY(-50%);}
.active .premium-img-top{--deg : 360deg; transform: translateY(0); transition : --deg .8s .4s ease-in-out, transform 2s .4s;}

.premium-img-bottom{--deg : 360deg; mask-image:conic-gradient(from 0deg,transparent 0deg,var(--deg),#000 0); transition : --deg 0s 1.4s, transform 0s 1.4s; transform: translateY(50%);}
.active .premium-img-bottom{--deg : 0deg; transform: translateY(0); transition : --deg 1s 1.2s ease-in-out, transform 2s .4s;}

.premium-img-bottom > div{--deg : 360deg; mask-image:conic-gradient(from 0deg,transparent 0deg,var(--deg),#000 0); transition : --deg .8s 0s;}
.premium-img-bottom > div.on{--deg : 0deg; transition : --deg .8s .6s ease-in-out;}

.premium-img-top > div{--deg : 0deg; mask-image:conic-gradient(from 180deg,#000 0deg,var(--deg),transparent 0);transition : --deg 0.8s 0.6s ease-in-out;}
.premium-img-top > div.on{--deg : 360deg; transition : --deg .8s 0s ease-in-out;}

/**/
.premium-slide-tit{position : absolute; left : 50%;top : 50%; transform: translateY(-50%); margin-left: 245px; white-space: nowrap; font-family: jost; letter-spacing: 0.35em; clip-path: inset(0 -500px);}

.premium-slide-tit > h2{position : absolute; top : 0;left : 0; font-weight: 500; font-size: 50px;}
.premium-slide-tit > h2:first-child{position : static;}
.premium-slide-tit > h2 .char{transform: translateY(100%); transition : 0s 1.4s;}
.active .premium-slide-tit > h2 .char{transition : 0s;}

.active .premium-slide-tit > h2.on .char{transform: translateY(0);}
.active .premium-slide-tit > h2.on .char:nth-child(1){transition: .7s .4s;}
.active .premium-slide-tit > h2.on .char:nth-child(2){transition: .7s .45s;}
.active .premium-slide-tit > h2.on .char:nth-child(3){transition: .7s .5s;}
.active .premium-slide-tit > h2.on .char:nth-child(4){transition: .7s .55s;}
.active .premium-slide-tit > h2.on .char:nth-child(5){transition: .7s .6s;}
.active .premium-slide-tit > h2.on .char:nth-child(6){transition: .7s .65s;}
.active .premium-slide-tit > h2.on .char:nth-child(7){transition: .7s .7s;}
.active .premium-slide-tit > h2.on .char:nth-child(8){transition: .7s .75s;}
.active .premium-slide-tit > h2.on .char:nth-child(9){transition: .7s .8s;}
.active .premium-slide-tit > h2.on .char:nth-child(10){transition: .7s .85s;}

.active .premium-slide-tit > h2.end .char{transform: translateY(-100%);}
.active .premium-slide-tit > h2.end .char:nth-child(1){transition: .7s 0s;}
.active .premium-slide-tit > h2.end .char:nth-child(2){transition: .7s .05s;}
.active .premium-slide-tit > h2.end .char:nth-child(3){transition: .7s .1s;}
.active .premium-slide-tit > h2.end .char:nth-child(4){transition: .7s .15s;}
.active .premium-slide-tit > h2.end .char:nth-child(5){transition: .7s .2s;}
.active .premium-slide-tit > h2.end .char:nth-child(6){transition: .7s .25s;}
.active .premium-slide-tit > h2.end .char:nth-child(7){transition: .7s .3s;}
.active .premium-slide-tit > h2.end .char:nth-child(8){transition: .7s .35s;}
.active .premium-slide-tit > h2.end .char:nth-child(9){transition: .7s .4s;}
.active .premium-slide-tit > h2.end .char:nth-child(10){transition: .7s .45s;}

.premium-slide-desc{position : absolute; left : 50%;top : 75%; transform: translateY(-50%); margin-left: 290px; white-space: nowrap;}
.premium-slide-desc > p{position : absolute; font-family: PT; font-weight: 400; line-height: 1.5em; transform: translateY(50px); transition : .7s; opacity : 0;}
.premium-slide-desc > p > b{display: block; font-family: GG; font-size: 20px; margin-bottom: 30px; font-weight: 700; transform: translateY(-100px); transition : .7s}

.premium-slide-desc > p.on,
.premium-slide-desc > p.on b{opacity : 1; transform : translateY(0); transition : 1s .4s;}

.premium-frame{position : absolute; width : 100%; height : 100%; left : 0;top : 0;}
.premium-frame > img{position : absolute; opacity: 0; transition : 0s 1.4s;}
.premium-frame-01{bottom : 224px; transform: translateY(200px);}
.premium-frame-02{right : 60px;top : 250px; transform: translateY(-200px);}
.active .premium-frame > img{transform: translateX(0); opacity: 1; transition : 2s 1s;}

.premium-navigation{display: none;}

/*  */

.fp-active{
	.contact-bg > img{transform: scale(1); transition : 5s;}
	.contact-address::after{clip-path: inset(0); transform: translateY(0); opacity: 1; transition : 2s .4s;}
	.contact-tit-box,
	.contact-info,
	.contact-map,
	.contact-address,
	.contact-btn-box,
	.contact-qr{transform: translateY(0); opacity: 1; transition : 2s .4s;}
	.contact-map-box{transform: translateX(0) !important; opacity: 1; transition : 2s .4s;}
}
.contact-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;}
.contact-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.4s;}

.contact-inner{display: flex; flex-direction : column; justify-content: center;align-items: center;  position : relative; z-index: 1;}

.contact-tit-box{margin-bottom: 65px; transform: translateY(-100px); opacity: 0; transition : 0s 1.4s; text-align : center;}
.contact-tit{font-family: Athena; font-size: 75px; font-weight: 400; color : #fff}
.contact-desc{font-family: PT; font-size: 16px; color : #fff; font-weight: 400; letter-spacing: -0.033em;}

.contact-container{display : flex; gap : 90px;}

.contact-map-box{display : flex; flex-direction : column; opacity : 0; transition : 0s 1.4s;
	&:nth-child(1){transform : translateX(-100px)}
	&:nth-child(2){transform : translateX(100px)}
}
.contact-map{margin-bottom: 40px;}
.contact-address{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 500; transform: translateY(-50px); opacity: 0; transition : 0s 1.4s; color : #fff; padding-bottom: 32px; position : relative; margin-bottom: 11px;
	&::after{position : absolute; content : ''; width : 100%; height : 1px; background: rgba(255,255,255,0.33); left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 0s 1.4s;}
}
.contact-address b{display: block; color : #fff; font-size: 25px; font-weight: 500; margin-bottom: 8px;}

.contact-btn-box{display: flex; gap : 20px; font-family: PT; transform: translateY(50px); opacity: 0; transition : 0s 1.4s; margin-left: auto;}

.contact-btn-box > a{display: flex; align-items: center; gap : 10px; letter-spacing: -0.04em; font-weight: 500; color : #fff;}
.contact-btn-box > a > img{transition : .5s;}
.contact-btn-box > a:hover > img{transform: translateY(-5px);}

/* .contact-map{transform: translateX(100px); opacity: 0; transition : 0s 1.4s;} */

.contact-qr{position : absolute; right : 92px; top : 144px; transform: translateX(100px); opacity: 0; transition : 0s 1.4s;}

/* NEW */
.section{overflow: hidden;}
.sec-tit-box{}
.sec-tit-eng{font-family: jost; font-size: 20px; font-weight: 400; letter-spacing: 0.25em; color : #1F1F1F; margin-bottom: 27px;}
.sec-tit{font-family: PT; font-size: 44px; font-weight: 600; margin-bottom: 21px; color : #004E50; line-height: 1.25em;}
.sec-desc{font-family: GG; font-size: 18px; font-weight: 400; line-height: 1.5em; color : #020202;}

.main-design.active{
    .side-btn{transform: translateX(0);}
    .design-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
    .design-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.4s)}
    .design-bg > img{transform: scale(1); transition : 5s;}
    .design-list::after{clip-path: inset(0); transition : 1.2s 1s;}
    .design-list > li{transform: translateX(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .5s;}
        &:nth-child(3){transition : 1.2s .6s;}
        &:nth-child(4){transition : 1.2s .7s;}
    }
    .design-img-box > li{transform: translateY(0); opacity: 1;
        &:nth-child(1){transitioN : 1.2s .4s;}
        &:nth-child(2){transitioN : 1.2s .5s;}
    }
    .design-img-box > li > img{transform: scale(1); transition : 3s;}
}

.design-inner{display: flex; width : 100%; height : 100%;}
.design-left{width : 45%; position : relative; padding : 200px 0 0 145px; overflow: hidden;}
.design-right{display: flex;align-items: center;justify-content: center; width :55%; padding-top: 100px;}
.design-tit-box{transform: translateX(-160px); opacity: 0; transition : 0s 1.4s;}
.design-sub-tit{font-size: PT; font-size: 22px; font-weight: 500; margin-bottom: 25px; color : #0A0A0A;}
.design-tit{font-family: GG; font-size: 36px; font-weight: 700; color : #004E50; margin-bottom: 25px; line-height: 1.5em; margin-bottom: 25px;
    .char{opacity: 0; transition : 0s 1.4s;}
}
.design-desc{font-family: PT;font-size: 16px; font-weight: 500; color : #0A0A0A; line-height: 1.5em;}

.design-bg{position : absolute; left : 0;top: 0; width : 100%;height : 100%;z-index: -1;}
.design-bg > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.4s;}

.design-con{display: flex; justify-content: space-between; align-items: center;}

.design-list{position : relative; margin-bottom: 50px;
    &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.2); clip-path: inset(0 0 100%); transition : 0s 1.4s;}
}
.design-list > li{font-family: PT; font-size: 16px; letter-spacing: -0.033em; font-weight: 500; line-height: 1.5em; padding-left: 31px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;
    b{display: block; font-family: jost; font-size: 20px; font-weight: 400; color : #004E50; margin-bottom: 21px;}

    p{position :relative;
        &::before{position : relative; content : '・ ';}
    }

    &+li{margin-top: 30px;}
}
.design-img-box{display: flex; gap :10px;}
.design-img-box > li{overflow: hidden; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.design-img-box > li > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.4s;}

.main-design .side-btn > p{color : #070707;
    span{color : #004E50}
    img{filter: invert(0);}
}

/*  */
.main-place.active .swiper-slide-active{
    .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
    .place-obj{opacity: 1;}
    .place-list::after{clip-path: inset(0); transition : 1.2s 1s;}
    .place-list > li{transform: translateX(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .5s;}
        &:nth-child(3){transition : 1.2s .6s;}
    }
    .img-name{
        &::after{clip-path: inset(0);}
        &::before{clip-path: inset(0);}
        span{transform: translateY(0); opacity: 1;}
    }
    .place-img-inner > img{transform: scale(1); transition :3s;}
    .con-tit-box{transform: translateY(0); opacity: 1;}
    .con-tit{
        &::after{clip-path: inset(0);}
        &::before{clip-path: inset(0);}
    }
    &::after{clip-path: inset(0) !important; transition : 2s !important;}
}
.main-place .sec-tit-box{transform: translateX(-160px); opacity: 0; transition : 0s 1.4s;}

.place-slide{width : 100%; height : 100%; background: #fff;}

.place-slide-01{display: flex; justify-content: space-between; padding-left: 190px; position :relative;
    &::after{position : absolute; content : ''; width : 60%; height : 100%; background: #F5F5F5;left : 0;top: 0; z-index: -1; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
}
.place-slide-01 .sec-tit-box{margin-top: 30vh;}
.place-slide-01 .place-img{margin-top: auto;}
.place-slide-01 .img-name{position :absolute; right : 100%; bottom : 40px; margin-right: 49px;}
.place-img{position :relative;}
.place-obj{position :absolute; bottom : 23px; opacity: 0; transition : 1s 1s;}

.place-top{display: flex; align-items: end; justify-content: space-between; max-width: 1540px; margin : 0 auto 80px; width : 100%;}

.con-tit-box{display: flex;flex-direction: column;align-items: end; gap : 24px; transform: translateY(-100px); opacity: 0; transition :1.2s 1s;}
.con-tit{padding : 14px 0; position :relative; font-family: jost; font-size: 33px; font-weight: 500; color : #070707;
    &::after{position : absolute;content : ''; left : 0;top : 0; width : 100%; height : 1px; background: #BEBEBE; clip-path: inset(0 100% 0 0); transition : 1s 1s}
    &::before{position : absolute; content : ''; left : 0;bottom : 0; width : 100%; height : 1px; background: #BEBEBE; clip-path: inset(0 0 0 100%); transition : 1s 1s}
}
.con-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; color : #000;}
.place-bottom{display: flex;align-items: center; justify-content: space-between; max-width: 1540px; margin : 0 auto; width : 100%;}

.place-slide-02{display: flex;flex-direction: column;justify-content: center; position :relative;
    &::after{position : absolute; content : ''; width : 60%; height : 100%; background: #F5F5F5;right : 0;top: 0; z-index: -1; clip-path: inset(0 0 0 100%); transition : 0s 1.2s;}
}

.place-list{position : relative;
    &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.2); clip-path: inset(0 0 100%); transition : 0s 1.4s;}
}
.place-list > li{font-family: PT; font-size: 16px; letter-spacing: -0.033em; font-weight: 500; line-height: 1.5em; padding-left: 31px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;
    b{display: block; font-family: jost; font-size: 20px; font-weight: 400; color : #004E50; margin-bottom: 21px;}

    &+li{margin-top: 40px;}
}

.place-img-box{display: flex; gap : 10px;}
.place-img-box > li{display: flex;flex-direction: column;align-items: start; gap : 24px;}
.place-img-inner{overflow: hidden;}
.place-img-inner > img{transform: scale(1.5); transition : 0s 1.4s;}
.img-name{display: flex;align-items: center; padding : 0 23px; height : 13px; color : #000; position : relative; white-space: nowrap;
    &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;background: #000; clip-path: inset(50% 0); transition : 1s 1s;}
    &::before{position :absolute; content : ''; width : 1px; height : 100%; right : 0;background: #000; clip-path: inset(50% 0); transition : 1s 1s;}
    span{transform: translateY(100%); font-size: 15px; font-family: PT; letter-spacing: -0.033em; font-weight: 500; opacity: 0; transition : 1s 1s;}
}

/*  */
.main-com{background: #EFEDE8;}
.main-com.active .swiper-slide-active{
    .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
    .com-img-box > li{transform: translateY(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .6s;}
        &:nth-child(3){transition : 1.2s .8s;}
    }
    .img-name{
        &::after{clip-path: inset(0);}
        &::before{clip-path: inset(0);}
        span{transform: translateY(0); opacity: 1;}
    }
    .com-img-inner > img{transform: scale(1); transition :3s;}
    .com-list::after{clip-path: inset(0); transition : 1.2s 1s;}
    .com-list > li{transform: translateX(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .5s;}
        &:nth-child(3){transition : 1.2s .6s;}
    }    
}
.com-slide{width : 100%; height : 100%;}
.com-slide .swiper-slide{display: flex;align-items: center;}
.com-inner{width : 100%; max-width: 1540px; margin : 0 auto;}
.main-com .sec-tit{color : #8C6F50}
.main-com .sec-tit-box{transform: translateX(-160px); opacity: 0; transition : 0s 1.4s;}

.com-list-box{display: flex; gap : 65px;}

.com-img-box{display: flex; gap : 23px;}
.com-img-box > li{transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
.com-slide-02 .com-img-box > li{transform: translateY(-100px);}
.com-img-inner{overflow: hidden;}
.com-img-inner > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.2s;}

.com-list{position : relative;
    &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: #8C6F50; clip-path: inset(0 0 100%); transition : 0s 1.4s;}
}
.com-list > li{font-family: PT; font-size: 16px; letter-spacing: -0.033em; font-weight: 500; line-height: 1.5em; padding-left: 31px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;
    b{display: block; font-family: PT; font-size: 20px; font-weight: 500; color : #8C6F50; margin-bottom: 5px;}

    &+li{margin-top: 40px;}
}
.com-img{position : relative;}

.com-slide-01{
    .com-inner{display: flex;flex-direction: column;gap :100px; align-items: center; padding-top: 100px;}
    .com-top{display: flex;justify-content: space-between; width : 100%; align-items: end;}
    .com-img-box > li{display: flex;flex-direction: column;align-items: end; gap : 19px;}
    .com-img-inner{min-height : 296px}
}

.com-slide-02{
    .com-inner{display: flex;justify-content: space-between; padding-top: 100px; height : 100%;}
    .com-left{display: flex;flex-direction: column;align-items: start;}
    .com-img{margin-top: auto;}
    .com-img .img-name{position : absolute; bottom : 100%; right : 0; margin-bottom: 19px;}

    .com-right{display: flex;flex-direction: column;gap :134px}
    .com-img-box > li{display: flex;flex-direction: column;align-items: end; gap : 19px;}
    .com-list-box{gap : 90px;}
}

/* NEW */
.lounge-slide{width : 100%; height : 100%; position : relative; font-family: PT;}
.active{
    .lounge-container{opacity: 1; transition : 1.4s .4s;}
    .lounge-con{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
    .lounge-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.4s)}
    .side-btn{transform: translateX(0);}
    .lounge-btn-box > li{transform: translateY(0); opacity: 1; transition-delay : calc(var(--i) * 0.1s + 0.4s)
    }
    .lounge-slide .swiper-slide-active{
        .lounge-bg > img{transform: scale(1);}
        .lounge-img-con{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}    
    }
}
.lounge-bg{position : absolute; left : 0; top : 0; width : 100%; height : 100%; overflow: hidden; filter: brightness(0.4);
    img{transform: scale(1.25); transition : 3s;width : 100%; height : 100%; object-fit: cover; object-position: center;}
}
.lounge-container{display: flex;flex-direction: column;align-items: start; justify-content: start; position : absolute; left : 50%; transform: translateX(-50%); z-index: 1; height : 100%; opacity: 0; transition : 0s 1.4s; width : 100%; z-index: 1; top : 0; max-width: 1631px; padding-top: 200px;}
.lounge-top{display: flex;justify-content: space-between; width : 100%;}

.lounge-tit-box{margin-bottom: 76px;}
.lounge-tit{font-family: GG; font-size: 44px; font-weight: 700; color : #C7A786; line-height: 1.5em; margin-bottom: 28px;
    .char{opacity: 0; transition : 0s 1.4s;}
}
.lounge-desc{font-family: PT; font-size: 18px; font-weight: 400; color : #fff; line-height: 1.5em;}

.lounge-con{margin-bottom: 140px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.lounge-con-tit{padding : 14px 0; font-family: jost; font-size: 33px; font-weight: 500; color : #C7A786; border-top: 1px solid rgba(199,167,134,0.3); border-bottom: 1px solid rgba(199,167,134,0.3); margin-bottom: 22px;}
.lounge-con-desc{font-size: 16px; font-weight: 400; letter-spacing: -0.04em; color : #B2B2B2; text-align: right;
    b{font-size: 18px; display: block; margin-bottom: 14px; color : #fff;}
}

.lounge-btn-box{display: flex; position : absolute; bottom : 82px; right : 0; gap : 8px; z-index: 1;}
.lounge-btn-box > li{width : 48px;height : 48px; cursor : pointer; filter: grayscale(1); position :relative; transform: translateY(50px); opacity: 0;  transition : opacity 1.2s, transform 1.2s;
    &::after{position :absolute; content : ''; width : 100%; height : 100%; border : 3px solid #fff; opacity: 0; transition: .3s; box-sizing: border-box; left : 0;top : 0;}
    img{width : 100%; height : 100%; object-fit: cover; object-position: center;}
    &.on{filter: grayscale(0);
        &::after{opacity: 1;}
    }
}

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

.lounge-img-con{display: flex;flex-direction: column;align-items: start; margin-bottom: 30px; padding-left: 31px; border-left : 1px solid #fff; font-size: 16px; position : absolute; left : 0; bottom : 82px; letter-spacing: -0.033em; transform: translateX(-100px); opacity: 0; transition : 1.2s; color : #FFFFFF;
    b{font-size: 20px; margin-bottom: 24px; letter-spacing: 0em;}
}

.side-btn{position : absolute; right : 0; top : 0; width : 50px; height : 100%; z-index: 10; transform: translateX(100%); transition : 1.2s;}
.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 : #fff;
    span{font-family: trajan-pro-3; letter-spacing: 0.25em; margin-right: 10px;}
    img{margin-left: 12px; filter: invert(1);}
}

/*  */
.main-unit{
    .side-btn > p{color : #fff;
        span{color : #989898;}
        img{filter: invert(1);}
    }
}
.active{
    .unit-bg > img,
	.unit-bg > video{transform: scale(1); transition : 3s;}
    .unit-list > li{transform: translateY(0); opacity: 1;
        &:nth-child(1){transition : 1.2s .4s;}
        &:nth-child(2){transition : 1.2s .6s;}
        &:nth-child(3){transition : 1.2s .8s;}
    }
    .unit-con-line{clip-path: inset(0); transition : 1.2s 1s;} 
    .unit-con-desc .line{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.1s + 0.8s)}
    .unit-btn-box-02{transform: translateY(0); opacity: 1; transition : 1.2s 1s;}
}
.unit-bg{position : absolute; left : 0;top : 0; width : 100%; height : 100%; overflow: hidden;
    img, video{display : block; width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.4s;}
	video{filter : brightness(0.3)}
}
.unit-container{width : 100%; height : 100%; display: flex;align-items: center;justify-content: center; padding-top: 100px;}
.unit-inner{display: flex; flex-direction: column;}
.unit-list{display: flex; gap : 33px; margin-bottom: 50px;}
.unit-list > li{width : 376px; border : 1px solid #707070;padding : 30px 50px 35px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;
    &:hover{
        .unit-con-tit{color :#fff;}
        .unit-img > img{transform: scale(1.25);}
    }
}

.unit-con{margin-bottom: 36px;text-align: center;}
.unit-con-tit{font-family: jost; color : #BEB0A3; font-weight: 400; letter-spacing: -0.04em; margin-bottom: 8px; font-size: 23px; transition : .3s;}
.unit-con-line{display: block; width : 100%; height : 1px; background: rgba(255,255,255,0.16); margin-bottom: 21px; clip-path: inset(0 100% 0 0); transition : 0s 1.4s;}
.unit-con-desc{font-family: PT; font-size: 15px; letter-spacing: -0.04em; font-weight: 400; line-height: 1.5em; color : #C3C3C3; text-align: center; white-space: nowrap; 
    .line{transform: translateY(50px); opacity: 0; transition : 0s 1.4s;}
}

.unit-btn-box-01{margin-bottom: 14px;}
.unit-btn-box-01 a{display: flex;align-items: center;justify-content: center; border : 1px solid #707070; padding : 11px 0; font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 500; color : #8D8D8D; transition : .3s;
    &:hover{background: #fff; border-color: #fff; color : #8D8D8D}
}
.unit-btn-box-01 > li + li{margin-top: 4px;}

.unit-img{overflow: hidden;
    img{transition :3s;}
}

.unit-btn-box-02{margin-left: auto; display: flex; gap : 17px; transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}
.unit-btn-box-02 > li > a{display: flex;align-items: center;gap : 13px; width : 244px; padding-bottom: 12px; font-family: jost, PT; font-size: 16px; color : #9F9F9F; border-bottom: 1px solid #9F9F9F; position : relative;
    span{letter-spacing: 0.25em;}
    &::before{position : absolute; content : ''; width : 6px; height : 6px; border-top : 1px solid #C7A786; border-right : 1px solid #C7A786; transform: rotate(45deg); opacity: 0; transition : .3s; right : 0;}
    &::after{position :absolute; content : ''; width : 100%; height : 1px; bottom : -1px; left : 0; background: #C7A786; clip-path: inset(0 100% 0 0); transition: .3s;}
    &:hover{color : #C7A786;
        &::before{opacity: 1;}
        &::after{clip-path: inset(0);}
    }
}

/* visual */
.visual-container{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%; position : relative;}
.visual-bg{position : absolute;width : 100%;height : 100%; overflow: hidden; clip-path: inset(calc(50% - 122px) 50% round 1000px); transition : 1.4s; z-index: 1;}

.main-visual-new{overflow : hidden; background: #fff;}
.visual-inner-new{display: flex;align-items: center;justify-content: center; width : 100%;height : 100%; position : relative;}

.visual-bg-new{position : absolute; left : 0;top : 0; width : 100%;height : 100%; overflow: hidden; clip-path: inset(50% 0 50% 0); transition : clip-path 1.4s cubic-bezier(.76,0,.24,1);}
.visual-bg-new > video{width : 100%;height : 100%; object-fit: cover; object-position: center;}
.bg-leaf{z-index: 2;}
.bg-cloud{z-index: 3; opacity: 0;}

.step1 .visual-bg-new{clip-path: inset(41% 0 41% 0);}
.step2 .visual-bg-new{clip-path: inset(0 0 0 0);}
.step3 .visual-bg-new{ transition: opacity .4s ease, transform .1s ease;}
.step4 .visual-bg-new{clip-path: inset(0 0 0 0);}

.visual-apt{position : absolute; left : 50%; bottom : 0; z-index: 5; width : 100%; min-width: 1400px; transform: translate(-50%, 100%); transition : transform 2s ease, opacity 2s ease; opacity: 0;}
.step5 .visual-apt{transform: translate(-50%, 0); opacity: 1;}
.visual-apt > img{width : 100%; max-width: none;}

.visual-tit-box-new{display: flex;align-items: center; gap : 12px; position : relative; z-index: 10; color : #1a1a1a; transform: translate(236px, -143px); transition : transform 1.4s cubic-bezier(.76,0,.24,1), color .8s, opacity .8s;}
.step2 .visual-tit-box-new{transform: translate(236px, -12px); color : #fff; opacity: 0;}
.step4 .visual-tit-box-new{transform: translate(236px, -12px); color : #1a1a1a; opacity: 1;}
.step5 .visual-tit-box-new{transform: translate(0, -207px); transition : transform 2s;}

.visual-desc-new{font-family: GG; font-size: 20px; white-space: nowrap;}
.visual-desc-new .char{opacity: 0;}

.visual-name-box{display: flex;align-items: center; gap : 12px; clip-path: inset(0 100% 0 0); transition : clip-path 1.3s cubic-bezier(.76,0,.24,1);}
.step5 .visual-name-box{clip-path: inset(0 0% 0 0);}
.visual-line-new{width : 148px; height : 1px; background: rgba(0,0,0,0.3);}
.visual-tit-new{font-family: PT; font-weight: 600; font-size: 29px; color : #004E50; white-space: nowrap;}

.visual-logo-new{position : absolute; left : 50%; top : 50%; z-index: 10; opacity: 0; transform: translate(-50%, -50%) translateY(212px); transition : transform 1.4s cubic-bezier(.76,0,.24,1), opacity .8s, filter .8s;}
.step1 .visual-logo-new{opacity :1; transition-delay : 0.8s;}
.step2 .visual-logo-new{transform: translate(-50%, -50%) translateY(400px); filter: brightness(0) invert(1); opacity: 0 !important;}
/*  */


.visual-container{position : absolute; left: 0; top : 0; width : 100%; height : 100%;}

.visual-container > .visual-02{opacity: 0; transition : 1s; background: rgba(255,255,255,0.87); display: flex; align-items: center; justify-content: center; transition : 1s; z-index: 10; pointer-events: none; position : absolute; left : 0;top : 0; overflow: hidden; width : 100%; height : 100%;} 

.schedule-inner{display: flex; align-items: center; justify-content: space-between; width : 100%; max-width : 1570px; font-family: PT; padding-bottom: 100px;}

.t2{
    .visual-02{opacity: 1; pointer-events: all;}
    .schedule-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}

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

    .visual-apt, .visual-tit-box-new{opacity: 0;}
    .schedule-obj{transform: translateY(0) translateX(-50%); transition : 2s;}
    .schedule-apt{transform: translateY(0);}
}

.schedule-tit-box{display: flex;flex-direction: column;align-items: center; position : relative; transform: translateY(-100px); opacity: 0; transition : 0s 1.2s;}
.schedule-tit{font-family: trajan-pro-3; font-size: 48px; letter-spacing: 0.25em; font-weight: 400; color : #004E50; padding-left: 0.3em; margin-bottom:13px;}
.schedule-desc{font-family: PT; font-size: 18px; letter-spacing: -0.04em; font-weight: 400; color : #000; margin-bottom: 74px;}

.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(2,1fr);gap : 10px; width : 460px; height : 545px;}
.schedule-table > li{display: flex;flex-direction: column;align-items: start;justify-content: start; border-radius: 10px; border : 1px solid #B2B2B2; font-family: HG; font-size: 18px; font-weight: 500; color : #9D9D9D; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s; padding : 30px;
    b{color : #004E50; font-size: 22px; font-weight: 700; margin-bottom: 11px; transition :.3s;}
    &.wide{grid-column: span 2;}
    &:hover, &.on{background: #004E50; color : #fff;
        b{color : #fff}
    }
}

.schedule-btn-box{display: flex; gap: 10px; 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: #004E50; color: #fff;}
.schedule-btn-box > a:nth-child(2) > .plus, .schedule-btn-box > a:nth-child(3) > .plus{background: #004E50;}
.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-apt{position :absolute; transform: translateY(100%); bottom : 0; transition : 2s; pointer-events: none;}



@media(max-width : 1200px){

    .section{position : relative; overflow: hidden;}
    .scroll{display: none;}

    .open-rotate-btn{width : 80px; height : 80px; right : 36px; bottom : 48px; z-index: 10; font-size: 13px; position : absolute;}

    .open-rotate-btn b{font-size: 19px;}
    .open-rotate-btn span{font-size: 17px;}
    .open-rotate-btn::after{width : 110px; height : 110px;}
    @keyframes rotate-text {
        100%{transform: rotate(360deg);}
    }

    /* visual */

    .visual-bg{clip-path: inset(calc(50% - 30px) 50% round 100px);}

    .t1 .visual-bg{clip-path: inset(calc(50% - 30px) 10% round 100px);}
    .t2 .visual-bg{clip-path: inset(0 round 0px);}

    .visual-inner{padding-top: 120px; justify-content: center;}
    .visual-tit-box{display: flex; flex-direction: column; align-items: center; gap : 16px;}
    .visual-desc{font-size: 16px;}
    .visual-line{width : 80px;}
    .visual-tit{font-size: 20px;}

    /* LOCATION */
    .location-slide .swiper-wrapper{display: block !important;}
    .location-slide .swiper-slide{display: block;}
    .location-slide .swiper-slide > div{width : 100%; height : auto;}
    .location-bg > img{transition : 3s;}
    .active .location-bg > img{transform: scale(1);}

    .location-left{display: flex;align-items: end; justify-content: start; padding : 120px 24px 36px;}
    .location-slide-02 .location-left{padding : 48px 24px 180px}
    .location-tit-box{padding : 0;}
    .active .location-tit-box{transform: translateX(0); opacity: 1; transition : 1.4s;}
    .location-tit{margin-bottom: 18px; font-size: 16px;}
    .location-desc{font-size: 14px;}

    .location-right{padding : 48px 10px 10px;}

    .location-list{margin-bottom: 36px; transition : 1.4s;}
    .active .location-list{transform: translateX(0); opacity: 1; transition : 1.4s;}
    .location-list > li + li{margin-top: 24px;}
    .location-list-tit{margin-bottom: 16px; font-size: 18px;}
    .location-list-desc{font-size: 14px;}

    .location-img-box{gap : 10px}
    .location-img{transition : 1.4s;}
    .active .location-img{transform: translateX(0); opacity: 1; transition : 1.4s .4s;}
    .location-img > img{transform: scale(1.5); transition : 3s;}
    .active .location-img > img{transform: scale(1); transition : 3s;}

    /**/
    .map-bg{width : 140%;height : auto; position : static; transform: translateY(-50%); transition : 2s;}
    .active .map-bg{transform: translateY(0); opacity: 1; transition : 2s;}
    .map-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}

    .map-inner{display: flex;justify-content: start; width : 100%;}

    .map-tit-box{padding-right: 0; padding : 48px 16px;}
    .map-sub-tit{font-size: 18px; margin-bottom: 24px; padding-bottom: 4px; transition : 1.4s;}
    .active .map-sub-tit{transition : 1.4s;}
    .map-sub-tit::after{transition : 1.4s;}
    .active .map-sub-tit::after{transition : 1.4s;}
    .map-desc{font-size: 18px; margin-bottom: 8px; transition : 1.4s;}
    .active .map-desc{transition : 1.4s;}
    .map-tit{font-size: 36px; margin-bottom: 48px; transition : 1.4s;}
    .active .map-tit{transition : 1.4s;}
    .map-tit span{margin-bottom: 0;}

    .map-link{transition : 1.4s; font-size: 12px; gap : 12px}
    .active .map-link{transition : 1.4s;}
    .map-link:hover .map-arrow{transform: translateX(0px);}
    .map-arrow > img{width : 48px;}
    .map-arrow::after{width : 20px; height : 20px;}
    .map-link:hover .map-arrow::after{transform: scale(1) translateX(0);}


    /* PREMIUM */
    .main-premium{padding-bottom: 860px;}
    .premium-slide{width : 100%;height : 100%;}
    .premium-container{ left : 0;top : 0; width : 100%;height : 100%; z-index: 1;}

    .premium-inner{padding-top: 48px;}
    .premium-tit-box{padding : 0 12px; z-index: 1;}
    .premium-sub-tit{font-size: 18px; margin-bottom: 24px; padding-bottom: 4px; transition : 1.4s;}
    .active .premium-sub-tit{transition : 1.4s;}
    .premium-sub-tit::after{transition : 1.4s;}
    .active .premium-sub-tit::after{transition : 1.4s;}
    .premium-desc{font-size: 18px; margin-bottom: 8px; transition : 1.4s;}
    .active .premium-desc{transition : 1.4s;}
    .premium-tit{font-size: 36px; margin-bottom: 0;transition : 1.4s;}
    .active .premium-tit{transition : 1.4s;}
    .premium-tit span{margin-bottom: 0;}

    .premium-img-box{display: flex;align-items: center;justify-content: center; position : absolute; left : 50%; top : 50%; transform: translateX(-50%) translateY(-50%); height : 100%; padding-bottom: 64px;}
    .premium-img-box::after{position : absolute; content : ''; width : 1px; height : 100%; background: linear-gradient(to bottom, #B2A78D, #E0CB9E); clip-path: inset(50% 0%); transition : 1s; }
    .active .premium-img-box::after{clip-path: inset(0); transition : 1s .4s;}

    @property --deg {
        syntax: "<angle>";
        inherits: false;
        initial-value: 0deg;
    }
    .premium-img-box::before{width : 200px; height : 200px; transition : --deg 1.4s}
    .active .premium-img-box::before{--deg : 360deg; transition : --deg 1s 1s;}

    .premium-img-dot{width : 30px; height : 30px; transition : --deg 1.4s}
    .active .premium-img-dot{--deg : 360deg; transition : --deg 1s 1s;}

    .premium-img{width : 200px; height : 200px;}
	.premium-img > div{width : 100%;height : 100%;}

    .premium-img-top{transition : --deg 1.4s, transform 1.4s;}
    .premium-img-bottom{transition : --deg 1.4s, transform 1.4s;}

    /**/
    .premium-slide-tit{left : 16px;top : 620px; transform: translateY(0%); margin-left: 0;}
    .premium-slide-tit > h2{font-size: 36px;}

    .active .premium-slide-tit > h2 .char{transition : 0s;}
    .premium-slide-desc{left : 16px; top : 690px; transform: translateY(0%); margin-left: 0;}
    .premium-slide-desc > p{font-size: 14px;}

    .premium-slide-desc > p > b{font-size: 18px; margin-bottom: 10px;}

    .premium-slide-desc > p.on,
    .premium-slide-desc > p.on b{opacity : 1; transform : translateY(0); transition : 1s .4s;}

    .premium-frame{display: none;}

    .premium-navigation{display: flex; position : absolute; right : 12px; bottom : 12px; z-index: 1; gap : 5px;}
    .premium-navigation > div{display: flex;align-items: center;justify-content: center; width : 42px; height : 42px; background: linear-gradient(to bottom, #784D04, #B38216, #FEC52E); border-radius: 50%;}
    .premium-navigation > div.swiper-button-disabled{opacity: 0.5;}
    .premium-navigation > div::after{position : absolute; content : ''; width : 8px; height : 8px; border-top : 1px solid #fff; border-left : 1px solid #fff}
    .premium-prev::after{transform: rotate(-45deg);}
    .premium-next::after{transform: rotate(135deg);}
	
	/*  */
	.active{
		.contact-bg > img{transform: scale(1); transition : 5s;}
		.contact-address::after{clip-path: inset(0); transform: translateY(0); opacity: 1; transition : 2s .4s;}
		.contact-tit-box,
		.contact-info,
		.contact-map,
		.contact-address,
		.contact-btn-box,
		.contact-qr{transform: translateY(0); opacity: 1; transition : 2s .4s;}
		.contact-map-box{transform: translateX(0) !important; opacity: 1; transition : 2s .4s;}
	}
	.contact-bg > img{transition : 5s;}

    .contact-inner{padding : 60px 36px;}

    .contact-tit-box{margin-bottom: 24px;transition : 1.4s; text-align: center;}
    .contact-tit{font-size: 48px;}
    .contact-desc{font-size: 14px;}

	.contact-container{flex-direction : column; align-items : center; gap : 48px;}
    .contact-address-box::after{position : absolute; content : ''; width : 100%; height : 1px; background: #B2B2B2; left : 0; bottom : 0; clip-path: inset(0 100% 0 0); transition : 1s;}

	.contact-map{margin-top: 24px;}
    .contact-address{font-family: PT; font-size: 14px; letter-spacing: -0.04em; font-weight: 500; transform: translateY(-50px); opacity: 0; transition : 1s;}
    .contact-address b{font-size: 20px; margin-bottom: 4px;}

    .contact-btn-box{display: flex; gap : 16px; font-family: PT; transform: translateY(-50px); opacity: 0; transition : 1s;}

    .contact-btn-box > a{gap : 6px; font-size: 12px;}
    .contact-btn-box > a > img{width : 30px;}
    .contact-btn-box > a:hover > img{transform: translateY(0px);}

	.contact-qr{display : flex; justify-content : center; position : relative; top : auto; right : auto; margin : 0 auto; padding-bottom: 48px; transform : translateY(100px)}


    /* NEW */
    .sec-tit-box{transition : 1s;}
    .sec-tit-eng{font-family: jost; font-size: 13px; margin-bottom: 16px;}
    .sec-tit{font-size: 24px; margin-bottom: 12px;}
    .sec-desc{font-size: 14px;}

    /* NEW */
    .main-design.active{
        .side-btn{transform: translateX(0);}
        .design-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
        .design-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.4s)}
        .design-bg > img{transform: scale(1); transition : 5s;}
        .design-list::after{clip-path: inset(0); transition : 1.2s 1s;}
        .design-list > li{transform: translateX(0); opacity: 1;
            &:nth-child(1){transition : 1.2s .4s;}
            &:nth-child(2){transition : 1.2s .5s;}
            &:nth-child(3){transition : 1.2s .6s;}
            &:nth-child(4){transition : 1.2s .7s;}
        }
        .design-img-box > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transitioN : 1.2s .4s;}
            &:nth-child(2){transitioN : 1.2s .5s;}
        }
        .design-img-box > li > img{transform: scale(1); transition : 3s;}
    }

    .design-inner{display: flex; flex-direction: column; width : 100%; height : auto;}
    .design-left{width : 100%; padding : 60px 16px 160px;}
    .design-right{display: flex;align-items: start;justify-content: start; width :auto; padding : 36px 16px;}
    .design-tit-box{transform: translateX(-160px); opacity: 0; transition : 1s;}
    .design-sub-tit{font-size: PT; font-size: 16px; margin-bottom: 16px;}
    .design-tit{font-family: GG; font-size: 24px; margin-bottom: 18px;
        .char{opacity: 0; transition : 1s;}
    }
    .design-desc{font-size: 13px; letter-spacing: -0.04em;}

    .design-con{display: flex; justify-content: space-between; align-items: center;}

    .design-list{margin-bottom: 36px;
        &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.2); clip-path: inset(0 0 100%); transition : 1s;}
    }
    .design-list > li{font-family: PT; font-size: 13px; padding-left: 18px; transform: translateX(-100px); opacity: 0; transition : 1s;
        b{display: block; font-family: jost; font-size: 16px; margin-bottom: 16px;}
        &+li{margin-top: 20px;}
        p{padding-left: 16px;
            &::before{position : absolute; left : 0;top : 0;}
        }
        p + p{margin-top: 5px;}
    }
    .design-img-box{display: flex; gap :5px; width : 100%;}
    .design-img-box > li{overflow: hidden; transform: translateY(100px); opacity: 0; transition : 1s;}
    .design-img-box > li > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 1s;}

    .main-design .side-btn > p{color : #070707;
        span{color : #004E50}
        img{filter: invert(0);}
    }

    /*  */
    .place-slide .swiper-wrapper{display: block;}
    .main-place .active{
        .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
        .place-obj{opacity: 1;}
        .place-list::after{clip-path: inset(0); transition : 1.2s 1s;}
        .place-list > li{transform: translateX(0); opacity: 1;
            &:nth-child(1){transition : 1.2s .4s;}
            &:nth-child(2){transition : 1.2s .5s;}
            &:nth-child(3){transition : 1.2s .6s;}
        }
        .img-name{
            &::after{clip-path: inset(0);}
            &::before{clip-path: inset(0);}
            span{transform: translateY(0); opacity: 1;}
        }
        .place-img-inner > img{transform: scale(1); transition :3s;}
        .con-tit-box{transform: translateY(0); opacity: 1;}
        .con-tit{
            &::after{clip-path: inset(0);}
            &::before{clip-path: inset(0);}
        }
        &::after{clip-path: inset(0) !important; transition : 2s !important;}
    }
    .place-slide-01{display: flex; justify-content: start; flex-direction: column; padding : 60px 16px 16px; margin-bottom: 36px;
        &::after{position : absolute; content : ''; width : 60%; height : 100%; background: #F5F5F5;left : 0;top: 0; z-index: -1; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
    }
    .place-slide-01 .sec-tit-box{margin-top: 0; margin-bottom: 36px;}
    .place-slide-01 .place-img{margin-top: auto;}
    .place-slide-01 .img-name{right : 0%; bottom : 100%; margin-right: 0; margin-bottom: 12px;}
    .place-img{position :relative;}
    .place-obj{display: none;}

    .place-top{display: flex; flex-direction: column; align-items: center; justify-content: start; margin : 0 auto 36px;}

    .con-tit-box{display: flex;flex-direction: column;align-items: center; gap : 16px; transform: translateY(-100px); opacity: 0; transition :1.2s 1s;}
    .con-tit{padding : 10px 0; font-size: 24px;
        &::after{position : absolute;content : ''; left : 0;top : 0; width : 100%; height : 1px; background: #BEBEBE; clip-path: inset(0 100% 0 0); transition : 1s 1s}
        &::before{position : absolute; content : ''; left : 0;bottom : 0; width : 100%; height : 1px; background: #BEBEBE; clip-path: inset(0 0 0 100%); transition : 1s 1s}
    }
    .con-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; color : #000;}
    .place-bottom{display: flex;flex-direction: column; align-items: start; justify-content: start;}

    .place-slide-02{display: flex;flex-direction: column;justify-content: center; position :relative; padding : 36px 16px 16px;
        &::after{position : absolute; content : ''; width : 60%; height : 100%; background: #F5F5F5;right : 0;top: 0; z-index: -1; clip-path: inset(0 0 0 100%); transition : 0s 1.2s;}
    }
    .place-slide-02 .sec-tit-box{display: none;}

    .place-list{position : relative; margin-bottom: 36px;
        &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: rgba(0,0,0,0.2); clip-path: inset(0 0 100%); transition : 1s;}
    }
    .place-list > li{font-family: PT; font-size: 14px; padding-left: 16px; transform: translateX(-100px); opacity: 0; transition : 1s;
        b{font-size: 16px; margin-bottom: 12px;}
        &+li{margin-top: 24px;}
    }

    .place-img-box{gap : 5px;}
    .place-img-box > li{gap : 10px;}
    .place-img-inner > img{transform: scale(1.5); transition : 1s;}
    .img-name{padding : 0 12px; height : 10px;
        span{font-size: 12px;}
    }

    .main-com{background: #EFEDE8;}
    .main-com .active{
        .sec-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s}
        .com-img-box > li{transform: translateY(0); opacity: 1;
            &:nth-child(1){transition : 1.2s .4s;}
            &:nth-child(2){transition : 1.2s .6s;}
            &:nth-child(3){transition : 1.2s .8s;}
        }
        .img-name{
            &::after{clip-path: inset(0);}
            &::before{clip-path: inset(0);}
            span{transform: translateY(0); opacity: 1;}
        }
        .com-img-inner > img{transform: scale(1); transition :3s;}
        .com-list::after{clip-path: inset(0); transition : 1.2s 1s;}
        .com-list > li{transform: translateX(0); opacity: 1;
            &:nth-child(1){transition : 1.2s .4s;}
            &:nth-child(2){transition : 1.2s .5s;}
            &:nth-child(3){transition : 1.2s .6s;}
        }    
    }
    .com-slide{width : 100%; height : 100%;}
    .com-slide .swiper-wrapper{display: block;}
    .com-slide .swiper-slide{display: flex;align-items: center; padding : 16px 16px 0;}
    .com-inner{width : 100%; max-width: 1540px; margin : 0 auto;}
    .main-com .sec-tit{color : #8C6F50}
    .main-com .sec-tit-box{transform: translateX(-160px); opacity: 0; transition : 1s; margin-bottom: 36px;}

    .com-list-box{display: flex;flex-direction: column; justify-content: start; align-items: start; gap : 0;}

    .com-img-box{display: flex; flex-direction: column; gap : 23px;}
    .com-img-box > li{transform: translateY(100px); opacity: 0; transition : 0s 1.2s;}
    .com-slide-02 .com-img-box > li{transform: translateY(-100px);}
    .com-img-inner{overflow: hidden;}
    .com-img-inner > img{width : 100%; height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 0s 1.2s;}

    .com-list{position : relative;
        &:nth-child(1){padding-bottom: 24px;}
        &::after{position :absolute; content : ''; width : 1px; height : 100%; left : 0;top : 0; width : 1px; height : 100%; background: #8C6F50; clip-path: inset(0 0 100%); transition : 1s;}
    }
    .com-list > li{font-family: PT; font-size: 14px;padding-left: 16px; transform: translateX(-100px); opacity: 0; transition : 1s;
        b{font-size: 16px;margin-bottom: 3px;}
        &+li{margin-top: 24px;}
    }
    .com-img{position : relative;}

    .com-slide-01{padding-top: 36px !important;
        .com-inner{display: flex;flex-direction: column;gap : 36px; align-items: center; padding-top: 0;}
        .com-top{display: flex;flex-direction: column; justify-content:start; width : 100%; align-items: start;}
        .com-img-box > li{display: flex;flex-direction: column;align-items: end; gap : 10px;}
        .com-img-inner{min-height : 0;}
    }

    .com-slide-02{padding-bottom: 36px !important;
        .com-inner{display: flex;flex-direction: column; justify-content: start; padding-top:0; height : auto;}
        .sec-tit-box{display: none;}
        .com-left{display: flex;flex-direction: column;align-items: start;}
        .com-img{display: flex;flex-direction: column;align-items: end; margin-top: auto; margin-bottom: 16px;}
        .com-img .img-name{position : relative; bottom : auto; margin-bottom: 0; margin-top: 10px;}

        .com-right{display: flex;flex-direction: column;gap :36px}
        .com-img-box{display: flex;flex-direction: row; justify-content: space-between;gap : 10px;}
        .com-img-box > li{display: flex;flex-direction: column;align-items: end; gap : 10px;}
        .com-list-box{gap : 0;}
    }

    /* NEW */
    .lounge-slide{width : 100%; height : 600px; position : relative; font-family: PT;}
    .active{
        .lounge-container{opacity: 1; transition : 1.4s .4s;}
        .lounge-con{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
        .lounge-tit .char{opacity: 1; transition : 1s calc(var(--i) * 0.05s + 0.4s)}
        .side-btn{transform: translateX(0);}
        .lounge-btn-box > li{transform: translateY(0); opacity: 1; transition-delay : calc(var(--i) * 0.1s + 0.4s)
        }
        .lounge-slide .swiper-slide-active{
            .lounge-bg > img{transform: scale(1);}
            .lounge-img-con{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}    
        }
    }
    .lounge-container{display: flex;flex-direction: column;align-items: start; justify-content: start; position : absolute; left : 50%; transform: translateX(-50%); z-index: 1; height : 100%; opacity: 0; transition : 1s; width : 100%; z-index: 1; top : 0; padding : 60px 24px;}
    .lounge-top{display: flex;flex-direction: column; justify-content: start; align-items: start;}

    .lounge-tit-box{margin-bottom: 36px;}
    .lounge-tit{font-size: 24px; margin-bottom: 16px;}
    .lounge-desc{font-size: 13px;}

    .lounge-con{display: flex;flex-direction: column;align-items: end; margin-bottom: 140px; transform: translateY(100px); opacity: 0; transition : 1s; margin-left: auto;}
    .lounge-con-tit{padding : 10px 0; font-size: 18px; margin-bottom: 12px;}
    .lounge-con-desc{font-size: 13px;
        b{font-size: 15px; margin-bottom: 8px;}
    }

    .lounge-btn-box{display: grid; grid-template-columns : repeat(9,1fr); position : absolute; bottom : 48px; right : 16px; left : 16px; gap : 4px; z-index: 1;}
    .lounge-btn-box > li{width : auto;height : auto; aspect-ratio: 1/1;
        &::after{border : 2px solid #fff;}
    }

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

    .lounge-img-con{display: flex;flex-direction: column;align-items: start; margin-bottom:0; padding-left: 24px; border-left : 1px solid #fff; font-size: 14px; position : absolute; left : 16px; bottom : 148px; letter-spacing: -0.033em; transform: translateX(-100px); opacity: 0; transition : 1.2s; color : #FFFFFF;
        b{font-size: 16px; margin-bottom: 16px;}
    }


    /*  */

    .side-btn{position : absolute; right : auto; left : 0; top : auto; bottom : 0; width : 100%; height : 36px; transform: translateX(0%); transition : 1.2s;}
    .side-btn > p{display: flex;align-items: center; justify-content: center; height : 100%; white-space: nowrap; position : static; transform: translateX(0); font-size: 12px; line-height: 1em;
        span{ margin-right: 6px; font-size: 10px; letter-spacing: 0.1em;transform: translateY(15%);}
        img{margin-left: 8px; width : 24px;}
    }
    
    /*  */
    .main-unit{ margin-top: 80px;
        .side-btn > p{color : #fff;
            span{color : #989898;}
            img{filter: invert(1);}
        }
    }
    .unit-list > li.active{transform: translateY(0); opacity: 1;
        &:nth-child(1){transition : 1.2s 0s;}
        &:nth-child(2){transition : 1.2s .2s;}
        &:nth-child(3){transition : 1.2s .4s;}
        .unit-con-line{clip-path: inset(0); transition : 1.2s .6s;} 
        .unit-con-desc .line{transform: translateY(0); opacity: 1; transition : 1s calc(var(--i) * 0.1s + 0.4s)}
    }
    .unit-btn-box-02{transform: translateY(0) !important; opacity: 1 !important;}

    .unit-bg{
        img{transition : 1s; transform: scale(1);}
    }
    .unit-container{width : 100%; height : 100%; display: flex;align-items: center;justify-content: center; padding-top: 0}
    .unit-inner{display: flex; flex-direction: column; padding : 80px 24px;}
    .unit-list{display: flex; flex-direction: column; gap : 33px; margin-bottom: 36px;}
    .unit-list > li{width : 100%; border : 1px solid #707070;padding : 30px 24px 24px; transform: translateY(100px); opacity: 0; transition : 1s;
        &:hover{
            .unit-con-tit{color :#fff;}
            .unit-img > img{transform: scale(1.25);}
        }
    }

    .unit-con{margin-bottom: 18px;}
    .unit-con-tit{ margin-bottom: 8px; font-size: 23px; transition : .3s;}
    .unit-con-desc{font-size: 14px ;
        .line{transform: translateY(50px); opacity: 0; transition : 1s;}
    }

    .unit-btn-box-01{display: grid; gap : 5px; margin-bottom: 14px; width : 100%; grid-template-columns: repeat(3,1fr);}
    .unit-btn-box-01 a{display: flex;align-items: center;justify-content: center; padding : 6px 0;font-size: 14px;
        &:hover{background: #fff; border-color: #fff; color : #8D8D8D}
    }
    .unit-btn-box-01 > li + li{margin-top: 0;}

    .unit-img{overflow: hidden; width : 100%;
        img{transition :3s; width : 100%;}
    }

    .unit-btn-box-02{margin-left: auto; display: flex; gap : 17px; transform: translateY(100px); opacity: 0; transition : 1s;}
    .unit-btn-box-02 > li > a{gap : 8px; width : 120px; padding-bottom: 8px;font-size: 13px; color : #C7A786;
        span{letter-spacing: 0.1em;}
        &::before{opacity: 1;}
        &::after{clip-path: inset(0);}
    }



    /* visual */

    .visual-bg{clip-path: inset(calc(50% - 30px) 50% round 100px);}

    .t1 .visual-bg{clip-path: inset(calc(50% - 30px) 10% round 100px);}
    .t2 .visual-bg{clip-path: inset(0 round 0px);}

    .intro-inner{display: flex; flex-direction: column;  position :absolute; gap : 36px; transition : 1.4s; z-index: 0;}
    .t1 .intro-inner{gap : 120px;}
    .intro-tit-01{font-size: 16px;}
    .intro-tit-02{font-size: 20px;}

    .visual-inner{padding-top: 120px; justify-content: center;}
    .visual-tit-box{display: flex; flex-direction: column; align-items: center; gap : 16px;}
    .visual-desc{font-size: 16px;}
    .visual-line{width : 80px;}
    .visual-tit{font-size: 20px;}

	.visual-apt{min-width: 140%;}
	.visual-tit-box-new{flex-direction : column; gap : 12px; position : relative; z-index: 10; color : #1a1a1a; transform: translateY(-60px); transition : transform 1.4s cubic-bezier(.76,0,.24,1), color .8s, opacity .8s;}
	.step2 .visual-tit-box-new{transform: translateY(-60px); color : #fff; opacity: 0;}
	/* .step3 .visual-tit-box-new{opacity: 0;} */
	.step4 .visual-tit-box-new{transform: translateY(-120px); color : #1a1a1a; opacity: 1;}
	.step5 .visual-tit-box-new{transform: translateY(-120px); transition : transform 2s;}
	.visual-name-box{flex-direction : column; align-items : center;}
	.visual-line-new{width : 1px; height : 30px;}

    .visual-slide{width : 100%; height : auto;}
    .visual-container{display: block; width : 100%; height : 100%; position : relative; left : 0;top : 0;}
    .visual-container > div{width : 100%; height : 100%; position : relative; left : 0;top : 0;}

    .visual-02{opacity: 1; transition : 1s; background: #111; display: flex; align-items: center; justify-content: center; transition : 1s; z-index: 10; pointer-events: all; position : relative !important}

    .schedule-inner{display: flex;flex-direction: column;  align-items: center; justify-content: space-between; width : 100%; max-width : 1570px; font-family: PT; padding : 0 16px 48px;}


    .visual-02.active{opacity: 1; pointer-events: all;
        .schedule-tit-box{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}

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

    .schedule-tit-box{display: flex;flex-direction: column;align-items: center; position : relative; transform: translateY(-100px); opacity: 0; transition : 1s; order : 0;padding : 80px 0 24px;}
    .schedule-tit{font-family: jost; font-size: 36px; letter-spacing: 0.25em; font-weight: 500; padding-left: 0.25em; margin-bottom: 6px;}
    .schedule-desc{font-family: PT; font-size: 16px; letter-spacing: -0.04em; font-weight: 400; margin-bottom: 0px; margin-bottom: 24px;}

    .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 : 6px; width : 100%; height : auto; order : 2;
        & ~ .schedule-table{margin-top: 6px;}
    }
    .schedule-table > li{display: flex;flex-direction: column;align-items: start;justify-content: start; border-radius: 10px;  font-family: HG; font-size: 14px; font-weight: 500; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s; padding : 16px;
        &.wide{grid-column: span 1;}
        &:hover, &.on{background: #fff; color : #9A9A9A;
            b{color : #025050}
        }
    }

    .schedule-table > li b{font-size: 17px; font-weight: 700; margin-bottom: 6px; transition :.3s;}

    .schedule-btn-box{display: flex; gap: 5px; 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: 36px;}
    .schedule-btn-box > a > p{display: flex; align-items: center; justify-content: center; width: 120px; height: 100%; border-radius: 100px; font-family: HG; font-size: 13px; font-weight: 700; border : 1px solid #004E50;}
    .schedule-btn-box > a > .plus{display: flex; align-items: center; justify-content: center; width: 36px; height: 100%; border-radius: 50%; position: relative; transition: transform 0.3s; border : 1px solid #004E50;}
    .schedule-btn-box > a:hover > .plus{transform: rotate(90deg);}
    .schedule-btn-box > a > .plus::after{position: absolute; content: ''; width: 15px; height: 1px;}
    .schedule-btn-box > a > .plus::before{position: absolute; content: ''; width: 1px; height: 15px;}
}