#wrap{
    overflow : hidden;
	background : transparent;
}
.visual-info{font-size : 13px; letter-spacing : -0.04em; position : absolute; left : 20px;bottom : 20px; color : #fff;}
.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;width : 100%;height : 100vh;height : 100svh;position : relative;}

.visual-bg{position : absolute; width : 100%;height : 100%; overflow : hidden;background: #045051;}
.visual-bg > img{width : 100%;height : 100%; object-fit : cover; object-position : center;animation : visual-bg 5s both ease;}
@keyframes visual-bg{
	0%{transform : scale(1.25)}
}
.visual-inner{display : flex;flex-direction : Column; justify-content : start; height : 100%;position : relative;text-align : center; color : #fff;padding-top: 150px;}
.visual-title{font-size : 61px; letter-spacing : -0.06em;font-weight : 300;line-height : 1.4em; margin-bottom: ;}

.visual-title b{font-weight : 500;}
.visual-title .char{opacity : 0; transform : translateY(-50px)}

.visual-line{display : block; width : 1px;height : 50px; background: rgba(255,255,255,0.4);margin : 22px auto; clip-path : inset(0 0 100%)}
.visual-logo{font-size : 27px; font-weight : 500; letter-spacing : -0.04em; transform : translateY(50px);opacity : 0;}

/**/
.main-section-premium{display: flex;align-items: center;justify-content: center;width : 100%;background : #eee;position : relative;height : 100vh; height : 100dvh;}
.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: 45px;font-weight: 400;letter-spacing : -0.033em;color : rgba(19,65,57,0.5);background : url(/hb/2025/eduforet/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.2em;}
.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: 400;color : #333;}
.premium-box{display: flex;flex-direction: column;align-items: center;width : 488px;height : 600px;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/eduforet/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/eduforet/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;height : 100vh; height : 100dvh;}
.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 : 120px;font-size : 56px;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.1em;}
.envi-title > div > b{font-weight : 500;}
.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;height : 100vh; height : 100dvh;}
.overview-bg{display : flex;justify-content : center;width : 100%;height : 100%;background-size : contain;background-position : center;background : #f4f4f4;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 : 10px;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: 40px;;}
.overview-list > li > div{overflow : hidden}
.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;}


/**/

@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-title{font-size : 34px;}
	.visual-line{margin : 15px auto; height : 50px;}
	.visual-logo{font-size : 20px;}


	
	.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: 30px;margin-bottom: 20px;}
	.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;}
	.premium-logo{width : 120px;margin-bottom: 20px;}

	/**/
	.main-section-envi{padding-top : 50px;}
	.envi-list > li{height : 100px}
	.envi-inner{max-width : none; padding : 0 50px;}
	.envi-title{height : 100px;font-size : 36px;line-height : 1em;}
	.envi-title > span{font-size : 14px;}
	.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;}
}

@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: 26px;margin-bottom: 10px;}
	.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 : 280px;height : 405px;padding : 10px;position : relative;}
	.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;}
	.premium-logo{width : 100px;margin-bottom: 10px;}


	/**/
	.main-section-envi{padding-top : 50px;}
	.envi-list > li{height : 60px}
	.envi-inner {padding: 0 20px;}
	.envi-title{height : 80px;font-size : 30px;white-space : nowrap;}
	.envi-title > span{font-size : 14px;}
	.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% - 250px)}
	.overview-inner{display : none;}
	.overview-box{height : 250px;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;}
}

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

.main-section-unit{display : flex; justify-content : center; align-items : center; height : 100vh; height : 100dvh;position : relative;overflow : hidden;}
.unit-bg{position : absolute; left : 0;top : 0;width : 100%;height : 100%;overflow : hidden;}
.unit-bg-img{width : 100%;height : 100%;object-fit : cover; object-position : center bottom;}
.unit-obj{position: absolute; left : 32px; bottom : 95px;}

.unit-inner{display : flex; width : 100%;max-width : 1500px;position : relative; gap : 222px; padding-top: 100px;}

.unit-left{padding-left: 104px;}

.unit-title{font-family : futura-pt-bold; font-size : 78px;position : relative;white-space : nowrap; transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-title{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.unit-title > span{font-family : AV;font-weight : 400;color : #fff; font-size : 50px;position : absolute;left : -20%;top : -50%; transform : rotate(-20deg)}

.unit-desc{font-size : 18px; letter-spacing :-0.06em; margin-bottom: 65px;transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-desc{transform : translateX(0);opacity : 1; transition : transform 1s .5s, opacity 1s .5s;}

.unit-link-box{border-left : 1px solid #151515;transform : translateY(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-link-box{transform : translateY(0);opacity : 1; transition : transform 1s .6s, opacity 1s .6s;}

.unit-link-box > a{display : flex; align-items : center;padding : 22px 0 22px 17px; position : relative; font-size : 15px; font-weight : 700; color : #fff; transition : color .3s;}
.unit-link-box > a::after{position : absolute; content : ''; width : 12px;height : 12px; border-radius : 50%; background: #725F57; left : 0; transform : translateX(-50%) scale(0); transition : transform .4s;}
.unit-link-box > a:hover::after{transform : translateX(-50%) scale(1)}
.unit-link-box > a:hover{color : #000}

.unit-right{display : flex;flex : 1;}
.unit-slide-box{position : relative;}
.unit-slide{width : 550px;height : 550px;background: #fff;border-radius : 50%;overflow : hidden; margin-bottom: 72px; box-shadow : 0 10px 6px rgba(0,0,0,0.16);transform : translateX(-100px); opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .unit-slide{transform : translateX(0); opacity : 1;transition : transform 1s .4s, opacity 1s .4s}

.unit-slide .swiper-slide{display : flex; flex-direction : column; align-items : center; justify-content : start;padding-top: 32px;}

.unit-slide-tit{font-family : futura-pt-bold; font-size : 52px; color : #725F57}
.unit-slide-desc{font-size : 16px; letter-spacing : -0.04em; color : #2B2B2B;margin-bottom: 20px;}
.unit-slide-img{width : 321px; height : 336px; object-fit : contain; object-position : center;}

.unit-rotate-btn{display : flex; flex-direction : column; align-items : center; justify-content : center; position : absolute;top : 60px;left : 20px;width : 72px; height : 72px; background: #725F57; color : #fff; font-family : futura-pt; text-align: center; border-radius : 50%; transform : scale(0); transition :transform 1s .4s;}
.active .unit-rotate-btn{transform : scale(1); transition :transform 1s .6s;}
.unit-rotate-btn::after{position : absolute; content : ''; width : 105px;height : 105px; background: url(/hb/2025/eduforet/assets/images/main/unit-rotate-text.png)no-repeat center / contain; animation : rotate-text 6s infinite linear;}

.unit-navigation{display : flex;justify-content : center;align-items : end;gap : 28px; transform : translateY(100px); opacity : 0; transition : transform 1s .4s, opacity 1s .4s}
.active .unit-navigation{transform : translateY(0);opacity : 1; transition :transform 1s .6s;}
.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-btn-box{display : flex; flex-direction : column; position :absolute;top : 24px;z-index : 1;  left : 520px;gap : 16px}

.unit-btn-box > li{display : flex; align-items : Center; gap : 12px; font-family : futura-pt-bold; color : #fff; font-size : 20px;transition : color .3s;cursor : pointer; flex-shrink : 0; white-space: nowrap;transform : translateX(100px); opacity : 0;transition : transform 1s .4s, opacity 1s .4s}

.active .unit-btn-box > li{transform : translateX(0px); opacity : 1; transition-delay : calc((.1s * var(--i)) + 0.4s)}
.unit-btn-box > li.on{color : #725F57;}

.unit-btn-box > li:nth-child(2){padding-left: 70px;}
.unit-btn-box > li:nth-child(3){padding-left: 65px;}
.unit-btn-box > li:nth-child(4){padding-left: 10px;}

.unit-btn-img{display : flex; justify-content : center; align-items : center; width : 115px;height : 115px; border-radius : 50%; background: #fff;overflow : hidden;border : 2px solid transparent; transition : border-color .3s;}
.unit-btn-box > li.on .unit-btn-img{border-color : #725F57;}
.unit-btn-img > img{width : 80%;height : 80%;object-fit : contain; object-position : center;}

/**/

.main-section-schedule{display : flex; justify-content : center; align-items : center; position : relative; height : 100vh; height : 100dvh;overflow : hidden;}
.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-sign{font-family : AV;font-weight : 400;color : #fff; font-size : 50px;transform : rotate(-15deg) translateX(-240px);opacity : 0; transition: transform 1s .4s, opacity 1s .4s; }
.active .schedule-sign{transform : rotate(-15deg) translateX(-180px);opacity : 1; transition: transform 1s .4s, opacity 1s .4s;}

.schedule-title{color : #fff;font-size: 78px;margin-bottom: 10px;}
.schedule-title .char{font-family: futura-pt-bold;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: #0A2924; grid-column: span 1;height : 184px;;border : 1px solid #7E7E7E; color : #fff;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; color : #939393;transition : color .5s;}
.schedule-table > li:hover .day{color : #fff;}
.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-land{display : flex;height : 100vh; height : 100dvh; background: #fff;padding-top: 100px;position : relative;overflow : hidden;}

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

.land-slide .swiper-slide{display : flex;justify-content : space-between; overflow : hidden;}

.land-left{height : 100%;}
.land-left > img{height : 100%;transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.land-slide-02 .land-left > img{transform : translateX(100px);}
.active .swiper-slide-active .land-left > img{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.land-right{display : flex; flex-direction : column; justify-content : space-between;align-items : start; padding-left: 100px;padding-top: 100px; padding-bottom: 138px;padding-right: 84px;}

.land-title{font-family : futura-pt-bold; font-size : 78px;position : relative;white-space : nowrap; transform : translateX(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.land-slide-02 .land-title{transform : translateX(-100px)}

.active .swiper-slide-active .land-title{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.land-title > span{font-family : AV;font-weight : 400;color : #8B8A8A; font-size : 50px;position : absolute;left : -12%;top : -50%; transform : rotate(-20deg)}

.land-desc{margin-bottom: auto;font-size : 18px;letter-spacing : -0.06em; transform : translateX(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;margin-bottom: 48px;}
.land-slide-02 .land-desc{transform : translateX(-100px)}

.active .swiper-slide-active .land-desc{transform : translateX(0);opacity : 1; transition : transform 1s .5s, opacity 1s .5s;}
.land-desc b{color : #004E50}

.land-desc-img{transform : translateY(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .land-desc-img{transform : translateY(0);opacity : 1; transition : transform 1s .6s, opacity 1s .6s;}

.land-pagination{display : flex;gap : 48px;justify-content : end; transform : translateY(100px);opacity : 0;transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .land-pagination{transform : translateY(0);opacity : 1;transition : transform 1s .6s, opacity 1s .6s;}

.land-pagination > li{display : flex;align-items : center; justify-content : center;width : 10px;height :10px; background: #D5D5D5; border-radius : 50%;cursor : pointer; transition : background .3s;}
.land-pagination > li:hover,
.land-pagination > li.on{background: #004E50;}
.land-pagination > li::after{position : absolute; content : ''; width : 28px;height : 28px; border-radius : 50%; border : 1px solid #004E50;transition : transform .3s;transform : scale(0)}
.land-pagination > li:hover::after,
.land-pagination > li.on::after{transform : scale(1)}

/**/

.main-section-green{display : flex;align-items : center; height : 100vh; height : 100dvh;position : relative;overflow : hidden;}
.green-bg{position : absolute; left : 0;top : 0;width : 100%;height : 100%;overflow : hidden;}
.green-bg-img{width : 100%;height : 100%;object-fit : cover; object-position : center bottom;}

.green-slide{display : flex; align-items : center; justify-content : center; width : 100%;height : 100%;mix-blend-mode : darken;}
.green-inner{width : 100%;position : absolute;;max-width : 1740px;margin : 0 auto;height : 100%;padding-top: 237px;padding-left: 56px;z-index : 1;pointer-events : none;}

.green-slide .swiper-slide{display : flex; justify-content : center;}
.green-slide-inner{display : flex; justify-content : space-between; align-items: end; width : 100%;max-width : 1740px;}

.green-slide-01 .green-slide-inner{padding-bottom: 200px;}
.green-slide-02 .green-slide-inner{padding-bottom: 200px;}
.green-slide-03 .green-slide-inner{align-items: start; padding-top: 450px; padding-left: 56px;}

.green-left{display: flex; align-items : end;padding-left: 56px;}
.green-slide-04 .green-left{padding-bottom: 120px;}

.green-right{display: flex; align-items : end}
.green-slide-04 .green-right{flex-direction : column; padding-bottom: 50px;gap : 50px;}

.green-title{font-family : futura-pt-bold; font-size : 78px;position : relative;white-space : nowrap; transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .green-title{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.green-title > span{font-family : AV;font-weight : 400;color : #8B8A8A; font-size : 50px;position : absolute;left : -5%;top : -50%; transform : rotate(-20deg)}

.green-desc{margin-bottom: auto;font-size : 18px;letter-spacing : -0.06em; transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;margin-bottom: 93px;}
.active .green-desc{transform : translateX(0);opacity : 1; transition : transform 1s .5s, opacity 1s .5s;}
.green-desc b{color : #725F57}

.green-list{transform : translateY(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .green-list{transform : translateY(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.green-img{transform : translateX(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.green-slide-03 .green-img{transform : translateY(100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}

.active .swiper-slide-active .green-img{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

.active .swiper-slide-active .green-img-03{transform : translateX(0);opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .green-img-04{transform : translateX(0);opacity : 1; transition : transform 1s .5s, opacity 1s .5s;}
.active .swiper-slide-active .green-img-05{transform : translateX(0);opacity : 1; transition : transform 1s .6s, opacity 1s .6s;}


.green-ul{display : grid;grid-template-columns : repeat(2, 1fr); gap : 25px 28px;white-space : nowrap;letter-spacing : -0.06em}
.green-ul > li{display : flex; flex-direction : Column; transform : translateX(-100px);opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
.active .swiper-slide-active .green-ul > li{transform : translateX(0);opacity : 1; transition-delay : calc((var(--i) * 0.1s) + 0.4s)}
.green-ul > li b{color :#004E50}

.green-control{display : flex;justify-content : start; width : 100%;max-width : 1740px;padding-left: 56px;position : absolute; bottom : 50px; left : 50%; transform : translateX(-50%)}
.green-navigation{display : flex;justify-content : center;align-items : end;gap : 28px; transform : translateY(100px); opacity : 0; transition : transform 1s .4s, opacity 1s .4s}
.active .green-navigation{transform : translateY(0);opacity : 1; transition :transform 1s .6s;}
.green-navigation > div{font-family : montserrat;font-weight : 500;font-size : 12px;color : #272727;cursor : pointer;transition : opacity .5s;}
.green-navigation > div.swiper-button-disabled{opacity : 0.5;pointer-events : none;}
.green-navigation > div > img{margin-top:5px;transition : transform .5s;}
.green-prev{text-align : right;}
.green-prev > img{transform : rotate(180deg);}
.green-prev:hover > img{transform : rotate(180deg) translateX(20px);}
.green-next:hover > img{transform : translateX(20px);}




@media(max-width : 1200px){

	.main-section-unit{height : auto;}
	.unit-obj{display : none;}

	.unit-inner{flex-direction : column;gap : 30px;padding : 80px 20px 180px;}

	.unit-left{padding-left: 0;}

	.unit-title{font-size : 48px;}

	.unit-title > span{font-size : 30px;left : 0%;top : -50%;}

	.unit-desc{font-size : 16px; margin-bottom: 30px;}

	.unit-link-box > a{padding : 10px 0 10px 16px;font-size : 13px; color : #000;}
	.unit-link-box > a::after{width : 8px;height : 8px;transform : translateX(-50%) scale(1);}

	.unit-right{justify-content : center;}
	.unit-slide{width : 330px;height : 330px;margin-bottom: 30px;}

	.unit-slide .swiper-slide{padding-top: 16px;}

	.unit-slide-tit{font-size : 36px;}
	.unit-slide-desc{font-size : 14px;margin-bottom: 16px;}
	.unit-slide-img{width : 280px; height : 180px;}

	.unit-rotate-btn{top : 20px;left : 16px;width : 60px; height : 60px; font-size : 14px}
	.active .unit-rotate-btn{transform : scale(1); transition :transform 1s .6s;}
	.unit-rotate-btn::after{position : absolute; content : ''; width : 95px;height : 95px;}

	.unit-btn-box{display : flex; justify-content : center; flex-direction : row; position :absolute;top : auto;z-index : 1;  left : auto;gap : 10px;width : 100%;padding-top: 50px;}

	.unit-btn-box > li{flex-direction : column;gap : 8px;font-size : 13px;}

	.unit-btn-box > li:nth-child(2){padding-left: 0;}
	.unit-btn-box > li:nth-child(3){padding-left: 0;}
	.unit-btn-box > li:nth-child(4){padding-left: 0;}

	.unit-btn-img{width : 70px;height : 70px;}

	/**/

	.main-section-schedule{height : auto;}
	.schedule-inner{padding : 50px 20px 80px;}

	.schedule-sign{font-size : 30px;transform : rotate(0) translateX(-150px) translateY(30px);align-self : start;}
	.active .schedule-sign{transform : rotate(0) translateX(-10px)  translateY(30px);}

	.schedule-title{font-size: 48px;margin-bottom: 10px;align-self : start;}
	.schedule-desc{font-size: 14px;margin-bottom: 24px;align-self : start;}

	.schedule-table{grid-template-columns: repeat(4, 1fr);gap : 5px;}
	.schedule-table > li{grid-column: span 2;height : 120px;padding : 20px 0 16px}
	.schedule-table > li.wide{grid-column: span 4;}

	.schedule-table .day{font-size: 16px;}
	.schedule-table .con{font-size: 24px;}
	.schedule-table > li:hover .con{color : #C3A07E;}
	.schedule-table .point{font-size: 32px; letter-spacing: -0.04em;}

	.schedule-btn-box{margin-top: 16px;gap : 10px}
	.schedule-btn-box > a{width : 150px; height : 45px;padding: 0 16px;font-size: 13px;}

	.schedule-rotate-btn{width : 60px;height : 60px;font-size: 13px;right : 0;top: auto; bottom : 105%;transform: translateX(0) translateY(-50%) scale(0); transition : transform 1s .4s;z-index: 1;}
	.active .schedule-rotate-btn{transform: translateX(0) translateY(-50%) scale(1); transition : transform 1s 1s;}
	.schedule-rotate-btn::after{width : 95px; height : 95px;}

	/**/

	.main-section-land{height : auto;}
	.land-slide .swiper-slide{display : flex;flex-direction : column; padding : 0;}

	.land-left{order : 2;}
	.land-left > img{height : auto;width : 100%;}

	.land-right{padding : 80px 20px 50px;}
	.land-title-box{width : 100%;margin-bottom: 50px;}

	.land-title{font-size : 48px;}

	.land-title > span{font-size : 30px;left : 0;top : auto; bottom : 80%; transform : rotate(0deg)}

	.land-desc{font-size : 16px;margin-bottom: 30px;}

	.land-desc-img{width : 220px;}

	.land-pagination{gap : 30px;}
	.land-pagination > li.on::after{width : 24px;height : 24px;}

	/**/

	.main-section-green{height : auto;display : block;}
	
	.green-inner{display : flex;flex-direction : column;align-items : start;padding : 80px 20px 50px;}
	.green-slide-inner{display : flex;flex-direction : column;align-items : start;padding : 80px 20px 50px;gap : 50px;padding-top: 300px;}


	.green-left{padding : 0;}

	.green-title{font-size : 48px;line-height : 1em; margin-bottom: 10px;}

	.green-title > span{font-size : 30px;left : 0%;top :auto; bottom : 90%; transform : rotate(0deg)}

	.green-desc{font-size : 16px;margin-bottom: 30px;}

	.green-list{width : 200px;}
	.green-list-02{width : 160px;}
	.green-list-04{width : 160px;}

	.green-right{display : flex; align-items : center; mix-blend-mode : darken;flex : 1; transform : translateX(100px); opacity : 0; transition : transform 1s .4s, opacity 1s .4s;}
	.active .green-right{transform : translateX(0px); opacity : 1; transition : transform 1s .4s, opacity 1s .4s;}

	.green-img{max-width : 100%;position : static;width : 100%;}

	.green-slide-03 .green-slide-inner{padding : 300px 20px 50px;}
	.green-img-03{width : 280px;}
	.green-img-04{width : 230px;}
	.green-img-05{width : 250px;}

	.green-mobile > img + img{margin-top: 30px;}
	.green-slide-01 .green-slide-inner{padding-bottom: 80px;}

	.green-control{display : none;}
}