#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-slide{
	width : 100%;
	height : 100%;
}
.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;
	transform : scale(1.15);
	transition : transform 5s;
}
.swiper-slide-active .visual-bg > img{
	transform : scale(1)
}
.visual-bg > video{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.visual-inner{
	display : flex;
	flex-direction : column;
	align-items : center;
	height : 100%;
	position : relative;
	padding-top : 189px;
}
.visual-desc{
	font-size : 53px;
	font-weight : 300;
	color : #fff;
	letter-spacing : -0.06em;
	margin-bottom: 25px;
	animation : visual-desc 1.2s both;
	text-align : center;
	opacity : 0;
	transform : translateY(-80px);
	transition : opacity 1.2s, transform 1.2s;
}
.swiper-slide-active .visual-desc{
	opacity : 1;
	transform : translateY(0);
}
.visual-line{
	width : 1px;
	height : 0;
	background : #fff;
	margin-bottom: 40px;
	transition : height 1.2s;
}
.swiper-slide-active .visual-line{
	height : 65px;
	transition : height 1.2s 1s;
}
/* .visual-title{
	margin-bottom: 66px;
	animation: visual-title 1.2s both 2s;
}
@keyframes visual-title{
	0%{transform : translateY(50px);opacity : 0}
} */
.visual-logo{
	font-size: 40px;
    font-weight: 500;
    letter-spacing: -0.04em;
    color: #fff;
	white-space : nowrap;
	opacity : 0;
	transition : opacity 0.5s;
}
.swiper-slide-active .visual-logo{
	opacity : 1;
	transition : opacity 0.5s 0.5s;
}
.visual-banner{
	position : absolute;
	top : 120px;
	right : 86px;
	opacity : 1;
	animation : visual-banner 0s both 0s;
}
@keyframes visual-banner{
	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 > 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-family: CarismaClassic;font-weight: 300;color : rgba(19,65,57,0.5);background : url(../../../gocheok/assets/images/main/green_v=1.jpg)no-repeat;-webkit-background-clip: text;background-clip: text;background-size: 0% 100%;transition : background-size 2s;}
.active .premium-title{background-size: 100% 100%;transition-delay : .5s;}
.premium-title > span{font-weight: 400;font-family: CarismaClassic;}
.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 : 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: italiana;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-box-title + small {display: block;text-align: center;color: #aaa;margin-top: 20px;}
.premium-desc{font-size: 16px;color : #134139;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(../../../gocheok/assets/images/main/premium-rotate-text_v=1.png)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(../../../gocheok/assets/images/main/premium-rotate-circle_v=1.png)no-repeat #134139;background-size : cover;background-position : center;}

.premium-sub-title{font-family: futura-pt;font-size: 15px;color : #333333;}
/**/
.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 : 48px;line-height : 1em;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 : #f5f4f2;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 : 0.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 : 0.5s;}
.overview-btn-box{display : flex;gap : 10px;}
/* .overview-big{display : flex;flex-direction : column;align-items : center;justify-content : center;gap : 10px;width : 100px;height : 100px;border-radius : 50%;background : #151515;color : #fff;font-size : 12px;line-height : 1.2em;font-weight : 500;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 0.5s, opacity 0.5s}
.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 0.5s, opacity 0.5s}
.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 : 0.5s ease;box-shadow : 0 0 10px rgba(0,0,0,0.1);}
.active .overview-box{transform : translateY(0);transition-delay : 0.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 : 60px;}
.overview-list > li > div{overflow : hidden}
.overview-desc > p{width : 100%;height : 100%;transform : translateY(100%);transition : 0.5s ease;}
.active .overview-list > li > div > p{transform : translateY(0);transition-delay : 0.5s;}
.overview-desc small{font-size : 14px;font-weight : 300;}
.overview-name{font-size : 16px;color : #999;}
.overview-name > p{transition : transform 0.5s;transform : translateY(-100%);}
.overview-line{width : 0;height : 1px;background : #aaa;transition : 0.5s ease;margin-bottom:0;}
.active .overview-line{width : 100%;transition-delay : 0.5s;}

/* .overview-bg > .overview-bg-box img.overview-popup{
	display : none;
	position : absolute;
	top : 20%;
	max-width : 500px;
	    right: 30%;
	height : auto;
	z-index : 10;
} */
.overview-popup{
	display : none;
	align-items : center;
	justify-content : center;
	position : fixed;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	background : rgba(0,0,0,0.7);
	z-index : 100;
}
.overview-popup-img{position : absolute;left : 50%;top : 50%;transform : translate(-50%,-50%);width : 71.25vw;max-width : 1368px;}
.overview-popup-img > a{display : block; position : absolute; width : 5%;height : 20%;top : 4%;right : 1.5%;}
.overview-btn-box{
	display : flex;
	gap : 10px;
}
.overview-btn{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
	gap : 10px;
	width : 100px;
	height : 100px;
	border-radius : 50%;
	background : #951b80;
	color : #fff;
	font-size : 12px;
	line-height : 1.2em;
	font-weight : 500;
	cursor : pointer;
	text-align : center;
}
.overview-btn > span{
	font-family : futura-pt;
	font-size : 14px;
	letter-spacing : 0.1em;
}

.overview-big{
	display : flex;
	flex-direction : column;
	align-items : center;
	justify-content : center;
	gap : 10px;
	width : 100px;
	height : 100px;
	border-radius : 50%;
	background : #151515;
	color : #fff;
	font-size : 12px;
	line-height : 1.2em;
	font-weight : 500;
	cursor : pointer;
	text-align : center;
}
.overview-big > span{
	font-size : 16px;
	font-weight : 400;
	transition : transform .5s;
}
.overview-big:hover > span{
	transform : rotate(90deg);
}
@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-logo {width: 200px;margin-bottom: 30px;} */
	.visual-tit {width: 450px;margin-bottom: 50px;}
	.visual-logo-kor {width: 300px;}
	.visual-obj {width: 250px;bottom: 80px;}

	/**/

	.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: 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;}
	.premium-sub-title{font-size: 12px;}
	.premium-box-title + small {margin-top: 15px; font-size : 13px}

	/**/
	.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%;}
	.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 : auto; padding : 30px 0;}
	.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;}
	/* .overview-popup{display : none !important} */
	.overview-mo-btn-box{display : flex;gap : 5px;align-items : center;position : absolute;right : 50%;bottom : 20px;white-space : nowrap;line-height: 1em; transform : translateX(50%)}
	.overview-mo-btn-box.moView{display : flex !important;}
	.overview-mo-big{display : block;padding : 7px 15px;background : #000;color : #fff;letter-spacing : -0.04em;font-weight : 500;font-size : 13px;border-radius : 100px;}
	.moView .overview-btn{display : block;padding : 7px 15px;background : #951b80;color : #fff;letter-spacing : -0.04em;font-weight : 500;font-size : 16px;border-radius : 100px;;width : auto;height:auto;}
	.overview-popup .moView.overview-popup-img{
		width : 95%;
		background : #fff;
		border-radius : 10px;
		border : 1px solid #951b80;
		padding : 15px 15px 10px;
		letter-spacing : -0.04em;
	}
	.overview-popup .moView.overview-popup-img h3{font-size : 16px;margin-bottom: 20px;color : #951b80;position : relative;}
	.overview-popup .moView.overview-popup-img h3::after{position : absolute;content : '';width : 30px;height : 1px;background : #951b80;bottom : -10px;left : 0;}
	.overview-popup .moView.overview-popup-img p{font-size : 12px;}
	.overview-popup .moView.overview-popup-img p > small{display : block;margin-top: 10px;}
	.overview-popup .moView.overview-popup-img .overview-popup-x{
		display : block;
		width : 100%;
		background : #951b80;
		color : #fff;
		font-size : 14px;
		text-align : center;
		padding : 5px 0;
		position : static;
		margin-top: 20px;
		border-radius : 100px;
	}
}

@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-inner{
		padding-top : 150px;
	}
	.visual-desc{
		font-size : 24px;
	}
	.visual-line{
		margin-bottom: 25px;
	}
	.swiper-slide-active .visual-line{
		height : 50px;
	}
	.visual-title{
		max-width : 280px;
		margin-bottom: 50px;
	}
	.visual-logo{
		/* max-width : 150px; */
		font-size : 25px;
	}
	.visual-banner{
		width : 120px;
		top : 70px;
		right : 20px;
	}
	/**/

	.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: 36px;}
	.premium-title-desc{font-size: 14px;line-height: 1.2em;}
	.premium-box{width : 100%;max-width : 280px;height : 460px;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;
    color: #000000;
}
	.premium-rotate-btn{width : 80px;height : 80px;}
	.premium-rotate-circle{width : 65px; height : 65px;}
	.premium-sub-title{font-size: 10px;}
	.premium-box-title + small {margin-top: 10px; font-size : 10px}

	/**/
	.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% - 240px)}
	.overview-inner{display : none;}
	.overview-box{padding : 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;}
	
}