@charset "utf-8";

/**{overscroll-behavior: none;}*/
html,body{height:100%;}
.wrap{background-color:#f3eee7;position: relative;width: 100%;}
body::-webkit-scrollbar{display:none;}
._m{display:none;}
@media all and (max-aspect-ratio: 1/1){
	._pc{display:none;}
	._m{display:block;}
}

/*
@keyframes top_mo {
	0%{opacity:0;transform:translate(0,100%) scaleY(1.3);}
	50%{opacity:1;}
	100%{opacity:1;transform:translate(0,0) scaleY(1);}
}
@keyframes top_blur {
	0%{filter: url(#top_blur0);}
	7%{filter: url(#top_blur1);}
	14%{filter: url(#top_blur2);}
	21%{filter: url(#top_blur3);}
	28%{filter: url(#top_blur4);}
	35%{filter: url(#top_blur5);}
	42%{filter: url(#top_blur6);}
	50%{filter: url(#top_blur7);}
	57%{filter: url(#top_blur6);}
	63%{filter: url(#top_blur5);}
	70%{filter: url(#top_blur4);}
	77%{filter: url(#top_blur3);}
	84%{filter: url(#top_blur2);}
	91%{filter: url(#top_blur1);}
	100%{filter: url(#top_blur0);}
}
.top_ready{opacity:0;transform:translate(0,2vw) scaleY(1.3);transform-origin: 0 0;}
.top_blur{animation: top_mo 0.8s forwards;}
.top_blur .b_m{animation: top_blur 0.4s forwards;}

@keyframes left_mo {
	0%{opacity:0;transform:translate(5vw,0) scaleX(1.3);}
	50%{opacity:1;}
	100%{opacity:1;transform:translate(0,0) scaleX(1);}
}
@keyframes left_blur {
	0%{filter: url(#left_blur0);}

	10%{filter: url(#left_blur1);}
	20%{filter: url(#left_blur2);}
	30%{filter: url(#left_blur3);}
	40%{filter: url(#left_blur4);}
	50%{filter: url(#left_blur5);}
	60%{filter: url(#left_blur4);}
	70%{filter: url(#left_blur3);}
	80%{filter: url(#left_blur2);}
	90%{filter: url(#left_blur1);}
	100%{filter: url(#left_blur0);}
}
.left_ready{opacity:0;transform:translate(2vw,0) scaleX(1.3);transform-origin: 0 0;}
.left_blur{animation: left_mo 0.8s forwards;}
.left_blur .b_m{animation: left_blur 0.4s forwards;}
*/

.ready_delay02,
.ready_delay02 .b_m{animation-delay:0.2s;}
.ready_delay05,
.ready_delay05 .b_m{animation-delay:0.5s;}
.ready_delay06,
.ready_delay06 .b_m{animation-delay:0.6s;}
.ready_delay08,
.ready_delay08 .b_m{animation-delay:0.8s;}
.ready_delay09,
.ready_delay09 .b_m{animation-delay:0.9s;}
.ready_delay1,
.ready_delay1 .b_m{animation-delay:1s;}
.ready_delay13,
.ready_delay13 .b_m{animation-delay:1.3s;}

header{position:fixed;left:0;top:0;width:100%;background-color:#f3eee7;padding: 0 4.0625vw 0 5vw;z-index:99;transition:0.8s;}
header .head_in{position:relative;height:6.25vw;display:flex;align-items:center;transition:0.5s;transition-delay:0.4s;}
header .item{height:100%;width:33.33%;display:flex;align-items:center;}
header .cen{justify-content:center;}
header .rig{justify-content:flex-end;}
header h1{margin-top: -0.1042vw;margin-left:-0.9375vw;}
header h1 a{display:block;width:8.6458vw;transition:0.5s;transition-delay:0.4s;}
header .menu{cursor:pointer;}
header .menu button{border:none;background:none;display:flex;align-items:center;gap: 0 2.0313vw;padding-bottom:0.0521vw;}
header .menu span{width:1.5625vw;}
header .menu p{color:#323232;font-weight:200;font-size:0.9896vw;letter-spacing:0.1em;}
header .reg button{display:block;border:none;text-align:center;background-color:#3c3c3c;color:#f3eee7;font-size:0.7292vw;letter-spacing:0.1em;line-height:2.5em;width:7.5521vw;transition:0.5s;transition-delay:0.4s;}
header.down .head_in{height:5vw;}
header.down h1 a{transform:scale(0.8);}
header.down .reg button{line-height:2.14em;}
@media all and (max-aspect-ratio: 17/10){
	header .head_in{height: 7vw;}
	header .menu span{width: 2vw;}
	header .menu p{font-size: 1vw;}
	header h1 a{width: 10vw;}
	header .reg button{font-size: 0.9vw;width: 8vw;}
	header.down .head_in{height:5.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	header{padding: 0 6.3889vw;}
	header .head_in{height: 12vw;}
	header h1{margin-left:0;margin-top: -0.5vw;}
	header h1 a{width:15vw;}
	header .menu span{width:3.5vw;}
	header .menu p{display:none;}
	header .reg{display:none;}
	header.down .head_in{height:10vw;}
}
@media all and (max-aspect-ratio: 7/10){
	header .head_in{height: 16.6667vw;}
	header h1 a{width:23.0556vw;}
	header .menu span{width: 5.2778vw;}
	header.down .head_in{height:14vw;}
}

nav{position:fixed;left:0;top:0;width:100%;height:100dvh;z-index:-1;transition-delay:0.6s;}
nav .dim{background-color:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
nav .navi{background-color:#f9f7f3;position:relative;display:flex;align-items:center;justify-content:center;width:50%;height:100%;opacity:0;transform:translate(-10%,0);transition:0.6s;}
nav .logo{position:absolute;width:5.7813vw;top:4.1667dvh;left:50%;margin-left:-2.8646vw;}
nav .close{position:absolute;top:5.2083dvh;right:2.0833vw;}
nav .close button{display:block;border:none;background:none;width:0.8333vw;}
nav .area{margin-bottom: -8dvh;} 
nav .area ul li a{display:block;width:10.7813vw;position:relative;}
nav .area ul li a em{display:block;transition:0.4s;}
nav .area ul li a span{position:absolute;left:0;top:0;width:100%;opacity:0;transition:0.4s;}
nav .area ul li.active a em{opacity:0;}
nav .area ul li.active a span{opacity:1;}
nav.on{z-index:100;transition-delay:0s;}
nav.on .dim,
nav.on .navi{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	nav .logo{width: 7vw;}
	nav .area ul li ~ li{margin-top:0.2vw;}
	nav .area ul li a{width: 13vw;}
}
@media all and (max-aspect-ratio: 1/1){
	nav .navi{width:100%;}
	nav .logo{width: 12vw;margin-left:-6vw;}
	nav .area ul li a{width:25vw;}
	nav .close{top:5vw;right:5vw;}
	nav .close button{width:3vw;}
}
@media all and (max-aspect-ratio: 7/10){
	nav .logo{width:18.75vw;margin-left:-9.375vw;}
	nav .close{top:6.9444vw;right:6.9444vw;}
	nav .close button{width:2.2222vw;}
	nav .area ul li a{width:36.5278vw;}
}

footer{overflow:hidden;}
footer .area{background-color:#fff;padding: 3.3333vw 12.2396vw 6.5104vw;}
footer .foot_in{position:relative;}
footer .box{display:flex;gap: 0 7.8125vw;}
footer .box dl dt{color:#323232;font-family:"Cormorant Garamond";font-weight:500;}
footer .box dl dt span{font-size:0.5729vw;letter-spacing:0.06em;font-family:'Pretendard';padding-left:0.5208vw;}
footer .box .b1 dt{font-size:1.875vw;position:relative;left:-0.1042vw;}
footer .box .b2 dt{font-size:1.888vw;letter-spacing:0.005em;}
footer .box dl dd{margin-top:0.7292vw;}
footer .box .b2 dd{padding-left:0.1042vw;}
footer .box dl dd p{display:flex;align-items:center;color:#323232;font-size:0.4688vw;font-weight:400;letter-spacing:0.09em;line-height:2.11em;text-indent:-0.0521vw;}
footer .box dl dd .ko{font-size:0.6771vw;letter-spacing:0em;font-family:'Pretendard';font-weight:500;line-height:1.58em;text-indent:0;}
footer .box dl dd .ko.end{margin-bottom:0.3125vw;}
footer .box dl dd p:not(.ko) span{width:1px;height:3px;background-color:#848484;margin: 0 0.2344vw;}
footer .box dl dd .ko span{width:1px;height:3px;background-color:#323232;margin: 0 0.4167vw;}
footer .box .sns{margin: 0.7813vw 0 0;display:flex;gap: 0 0.8333vw;position:relative;left:-0.1042vw;}
footer .box .sns a{width:1.1979vw;}
footer .box .b3{padding-left:1.8229vw;}
footer .box .b3 .site{width:4.4271vw;padding-top:1.1458vw;margin-bottom:1.0417vw;}
footer .box .b3 .site_link{display:flex;gap: 0 2.0833vw;}
footer .box .b3 .site_link .s1{width:3.4375vw;margin-right:0.625vw;margin-top:0.2604vw;}
footer .box .b3 .site_link .s2{width:4.6875vw;}
footer .box .b3 .site_link .s3{width:4.6875vw;}
footer .logo{display:flex;justify-content:center;padding-top:5.8333vw;}
footer .logo span{width:10.1563vw;}
.fix_reg{display:none;position:fixed;left:0;bottom:0;z-index:50;width:100%;background-color:#f3eee7;padding: 3vw;}
.fix_reg button{display:block;border:none;width:100%;background-color:#323232;color:#f3eee7;height:8vw;font-size: 2.2vw;letter-spacing:0.1em;}
@media all and (max-aspect-ratio: 17/10){
	footer .area{padding: 4vw 10vw;}
	footer .box{gap: 0 7vw;}
	footer .box .b1 dt,
	footer .box .b2 dt{font-size: 2.3vw;}
	footer .box dl dt span{font-size:0.75vw;}
	footer .box dl dd{margin-top: 1.2vw;}
	footer .box dl dd p{font-size:0.7vw;}
	footer .box dl dd .ko{font-size:0.85vw;}
	footer .box dl dd .ko.end{margin-bottom:0.6vw;}
	footer .box .sns{margin: 1.5vw 0 0;gap: 0 1.2vw;}
	footer .box .sns a{width: 1.6vw;}
	footer .logo span{width: 11vw;}
	footer .box .b3{padding-left:0;}
	footer .box .b3 .site{width: 5vw;padding-top: 1.4vw;margin-bottom: 1.4vw;}
	footer .box .b3 .site_link{gap: 0 2.5vw;}
	footer .box .b3 .site_link .s1{width:4vw;}
	footer .box .b3 .site_link .s2{width:5.4vw;}
	footer .box .b3 .site_link .s3{width:5.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	footer .area{padding: 7vw 6.3889vw 21vw;}
	footer .box{flex-direction: column;}
	footer .box .b1{order:1;}
	footer .box .b2{order:3;}
	footer .box .b3{order:2;}
	footer .box .b1 dt,
	footer .box .b2 dt{font-size: 6vw;}
	footer .box dl ~ dl{margin-top:5vw;}
	footer .box dl dt span{font-size:2vw;padding-left:2vw;}
	footer .box dl dd{margin-top:2vw;}
	footer .box dl dd p{font-size:1.8vw;display:block;line-height: 1.4em;letter-spacing: 0.04em;}
	footer .box dl dd p ~ p:not(.ko){margin-top:1vw;}
	footer .box dl dd .ko{display:flex;font-size:2vw;line-height: 1.7em;letter-spacing:0em;}
	footer .box dl dd .ko.end{margin-bottom: 2vw;}
	footer .box dl dd .ko span{height:1.2vw;margin: 0 1vw;}
	footer .box .sns{margin: 3vw 0 0;gap: 0 2.5vw;}
	footer .box .sns a{width: 3.5vw;}
	footer .box .b3{margin-top:5vw;padding-bottom:5vw;border-bottom:1px solid #969696;}
	footer .box .b3 .site{display:none;}
	footer .box .b3 .site_link{gap: 0 5vw;}
	footer .box .b3 .site_link .s1{width:7vw;}
	footer .box .b3 .site_link .s2,
	footer .box .b3 .site_link .s3{width: 9vw;}
	footer .logo{padding-top:8vw;}
	footer .logo span{width:20vw;}
	.fix_reg{display:block;}
}
@media all and (max-aspect-ratio: 7/10){
	footer .area{padding: 7vw 6.3889vw 30vw;}
	footer .box .b1 dt,
	footer .box .b2 dt{font-size: 6.5vw;}
	footer .box dl ~ dl{margin-top:4vw;}
	footer .box dl dt span{font-size:2.7vw;}
	footer .box dl dd{margin-top:3vw;}
	footer .box dl dd p{font-size:2.6vw;}
	footer .box dl dd .ko{font-size: 2.7vw;line-height: 1.5em;}
	footer .box dl dd p ~ p:not(.ko){margin-top:2vw;}
	footer .box .sns{margin: 4vw 0 0;gap: 0 4vw;}
	footer .box .sns a{width: 5vw;}
	footer .box .b3{margin-top:3.2vw;padding-bottom:4.5333vw;}
	footer .box .b3 .site_link{gap: 0 4.2667vw;}
	footer .box .b3 .site_link .s1{width:6.6667vw;}
	footer .box .b3 .site_link .s2,
	footer .box .b3 .site_link .s3{width:9.3333vw;}
	footer .logo{padding-top: 10vw;}
	footer .logo span{width:25vw;}
	.fix_reg{padding: 6.25vw;}
	.fix_reg button{height:10vw;font-size:3.0556vw;}
}

.img_ori{position:absolute;left:0.5208vw;bottom:0.5208vw;width:16.1458vw;}
.img_ori.ori2{width:13.5417vw;}
.img_ori.ori3{width:26.8229vw;}
.img_ori.ori4{width:11.145vw;}
@media all and (max-aspect-ratio: 17/10){
	.img_ori{left:1vw;bottom:1vw;width: 20vw;}
	.img_ori.ori2{width:21vw;}
	.img_ori.ori3{width:33vw;}
	.img_ori.ori4{width:15vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.img_ori.ori2{width:31.9444vw;}
	.img_ori.ori4{width:21.1111vw;}
}

.int{background-color:#f3eee7;position:fixed;left:0;top:0;width:100%;height:100%;z-index:150;transition:1.2s;transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);transition-delay:2.2s;}
.int .flex_wrap{height:100%;display:flex;align-items:center;justify-content:center;background:url(../images/intro-bg.jpg) no-repeat center / cover;opacity:0;transition:1s;}
.int .logo{width:11.9271vw;opacity:0;transform:scale(1.2);transition:1s;transition-delay:0.6s;}
.int .logo img{mask-image: linear-gradient(-45deg, transparent 0%, transparent 33.33%, #000 66.66%, #000 100%);mask-position: 0 0;mask-size: 300% 300%;mask-repeat: no-repeat;transition:1.2s;transition-delay:1.6s;}

.vis{background-color:#f3eee7;padding-top:6.25vw;}
.vis .area{height:100%;position:relative;overflow:hidden;}
.vis .bg{height:100%;}
.vis .txt{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.vis .txt span{width:42.2917vw;margin-bottom: -2.5313vw;opacity:0;transition:3s;}
.on .vis .txt span{opacity:1;}
@media all and (max-aspect-ratio: 17/10){
	.vis .txt span{width: 46vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.vis{padding-top:12vw;}
	.vis .txt span{width:60vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.vis{padding-top:16.6667vw;}
	.vis .txt span{width:79.5833vw;}
}

.main_vd{padding:6.1979vw 12.2396vw 3.6458vw;}
.main_vd .box ~ .box{margin-top:7.2917vw;}
.main_vd .img{overflow:hidden;}
.main_vd .vd{position:relative;padding-bottom:56.25%;opacity:0;;transition:1s;}
.main_vd .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.main_vd .vd .thm{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center / cover;z-index: 20;transition:0.6s;}
.main_vd .vd .thm1{background-image:url(../images/vd-thm1.jpg);cursor:pointer;}
.main_vd .vd .thm2{background-image:url(../images/vd-thm2.jpg?ver=1);}
.main_vd .name{color:#969696;font-weight:300;font-size:0.6771vw;letter-spacing:0.1em;margin-top:0.7292vw;overflow:hidden;}
.main_vd .name span{display:block;transition:0.6s;}
.main_vd dl{margin-top:2.8646vw;}
.main_vd dl dt p img{width:auto;}
.main_vd .box1 dl dt p img{height:2.631vw;}
.main_vd .box2 dl dt p img{height:2.623vw;}
.main_vd dl dt span{display:block;margin-top:0.6771vw;color:#323232;font-size:1.5625vw;font-family:'KBIZHanMj';padding-bottom:1.4063vw;}
.main_vd dl dd{margin-top:0.7813vw;display:flex;}
.main_vd dl dd a{color:#323232;font-size:0.5417vw;letter-spacing:0.25em;position:relative;overflow:hidden;text-indent:0.1563vw;}
.main_vd dl dd a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#323232;transform-origin: 0 0;transition:0.6s;transition-delay:0.6s;}
.main_vd dl dd a span{display:block;padding-bottom:0.3646vw;transition:0.6s;transition-delay:0.6s;}
.main_vd .name.active span,
.main_vd .img.active,
.main_vd .img.active .vd,
.main_vd dl.active dd a::after,
.main_vd dl.active dd a span{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.main_vd{padding: 8vw 10vw 6vw;}
	.main_vd .box ~ .box{margin-top:8vw;}
	.main_vd .name{font-size: 0.8vw;margin-top:1vw;}
	.main_vd dl{margin-top:3vw;}
	.main_vd .box1 dl dt p img,
	.main_vd .box2 dl dt p img{height: 3vw;}
	.main_vd dl dt span{margin-top: 1.2vw;font-size:1.8vw;}
	.main_vd dl dd{margin-top:1.5vw;}
	.main_vd dl dd a{font-size:0.8vw;}
	.main_vd dl dd a span{padding-bottom:0.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.main_vd{padding: 12.5vw 6.3889vw 15.9722vw;}
	.main_vd .name{margin-top: 2vw;font-size: 1.8vw;letter-spacing: 0.01em;}
	.main_vd dl{margin-top: 5vw;}
	.main_vd .box1 dl dt p img{height: 5vw;}
	.main_vd .box2 dl dt p img{height: 4.8vw;}
	.main_vd dl dt span{margin-top: 1.6667vw;font-size: 3.7vw;}
	.main_vd dl dd{margin-top:2.5vw;}
	.main_vd dl dd a{font-size:1.6vw;}
	.main_vd .box ~ .box{margin-top:15.9722vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.main_vd .name{font-size: 2.6vw;}
	.main_vd .box1 dl dt p img{height:100%;width:71.9444vw;}
	.main_vd .box2 dl dt p img{height:100%;width:81.6667vw;}
	.main_vd dl dt span{font-size: 3.5vw;}
	.main_vd dl dd{margin-top:3vw;}
	.main_vd dl dd a{font-size:2.6vw;}
	.main_vd dl dd a span{padding-bottom:1.1vw;}
}

.con_tit{margin-bottom:4.0104vw;text-align:center;}
.con_tit .t1{margin: 0 auto 1.9792vw;position:relative;}
.con_tit .t2{font-size:0.8854vw;color:#323232;font-weight:300;line-height:1.47em;letter-spacing:0.047em;margin-top:0.7292vw;}
.con_tit .t3{font-family:'KBIZHanMj';color:#323232;font-size:0.9896vw;line-height:1.47em;letter-spacing:-0.02em;}
.con_img{position:relative;}
.con_img .img_ori{left:1.0417vw;bottom:1.0417vw;}
.con_img span{display:block;overflow:hidden;}
.con_img span img{opacity:0;transition:1s;}
.con_name{color:#969696;font-size:0.625vw;text-align:right;margin-top:0.7292vw;font-weight:300;letter-spacing:0.115em;overflow:hidden;}
.con_name span{display:block;transition:0.6s;}
.con_img.active span img{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.con_tit{margin-bottom:6vw;}
	.con_tit .t1{margin-bottom:2.5vw;}
	.con_tit .t2{font-size: 1.05vw;margin-top:1vw;}
	.con_tit .t3{font-size: 1.15vw;}
	.con_name{font-size:0.8vw;margin-top: 1vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.con_tit{margin-bottom: 9vw;}
	.con_tit .t1{margin-bottom:4vw;}
	.con_tit .t2{font-size: 2vw;margin-top: 1.9vw;letter-spacing: 0.052em;}
	.con_tit .t3{font-size:2.3vw;}
	.con_name{margin-top:2vw;font-size: 1.8vw;letter-spacing:0.01em;}
}
@media all and (max-aspect-ratio: 7/10){
	.con_tit{margin-bottom: 13.2vw;}
	.con_tit .t1{margin-bottom:5.5vw;}
	.con_tit .t2{font-size: 2.7vw;}
	.con_tit .t3{font-size:3.07vw;}
	.con_name{font-size: 2.6vw;}
}

.brand .area1{background-color:#657765;padding:17.6563vw 0 6.3021vw;display:flex;align-items:center;justify-content:center;}
.brand .area1 .box{width:75.625%;}
.brand .area1 .tit{width:24.6354vw;margin: 0 auto;}
.brand .area1 .txt_area{display:flex;margin-top:10.1563vw;justify-content:space-between;align-items: flex-end;}
.brand .area1 .txt_area .items{width:calc(50% - 2.604vw);}
.brand .area1 .txt_area .t1{color:#f3eee7;font-family:"Cormorant Garamond";font-weight:500;letter-spacing:0.01em;font-size:1.5625vw;margin-bottom:0.9896vw;}
.brand .area1 .txt_area .t2,
.brand .area1 .txt_area .t3,
.brand .area1 .txt_area .t4,
.brand .area1 .txt_area .t5{position:relative;left:0.0521vw;}
.brand .area1 .txt_area .t2 p{overflow:hidden;}
.brand .area1 .txt_area .t3{margin-top:1.8229vw;}
.brand .area1 .txt_area .t4 p{overflow:hidden;}
.brand .area1 .txt_area .t5{margin-top:1.6146vw;top:1px;}
.brand .area2{position:relative;}
.brand .area2 .tit{position:absolute;top:3.3333vw;left:12.1354vw;width:16.3542vw;}
.brand .area2 .logo{position:absolute;bottom:4.5833vw;left:50%;transform:translate(-50%,0);width:11.9792vw;}
.brand .area2 .img_ori{left:1.0417vw;bottom:1.0417vw;}
@media all and (max-aspect-ratio: 17/10){
	.brand .area1{padding: 20vw 0 8vw;}
	.brand .area1 .tit{width: 29vw;}
	.brand .area1 .box{width:80%;}
	.brand .area1 .txt_area .t1{font-size:1.7vw;margin-bottom:1.1vw;}
	.brand .area2 .tit{top:5vw;left:10vw;width: 19vw;}
	.brand .area2 .logo{bottom:5vw;width:13vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand .area1{padding: 28vw 0 16vw;}
	.brand .area1 .box{width:70%;}
	.brand .area1 .txt_area{display:block;margin-top: 13vw;}
	.brand .area1 .txt_area .items{width:100%;}
	.brand .area1 .txt_area .t1{font-size:2.9vw;margin-bottom: 4vw;}
	.brand .area1 .txt_area .t2{width: 80%;}
	.brand .area1 .txt_area .t5{margin-top: 3vw;width: 52%;}
	.brand .area2 .tit{left:6.3889vw;top:6.9444vw;width:34vw;}
	.brand .area2 .img_ori{width: 21.8056vw;left:1.3889vw;bottom:1.3889vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.brand .area1{padding: 48.0556vw 6.3889vw 16.6667vw;}
	.brand .area1 .box{width:100%;}
	.brand .area1 .tit{width:49.1667vw;}
	.brand .area1 .txt_area{margin-top:26.6667vw;}
	.brand .area1 .txt_area .t1{font-size:3.9vw;margin-bottom:5.8vw;}
	.brand .area1 .txt_area .t2{width:78.1944vw;}
	.brand .area1 .txt_area .t5{width: 59%;margin-top:4.1667vw;}
	.brand .area2 .tit{width:41.6667vw;}
}

.overview .area1{background-color:#ced3c5;padding: 18.0208vw 12.2396vw 6.8229vw;}
.overview .area1 .con_tit .t1{width:11.563vw;left:0.1563vw;}
.overview .area1 .con_tit .t2 p:nth-child(2){text-indent: -0.2083vw;}
.overview .area1 .con_tit .t3{text-indent:-0.0521vw;}
.overview  .con_name{position:relative;left:0.0521vw;}
.overview .area1 .info{margin-top:2.7083vw;}
.overview .area1 .info .txt{display:flex;align-items:center;justify-content:space-between;gap: 0 0.491vw;margin-bottom:1.8229vw;}
.overview .area1 .info .txt span{background-color:#969696;flex-grow:1;height:1px;transform: scaleY(0.4);}
.overview .area1 .info .txt p{color:#969696;font-size:0.5208vw;letter-spacing:0.25em;position:relative;left:0.0521vw;top:0.0521vw;}
.overview .area1 .info ul{display:flex;justify-content:space-between;}
.overview .area1 .info ul li{position:relative;}
.overview .area1 .info ul li:nth-child(2){margin-left:-0.3125vw;}
.overview .area1 .info ul li:nth-child(3){left:-2px;}
.overview .area1 .info ul li dl dt{color:#323232;font-size:1.4063vw;font-weight:600;letter-spacing:0.02em;font-family:"Cormorant Garamond";margin-bottom:0.5208vw;position:relative;}
.overview .area1 .info ul li:nth-child(2) dl dt{left:-0.0521vw;letter-spacing:0.019em;}
.overview .area1 .info ul li:nth-child(3) dl dt{letter-spacing:0.0175em;}
.overview .area1 .info ul li dl dd .t1{color:#323232;font-weight:300;font-size:0.7813vw;letter-spacing:0.041em;line-height:1.53em;margin-bottom:0.9896vw;position:relative;}
.overview .area1 .info ul li:nth-child(2) dl dd .t1{line-height:1.73em;margin-bottom:0.6771vw;top:-0.0521vw;}
.overview .area1 .info ul li:nth-child(3) dl dd .t1{line-height:1.47em;}
.overview .area1 .info ul li:nth-child(3) dl dd .t1 p:nth-child(2){position:relative;top:-0.0521vw;}
.overview .area1 .info ul li dl dd .t1 p{overflow:hidden;}
.overview .area1 .info ul li dl dd .t1 p em{font-family: 'Pretendard';}
.overview .area1 .info ul li dl dd .t2{font-family: 'Pretendard';color:#323232;font-size:0.9375vw;line-height:1.44em;font-weight:300;position:relative;}
.overview .area1 .info ul li:nth-child(2) dl dd .t2{top:-0.0521vw;}
.overview .area1 .info ul li:nth-child(3) dl dd .t2 p:nth-child(2){position:relative;top:0.0521vw;}
.overview .area1 .info ul li dl dd .t2 em{font-size:0.6771vw;position:relative;top:-0.1042vw;}
.overview .area1 .info ul li dl dd .t2 p{overflow:hidden;}
.overview .area1 .info.active .txt p,
.overview .area1 .info ul li dl dt.top_blur + dd .t1 p span,
.overview .area1 .info ul li dl dt.top_blur + dd .t2 p span{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.overview .area1{padding: 18vw 10vw 9vw;}
	.overview .area1 .con_tit .t1{width:14vw;}
	.overview .area1 .info{margin-top: 4vw;}
	.overview .area1 .info .txt{gap: 0 1vw;margin-bottom: 3vw;}
	.overview .area1 .info .txt p{font-size:0.9vw;}
	.overview .area1 .info ul li dl dt{font-size: 1.7vw;margin-bottom: 1vw;}
	.overview .area1 .info ul li dl dd .t1{font-size: 0.9vw;margin-bottom: 2vw;}
	.overview .area1 .info ul li dl dd .t2{font-size: 1.05vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.overview .area1{padding: 30vw 6.3889vw 12vw;}
	.overview .area1 .con_tit .t1{width:28vw;}
	.overview .area1 .con_tit .t2{margin-left:-1.2vw;}
	.overview .area1 .con_tit .t2 p:nth-child(2){text-indent: 1.3vw;}
	.overview .area1 .con_tit .t3{text-indent: 0;margin-left: -1vw;line-height: 1.4em;}
	.overview .area1 .info{margin-top:7.6vw;}
	.overview .area1 .info .txt{gap: 0;margin-bottom: 11.4286vw;}
	.overview .area1 .info .txt p{order:-1;font-size: 1.8vw;margin-right: 2vw;letter-spacing: 0.1em;}
	.overview .area1 .info ul{display:block;}
	.overview .area1 .info ul li{text-align:center;}
	.overview .area1 .info ul li ~ li{margin-top:11vw;}
	.overview .area1 .info ul li:nth-child(2){margin-left:0;}
	.overview .area1 .info ul li dl dt{font-size:3.4vw;margin-bottom: 1.4vw;}
	.overview .area1 .info ul li dl dd .t1{font-size: 2.1vw;line-height: 1.45em;letter-spacing: 0.025em;margin-bottom: 1.5vw;}
	.overview .area1 .info ul li:nth-child(2) dl dd .t1,
	.overview .area1 .info ul li:nth-child(3) dl dd .t1{line-height: 1.45em;margin-bottom: 1.1vw;}
	.overview .area1 .info ul li dl dd .t2,
	.overview .area1 .info ul li dl dd .t2 em{font-size: 2.3vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.overview .area1{padding: 36.9444vw 6.3889vw 13vw;}
	.overview .area1 .con_tit .t1{width:35.5556vw;}
	.overview .area1 .info .txt p{font-size: 2.6vw;}
	.overview .area1 .info ul li ~ li{margin-top:14.1224vw;}
	.overview .area1 .info ul li dl dt{font-size:4.1vw;}
	.overview .area1 .info ul li dl dd .t1{font-size: 2.7vw;}
	.overview .area1 .info ul li dl dd .t2,
	.overview .area1 .info ul li dl dd .t2 em{font-size: 2.93vw;}
}

.space .area1{padding:15.4167vw 12.2396vw 7.2917vw;}
.space .area1 .con_tit .t1{width:20.3125vw;left:0.0521vw;}
.space .area1 .con_tit .t2{letter-spacing:0.037em;padding-top:0.0521vw;line-height:1.44em;}
.space .area1 .con_tit .t2 p:nth-child(2){text-indent:-0.2604vw;}
.space .area1 .con_tit .t2 p:nth-child(3){text-indent:0.1042vw;}
.space .area1 .con_tit .t3{letter-spacing:-0.015em;padding-top:0.0521vw;}
.space .area1 .con_img{padding-top:0.0521vw;}
.space  .con_name{position:relative;left:0.0521vw;letter-spacing:0.123em;}
.space .area1 .tit{margin-top:1.1979vw;}
.space .area1 .tit dl dt{color:#323232;font-family:"Cormorant Garamond";font-weight:500;font-size:1.7188vw;letter-spacing:0.001em;}
.space .area1 .tit dl dd{color:#323232;font-family:'KBIZHanMj';font-size:1.25vw;letter-spacing:0.015em;margin-top:1.0417vw;text-indent:-0.1042vw;}
.space .area1 .list{position:relative;margin-top:3.4896vw;}
.space .area1 .list .line{display:flex;align-items:center;gap: 0 0.1563vw;margin-bottom:3.4375vw;}
.space .area1 .list .line span{width:100%;height:1px;background-color:#c8c8c8;flex-grow:1;transform-origin: 100% 0;transition:1s;}
.space .area1 .list .line p{color:#c8c8c8;font-size:0.5208vw;letter-spacing:0.25em;position:relative;top:0.0521vw;left:0.1563vw;}
.space .area1 .list ul{display:flex;flex-wrap:wrap;gap: 3.6458vw 2.6042vw;justify-content:space-between;}
.space .area1 .list ul li{width:calc(33.33% - 1.73613vw);}
.space .area1 .list ul li .img{overflow:hidden;position:relative;}
.space .area1 .list ul li .img span{display:block;opacity:0;transition:1s;transition-delay:0.3s;}
.space .area1 .list ul li dl{margin-top:0.9375vw;transform-origin:0 0;transition:0.8s;}
.space .area1 .list ul li dl dt{color:#323232;font-size:1.3021vw;font-family:"Cormorant Garamond";font-weight:500;margin-bottom:0.625vw;}
.space .area1 .list ul li dl dd{color:#323232;font-size:0.7813vw;font-weight:200;letter-spacing:0.075em;}
.space .area1 .sd_scrollbar{display:none;}
.space .area1 .list ul li .img.active span{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.space .area1{padding: 16vw 10vw 9vw;}
	.space .area1 .con_tit .t1{width: 23vw;}
	.space .area1 .tit{margin-top:2vw;}
	.space .area1 .tit dl dt{font-size: 2.3vw;}
	.space .area1 .tit dl dd{font-size: 1.6vw;margin-top: 1.4vw;}
	.space .area1 .list{margin-top: 4vw;}
	.space .area1 .list .line{margin-bottom:5vw;gap: 0 1vw;}
	.space .area1 .list .line p{font-size: 0.7vw;}
	.space .area1 .list ul li dl{margin-top:1.5vw;}
	.space .area1 .list ul li dl dt{font-size:1.6vw;margin-bottom: 0.7vw;}
	.space .area1 .list ul li dl dd{font-size: 0.9vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.space .area1{padding: 30vw 6.3889vw 12vw;}
	.space .area1 .con_tit .t1{width: 41vw;}
	.space .con_name{text-align:left;}
	.space .con_img .img_ori{width:31.9444vw;}
	.space .area1 .tit{margin-top: 5vw;}
	.space .area1 .tit dl dt{font-size: 3.6vw;}
	.space .area1 .tit dl dd{font-size: 2.4vw;margin-top: 2.0833vw;}
	.space .area1 .list{margin-top:6vw;width:calc(100% + 6.3889vw);overflow:hidden;}
	.space .area1 .list .line{margin-bottom:6vw;}
	.space .area1 .list .line p{order: -1;font-size: 1.8vw;margin-right: 2vw;letter-spacing: 0.1em;}
	.space .area1 .list ul{flex-wrap: nowrap;gap:0;}
	.space .area1 .list ul .swiper-slide .img,
	.space .area1 .list ul .swiper-slide dl{opacity:0.2;transition:0.8s;}
	.space .area1 .list ul .swiper-slide-active .img,
	.space .area1 .list ul .swiper-slide-active dl{opacity:1;}
	.space .area1 .list ul li dl{margin-top:3.5vw;}
	.space .area1 .list ul li dl dt{font-size: 3.6vw;margin-bottom:1.7vw;}
	.space .area1 .list ul li dl dd{font-size:2vw;}
	.space .area1 .sd_scrollbar{display:block;width:37.5vw;height:1px;opacity:1 !important;margin: 11.8056vw auto 0;background-color:#d7d7d7;}
	.space .area1 .sd_scrollbar .swiper-scrollbar-drag{background-color:#646464;}
}
@media all and (max-aspect-ratio: 7/10){
	.space .area1{padding: 36.9444vw 6.3889vw 12.5vw;}
	.space .area1 .con_tit .t1{width:54.5833vw;margin-bottom:3.75vw;}
	.space .area1 .tit{margin-top:6.25vw;}
	.space .area1 .tit dl dt{font-size:4.3vw;}
	.space .area1 .tit dl dd{font-size:2.8vw;}
	.space .area1 .list{margin-top:7.6389vw;}
	.space .area1 .list .line{margin-bottom:8.5vw;}
	.space .area1 .list .line p{font-size: 2.6vw;}
	.space .area1 .list ul li dl dt{font-size: 5vw;margin-bottom: 1.3889vw;}
	.space .area1 .list ul li dl dd{font-size: 2.7vw;}
}

.location{padding-top:6.25vw;}
.location .area1{position:relative;height:44.9479vw;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.location .area1 .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/location-area1-bg.jpg?ver=1) no-repeat center / cover;}
.location .area1 dl{position:relative;z-index:1;margin-bottom: -1.3021vw;}
.location .area1 dl dt{width:10.3646vw;margin: 0 auto;}
.location .area1 dl dd{margin-top:1.9271vw;width:67.5vw;}
.location .area1 dl dd p{overflow:hidden;}
.location .area1 dl dd p span{display:block;transform-origin: 0 0;transition:0.8s;transition-delay:1.2s;}
.location .area2{background-color:#3c3c3c;padding-top:7.0833vw;}
.location .area2 .tit{margin-bottom:6.5625vw;text-align:center;}
.location .area2 .tit dl dt{width:24.9479vw;margin: 0 auto;}
.location .area2 .tit dl dd{margin-top:1.7188vw;color:#a89289;font-family:'KBIZHanMj';font-size:1.1979vw;letter-spacing:-0.02em;line-height:1.43em;}
.location .area2 .tit dl dd p{overflow:hidden;}
.location .area2 .map{overflow:hidden;position:relative;}
.location .area2 .map ul{position:relative;height:100%;}
.location .area2 .map ul li ~ li{position:absolute;left:0;top:0;width:100%;height:100%;}
.location .area2 .map .bg,
.location .area2 .map .maker{opacity:0;transition:1s;transition-delay:0.3s;}
.location .area2 .map .img_ori{left:1.0417vw;bottom:1.0417vw;}
.location .area2 .map .txt .cls-1,
.location .area2 .map .txt .cls-2{opacity:0;transform:translate(0,200%);transform-origin: 50% 50%;transform-box: fill-box;transition:0.6s;transition-delay:1.2s;}
.location .area2 .map .txt .cls-3{transform:scale(0);transform-origin: 50% 50%;transform-box: fill-box;transition:0.6s;transition-delay:0.8s;}
.location .area2 .map .zoom_wrap{position:absolute;left:0;top:0;width:100%;z-index:1;}
.location .area2 .map .zoom_wrap .magnifier{width: 13vw;height: 13vw;position: absolute;border-radius: 100%;box-shadow: 0 0 0.5vw 0.5vw rgb(0 0 0 / 20%);display: none;background-repeat:no-repeat;background-color: #000;background-image:url(../images/location-area2-map.svg?ver=4);}
.location .area3{padding: 5.3125vw 7.8125vw 7.9167vw;}
.location .area3 .tit{width:20.9375vw;margin: 0 auto;}
.location .area3 ul{margin-top:3.6979vw;display:flex;}
.location .area3 ul li{width:33.33%;padding: 0.5729vw 0 1.4063vw;text-align:center;position:relative;}
.location .area3 ul li ~ li::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#c8c8c8;transition:0.8s;transition-delay:1s;}
.location .area3 .num{;transition:1.2s;}
.location .area3 .num img{height:1.1979vw;}
.location .area3 .t1{color:#323232;font-family:"Cormorant Garamond";font-weight:500;font-size:1.3542vw;line-height:1.154em;margin-top:1.3021vw;}
.location .area3 .t2{color:#323232;font-family:'KBIZHanMj';font-size:1.0417vw;letter-spacing:-0.016em;margin-top:0.5729vw;line-height:1.1em;position:relative;}
.location .area3 li:nth-child(2) .t2{left:-0.0521vw;}
.location .area3 .t3{color:#323232;font-family: 'Pretendard';font-size:0.8333vw;line-height:1.44em;letter-spacing:0.04em;margin-top:1.25vw;}
.location .area3 .t3 p{overflow:hidden;}
.location .area3 .t3 p span{display:block;transition:0.6s;transition-delay:0.8s;}
.location .area2 .map.active .bg,
.location .area2 .map.active .maker,
.location .area2 .map.active .txt .cls-1,
.location .area2 .map.active .txt .cls-2,
.location .area2 .map.active .txt .cls-3{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.location .area1 dl{margin-bottom:-6vw;}
	.location .area1 dl dt{width: 12vw;}
	.location .area1 dl dd{width: 70vw;margin-top:2vw;}
	.location .area2{padding-top: 8vw;}
	.location .area2 .tit{margin-bottom:7vw;}
	.location .area2 .tit dl dt{width: 27vw;}
	.location .area2 .tit dl dd{font-size:1.3vw;margin-top: 2vw;}
	.location .area3{padding: 7vw 6vw 9vw;}
	.location .area3 .tit{width: 24vw;}
	.location .area3 ul{margin-top: 5vw;}
	.location .area3 ul li{padding: 1vw 0 2vw;}
	.location .area3 .num img{height:1.4vw;}
	.location .area3 .t1{margin-top: 1.5vw;font-size: 1.5vw;}
	.location .area3 .t2{font-size:1.1vw;margin-top:0.8vw;}
	.location .area3 .t3{font-size:0.95vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.location{padding-top:12vw;}
	.location .area1{height:138.4722vw;}
	.location .area1 .bg{background-image:url(../images/location-area1-bg-m.jpg);}
	.location .area1 dl dt{width:18vw;}
	.location .area1 dl dd{margin-top:4.1667vw;}
	.location .area2{padding-top:13.8889vw;}
	.location .area2 .tit{margin-bottom:13.8889vw;}
	.location .area2 .tit dl dt{width: 40vw;}
	.location .area2 .tit dl dd{font-size: 1.7vw;margin-top:2.5vw;line-height: 1.5em;}
	.location .area2 .map{overflow:auto;}
	.location .area2 .map .zoom_wrap{display:none;}
	.location .area2 .map ul{width: 280%;}
	.location .area3{padding: 11vw 6.3889vw 9vw;}
	.location .area3 .tit{width: 33vw;}
	.location .area3 ul{display:block;margin-top:5.5556vw;}
	.location .area3 ul li{width:100%;}
	.location .area3 ul li{padding: 5vw 0;}
	.location .area3 ul li ~ li::before{width:100%;height:1px;}
	.location .area3 .num img{height: 2vw;}
	.location .area3 .t1{margin-top: 2vw;font-size: 2.6vw;}
	.location .area3 .t2{font-size: 1.8vw;margin-top: 1.2vw;}
	.location .area3 .t3{font-size: 1.6vw;margin-top: 2vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.location{padding-top:16.6667vw;}
	.location .area1 dl{margin-bottom:-2vw;}
	.location .area1 dl dt{width:23.8889vw;}
	.location .area1 dl dd{width:90.1389vw;}
	.location .area2 .tit dl dt{width:63.8889vw;}
	.location .area2 .tit dl dd{font-size: 2.8vw;margin-top: 4.4167vw;line-height: 1.6em;}
	.location .area3{padding: 16.3889vw 6.3889vw 2.2222vw;}
	.location .area3 .tit{width:68.1944vw;}
	.location .area3 ul li{padding: 11.1111vw 0 10.4167vw;}
	.location .area3 .num img{height:3.6111vw;}
	.location .area3 .t1{font-size: 4.5vw;margin-top: 3vw;}
	.location .area3 .t2{font-size: 3.1vw;margin-top: 2.2vw;}
	.location .area3 .t3{font-size: 2.7vw;margin-top: 3.5vw;}
}

.legacy .area1{padding:15.5208vw 13.0729vw 2.4479vw;}
.legacy .area1 .tit{display:flex;align-items:center;justify-content:space-between;}
.legacy .area1 .tit .lef{width:8.3333vw;transition:0.6s;transition-delay:1.5s;}
.legacy .area1 .tit .cen{width:31.0938vw;transition: 0.8s;transition-delay: 1.2s;}
.legacy .area1 .tit .rig{width:8.3333vw;transition:1s;transition-delay:1.5s;}
.legacy .area2{position:relative;}
.legacy .area2 .box{height:52.0833vw;display:flex;}
.legacy .area2 .items{width:50%;height:100%;position:relative;overflow:hidden;}
.legacy .area2 .img{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;transition:1s;}
.legacy .area2 .img span{display:block;height:100%;background:no-repeat center / cover;}
.legacy .area2 .img1 span{background-image:url(../images/legacy-area2-img1.jpg);}
.legacy .area2 .img2 span{background-image:url(../images/legacy-area2-img2.jpg?ver=1);}
.legacy .area2 .img3 span{background-image:url(../images/legacy-area2-img3.jpg);}
.legacy .area2 .img4 span{background-image:url(../images/legacy-area2-img4.jpg?ver=1);}
.legacy .area2 .img5 span{background-image:url(../images/legacy-area2-img5.jpg);}
.legacy .area2 .ori{position:absolute;}
.legacy .area2 .ori.left_bot{left:2.3438vw;bottom:2.0313vw;transform-origin: 0 0;transition:1s;}
.legacy .area2 .ori.right_top{right:1.0417vw;top:1.0417vw;transition:0.8s;transition-delay:1s;}
.legacy .area2 .ori.left_top{transition:0.8s;transition-delay:1s;}
.legacy .area2 .box1 .ori.left_bot{width:12.9688vw;}
.legacy .area2 .box2 .ori.left_bot{width:15.2083vw;}
.legacy .area2 .box2 .ori.right_top{width:0.9375vw;}
.legacy .area2 .box3 .ori.left_bot{width:23.0208vw;}
.legacy .area2 .box4 .ori.left_bot{width:16.1979vw;left:0.9896vw;bottom:0.9375vw;}
.legacy .area2 .box4 .ori.left_top{left:2.3438vw;top:2.0833vw;width:10vw;}
.legacy .area2 .box5 .ori.left_bot{width:14.1146vw;}
.legacy .area2 .box5 .ori.left_top{left:1.0417vw;top:1.0417vw;width:16.1979vw;}
.legacy .area2 .txt{height:100%;padding: 2.3438vw;}
.legacy .area2 .co1{background-color:#657765;}
.legacy .area2 .co2{background-color:#a5948b;}
.legacy .area2 .co3{background-color:#838c70;}
.legacy .area2 .co4{background-color:#657765;}
.legacy .area2 .co5{background-color:#756a5d;}
.legacy .area2 .t_wrap{position:relative;height:100%;display:flex;align-items:center;justify-content:center;}
.legacy .area2 .t1{position:absolute;right:-0.1042vw;top:-0.0521vw;width:1.9271vw;transition:0.8s;transition-delay:1s;}
.legacy .area2 .t2{transition:0.8s;transition-delay:0.8s;}
.legacy .area2 .co1 .t2{width:17.8646vw;text-indent:-0.1042vw;}
.legacy .area2 .co2 .t2{width:24.8438vw;}
.legacy .area2 .co3 .t2{width:14.5313vw;}
.legacy .area2 .co4 .t2{width:21.4063vw;}
.legacy .area2 .co5 .t2{width:18.8542vw;}
.legacy .area2 .t3{position:absolute;left:0;bottom: -0.7%;}
.legacy .area2 .t3 dl dt{color:#fff; font-family:'KBIZHanMj';font-weight:300;font-size:1.5625vw;letter-spacing:-0.035em;text-indent:-0.2083vw;overflow:hidden;}
.legacy .area2 .t3 dl dd{color:#fff;font-family: 'Pretendard';font-weight:200;font-size:0.8854vw;line-height:1.41em;letter-spacing:0.02em;margin-top:0.7292vw;}
.legacy .area2 .t3 dl dd p{overflow:hidden;}
.legacy .area1 .tit.active .cen,
.legacy .area2 .active .img,
.legacy .area2 .box.active .t1,
.legacy .area2 .box.active .t2,
.legacy .area2 .box.active .t3 dl dt span,
.legacy .area2 .box.active .t3 dl dd p span,
.legacy .area2 .ori.left_bot.active,
.legacy .area2 .box.active .ori.right_top,
.legacy .area2 .box.active .ori.left_top{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.legacy .area1{padding: 17vw 10vw 4vw;}
	.legacy .area1 .tit .cen{width:33vw;}
	.legacy .area1 .tit .lef,
	.legacy .area1 .tit .rig{width:9vw;}
	.legacy .area2 .t1{width: 2.6vw;}
	.legacy .area2 .co1 .t2{width:20vw;}
	.legacy .area2 .co2 .t2{width:28vw;}
	.legacy .area2 .co3 .t2{width:17vw;}
	.legacy .area2 .co4 .t2{width:25vw;}
	.legacy .area2 .co5 .t2{width:22vw;}
	.legacy .area2 .t3 dl dt{font-size: 1.7vw;}
	.legacy .area2 .t3 dl dd{font-size: 1vw;margin-top: 1vw;}
	.legacy .area2 .box1 .ori.left_bot{width: 16vw;}
	.legacy .area2 .box2 .ori.left_bot{width:18vw;}
	.legacy .area2 .box3 .ori.left_bot{width:27vw;}
	.legacy .area2 .box4 .ori.left_top{width:12vw;}
	.legacy .area2 .box2 .ori.right_top{width:1.1vw;}
	.legacy .area2 .box4 .ori.left_bot{width:19vw;}
	.legacy .area2 .box5 .ori.left_bot{width:16vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.legacy .area1{padding: 20vw 0 7vw;}
	.legacy .area1 .tit{flex-direction: column-reverse;}
	.legacy .area1 .tit .lef{width: 13vw;margin-top: 5.2778vw;}
	.legacy .area1 .tit .rig{display:none;}
	.legacy .area1 .tit .cen{width:52vw;}
	.legacy .area2 .box{height:200vw;}
	.legacy .area2 .box:nth-child(odd){flex-direction:column;}
	.legacy .area2 .box:nth-child(even){flex-direction:column-reverse;}
	.legacy .area2 .items{width:100%;height:50%;}
	.legacy .area2 .img1 span{background-image:url(../images/legacy-area2-img1-m.jpg);}
	.legacy .area2 .img2 span{background-image:url(../images/legacy-area2-img2-m.jpg);}
	.legacy .area2 .img3 span{background-image:url(../images/legacy-area2-img3-m.jpg);}
	/* .legacy .area2 .img4 span{background-image:url(../images/legacy-area2-img4-m.jpg);} */
	.legacy .area2 .img5 span{background-image:url(../images/legacy-area2-img5-m.jpg);}
	.legacy .area2 .box .mtxt{position:absolute;left:0;width:100%;display:flex;justify-content:center;}
	.legacy .area2 .box1 .mtxt{bottom:6.25vw;}
	.legacy .area2 .box2 .mtxt{top:6.8056vw;}
	.legacy .area2 .box3 .mtxt{bottom:5.9722vw;}
	.legacy .area2 .box4 .mtxt{top:6.9444vw;}
	.legacy .area2 .box5 .mtxt{top:6.25vw;}
	.legacy .area2 .box1 .mtxt span{width:28.4445vw;}
	.legacy .area2 .box2 .mtxt span{width:30.3333vw;}
	.legacy .area2 .box3 .mtxt span{width:20.6666vw;}
	.legacy .area2 .box4 .mtxt span{width:11.6666vw;}
	.legacy .area2 .box5 .mtxt span{width:22.5555vw;}
	.legacy .area2 .txt{padding: 0 6.3889vw;}
	.legacy .area2 .t_wrap{height:49%;border-bottom: 1px solid #f3eee7;}
	.legacy .area2 .co1 .t2{width:48.6666vw;}
	.legacy .area2 .co2 .t2{width:60.2222vw;}
	.legacy .area2 .co3 .t2{width:39.7777vw;}
	.legacy .area2 .co4 .t2{width:53vw;}
	.legacy .area2 .co5 .t2{width:51.7777vw;}
	.legacy .area2 .t3{bottom:-38.8889vw;}
	.legacy .area2 .t3 dl dt{font-size:4.2vw;line-height: 1.25em;}
	.legacy .area2 .t3 dl dd{font-size:2.5vw;margin-top:1.5222vw;letter-spacing: 0.03em;}
}
@media all and (max-aspect-ratio: 7/10){
	.legacy .area1{padding: 27.7778vw 0 5.2778vw;}
	.legacy .area1 .tit .lef{width:16.25vw;}
	.legacy .area1 .tit .cen{width:71.9444vw;}
	.legacy .area2 .box1 .mtxt span{width:35.5556vw;}
	.legacy .area2 .box2 .mtxt span{width:37.9167vw;}
	.legacy .area2 .box3 .mtxt span{width:25.8333vw;}
	.legacy .area2 .box4 .mtxt span{width:14.5833vw;}
	.legacy .area2 .box5 .mtxt span{width:28.1944vw;}
	.legacy .area2 .co1 .t2{width:60.8333vw;}
	.legacy .area2 .co2 .t2{width:75.2778vw;}
	.legacy .area2 .co3 .t2{width:49.7222vw;}
	.legacy .area2 .co4 .t2{width:66.25vw;}
	.legacy .area2 .co5 .t2{width:64.7222vw;}
	.legacy .area2 .t3 dl dt{font-size:5.1vw;}
	.legacy .area2 .t3 dl dd{font-size:2.9vw;}
}

.news_list{padding:17.8646vw 11.4583vw 6.25vw;}
.news_list .txt{text-align:center;}
.news_list .txt .tit{margin-bottom:1.9792vw;transition:0.8s;transition-delay:1.2s;}
.news_list .txt .tit strong{display:block;width:8.6458vw;margin: 0 auto;}
.news_list .txt dl dt{color:#323232;font-size:0.8854vw;font-weight:300;line-height:1.47em;letter-spacing:0.04em;margin-top:0.7292vw;}
.news_list .txt dl dt p{overflow:hidden;}
.news_list .txt dl dt p span{display:block;transition:0.8s;transition-delay:1.4s;}
.news_list .txt dl dd{font-family:'KBIZHanMj';color:#323232;font-size:0.9896vw;line-height:1.47em;letter-spacing: -0.02em;}
.news_list .txt dl dd p{overflow:hidden;}
.news_list .txt dl dd p span{display:block;transition:0.8s;transition-delay:1.6s;}
.news_list .news_tbl{margin-top:5.2083vw;transition:0.8s;transition-delay:1.8s;}
.news_list .news_tbl table{width:100%;text-align:left;table-layout: fixed;}
.news_list .news_tbl table .col1{width:8%;}
.news_list .news_tbl table .col2{width:16.414%;}
.news_list .news_tbl table th{color:#323232;font-family:"acumin-pro";font-weight:300;letter-spacing:0.03em;font-size:0.7292vw;padding-bottom:0.6771vw;position:relative;}
.news_list .news_tbl table td{position:relative;vertical-align:top;}
.news_list .news_tbl table th::after,
.news_list .news_tbl table td::after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 0.5208vw);height:1px;background-color:#c8c8c8;}
.news_list .news_tbl table th:last-child::after,
.news_list .news_tbl table td:last-child::after{width:100%;}
.news_list .news_tbl table tr:last-child .year::after{display:none;}
.news_list .news_tbl table td.no_list p{padding: 6vw 0;font-size:1vw;color:#323232;text-align:center;}
.news_list .news_tbl table td.no_list::after{width:100%;}
.news_list .news_tbl table td{padding: 0.5729vw 0;}
.news_list .news_tbl table .year{color:#323232;font-family:"acumin-pro";font-size:0.9896vw;font-weight:200;letter-spacing:0.03em;padding-bottom:0;}
.news_list .news_tbl table .category{color:#323232;font-size:0.7292vw;letter-spacing:0.1em;font-weight:200;}
.news_list .news_tbl table .title a{display:flex;align-items:center;justify-content:space-between;line-height:1.1em;}
.news_list .news_tbl table .title a span{color:#323232;font-family: 'Pretendard';font-size:0.7813vw;padding-right:2.6042vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .news_tbl table .title a span.en{font-family:"acumin-pro";}
.news_list .news_tbl table .title em{color:#323232;font-weight:300;font-size:0.5729vw;letter-spacing:0.08em;flex-shrink: 0;}
.news_list .news_area{display:flex;justify-content:space-between;margin-top:4.9479vw;font-family: 'Pretendard';}
.news_list .news_area .box{width:47.635%;}
.news_list .news_area .box .t{color:#323232;font-weight:600;font-size:1.0417vw;letter-spacing:0.125em;margin-bottom:0.7813vw;overflow:hidden;}
.news_list .news_area .box .t span{display:block;transform:translate(0,100%);transition:0.8s;}
.news_list .news_area table{width:100%;opacity:0;transform:translate(0,2vw);transition:0.8s;transition-delay:0.3s;}
.news_list .news_area table .col1{width: 19.1489%;}
.news_list .news_area table th{padding: 2.0313vw 0;text-align:left;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.news_list .news_area table th p{color:#323232;font-size:0.8333vw;letter-spacing:0.02em;font-weight:400;}
.news_list .news_area table td{padding:0.7813vw 0;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;}
.news_list .news_area table td a{display:block;color:#323232;font-size:1.1979vw;font-weight:300;letter-spacing:0.009em;line-height:1.35em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news_list .news_area table .no_data p{text-align:center;padding: 3vw 0;font-size:0.9375vw;}
.news_list .news_area .box .page{display:flex;justify-content:center;align-items:center;margin-top:1.1979vw;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.news_list .news_area .box .page a{display:block;padding: 0 0.5208vw;}
.news_list .news_area .box .page .arr a img{width:0.2604vw;}
.news_list .news_area .box .page .next{transform:rotate(180deg);}
.news_list .news_area .box .page ul{display:flex;}
.news_list .news_area .box .page ul a{font-size:0.7813vw;color:#969696;font-weight:300;}
.news_list .news_area .box .page ul .on a{color:#323232;font-weight:400;}
.news_list.active .txt .tit,
.news_list.active .txt dl dt p span,
.news_list.active .txt dl dd p span,
.news_list.active .news_tbl,
.news_list .news_area .box.active .t span,
.news_list .news_area .box.active table,
.news_list .news_area .box.active .page{opacity:1;transform:none;}
.news_tab{display:none;}
@media all and (max-aspect-ratio: 17/10){
	.news_list{padding: 18vw 10vw 10vw;}
	.news_list .txt .tit strong{width:10vw;}
	.news_list .txt dl dt{font-size: 1.05vw;margin-top: 1vw;}
	.news_list .txt dl dd{font-size: 1.15vw;}
	.news_list .news_tbl{margin-top:7vw;}
	.news_list .news_tbl table .col1{width:12%;}
	.news_list .news_tbl table th{font-size:1vw;padding-bottom: 1vw;}
	.news_list .news_tbl table td{padding: 1vw 0;}
	.news_list .news_tbl table .year{font-size:1.3vw;}
	.news_list .news_tbl table .category{font-size:0.9vw;}
	.news_list .news_tbl table .title a span{font-size:1vw;}
	.news_list .news_tbl table .title em{font-size:0.8vw;}
	.news_list .news_area{margin-top:6.5vw;}
	.news_list .news_area .box .t{font-size: 1.2vw;margin-bottom:1vw;}
	.news_list .news_area table .col1{width: 20%;}
	.news_list .news_area table th{padding: 2.28vw 0;}
	.news_list .news_area table th p{font-size:0.95vw;}
	.news_list .news_area table td{padding: 1vw 0;}
	.news_list .news_area table td a{font-size:1.3vw;}
	.news_list .news_area .box .page{margin-top:1.8vw;}
	.news_list .news_area .box .page a{padding:0 0.7vw;}
	.news_list .news_area .box .page ul a{font-size:0.95vw;}
	.news_list .news_area .box .page .arr a img{width:0.45vw;}
	.news_list .news_area table .no_data p{padding: 4vw 0;font-size: 1.2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.news_list{padding: 30vw 10vw 20vw;}
	.news_list .txt .tit{margin-bottom:3vw;}
	.news_list .txt .tit strong{width: 15vw;}
	.news_list .txt dl dd{font-size: 2.3vw;}
	.news_list .txt dl dt{font-size: 2vw;margin-top: 0.8333vw;}
	.news_list .news_area{display:block;}
	.news_list .news_area .box{width:100%;display:none;}
	.news_list .news_area .box.on{display:block;}
	.news_list .news_area .box .t{display:none;}
	.news_list .news_area table{border-bottom: 1px solid #c8c8c8;}
	.news_list .news_area table th,
	.news_list .news_area table td{padding: 2vw 0;}
	.news_list .news_area table th{vertical-align:top;border:none;position:relative;}
	.news_list .news_area table th::before{content:"";position:absolute;left:0;top:0;width:85%;height:1px;background-color:#c8c8c8;}
	.news_list .news_area table th p{font-size: 2vw;}
	.news_list .news_area table td a{font-size: 2.1vw;}
	.news_list .news_area .box .page{margin-top:4.1667vw;}
	.news_list .news_area .box .page a{padding: 0 1.4vw;}
	.news_list .news_area .box .page .arr a img{width:0.9vw;}
	.news_list .news_area .box .page ul a{font-size:1.9vw;}
	.news_tab{display:block;margin-bottom:7vw;}
	.news_tab ul{display:flex;justify-content:center;gap: 0 8vw;}
	.news_tab ul li p{position:relative;color:#000;font-weight:300;font-size: 2vw;letter-spacing: 0.06em;padding-bottom:1vw;}
	.news_tab ul li p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#c8c8c8;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
	.news_tab ul li.on p::before{transform:none;}
}
@media all and (max-aspect-ratio: 7/10){
	.news_list{padding: 37.0833vw 6.3889vw 10.4167vw;}
	.news_list .txt .tit{margin-bottom:3.8889vw;}
	.news_list .txt .tit strong{width:19.5833vw;}
	.news_list .txt dl dd{font-size: 3.07vw;}
	.news_list .txt dl dt{font-size: 2.7vw;}
	.news_list .news_area{margin-top:16.6667vw;}
	.news_list .news_area table .col1{width:23%;}
	.news_list .news_area table th{padding: 2vw 0;}
	.news_list .news_area table td{padding: 1.3889vw 0;}
	.news_list .news_area table th p{font-size:2.7vw;}
	.news_list .news_area table td a{font-size:2.8vw;line-height: 1.45em;}
	.news_list .news_area .box .page a{padding: 0 1.8vw;}
	.news_list .news_area .box .page .arr a img{width: 1.3vw;}
	.news_list .news_area .box .page ul a{font-size:2.7vw;}
	.news_tab{margin-bottom:13.8889vw;}
	.news_tab ul{gap: 0 13.8889vw;}
	.news_tab ul li p{font-size: 3.1vw;}
}

.news_view{padding: 13.6979vw 12.2396vw 7.0313vw;}
.news_view .tit{margin-bottom:0.7292vw;color:#000;font-family:"Cormorant Garamond";font-weight:500;letter-spacing:0.015em;font-size:1.9271vw;overflow:hidden;}
.news_view .tit span{display:block;transition:0.6s;transition-delay:0.4s;}
.news_view .area{display:flex;justify-content:space-between;position:relative;}
.news_view .area .lef,
.news_view .area .rig{width:48.07%;}
.news_view .area .lef{overflow:hidden;}
.news_view .area .box{position:relative;transition:0.8s;transition-delay:0.6s;}
.news_view .area .sd .img{background-color:#000;position:relative;padding-bottom:69.0647%;opacity:0;transition:0.8s;}
.news_view .area .sd .img span{position:absolute;left:0;top:0;width:100%;height:100%;display: flex;align-items: center;justify-content:center;}
.news_view .area .sd .img iframe{width:100%;height:100%;}
.news_view .area .sd .img img{height:100%;object-fit: contain;}
.news_view .area .sd p{color:#969696;font-size:0.5208vw;letter-spacing:0.1em;margin-top:0.6771vw;line-height:1.3em;font-weight:300;}
.news_view .area .sd p.ko{font-family: 'Pretendard';}
.news_view .area .box .arr{display:flex;gap:0 1.5625vw;position:absolute;right:0;bottom:0;z-index:1;}
.news_view .area .box .arr button{border:none;background:none;width:0.3646vw;}
.news_view .area .rig .txt_sd{margin-top:-0.2604vw;}
.news_view .area .rig .t1{color:#323232;font-family:'KBIZHanMj';font-weight:300;font-size:2.1875vw;line-height:1.26em;transition:0.8s;transition-delay:0.8s;}
.news_view .area .rig .t1.en{font-family:"Cormorant Garamond";}
.news_view .area .rig .t2{position:relative;left:0.1042vw;color:#000;font-size:0.9375vw;line-height:1.33em;letter-spacing:-0.01em;font-family: 'Pretendard';text-align:justify;margin-top:1.1979vw;transition:0.8s;transition-delay:1s;}
.news_view .area .rig .link{position:relative;left:0.1042vw;display:flex;margin-top:1.8229vw;transition:0.8s;transition-delay:1.2s;}
.news_view .area .rig .link a{position:relative;padding: 0 0.2604vw 0.3125vw;color:#323232;font-size:0.5208vw;letter-spacing:0.23em;}
.news_view .area .rig .link a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#323232;}
.news_view.active .sd .img,
.news_view.active .area .box,
.news_view.active .area .rig .t1,
.news_view.active .area .rig .t2,
.news_view.active .area .rig .link{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.news_view .tit{font-size:2.1vw;}
	.news_view .area .sd p{font-size:0.8vw;}
	.news_view .area .rig .t1{font-size: 2.5vw;}
	.news_view .area .rig .t2{font-size:1.1vw;margin-top: 1.8vw;}
	.news_view .area .rig .link{margin-top:2.5vw;}
	.news_view .area .rig .link a{padding: 0 0.4vw 0.4vw;font-size:0.7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.news_view{padding: 30vw 10vw 20vw;}
	.news_view .area{display:block;}
	.news_view .area .lef,
	.news_view .area .rig{width:100%;}
	.news_view .area .lef{position:absolute;left:0;top:18vw;}
	.news_view .tit{font-size:2.6vw;text-align:center;margin-bottom:2vw;}
	.news_view .area .rig .t1{padding: 0 10vw;text-align:center;line-height:1.4em;font-size: 3.5vw;height:78vw;}
	.news_view .area .rig .t2{margin-top:8vw;font-size:2.2vw;line-height: 1.45em;}
	.news_view .area .sd p{margin-top: 2vw;font-size: 1.8vw;}
	.news_view .area .rig .link{margin-top: 7vw;}
	.news_view .area .rig .link a{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.news_view{padding: 32.6389vw 6.3889vw 13.8889vw;}
	.news_view .tit{font-size: 3.8vw;margin-bottom: 2.4vw;}
	.news_view .area .lef{top:27vw;}
	.news_view .area .sd p{font-size: 2.6vw;}
	.news_view .area .rig .t1{font-size:4.8vw;height: 92vw;font-weight:500;}
	.news_view .area .rig .t2{margin-top:9vw;font-size:2.8vw;}
	.news_view .area .rig .link{margin-top:13.8889vw;}
	.news_view .area .rig .link a{font-size:2.6vw;}
}

.village{padding-top:6.25vw;}
.village .area1{height:45vw;}
.village .area1 .box{height:100%;position:relative;overflow:hidden;}
.village .area1 .box .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/village-area1-bg.jpg) no-repeat center / cover;}
.village .area1 .box .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.village .area1 .box .txt ul{margin-bottom:-1.5625vw;width:33.2813vw;transform-origin: 0 0;transition:1s;transition-delay:0.8s;}
.village .area1 .box .typo{position:absolute;right:2.3438vw;bottom:2.7083vw;width:3.6979vw;}
.village .area1 .box .typo ul{height:100%;position:relative;}
.village .area1 .box .typo ul li{position:absolute;left:0;top:0;width:100%;transition:1s;}
.village .area1 .box .typo ul li:nth-child(4){position:static;transition-delay:1.4s;}
.village .area2{padding: 5.2083vw 12.2396vw 5.3125vw;}
.village .area2 ul{display:flex;justify-content:space-between;}
.village .area2 ul li{width:31.035%;}
.village .area2 ul li .img span{display:block;overflow:hidden;position:relative;}
.village .area2 ul li .img span em{display:block;opacity:0;transition:1s;}
.village .area2 ul li.box1 .img .img_ori{width:9.2708vw;}
.village .area2 ul li.box3 .img .img_ori{width:6.4063vw;}
.village .area2 ul li .img p{color:#646464;font-weight:300;font-size:0.5208vw;margin-top:0.5729vw;letter-spacing:0.1em;transition:0.6s;}
.village .area2 ul li dl{margin-top:2.3958vw;}
.village .area2 ul li dl dt{color:#323232;font-size:1.5625vw;font-weight:500;font-family:"Cormorant Garamond";line-height:1.13em;letter-spacing: 0.003em;}
.village .area2 ul li dl dt p{overflow:hidden;}
.village .area2 ul li dl dt p span{display:block;transition:0.8s;}
.village .area2 ul li dl dd{color:#323232;font-size:1.1458vw;font-family:'KBIZHanMj';letter-spacing:-0.025em;margin-top:0.7813vw;overflow:hidden;text-indent:-0.1042vw;}
.village .area2 ul li:nth-child(2) dl dd{letter-spacing:0;}
.village .area2 ul li dl dd span{display:block;transition:0.8s;transition-delay:0.3s;}
.village .area2 ul li .link{margin-top:1.8229vw;display:flex;}
.village .area2 ul li .link a{position:relative;overflow:hidden;}
.village .area2 ul li .link a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#323232;transform-origin: 0 0;transition:1s;}
.village .area2 ul li .link a span{display:block;font-size:0.5729vw;color:#323232;letter-spacing:0.25em;text-indent: 0.25em;padding-top:0.2604vw;padding-bottom:0.2604vw;transition:0.6s;}
.village .area1 .box.active .txt ul,
.village .area1 .box.active .typo ul li,
.village .area2 ul li .img span.active em,
.village .area2 ul li .img p.active,
.village .area2 ul li dl.active dt p span,
.village .area2 ul li dl.active dd span,
.village .area2 ul li .link.active a span,
.village .area2 ul li .link.active a::before{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.village{padding-top:7vw;}
	.village .area1 .box .txt ul{width:37vw;}
	.village .area1 .box .typo{width:4.5vw;}
	.village .area2{padding: 7vw 10vw;}
	.village .area2 ul li .img p{font-size: 0.8vw;margin-top:0.7vw;}
	.village .area2 ul li dl{margin-top:3vw;}
	.village .area2 ul li dl dt{font-size:1.8vw;}
	.village .area2 ul li dl dd{font-size:1.35vw;margin-top:1.3vw;}
	.village .area2 ul li .link{margin-top:2.1vw;}
	.village .area2 ul li .link a span{font-size:0.8vw;padding-bottom: 0.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.village{padding-top:12vw;}
	.village .area1{height:138.4722vw;}
	.village .area1 .box .bg{background-image:url(../images/village-area1-bg-m.jpg);}
	.village .area1 .box .txt ul{width: 55vw;margin-bottom:0;}
	.village .area2{padding: 12.7778vw 6.3889vw;}
	.village .area2 ul{display:block;}
	.village .area2 ul li{width:100%;}
	.village .area2 ul li ~ li{margin-top:12.7778vw;}
	.village .area2 ul li.box1 .img .img_ori{width:21.8056vw;left:1.3889vw;bottom:1.3889vw;}
	.village .area2 ul li.box3 .img .img_ori{width:21.5278vw;left:1.3889vw;bottom:1.3889vw;}
	.village .area2 ul li .img p{font-size: 1.8vw;margin-top: 2vw;}
	.village .area2 ul li dl{margin-top:5vw;}
	.village .area2 ul li dl dt{font-size: 4.2vw;}
	.village .area2 ul li dl dd{font-size: 2.9vw;margin-top:2.5vw;}
	.village .area2 ul li .link{margin-top: 5vw;}
	.village .area2 ul li .link a span{font-size: 1.6vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.village{padding-top:16.6667vw;}
	.village .area1 .box .txt ul{width:68.6111vw;}
	.village .area2 ul li .img p{font-size: 2.6vw;}
	.village .area2 ul li dl dt{font-size:5.55vw;}
	.village .area2 ul li dl dd{font-size:3.84vw;margin-top:3vw;}
	.village .area2 ul li .link{margin-top:7.0833vw;}
	.village .area2 ul li .link a span{font-size: 2.6vw;padding-bottom:1.1vw;letter-spacing: 0.19em;text-indent: 0.1em;}
}

.village_view{padding: 16.6146vw 12.2396vw 11.9792vw;}
.village_view .tit{margin-bottom:4.375vw;transition:0.8s;transition-delay:1.2s;}
.village_view .tit span{display:block;width:23.5417vw;margin: 0 auto;}
.village_view .area1 .box{display:flex;}
.village_view .area1 .box .items{width:50%;overflow:hidden;transition:0.8s;}
.village_view .area1 .box .img{position:relative;opacity:0;transition:0.8s;}
.village_view .area1 .box .img .top_ori{width:16.1979vw;position:absolute;left:1.0417vw;top:1.0417vw;z-index:1;}
.village_view .area1 .box .img .bot_ori{width:11.1458vw;position:absolute;left:0.5208vw;bottom:0.5208vw;z-index:1;}
.village_view .area1 .box .img .img_txt{position:absolute;transition:0.8s;}
.village_view .area1 .box1 .img .img_txt{left:1.5625vw;bottom:1.3021vw;width:10.1042vw;}
.village_view .area1 .box2 .img .img_txt{left:0;bottom:3.3333vw;width:100%;}
.village_view .area1 .box2 .img .img_txt img{width:13.5938vw;margin: 0 auto;}
.village_view .area1 .box .txt{position:relative;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.village_view .area1 .box2 .txt .t_wrap{margin-left:-0.3125vw;margin-top:-0.5208vw;}
.village_view .area1 .box3 .txt .t_wrap{margin-top:-0.0521vw;}
.village_view .area1 .box1 .txt .t_box{margin-bottom:3.125vw;}
.village_view .area1 .box2 .txt .t_box{margin-bottom:3.0208vw;}
.village_view .area1 .box3 .txt .t_box{margin-bottom:3.2292vw;}
.village_view .area1 .box4 .txt .t_box{margin-bottom:2.9167vw;}
.village_view .area1 .box .txt .t_box .t1{color:#323232;font-family:"Cormorant Garamond";font-size:1.6146vw;line-height:1.16em;font-weight:500;letter-spacing: 0.0012em;}
.village_view .area1 .box .txt .t_box .t1 p{overflow:hidden;}
.village_view .area1 .box .txt .t_box .t2{color:#323232;font-family:'KBIZHanMj';font-size:1.3021vw;letter-spacing:-0.025em;margin-top:1.6146vw;position:relative;}
.village_view .area1 .box2 .txt .t_box .t2{top:-0.1042vw;letter-spacing:0;padding-bottom:0.0521vw;text-indent:0.3646vw;}
.village_view .area1 .box3 .txt .t_box .t2{top:-0.1042vw;}
.village_view .area1 .box4 .txt .t_box .t2{letter-spacing:0;}
.village_view .area1 .box .txt .t_box .t3{position:relative;color:#323232;font-family:'KBIZHanMj';font-size:0.9375vw;line-height:1.33em;margin-top:0.8333vw;transition:0.8s;}
.village_view .area1 .box2 .txt .t_box .t3{left:0.1563vw;}
.village_view .area1 .box .txt .t_box .t3 p ~ p{margin-top:0.7813vw;}
.village_view .area1 .box .txt .logo{margin: 0 auto;transition:1s;}
.village_view .area1 .box1 .txt .logo{width:3.8021vw;}
.village_view .area1 .box3 .txt .logo{width:8.2813vw;}
.village_view .area1 .box4 .txt .logo{width:6.875vw;}
.village_view .area1 .box .txt .num{position:absolute;width:100%;left:0;bottom:1.7708vw;display:flex;justify-content:center;transition:0.8s;}
.village_view .area1 .box .txt .num img{width:1.1458vw;}
.village_view .area1 .box .txt .guide{text-align:center;}
.village_view .area1 .box .txt .guide{width:31.4063vw;}
.village_view .area1 .box .txt .guide dl dt{color:#323232;font-size:0.7292vw;font-family:"Cormorant Garamond";font-weight:500;letter-spacing:0.1em;overflow:hidden;}
.village_view .area1 .box .txt .guide dl dt span{display:block;transition:0.8s;transition-delay:0.3s;}
.village_view .area1 .box .txt .guide dl dd{padding-top:1.0938vw;margin-top:0.6771vw;position:relative;}
.village_view .area1 .box4 .txt .guide dl dd{top:-0.1042vw;}
.village_view .area1 .box .txt .guide dl dd::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#c8c8c8;transition:1s;}
.village_view .area1 .box .txt .guide dl dd span{display:block;overflow:hidden;}
.village_view .area1 .box .txt .guide dl dd img{margin: 0 auto;transition:0.8s;transition-delay:0.3s;}
.village_view .area1 .box2 .txt .guide dl dd img{width:28.75vw;}
.village_view .area1 .box4 .txt .guide dl dd img{width:28.0208vw;}
.village_view .area1 .box .txt .guide + .logo{margin-top:1.0417vw;}
.village_view .area1 .box.active .img,
.village_view .tit.active,
.village_view .area1 .box .txt .t_box .t1.active p span,
.village_view .area1 .box .txt .t_box .t2.active span,
.village_view .area1 .box .txt .t_box .t3.active,
.village_view .area1 .box .txt .logo.active,
.village_view .area1 .box .txt .num.active,
.village_view .area1 .box .txt .guide.active dl dt span,
.village_view .area1 .box .txt .guide.active dl dd::before,
.village_view .area1 .box .txt .guide.active dl dd img,
.village_view .area1.active .box .items,
.village_view .area1 .box .img .img_txt.active{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.village_view{padding: 18vw 10vw 12vw;}
	.village_view .tit{margin-bottom:6vw;}
	.village_view .tit span{width:27vw;}
	.village_view .area1 .box .txt .t_wrap{margin-top:-4vw;}
	.village_view .area1 .box .txt .t_box{margin-bottom:4vw;}
	.village_view .area1 .box .txt .t_box .t1{font-size:2vw;}
	.village_view .area1 .box .txt .t_box .t2{font-size: 1.6vw;margin-top: 1.4vw;}
	.village_view .area1 .box .txt .t_box .t3{font-size: 1.1vw;margin-top: 1vw;}
	.village_view .area1 .box .txt .num{bottom:2vw;}
	.village_view .area1 .box .txt .num img{width:1.3vw;}
	.village_view .area1 .box1 .txt .logo{width:4.2vw;}
	.village_view .area1 .box3 .txt .logo{width:10vw;}
	.village_view .area1 .box4 .txt .logo{width: 8.5vw;}
	.village_view .area1 .box .txt .guide + .logo{margin-top:2vw;}
	.village_view .area1 .box1 .img .img_txt{width:12vw;}
	.village_view .area1 .box .txt .guide{width:34vw;}
	.village_view .area1 .box .txt .guide dl dt{font-size:0.9vw;}
	.village_view .area1 .box .txt .guide dl dd{padding-top: 1.3vw;margin-top: 1vw;}
	.village_view .area1 .box2 .txt .guide dl dd img,
	.village_view .area1 .box4 .txt .guide dl dd img{width:31vw;}
	.village_view .area1 .box2 .img .img_txt img{width:16vw;}
	.village_view .area1 .box .img .top_ori{width:20vw;}
	.village_view .area1 .box .img .bot_ori{width:15vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.village_view{padding: 24vw 10vw 12vw;}
	.village_view .tit{margin-bottom:10vw;}
	.village_view .tit span{width:36vw;}
	.village_view .area1 .box ~ .box{margin-top:12.5vw;}
	.village_view .area1 .box:nth-child(odd){flex-direction:column;}
	.village_view .area1 .box:nth-child(even){flex-direction:column-reverse;}
	.village_view .area1 .box .items{width:100%;}
	.village_view .area1 .box1 .img .img_txt{width:23.3333vw;left:3.4722vw;bottom:3.4722vw;}
	.village_view .area1 .box2 .img .img_txt{bottom:5.5556vw;}
	.village_view .area1 .box2 .img .img_txt img{width:36.6667vw;}
	.village_view .area1 .box .img .top_ori{width:21.8056vw;left:1.3889vw;top:1.3889vw;}
	.village_view .area1 .box .img .bot_ori{width:21.1111vw;left:1.3889vw;bottom:1.3889vw;}
	.village_view .area1 .box .txt{display:block;}
	.village_view .area1 .box1 .txt{margin-top:11.8056vw;}
	.village_view .area1 .box2 .txt{margin-top:10.4167vw;}
	.village_view .area1 .box4 .txt{margin-top:11.8056vw;}
	.village_view .area1 .box .txt .t_wrap{margin-top:0;}
	.village_view .area1 .box2 .txt .t_box{margin-bottom:9.7222vw;}
	.village_view .area1 .box4 .txt .t_box{margin-bottom:8.3333vw;}
	.village_view .area1 .box .txt .t_box .t1{font-size:4vw;line-height: 1.12em;}
	.village_view .area1 .box .txt .t_box .t2{font-size: 3vw;margin-top: 3.5vw;}
	.village_view .area1 .box .txt .t_box .t3{font-size: 2.2vw;margin-top: 2vw;}
	.village_view .area1 .box1 .txt .logo{width: 7.5vw;}
	.village_view .area1 .box4 .txt .logo{width:18vw;}
	.village_view .area1 .box .txt .guide + .logo{margin-top:11.8056vw;}
	.village_view .area1 .box .txt .num{display:none;}
	.village_view .area1 .box .txt .guide{width: 100%;}
	.village_view .area1 .box .txt .guide dl dt{font-size:2.3vw;}
	.village_view .area1 .box .txt .guide dl dd{padding-top: 4vw;margin-top: 1.5vw;}
	.village_view .area1 .box2 .txt .guide dl dd img{width: 60vw;}
	.village_view .area1 .box4 .txt .guide dl dd img{width: 52vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.village_view{padding: 35.8333vw 6.3889vw 11.1111vw;}
	.village_view .tit{margin-bottom:19.1667vw;}
	.village_view .tit span{width:44.3056vw;}
	.village_view .area1 .box1 .txt .t_box{margin-bottom:9.7222vw;}
	.village_view .area1 .box2 .txt .t_box{margin-bottom:11.1111vw;}
	.village_view .area1 .box3 .txt .t_box{margin-bottom:7.6389vw;}
	.village_view .area1 .box .txt .t_box .t1{font-size: 5vw;}
	.village_view .area1 .box .txt .t_box .t2{font-size: 4vw;margin-top:4.6111vw;}
	.village_view .area1 .box .txt .t_box .t3{font-size: 2.9vw;margin-top: 2.5vw;letter-spacing: -0.04em;}
	.village_view .area1 .box2 .txt .t_box .t3{line-height: 1.22em;}
	.village_view .area1 .box1 .txt .logo{width:10.1389vw;}
	.village_view .area1 .box .txt .guide dl dt{font-size: 2.7vw;word-spacing: 0.04em;}
	.village_view .area1 .box .txt .guide dl dd{margin-top:2.3vw;padding-top:4.7222vw;}
	.village_view .area1 .box2 .txt .guide dl dd img{width:75.2778vw;}
	.village_view .area1 .box4 .txt .guide dl dd img{width:60.6944vw;}
	.village_view .area1 .box .txt .guide + .logo{width:23.4722vw;}
}

.view{background-color:#3c3c3c;padding: 17.6042vw 12.2396vw 6.7708vw;}
.view .con_tit{margin-bottom:3.0208vw;}
.view .con_tit .t1{width:27.5vw;margin: 0 auto 1.3021vw;padding-bottom:0.0521vw;}
.view .con_tit .t2,
.view .con_tit .t3{color:#f3eee7;}
.view .con_tit .t3{letter-spacing:0;line-height:1.53em;}
.view .tab{margin-bottom:6.5104vw;}
.view .tab ul{display:flex;align-items:center;justify-content:center;gap: 0 4.9479vw;}
.view .tab ul li{position:relative;}
.view .tab ul li:nth-child(3),
.view .tab ul li:nth-child(4){left:0.3646vw;}
.view .tab ul li:nth-child(5){left:0.2604vw;}
.view .tab ul li p{color:#f3eee7;font-weight:200;font-size:0.8333vw;letter-spacing:0.1em;position:relative;padding-bottom:0.5208vw;cursor:pointer;}
.view .tab ul li p em{position:absolute;left:0;bottom:0;width:100%;height:1px;transform:scaleY(0.6);}
.view .tab ul li p em::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#f3eee7;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.view .tab ul li.on p em::before{transform:none;}
.view .tab_con ul li{display:none;}
.view .tab_con ul li.active{display:block;}
.view .box ~ .box{margin-top:6.7708vw;}
.view .vd{position: relative;padding-bottom: 56.207%;transition:0.8s;}
.view .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.view .vd.no_thm iframe{opacity:1;}
.view .vd .thm{position:absolute;left:0;top:0;width:100%;height:100%;cursor: pointer;background: no-repeat center / cover;z-index:1;transition:0.6s;}
.view .vd .thm1{background-image: url(../images/vd-thm1.jpg);}
.view .vd .thm3{background-image: url(../images/vd-thm3.jpg);}
.view .name{font-size:0.6771vw;margin-top:0.625vw;font-weight:300;letter-spacing:0.1em;color:#969696;}
.view dl{margin-top:2.6563vw;}
.view dl dt{color:#f3eee7;font-family:"Cormorant Garamond";font-size:2.6042vw;}
.view dl dd{color:#f3eee7;font-family:'KBIZHanMj';font-size:1.5104vw;letter-spacing:0.015em;margin-top:1.0938vw;}
.view .tab.active ul li,
.view .box.active .vd{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.view{padding: 18vw 10vw 7vw;}
	.view .con_tit{margin-bottom:4vw;}
	.view .con_tit .t1{width:32vw;}
	.view .tab{margin-bottom:8vw;}
	.view .tab ul li p{font-size:1vw;}
	.view .name{font-size: 0.8vw;margin-top:1vw;}
	.view dl{margin-top:3vw;}
	.view dl dt{font-size:3vw;}
	.view dl dd{margin-top: 1.4vw;font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.view{padding: 30vw 10vw 10vw;background-color:#5a5a5a;}
	.view .con_tit{margin-bottom:10vw;}
	.view .con_tit .t1{width: 15vw;margin: 0 auto 4.1667vw;}
	.view .tab{margin-bottom:10vw;}
	.view .tab ul{flex-direction: column;gap: 4vw 0;}
	.view .tab ul li p{font-size: 2.2vw;opacity:0.5;transition:0.6s;}
	.view .tab ul li.on p{opacity:1;}
	.view .box ~ .box{margin-top: 10vw;}
	.view .name{margin-top: 2vw;font-size: 1.8vw;}
	.view dl{margin-top:4vw;}
	.view dl dt{font-size: 4.5vw;}
	.view dl dd{font-size: 2.9vw;margin-top: 2.2vw;}
}
@media all and (max-aspect-ratio: 7/10){
	.view{padding: 37.5vw 6.3889vw 13.8889vw;}
	.view .con_tit{margin-bottom:15.9722vw;}
	.view .con_tit .t1{width:17.5vw;}
	.view .con_tit .t2{letter-spacing: 0.04em;line-height: 1.45em;margin-top:1.2056vw;}
	.view .con_tit .t3{line-height: 1.45em;}
	.view .tab{margin-bottom:14.5833vw;}
	.view .tab ul{gap: 6.9444vw 0;}
	.view .tab ul li p{font-size:2.8vw;padding-bottom: 1.2vw;}
	.view .box ~ .box{margin-top:11.1111vw;}
	.view .name{font-size: 2.6vw;}
	.view dl{margin-top:5vw;}
	.view dl dt{font-size: 5.41vw;}
	.view dl dd{font-size:3.43vw;margin-top: 2.5vw;}
}

.contact{padding-top:17.7604vw;}
.contact .tit{margin-bottom:4.0625vw;text-align:center;}
.contact .tit .t1{width:15.5208vw;margin: 0 auto;transition:0.8s;transition-delay:1.2s;}
.contact .tit .t2{margin-top:0.5729vw;color:#323232;font-weight:300;font-size:0.8333vw;letter-spacing:0.07em;line-height: 1.4em;}
.contact .tit .t2 p{overflow:hidden;}
.contact .tit .t3{color:#3c3c3c;font-size:0.9896vw;font-family:'KBIZHanMj';margin-top:2.1354vw;letter-spacing:-0.02em;}
.contact .tit .t3 p{overflow:hidden;}
.contact .area1 .box{height:52.0833vw;display:flex;}
.contact .area1 .box .items{width:50%;overflow:hidden;}
.contact .area1 .box .items .in{height:100%;position:relative;display:flex;align-items:center;justify-content:center;}
.contact .area1 .box .map,
.contact .area1 .box .txt_box{height:100%;padding: 1.8229vw 2.0833vw;position:relative;}
.contact .area1 .box .map p{font-family:"Cormorant Garamond";font-size:2.0833vw;font-weight:500;letter-spacing:0.015em;position:absolute;}
.contact .area1 .box1 .map p{color:#657765;left:0.1042vw;bottom:0.1042vw;}
.contact .area1 .box2 .map p{color:#a5948b;left:-0.1563vw;top:0;}
.contact .area1 .box .map .img{opacity:0;transition:1s;}
.contact .area1 .box1 .map .img{width: 92.611%;margin-right:-1.0417vw;margin-bottom:-1.0417vw;}
.contact .area1 .box2 .map .img{width: 91.02%;margin-left:-1.0417vw;margin-bottom:-3.125vw;}
.contact .area1 .box .txt_box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:1s;}
.contact .area1 .box1 .txt_box::before{background-color:#657765;}
.contact .area1 .box2 .txt_box::before{background-color:#a5948b;}
.contact .area1 .box .txt_box .txt{text-align:center;margin-top:-0.7292vw;}
.contact .area1 .box .txt_box .txt .t1{color:#fff;font-family:"Cormorant Garamond";font-size:3.125vw;font-weight:500;transition:0.8s;}
.contact .area1 .box .txt_box .txt .t2{color:#f3eee7;font-size:0.9896vw;font-weight:300;letter-spacing:0.07em;margin-top:2.0313vw;line-height:1.1em;}
.contact .area1 .box .txt_box .txt .t2 p{overflow:hidden;}
.contact .area1 .box .txt_box .txt .t2 p ~ p{margin-top:0.3646vw;letter-spacing: 0.073em;}
.contact .area1 .box .txt_box .txt .t2 p span{display:block;transition:0.8s;transition-delay:0.3s;}
.contact .area1 .box .txt_box .txt .t3{color:#f3eee7;font-family:'KBIZHanMj';font-size:1.0938vw;letter-spacing:0.015em;margin-top:1.0417vw;overflow:hidden;}
.contact .area1 .box .txt_box .txt .t3 span{display:block;transition:0.8s;transition-delay:0.6s;}
.contact .area1 .box .txt_box .txt .t4{color:#f3eee7;font-family:'KBIZHanMj';font-size:0.8333vw;letter-spacing:0.015em;margin-top:0.4688vw;overflow:hidden;}
.contact .area1 .box .txt_box .txt .t4 span{display:block;transition:0.8s;transition-delay:0.8s;}
.contact .area1 .box .txt_box .txt .tel{color:#f3eee7;font-family:"Span";letter-spacing:0.026em;font-size:1.8229vw;margin-top:1.3021vw;transition:0.8s;transition-delay:1s;}
.contact .area1 .box .txt_box dl{position:absolute;left:0;bottom:0.1042vw;}
.contact .area1 .box .txt_box dl dt{color:#f3eee7;font-size:0.7813vw;font-family:'KBIZHanMj';letter-spacing:-0.03em;}
.contact .area1 .box .txt_box dl dd{color:#f3eee7;font-size:0.8854vw;font-weight:500;font-family:"Cormorant Garamond";letter-spacing:0.015em;margin-top:0.3646vw;}
.contact .tit.active .t1,
.contact .tit.active .t2 p span,
.contact .tit.active .t3 p span,
.contact .area1 .box .map .img.active,
.contact .area1.active,
.contact .area1 .box .txt_box.active::before,
.contact .area1 .box .txt_box .txt.active .t1,
.contact .area1 .box .txt_box .txt.active .t2 p span,
.contact .area1 .box .txt_box .txt.active .t3 span,
.contact .area1 .box .txt_box .txt.active .t4 span,
.contact .area1 .box .txt_box dl.active{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.contact .tit .t1{width:18vw;}
	.contact .tit .t2{font-size: 1.05vw;margin-top:1vw;}
	.contact .tit .t3{font-size: 1.15vw;}
	.contact .area1 .box .map p{font-size:2.6vw;}
	.contact .area1 .box .txt_box .txt .t1{font-size:3.6vw;}
	.contact .area1 .box .txt_box .txt .t2{font-size:1.2vw;}
	.contact .area1 .box .txt_box .txt .t3{font-size:1.3vw;margin-top:1.4vw;}
	.contact .area1 .box .txt_box .txt .t4{font-size:1vw;margin-top:0.9vw;}
	.contact .area1 .box .txt_box .txt .tel{font-size:2.3vw;margin-top:1.6vw;}
	.contact .area1 .box .txt_box dl dt{font-size:1vw;}
	.contact .area1 .box .txt_box dl dd{font-size:1.2vw;margin-top:0.7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.contact{padding-top:30vw;}
	.contact .tit{margin-bottom:13.8889vw;}
	.contact .tit .t1{width:24vw;}
	.contact .tit .t3{font-size: 2.3vw;margin-top: 3.1667vw;line-height: 1.47em;}
	.contact .tit .t2{font-size: 2vw;margin-top: 0.6667vw;}
	.contact .area1{padding: 0 6.3889vw;}
	.contact .area1 .box{height:auto;border-top: 1px solid #c8c8c8;}
	.contact .area1 .box .items{width:100%;}
	.contact .area1 .box .items .in{display:block;}
	.contact .area1 .box .map{padding: 4vw 0 12vw;}
	.contact .area1 .box .map p{position:static;text-align:center;font-size: 6vw;margin-bottom:9vw;}
	.contact .area1 .box .map p span{display:none;}
	.contact .area1 .box .map .img{width:100%;margin: 0 auto;}
	.contact .area1 .box2 .map .img{width:96.8056%;}
	.contact .area1 .box1 .map .t{margin:8vw auto 0;width: 70%;}
	.contact .area1 .box2 .map .t{margin:5vw auto 0;width: 85%;}
}
@media all and (max-aspect-ratio: 7/10){
	.contact{padding-top:37.0833vw;}
	.contact .tit .t1{width:33.6111vw;}
	.contact .tit .t3{font-size: 3.07vw;margin-top:5.1111vw;}
	.contact .tit .t2{font-size: 2.7vw;}
	.contact .area1 .box .map{padding: 4.1vw 0 18.75vw;}
	.contact .area1 .box .map p{font-size:8.6vw;}
	.contact .area1 .box1 .map p{margin-bottom: 18.8889vw;}
	.contact .area1 .box2 .map p{margin-bottom: 17.3611vw;}
	.contact .area1 .box1 .map .t{margin: 10.8333vw auto 0;width:63.1944vw;}
	.contact .area1 .box2 .map .t{margin: 7.6389vw auto 0;width:74.8611vw;}
}

.register{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;pointer-events:none;transition-delay:0.8s;}
.register .dim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);opacity:0;transition:0.6s;}
.register .box{width:74.1667%;height:80%;padding: 1.3021vw 1.8229vw 4vw;background-color:#f3eee7;position:relative;opacity:0;transform:translate(0,10%);transition:0.6s;}
.register .box .close{position:absolute;top:0;right:0;width:0.8854vw;}
.register .box .close button{border:none;background:none;display:block;}
.register .area{position:relative;height:100%;}
.register .form{height:100%;padding: 0 4.6875vw;}
.register .form iframe{width:100%;height:100%;}
.register.on{pointer-events:auto;z-index:101;transition-delay:0s;}
.register.on .dim{opacity:1;}
.register.on .box{opacity:1;transform:none;transition-delay:0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.register .box{width:80%;}
	.register .form{padding: 0 3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.register .box{width:90%;height:90%;padding: 5vw 5vw 8vw;}
	.register .form{padding:0;}
	.register .box .close{width:2.2222vw;}
}

/*customer*/
.customer{padding-top: 4vw;font-family: 'Pretendard';}
.customer .tit{text-align:center;margin-bottom:5vw;}
.customer .tit .t1{width:32.4532vw;margin: 0 auto;}
.customer .tit .t2{color:#323232;font-family: 'acumin-pro';font-weight:300;font-size:1.1925vw;letter-spacing:0.04em;margin-top:0.8518vw;line-height:1.4em;}
.customer .tit .t3{color:#323232;font-family:'KBIZHanMj';font-size:1.3629vw;letter-spacing:-0.05em;margin-top:2.9813vw;line-height:1.3em;}
.bo_tbl{margin-bottom:5vw;}
.bo_tbl table{width:100%;border-top:1px solid #000;}
.bo_tbl table .col1{width:17%;}
.bo_tbl table tr th{padding-left: 2.9347vw;border-bottom: 1px solid #bbb;text-align: left;color:#323232;font-weight: 500;font-size: 1.3629vw;}
.bo_tbl table tr td{padding: 1vw 0;border-bottom: 1px solid #bbb;}
.bo_tbl table tr td > div{display:flex;align-items:center;}
.bo_tbl table tr td input[type="text"]{font-size: 1.3629vw;color:#333;border: none;background-color: #e1dad0;width:100%;height:4vw;padding: 0 1.5vw;outline:none;}
.bo_tbl table tr td select{font-size: 1.3629vw;color:#333;border: none;background-color: #e1dad0;width:100%;height:4vw;padding: 0 1.5vw;outline:none;}
.bo_tbl table tr td select ~ select{margin-left: 0.7vw;}
.bo_tbl table tr td em{font-size: 1.3629vw;margin: 0 0.7vw;color:#323232;}
.terms dl{margin-bottom:1.5vw;}
.terms dl dt{margin-bottom: 0.8vw;font-size: 1.3629vw;font-weight: 600;color:#323232;}
.terms dl dd{font-size: 1.1073vw;line-height: 1.3em;color: #323232;}
.terms table{border-top: 1px solid #000;width: 100%;margin-bottom: 5vw;}
.terms table th{font-size: 1.0221vw;color:#323232;border-bottom: 1px solid #bbb;border-right: 1px solid #bbb;padding:1vw 0;line-height: 1.5em;}
.terms table td{font-size: 1.0221vw;color:#323232;border-bottom: 1px solid #bbb;padding:1vw 0 1vw 2vw;line-height: 1.4em;}
.terms table.type2 th:last-child,
.terms table.type2 td:last-child{border-right: none;}
.terms table.type2 td{text-align: center;border-right: 1px solid #bbb;padding: 1vw 0;}
.agree > div{background-color: #e1dad0;padding: 2vw 3vw;margin-bottom: 1vw;display: flex;align-items: center;justify-content: space-between;}
.agree p{font-size: 1.3629vw;color: #323232;}
.agree p span{font-size: 1.0221vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.5vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.5vw;font-size:1.1073vw;color:#323232;}
.btn_area{margin-top: 4vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: inline-block;overflow: hidden;}
.btn_area ul li{float: left;}
.btn_area ul li ~ li{margin-left: 1vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{color: #fff;background-color: #323232;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{color: #323232;background-color: #fff;border: 1px solid #323232;}
.btn_area ul li.white button,
.btn_area ul li.white a{color: #323232;background-color: #fff;border: 1px solid #323232;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{color: #fff;background-color: #323232;}
.btn_area ul li button,
.btn_area ul li a{display: block;font-size: 1.1073vw;font-weight: 600;width: 12vw;height:3.7vw;border: none;transition: 0.2s;}
@media all and (max-aspect-ratio: 1/1){
	.customer{padding:0;padding-top:5vw;}
	.customer .tit{margin-bottom: 7vw;}
	.customer .tit .t1{width:45vw;}
	.customer .tit .t3{font-size: 2.8vw;margin-top: 4vw;}
	.customer .tit .t2{font-size: 2.4vw;margin-top: 1vw;}
	.bo_tbl{margin-bottom:8vw;}
	.bo_tbl table .col1{width:20%;}
	.bo_tbl table tr th{font-size:2.4vw;}
	.bo_tbl table tr td{padding:1.5vw 0;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{height:7vw;max-width:100% !important;font-size:2.4vw;padding: 0 2.5vw;}
	.bo_tbl table tr td select ~ select{margin-left:1.4vw;}
	.bo_tbl table tr td em{font-size:2.4vw;margin: 0 1.2vw;}
	.terms dl{margin-bottom:3vw;}
	.terms dl dt{font-size:3vw;margin-bottom:1.4vw;}
	.terms dl dd{font-size: 2.2vw;}
	.terms table{margin-bottom:8vw;}
	.terms table th{font-size: 2.3vw;padding:2vw;}
	.terms table td{font-size: 2.2vw;padding: 1.5vw 0 1.5vw 3vw;}
	.terms table.type2 td{padding:2vw 0;}
	.agree > div{padding: 4vw;margin-bottom: 2vw;}
	.agree p{font-size:2.4vw;}
	.agree p span{font-size:1.9vw;}
	.agree ul li ~ li{margin-left:2.5vw;}
	.agree ul li span{font-size:2.4vw;padding-left:1vw;}
	.btn_area{margin-top:7vw;}
	.btn_area ul li ~ li{margin-left:2vw;}
	.btn_area ul li button,
	.btn_area ul li a{font-size:2.5vw;width: 20vw;height: 7vw;}
}
@media all and (max-width: 600px){
	.customer{padding-top:7vw;}
	.customer .tit{margin-bottom:9vw;}
	.customer .tit .t1{width:50vw;}
	.customer .tit .t3{font-size:3.3vw;margin-top: 4.5vw;}
	.customer .tit .t2{margin-top:1vw;}
	.bo_tbl{margin-bottom:10vw;}
	.bo_tbl table .col1{width:23%;}
	.bo_tbl table tr th{font-size: 3.3vw;padding-left: 4vw;}
	.bo_tbl table tr td{padding: 2vw 0;}
	.bo_tbl table tr td em{font-size:3vw;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{height:8vw;font-size: 3.2vw;padding: 0 3vw;}
	.terms table{margin-bottom:10vw;}
	.terms dl{margin-bottom:5vw;}
	.terms dl dt{font-size:4.2vw;margin-bottom: 1.8vw;}
	.terms dl dd{font-size:3vw;}
	.terms table th{font-size: 3.3vw;padding: 3vw 1vw;}
	.terms table td{font-size: 3vw;padding: 3vw 0 3vw 4vw;}
	.terms table.type2 td{padding: 3vw 1vw;}
	.agree > div{display:block;padding: 6vw 5vw;margin-bottom: 3vw;}
	.agree p{font-size: 3.5vw;}
	.agree p span{font-size:2.9vw;}
	.agree ul{margin-top:4vw;}
	.agree ul li span{font-size:3.5vw;padding-left:1.5vw;}
	.btn_area{margin-top:8vw;}
	.btn_area ul li button,
	.btn_area ul li a{font-size: 3.5vw;width: 26vw;height: 9vw;}
}