#wrap{
    overflow : hidden;
	background : transparent;
}
.scroll{width : 1744px;height : 0;pointer-events : none;opacity : 1;transition : opacity 1s;position : fixed;bottom : 50px;left : 50%;z-index : 100;transform : translateX(-50%);}
.scroll.hide{opacity : 0;}
.scroll-down{display : flex;align-items : center;position : absolute;bottom : 0;gap : 12px;font-family : CarismaClassic;font-weight : 500;}
.scroll-icon{width : 42px;height : 42px;border-radius : 50%;background : #0B2B25;overflow : hidden;position : relative;}
.scroll-icon > span{display : flex;align-items : center;justify-content : center;width : 100%;height : 100%;position : absolute;animation : scroll-down 1.5s infinite ease-in-out;}
@keyframes scroll-down{
	0%{transform : translateY(0)}
	100%{transform : translateY(100%)}
}
.scroll-icon > span:nth-child(2){bottom : 100%;}
.scroll-icon > span::after{position : absolute;content : '';width : 7px;height : 7px;border-bottom : 1px solid #fff;border-left : 1px solid #fff;transform : rotate(-45deg);}
/**/

/* .main-section-visual{display : flex; align-items : center; justify-content : center;}
.visual-inner{width : calc(100% - 66px); height : calc(100% - 66px);position : relative;}

.visual-bg{display : flex; align-items : center; justify-content : center;position : absolute;width : 100%;height : 100%;overflow : hidden;border-radius : 27px; opacity : 0; transform : scale(0.8);animation : visual-bg 1s both .5s}
@keyframes visual-bg{
	0%{}
	100%{transform : scale(1);opacity : 1;}
}
.visual-bg > img{position : absolute;}
.visual-bg-img{position : absolute;width : 100%;height : 100%;object-fit : cover;object-position : center;transform : scale(1.25);animation : visual-bg 3s both .5s}
.visual-bg-obj{filter : brightness(10);width : 100%;top : 50%; transform : translateY(-50%);opacity : 0;animation : visual-obj 1s both 1s}
@keyframes visual-obj{
	0%{}
	100%{opacity : 1;}
}
.visual-rotate{animation : rotate-text 20s infinite linear}

.visual-title-box{display : flex;flex-direction : column; align-items : center; justify-content : center;position : relative;height : 100%;}
.visual-title{font-size  :53px; font-weight : 300; color : #111111;line-height : 1.2em; letter-spacing : -0.06em;}
.visual-title b{font-weight : 500}
.visual-title span{font-weight : 500; color : #003B39}

.visual-line{width : 1px; height : 59px; background: #A3A3A3; margin : 28px 0;} */
.visual-slide{width : 100%;height : 100%;}
.visual-slide .swiper-slide{overflow : hidden;}
.visual-bg-img{width : 100%;height : 100%;object-fit : cover; object-position : center;transform : scale(1.25); transition : transform 3s;}
.swiper-slide-active .visual-bg-img{transform : scale(1);}

.visual-inner{position : absolute;width : 100%;max-width : 1740px; height : 100%;left : 50%;top : 0;z-index : 1;transform : translateX(-50%); padding-top: 220px;}

.visual-btn-box{display : flex;position : relative; bottom : 0;z-index : 1;gap : 11px; position :absolute; right : 100px; bottom : 80px;opacity : 0; pointer-events : none;transform : translateY(50px); transition : opacity 1s, transform 1s;}
.visual-btn-box.on{transform : translateY(0); opacity : 1; pointer-events : all;}
.visual-btn-box > div{width : 174px;height : 105px; filter : grayscale(1);border : 1px solid transparent;cursor : pointer;transition : border-color .3s, filter .3s;}
.visual-btn-box > div > img{width : 100%;height : 100%;obejct-fit : cover; object-position :center;}
.visual-btn-box > div.on,
.visual-btn-box > div:hover{filter : grayscale(0);border-color : #fff;}

.visual-title{padding-bottom: 60px;position : relative;}
.visual-title::after{position : absolute; content : ''; width : 60px;height : 1px; bottom : 0; left : 0;background: rgba(0,0,0,0.4);  animation : visual-title-line 2s both 1.4s;}

.visual-title > p{font-family : nanum myeongjo; font-size : 41px; letter-spacing : -0.06em; font-weight : 700;}
.visual-title > p > span{font-family : nanum myeongjo; color : #074F50; font-weight : 700}

.visual-title > p:nth-child(1){animation : visual-title 2s both .4s;}
.visual-title > p:nth-child(2){animation : visual-title 2s both 1s;}

@keyframes visual-title-line{
	0%{clip-path : inset(0 100% 0 0)}
	100%{clip-path : inset(0 0% 0 0)}
}
@keyframes visual-title{
	0%{opacity : 0; transform : translateX(-100px)}
}
/**/
.main-section-premium{display: flex;align-items: center;justify-content: center;width : 100%;background : #eee;position : relative;}
.premium-bg{position : absolute;width : 100%;height : 100%;left : 0;top : 0;z-index: -1;}
.premium-bg::after{position : absolute;content : '';width : 100%;height : 200px;background : linear-gradient(to bottom, #fff, transparent)}
.premium-bg > img{position : absolute;width : 100%;height : 100%;left : 0;top : 0;object-fit: cover;object-position: center;mask-image: linear-gradient(to right, transparent 100%, black 0%);}
.premium-bg > img:nth-child(1){mask-image: linear-gradient(to right, black 100%, transparent 0%);}
.premium-inner{display: flex;align-items: center;justify-content: center;width : 100%;max-width : 1480px;height : 638px;}
.premium-title-box{display: flex;flex-direction: column;align-items: start;gap : 17px;width : 100%;align-self: start;position : relative;z-index: 1;padding-top : 127px;}
.premium-title{font-size: 62px;/* font-size : 60px; */font-family: CarismaClassic;font-weight: 300;color : #000000;background : url(/hb/2025/oneclusterpark/assets/images/main/green.jpg)no-repeat;-webkit-background-clip: text;background-clip: text;background-size: 0% 100%;transition : background-size 2s;line-height : 1.1em;}
.active .premium-title{background-size: 100% 100%;transition-delay : .5s;}
.premium-title > span{font-weight: 400;font-family: CarismaClassic;}

.premium-title > span > b{font-family : CarismaClassic;font-size : 83px; color: #004E50;font-weight : 400;}

.premium-title-desc{font-size: 15px;line-height: 24px;font-weight: 300;color : #212121;}
.premium-box{display: flex;flex-direction: column;align-items: center;width : 488px;height : 620px;background : #fff;position : absolute;padding : 16px;}
.premium-box > .premium-box-img{width : 100%;height : 399px;background : #ccc;position : relative;flex-shrink: 0;}
.premium-box > .premium-box-img > img{width : 100%;height : 100%;object-fit: cover;object-position : bottom right;position : absolute;left : 0;top : 0;mask-image: linear-gradient(to right, transparent 100%, black 0%);}
.premium-box > .premium-box-img > img:nth-child(1){mask-image: linear-gradient(to right, black 100%, transparent 0%);}
.premium-desc-box{padding-top : 18px;width : 100%;height : 100%;position : relative;}
.premium-desc-box > div{text-align: center;position : absolute;width : 100%;height : 100%;opacity: 0;}
.premium-desc-box > div:nth-child(1){opacity: 1;}
.premium-name{font-size: 17px;font-family: CarismaClassic;letter-spacing: 0.3em;color : #134139;margin-bottom : 20px;text-align: center;font-weight: 400;}
.premium-box-title{font-size: 24px;color : #134139;letter-spacing: -0.04em;margin-top: 10px;}
.premium-desc{font-size: 16px;color : #919191;letter-spacing: -0.04em;line-height: 24px;}
.premium-desc > span{color : #134139;font-weight: 500;}
.premium-rotate-btn{display: flex;align-items : center;justify-content : center;position : absolute;width : 142px;height : 142px;right : 0;top : 0;transform: translate(40%, -40%);z-index: 1;}
.premium-rotate-btn::after{position : absolute;content: '';width : 100%;height : 100%;background : url(/hb/2025/oneclusterpark/assets/images/main/premium-rotate-text.png?v=1)no-repeat;background-size: 100% 100%;animation : rotate-text 7s infinite linear;}
@keyframes rotate-text {
	0%{transform : rotate(0)}
	100%{transform : rotate(360deg)}
}
.premium-rotate-circle{display: flex;align-items: center;justify-content: center;width : 96px; height : 96px;border-radius: 50%;background : #134139;background : url(/hb/2025/oneclusterpark/assets/images/main/premium-rotate-circle.png?v=1)no-repeat #134139;background-size : cover;background-position : center;}
/**/
/**/
.main-section-envi{width : 100%;background : #fff;padding-top : 78px;}
.envi-list{width : 100%;height : 100%;overflow : hidden;background : #aaa;}
.envi-list > li{width : 100%;height : 150px;background : #fff;overflow : hidden;}
.envi-list > li:nth-child(1){height : 100%;}
.envi-list > li:nth-child(2){background : #F7F7F7;}
.envi-list > li:nth-child(3){background : #D3CBC6;}
.envi-list > li:nth-child(4){background : #E3E5E5;}
.envi-inner{margin : 0 auto;width : 100%;max-width : 1504px;position : relative;}
.envi-title{display : flex;flex-direction : column;justify-content : center;align-items : start;width : 100%;height : 180px;font-size : 40px;letter-spacing : -0.06em;color : #015152;}
.envi-title > span{font-size : 16px;font-family : CarismaClassic;font-weight : 400;letter-spacing :  0.2em;color : #111;}
.envi-title > div{font-weight : 300;line-height : 1.4em;}
.envi-title > div > b{font-weight : 500;font-size : 56px;}
.envi-img{width : 551px;height : 353px;/* background : #111; */border-radius : 14px;position : absolute;right : 0;top : 42px;overflow : hidden;}
.envi-img > img, .envi-img > video{width : 100%;height : 100%;object-fit : cover;object-position : center;}
.envi-img > img{object-position : bottom right;}
.envi-img > iframe{width : 100%;height : 100%;position : absolute;left : 0;top : 0;transform : scale(1.2)}
.envi-desc-box{display : flex;flex-direction : column;gap : 10px;position : relative;padding-top : 30px;letter-spacing : -0.04em}
.envi-desc-box::after{content : '';position : absolute;left : 0;top : 0;width : 44px;height : 1px;background : #111;}
.envi-desc-box > p{font-size : 20px;color : #111;font-weight : 300;line-height : 28px;}
/**/
.main-section-overview{display: flex;justify-content: center;width : 100%;position : relative;overflow : hidden;background : #f9fafc;}
.overview-bg{display : flex;justify-content : center;width : 100%;height : 100%;background-size : contain;background-position : center;background : #fff;color : #fff;letter-spacing : -0.05em;transition : height 1s ease;position : absolute;}
.overview-bg > .overview-bg-box{position : relative;width: 100%;}
.overview-bg > .overview-bg-box > img{width : auto;max-width : none;height : 100%;object-fit : contain;object-position : center;margin : 0 auto;}
.overview-bg > .overview-bg-box > img.pcView{margin : 0 0 0 auto;}
.active .overview-bg{height : calc(100% - 260px);transition-delay : 1.5s;}
.overview-inner{display : flex;flex-direction : column;align-items : start;justify-content : center;gap : 200px;position : relative;padding-bottom: 150px;width : 100%;height : 100%;max-width : 1504px;margin : 0 auto;transition : gap 1.2s;}
.active .overview-inner{gap : 50px;transition-delay : 1.5s;}
.overview-btn-box{display : flex;gap : 10px;}
.overview-big{display : flex;flex-direction : column;align-items : center;justify-content : center;gap : 10px;width : 138px;height : 138px;border-radius : 50%;background : #151515;color : #fff;font-size : 17px;line-height : 1.2em;font-weight : 700;cursor : pointer;text-align : center;}
.overview-big > span{font-size : 16px;font-weight : 400;transition : transform .5s}
.overview-big:hover > span{transform : rotate(90deg);}
.overview-inner-title{width : 489px;height : 129px;position : relative;}
.overview-inner-title > p:nth-child(1){font-family : CarismaClassic;font-weight : 400;font-size : 45px;letter-spacing : 0.05em;color : #0A0A0A;position : absolute;left : 0;transform : translateX(100px);opacity : 0;transition : transform 1.2s, opacity 1.2s}
.overview-inner-title > p:nth-child(2){font-family : futura-pt;font-size : 45px;letter-spacing : 0.647em;color : #134139;position : absolute;bottom : 0;/* right : 0; */transform : translateX(-100px);opacity : 0;transition : transform 1.2s, opacity 1.2s}
.active .overview-inner-title > p:nth-child(1){opacity : 1;transform : translateX(0);}
.active .overview-inner-title > p:nth-child(2){opacity : 1;transform : translateX(0)}
.overview-box{display : flex;align-items : center;justify-content : center;width : 100%;height : 260px;background : #fff;position : absolute;left : 0;bottom : 0;transform : translateY(100%);transition : 1s ease;box-shadow : 0 0 10px rgba(0,0,0,0.1);}
.active .overview-box{transform : translateY(0);transition-delay : .5s;}
.overview-box-inner{display : flex;flex-direction : column;gap : 20px;width : 100%;max-width : 1516px;}
.overview-title{font-family : CarismaClassic;font-weight : 400;font-size : 36px;}
.overview-list{display : flex;gap : 20px;width : 100%;white-space : nowrap;}
.overview-list > li{display : flex;flex-direction : column;gap : 15px;flex : 1;font-size : 20px;letter-spacing : -0.04em;}
.overview-desc{font-weight : 500;height: 75px;;}
.overview-list > li > div{overflow : hidden}
.overview-list > li.short > div{padding-right: 50px;}
.overview-list > li.short{flex : 0;}
.overview-desc > p{width : 100%;height : 100%;transform : translateY(100%);transition : 1s ease;}
.active .overview-list > li > div > p{transform : translateY(0);transition-delay : 2s;}
.overview-desc small{font-size : 14px;font-weight : 300;}
.overview-name{font-size : 16px;color : #999;}
.overview-name > p{transition : transform 1s;transform : translateY(-100%);}
.overview-line{width : 0;height : 1px;background : #aaa;transition : 1s ease;margin-bottom:0;}
.active .overview-line{width : 100%;transition-delay : 1.5s;}


.main-section-schedule{overflow : hidden; display: flex;justify-content: center;align-items : center;width : 100%;height : 100vh;height : 100svh;background : url(/hb/2025/oneclusterpark/assets/images/main/schedule-bg.jpg?v=1?v=11)no-repeat left bottom;background-size: cover;}
.schedule-inner{display: flex;justify-content: space-between;width : 1600px;}
.schedule-title{font-size: 83px;color : #015152;font-family: futura-pt-bold;margin-bottom: 5px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-title{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-desc{font-size: 16px;letter-spacing: -0.04em;color : #272727;margin-bottom: 50px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-desc{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-link-box{width :145px;transform: translateY(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;white-space : nowrap;border-left : 1px solid #767676;}
.active .schedule-link-box{transform: translateX(0);opacity: 1;transition : transform 1.2s 1s, opacity 1.2s 1s;}
.schedule-link-box > li > a{display: flex;align-items : Center;justify-content: space-between;padding : 11px 0 11px 19px;color : #313131;letter-spacing: -0.04em;font-weight: 700;position : relative;}
.schedule-link-box > li > a::after{position : absolute;content : '';width : 12px;height : 12px;border-radius : 50%;background : #9D6317;transform : scale(0) translateX(-50%);transform-origin : left;transition : transform .5s;left : 0;}
.schedule-link-box > li:hover > a::after{transform : scale(1) translateX(-50%);}
.schedule-link-box > li:hover > a{color : #9D6317;;}
.schedule-link-box > li > a > span{display: flex;align-items: center;letter-spacing: 0.25em;font-family: montserrat;font-weight: 500;font-size: 13px;position : relative;color : #343434;padding-right: 30px;opacity : 0;transform: translateX(-50px);transition: opacity .5s, transform .5s;}
.schedule-link-box > li:hover > a > span{opacity: 1;transform: translateX(0);}
.schedule-link-box > li > a > span::after{position : absolute;content: '';right : 0;width : 5px;height : 5px;border-top : 1px solid #9D6317;border-right : 1px solid #9D6317;transform: rotate(45deg);}
.schedule-link-box > li + li{margin-top: 15px;}
.schedule-right{width : 794px;}
.calendar-box{position : relative;transform: translateX(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .calendar-box{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.calendar{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: auto auto auto;gap: 15px;}
.calendar > li:nth-child(1){grid-column: span 3;}
.calendar > li:nth-child(2){grid-column: span 3;}
.calendar > li{grid-column: span 2;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height : 193px;background : #fff;padding : 20px 0;transition : color .3s, background .3s;}
.calendar > li:hover{background : #015152;color : #fff;}
.calendar > li.on{background : #015152;color : #fff;}
.calendar > li.on .day,
.calendar > li.on .name,
.calendar > li.on .point{color : #fff}
.calendar > li .day{align-items: center;font-size: 22px;letter-spacing: -0.04em;   color : #272727;margin-bottom: 10px;}
.calendar > li:hover > .day{color : #fff;}
.calendar > li .day > b{font-size: 37px;font-family: futura-pt;font-weight: 500;}
.calendar > li .name{font-size: 19px;letter-spacing: -0.04em;color : #272727;line-height: 25px;text-align: center;}
.calendar > li:hover .name{color : #fff;}
.calendar > li .point{font-size: 32px;color : #015152;font-family: futura-pt-bold;letter-spacing: -0.04em;margin-top: 3px;transition : color .3s;}
.calendar > li:hover .point{color : #fff;}
.schedule-rotate-btn{display: flex;align-items: center;justify-content: center;position : absolute;right : 0;top : 0;width : 86px;height : 86px;border-radius: 50%;background : #9D6317;color : #fff;font-weight: 700;font-size: 15px;text-align: center;z-index: 1;transform: translateX(50%) translateY(-50%);}
.schedule-rotate-btn::after{position: absolute;content: '';width : 112px;height : 112px;background : url(/hb/2025/oneclusterpark/assets/images/main/schedule-rotate-text.png?v=1)no-repeat center;background-size: contain;animation : rotate-text 6s infinite linear;}
/**/

.main-section-premium-new{height : 100vh; height : 100dvh;position : relative;}

.premium-list{display : grid; grid-template-columns : repeat(5, 1fr);height : 100%;}
.premium-list > li{position : relative;padding : 220px 0 0 53px; opacity : 0; transform : scale(0.8);transition : opacity 1s, transform 1s, padding-top 1s;}
.premium-list > li:hover{padding-top: 180px;}
.active .premium-list > li{opacity : 1;transform : scale(1)}
.active .premium-list > li:nth-child(1){transition : opacity 1s .4s, transform 1s .4s, padding-top 1s;}
.active .premium-list > li:nth-child(2){transition : opacity 1s .5s, transform 1s .5s, padding-top 1s;}
.active .premium-list > li:nth-child(3){transition : opacity 1s .6s, transform 1s .6s, padding-top 1s;}
.active .premium-list > li:nth-child(4){transition : opacity 1s .7s, transform 1s .7s, padding-top 1s;}
.active .premium-list > li:nth-child(5){transition : opacity 1s .8s, transform 1s .8s, padding-top 1s;}

.premium-bg-new{width : 100%;height : 100%;overflow : hidden;position : absolute;left : 0;top : 0;z-index : -1;}
.premium-bg-new > img{width : 100%;height : 100%; object-fit : cover; object-position : center bottom;filter : brightness(0.7);transition : filter .5s, transform 2s}
.premium-list > li:hover .premium-bg-new > img{filter : brightness(1); transform : scale(1.2);transition : filter .5s, transform 3s;}

.premium-list-num{font-family : futura-pt-bold; font-size : 20px; margin-bottom: 40px; opacity : 0; transform : translateX(-50px); transition : transform 1s, opacity 1s;}
.premium-list > li:nth-child(even) .premium-list-num{color : #A3A3A3}
.active .premium-list-num{opacity : 1; transform : translateX(0px);transition-delay : 0.8s;}

.premium-list-icon{margin-bottom: 42px; opacity : 0; transform : translateX(-50px); transition : transform 1s, opacity 1s;}
.active .premium-list-icon{opacity : 1; transform : translateX(0px);transition-delay : 0.9s;}

.premium-list-tit{font-size : 27px; font-family : pretendard; letter-spacing : -0.033em; font-weight : 500; line-height : 1.4em; margin-bottom: 20px; color : #294F51; opacity : 0; transform : translateX(-50px); transition : transform 1s, opacity 1s;}
.premium-list > li:nth-child(even) .premium-list-tit{color : #8A7E76}
.active .premium-list-tit{opacity : 1; transform : translateX(0px);transition-delay : 1s;}

.premium-list-desc{font-size : 16px; font-family : pretendard; letter-spacing : -0.033em; line-height : 1.5em; opacity : 0; transform : translateX(-50px); transition : transform 1s, opacity 1s;}
.white .premium-list-desc{color : #BABABA}
.active .premium-list-desc{opacity : 1; transform : translateX(0px);transition-delay : 1.1s;}

.premium-sign{position : absolute; left : 30px;bottom : 0px;pointer-events : none; opacity : 0; transform : translateX(-200px) translateY(50px); transition : transform 1s .4s, opacity 1s .4s;}
.active .premium-sign{opacity : 1; transform : translateX(0px) translateY(0px); transition : transform 1s .4s, opacity 1s .4s;}

.img-cut{position : absolute;font-size : 14px; color : #fff; right : 10px;bottom : 10px;letter-spacing : -0.04em}

/** NEW **/

.main-section-unit{position : relative;height : 100vh; height : 100dvh; overflow : Hidden;}
.unit-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow : hidden;z-index : -1;}
.unit-bg-img{width : 100%;height : 100%;object-fit : cover; object-position : left bottom ;}

.unit-obj{position : absolute; left : 108px;bottom : 33px;opacity : 0; transition : opacity 1s;}
.active .unit-obj{opacity : 1;}

.unit-inner{display : flex;  width : 100%;max-width : 1620px; margin : 0 auto;height : 100%;}
.unit-left{padding-left: 170px;flex : 1; flex-shrink : 0;width : 100%;padding-top: 206px;}

.unit-title{font-family : amandine; font-size : 80px; color : #134139; margin-bottom: 10px; font-weight : 400;opacity : 0; transform : translateX(-100px);transition : opacity 1s, transform 1s;}
.active .unit-title{opacity : 1; transform : translateX(0);transition : opacity 1s .4s, transform 1s .4s;}

.unit-desc{font-size : 16px; letter-spacing : -0.033em; font-family : pretendard; margin-bottom: 65px;opacity : 0; transform : translateX(-100px);transition : opacity 1s, transform 1s}
.active .unit-desc{opacity : 1; transform : translateX(0);transition : opacity 1s .6s, transform 1s .6s;}

.unit-link-box{display : flex; flex-direction : column; border-left : 1px solid #151515;opacity : 0; transform : translateY(100px);transition : opacity 1s, transform 1s}
.active .unit-link-box{opacity : 1; transform : translateY(0);transition : opacity 1s .8s, transform 1s .8s;}

.unit-link-box > a{display : flex; align-items : center; padding-left: 17px; font-size : 15px; font-weight : 700; color : #9B9B9B;position : relative;height : 50px;transition : color .3s;}
.unit-link-box > a:hover{color : #134139;}
.unit-link-box > a::after{position : absolute;content : ''; width : 12px; height :12px; border-radius : 50%;background: #134139;left : 0;transform : translateX(-50%) scale(0); transition : transform .3s;}
.unit-link-box > a:hover::after{transform : translateX(-50%) scale(1);}

.unit-center{width : 560px;padding-top: 243px; background: #fff; opacity : 0; transition : opacity 1s;}
.active .unit-center{opacity : 1;transition : opacity 1s .8s;}
.unit-slide{overflow : hidden; margin-bottom: 121px;}
.unit-slide .swiper-slide{display : flex; flex-direction : column; align-items : center;}

.unit-slide-tit{font-size : 55px; font-family : futura-pt-bold; color : #134139}
.unit-slide-desc{font-size : 18px; letter-spacing : -0.04em; color : #2B2B2B; margin-bottom: 47px;}
.unit-slide-img{width : 413px; height : 291px; object-fit : contain; object-position : center;}

.unit-navigation{display : flex;gap : 30px;justify-content : center;}
.unit-navigation > div{font-family : montserrat; font-size : 12px; cursor : pointer;letter-spacing : 0.25em;}
.unit-prev{text-align : right;}

.unit-navigation > div > img{transition : transform .3s;}
.unit-prev > img{transform : rotate(180deg)}
.unit-prev:hover > img{transform : rotate(180deg) translateX(10px)}
.unit-next:hover > img{transform : translateX(10px)}

.unit-right{display : flex;align-items : center; padding-left: 90px;}

.unit-btn-box{display :flex; flex-direction : Column; gap : 12px}
.unit-btn-box > li{display : flex;align-items : center;  gap : 19px; font-size : 24px; font-family : futura-pt; color : #808080; transition : color .3s; cursor : pointer;opacity : 0; transform : translateX(100px); transition : transform 1s, opacity 1s;}

.active .unit-btn-box > li{opacity : 1; transform : translateX(0);transition-delay : calc(var(--i) * 0.05s)}

.unit-btn-box > li.on{color : #134139;}

.unit-btn-img{display : flex; align-items : center; justify-content : center; width : 74px; height : 74px; border : 1px solid #D6D6D6; border-radius : 50%; background: #fff;transition : border-color .5s;}
.unit-btn-box > li.on .unit-btn-img{border-color : #134139}
.unit-btn-img > img{width : 80%;height : 80%;object-fit : contain;object-position : center;}

.section-btn{display : flex; justify-content : center;align-items : center;  white-space : nowrap; width : 61px; height : 100%;position : absolute; right : 0;top : 0; background: #134139; transform : translateX(100%);transition : transform 1s;}
.active .section-btn{transform : translateX(0); transition-delay : .4s;}
.section-btn > div{display : flex; align-items : center; gap : 16px; transform : rotate(90deg); color : #fff; font-weight : 500;}
.section-btn > div > span{color : #A8A8A8; font-family : futura-pt; font-size : 18px;}
.section-btn > div > div{display : flex; align-items : center; justify-content : center; width : 24px;height : 24px; border-radius : 50%; background: #fff;position : relative; padding-top: 5px;}
.section-btn > div > div::after{position : absolute;content : '';width : 8px;height : 8px; border-top : 1px solid #134139; border-right : 1px solid #134139; transform : rotate(-45deg)}


.main-section-schedule{position : relative;}
.schedule-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;}
.schedule-bg > img{width : 100%;height : 100%;object-fit: cover; object-position: center; transform: scale(1.2);transition : transform 1s .4s;}
.active .schedule-bg > img{transform: scale(1);transition : transform 3s .4s;}
.main-section-schedule .fp-tableCell{display: flex;align-items: center;justify-content: center;}
.schedule-inner{display: flex;flex-direction: column;align-items: center;justify-content: center; position : relative; text-align: center;height : 100%;width : 100%; max-width : 988px;padding-top: 100px;}
.schedule-title{color : #C3A07E;font-size: 80px;font-weight: 400;margin-bottom: 10px;}
.schedule-title .char{font-family: Amandine;opacity: 0;;}
.schedule-desc{font-size: 16px;letter-spacing: -0.04em;color : #fff;margin-bottom: 35px;transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-desc{transform: translateY(0); opacity: 1;}

.schedule-table-box{width : 100%;position : relative;}

.schedule-table{display: grid; grid-template-columns: repeat(4, 1fr);gap : 15px;width : 100%;}
.schedule-table > li{display : flex; flex-direction : column; justify-content : space-between; align-items : center; background: rgba(255,255,255,0.05); grid-column: span 1;height : 184px;backdrop-filter: blur(10px);border : 1px solid #7E7E7E; color : #B1B1B1;transition : color .5s;opacity: 0;transform : scale(0.8);padding : 43px 0 33px}
.schedule-table > li:hover{color : #fff;}
.schedule-table > li.wide{grid-column: span 2;}

.schedule-table .day{font-size: 18px;font-weight : 500;}
.schedule-table .con{font-size: 32px;font-family: futura-pt-bold, pretendard;line-height: 1em;font-weight : 700;transition : color .5s;}
.schedule-table > li:hover .con{color : #C3A07E;}
.schedule-table .point{font-size: 32px; letter-spacing: -0.04em;}

.schedule-btn-box{display: flex;gap : 19px; align-self: end;margin-top: 27px;transform: translateX(100px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .schedule-btn-box{transform: translateX(0);opacity: 1;}
.schedule-btn-box > a{display: flex;justify-content: space-between; align-items: center;width : 213px; height : 65px;border : 1px solid #fff; border-radius: 100px;padding: 0 25px;color : #fff;font-size: 15px; font-weight: 700;transition : background .5s, color .5s, border-color .5s;}
.schedule-btn-box > a > img{filter: brightness(10);}
.schedule-btn-box > a:hover{color : #C3A07E; border-color : #C3A07E;}
.schedule-btn-box > a:hover > img{filter: brightness(1);}

.schedule-rotate-btn{display: flex;align-items: center;justify-content: center; width : 72px;height : 72px;border-radius: 50%; background: #fff; color: #2B5151;position : absolute;font-weight: 700; font-size: 15px;right : 0;top : 0;transform: translateX(50%) translateY(-50%) scale(0); transition : transform 1s .4s;z-index: 1;}
.active .schedule-rotate-btn{transform: translateX(50%) translateY(-50%) scale(1); transition : transform 1s 1s;}
.schedule-rotate-btn::after{position : absolute; content : ''; width : 105px; height : 105px; background: url(/hb/2025/oneclusterpark/assets/images/main/schedule-rotate-text.png)no-repeat center / contain;animation : rotate-text 6s infinite linear}
@keyframes rotate-text {
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}

.main-section-system{display : flex; justify-content : center; align-items : center; position : relative;height : 100vh; height : 100dvh; overflow : Hidden;background: #F1EDEC;}
.system-list{width : 100%;max-width : 1740px;}

.system-list > li{display :flex; justify-content : space-between;align-items: end;height : 210px; position : relative;}
.system-list > li::after{position : absolute;content : '';width : 100%;height : 1px; background: #D5D5D5; clip-path : inset(0 100% 0 0); transition : clip-path 1s;}
.active .system-list > li::after{clip-path : inset(0)}
.system-list > li:nth-child(2){padding-left: 10%;}
.system-list > li:nth-child(3){padding-left: 20%;}

.system-left{display : flex;align-items : end;  align-self : end;height : 100%;}
.system-title{font-size : 149px; font-family : amandine; font-weight : 400;line-height : 1em;overflow : hidden;margin-right: 30px;}
.system-title > span{display : block; font-family : amandine;line-height : 1em; transform : translateY(100%);color : #5F5F5F;position : relative;transition : transform 1s;}
.active .system-title > span{transform : translateY(20%)}

.system-list > li:hover .system-title > span{transform : translateY(-100%)}
.system-title > span::after{position : absolute;content : attr(data-text);font-family : amandine;line-height : 1em;left : 0;top : 100%;color : #C3A07E;transition : transform .5s;}
.system-desc{text-align : right;font-size : 16px; color : #5F5F5F;line-height : 1.5em; padding-bottom: 39px; opacity : 0; transition : opacity 1s;white-space : nowrap;}
.system-list > li:hover .system-desc{opacity : 1;}

.system-img{opacity : 0; transform : translateY(30%);transition : 1s, opacity .5s;position : relative; z-index : 1;}
.system-list > li:hover .system-img{opacity : 1; transform : translateY(20%);transition : 2s, opacity .5s;}

.main-section-land{display : flex; justify-content : center; align-items : center; position : relative;height : 100vh; height : 100dvh; overflow : Hidden;}
.land-inner{display : flex;justify-content : space-between;  width : 100%;height : 100%;}
.land-left{display : flex;flex-direction : column;justify-content : space-between; padding-top: 142px;}
.land-title-box{padding-left: 153px;}

.land-title{font-family : Amandine; font-size : 80px; color : #134139; margin-bottom: 5px;font-weight : 400; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .land-title{opacity : 1; transform : translateX(0);transition-delay : .4s;}

.land-title-desc{font-size : 16px; letter-spacing : -0.033em; font-weight : 500; margin-bottom: 38px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .land-title-desc{opacity : 1; transform : translateX(0);transition-delay : .5s;}

.land-title-desc span{color : #134139}

.land-sub-title{font-size : 28px; font-weight : 500; letter-spacing : -0.033em; color : #134139; margin-bottom: 20px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .land-sub-title{opacity : 1; transform : translateX(0);transition-delay : .6s;}

.land-desc{font-size : 16px; letter-spacing : -0.033em; color : #505050; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .land-desc{opacity : 1; transform : translateX(0);transition-delay : .7s;}

.land-right{display : flex; align-items : center;padding-right: 125px;gap : 49px}
.land-list{margin-top: 100px;}
.land-list > li{border-left: 2px solid #134139; padding-left: 34px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .land-list > li:nth-child(1){opacity : 1; transform : translateX(0);transition-delay : .4s;}
.active .land-list > li:nth-child(2){opacity : 1; transform : translateX(0);transition-delay : .5s;}

.land-list > li + li{margin-top: 47px;}

.land-list-tit{margin-bottom: 13px; font-size : 22px; color : #134139; font-weight : 500; letter-spacing : -0.033em;line-height : 1em;}
.land-list-desc{letter-spacing : -0.033em; color : #505050; font-size : 16px;}

.land-img-01,
.land-img-02,
.land-img-03{opacity : 0; transition : opacity 0.8s;}
.active .land-img-01{opacity : 1; transition-delay : 0.4s;}
.active .land-img-02{opacity : 1; transition-delay : 0.6s;}
.active .land-img-03{opacity : 1; transition-delay : 0.8s;}


/**/

.main-section-community{display : flex; justify-content : center; align-items : center; position : relative;height : 100vh; height : 100dvh; overflow : Hidden; background : url(/hb/2025/oneclusterpark/assets/images/main/community-bg.jpg)no-repeat center / cover}
.community-slide{width : 100%;height : 100%; mix-blend-mode: darken;}
.community-inner{display : flex;justify-content : space-between;  width : 100%;max-width : 1623px; height : 100%; margin : 0 auto;position : relative;}
.community-left{display : flex;flex-direction : column;justify-content : space-between; padding-top: 100px; padding-bottom: 100px;}

.community-title{font-family : Amandine; font-size : 80px; color : #94847E; margin-bottom: 5px;font-weight : 400; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .swiper-slide-active .community-title{opacity : 1; transform : translateX(0);transition-delay : .4s;}

.community-title-desc{font-size : 16px; letter-spacing : -0.033em; font-weight : 500; margin-bottom: 38px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .swiper-slide-active .community-title-desc{opacity : 1; transform : translateX(0);transition-delay : .5s;}

.community-title-desc span{color : #94847E}

.community-sub-title{font-size : 28px; font-weight : 500; letter-spacing : -0.033em; color : #134139; margin-bottom: 20px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .swiper-slide-active .community-sub-title{opacity : 1; transform : translateX(0);transition-delay : .6s;}

.community-desc{font-size : 16px; letter-spacing : -0.033em; color : #505050; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .swiper-slide-active .community-desc{opacity : 1; transform : translateX(0);transition-delay : .7s;}

.community-right{display : flex; align-items : center;padding-right: 125px;gap : 49px}
.community-slide-02 .community-right{flex-direction : column;justify-content : space-between; padding : 120px 0 75px;}

.community-slide-02 .community-list{display : flex; gap : 65px;}

.community-slide-02 .community-list > li + li{margin-top: 0;}
.community-list > li{border-left: 2px solid #134139; padding-left: 34px; transform : translateX(-100px); opacity : 0; transition : transform 1s, opacity 1s;}
.active .swiper-slide-active .community-list > li:nth-child(1){opacity : 1; transform : translateX(0);transition-delay : .4s;}
.active .swiper-slide-active .community-list > li:nth-child(2){opacity : 1; transform : translateX(0);transition-delay : .5s;}
.active .swiper-slide-active .community-list > li:nth-child(3){opacity : 1; transform : translateX(0);transition-delay : .6s;}
.active .swiper-slide-active .community-list > li:nth-child(4){opacity : 1; transform : translateX(0);transition-delay : .7s;}

.community-list > li + li{margin-top: 20px;}

.community-list-tit{margin-bottom: 13px; font-size : 22px; color : #134139; font-weight : 500; letter-spacing : -0.033em;line-height : 1em;}
.community-list-desc{letter-spacing : -0.033em; color : #505050; font-size : 16px;}

.community-img-01,
.community-img-02,
.community-img-03{opacity : 0; transition : opacity 0.8s;}
.active .swiper-slide-active .community-img-01{opacity : 1; transition-delay : .4s;}
.active .swiper-slide-active .community-img-02{opacity : 1; transition-delay : .4s;}
.active .swiper-slide-active .community-img-03{opacity : 1; transition-delay : .6s;}

.community-navigation{display : flex;gap : 30px;justify-content : start;position : absolute;bottom : 20px;left : 50%; width : 100%;max-width : 1623px;transform : translateX(-50%)}
.community-navigation > div{font-family : montserrat; font-size : 12px; cursor : pointer; letter-spacing : 0.25em;}
.community-navigation > div.swiper-button-disabled{opacity : 0.5; pointer-events : none;}
.community-prev{text-align : right;}


.community-navigation > div > img{transition : transform .3s;}
.community-prev > img{transform : rotate(180deg)}
.community-prev:hover > img{transform : rotate(180deg) translateX(10px)}
.community-next:hover > img{transform : translateX(10px)}



@media(max-width : 1200px){
	.scroll{width : 100%;padding : 30px; bottom : 20px;}
	.scroll-icon{width : 30px;height : 30px;}
	.scroll-down{font-size : 14px;gap : 10px;}

	/* .visual-inner{padding-top: 120px;}
	.visual-title{gap : 30px;}
	.visual-title::after{top : 60px;height : 130%;}
	.visual-title .virtical{width : 40px}
	
	.visual-title-right{padding-top: 143px;}
	.visual-desc{font-size : 13px;top : 55px; left : 8px;}
	
	.visual-title-right .virtical::after{width : 3px;height : 3px;bottom : 3%;} */

	/* .visual-inner{width : calc(100% - 30px); height : calc(100% - 30px);position : relative;}
	.visual-rotate{animation : rotate-text 20s infinite linear;width : 150%;max-width : none;}
	
	.visual-title{font-size  :30px; font-weight : 300; color : #111111;line-height : 1.2em; letter-spacing : -0.06em; white-space : nowrap;}
	.visual-title b{font-weight : 500}
	.visual-title span{font-weight : 500; color : #003B39}
	
	.visual-line{width : 1px; height : 59px; background: #A3A3A3; margin : 28px 0;} */

	.visual-inner{padding : 25vh 0 0}

	.visual-btn-box{;gap : 5px;right : 50%; bottom : 30px;transform : translateX(50%) translateY(50px);}
	.visual-btn-box.on{transform : translateY(0) translateX(50%);}
	.visual-btn-box > div{width : 120px;height : 70px;}

	.visual-title{padding-bottom: 40px;}
	.visual-title::after{width : 40px;left : 50%; transform : translateX(-50%);background: rgba(255,255,255,0.4);}

	.visual-title > p{font-size : 28px;color : #fff;text-align : center;}
	.visual-title > p > span{color : #fff;}

	
	.premium-inner{justify-content : end;width : 100%;max-width : none;height : 500px;padding : 0 100px}
	.premium-title-box{gap : 15px;width : 100%;padding : 100px 0}
	.premium-title{font-size: 48px;}
	.premium-title > span > b{font-size : 60px;}
	.premium-title-desc{font-size: 16px;line-height: 1.2em;}
	.premium-box{width : 430px;height : 560px;padding : 12px;}
	.premium-box > .premium-box-img{height : 380px;}
	.premium-desc-box{padding-top : 20px;}
	.premium-name{font-size: 16px;margin-bottom : 15px;}
	.premium-box-title{font-size: 20px;margin-top : 10px;}
	.premium-desc{font-size: 16px;line-height: 1.2em;}
	.premium-rotate-btn{width : 110px;height : 110px;}
	.premium-rotate-circle{width : 80px; height : 80px;}

	/**/
	.main-section-envi{padding-top : 50px;}
	.envi-list > li{height : 100px}
	.envi-inner{max-width : none; padding : 0 50px;}
	.envi-title{height : 160px;font-size : 36px;line-height : 1em;}
	.envi-title > span{font-size : 14px;}
	.envi-title > div > b{font-size : 40px;}
	.envi-title
	.envi-img{width : 300px;height : 200px;border-radius : 10px;right : 50px;top : 30px;}
	.envi-desc-box{padding-top : 15px;}
	.envi-desc-box > p{font-size : 14px;line-height : 1.2em;}
	/**/
	.active .overview-bg{height : calc(100% - 350px);transition-delay : 1.5s;}
	.overview-bg > .overview-bg-box > img {max-width : 100%;height: 100%; object-position: center 60%;object-fit: cover;width: 100%;}
	.overview-inner{gap : 150px;max-width : none;padding : 0 50px 250px;}
	.active .overview-inner{gap : 30px;}
	.overview-big > span{font-size : 14px}
	.overview-inner-title{width : 430px;height : 100px;position : relative;}
	.overview-inner-title > p:nth-child(1){font-size : 36px;}
	.overview-inner-title > p:nth-child(2){font-size : 36px;}
	.overview-box{height : 350px;}
	.overview-box-inner{gap : 20px;width : 100%;max-width : none; padding : 0 30px};
	.overview-title{font-size : 30px;}
	.overview-list{flex-direction : column;gap : 10px;}
	.overview-list > li{gap : 5px;font-size : 16px;}
	.overview-desc{height : auto;}
	.overview-desc small{font-size : 12px;}
	.overview-name{font-size : 14px;}

	/* .main-section-unit{width : 100%;height : auto;}
	.unit-inner{flex-direction : column;width : 100%;height : auto;}
	.unit-left{width : 100%;flex-shrink : 0;position : relative;padding : 50px 20px 20px 20px;}
	.unit-obj{display : none;}
	.unit-title{font-size : 48px;margin-bottom:6px;}
	.unit-desc{font-size : 12px;margin-bottom:30px;}
	.unit-link-box{display : flex;gap : 10px}
	.unit-link-box > a{width : 80px;height : 80px;font-size : 12px;line-height : 18px;}
	.unit-rotate-btn{width : 65px;height : 65px;right : 30px;top : auto;bottom : 0;transform : translateY(50%);}
	.unit-rotate-btn > img{width : 50%;}
	.unit-rotate-btn::after{width : 85px;height : 85px;}
	.unit-center{width : 100%;overflow : hidden;padding :30px 0;}
	.unit-slide{width : 72.7749%;margin : 0 auto 38px;}
	.unit-con-title{font-size : 36px;}
	.unit-con-desc{font-size : 16px;margin-bottom: 30px;}
	.unit-img{width : 100%;height : 200px;}
	.unit-img > img{width : 100%;height : 100%;object-fit : contain;object-position : center;}
	.unit-navigation{display : flex;justify-content : center;align-items : end;gap : 28px;}
	.unit-navigation > div{font-family : montserrat;font-weight : 500;font-size : 12px;color : #272727;cursor : pointer;transition : opacity .5s;}
	.unit-navigation > div > img{margin-top:5px;transition : transform .5s;}
	.unit-prev{text-align : right;}
	.unit-prev > img{transform : rotate(180deg);}
	.unit-prev:hover > img{transform : rotate(180deg) translateX(20px);}
	.unit-next:hover > img{transform : translateX(20px);}
	.unit-right{display : none;} */

	/* .main-section-unit{display : block;height : auto}
	.unit-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;z-index : 0;background : url(/hb/2025/oneclusterpark/assets/images/main/unit-bg-new.jpg?v=1)no-repeat right / auto 100% #FAFAFA;}
	.unit-obj{display : none;}
	
	.unit-inner{display : block; max-width : none;padding : 50px 20px;}
	
	.unit-title-sign{transform : translateX(-100px);opacity : 0;transition : opacity 1s, transform 1s;width : 150px;filter : brightness(100) grayscale(1)}
	.active .unit-title-sign{transform : translateX(0px);opacity : 1;}
	.unit-title{width : 100%;margin-bottom: 30px;}
	.unit-title  > p{font-size : 48px;font-family : futura-pt-bold;color : #fff; opacity : 0; transition : opacity 1s, transform 1s;}
	.active .unit-title > p{opacity : 1;transform : translateX(0);transition-delay : .2s;}
	.unit-title  > span{display : block; font-size : 12px;letter-spacing : -0.04em;color : #fff;font-weight : 400; opacity : 0;transition : opacity 1s, transform 1s;}
	.active .unit-title > span{opacity : 1;transform : translateX(0);;transition-delay : .4s;}
	
	.unit-slide-box{width : 330px;height : 330px;position : static;margin : 0 auto;}
	.active .unit-slide-box{transform : translateX(0) scale(1);opacity : 1;}
	.unit-slide .swiper-slide{display : flex;flex-direction : column;align-items : center;padding-top: 30px;}
	.unit-slide-img{width : 70%;max-height : 50%;;}
	.unit-slide-img > img{max-height : 100%;object-position : center;width : 100%;object-fit : contain;}
	.unit-slide-title{margin-bottom: 0;font-size : 28px;color : #364C5B; font-family : futura-pt-bold}
	.unit-slide-sedae{font-size : 12px;font-weight : 700;letter-spacing : -0.04em;color : #2B2B2B; margin-bottom: 15px;}
	
	.unit-navigation{display : flex;justify-content : center;align-items : end;gap : 10px;position : absolute;bottom : 25px;z-index : 1;}
	.unit-navigation > div{font-family : montserrat;font-weight : 500;font-size : 12px;color : #272727;cursor : pointer;transition : opacity .5s;}
	.unit-navigation > div > img{margin-top:5px;transition : transform .5s;width : 60px;}
	.unit-prev{text-align : right;}
	.unit-prev > img{transform : rotate(180deg);}
	.unit-prev:hover > img{transform : rotate(180deg) translateX(20px);}
	.unit-next:hover > img{transform : translateX(20px);}
	
	.unit-btn-box{position : static;transform : translate(0); width : 100%;}
	.active .unit-btn-box{transform : translateY(0) translateX(0);}
	.unit-btn-box::after{display: none;}
	.unit-btn-box > ul{display : flex; flex-wrap : wrap;justify-content : center;padding : 4vw 0;width : 100%;}
	.unit-btn-box > ul > li{width : 22vw;display : flex; align-items : center;gap : 2vw;padding : 2vw;width : auto;cursor : pointer;font-size : 3.5vw;}
	.unit-btn-box > ul > li.on,
	.unit-btn-box > ul > li:hover{color : #141414;}
	.unit-btn-img{display : flex;justify-content : center;align-items : center; width : 13vw;height : 13vw;border-radius : 50%;}
	
	.unit-btn-img > img{width : 80%;height : 80%;object-fit : contain;object-position : center;mix-blend-mode : darken}
	
	.unit-rotate-btn{display : flex;align-items : Center;justify-content : center; position : absolute;width : 65px;height : 65px;border-radius : 50%;background : #111;position : absolute;right : 20px;top : 10px;}
	.unit-rotate-btn > img{width : 45%;}
	.unit-rotate-btn::after{width : 85px;height : 85px;position : absolute;content : '';background : url(/hb/2025/oneclusterpark/assets/images/main/unit-rotate-text-new.png)no-repeat center / contain;animation : rotate-text 8s infinite linear;} */

	.main-section-schedule{height : auto;}
	.schedule-inner{display: flex;flex-direction : column;justify-content: center;width : 100%;}
	.schedule-left{padding : 50px 20px 20px;}
	.schedule-title{font-size: 48px;margin-bottom: 6px;}
	.schedule-desc{font-size: 12px;margin-bottom: 30px;}
	.schedule-link-box{width :145px;}
	.schedule-link-box > li > a{padding : 5px 0 5px 10px;font-size : 12px;}
	.schedule-link-box > li > a::after{width : 8px;height : 8px;}
	.schedule-right{width : 100%;padding : 20px 20px 50px}
	.calendar{gap: 5px;}
	.calendar > li{grid-column: span 2;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height : 100px;background : #fff;padding : 20px 0;transition : color .3s, background .3s;}
	.calendar > li .day{font-size: 14px;margin-bottom: 5px}
	.calendar > li .day > b{font-size: 20px;}
	.calendar > li .name{font-size: 11px;line-height: 16px;}
	.calendar > li .point{font-size: 20px;margin-top: 0;}
	.schedule-rotate-btn{right : 30px;top : -20px;width : 60px;height : 60px;font-size: 10px;}
	.schedule-rotate-btn::after{width : 80px;height : 80px;}

	.main-section-premium-new{height : auto;}

	.premium-list{grid-template-columns : repeat(1, 1fr);height : auto}
	.premium-list > li{padding : 50px 20px 300px;}
	.premium-list > li:hover{padding-top: 50px;}
	.active .premium-list > li{opacity : 0;transform : scale(0.8)}
	.premium-list > li.aos-animate{opacity : 1;transform : scale(1); transition-delay : 0 !important;}

	.premium-bg-new{width : 100%;height : 100%;overflow : hidden;position : absolute;left : 0;top : 0;z-index : -1;}
	.premium-bg-new > img{filter : brightness(1);transition : none;}
	.premium-list > li:hover .premium-bg-new > img{transform : scale(1);}

	.premium-list-num{font-size : 16px; margin-bottom: 20px;}
	.premium-list > li:nth-child(even) .premium-list-num{color : #A3A3A3}
	.active .premium-list-num{opacity : 0; transform : translateX(-50px);transition-delay : 0.8s;}
	.aos-animate .premium-list-num{opacity : 1; transform : translateX(0px);transition-delay : 0.8s;}

	.premium-list-icon{margin-bottom: 24px;width : 50px}
	.active .premium-list-icon{opacity : 0; transform : translateX(-50px);transition-delay : 0.9s;}
	.aos-animate .premium-list-icon{opacity : 1; transform : translateX(0px);transition-delay : 0.9s;}

	.premium-list-tit{font-size : 20px; margin-bottom: 10px;}
	.active .premium-list-tit{opacity : 0; transform : translateX(-50px);transition-delay : 1s;}
	.aos-animate .premium-list-tit{opacity : 1; transform : translateX(0px);transition-delay : 1s;}

	.premium-list-desc{font-size : 14px;}
	.active .premium-list-desc{opacity : 0; transform : translateX(-50px);transition-delay : 1.1s;}
	.aos-animate .premium-list-desc{opacity : 1; transform : translateX(0px);transition-delay : 1.1s;}


	.premium-sign{display : none;}
	.img-cut{font-size : 12px;right : 10px;bottom : 5px;}

	/** NEW **/

	.main-section-unit{position : relative;height : auto;}
	.unit-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;overflow : hidden;z-index : -1;}
	.unit-obj{display : none;}
	.unit-inner{flex-direction : column; height : auto;}
	.unit-left{padding : 50px 20px;}

	.unit-title{font-size : 48px; margin-bottom: 5px;}

	.unit-desc{font-size : 14px;margin-bottom: 30px;}

	.unit-link-box > a{padding-left: 10px; font-size : 14px;height : 35px;}
	.unit-link-box > a::after{width : 10px; height :10px;}

	.unit-center{width : 100%;padding : 50px 20px;}
	.unit-slide{margin-bottom: 0;}

	.unit-slide-tit{font-size : 36px;}
	.unit-slide-desc{font-size : 16px; margin-bottom: 30px;}
	.unit-slide-img{width : 100%; height : 250px;}

	.unit-navigation{gap : 20px;}

	.unit-prev:hover > img{transform : rotate(180deg) translateX(0px)}
	.unit-next:hover > img{transform : translateX(0px)}

	.unit-right{padding-left: 0px;padding : 50px 20px;}

	.unit-btn-box{display :grid; grid-template-columns : repeat(3, 1fr);gap : 10px; margin : 0 auto;}
	.unit-btn-box > li{flex-direction : column; gap : 5px; font-size : 14px;}

	.unit-btn-img{width : 80px; height : 80px;}

	.section-btn{width : 100%; height : 50px;position : static;transform : translateY(100%)}
	.section-btn > div{gap : 10px; transform : rotate(0deg); font-size : 14px;}
	.section-btn > div > span{font-size : 16px;}
	.section-btn > div > div{width : 16px;height : 16px;padding-bottom: 5px;}
	.section-btn > div > div::after{width : 5px;height : 5px;transform : rotate(45deg)}

	.schedule-inner{align-items: start; max-width : none;padding : 10vw 3vw;}
	.schedule-title{font-size: 12vw; margin-bottom: 0;}
	.schedule-desc{font-size: 3.5vw;margin-bottom: 5vw;}
	.schedule-table{display: grid; grid-template-columns: repeat(2, 1fr);gap : 3vw;width : 100%;}
	.schedule-table > li{grid-column: span 1;height : auto;gap : 5vw;padding : 5vw 0 2vw;}

	.schedule-table .day{font-size: 3.5vw;margin-bottom: 2vw}
	.schedule-table .con{font-size: 5vw;}

	.schedule-btn-box{gap : 2vw;margin-top: 5vw;}
	.schedule-btn-box > a{width : 38vw; height : 12vw;padding: 0 4vw;font-size: 3vw; }
	.schedule-btn-box > a > img{width : 3.5vw;}

	.schedule-rotate-btn{position : absolute;top : auto; bottom : 100%;width : 15vw;height : 15vw;font-size: 3vw; transform: scale(0);margin-bottom: 5vw;}
	.active .schedule-rotate-btn{transform: scale(1);}
	.schedule-rotate-btn::after{width : 20vw;height : 20vw;}

	.main-section-system{height : auto; padding : 100px 20px;}

	.system-list > li{display : block; height : 150px;}
	.system-list > li::after{position : absolute;content : '';width : 100%;height : 1px; background: #D5D5D5; clip-path : inset(0 100% 0 0); transition : clip-path 1s;}
	.system-list > li:nth-child(2){padding-left: 0%;}
	.system-list > li:nth-child(3){padding-left: 0%;}

	.system-left{display : flex;align-items : end;  align-self : end;height : 100%;}
	.system-title{font-size : 48px;margin-right: 0;}
	.active .system-title > span{transform : translateY(0%)}

	.system-desc{font-size : 12px;padding-bottom: 0px;position : absolute; top : 100%;right : 0;padding : 20px 0;}
	.system-list > li:hover .system-desc{opacity : 1;}

	.system-img{opacity : 0; transform : translateY(30%);transition : 1s, opacity .5s;width : 100px;position : absolute; right : 0;}
	.system-list > li:hover .system-img{opacity : 1; transform : translateY(-10%);transition : 2s, opacity .5s;}

	.main-section-land{display : block; height : auto;}
	.land-inner{display : block;}
	.land-left{display : block;padding : 0; margin-bottom: 5px;}
	.land-title-box{padding-left: 20px}

	.land-title{font-size : 48px;margin-bottom: 5px;}

	.land-title-desc{font-size : 14px;margin-bottom: 20px;}

	.land-sub-title{font-size : 20px;margin-bottom: 16px;}

	.land-desc{font-size : 14px;margin-bottom: 30px;}

	.land-right{padding-right: 0;gap : 5px;padding-bottom: 30px;}
	.land-list{margin-top: 30px;padding : 0 0 0 15px;}
	.land-list > li{padding-left: 16px;}

	.land-list > li + li{margin-top: 16px;}

	.land-list-tit{margin-bottom: 8px; font-size : 14px;}
	.land-list-desc{font-size : 12px;}

	.main-section-community{height : auto; display : block;}
	.community-inner{display : block;padding-bottom: 50px;}
	.community-left{padding : 50px 20px 0;}

	.community-title{font-size : 48px;}

	.community-title-desc{font-size : 14px;margin-bottom: 20px;}

	.community-sub-title{font-size : 20px;margin-bottom: 16px;}

	.community-desc{font-size : 14px;}

	.community-right{padding : 50px 20px;;gap : 49px}
	.community-slide-02 .community-right{display : block; padding : 0 20px 50px}

	.community-slide-02 .community-list{display : block;}

	.community-list > li{padding-left: 16px;}

	.community-list > li + li{margin-top: 16px;}
	.community-slide-02 .community-list > li + li{margin-top: 16px;}

	.community-list-tit{margin-bottom: 8px; font-size : 14px;}
	.community-list-desc{font-size : 12px}

	.community-img-01,
	.community-img-02,
	.community-img-03{margin : 30px 0;}

	.community-navigation{justify-content : center; bottom : 70px;}
	.community-navigation > div:hover > img{transform : translateX(0)}
	.community-navigation > div.community-prev:hover > img{transform : rotate(180deg) translateX(0)}
}

@media(max-width : 768px){
	.scroll{padding : 20px;}
	.scroll-icon{width : 20px;height : 20px;}
	.scroll-icon > span::after{width : 4px;height : 4px;}
	.scroll-down{font-size : 12px;gap : 5px;}

	/**/

	.premium-inner{flex-direction : column;justify-content : center; gap : 20px;width : 100%; height : 100%;padding : 50px 20px 0;}
	.premium-title-box{gap : 0;padding : 0 20px}
	.premium-title{font-size: 30px;}
	.premium-title > span > b{font-size : 40px;}
	.premium-title-desc{font-size: 14px;line-height: 1.2em;margin-bottom: 10px;}
	.premium-box{width : 100%;max-width : 360px;height : 415px;padding : 10px;position : relative;white-space : nowrap;}
	.premium-box > .premium-box-img{height : 260px;}
	.premium-desc-box{padding-top : 15px;}
	.premium-name{font-size: 13px;margin-bottom : 10px;}
	.premium-box-title{font-size: 18px;margin-top : 5px;}
	.premium-desc{font-size: 13px;}
	.premium-rotate-btn{width : 80px;height : 80px;}
	.premium-rotate-circle{width : 65px; height : 65px;}


	/**/
	.main-section-envi{padding-top : 50px;}
	.envi-list > li{height : 60px}
	.envi-inner {padding: 0 20px;}
	.envi-title{height : 100px;font-size : 18px;white-space : nowrap;}
	.envi-title > span{font-size : 14px;}
	.envi-title > div > b{font-size : 26px;}
	.envi-img{width : 100%; height : 200px;border-radius : 10px;position : static; margin-top:20px;}
	.envi-desc-box{gap : 5px;}
	.envi-desc-box > p{font-size : 12px;}

	/**/
	.active .overview-bg{height : calc(100% - 300px)}
	.overview-inner{display : none;}
	.overview-box{height : 300px;padding : 0 20px}
	.overview-box-inner{gap : 20px;padding : 0}
	.overview-title{font-size : 20px;}
	.overview-list{flex-direction : column;gap : 10px;}
	.overview-list > li{gap : 5px;font-size : 12px;}
	.overview-desc{height : auto;order : 3;}
	.overview-desc small{font-size : 12px;}
	.overview-line{order : 2;}
	.overview-name{font-size : 12px;order : 1;}
	.overview-mo-big{display : block;padding : 5px 20px;background : #000;position : absolute;color : #fff;letter-spacing : -0.04em;font-weight : 500;font-size : 14px;border-radius : 100px;right : 20px;bottom : 20px;}
}
