#wrap{
    overflow : hidden;
}
.quick-menu{
	display : flex;
	width : 252px;
	height : 49px;
	position : fixed;
	bottom : 0;
	right : 88px;
	border-radius : 22px 22px 0 0;
	background : #fff;
	z-index : 10;
}
.quick-menu > li{
	display : flex;
	align-items : center;
	width : calc(100% / 4);
	position : relative;
}
.quick-menu > li:not(:last-child)::after{
	position : absolute;
	content : '';
	width : 1px;
	height : 53.0612%;
	background : #DEDEDE;
	right : 0;
	transform : translateX(50%);
}
.quick-menu > li > a{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 100%;
	border-radius : 20px 20px 0 0;
	transition : background .3s;
}
.quick-menu > li:hover > a{
	background : #831616;
}
.quick-menu .quick-icon{
	transition : background .3s;
}
.quick-menu > li:nth-child(1) .quick-icon{
	width : 22px;
	height : 26px;
	background : url(../images/main/prugio-icon-01.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(1):hover .quick-icon{
	background : url(../images/main/prugio-icon-01-white.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(2) .quick-icon{
	width : 25px;
	height : 26px;
	background : url(../images/main/prugio-icon-02.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(2):hover .quick-icon{
	background : url(../images/main/prugio-icon-02-white.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(3) .quick-icon{
	width : 26px;
	height : 18px;
	background : url(../images/main/prugio-icon-03.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(3):hover .quick-icon{
	background : url(../images/main/prugio-icon-03-white.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(4) .quick-icon{
	width : 22px;
	height : 22px;
	background : url(../images/main/prugio-icon-04.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li:nth-child(4):hover .quick-icon{
	background : url(../images/main/prugio-icon-04-white.png)no-repeat center;
	background-size : contain;
}
.quick-menu > li .name{
	padding : 10px;
	border-radius : 100px;
	background : #8B7C6F;
	color : #fff;
	font-size : 12px;
	font-weight : 700;
	letter-spacing : -0.04em;
	position : absolute;
	bottom : calc(100% + 5px);
	white-space : nowrap;
	opacity : 0;
	transform : translateY(30px);
	transition : opacity .3s, transform .3s;
	pointer-events : none;
}
.quick-menu > li:hover .name{
	opacity : 1;
	transform : translateY(0px);
}
.scroll{
	width : 1744px;
	position : fixed;
	height : 0;
	bottom : 50px;
	left : 50%;
	transform : translateX(-50%);
	z-index : 100;
	pointer-events : none;
	opacity : 1;
	transition : opacity 1s;
}
.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 : #831616;
	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;
	background : #fff;
	position : relative;
	overflow: hidden;
}
.visual-bg{
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	z-index : 0;
}
.video-container{
	width : 100%;
	height : 100%;
}
.video-container > video{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.visual-inner{
	width : 100%;
	max-width : 1920px;
	height : 50.5208vw;
	max-height : 970px;
	position : relative;
	mask-image: linear-gradient(to top, transparent 10%, #fff 20%, #fff 80%, transparent 90%);
}
.visual-title-box{
	width : 100%;
	height : 100%;
	mask-image: linear-gradient(to right, transparent 3%, #fff 6%, #fff 98%, transparent 99%);
	perspective: 1000px;
}
.visual-title-01{
	position : absolute;
	width : 34.375vw;
	max-width : 660px;
	height : 29.8958vw;
	max-height : 574px;
	background : url(../../../../../assets/images/main/visual-title-01.html)no-repeat;
	background-size: cover;
	top : 0;

	clip-path: inset(63% 0% 0% 33%);
	animation : visual-title-01 3s both;
	animation-delay: 1s;
}
@keyframes visual-title-01 {
	0%{
		transform: scale(0.5);
		clip-path: inset(63% 0% 0% 33%);
		left : 0;
	}
	50%{
		left : 9%;
		clip-path: inset(63% 0% 0% 33%);
	}
	100%{
		left : 0%;
		clip-path: inset(0% 0% 0% 0%);
	}
}
.visual-title-02{
	position : absolute;
	width : 48.0208vw;
	max-width : 922px;
	height : 30.9896vw;
	max-height : 595px;
	background : url(../images/main/visual-title-02.png)no-repeat;
	background-size: cover;
	bottom : 0;
	clip-path: inset(0% 5% 66% 0%);
	animation : visual-title-02 3s both;
	animation-delay: 1s;
}
@keyframes visual-title-02 {
	0%{
		transform: scale(0.5);
		clip-path: inset(0% 5% 66% 0%);
		right : 0%;
	}
	50%{
		clip-path: inset(0% 5% 66% 0%);
		right : 9%;
	}
	100%{
		right : 0;
		clip-path: inset(0% 0% 0% 0%);
	}
}
.visual-title-num{
	max-width : 259px;
	width : 13.4896vw;
	max-height : 386px;
	height : 20.1042vw;	
	background : url(../images/main/visual-title-num.png)no-repeat;
	background-size: cover;
	position : absolute;
	z-index: 1;
	left : 36.3021%;
	top : 25%;
	animation : visual-title-num 2s both;
	animation-delay: 2.5s;
}
@keyframes visual-title-num {
	0%{
		transform: rotateY(80deg) translateY(100px);
		filter: blur(20px);
		opacity: 0;
	}
	100%{
		transform: rotateY(0) translateY(0);
		filter: blur(0px);
		opacity: 1;
	}
}
.visual-desc{
	font-size: 20px;
	letter-spacing: -0.04em;
	line-height: 29px;
	color : #111111;
	position : absolute;
	top : 65%;
	left : 11.2%;
	animation : visual-desc 1s both;
	animation-delay: 2.5s;
}
@keyframes visual-desc {
	0%{
		transform: translateY(100px);
		opacity: 0;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}
/**/
.main-section-intro{
	display : flex;
	align-items : center;
	justify-content : center;
	width: 100%;
	height : 100vh;
	height : 100svh;
	background : #fff;
	position : relative;
}
.intro-bg{
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	z-index : 0;
	/* background : url(/assets/images/main/visual-bg-01.jpg); */
	background-size : cover;
	background-position : center;
	clip-path: circle(15.0% at 50% 50%);
	animation : intro-bg 4.5s both ease;
	animation-delay : 3.5s;
}
@keyframes intro-bg {
	0%{
		clip-path: circle(15.0% at 50% 50%);
	}
	20%{
		clip-path: circle(12.0% at 50% 50%);
	}
	100%{
		clip-path: circle(100.0% at 50% 50%);
	}
}
.intro-bg > iframe{
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%, -50%);
	width : 120%;
	height : 120%;
}
.intro-inner{
	display : flex;
	align-items : center;
	width: 1457px;
	height : 217px;
	position : relative;
}
.intro-title-01{
	position : absolute;
	left : 0;
	font-size : 53px;
	font-weight : 100;
	color : #111111;
	letter-spacing : -0.06em;
	line-height : 76px;
	text-align : center;
}
.intro-title-01 span{
	font-family : CarismaClassic;
	font-weight : 400;
	letter-spacing : 0em;
}
.intro-title-01 > p{
	mask-image : linear-gradient(to left, transparent 100%, black 100%);
}
.intro-title-01 > p:nth-child(1){
	mask-image : linear-gradient(to left, transparent 100%, black 100%);
	transform : translateY(-50px);
}
.intro-title-01 > p:nth-child(2){
	mask-image : linear-gradient(to right, transparent 100%, black 100%);
	transform : translateY(50px);
	font-weight : 500;
}
.intro-title-02{
	display : flex;
	flex-direction : column;
	align-items : center;
	/* gap : 17px; */
	position : absolute;
	right : 0;
}
.intro-title-02 > p{
	font-family : Nanum Myeongjo;
	font-weight : 400;
	font-size : 71px;
	letter-spacing : -0.06em;
	color : #961e1e;
	filter : blur(7px);
	opacity : 0;
	text-align : center;
}
.intro-title-02 > p:nth-child(1){
	transform : translateX(-50px) skew(5deg);
	margin-bottom : 22px;
}
.intro-title-02 > p:nth-child(2){
	transform : translateX(50px) skew(-5deg);
}
.intro-logo{
	margin-top : 50px;
	transform : translateY(50px);
	filter : blur(7px);
	opacity : 0;
}
.intro-dot{
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate(-50%, -50%);
	width : 1px;
	height : 0;
	background : #961e1e;
}
.intro-banner{
	display : flex;
	width : 100%;
	max-width : 1744px;
	margin : 0 auto;
	position : absolute;
	top : 100px;
	animation : intro-banner 2s both 4.5s;
	padding-left : 10px;
}
@keyframes intro-banner{
	0%{
		transform : translateY(50px);
		opacity : 0;
	}
	100%{
		transform : translateY(0px);
		opacity : 1;
	}
}
.intro-banner > span{
	background : #004a44;
	border : 1px solid #fff;
	border-radius : 6px;
	font-size : 16px;
	padding : 7px 9px;
	color : #fff;
	letter-spacing : -0.06em;
	font-weight : 500;
}
/**/
/**/
.main-section-premium{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100vh;
	height : 100svh;
    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, black 0%, transparent 0%); */
}
.premium-bg > img:nth-child(1){
    mask-image: linear-gradient(to right, black 100%, transparent 0%);
}
.premium-bg > img:nth-child(2){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-bg > img:nth-child(3){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-bg > img:nth-child(4){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-bg > img:nth-child(5){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-bg > img:nth-child(6){
    mask-image: linear-gradient(to right, transparent 100%, black 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: 200;
    color : #831616;
    background : url(../images/main/green.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;
}
.premium-title-desc{
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color : #212121;
    position : relative;
}
.premium-title-desc > b{
    font-weight: 500;
	font-size : 22px;
}
.premium-title-desc::after{
	display : none;
    position : absolute;
    content: '';
    /* width : 230px; */
    width : 0;
    height : 1px;
    background : #961e1e;
    opacity: 0.4;
    bottom : 10px;
    left : 115px;
    transition : width 2s;
}
.active .premium-title-desc::after{
    width : 230px;
    transition-delay: 1s;
}
.premium-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    width : 488px;
    /* height : 638px; */
	height : 680px;
    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;

    position : absolute;
    left : 0;
    top : 0;
}
.premium-box > .premium-box-img > img:nth-child(1){
    mask-image: linear-gradient(to right, black 100%, transparent 0%);
}
.premium-box > .premium-box-img > img:nth-child(2){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-box > .premium-box-img > img:nth-child(3){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-box > .premium-box-img > img:nth-child(4){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-box > .premium-box-img > img:nth-child(5){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-box > .premium-box-img > img:nth-child(6){
    mask-image: linear-gradient(to right, transparent 100%, black 0%);
}
.premium-desc-box{
    padding-top : 18px;
    width : 100%;
    height : 100%;
    position : relative;
}
.premium-desc-box > div{
    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 : #961e1e;
    margin-bottom : 20px;
    text-align: center;
    font-weight: 400;
}
.premium-box-title{
    font-size: 24px;
    color : #961e1e;
    letter-spacing: -0.04em;
    margin-top : 6px;
    text-align: center;
}
.premium-desc{
    text-align: center;
    font-size: 16px;
    color : #919191;
    letter-spacing: -0.04em;
    line-height: 24px;
}
.premium-desc > span{
    color : #961e1e;
    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 img{
    transition : .5s;
}
.premium-rotate-btn:hover img{
    transform: translateX(10px);
}
.premium-rotate-btn::after{
    position : absolute;
    content: '';
    width : 100%;
    height : 100%;
    background : url(../images/main/premium-rotate-text.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 : #961e1e;
	background : url(../images/main/premium-rotate-circle.png)no-repeat #961e1e;
	background-size : cover;
	background-position : center;
}
/**/
.main-section-envi{
	width : 100%;
	height : 100vh;
	height : 100svh;
	background : #fff;
	padding-top : 78px;
}
.envi-list{
	display : flex;
	flex-direction : column;
	align-items : stretch;
	width : 100%;
	height : 100%;
	overflow : hidden;
	background : #aaa;
}
.envi-list > li{
	width : 100%;
	height : 150px;
	background : #fff;
	/* border-bottom : 1px solid #aaa; */
	overflow : hidden;
	flex-shrink : 0;
}
.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 : #831616;
}
.envi-title > span{
	font-size : 16px;
	font-family : CarismaClassic;
	font-weight : 400;
	letter-spacing :  0.2em;
	color : #111111;
}
.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{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.envi-img > video{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.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 : #111111;
}
.envi-desc-box > p{
	/* font-size : 15px; */
	font-size : 20px;
	color : #111111;
	font-weight : 300;
	line-height : 28px;
}
/**/
.main-section-overview{
	width : 100%;
	height : 100vh;
	height : 100svh;
	position : relative;
	overflow : hidden;
	background : #fff;
}
.overview-bg{
	width : 100%;
	height : 100%;
	background : url(../images/main/overview-map3a96.jpg?v=1218)no-repeat #f7f8fa;
	background-size : contain;
	background-position : center;
	color : #fff;
	font-size : 50px;
	letter-spacing : -0.05em;
	transition : height 1s ease;
}
.active .overview-bg{
	height : calc(100% - 260px);
	transition-delay : 2s;
}
.overview-bg-title{
	width : 100%;
	max-width : 1744px;
	letter-spacing : -0.04em;
	margin : 0 auto;
	padding-top : 157px;
}
.overview-bg-title > p:nth-child(1){
	font-size : 29px;
	font-weight : 300;
	color : #111111;
}
.overview-bg-title > p:nth-child(2){
	font-size : 40px;
	color : #961e1e;
	line-height : 46px;
	color : rgba(19,65,57,.4);
	background : url(../images/main/green2.jpg)no-repeat;
	background-size : 0 100%;
	-webkit-background-clip : text;
	background-clip : text;
	transition : background-size 3s;
}
.active .overview-bg-title > p:nth-child(2){
	background-size : 100% 100%;
}
.overview-box{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	/* height : 350px; */
	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 : 1s;
}
.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%;
}
.overview-list > li{
	display : flex;
	flex-direction : column;
	gap : 15px;
	width : 20%;
	font-size : 16px;
	letter-spacing : -0.04em;
}
.overview-list > li.long{
	width : 30%;
}
.overview-desc{
	font-weight : 500;
	height : 60px;
}
.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 span{
	font-weight : 700;
}
.overview-desc small{
	font-size : 14px;
}
.overview-name{
	font-size : 16px;
	color : #999;
}
.overview-name > p{
	transform : translateY(-100%);
}
.overview-line{
	width : 0;
	height : 1px;
	background : #aaa;
	transition : 1s ease;
}
.active .overview-line{
	width : 100%;
	transition-delay : 1.5s;
}
/**/
.main-section-media{
	width : 100%;
	min-height : 100vh;
	height : 100svh;
	padding-bottom : 50px;
}
.media-inner{
	width : 100%;
	max-width : 1600px;
	padding : 0 50px;
	margin : 0 auto;
}
.media-title{
	font-family : CarismaClassic;
	font-weight : 400;
	font-size : 83px;
	margin-bottom : 9px;
	color : #831616;
}
.media-sub-title{
	font-size : 18px;
	letter-spacing : -0.04em;
	color : #831616;
	font-weight : 400;
	margin-bottom : 31px;
}
.media-list{
	border-top : 1px solid #E5E5E5;
}
.media-list > li{
	border-bottom : 1px solid #E5E5E5;
	background : #fff;
}
.media-list > li > a{
	display : flex;
	flex-direction : column;
	justify-content : end;
	align-items : start;
	height : 146px;
	font-size : 40px;
	color : #111111;
	letter-spacing : -0.04em;
	font-weight : 300;
	padding-bottom : 28px;
	transform : translateX(0);
	transition : transform .3s;
	position : relative;
}
.media-list > li:hover > a{
	transform : translateX(125px);
	color : #831616;
	font-weight : 700;
}
.media-arrow{
	opacity : 0;
	transition : opacity .3s;
	position : absolute;
	left : -125px;
}
.media-name{
	font-size : 15px;
	font-weight : 300;
	color : #949599;
}
.media-list > li:hover .media-arrow{
	opacity : 1;
}
.media-desc{
	align-self : center;
	font-size : 18px;
	width : 500px;
	max-height : 320px;
	color : #fff;
	background : #831616;
	font-weight : 400;
	padding : 50px 60px;
	border-radius : 32px;
	top : 50%;
	right : 116px;
	overflow : hidden;
	text-overflow : ellipsis;
	pointer-events : none;
	opacity : 0;
	position : absolute;
	z-index : 100;
}
.media-list > li:hover .media-desc{
	animation : media-desc 2s both;
	opacity : 1;
	pointer-events : all;
}
@keyframes media-desc {
	0%{
		transform : translateY(calc(-50% + 20px)) translateX(20px);
		opacity : 1;
	}
	100%{
		transform : translateY(-50%) translateX(0px);
		opacity : 1;
	}
}
/**/
.main-section-location{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100vh;
	height : 100svh;
}
.location-title{
    font-size: 83px;
    color : rgba(19,65,57,0.4);
    background : url(../images/main/green.jpg)no-repeat;
    background-size: 0 100%;
    -webkit-background-clip: text;
    background-clip : text;
    font-weight: 400;
    font-family: CarismaClassic;
    margin-bottom : 12px;
    transition : background-size 2s;
}
.active .location-title{
    background-size : 100% 100%;
}
.location-desc{
    font-size: 28px;
    letter-spacing: -0.04em;
    color : rgba(19,65,57,0.4);
    margin-bottom : 63px;
    background : url(../images/main/green.jpg)no-repeat;
    background-size: 0 100%;
    -webkit-background-clip: text;
    background-clip : text;
    transition : background-size 2s;
}
.active .location-desc{
    background-size : 100% 100%;
    transition-delay : .5s;
}
.location-inner{
    display: flex;
    justify-content: space-between;
    width : 100%;
    max-width : 1026px;
}
.location-inner > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 18px;
    opacity: 0;
    transition : opacity 2s, transform 2s;
}
.location-left{
    transform: translateX(-100px);
}
.location-right{
    transform: translateX(100px);
}
.active .location-inner > div{
    transform: translateX(0);
    opacity: 1;
}
.location-map{
	border : 1px solid #ddd;
}
.location-address{
    display: flex;
    align-items: center;
    gap : 25px;
    font-size: 18px;
    letter-spacing: -0.04em;
    color : #111111;
}
.location-address > span{
    display: flex;
    align-items: center;
    position : relative;
    color : #961e1e;
    font-weight: 700;
}
.location-address > span::after{
    position : relative;
    content: '';
    right : -13px;
    width : 1px;
    height : 15px;
    background : #961e1e;
    transform: translateY(1px);
}
.location-btn-box{
    display: flex;
    gap : 8px;
}
.location-btn-box > a{
    display: flex;
    align-items: center;
    gap : 17px;
    width : 171px;
    height : 47px;
    border-radius: 100px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding : 4px;
    font-size: 14px;
    letter-spacing: -0.06em;
    font-weight: 500;
    transition : background .5s;
}
.location-btn-box > a.naver{
    background : #961e1e;
    color : #fff;
}
.location-btn-box > a.kakao{
    background : #fff;
    color : #111111;
}
.location-btn-box > a.kakao:hover{
    background : #961e1e;
    color : #fff;
}
.location-btn-box > a > div{
    width : 40px;
    height : 40px;
    border-radius: 50%;
    background : url(../images/main/naver-dark.png)no-repeat #fff;
    background-position : center;
    transition : background .5s;
}
.location-btn-box > a.naver:hover > div{
    background : url(../images/main/naver-white.png)no-repeat #961e1e;
    background-position : center;
}
.location-btn-box > a.kakao > div{
    background : url(../images/main/kakao-white.png)no-repeat #961e1e;
    background-position : center;
}
.main-section-customer{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 100%;
	height : 100vh;
	height : 100svh;
	position : relative;
}
.customer-bg{
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	z-index : -1;
}
.customer-bg > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.customer-inner{
	display : flex;
	width : 100%;
	max-width : 1600px;
	padding : 150px 50px 0;
}
.customer-left{
	width : 53%;
	transform : translateX(-100px);
	opacity :0;
	transition : transform 1s, opacity 1s;
}
.customer-right{
	transform : translateX(100px);
	opacity :0;
	transition : transform 1s, opacity 1s;
}
.active .customer-left,
.active .customer-right{
	transform : translateX(0px);
	opacity :1;
}
.customer-title{
	display : inline-block;
	font-size : 83px;
	font-family : CarismaClassic;
	font-weight : 400;
	color : rgba(1,81,82,0.4);
	background : url(../images/main/green.jpg)no-repeat;
	-webkit-background-clip : text;
	background-clip : text;
	background-size : 0% 100%;
	margin-bottom: 29px;
	transition: background-size 1s;
}
.active .customer-title{
	background-size : 100% 100%;
}
.customer-logo{
	margin-bottom : 24px;
}
.customer-desc{
	display : flex;
	flex-direction : column;
	font-size : 18px;
	letter-spacing : -0.06em;
	font-weight : 500;
	color : #141414;
	line-height : 28px;
}
.customer-desc > span{
	color : #831616;
}
.customer-table-title{
	font-size : 26px;
	color : #141414;
	letter-spacing : -0.06em;
	font-weight : 500;
	margin-bottom : 24px;
}
.customer-table{
	width : 692px;
	letter-spacing : -0.06em;
}
.customer-table > li{
	display : flex;
	gap : 14px;
	width : 100%;
}
.customer-table > li > .customer-th{
	display : flex;
	align-items : center;
	width : 136px;
	height : 44px;
	border-bottom : 1px solid #D6D6D6;
	color : #141414;
	font-weight : 500;
}
.customer-table > li > .customer-input-box{
	display : flex;
	flex : 1;
}
.customer-table > li:nth-child(1) > .customer-th,
.customer-table > li:nth-child(1) > .customer-input-box{
	border-top : 1px solid #23221F;
}
.customer-table > li > .customer-input-box > input.customer-name{
	height : 100%;
	width : 100%;
	background : none;
	border : none;
	border-bottom : 1px solid #D6D6D6;
}
.customer-table > li > .customer-input-box.radio{
	display : flex;
	gap : 19px;
	border-bottom : 1px solid  #D6D6D6;
	font-size : 15px;
}
.customer-table > li > .customer-input-box > label{
	display : flex;
	align-items : center;
	gap : 5px;
}
.customer-table > li > .customer-input-box.tel{
	display : flex;
	align-items : center;
	gap : 5px;
}
.customer-table > li > .customer-input-box.tel > select{
	width : 33.3333%;
	height : 100%;
	background : none;
	border : none;
	border-bottom : 1px solid #D6D6D6;
}
.customer-table > li > .customer-input-box.tel > input{
	width : 33.3333%;
	height : 100%;
	background : none;
	border : none;
	border-bottom : 1px solid #D6D6D6;
}
.customer-table > li > .customer-input-box.address{
	display : flex;
	gap : 18px;
}
.customer-table > li > .customer-input-box.address > select{
	width : 50%;
	height : 100%;
	background : none;
	border : none;
	border-bottom : 1px solid #D6D6D6;
}
.customer-table > li > .customer-input-box.info{
	display : flex;
	align-items : center;
	border-bottom : 1px solid #D6D6D6;
}
.customer-agree{
	display : flex;
	justify-content : space-between;
	margin-top : 15px;
	margin-bottom : 36px;
}
.customer-agree-left{
	display : flex;
	align-items : center;
	font-weight : 500;
	gap : 33px;
	letter-spacing : -0.06em;
}
.customer-agree-box{
	display : flex;
	align-items : center;
	gap : 13px;
	letter-spacing : -0.04em;
	font-size : 15px;
}
.customer-agree-box > label{
	display : flex;
	align-items : center;
	gap : 5px;
}
.customer-info{
	display : flex;
	align-items : center;
	justify-content : center;
	width : 157px;
	height : 30px;
	background : #831616;
	color : #fff;
	letter-spacing : -0.06em;
}
.customer-btn{
	display : flex;
	align-items : center;
	justify-content : center;
	border-radius : 100px;
	gap : 23px;
	width : 256px;
	height : 72px;
	border : 1px solid #A1A1A1;
	font-size : 20px;
	font-weight : 700;
	color : #23221F;
	background : transparent;
	cursor : pointer;
	margin : 0 auto;
	transition : background .3s, color .3s;
}
.customer-btn:hover{
	background : #831616;
	color : #fff;
}
/**/
.sec3Wrap { height: 950px; width: 100%; max-width: 1920px; margin: 0 auto; background: #f7f7f7; display: flex;  align-items: center;    justify-content: flex-start; padding-top: 180px; box-sizing: border-box;flex-direction: column; position : relative;}
.sec3Wrap > .nth1 { margin-bottom: 50px; opacity : 0; transform : translateY(-50px); transition : opacity 1s, transform 1s;}
.sec3Wrap.active > .nth1 {opacity : 1; transform : translateY(0px);}
.sec3Wrap > .nth2 { margin-bottom: 20px; opacity : 0; transform : translateY(-50px); transition : opacity 1s, transform 1s;}
.sec3Wrap.active > .nth2 {opacity : 1; transform : translateY(0px); transition-delay : .1s;}
.sec3Wrap > .nth3 { margin-bottom: 50px; opacity : 0; transform : translateY(-50px); transition : opacity 1s, transform 1s;}
.sec3Wrap.active > .nth3 {opacity : 1; transform : translateY(0px); transition-delay : .2s;}
.sec3Wrap .imgbar { width: 87.7%; height: 460px; max-width: 1684px; position: relative; overflow: hidden; background: url("../images/main/img_sec3_01.png") no-repeat top center; display: flex; align-items: center; justify-content: center; opacity : 0; transform : translateY(-50px); transition : opacity 1s, transform 1s;}
.sec3Wrap.active .imgbar{opacity : 1; transform : translateY(0px); transition-delay : .3s;}
.sec3Wrap .imgbar .nth1 { position: absolute; top: 0; left: 0; border-right: 1px solid rgba(255,255,255,.3);}
.sec3Wrap .sc { width: 202px; height: 202px;  position:absolute;  left: 50%; margin-left: 590px; top: 270px;  display: flex; align-items: center; justify-content: center; z-index: 10;}
.sec3Wrap .sc .b2 {    position:absolute;}
.sec3Wrap .sc .b1 {    animation:rotateLoop 5s infinite linear;}
@keyframes rotateLoop {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/**/
/**********  new   *********/
.main-section-visual-new{
	width : 100%;
	height : 100vh;
	position : relative;
}
.visual-slide{
	width : 100%;
	height : 100%;
}
.visual-new-bg{
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	overflow : hidden;
}
.visual-new-bg > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position :center;
	transform : scale(1.25);
	transition : transform 4s;
}
.swiper-slide-active .visual-new-bg > img{
	transform : scale(1)
}
.visual-new-inner{
	display : flex;
	flex-direction : column;
	align-items : center;
	position : relative;
	margin : 0 auto;
	text-align : center;
	padding-top:125px;
}
.visual-new-title{
	font-size : 46px;
	letter-spacing : -0.06em;
	font-weight : 100;
	color : #111111;
	line-height : 52px;
	opacity : 0;
	transform : translateY(-100px);
	transition : opacity 1.2s, transform 1.2s;
}
.visual-new-title.white{
	color : #000;
}
.swiper-slide-active .visual-new-title{
	opacity : 1;
	transform : translateY(0px)
}
.visual-new-title > b{
	font-weight : 500
}
.visual-new-rect{
	width : 1px;
	height : 0px;
	background : #111111;
	margin : 7px 0 14px;
	transition : height 1.2s;
}
.swiper-slide-active .visual-new-rect{
	height : 63px;
	transition : height 1.2s .5s;
}
.visual-new-rect.white{
	background : #000;
}
.visual-new-copy{
	margin-bottom:20px;
	animation : visual-new-copy 1.2s both 1s;
}
@keyframes visual-new-copy{
	0%{
		opacity : 0;
		transform : translateY(100px)
	}
	100%{
		opacity : 1;
		transform : translateY(0)
	}
}
.visual-new-logo{
	opacity : 0;
	transition : opacity 1.2s;
}
.swiper-slide-active .visual-new-logo{
	opacity : 1;
	transition : opacity 1.2s 1s;
}
.main-section-unit{
	width : 100%;
	height : 100vh;
}
.unit-inner{
	display : flex;
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.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(../images/main/unit-bg.jpg)no-repeat center;
	background-size : cover;
}
.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-left-inner{
	position : relative;
	opacity : 0;
	transform : 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 : #831616;
	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 : #961e1e;
	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(../images/main/unit-rotate-text.png)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 : #831616;
}
.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 : 39.7917%; */
	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 > li{
	display : flex;
	align-items : center;
	justify-content : center;
	height : 20%;
	border-bottom : 1px solid #9D9D9D;
	cursor : pointer;
	transition : background .5s;
}
.unit-right > .unit-btn-box > li: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 > li > 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 > li.on > span{
	color : #831616;
}
/**/
.main-section-schedule{
	 display: flex;
    justify-content: center;
	align-items : center;
	width : 100%;
	height : 100vh;
	height : 100svh;
    background : url(../images/main/schedule-bg3f56.jpg?v=11)no-repeat left bottom;
    background-size: cover;
}
.schedule-inner{
    display: flex;
    justify-content: space-between;
    width : 1600px;
}
.schedule-left{
}
.schedule-title{
    font-size: 83px;
	color : #831616;
    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{
    /* border-bottom : 1px solid rgba(77,77,77,0.4); */
}
.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;
	max-height : 193px;
    background : #fff;
    padding : 40px 0;
    transition : color .3s, background .3s;
}
.calendar > li:hover{
    background : #831616;
    color : #fff;
}
.calendar > li.on{
	background : #831616;
    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 : #831616;
    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(../images/main/schedule-rotate-text.png)no-repeat center;
    background-size: contain;
    animation : rotate-text 6s infinite linear;
}
@media(max-width : 1600px){
	.visual-desc{
		font-size: 18px;
	}
	.scroll{
		width : 100%;
		padding : 30px;
	}
	.scroll-icon{
		width : 30px;
		height : 30px;
	}
	/**/
	.intro-inner{
		width : 90%;
		max-width: 1200px;
		height : 20.5833vw;
		max-height : 203px;
		position : relative;
	}
	.intro-bg > iframe{
		position : absolute;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 200%;
		height : 120%;
	}
	.intro-title-01{
		font-size : 36px;
		line-height : 50px;
	}
	.intro-title-02 > p{
		/* font-size : 45px; */
		
		width : 160px;
	}
	.intro-title-02 > p:nth-child(1){
		width : 250px;
	}
	.intro-title-02 > p:nth-child(2){
		width : 160px;
	}
	.intro-dot{
		position : absolute;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 1px;
		height : 0;
		background : #961e1e;
	}
	.intro-logo{
		width : 250px;
	}
	.intro-banner{
		padding-left : 30px;
	}
	/**/
    .premium-inner{
        display: flex;
        align-items: center;
        justify-content: center;
        width : 70%;
        max-width : 100%;
        height : 500px;
    }
    .premium-title-box{
        gap : 10px;
        padding-top : 60px;
    }
    .premium-title{
        font-size: 50px;
        line-height: 50px;
        font-family: CarismaClassic;
    }
    .premium-title-desc{
        font-size: 14px;
        line-height: 20px;
    }
	.premium-title-desc > b{
		font-size : 16px;
	}
    .premium-title-desc::after{
        bottom : 9px;
        left : 103px;
    }
    .active .premium-title-desc::after{
        width : 106px;
    }
    .premium-box{
        width : 350px;
        height : 550px;
        position : relative;
        padding : 12px;
        flex-shrink: 0;
    }
    .premium-box > .premium-box-img{
        height : 310px;
    }
    .premium-desc-box{
        padding-top : 14px;
    }
    .premium-name{
        font-size: 14px;
        margin-bottom : 16px;
    }
    .premium-box-title{
        font-size: 18px;
        margin-top : 10px;
    }
    .premium-desc{
        font-size: 14px;
        line-height: 20px;
    }
    .premium-desc > span{
        color : #961e1e;
        font-weight: 500;
    }
    .premium-rotate-btn{
        width : 100px;
        height : 100px;
    }
    .premium-rotate-btn img{
        width : 30px;
    }
    .premium-rotate-circle{
        width : 75px;
        height : 75px;
    }
	/**/
	.main-section-envi{
		padding-top : 50px;
	}
	.envi-list > li{
		width : 100%;
		height : 100px;
	}
	.envi-list > li:nth-child(1){
		height : 100%;
	}
	.envi-inner{
		max-width : none;
		padding : 0 30px;
	}
	.envi-title{
		gap : 0px;
		width : 100%;
		height : 100px;
		font-size : 35px;
		line-height : 35px;
	}
	.envi-img{
		width : 300px;
		height : 200px;
		border-radius : 10px;
		top : 30px;
		right : 30px;
	}
	.envi-title > span{
		font-size : 13px;
	}
	.envi-desc-box{
		display : flex;
		flex-direction : column;
		gap : 10px;
		position : relative;
		padding-top : 15px;
	}
	.envi-desc-box > p{
		font-size : 14px;
		line-height : 20px;
	}
	.envi-desc-box::after{
		width : 40px;
	}
	.envi-desc-box > span{
		font-size : 20px;
	}
	/**/
	.overview-bg{
		padding : 0 30px;
	}
	.overview-bg-title{
		padding-top : 100px;
	}
	.overview-bg-title > p:nth-child(1){
		font-size : 20px;
	}
	.overview-bg-title > p:nth-child(2){
		font-size : 30px;
		line-height : 36px;
	}
	.overview-box{
		height : 400px;
		padding : 0 30px;
	}
	.overview-box-inner{
		gap : 30px;
		max-width : none;
	}
	.overview-title{
		font-size : 30px;
	}
	.overview-list{
		display : flex;
		flex-wrap : wrap;
		gap : 30px 10px;
		width : 100%;
	}
	.overview-list > li{
		gap : 10px;
		width : 20%;
		font-size : 16px;
		letter-spacing : -0.04em;
	}
	.overview-list > li.long{
		/* width : 30%; */
		width : 20%;
	}
	.overview-list > li:nth-child(1),
	.overview-list > li:nth-child(2){
		width : calc(50% - 5px);
	}
	.overview-list > li:nth-child(3),
	.overview-list > li:nth-child(4),
	.overview-list > li:nth-child(5){
		width : calc(33% - 5px);
	}
	.overview-desc{
		font-weight : 500;
		height : 50px;
	}
	.overview-list > li > div{
		overflow : hidden;
	}
	.overview-desc > p{
		width : 100%;
		height : 100%;
		transform : translateY(100%);
	}
	.overview-desc span{
		font-weight : 700;
	}
	.overview-desc small{
		font-size : 14px;
	}
	.overview-name{
		font-size : 14px;
		color : #999;
	}
	/**/
	.main-section-media{
		min-height : 0;
	}
	.media-inner{
		max-width : none;
		padding : 0 30px;
	}
	.media-title{
		font-size : 45px;
		margin-bottom : 5px;
	}
	.media-sub-title{
		font-size : 14px;
		margin-bottom : 20px;
	}
	.media-list > li > a{
		height : 90px;
		font-size : 30px;
		padding-bottom : 10px;
	}
	.media-arrow{
		opacity : 0;
		transition : opacity .3s;
		position : absolute;
		left : -125px;
	}
	.media-name{
		font-size : 13px;
	}
	.media-list > li:hover .media-arrow{
		opacity : 1;
	}
	/**/
    .location-title{
        font-size: 50px;
        margin-bottom : 8px;
    }
    .location-desc{
        font-size: 20px;
        margin-bottom : 50px;
    }
    .location-inner{
        display: flex;
        justify-content: center;
        gap : 10px;
        width : 90%;
        max-width : 100%;
    }
    .location-inner > div{
        gap : 15px;
    }
    .location-address{
        display: flex;
        align-items: center;
        gap : 20px;
        font-size: 12px;
        letter-spacing: -0.04em;
        color : #111111;
    }
    .location-address > span{
        white-space: nowrap;
    }
    .location-address > span::after{
        position : relative;
        content: '';
        right : -13px;
        width : 1px;
        height : 15px;
        background : #961e1e;
        transform: translateY(1px);
    }
    .location-btn-box{
        display: flex;
        gap : 5px;
    }
    .location-btn-box > a{
        gap : 10px;
        width : 130px;
        height : 35px;
        padding : 3px;
        font-size: 11px;
    }
    .location-btn-box > a > div{
        width : 28px;
        height : 28px;
    }
	/**/
	.main-section-customer{
		height : auto;
		padding : 100px 30px;
	}
	.customer-inner{
		display : flex;
		flex-direction : column;
		gap : 30px;
		max-width : none;
		padding-top : 0;
	}
	.customer-left{
		width : 100%;
	}
	.customer-title{
		font-size : 45px;
		margin-bottom: 20px;
	}
	.customer-logo{
		width : 200px;
		margin-bottom : 18px;
	}
	.customer-desc{
		font-size : 16px;
		line-height : 24px;
	}
	.customer-table-title{
		font-size : 18px;
		margin-bottom : 18px;
	}
	.customer-table{
		width : 100%;
	}
	.customer-table > li{
		gap : 10px;
	}
	.customer-table > li > .customer-th{
		width : 110px;
	}
	.customer-table > li > .customer-input-box.radio{
		gap : 15px;
		font-size : 14px;
	}
	.customer-table > li > .customer-input-box.address{
		gap : 15px;
	}
	.customer-agree{
		margin-top : 10px;
		margin-bottom : 20px;
	}
	.customer-agree-left{
		gap : 20px;
	}
	.customer-agree-box{
		gap : 10px;
		font-size : 14px;
	}
	.customer-info{
		display : flex;
		align-items : center;
		justify-content : center;
		width : 157px;
		height : 30px;
		background : #831616;
		color : #fff;
		letter-spacing : -0.06em;
	}
	.customer-btn{
		gap : 15px;
		width : auto;
		height : auto;
		padding : 10px 20px;
		font-size : 18px;
	}
}

@media(max-width : 1200px){
	/**/
	.visual-desc{
		font-size: 16px;
	}
	/**/
	.intro-inner{
		width : 90%;
		max-width: 1200px;
		height : 20.5833vw;
		max-height : 203px;
		position : relative;
	}
	.intro-bg > iframe{
		position : absolute;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 250%;
		height : 100%;
	}
	.intro-title-01{
		font-size : 36px;
		line-height : 50px;
	}
	.intro-title-02 > p{
		font-size : 45px;
	}
	.intro-dot{
		position : absolute;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 1px;
		height : 0;
		background : #961e1e;
	}
	.intro-banner{
		padding-left : 20px;
	}
	.intro-banner > span{
		font-size : 16px;
		padding : 7px 9px;
	}
	/**/
    .premium-inner{
        display: flex;
        align-items: center;
        justify-content: center;
        width : 70%;
        max-width : 100%;
        height : 500px;
    }
    .premium-title-box{
        gap : 10px;
        padding-top : 60px;
    }
    .premium-title{
        font-size: 50px;
        line-height: 50px;
        font-family: CarismaClassic;
    }
    .premium-title-desc{
        font-size: 14px;
        line-height: 20px;
    }
    .premium-title-desc::after{
        bottom : 9px;
        left : 103px;
    }
    .active .premium-title-desc::after{
        width : 106px;
    }
    .premium-box{
        width : 350px;
        /* height : 500px; */
		height : 550px;
        position : relative;
        padding : 12px;
        flex-shrink: 0;
    }
    .premium-box > .premium-box-img{
        height : 310px;
    }
    .premium-desc-box{
        padding-top : 14px;
    }
    .premium-name{
        font-size: 14px;
        margin-bottom : 16px;
    }
    .premium-box-title{
        font-size: 18px;
        margin-top : 10px;
    }
    .premium-desc{
        font-size: 14px;
        line-height: 20px;
    }
    .premium-desc > span{
        color : #961e1e;
        font-weight: 500;
    }
    .premium-rotate-btn{
        width : 100px;
        height : 100px;
    }
    .premium-rotate-btn img{
        width : 30px;
    }
    .premium-rotate-circle{
        width : 75px;
        height : 75px;
    }
	/**/
	.main-section-envi{
		padding-top : 50px;
	}
	.envi-list > li{
		width : 100%;
		height : 100px;
	}
	.envi-list > li:nth-child(1){
		height : 100%;
	}
	.envi-inner{
		max-width : none;
		padding : 0 30px;
	}
	.envi-title{
		gap : 0px;
		width : 100%;
		height : 100px;
		font-size : 35px;
		line-height : 35px;
	}
	.envi-img{
		width : 300px;
		height : 200px;
		border-radius : 10px;
		top : 30px;
		right : 30px;
	}
	.envi-title > span{
		font-size : 13px;
	}
	.envi-desc-box{
		display : flex;
		flex-direction : column;
		gap : 10px;
		position : relative;
		padding-top : 15px;
	}
	.envi-desc-box > p{
		font-size : 14px;
		line-height : 20px;
	}
	.envi-desc-box::after{
		width : 40px;
	}
	.envi-desc-box > span{
		font-size : 20px;
	}
	/**/
	.main-section-overview {
		width: 100%;
		/* height: 100vh; */
		/* height: 100svh; */
		height : 170.6667vw;
		position: relative;
		overflow: hidden;
		background: #fff;
	}	
	.overview-bg{
		padding : 0 30px;
	}
	.active .overview-bg {
		height: calc(100% - 260px);
		transition-delay: 2s;
		background-size : 100% auto;
	}
	.overview-bg-title{
		padding-top : 100px;
	}
	.overview-bg-title > p:nth-child(1){
		font-size : 20px;
	}
	.overview-bg-title > p:nth-child(2){
		font-size : 30px;
		line-height : 36px;
	}
	.overview-box{
		height : 400px;
		padding : 0 30px;
	}
	.overview-box-inner{
		gap : 30px;
		max-width : none;
	}
	.overview-title{
		font-size : 30px;
	}
	.overview-list{
		display : flex;
		flex-wrap : wrap;
		gap : 30px 10px;
		width : 100%;
	}
	.overview-list > li{
		gap : 10px;
		width : 20%;
		font-size : 16px;
		letter-spacing : -0.04em;
	}
	.overview-list > li.long{
		width : 20%;
	}
	.overview-list > li:nth-child(1),
	.overview-list > li:nth-child(2){
		width : calc(50% - 5px);
	}
	.overview-list > li:nth-child(3),
	.overview-list > li:nth-child(4),
	.overview-list > li:nth-child(5){
		width : calc(33% - 5px);
	}
	.overview-desc{
		font-weight : 500;
		height : 50px;
	}
	.overview-list > li > div{
		overflow : hidden;
	}
	.overview-desc > p{
		width : 100%;
		height : 100%;
		transform : translateY(100%);
	}
	.overview-desc span{
		font-weight : 700;
	}
	.overview-desc small{
		font-size : 14px;
	}
	.overview-name{
		font-size : 14px;
		color : #999;
	}
	/**/
	.main-section-media{
		min-height : 0;
		height : auto;
	}
	.media-inner{
		max-width : none;
		padding : 0 30px;
	}
	.media-title{
		font-size : 45px;
		margin-bottom : 5px;
	}
	.media-sub-title{
		font-size : 14px;
		margin-bottom : 20px;
	}
	.media-list > li > a{
		height : 90px;
		font-size : 30px;
		padding-bottom : 10px;
	}
	.media-arrow{
		opacity : 0;
		transition : opacity .3s;
		position : absolute;
		left : -125px;
	}
	.media-name{
		font-size : 13px;
	}
	.media-list > li:hover .media-arrow{
		opacity : 1;
	}
	.media-desc{
		display : none;
	}
	/**/
    .location-title{
        font-size: 50px;
        margin-bottom : 8px;
    }
    .location-desc{
        font-size: 20px;
        margin-bottom : 50px;
    }
    .location-inner{
        display: flex;
        justify-content: space-between;
        gap : 10px;
        width : 90%;
        max-width : 100%;
    }
    .location-inner > div{
        gap : 15px;
    }
    .location-address{
        display: flex;
        align-items: center;
        gap : 20px;
        font-size: 12px;
        letter-spacing: -0.04em;
        color : #111111;
    }
    .location-address > span{
        white-space: nowrap;
    }
    .location-address > span::after{
        position : relative;
        content: '';
        right : -13px;
        width : 1px;
        height : 15px;
        background : #961e1e;
        transform: translateY(1px);
    }
    .location-btn-box{
        display: flex;
        gap : 5px;
    }
    .location-btn-box > a{
        gap : 10px;
        width : 130px;
        height : 35px;
        padding : 3px;
        font-size: 11px;
    }
    .location-btn-box > a > div{
        width : 28px;
        height : 28px;
    }
	.main-section-customer{
		height : auto;
		padding : 100px 30px;
	}
	.customer-inner{
		display : flex;
		flex-direction : column;
		gap : 30px;
		max-width : none;
		padding-top : 0;
	}
	.customer-left{
		width : 100%;
	}
	.customer-title{
		font-size : 45px;
		margin-bottom: 20px;
	}
	.customer-logo{
		width : 200px;
		margin-bottom : 18px;
	}
	.customer-desc{
		font-size : 16px;
		line-height : 24px;
	}
	.customer-table-title{
		font-size : 18px;
		margin-bottom : 18px;
	}
	.customer-table{
		width : 100%;
	}
	.customer-table > li{
		gap : 10px;
	}
	.customer-table > li > .customer-th{
		width : 110px;
	}
	.customer-table > li > .customer-input-box.radio{
		gap : 15px;
		font-size : 14px;
	}
	.customer-table > li > .customer-input-box.address{
		gap : 15px;
	}
	.customer-agree{
		margin-top : 10px;
		margin-bottom : 20px;
	}
	.customer-agree-left{
		gap : 20px;
	}
	.customer-agree-box{
		gap : 10px;
		font-size : 14px;
	}
	.customer-info{
		display : flex;
		align-items : center;
		justify-content : center;
		width : 157px;
		height : 30px;
		background : #831616;
		color : #fff;
		letter-spacing : -0.06em;
	}
	.customer-btn{
		gap : 15px;
		width : auto;
		height : auto;
		padding : 10px 20px;
		font-size : 18px;
	}
}

@media(max-width : 768px){
	.quick-menu{
		display : none;
	}
	.visual-desc{
		font-size: 11px;
		line-height : 16px;
	}
	/**/
	.intro-inner{
		flex-direction : column;
		justify-content : center;
		gap : 20px;
		width : 100%;
		/* max-width: 1200px; */
		max-width : none;
		/* height : 20.5833vw; */
		height : 100%;
		/* max-height : 203px; */
		max-height : none;
		position : relative;
	}
	.intro-bg > iframe{
		position : absolute;
		left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 400%;
		height : 100%;
	}
	.intro-title-01{
		font-size : 24px;
		line-height : 36px;
		position : static;
		padding-top : 60px;
	}
	.intro-title-02{
		position : static;
	}
	.intro-title-02 > p{
		font-size : 36px;
		line-height : 44px;
	}
	.intro-title-02 > p:nth-child(1){
		width : 180px;
		margin-bottom : 10px;
	}
	.intro-title-02 > p:nth-child(2){
		width : 110px;
	}
	.intro-logo{
		/* width : 180px; */
		width : 200px;
		margin-top : 30px;
	}
	.intro-dot{
		position : relative;
		z-index : 1;
		/* left : 50%;
		top : 50%;
		transform : translate(-50%, -50%);
		width : 1px;
		height : 0;
		background : #961e1e; */
		left : auto;
		top : auto;
		bottom : auto;
		right : auto;
		transform : none;
	}
	.intro-banner{
		top : 70px;
	}
	.intro-banner > span{
		font-size : 14px;
		padding : 7px 9px;
	}
	/**/
	.scroll{
		width : 100%;
		padding : 20px;
		font-size : 12px;
		bottom : 60px;
	}
	.scroll-icon{
		width : 24px;
		height : 24px;
	}
	.scroll-icon > span::after{
		width : 4px;
		height : 4px;
	}
	/**/
    .main-section-premium{
        padding : 0 20px;
    }
    .premium-inner{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width : 100%;
        max-width : 100%;
        height : 500px;
    }
    .premium-title-box{
        gap : 10px;
        padding-top : 0px;
        padding : 0 10px;
        margin-bottom : 30px;
    }
    .premium-title{
		font-size : 36px;
        line-height: 40px;
        font-family: CarismaClassic;
    }
    .premium-title-desc{
        font-size: 14px;
        line-height: 20px;
    }
    .premium-title-desc::after{
        bottom : 9px;
        left : 103px;
    }
    .active .premium-title-desc::after{
        width : 50px;
    }
    .premium-box{
        width : 250px;
        /* height : 350px; */
		height : 400px;
        position : relative;
        padding : 5px;
        flex-shrink: 0;
    }
    .premium-box > .premium-box-img{
        height : 210px;
    }
    .premium-desc-box{
        padding-top : 10px;
    }
    .premium-name{
        font-size: 12px;
        margin-bottom : 10px;
    }
    .premium-box-title{
        font-size: 15px;
        margin-top : 10px;
    }
    .premium-desc{
        font-size: 11px;
        line-height: 16px;
    }
    .premium-rotate-btn{
        width : 80px;
        height : 80px;
    }
    .premium-rotate-btn img{
        width : 30px;
    }
    .premium-rotate-circle{
        width : 60px;
        height : 60px;
    }
	/**/
	.main-section-envi{
		padding-top : 50px;
	}
	.envi-list > li{
		height : 60px;
	}
	.envi-inner{
		padding : 0 20px;
	}
	.envi-title{
		height : 90px;
		font-size : 24px;
		white-space : nowrap;
	}
	.envi-img{
		width : 100%;
		/* height : 180px; */
		height : 200px;
		position : relative;
		margin-top : 20px;
		left : auto;
		right : auto;
		top : auto;
		bottom : auto;
	}
	.envi-img > iframe{
		width : 100%;
		height : 120%;
	}
	.envi-desc-box{
		gap : 5px;
		padding-top : 15px;
	}
	.envi-desc-box::after{
		width : 50px;
	}
	.envi-desc-box > span{
		font-size : 16px;
	}
	.envi-desc-box > p{
		font-size : 12px;
		line-height : 16px;
	}
	/**/
	/* .main-section-overview{
		height : auto;
	} */
	.overview-bg{
		font-size : 20px;
		padding : 0 20px;
		background : url(../../m/assets/images/main/m_overview-map.png)no-repeat #f6f8f9;
		background-size : contain;
		background-position : center;
	}
	.overview-box{
		height : 400px;
		padding : 0 20px;
	}
	.overview-box-inner{
		gap : 20px;
	}
	.overview-title{
		font-size : 18px;
	}
	.overview-list{
		flex-direction : column;
		gap : 15px;
	}
	.overview-list > li{
		gap : 3px;
		font-size : 12px;
	}
	.overview-list > li:nth-child(1),
	.overview-list > li:nth-child(2),
	.overview-list > li:nth-child(3),
	.overview-list > li:nth-child(4),
	.overview-list > li:nth-child(5){
		width : 100%;
	}
	.overview-desc{
		height : auto;
		order : 3;
	}
	.overview-list > li > div{
		overflow : hidden;
	}
	.overview-desc > p{
		width : 100%;
		height : 100%;
		transform : translateY(100%);
	}
	.overview-desc img{
		height : 20px;
	}
	.overview-desc small{
		font-size : 10px;
	}
	.overview-line{
		order : 2;
		margin-bottom : 5px;
	}
	.overview-name{
		font-size : 10px;
		color : #999;
		order : 1;
	}
	

	/**/
	.media-inner{
		padding : 0 20px;
	}
	.media-title{
		font-size : 36px;
		margin-bottom : 5px;
	}
	.media-sub-title{
		font-size : 14px;
		margin-bottom : 20px;
	}
	.media-list > li{
		width : 100%;
		overflow : hidden;
		mask-image : linear-gradient(to right, black 0%, black 80%, transparent 100%);
	}
	.media-list > li > a{
		width : 100%;
		height : 60px;
		font-size : 20px;
		padding-bottom : 6px;
		white-space : nowrap;
	}
	.media-list > li:hover > a {
		transform: translateX(60px);
		color: #831616;
		font-weight: 700;
	}
	.media-arrow{
		opacity : 0;
		transition : opacity .3s;
		position : absolute;
		left : -60px;
		width : 50px;
	}
	.media-name{
		font-size : 13px;
	}
	.media-list > li:hover .media-arrow{
		opacity : 1;
	}
	.media-desc{
		display : none;
	}
	/**/
    .main-section-location{
        height : auto;
        padding : 80px 0;
    }
    .location-title{
        font-size: 36px;
        margin-bottom : 8px;
    }
    .location-desc{
        font-size: 16px;
        margin-bottom : 20px;
    }
    .location-inner{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap : 30px;
        width : 90%;
        max-width : 100%;
    }
    .location-inner > div{
        gap : 12px;
    }
    .location-address{
        display: flex;
        align-items: center;
        gap : 20px;
        font-size: 10px;
        letter-spacing: -0.04em;
        color : #111111;
    }
    .location-address > span{
        white-space: nowrap;
    }
    .location-address > span::after{
        position : relative;
        content: '';
        right : -13px;
        width : 1px;
        height : 15px;
        background : #961e1e;
        transform: translateY(1px);
    }
    .location-btn-box{
        display: flex;
        gap : 5px;
    }
    .location-btn-box > a{
        gap : 10px;
        width : 130px;
        height : 35px;
        padding : 3px;
        font-size: 11px;
    }
    .location-btn-box > a > div{
        width : 28px;
        height : 28px;
    }
	.main-section-customer{
		height : auto;
		padding : 70px 20px;
	}
	.customer-inner{
		display : flex;
		flex-direction : column;
		gap : 30px;
		max-width : none;
		padding-top : 0;
		padding : 0;
	}
	.customer-title{
		font-size : 36px;
		margin-bottom: 20px;
	}
	.customer-logo{
		width : 150px;
		margin-bottom : 14px;
	}
	.customer-desc{
		font-size : 12px;
		line-height : 20px;
	}
	.customer-table-title{
		font-size : 16px;
		margin-bottom : 14px;
	}
	.customer-table > li{
		gap : 5px;
	}
	.customer-table > li > .customer-th{
		width : 60px;
		font-size : 13px;
	}
	.customer-table > li > .customer-input-box.radio{
		gap : 7px;
		font-size : 10px;
	}
	.customer-table > li > .customer-input-box.radio input{
		width : 10px;
		height : 10px;
	}
	.customer-table > li > .customer-input-box.address{
		gap : 15px;
	}
	.customer-agree{
		flex-direction : column;
		align-items : end;
		gap : 10px;
		margin-top : 20px;
		margin-bottom : 20px;
		font-size : 12px;
	}
	.customer-agree-left{
		gap : 20px;
	}
	.customer-agree-box{
		gap : 10px;
		font-size : 12px;
	}
	.customer-info{
		display : flex;
		align-items : center;
		justify-content : center;
		width : auto;
		height : auto;
		padding: 3px 15px 5px;
		font-size : 12px;
		background : #831616;
		color : #fff;
		letter-spacing : -0.06em;
	}
	.customer-btn{
		gap : 15px;
		width : auto;
		height : auto;
		padding : 5px 15px;
		font-size : 14px;
	}
	.customer-table select{
		font-size : 12px;
	}
	.customer-table input{
		font-size : 12px;
	}
	.customer-table > li > .customer-input-box.info{
		font-size : 12px;
	}
	/**/
	.sec3Wrap { height : auto; padding-bottom : 100px;}
	.sec3Wrap > .nth1 { width : 70%;margin-bottom : 30px;}
	.sec3Wrap > .nth2 { width : 35%;margin-bottom : 15px;}
	.sec3Wrap > .nth3 { width : 100%;margin-bottom: 30px;}
	.sec3Wrap .imgbar { height : 300px;}
	.sec3Wrap .imgbar .nth1 { height : 100%; }
	.sec3Wrap .imgbar .nth2{ width : 40%;}
	.sec3Wrap .sc { width: 100px; height: 100px;  left: 50%; margin-left: 0; top: auto; bottom : 0; transform : translateX(-50%) translateY(-50%)}
	.sec3Wrap .sc .b2 {position:absolute;}
	.sec3Wrap .sc .b1 {animation:rotateLoop 5s infinite linear;}

	/**********  new   *********/
	.main-section-visual-new{
		height : 100svh;
	}
	.visual-new-bg > img{
		object-position :center bottom;
	}
	.visual-new-inner{
		display : flex;
		flex-direction : column;
		align-items : center;
		position : relative;
		margin : 0 auto;
		text-align : center;
		padding-top:15vh;
	}
	.visual-new-title{
		font-size : 28px;
		line-height : 36px;
	}
	.visual-new-rect{
	}
	@keyframes visual-new-rect{
		0%{
			height : 0;
		}
		100%{
			height : 36px;
		}
	}
	.visual-new-copy{
		width : 210px;
		margin-bottom:12px;
	}
	.visual-new-logo{
		animation : visual-new-logo 1.2s both 1.5s;
		width : 240px;
	}

	.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-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{
		/* border-bottom : 1px solid rgba(77,77,77,0.4); */
	}
	.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;
		max-height : 193px;
		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{
		display: flex;
		align-items: center;
		justify-content: center;
		position : absolute;
		right : 30px;
		top : -20px;
		width : 60px;
		height : 60px;
		border-radius: 50%;
		background : #9D6317;
		color : #fff;
		font-weight: 700;
		font-size: 10px;
		text-align: center;
		z-index: 1;
		transform: translateX(50%) translateY(-100%);
	}
	.schedule-rotate-btn::after{
		position: absolute;
		content: '';
		width : 80px;
		height : 80px;
		background : url(../images/main/schedule-rotate-text.png)no-repeat center;
		background-size: contain;
		animation : rotate-text 6s infinite linear;
	}
}