#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;
	width : 100%;
	height : 100vh;
	height : 100svh;
	position : relative;
}
.visual-bg{
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	overflow : hidden;
}
.visual-bg > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
	animation : visual-bg 5s both;
}
@keyframes visual-bg{
	0%{transform : scale(1.15)}
}
.visual-bg > video{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;}
.visual-inner{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : start;
	height : 100%;
	position : relative;
	padding-top: 100px;
}
.visual-desc1{
	font-size : 40px;
	letter-spacing : -0.06em;
	animation : visual-desc 2s both;
	color : #fff;
}
.visual-desc1 > b{font-weight : 500}
.visual-desc2{
	font-size : 61px;
	/* font-weight : 100; */
	font-weight : 700;
	letter-spacing : -0.06em;
	color : #fff;
	margin-bottom: 10px;
	animation : visual-desc 2s both;
}
@keyframes visual-desc{
	0%{opacity : 0;transform : translateY(-80px)}
}
.visual-line{
	width : 1px;
	height : 50px;
	background : #fff;
	margin-bottom: 22px;
	animation : visual-line 1.2s both 1s;
}
@keyframes visual-line{
	0%{height : 0}
}
.visual-title{
	margin-bottom: 30px;
	animation: visual-title 1.2s both .5s;
	max-width : 314px;
}
@keyframes visual-title{
	0%{transform : translateY(50px);opacity : 0}
}
.visual-logo{
	animation : visual-logo 2s both 1.5s;
	font-size: 27px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #fff;
	white-space : nowrap;
}
@keyframes visual-logo{
	0%{opacity : 0}
}
/**/
.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: 83px;/* font-size : 60px; */font-family: CarismaClassic;font-weight: 300;color : rgba(19,65,57,0.5);background : url(/hb/2025/rivercent/assets/images/main/green.jpg)no-repeat;-webkit-background-clip: text;background-clip: text;background-size: 0% 100%;transition : background-size 2s;line-height : 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 : inherit;font-weight : 400;font-size : 83px;}
.premium-title-desc{font-size: 16px;line-height: 24px;font-weight: 300;color : #212121;}
.premium-box{display: flex;flex-direction: column;align-items: center;width : 488px;height : 585px;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 : 6px;}
.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/rivercent/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/rivercent/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 : 150px;font-size : 58px;line-height : 60px;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;}
.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;}
.overview-bg{display : flex;justify-content : center;width : 100%;height : 100%;background-size : contain;background-position : center;background : #ededed;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;}
.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 : 100px;}
.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;}

.main-section-unit{display : flex;justify-content : center; width : 100%;height : 100vh;overflow : hidden;position : relative;}
/* .unit-inner{display : flex;width : 100%;height : 100%;overflow : hidden;position : relative;}
.unit-left{width : 36.8229%;flex-shrink : 0;position : relative;padding : 200px 0 0 208px;} */
.unit-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%;z-index : 0;background : url(/hb/2025/rivercent/assets/images/main/unit-bg-new.jpg?v=1)no-repeat right / auto 100% #FAFAFA;}
.unit-obj{position : absolute;opacity : 0;transition : opacity 1.2s;}
.active .unit-obj{opacity : 1; transition-delay : .5s}
.unit-obj-01{top : 0; left : 88px;}
.unit-obj-02{bottom : 0;left : 0;}

.unit-inner{display : flex;align-items : center; width : 100%;max-width : 1350px;height : 100%;position : relative;}

.unit-title-sign{transform : translateX(-100px);opacity : 0;transition : opacity 1s, transform 1s;}
.active .unit-title-sign{transform : translateX(0px);opacity : 1;}
.unit-title  > p{font-size : 83px;font-family : futura-pt-bold;color : #004E50; opacity : 0; transition : opacity 1s, transform 1s;}
.active .unit-title > p{opacity : 1;transform : translateX(116px);transition-delay : .2s;}
.unit-title  > span{display : block; font-size : 16px;letter-spacing : -0.04em;color : #141414;font-weight : 400; opacity : 0;transition : opacity 1s, transform 1s;}
.active .unit-title > span{opacity : 1;transform : translateX(116px);;transition-delay : .4s;}
.unit-slide-box{width: 586px;height: 586px;overflow : hidden;position : absolute;left : 50%;transform : translateX(calc(-50% + 200px)) scale(0.5);opacity : 0;transition : transform 1s, opacity 1s;}
.active .unit-slide-box{transform : translateX(calc(-50% + 200px)) scale(1);opacity : 1;}
.unit-slide{display : flex;justify-content : Center; width : 100%;height : 100%;border-radius : 50%;background : #fff;}
.unit-slide .swiper-slide{display : flex;flex-direction : column;align-items : center;padding-top: 52px;opacity : 0;pointer-events : none;transition : opacity .5s;}
.unit-slide .swiper-slide-active{opacity : 1;pointer-events : all;}
.unit-slide-title{margin-bottom: 0;font-size : 54px;color : #364C5B; font-family : futura-pt-bold}
.unit-slide-sedae{font-size : 20px;font-weight : 700;letter-spacing : -0.04em;color : #2B2B2B; margin-bottom: 33px;}
.unit-slide-img,.unit-slide-img > img{mix-blend-mode : darken}

.unit-navigation{display : flex;justify-content : center;align-items : end;gap : 28px;position : absolute;bottom : 64px;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;}
.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 : absolute;background : 0#fff;right : 0;top : 50%;transform : translateY(-50%) translateX(100%);transition : transform 1s;}
.active .unit-btn-box{transform : translateY(-50%) translateX(0);}
.unit-btn-box::after{display : flex;align-items : Center;justify-content : center; position : absolute;content : 'UNIT INFO';width : 52px;height : 100%;background : #80736A;right : 100%;top : 0;writing-mode: vertical-lr;color : #fff;font-family : futura-pt-bold;font-size : 21px;border-radius : 24px 0 0 24px;;cursor : pointer;}
.unit-btn-box > ul{padding : 15px 0;}
.unit-btn-box > ul > li{display : flex; align-items : center;gap : 25px;font-size : 24px;font-family : futura-pt-bold;color : #9D9D9D;transition : color .5s;padding : 15px 0 15px 57px;width : 320px;cursor : pointer;}
.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 : 100px;height : 100px;border-radius : 50%;border : 1px solid #D6D6D6;background : #F5F5F5;transition : border-color .5s;}
.unit-btn-box > ul > li.on .unit-btn-img,
.unit-btn-box > ul > li:hover .unit-btn-img{border : 2px solid #80736A}

.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 : 96px;height : 96px;border-radius : 50%;background : #111;position : absolute;right : 64px;top : 15px;}
.unit-rotate-btn::after{width : 127px;height : 127px;position : absolute;content : '';background : url(/hb/2025/rivercent/assets/images/main/unit-rotate-text-new.png)no-repeat center / contain;animation : rotate-text 8s infinite linear;}
/* .unit-left-inner{position : relative;opacity : 0;transform 0: translateX(-100px);transition: opacity 1.2s, transform 1.2s}
.active .unit-left-inner{opacity:1;transform : translateX(0)}
.unit-title{font-size : 83px;font-weight : 700;color : #fff;margin-bottom:6px;font-family : futura-pt-bold;}
.unit-desc{font-size : 16px;letter-spacing : -0.04em;color : #D3CBC6;line-height : 1em;margin-bottom:50px;}
.unit-desc > b{color : #fff;}
.unit-link-box{display : flex;gap : 18px;}
.unit-link-box > a{display : flex;align-items : center;justify-content : center;width : 142px;height : 142px;border-radius : 50%;background : #fff;text-align :center;color : #015152;font-weight :700;font-size : 15px;line-height : 21px;}
.unit-link-box > a:nth-child(2){background : #D3CBC6;color : #111111;}
.unit-rotate-btn{display : flex;align-items : center;justify-content : center;width : 96px;height : 96px;background : #134139;border-radius : 50%;position : absolute;right : 0;top : 72px;transform : translateX(50%);opacity : 0;transition : opacity 1.2s;}
.active .unit-rotate-btn{opacity : 1;}
.unit-rotate-btn::after{position : absolute;content : '';width : 127px;height : 127px;background : url(/hb/2025/rivercent/assets/images/main/unit-rotate-text.png?v=1)no-repeat center;background-size : contain;animation : rotate-text 6s infinite linear;}
.unit-center{width : 100%;overflow : hidden;padding-top:129px;}
.unit-slide{width : 72.7749%;margin : 0 auto 38px;opacity : 0;transform : translateY(100px);transition: opacity 1.2s, transform 1.2s;}
.active .unit-slide{opacity : 1;transform : translateY(0);}
.unit-slide .swiper-slide{display : flex;flex-direction : column;align-items : center;}
.unit-con-title{font-size : 59px;font-family : futura-pt-bold;color : #015152;}
.unit-con-desc{font-size : 20px;color : #2B2B2B;letter-spacing : -0.04em;margin-bottom: 53px;}
.unit-img{width : 100%;height : 367px;}
.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{width : 449px;flex-shrink : 0;height : 100%;opacity : 0;transform : translateX(100px);transition: opacity 1.2s, transform 1.2s;}
.active .unit-right{opacity : 1;transform : translateX(0px);}
.unit-right > .unit-btn-box{border-left : 1px solid #9D9D9D;height : 100%;}
.unit-right > .unit-btn-box .swiper-slide{display : flex;align-items : center;justify-content : center;height : 20%;border-bottom : 1px solid #9D9D9Dcursor : pointer;transition : background .5s;}
.unit-right > .unit-btn-box .swiper-slide:hover{background : #f5f5f5;} */
/* .unit-right > .unit-btn-box > li:last-child{border : none;} */
/* .unit-btn-img{width : 34.7439%;height : 100%;padding : 20px 0;}
.unit-btn-img > img{width : 90%;height : 100%;max-height : 100%;object-fit : contain;object-position : center;mix-blend-mode: darken;}
.unit-right > .unit-btn-box .swiper-slide > span{width : 26.7261%;font-size : 30px;font-family : futura-pt;color : #9F9F9F;font-weight : 500;text-align : right;transition : color .5s;}
.unit-right > .unit-btn-box .swiper-slide-active > span{color : #015152;} */
/**/
.main-section-schedule{overflow : hidden; display: flex;justify-content: center;align-items : center;width : 100%;height : 100vh;height : 100svh;background : url(/hb/2025/rivercent/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/rivercent/assets/images/main/schedule-rotate-text.png?v=1)no-repeat center;background-size: contain;animation : rotate-text 6s infinite linear;}
/**/

@media(max-width : 1200px){
	.scroll{width : 100%;padding : 30px; bottom : 20px;}
	.scroll-icon{width : 30px;height : 30px;}
	.scroll-down{font-size : 14px;gap : 10px;}

    /**/
	.main-section-visual{/* padding-top : 150px */}
	.visual-inner{padding-top: 18vh;}
	.visual-desc1{font-size : 30px;}
	.visual-desc2{font-size : 48px;margin-bottom: 10px;}
	.visual-line{height : 35px;margin-bottom: 25px;}
	.visual-title{max-width : 230px;margin-bottom: 20px;}
	.visual-logo{font-size : 18px;/* max-width : 180px; */}
	.visual-bg > img.moView{object-position : center bottom;}

	.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 : 580px;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 : 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;}

	/* .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/rivercent/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/rivercent/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;}
}

@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;}

	.visual-desc1{font-size : 24px; white-space : nowrap;}
	.visual-desc2{font-size : 36px;margin-bottom: 10px; white-space : nowrap}
	
	/**/
	/**/

	.premium-inner{flex-direction : column;justify-content : center; gap : 20px;width : 100%; height : 100%;padding : 0 20px;}
	.premium-title-box{gap : 10px;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;}
	.premium-box{width : 100%;max-width : 280px;height : 420px;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;}

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