@charset "utf-8";

body{height:100%;overflow:hidden;}
body::-webkit-scrollbar{width: 5px;}
body::-webkit-scrollbar-thumb{background-color: #999;border-radius: 10px;}
.wrap.main{opacity: 0;}
.open .wrap.main{opacity: 1;}

header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;}
header .head_in{padding: 1.875vw 2.8646vw 0;transition: 0.4s;}
header .bor_box{position: relative;padding-bottom: 0.5208vw;}
header .bor_box::before{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#dfd4c5;transition: 0.4s;}
header h1{margin-bottom: 0.5208vw;display: flex;justify-content: center;}
header h1 span{position:relative;width:9.7396vw;}
header h1 img{width: 100%;transition: 0.4s;}
header h1 .b{position: absolute;left:0;top:0;opacity: 0;}
header .menu{display: flex;justify-content: space-between;align-items: center;}
header .menu > div{display: flex;}
header .menu .rig{gap: 0 3.3333vw;}
header .menu ul{display: flex;align-items: center;}
header .menu .lef ul{gap: 0 5.8333vw;}
header .menu .rig ul{gap: 0 4.5833vw;}
header .menu ul li a{display: block;position: relative;}
header .menu ul li a img{height: 0.484vw;transition: 0.4s;}
header .menu ul li a .b{position: absolute;left: 0;top: 0;opacity: 0;}
header .menu .tel{display: flex;align-items: center;gap: 0 0.2604vw;padding-right: 0.0521vw;margin-top:-0.1042vw;}
header .menu .tel a{display:block;width:9.375vw;position:relative;}
header .menu .tel a img{transition:0.4s;}
header .menu .tel a .b{position:absolute;left:0;top:0;width:100%;opacity:0;}
header .menu .tel em{position:relative;width: 0.8854vw;}
header .menu .tel em img{width: 100%;transition: 0.4s;}
header .menu .tel em .b{position: absolute;left: 0;top: 0;opacity: 0;}
header .menu .tel span{font-family: 'cordia';color: #dfd4c5;font-size: 0.9896vw;letter-spacing: 0.14em;transition: 0.4s;}
header .nav_btn{display: none;}
header.bl .head_in{background-color: #eee7df;}
.fil header .head_in{background-color: #dfd4c5;}
header.bl .bor_box::before,
.fil header .bor_box::before{background-color: #000;}
header.bl h1 .c,
header.bl .menu ul li a .c,
header.bl .menu .tel em .c,
header.bl .menu .tel a .c,
.fil header h1 .c,
.fil header .menu ul li a .c,
.fil header .menu .tel em .c,
.fil header .menu .tel a .c{opacity: 0;}
header.bl h1 .b,
header.bl .menu ul li a .b,
header.bl .menu .tel em .b,
header.bl .menu .tel a .b,
.fil header h1 .b,
.fil header .menu ul li a .b,
.fil header .menu .tel em .b,
.fil header .menu .tel a .b{opacity: 1;}
header.bl .menu .tel span,
.fil header .menu .tel span{color: #000;}
header.bl .nav_btn span,
.fil header .nav_btn span{background-color: #000 !important;}

.aspect_ratio_18 header .head_in{padding: 2vw 3vw 0;}
.aspect_ratio_18 header h1{margin-bottom: 1vw;}
.aspect_ratio_18 header h1 span{width: 12vw;}
.aspect_ratio_18 header .menu .rig{gap: 0 2vw;}
.aspect_ratio_18 header .menu .lef ul{gap: 0 4.5vw;}
.aspect_ratio_18 header .menu .rig ul{gap: 0 3.5vw;}
.aspect_ratio_18 header .menu ul li a img{height: 0.6vw;}
.aspect_ratio_18 header .menu .tel a{width:10.5vw;}
.aspect_ratio_18 header .menu .tel em{width: 1.2vw;}
.aspect_ratio_18 header .menu .tel span{font-size: 1.3vw;}

.aspect_ratio_13 header .head_in{padding: 0 5.2778vw;}
.aspect_ratio_13 header .bor_box{padding: 3.5vw 0 3vw;position: relative;}
.aspect_ratio_13 header .bor_box::before{height:1px;bottom:-1px;}
.aspect_ratio_13 header h1{margin-bottom: 0;}
.aspect_ratio_13 header h1 span{width: 20vw;}
.aspect_ratio_13 header .menu{display: none;}
.aspect_ratio_13 header .nav_btn{display: block;position:absolute;right:0;top: 50%;transform: translate(0,-50%);}
.aspect_ratio_13 header .nav_btn button{display: block;width: 100%;border: none;background: none;}
.aspect_ratio_13 header .nav_btn span{display:block;background-color: #dfd4c5;width:3.5vw;height: 2px;transition: 0.5s;}
.aspect_ratio_13 header .nav_btn span ~ span{margin-top: 0.8vw;}
.aspect_ratio_13 header.nav_on .nav_btn span{background-color: #000;}
.aspect_ratio_13 header.nav_on .nav_btn span:nth-child(1){transform: translate(0,1.05vw) rotate(45deg);}
.aspect_ratio_13 header.nav_on .nav_btn span:nth-child(3){transform: translate(0,-1.05vw) rotate(-45deg);}
.aspect_ratio_13 header.nav_on .nav_btn span:nth-child(2){opacity:0;}

.aspect_ratio_7 header .bor_box{padding: 5.4167vw 0 4.5833vw;}
.aspect_ratio_7 header h1 span{width: 31.1111vw;}
.aspect_ratio_7 header .nav_btn span{height:1px;width: 5.6944vw;}
.aspect_ratio_7 header .nav_btn span ~ span{margin-top: 1.5278vw;}
.aspect_ratio_7 header.nav_on .nav_btn span:nth-child(1){transform: translate(0,1.75vw) rotate(45deg);}
.aspect_ratio_7 header.nav_on .nav_btn span:nth-child(3){transform: translate(0,-1.75vw) rotate(-45deg);}

nav{display: none;}

.aspect_ratio_13 nav{display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #eee7df;transform: translate(0,-100%);transition: 1s;}
.aspect_ratio_13 nav .box{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.aspect_ratio_13 nav .box ul{max-width: 260px;width: 35%;margin-top: -10vw;}
.aspect_ratio_13 nav .box ul li a{position: relative;display: block;}
.aspect_ratio_13 nav .box ul li a span{display: block;transition: 0.4s;}
.aspect_ratio_13 nav .box ul li a em{position: absolute;left: 0;top: 0;width: 100%;opacity:0;transition: 0.4s;}
.aspect_ratio_13 nav .logo{position: absolute;left: 50%;bottom: 40px;max-width: 65px;width: 8vw;transform: translate(-50%,0);}
.aspect_ratio_13 nav .logo a{display: block;}
.aspect_ratio_13 .nav_on nav{transform: none;}
.aspect_ratio_13 nav .box ul li a.active span{opacity: 0;}
.aspect_ratio_13 nav .box ul li a.active em{opacity: 1;}

.aspect_ratio_7 nav .box ul{width: 54.0278vw;margin-top: -6.25vw;}
.aspect_ratio_7 nav .logo{bottom: 9vw;width: 13.0556vw;}

/*register*/
.register{position: fixed;right: 0;top: 0;width: 100%;height: 100%;z-index: -1;display:flex;justify-content:flex-end;transition:0.8s;}
.register::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:0.8s;}
.register .rig{width: 50%;height: 100%;position:relative;z-index:1;padding: 0 6.0417vw;background-color: #202020;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transform: translate(10%,0);transition: 0.8s;}
.register .box{position: relative;margin-bottom: -1.0417dvh;width: 100%;}
.register .box .close{position: absolute;right: 0;top: 0;width: 0.9896vw;}
.register .box .close button{display: block;border: none;background:none;width:100%;}
.register .tit{margin-bottom: 2.8646vw;}
.register .tit dl dt{color: #fff;font-size: 2.0833vw;letter-spacing: 0.04em;font-family: 'Pretendard';}
.register .tit dl dd{color: #fff;font-size: 0.9375vw;letter-spacing: 0.04em;margin-top: 0.7813vw;}
.register .txt{margin-bottom:2.6042vw;}
.register .txt dl dt{font-size:1.224vw;color:#fff;line-height:1.38em;font-weight:600;letter-spacing:0.04em;}
.register .txt dl dd{color:#636363;font-size:0.7292vw;margin-top:0.4167vw;letter-spacing:0.04em;}
.register .items{border-top:1px solid #fff;padding-top:2.6042vw;}
.register .scr_box{overflow-y:auto;height: 21vw;}
.register .scr_box::-webkit-scrollbar{width: 3px;}
.register .scr_box::-webkit-scrollbar-thumb{background-color: #666;}
.register .inp_area dl{display: flex;align-items: center;}
.register .inp_area dl ~ dl{margin-top: 1.3021vw;}
.register .inp_area dl dt{color: #fff;font-size: 0.8333vw;letter-spacing: -0.05em;width: 4.9479vw;line-height: 2em;}
.register .inp_area dl dd{flex-grow: 1;}
.register .inp_area .flex_wrap{display: flex;align-items: center;}
.register .inp_area span{position: relative;flex-grow: 1;width: calc(33.33% - 0.625vw);}
.register .inp_area .full{width: 100%;}
.register .inp_area input,
.register .inp_area select{display:block;width:100%;height: 1.8229vw;background: none;border: none;outline: none;border-bottom: 1px solid rgba(255,255,255,0.15);color:#fff;font-size: 0.7292vw;transition:0.3s;}
.register .inp_area select option{color:#000;}
.register .inp_area input:focus,
.register .inp_area select:focus{border-bottom:1px solid #fff;}
.register .inp_area em{width: 0.9375vw;text-align: center;font-size: 0.9375vw;font-weight: 300;letter-spacing: -0.05em;}
.register .inp_area i{position: absolute;right: 0;top: 50%;width: 0.4688vw;transform: translate(0,-50%);}
.register .inp_area label{display:flex;align-items:center;gap: 1.3021vw 0;}
.register .inp_area label ~ label{margin-left:1.3021vw;}
.register .inp_area label p{color:#fff;font-size:0.7292vw;letter-spacing:-0.05em;padding-left:0.2604vw;}
.register .inp_area label .rd{position:relative;}
.register .inp_area label .rd input{display:none;}
.register .inp_area label .rd .cir{width:0.9375vw;height:0.9375vw;border-radius:50%;border:1px solid rgba(255,255,255,0.5);position:relative;display: flex;align-items: center;justify-content: center;}
.register .inp_area label .rd .cir::before{content:"";display:block;width:0.4167vw;height:0.4167vw;border-radius:50%;background-color:rgba(255,255,255,0.5);transform:scale(0);transition:0.3s;}
.register .inp_area label .rd input:checked ~ .cir::before{transform:none;}
.register .terms{margin-top:2.6042vw;}
.register .terms .terms_box ~ .terms_box{margin-top: 1.3021vw;}
.register .terms .terms_box p{color: rgba(255,255,255,0.3);font-size: 0.7813vw;letter-spacing: -0.05em;margin-bottom: 0.7813vw;}
.register .terms .tbl{border-top:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(255,255,255,0.15);padding: 0.625vw 0;}
.register .terms .tbl table{width:100%;}
.register .terms .tbl table td{color: rgba(255,255,255,0.3);font-size: 0.625vw;letter-spacing: -0.05em;line-height: 1.67em;}
.register .terms .agree{margin-top: 0.7813vw;display: flex;justify-content: flex-end;}
.register .terms .agree label{display: flex;align-items: center;gap: 0 0.5208vw;}
.register .terms .agree em input{display: none;}
.register .terms .agree em i{display:flex;border: 1px solid rgba(255,255,255,0.5);border-radius: 0.1563vw;width: 0.8333vw;height: 0.8333vw;cursor: pointer;box-sizing: border-box;}
.register .terms .agree em input:checked ~ i{background: url(../images/chk-bg.png) no-repeat center / contain;}
.register .terms .agree span{color: rgba(255,255,255,0.3);letter-spacing: -0.05em;font-size: 0.7292vw;}
.register .sbm{margin-top: 1.5625vw;display: flex;justify-content: center;}
.register .sbm button{border: none;background-color: #fff;width: 7.8125vw;color: #000;font-size: 0.7813vw;font-weight: 600;line-height: 2.67em;letter-spacing: -0.05em;}
.register.on{z-index:999;}
.register.on::before{opacity:1;}
.register.on .rig{opacity: 1;transform: none;pointer-events: auto;}
@media all and (max-aspect-ratio:18/10){
	.register .rig{width: 70%;padding: 0 5vw;}
	.register .box .close{width: 1.5vw;}
	.register .tit dl dt{font-size: 2.4vw;}
	.register .tit dl dd{font-size: 1.2vw;margin-top: 1vw;}
	.register .txt dl dt{font-size:1.5vw;}
	.register .txt dl dd{font-size:0.9vw;}
	.register .scr_box{height:25vw;}
	.register .inp_area dl ~ dl{margin-top:1vw;}
	.register .inp_area dl dt{font-size: 1.1vw;width: 8vw;}
	.register .inp_area input,
	.register .inp_area select{height: 3vw;font-size:1vw;}
	.register .inp_area em{width: 2vw;font-size:1.2vw;}
	.register .inp_area i{width:0.6vw;}
	.register .inp_area label ~ label{margin-left:2vw;}
	.register .inp_area label .rd .cir{width:1.3vw;height:1.3vw;}
	.register .inp_area label p{font-size:1vw;padding-left: 0.6vw;}
	.register .inp_area label .rd .cir::before{width: 0.6vw;height: 0.6vw;}
	.register .terms{margin-top:2.5vw;}
	.register .terms .tbl table td{font-size:0.85vw;}
	.register .terms .terms_box ~ .terms_box{margin-top:1vw}
	.register .terms .terms_box p{font-size:1vw;margin-bottom:1vw;}
	.register .terms .agree em i{width:1vw;height:1vw;}
	.register .terms .agree span{font-size:1vw;}
	.register .sbm button{font-size: 1vw;width: 9vw;}
}
@media all and (max-aspect-ratio:13/10){
	.register .rig{width:100%;}
	.register .box{position:static;margin-bottom:0;}
	.register .box .close{width: 3vw;right: 5vw;top: 4vw;}
	.register .tit{margin-bottom: 3.5vw;}
	.register .tit dl dt{font-size: 4vw;}
	.register .tit dl dd{font-size: 2vw;}
	.register .txt{margin-bottom:3.5vw;}
	.register .txt dl dt{font-size:2.2vw;}
	.register .txt dl dd{font-size:1.5vw;margin-top:1vw;}
	.register .scr_box{height:35vw;}
	.register .inp_area dl dt{font-size: 1.5vw;width: 20%;line-height: 3em;}
	.register .inp_area dl dd{width:80%;}
	.register .inp_area input,
	.register .inp_area select{height: 4.5vw;font-size: 1.5vw;}
	.register .inp_area span{width: calc(33.33% - 2vw);}
	.register .inp_area em{width: 3vw;font-size:2vw;}
	.register .inp_area i{width:1vw;}
	.register .inp_area label ~ label{margin-left:3vw;}
	.register .inp_area label .rd .cir{width:1.8vw;height:1.8vw;}
	.register .inp_area label p{font-size:1.5vw;padding-left: 0.8vw;}
	.register .inp_area label .rd .cir::before{width: 0.8vw;height: 0.8vw;}
	.register .terms{margin-top:3vw;}
	.register .terms .terms_box p{font-size:1.5vw;margin-bottom:1vw;}
	.register .terms .tbl table td{font-size:1.2vw;}
	.register .terms .agree{margin-top: 1.5vw;}
	.register .terms .agree label{gap: 0 1vw;}
	.register .terms .agree em i{width:1.5vw;height:1.5vw;}
	.register .terms .agree span{font-size:1.4vw;}
	.register .sbm{margin-top:2vw;}
	.register .sbm button{font-size: 1.6vw;width: 15vw;}
}
@media all and (max-aspect-ratio:9/10){
	.register .box .close{width:4vw;top:5vw;}
	.register .tit{margin-bottom:4.5vw;}
	.register .tit dl dt{font-size:4.6vw;}
	.register .tit dl dd{font-size: 2.6vw;}
	.register .txt{margin-bottom:4.5vw;}
	.register .txt dl dt{font-size:2.8vw;}
	.register .txt dl dd{font-size:2.1vw;}
	.register .scr_box{height:50vw;}
	.register .inp_area .m_wrap{flex-wrap: wrap;gap: 2vw 5vw;}
	.register .inp_area dl ~ dl{margin-top:2vw;}
	.register .inp_area dl dt{font-size:2vw;line-height: 2em;}
	.register .inp_area input,
	.register .inp_area select{height: 5vw;font-size: 2vw;}
	.register .inp_area em{font-size:3vw;}
	.register .inp_area i{width:1.2vw;}
	.register .inp_area label ~ label{margin-left:0;}
	.register .inp_area label .rd .cir{width:2.1vw;height:2.1vw;}
	.register .inp_area label p{font-size:2vw;padding-left: 1vw;}
	.register .inp_area label .rd .cir::before{width: 1vw;height: 1vw;}
	.register .terms{margin-top:5vw;}
	.register .terms .terms_box ~ .terms_box{margin-top: 2vw;}
	.register .terms .terms_box p{font-size:2vw;margin-bottom: 2vw;}
	.register .terms .tbl{padding: 1.8vw 0;height: 14vw;overflow-y: auto;}
	.register .terms .tbl table tr{display:block;}
	.register .terms .tbl table tr ~ tr{margin-top:2vw;}
	.register .terms .tbl table td{display:block;font-size:1.8vw;line-height:1.5em;}
	.register .terms .agree{margin-top:2vw;}
	.register .terms .agree label{gap: 0 1.5vw;}
	.register .terms .agree em i{width:2vw;height:2vw;border-radius: 0.3vw;}
	.register .terms .agree span{font-size:1.8vw;}
	.register .sbm{margin-top:4vw;}
	.register .sbm button{font-size:2vw;width:20vw;}
}
@media all and (max-aspect-ratio:7/10){
	.register .rig{padding: 5.5556vw;}
	.register .tit{margin-bottom: 6vw;}
	.register .tit dl dt{font-size:6.6vw;}
	.register .tit dl dd{font-size: 3.7vw;margin-top: 2vw;}
	.register .txt{margin-bottom:7vw;}
	.register .txt dl dt{font-size:3.9vw;}
	.register .txt dl dd{font-size:2.8vw;line-height:1.3em;margin-top: 2vw;}
	.register .items{padding-top:4vw;}
	.register .scr_box{height:40vh;}
	.register .inp_area dl ~ dl{margin-top:3vw;}
	.register .inp_area dl dt{font-size:3.2vw;}
	.register .inp_area input,
	.register .inp_area select{height: 7vw;font-size: 3vw;}
	.register .inp_area em{font-size:3vw;}
	.register .inp_area label .rd .cir{width:4vw;height:4vw;}
	.register .inp_area label p{font-size:3vw;padding-left: 1.5vw;}
	.register .inp_area label .rd .cir::before{width: 1.8vw;height: 1.8vw;}
	.register .terms{margin-top:7vw;}
	.register .terms .terms_box p{font-size:3.4vw;margin-bottom: 2vw;}
	.register .terms .terms_box ~ .terms_box{margin-top:2vw;}
	.register .terms .tbl{padding: 3vw 0;height: 20vw;}
	.register .terms .tbl table tr ~ tr{margin-top:3vw;}
	.register .terms .tbl table td{font-size:2.8vw;}
	.register .terms .agree{margin-top:3vw;}
	.register .terms .agree label{gap: 0 2vw;}
	.register .terms .agree em i{width:3.5vw;height:3.5vw;}
	.register .terms .agree span{font-size:2.8vw;}
	.register .sbm{margin-top:5vw;}
	.register .sbm button{width: 30vw;font-size:3.6vw;line-height: 2.5em;}
}

.vd_pop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;padding: 2.8646vw 5.9896vw;opacity: 0;transition: 0.8s;}
.vd_pop .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);}
.vd_pop .area{position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.vd_pop .close{position: absolute;right: 0;top: 0;width: 0.9896vw;}
.vd_pop .close button{display: block;width: 100%;border: none;background: none;}
.vd_pop .logo{margin-bottom: 1.3021vw;opacity: 0;transform: translate(0,-100%);transition: 1s;}
.vd_pop .logo img{width: 6.3021vw;margin: 0 auto;}
.vd_pop .vd{width:59.375vw;opacity: 0;transform: translate(0,20%) scale(0.9);transition: 1s;}
.vd_pop .vd span{display:block;position:relative;overflow:hidden;padding-bottom: 56.25%;}
.vd_pop .vd span iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.vd_pop.on{z-index: 1000;opacity: 1;}
.vd_pop.on .logo{opacity: 1;transform: none;transition-delay: 0.8s;}
.vd_pop.on .vd{opacity: 1;transform: none;transition-delay: 0.4s;}
@media all and (max-aspect-ratio:18/10){
	.vd_pop .close{width:1.8vw;}
	.vd_pop .logo{margin-bottom:3vw;}
	.vd_pop .logo img{width:9vw;}
}
@media all and (max-aspect-ratio:13/10){
	.vd_pop{padding: 4.6875dvh 3.125vw;}
	.vd_pop .vd{width:80vw;}
	.vd_pop .close{width: 2.5vw;}
	.vd_pop .logo{margin-bottom:4vw;}
	.vd_pop .logo img{width:13vw;}
}
@media all and (max-aspect-ratio:9/10){
	.vd_pop{padding:4vw 5vw;}
	.vd_pop .close{width:4vw;}
	.vd_pop .logo{margin-bottom:6vw;}
	.vd_pop .logo img{width:16vw;}
}
@media all and (max-aspect-ratio:7/10){
	.vd_pop{padding:5vw 5.5556vw;}
	.vd_pop .close{width:5vw;}
	.vd_pop .vd{width:85vw;}
	.vd_pop .logo{margin-bottom:8vw;}
	.vd_pop .logo img{width:25vw;}
}

.film_btn{z-index: 10;position: absolute;left: 2.8646vw;bottom: 2.6042vw;}
.film_btn button{background: none;border:none;display: flex;align-items: center;width: 100%;gap: 0 0.4167vw;}
.film_btn p{width:5.6771vw;}
.film_btn em{width: 1.0417vw;}

.aspect_ratio_18 .film_btn button{gap: 0 0.7vw;}
.aspect_ratio_18 .film_btn p{width: 8vw;}
.aspect_ratio_18 .film_btn em{width: 1.3vw;}

.aspect_ratio_13 .film_btn{left:5.2778vw;bottom:3vw;}
.aspect_ratio_13 .film_btn button{gap: 0 1.2vw;}
.aspect_ratio_13 .film_btn p{width: 14vw;}
.aspect_ratio_13 .film_btn em{width: 2.4vw;}

.aspect_ratio_7 .film_btn button{gap: 0 1.25vw;bottom:5.5556vw;}
.aspect_ratio_7 .film_btn p{width:17.225vw;}
.aspect_ratio_7 .film_btn em{width: 2.7778vw;}

.quick_btn{z-index: 10;position: absolute;right: 2.8646vw;bottom: 2.6042vw;}
.quick_btn ul{display: flex;gap: 0 0.5208vw;align-items: center;}
.quick_btn ul li a{position:relative;display: block;height:1.9792vw;padding: 0 1.0938vw;border: 1px solid #dfd4c5;border-radius: 10vw;display: flex;align-items: center;justify-content: center;}
.quick_btn ul li p{font-size: 0.8854vw;color: #dfd4c5;letter-spacing: 0.155em;}
.quick_btn ul .q0 p{font-family: 'cordia';font-size:0.7292vw;letter-spacing:0;margin-bottom: -0.1vw;}
.quick_btn ul li .line{display:none;position:absolute;left:0;top:0;width:100%;}
.quick_btn ul .co a{border-color: #d7264a;}
.quick_btn ul .co span{display: flex;align-items: center;margin-left: -0.5208vw;gap: 0 0.7292vw;}
.quick_btn ul .co span i{width: 1.0938vw;}
.quick_btn ul .co span em{width:11.9271vw;}
.quick_btn ul .tel{display: none;}

.aspect_ratio_18 .quick_btn ul{gap: 0 0.7vw;}
.aspect_ratio_18 .quick_btn ul li a{height: 2.4vw;padding: 0 1.4vw;}
.aspect_ratio_18 .quick_btn ul li p{font-size: 1.2vw;}
.aspect_ratio_18 .quick_btn ul .q0 p{font-size:1.1vw;margin-bottom: -0.3vw;}
.aspect_ratio_18 .quick_btn ul .co span{margin-left: 0;}
.aspect_ratio_18 .quick_btn ul .co span i{width: 1.3vw;}
.aspect_ratio_18 .quick_btn ul .co span em{width: 15vw;}

.aspect_ratio_13 .quick_btn{right:5.2778vw;bottom:5.2778vw;}
.aspect_ratio_13 .quick_btn.bot{bottom:8vw;}
.aspect_ratio_13 .main .quick_btn{bottom: 3vw;}
.aspect_ratio_13 .quick_btn ul{gap: 0 1.2vw;}
.aspect_ratio_13 .quick_btn ul li a{height: 3.8vw;padding: 0 2vw;border:none;}
.aspect_ratio_13 .quick_btn ul li p{font-size: 1.8vw;}
.aspect_ratio_13 .quick_btn ul .q0 p{font-size:1.6vw;}
.aspect_ratio_13 .quick_btn ul li .line{display:block;}
.aspect_ratio_13 .quick_btn ul .co{display: none;}
.aspect_ratio_13 .quick_btn ul .tel{display: block;}
.aspect_ratio_13 .quick_btn ul .tel a{padding: 0;width: 4vw;border:none;}

.aspect_ratio_7 .quick_btn{bottom:5.2778vw;}
.aspect_ratio_7 .quick_btn ul{gap: 0 1.5278vw;}
.aspect_ratio_7 .quick_btn ul li a{height: auto;}
.aspect_ratio_7 .quick_btn ul .q0 a{padding: 1.9444vw 2.7778vw;}
.aspect_ratio_7 .quick_btn ul .q1 a{padding: 1.6667vw 2.3611vw 1.6667vw 2.7778vw;}
.aspect_ratio_7 .quick_btn ul .q2 a{padding: 1.6667vw 2.9167vw 1.6667vw 3.4722vw;}
.aspect_ratio_7 .quick_btn ul li a p{font-size: 2.6931vw;letter-spacing:0.175em;}
.aspect_ratio_7 .quick_btn ul .q0 p{font-size:2.5vw;margin-bottom: 0;margin-top:-0.3vw;letter-spacing:0em;}
.aspect_ratio_7 .quick_btn ul .tel{margin-left:0.1389vw;}
.aspect_ratio_7 .quick_btn ul .tel a{width: 5.5556vw;height: 5.5556vw;}

.vis{position: relative;height: 100vh;overflow: hidden;}
.vis .vd{position: relative;height: 100%;background: #000;}
.vis .vd iframe{position: absolute;left: 50%;top: 50%;width: 118%;height: 57vw;transform: translate(-50%,-50%);pointer-events:none;}
.vis .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 6.25vw);display: flex;align-items: center;justify-content: center;}
.vis .txt .box{margin-top:0.625vw;}
.vis .txt .t1{width:13.2813vw;margin: 0 auto;overflow: hidden;}
.vis .txt .t1 img{transform: translate(0,100%);transition: 1.2s;transition-delay: 2s;}
.vis .txt .t2{width:35.1563vw;margin: 1.3542vw 0 1.9792vw;opacity: 0;transition: 1.8s ease-in;transition-delay: 0.6s;}
.vis .txt .t3{width:19.7917vw;margin: 0 auto;overflow: hidden;}
.vis .txt .t3 img{transform: translate(0,100%);transition: 1.2s;transition-delay: 2s;}
.open .vis .txt .t1 img,
.open .vis .txt .t2,
.open .vis .txt .t3 img{opacity: 1;transform: none;}
@media all and (max-aspect-ratio:178/100){
    .vis .vd iframe{width: 200vh;height: 100%;}
    .vis .txt{height: calc(100% - 8vw);}
}

.aspect_ratio_18 .vis .txt .box{margin-top:0;}
.aspect_ratio_18 .vis .txt .t2{margin: 2vw 0 2.5vw;}
.aspect_ratio_18 .vis .txt .t3{width:25vw;}

.aspect_ratio_13 .vis .txt .t1{width: 19vw;}
.aspect_ratio_13 .vis .txt .t2{width: 44vw;margin: 3vw 0 4vw;}
.aspect_ratio_13 .vis .txt .t3{width: 26vw;}

.aspect_ratio_10 .vis .vd iframe{height: 100%;}
.aspect_ratio_10 .wrap:not(.main) .vis .vd iframe{height: 178%;width: 100%;}
@media all and (max-aspect-ratio:6/10){
	.aspect_ratio_10 .wrap:not(.main) .vis .vd iframe{height: 107%;width: 60vh;}
}

.aspect_ratio_7 .vis .txt{height: calc(100% - 17vw);}
.aspect_ratio_7 .vis .txt .box{margin-top: -11.8056vw;}
.aspect_ratio_7 .vis .txt .t1{width:26.9444vw;}
.aspect_ratio_7 .vis .txt .t2{width:66.9444vw;margin: 3.0556vw 0 4.7222vw;}
.aspect_ratio_7 .vis .txt .t3{width: 36.3889vw;}

.img_ori{position:absolute;z-index:10;font-weight:300;white-space: nowrap;}
.img_ori.wh{color:#fff;}
.img_ori.bl{color:#000;}
.img_ori.lh{line-height:1.3em;}
.img_ori.opa50{opacity:0.5;}
.img_ori.trans1{font-size:0.8854vw;transform:scale(0.5);letter-spacing:-0.01em;}
.img_ori.trans2{font-size:0.9896vw;transform:scale(0.333);letter-spacing:0;}
.img_ori.type1{bottom:0.6771vw;left:0.9375vw;transform-origin: 0 100%;}
.img_ori.type2{bottom:0.2604vw;right:0.3125vw;transform-origin: 100% 100%;}
.img_ori.type3{bottom:0.2604vw;right:0.9375vw;transform-origin: 100% 100%;}

.aspect_ratio_13 .img_ori.type1{left:1.5vw;bottom:1.5vw;font-size: 2vw;}
.aspect_ratio_13 .img_ori.type2{right:1.5vw;bottom:1.5vw;font-size: 3vw;}

.aspect_ratio_7 .img_ori.type1{left: 3vw;bottom: 2vw;font-size: 3vw;}
.aspect_ratio_7 .img_ori.trans1{transform: scale(0.4);}
.aspect_ratio_7 .img_ori.type2{right:2vw;bottom:2vw;font-size: 3vw;}
.aspect_ratio_7 .img_ori.trans2{transform: scale(0.3);}
.aspect_ratio_7 .img_ori.type3{right:2vw;bottom:2vw;font-size: 3vw;}

.main1{position:relative;padding: 15.2604vw 11.0938vw 5.6771vw;background-color: #eee7df;}
.main1 .t1{margin-bottom: 2.0833vw;}
.main1 .t1 dl dt{width: 9.5313vw;margin: 0 auto 0.5729vw;opacity: 0;transition: 1.8s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.main1 .t1 dl dd{width: 29.8958vw;margin: 0 auto;opacity: 0;transition: 1.8s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);transition-delay: 0.3s;}
.main1 .box{overflow: hidden;}
.main1 .box .build{width: 12.1354vw;margin: 0 auto;transform: translate(0,105%);transition: 1.5s;transition-delay: 0.3s;}
.main1 .box .line{background-color: #000;height: 5px;transform: scaleX(0);transition: 1.6s;}
.main1 .t2{text-align: center;margin-top: 5.2083vw;}
.main1 .t2 dl dt{font-family: 'BookkMyungjo';color: #000;font-weight: 300;letter-spacing: 0.02em;font-size: 1.5104vw;line-height: 1.3em;overflow: hidden;}
.main1 .t2 dl dt span{display: block;transform: translate(0,100%);transition: 1s;}
.main1 .t2 dl dd{color: #000;font-size: 0.8854vw;line-height: 1.47em;margin-top: 0.625vw;}
.main1 .t2 dl dd p{overflow: hidden;}
.main1 .t2 dl dd span{display: block;transform: translate(0,100%);transition: 1s;transition-delay: 0.2s;}
.main1 .copy{width: 11.1979vw;margin: 0 auto;padding-top:3.4896vw;opacity: 0;transition: 1.8s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.main1 .ver_txt{position: absolute;width: 0.5729vw;top: calc(50% + 3.125vw);left: 2.8646vw;transform: translate(0,-50%);}
.main1 .ver_txt img{opacity: 0;transform: translate(100%,0);transition: 1s;}
.main1 .ver_txt.active img{opacity: 1;transform: none;}

.aspect_ratio_18 .main1{padding: 17vw 12vw 9vw;}
.aspect_ratio_18 .main1 .t1{margin-bottom: 3vw;}
.aspect_ratio_18 .main1 .t1 dl dt{width: 10.5vw;margin-bottom: 1vw;}
.aspect_ratio_18 .main1 .t1 dl dd{width: 34vw;}
.aspect_ratio_18 .main1 .box .build{width: 15vw;}
.aspect_ratio_18 .main1 .t2{margin-top: 7vw;}
.aspect_ratio_18 .main1 .t2 dl dt{font-size: 2vw;}
.aspect_ratio_18 .main1 .t2 dl dd{font-size: 1.2vw;margin-top: 1vw;}
.aspect_ratio_18 .main1 .copy{width: 13.5vw;padding-top: 3vw;}
.aspect_ratio_18 .main1 .ver_txt{left: 3vw;width: 0.7vw;top: calc(50% + 4vw);}

body:not(.aspect_ratio_13) .main1 .t1.active dl dt,
body:not(.aspect_ratio_13) .main1 .t1.active dl dd,
body:not(.aspect_ratio_13) .main1 .box.active .build,
body:not(.aspect_ratio_13) .main1 .box.active .line,
body:not(.aspect_ratio_13) .main1 .t2.active dl dt span,
body:not(.aspect_ratio_13) .main1 .t2.active dl dd span,
body:not(.aspect_ratio_13) .main1 .copy.active{opacity:1;transform:none;}

.aspect_ratio_13 .main1{padding: 16vw 15vw 8vw;}
.aspect_ratio_13 .main1 .t1{margin-bottom: 5vw;}
.aspect_ratio_13 .main1 .t1 dl dt{width: 14vw;margin-bottom: 1.2vw;transition:0.8s;}
.aspect_ratio_13 .main1 .t1 dl dd{width:43vw;transition:0.8s;transition-delay:0.2s;}
.aspect_ratio_13 .main1 .box .build{max-width: 241px;width: 22vw;transition:1s;transition-delay:0.5s;}
.aspect_ratio_13 .main1 .box .line{height: 4px;transition:1s;transition-delay:0.4s;}
.aspect_ratio_13 .main1 .t2{margin-top: 5vw;}
.aspect_ratio_13 .main1 .t2 dl dt{font-weight: 600;font-size: 2.4vw;line-height: 1.39em;letter-spacing: 0.025em;}
.aspect_ratio_13 .main1 .t2 dl dt span{transition-delay:1s;}
.aspect_ratio_13 .main1 .t2 dl dd{font-size: 2.1vw;line-height: 1.36em;margin-top: 1.5vw;letter-spacing: 0.01em;}
.aspect_ratio_13 .main1 .t2 dl dd span{transition-delay:1.2s;}
.aspect_ratio_13 .main1 .copy{width: 20vw;padding-top: 7vw;transition-delay:1.5s;}
.aspect_ratio_13 .main1 .ver_txt{display: none;}
.aspect_ratio_13 .main1 .small_tit{position: absolute;left: 5.2778vw;top: 5vw;width: 14vw;}
.aspect_ratio_13 .main1 .area.active .t1 dl dt,
.aspect_ratio_13 .main1 .area.active .t1 dl dd,
.aspect_ratio_13 .main1 .area.active .box .build,
.aspect_ratio_13 .main1 .area.active .box .line,
.aspect_ratio_13 .main1 .area.active .t2 dl dt span,
.aspect_ratio_13 .main1 .area.active .t2 dl dd span,
.aspect_ratio_13 .main1 .area.active .copy{opacity:1;transform:none;}

.aspect_ratio_7 .main1{padding: 30.5556vw 5.2778vw 10.8333vw;}
.aspect_ratio_7 .main1 .small_tit{width: 16.3889vw;top: 5vw;}
.aspect_ratio_7 .main1 .t1{margin-bottom: 9.3056vw;}
.aspect_ratio_7 .main1 .t1 dl dt{width: 23.4722vw;}
.aspect_ratio_7 .main1 .t1 dl dd{width: 71.1111vw;margin-top: 1.6667vw;}
.aspect_ratio_7 .main1 .box .build{width: 38.6111vw;}
.aspect_ratio_7 .main1 .t2{margin-top: 9.0278vw;}
.aspect_ratio_7 .main1 .t2 dl dt{font-size: 3.8889vw;}
.aspect_ratio_7 .main1 .t2 dl dd{font-size: 3.0556vw;margin-top: 2.7778vw;}
.aspect_ratio_7 .main1 .copy{padding-top: 13.1944vw;width: 34.0278vw;}

.main2{background-color: #e9e4dd;position: relative;}
.main2 .cg{position: relative;overflow:hidden;}
.main2 .cg dl{position: absolute;top: 4.0104vw;left: 50%;transform: translate(-50%,0);}
.main2 .cg dl dt{width: 5.7292vw;margin: 0 auto;opacity: 0;filter:blur(5px);transition: 1.5s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.main2 .cg dl dd{margin-top: 0.3125vw;width: 14.2188vw;opacity: 0;filter:blur(5px);transition: 1.5s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);transition-delay: 0.4s;}
.main2 .cg .tb_m{display:none;}
.main2 .cg .ori{position: absolute;bottom: 0.5729vw;left: 0.5729vw;width: 20.2083vw;}
.main2 .txt{text-align: center;padding: 3.125vw 0 2.8646vw;}
.main2 .txt dl dt{color:#000;font-weight: 500;font-size: 0.9896vw;letter-spacing:0.055em;}
.main2 .txt dl dt p{overflow: hidden;}
.main2 .txt dl dt p span{display: block;transform: translate(0,100%);transition: 1s;}
.main2 .txt dl dd{color: #000;font-size: 0.651vw;line-height: 1.66em;margin-top: 0.5208vw;}
.main2 .txt dl dd p{overflow: hidden;}
.main2 .txt dl dd p span{display: block;transform: translate(0,100%);transition: 1s;transition-delay: 0.3s;}
.main2 .txt dl dd em{font-style: normal;transform: scaleY(0.5);display: inline-block;}
.main2 .name{position: absolute;bottom: 1.3021vw;right: 1.1979vw;width: 4.9479vw;}
.main2 .cg dl.active dt,
.main2 .cg dl.active dd{opacity: 1;filter: blur(0);}
.main2 .txt.active dl dt p span{transform: none;}
.main2 .txt.active dl dd p span{transform: none;}

.aspect_ratio_18 .main2 .cg dl{top: 3vw;}
.aspect_ratio_18 .main2 .cg dl dt{width: 7vw;}
.aspect_ratio_18 .main2 .cg dl dd{width: 17vw;margin-top: 0.5vw;}
.aspect_ratio_18 .main2 .txt{padding: 5vw 0 4.5vw;}
.aspect_ratio_18 .main2 .txt dl dt{font-size: 1.5vw;}
.aspect_ratio_18 .main2 .txt dl dd{font-size: 1.1vw;margin-top:0.8vw;}
.aspect_ratio_18 .main2 .name{width: 7vw;right: 2vw;bottom: 2vw;}
.aspect_ratio_18 .main2 .cg .ori{bottom: 1vw;left: 1vw;width: 26vw;}

.aspect_ratio_13 .main2 .cg dl{top: 5vw;}
.aspect_ratio_13 .main2 .cg dl dt{width: 15vw;}
.aspect_ratio_13 .main2 .cg dl dd{width: 35vw;margin-top: 1.5vw;}
.aspect_ratio_13 .main2 .cg .tb_p{max-width: 200%;width: 200%;margin-left: -50%;}
.aspect_ratio_13 .main2 .cg .ori{width: 50vw;bottom: 2vw;left: 2vw;}
.aspect_ratio_13 .main2 .txt{padding: 10vw 0 7vw;position:relative;}
.aspect_ratio_13 .main2 .txt dl dt{font-size: 3vw;}
.aspect_ratio_13 .main2 .txt dl dd{font-size: 2.1vw;line-height: 1.5em;margin-top:1.5vw;letter-spacing: 0.015em;}
.aspect_ratio_13 .main2 .name{width: 10vw;right:50%;transform: translate(50%,0);bottom: auto;top: 3vw;}

.aspect_ratio_7 .main2 .cg dl{top: 11.5278vw;}
.aspect_ratio_7 .main2 .cg dl dt{width: 21.3889vw;}
.aspect_ratio_7 .main2 .cg dl dd{width:52.3611vw;margin-top: 1.8056vw;}
.aspect_ratio_7 .main2 .cg .tb_p{display:none;}
.aspect_ratio_7 .main2 .cg .tb_m{display:block;}
.aspect_ratio_7 .main2 .cg .ori{width: 53.8889vw;bottom: 2.7778vw;left: 2.7778vw;}
.aspect_ratio_7 .main2 .txt{padding: 16.6667vw 0 11.8056vw;}
.aspect_ratio_7 .main2 .name{top:3.75vw;width: 16.1111vw;}
.aspect_ratio_7 .main2 .txt dl dt{font-size: 4.5833vw;}
.aspect_ratio_7 .main2 .txt dl dd{font-size: 2.7778vw;margin-top: 2.7778vw;}

.main3{padding: 7.1354vw 0 6.5104vw;position: relative;background-color: #f5f3f1}
.main3 .tit{margin-bottom: 1.7708vw;opacity: 0;filter:blur(5px);transition: 1.5s;transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.main3 .tit img{width: 32.6563vw;margin: 0 auto;}
.main3 .img_box{position:relative;}
.main3 .slider{position: relative;width: 68.8021vw;margin: 0 auto;}
.main3 .slider .after{position: absolute;left: 0;top: 0;height: 100%;background: url(../images/main3-after.jpg?ver=2) no-repeat;background-size: cover;}
.main3 .slider input{-webkit-appearance: none;-moz-appearance: none;position: absolute;left: 0;top: 50%;width: 100%;transform: translate(0,-50%);background-color: transparent;height: 50px;opacity: 0;outline: none;}
.main3 .slider .bar{position: absolute;width: 4px;height: 100%;background-color: #fff;top: 0;left: 50%;transform: translate(-50%,0);}
.main3 .slider .bar span{position:absolute;background-color: #fff;width: 12px;height: 50px;border-radius: 4px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.main3 .slider .bar span::before{content: "";position: absolute;left: -100%;top: 50%;transform: translate(-50%,-50%);border-right: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.main3 .slider .bar span::after{content: "";position: absolute;right: -100%;top: 50%;transform: translate(50%,-50%);border-left: 10px solid #fff;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.main3 .txt{text-align: center;margin-top:1.8229vw;}
.main3 .txt .t1{font-family: 'BookkMyungjo';color: #000;font-size: 1.8229vw;letter-spacing: 0.025em;font-weight: 300;line-height: 1.4em;}
.main3 .txt .t1 p{overflow: hidden;}
.main3 .txt .t1 p span{display: block;transform: translate(0,100%);transition: 1s;}
.main3 .txt .t2{line-height: 1.4em;color:#000;font-weight: 500;font-size: 0.8854vw;letter-spacing: 0.015em;margin-top: 0.7813vw;}
.main3 .txt .t2 p{overflow: hidden;}
.main3 .txt .t2 p span{display: block;transform: translate(0,100%);transition: 1s;transition-delay: 0.2s;}
.main3 .txt .t3{color:#000;font-weight: 300;font-size: 0.625vw;letter-spacing: 0.02em;line-height: 1.58em;margin-top: 0.2604vw;}
.main3 .txt .t3 p{overflow: hidden;}
.main3 .txt .t3 p span{display: block;transform: translate(0,100%);transition: 1s;transition-delay: 0.4s;}
.main3 .ver_txt{position: absolute;width: 0.6771vw;top: 50%;left: 2.8646vw;transform: translate(0,-50%);}
.main3 .ver_txt img{opacity: 0;transform: translate(100%,0);transition: 1s;}
.main3 .ori{position: absolute;bottom: 1.4583vw;right: 1.3542vw;width: 27.6563vw;}
.main3 .tit.active{opacity: 1;filter: blur(0);}
.main3 .ver_txt.active img,
.main3 .txt.active .t1 p span,
.main3 .txt.active .t2 p span,
.main3 .txt.active .t3 p span{opacity: 1;transform: none;}

.aspect_ratio_18 .main3{padding: 9vw 0;}
.aspect_ratio_18 .main3 .tit img{width: 34vw;}
.aspect_ratio_18 .main3 .slider{width: 72vw;}
.aspect_ratio_18 .main3 .txt{margin-top: 2.5vw;}
.aspect_ratio_18 .main3 .txt .t1{font-size: 2.8vw;}
.aspect_ratio_18 .main3 .txt .t2{font-size: 1.4vw;margin-top: 1vw;}
.aspect_ratio_18 .main3 .txt .t3{font-size: 1.1vw;margin-top: 0.4vw;}
.aspect_ratio_18 .main3 .ori{bottom: 2vw;right: 2vw;width: 32vw;}

.aspect_ratio_13 .main3{padding: 18vw 0 15vw;}
.aspect_ratio_13 .main3 .ver_txt{display: none;}
.aspect_ratio_13 .main3 .tit img{width: 43vw;}
.aspect_ratio_13 .main3 .slider{width:70vw;}
.aspect_ratio_13 .main3 .slider .after{background-image: url(../images/main3-after-m.jpg?ver=2);}
.aspect_ratio_13 .main3 .txt{margin-top: 5vw;}
.aspect_ratio_13 .main3 .txt .t1{width:70vw;font-size: 3.6vw;width: 70vw;line-height: 1.27em;margin: 0 auto;padding-bottom: 5vw;border-bottom:1px solid #000}
.aspect_ratio_13 .main3 .txt .t2{margin-top: 5vw;font-size: 2.5vw;line-height:1.18em;}
.aspect_ratio_13 .main3 .txt .t3{font-size:2.1vw;line-height:1.4em;margin-top:1.5vw;}
.aspect_ratio_13 .main3 .small_tit{position: absolute;left:50%;top:4vw;transform:translate(-50%,0);width: 30vw;overflow:hidden;}
.aspect_ratio_13 .main3 .small_tit img{transform:translate(0,100%);transition:1s;}
.aspect_ratio_13 .main3 .ori{right: auto;bottom: 3vw;left: 3vw;width: 60vw;}
.aspect_ratio_13 .main3 .small_tit.active img{transform:none;}

.aspect_ratio_7 .main3{padding: 29.4444vw 5.2778vw 19.4444vw;}
.aspect_ratio_7 .main3 .small_tit{width: 50.4167vw;top: 4.8611vw;}
.aspect_ratio_7 .main3 .tit{margin-bottom: 2.2222vw;}
.aspect_ratio_7 .main3 .tit img{width: 66.8056vw;}
.aspect_ratio_7 .main3 .slider{width: 100%;}
.aspect_ratio_7 .main3 .slider .bar{width: 2px;}
.aspect_ratio_7 .main3 .slider .bar span{width: 8px;height: 45px;}
.aspect_ratio_7 .main3 .slider input{height: 45px;}
.aspect_ratio_7 .main3 .slider .bar span::before,
.aspect_ratio_7 .main3 .slider .bar span::after{border-width: 7px;}
.aspect_ratio_7 .main3 .slider .bar span::before{left: -120%;}
.aspect_ratio_7 .main3 .slider .bar span::after{right: -120%;}
.aspect_ratio_7 .main3 .txt{margin-top: 12.5vw;}
.aspect_ratio_7 .main3 .txt .t1{width: 100%;padding-bottom:12.5vw;font-size: 6.1111vw;}
.aspect_ratio_7 .main3 .txt .t2{margin-top: 9.4444vw;font-size: 3.8889vw;}
.aspect_ratio_7 .main3 .txt .t3{width:calc(100% + 10.5556vw);font-size:2.7778vw;letter-spacing: 0.005em;margin-top: 2.7778vw;margin-left: -5.2778vw;}
.aspect_ratio_7 .main3 .ori{bottom: 4.7222vw;left: 5.2778vw;width: 89.8611vw;}

.main4{position:relative;background-color: #e3ddd4;}
.main4 .cg{position: relative;}
.main4 .cg .img{position: relative;overflow:hidden;}
.main4 .cg .img .after{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: 1.2s;}
.main4 .cg .t{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.main4 .cg .t dl{margin-top: -0.7813vw;}
.main4 .cg .t dl dt{width: 29.6875vw;margin: 0 auto;opacity: 0;filter:blur(5px);transition: 0.8s;}
.main4 .cg .t dl dd{width: 37.5vw;margin-top: 3.2813vw;opacity: 0;transition: 0.8s;transition-delay: 0.3s;}
.main4 .cg .ori{position: absolute;width: 20.4167vw;left: 0.8854vw;bottom: 0.7292vw;}
.main4 .txt{text-align: center;padding: 3.125vw 0 3.6458vw;}
.main4 .txt .t1{font-family: 'BookkMyungjo';color: #000;font-size: 1.8229vw;font-weight: 300;letter-spacing: 0.025em;line-height: 1.3em;}
.main4 .txt .t1 p{overflow: hidden;}
.main4 .txt .t1 p span{display: block;transform: translate(0,100%);transition: 1s;}
.main4 .txt .t2{color: #000;font-weight: 500;font-size: 0.8854vw;line-height: 1.4em;letter-spacing: 0.02em;margin-top: 0.7813vw;}
.main4 .txt .t2 p{overflow: hidden;}
.main4 .txt .t2 p span{display: block;transform: translate(0,100%);transition: 1s;transition-delay: 0.2s;}
.main4 .txt .t3{color:#000;font-weight: 300;font-size: 0.625vw;letter-spacing: 0.025em;line-height: 1.58em;margin-top: 0.2604vw;}
.main4 .txt .t3 p{overflow: hidden;opacity:0;transform:translate(0,30%);transition: 1s;transition-delay: 0.5s;}
.main4 .icon{position: absolute;right: 1.9271vw;bottom: 2.0313vw;width: 4.0625vw;}
.main4 .cg .t.active dl dt{opacity: 1;filter: blur(0);}
.main4 .cg.active .img .after,
.main4 .cg .t.active dl dd,
.main4 .txt.active .t1 p span,
.main4 .txt.active .t2 p span,
.main4 .txt.active .t3 p{opacity: 1;transform: none;}

.aspect_ratio_18 .main4 .cg .t dl dt{width: 31vw;}
.aspect_ratio_18 .main4 .cg .t dl dd{width: 38vw;}
.aspect_ratio_18 .main4 .cg .ori{width: 26vw;left: 1vw;bottom: 1vw;}
.aspect_ratio_18 .main4 .txt{padding: 5.5vw 0 5vw;}
.aspect_ratio_18 .main4 .txt .t1{font-size: 2.6vw;}
.aspect_ratio_18 .main4 .txt .t2{font-size: 1.5vw;margin-top: 1vw;}
.aspect_ratio_18 .main4 .txt .t3{font-size: 1.1vw;margin-top: 0.4vw;}
.aspect_ratio_18 .main4 .icon{width: 5vw;right: 2.5vw;bottom: 2.5vw;}

.aspect_ratio_13 .main4 .cg .t dl{margin-top: 0;}
.aspect_ratio_13 .main4 .cg .t dl dt{width: 44vw;}
.aspect_ratio_13 .main4 .cg .t dl dd{width: 56vw;margin-top: 5vw;}
.aspect_ratio_13 .main4 .cg .ori{width: 50vw;bottom: 2vw;left: 2vw;}
.aspect_ratio_13 .main4 .txt{padding: 4vw 5.2778vw 7vw;}
.aspect_ratio_13 .main4 .txt .t1{font-size: 3vw;line-height: 1em;letter-spacing:0em;}
.aspect_ratio_13 .main4 .txt .t2{font-size: 2.5vw;margin-top:4vw;padding-top: 7vw;border-top: 1px solid #000;line-height: 1.2em;letter-spacing:0.015em;}
.aspect_ratio_13 .main4 .txt .t3{font-size: 2.1vw;margin-top:1.5vw;line-height: 1.4em;letter-spacing:0.005em;}
.aspect_ratio_13 .main4 .icon{width:8vw;bottom: 4vw;right: 4vw;}

.aspect_ratio_7 .main4 .cg .t dl dt{width: 61.9444vw;}
.aspect_ratio_7 .main4 .cg .t dl dd{width: 77.2222vw;margin-top: 7.3611vw;}
.aspect_ratio_7 .main4 .cg .ori{left: 2.7778vw;bottom: 2.7778vw;width: 53.8889vw;}
.aspect_ratio_7 .main4 .txt{padding: 6.3889vw 5.2778vw 12.5vw;}
.aspect_ratio_7 .main4 .txt .t1{font-size: 4.5833vw;}
.aspect_ratio_7 .main4 .txt .t2{margin-top: 6.3889vw;padding-top: 11.8056vw;font-size: 3.8889vw;}
.aspect_ratio_7 .main4 .txt .t3{font-size: 2.7778vw;margin-top: 2.7778vw;}
.aspect_ratio_7 .main4 .icon{width: 10.2778vw;bottom: 3.8889vw;right: 5.2778vw;}

.main5{background-color: #e3ddd4;}
.main5 .cg{position: relative;}
.main5 .cg .img{overflow:hidden;}
.main5 .cg .img .tb_m{display:none;}
.main5 .cg dl{position: absolute;left: 50%;top: 4.5833vw;transform: translate(-50%,0);text-align: center;}
.main5 .cg dl dt{width: 9.0625vw;margin: 0 auto;opacity: 0;transition: 1s;}
.main5 .cg dl dd{font-family: 'BookkMyungjo';color: #fff;font-size: 1.4063vw;font-weight: 300;letter-spacing: 0.065em;line-height: 1.37em;margin-top: 1.1979vw;opacity: 0;transition: 1s;transition-delay: 0.3s;}
.main5 .f_b{position: absolute;bottom:2.0833vw;left:2.8646vw;}
.main5 .f_b button{border: none;background: none;display: block;width: 100%;display: flex;align-items: center;gap: 0 0.3646vw;}
.main5 .f_b p{color: #eee7df;font-weight: 600;font-size: 0.7813vw;letter-spacing: 0.11em;}
.main5 .f_b em{width: 1.0417vw;}
.main5 .logo{width: 5.625vw;position: absolute;bottom: 2.2917vw;right: 2.8646vw;opacity: 0;transition: 1s;}
.main5 .area{padding: 2.3438vw 0 2.0833vw;display: flex;}
.main5 .area .box{position:relative;width: 50%;display: flex;align-items: center;justify-content: center;text-align: center;padding: 2.8646vw 0 3.2292vw;}
.main5 .area .box ~ .box::before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: #000;transform: scaleY(0);transform-origin: 0 0;transition: 1s;}
.main5 .txt{opacity: 0;transition: 1s;}
.main5 .txt dl{margin-bottom: 1.3542vw;}
.main5 .txt dl dt{margin: 0 auto;}
.main5 .txt dl dd{margin: 0.5208vw auto 0;}
.main5 .txt .tit1{width: 6.3542vw;}
.main5 .txt .tit2{width: 11.4063vw;}
.main5 .txt .tit3{width: 5.7292vw;}
.main5 .txt .tit4{width: 20.5729vw;}
.main5 .txt .t1{color: #000;font-size: 1.0938vw;letter-spacing: 0.015em;font-weight: 500;line-height: 1.3em;}
.main5 .txt .t2{color: #000;font-size: 0.5208vw;font-weight: 500;letter-spacing: 0.075em;line-height: 1.3em;margin-top: 0.625vw;}
.main5 .txt .t3{color: #000;font-size: 0.8854vw;letter-spacing: 0.015em;line-height: 1.47em;margin-top: 0.2083vw;}
.main5 .txt .t3 em{font-style: normal;display: inline-block;transform: scaleY(0.5);}
.main5 .txt ul{display: flex;justify-content: center;margin-top: 1.1979vw;}
.main5 .txt ul .l1{width: 6.1458vw;}
.main5 .txt ul .l2{width:4.4792vw;margin-left: 1.7188vw;}
.main5 .txt ul .l3{width:4.4792vw;margin-left:1.6146vw;}
.main5 .txt ul .l4{width:1.5625vw;margin-left:1.3542vw;}
.main5 .cg dl.active dt,
.main5 .cg dl.active dd,
.main5 .logo.active,
.main5 .txt.active{opacity: 1;transform: none;}
.main5 .area .box.active::before,
.main5 .txt ul.active::before{transform: none !important;}

.aspect_ratio_18 .main5 .cg dl{top: 4vw;}
.aspect_ratio_18 .main5 .cg dl dt{width: 11vw;}
.aspect_ratio_18 .main5 .cg dl dd{font-size: 1.6vw;}
.aspect_ratio_18 .main5 .f_b button{gap: 0 0.7vw;}
.aspect_ratio_18 .main5 .f_b p{font-size: 0.9vw;}
.aspect_ratio_18 .main5 .f_b em{width: 1.3vw;}
.aspect_ratio_18 .main5 .logo{width: 6vw;bottom: 2.5vw;right: 3vw;}
.aspect_ratio_18 .main5 .area{padding: 3vw 0;}
.aspect_ratio_18 .main5 .txt dl{margin-bottom: 1.6vw;}
.aspect_ratio_18 .main5 .txt dl dd{margin-top: 0.7vw;}
.aspect_ratio_18 .main5 .txt .tit1{width: 8vw;}
.aspect_ratio_18 .main5 .txt .tit2{width: 13vw;}
.aspect_ratio_18 .main5 .txt .tit3{width: 7vw;}
.aspect_ratio_18 .main5 .txt .tit4{width: 24vw;}
.aspect_ratio_18 .main5 .txt .t1{font-size: 1.3vw;}
.aspect_ratio_18 .main5 .txt .t2{font-size: 0.8vw;margin-top: 0.8vw;}
.aspect_ratio_18 .main5 .txt .t3{font-size: 1.1vw;margin-top: 0.4vw;}
.aspect_ratio_18 .main5 .txt ul{margin-top: 1.5vw;gap: 0 2vw;}
.aspect_ratio_18 .main5 .txt ul .l1{width: 7.6vw;}
.aspect_ratio_18 .main5 .txt ul .l2{width: 6vw;margin-left: 0;}
.aspect_ratio_18 .main5 .txt ul .l3{width: 6vw;margin-left: 0;}
.aspect_ratio_18 .main5 .txt ul .l4{width: 3.5vw;margin-left: 0;}

.aspect_ratio_13 .main5 .area{padding: 0 5.2778vw;display: block;}
.aspect_ratio_13 .main5 .cg .img .tb_p{width:160%;max-width:160%;margin-left:-30%;}
.aspect_ratio_13 .main5 .cg dl{top: 5vw;}
.aspect_ratio_13 .main5 .cg dl dt{width: 17vw;}
.aspect_ratio_13 .main5 .cg dl dd{font-size: 2.4vw;margin-top: 1.5vw;letter-spacing:0.045em;line-height: 1.39em;white-space: nowrap;}
.aspect_ratio_13 .main5 .logo{width: 11vw;bottom: 4vw;}
.aspect_ratio_13 .main5 .f_b{bottom: 3vw;}
.aspect_ratio_13 .main5 .f_b button{gap: 0 1vw;}
.aspect_ratio_13 .main5 .f_b p{color: rgba(167,161,157,0.9);font-size: 1.6vw;}
.aspect_ratio_13 .main5 .f_b em{width: 2vw;opacity: 0.9;}
.aspect_ratio_13 .main5 .area .box{width: 100%;padding: 7vw 0;}
.aspect_ratio_13 .main5 .area .box ~ .box::before{width: 100%;height: 1px;transform: scaleX(0);}
.aspect_ratio_13 .main5 .txt{width: 100%;}
.aspect_ratio_13 .main5 .txt dl{margin-bottom: 2.5vw;}
.aspect_ratio_13 .main5 .txt dl dd{margin-top: 1vw;}
.aspect_ratio_13 .main5 .txt .tit1{width: 13vw;}
.aspect_ratio_13 .main5 .txt .tit2{width: 23vw;}
.aspect_ratio_13 .main5 .txt .tit3{width: 14vw;}
.aspect_ratio_13 .main5 .txt .tit4{width: 43vw;}
.aspect_ratio_13 .main5 .box1 .txt .t1{font-size: 3vw;}
.aspect_ratio_13 .main5 .box2 .txt .t1{font-size: 2.8vw;}
.aspect_ratio_13 .main5 .txt .t2{font-size: 2.1vw;margin-top: 1vw;letter-spacing:0.005em;}
.aspect_ratio_13 .main5 .txt .t3{font-size: 2.2vw;line-height: 1.29em;font-weight: 300;margin-top:1vw;letter-spacing:0.005em;}
.aspect_ratio_13 .main5 .box2 .txt .t3 p ~ p{margin-top: 0.5vw;}
.aspect_ratio_13 .main5 .txt ul{align-items: center;margin-top: 7vw;padding-top: 12vw;position: relative;flex-direction: column;gap: 5vw 0;}
.aspect_ratio_13 .main5 .txt ul::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #000;transform: scaleX(0);transform-origin: 0 0;transition: 1s;}
.aspect_ratio_13 .main5 .txt ul li{opacity:0;transform:translate(0,30%);transition:1s;}
.aspect_ratio_13 .main5 .txt ul .l1{width: 34vw;transition-delay:0.4s;}
.aspect_ratio_13 .main5 .txt ul .l2{width: 18vw;transition-delay:0.6s;}
.aspect_ratio_13 .main5 .txt ul .l3{width: 18vw;transition-delay:0.8s;}
.aspect_ratio_13 .main5 .txt ul .l4{width: 8vw;transition-delay:1s;}
.aspect_ratio_13 .main5 .txt ul .logo_tit{position:absolute;left:0;top:2.6389vw;width:31vw;overflow:hidden;}
.aspect_ratio_13 .main5 .txt ul .logo_tit img{transform:translate(0,100%);transition:0.8s;}
.aspect_ratio_13 .main5 .txt ul .logo_tit.active img{transform:none;}
.aspect_ratio_13 .main5 .txt ul.active li{opacity:1;transform:none;}

.aspect_ratio_7 .main5 .cg .img .tb_p{display:none;}
.aspect_ratio_7 .main5 .cg .img .tb_m{display:block;}
.aspect_ratio_7 .main5 .cg dl{top:11.6667vw;}
.aspect_ratio_7 .main5 .cg dl dt{width: 26.9444vw;}
.aspect_ratio_7 .main5 .cg dl dd{font-size: 3.8889vw;margin-top: 3.0556vw;}
.aspect_ratio_7 .main5 .logo{right: 50%;transform: translate(50%,0) !important;width: 23.75vw;bottom: 12.5vw;}
.aspect_ratio_7 .main5 .f_b{left: 50%;transform: translate(-50%,0);bottom: 4.1667vw;}
.aspect_ratio_7 .main5 .f_b button{gap: 0 0.9722vw;}
.aspect_ratio_7 .main5 .f_b p{font-size: 2.352vw;}
.aspect_ratio_7 .main5 .f_b em{width:2.7778vw;}
.aspect_ratio_7 .main5 .area .box{padding: 15.2778vw 0 14.5833vw;}
.aspect_ratio_7 .main5 .txt dl{margin-bottom: 5.1389vw;}
.aspect_ratio_7 .main5 .box2 .txt dl{padding-bottom:1.25vw;}
.aspect_ratio_7 .main5 .txt .tit1{width: 21.6667vw;}
.aspect_ratio_7 .main5 .txt .tit2{margin-top: 1.5278vw;width: 39.7222vw;}
.aspect_ratio_7 .main5 .txt .tit3{width: 19.4444vw;}
.aspect_ratio_7 .main5 .txt .tit4{margin-top:1.6667vw;width: 73.4722vw;}
.aspect_ratio_7 .main5 .txt .t1{line-height: 1em;}
.aspect_ratio_7 .main5 .box1 .txt .t1{font-size: 4.6292vw;}
.aspect_ratio_7 .main5 .box2 .txt .t1{font-size: 3.8569vw;}
.aspect_ratio_7 .main5 .txt .t2{line-height:1em;font-size: 2.7778vw;margin-top: 2.7778vw;}
.aspect_ratio_7 .main5 .txt .t3{font-size: 3.0556vw;margin-top: 1.3889vw;}
.aspect_ratio_7 .main5 .box2 .txt .t3 p{padding:0.6944vw 0;}
.aspect_ratio_7 .main5 .box2 .txt .t3 p ~ p{margin-top: 0.5556vw;}
.aspect_ratio_7 .main5 .txt ul{margin-top: 14.5833vw;padding-top:22.2222vw;padding-bottom:2.0833vw;gap: 8.8889vw 0;}
.aspect_ratio_7 .main5 .txt ul .l1{width: 56.25vw;}
.aspect_ratio_7 .main5 .txt ul .l2{width: 30vw;}
.aspect_ratio_7 .main5 .txt ul .l3{width: 30vw;}
.aspect_ratio_7 .main5 .txt ul .l4{width: 13.8889vw;}
.aspect_ratio_7 .main5 .txt ul .logo_tit{width:46.5278vw;}

.main6{background-color: #eee7df;padding: 11.7708vw 0 8.3333vw;}
.main6 .map{width: 36.6146vw;margin: 0 auto;overflow: hidden;}
.main6 .map img{opacity:0;transform: scale(1.1);transition: 1s;}
.main6 .txt{text-align: center;margin-top: 3.125vw;}
.main6 .txt dl dt{color: #000;font-size: 1.5104vw;letter-spacing: 0.065em;font-family: 'BookkMyungjo';margin-bottom: 1.0417vw;}
.main6 .txt dl dt p{overflow: hidden;}
.main6 .txt dl dt p span{display: block;transform: translate(0,100%);transition: 1s;}
.main6 .txt dl dd{color: #000;font-size: 0.7552vw;letter-spacing: 0.015em;line-height: 1.5em;}
.main6 .txt dl dd p{overflow: hidden;}
.main6 .txt dl dd p span{display: flex;justify-content: center;align-items: baseline;transform: translate(0,100%);transition: 1s;transition-delay: 0.3s;}
.main6 .txt dl dd strong{font-family: 'cordia';letter-spacing: 0.075em;font-size: 0.6771vw;font-weight: 400;}
.main6 .txt dl dd em{display:inline-block;transform: scaleY(0.5);font-style: normal;}
.main6 .txt dl dd i{font-style: normal;}
.main6 .map.active img,
.main6 .txt.active dl dt p span,
.main6 .txt.active dl dd p span{opacity: 1;transform: none;}

.aspect_ratio_18 .main6{padding: 13vw 0 10vw;}
.aspect_ratio_18 .main6 .map{width: 45vw;}
.aspect_ratio_18 .main6 .txt{margin-top: 4vw;}
.aspect_ratio_18 .main6 .txt dl dt{font-size: 2vw;margin-bottom: 1.5vw;}
.aspect_ratio_18 .main6 .txt dl dd{font-size: 1.2vw;}
.aspect_ratio_18 .main6 .txt dl dd strong{font-size: 1.1vw;}

.aspect_ratio_13 .main6{padding: 10vw 5.2778vw 12vw;}
.aspect_ratio_13 .main6 .tit{text-align: center;margin-bottom: 10vw;}
.aspect_ratio_13 .main6 .tit dt{width: 14vw;margin: 0 auto;}
.aspect_ratio_13 .main6 .tit dd{font-size: 3vw;font-family: 'BookkMyungjo';font-weight: 300;line-height: 1.27em;color: #000;letter-spacing: 0.065em;margin-top: 1.5vw;}
.aspect_ratio_13 .main6 .map{width:75%;}
.aspect_ratio_13 .main6 .txt{margin-top: 8vw;}
.aspect_ratio_13 .main6 .txt dl dd{font-size: 2.1vw;line-height: 1.3em;letter-spacing:0.03em;}
.aspect_ratio_13 .main6 .txt dl dd p ~ p{margin-top: 3vw;}
.aspect_ratio_13 .main6 .txt dl dd p span{flex-direction: column;align-items: center;}
.aspect_ratio_13 .main6 .txt dl dd strong{font-size: 2.1vw;letter-spacing: 0.07em;word-spacing: -0.05em;}
.aspect_ratio_13 .main6 .txt dl dd strong.t{font-size: 2.4vw;letter-spacing:0.02em;}

.aspect_ratio_7 .main6{padding: 15.6944vw 5.2778vw 15.2778vw;}
.aspect_ratio_7 .main6 .tit{margin-bottom: 16.25vw;}
.aspect_ratio_7 .main6 .tit dt{width: 21.6667vw;}
.aspect_ratio_7 .main6 .tit dd{font-size: 4.5833vw;margin-top: 3.1944vw;}
.aspect_ratio_7 .main6 .map{width: 100%;}
.aspect_ratio_7 .main6 .txt{margin-top: 12.7778vw;}
.aspect_ratio_7 .main6 .txt dl dd{font-size:2.7778vw;}
.aspect_ratio_7 .main6 .txt dl dd p:nth-child(2){margin-top: 1.9444vw;}
.aspect_ratio_7 .main6 .txt dl dd p:nth-child(3){margin-top: 3.6111vw;}
.aspect_ratio_7 .main6 .txt dl dd strong{font-size:2.7778vw;}
.aspect_ratio_7 .main6 .txt dl dd strong.t{font-size: 3.1944vw;padding-top:0.5556vw;}

footer{padding: 2.8646vw 0;}
footer .area{display: flex;align-items: center;}
footer .area .box{width: 50%;}
footer .area .box:first-child{border-right: 2px solid #d2cdc5;}
footer .lef{padding-left: 2.8646vw;}
footer .rig ul{margin-top: -1.5625vw;}
footer .ori p{color: #bdb7ac;font-size: 0.625vw;line-height: 1.75em;letter-spacing: 0.055em;position: relative;padding-left: 0.3125vw;}
footer .ori p em{position: absolute;left: 0;top: 0;font-style: normal;}
footer .info{margin-top: 1.7188vw;padding-left:0.1042vw;}
footer .info dl{display: flex;align-items: center;gap: 0 0.6771vw;}
footer .info dl dt{color: #bdb7ac;font-size: 0.8698vw;font-weight: 500;letter-spacing: 0.075em;line-height: 1.47em;}
footer .info dl dd{color: #bdb7ac;font-size: 0.8698vw;letter-spacing: 0.01em;line-height: 1.47em;}
footer .brand{display: flex;flex-wrap:wrap;margin-top: 1.1458vw;padding-left:0.1563vw;}
footer .brand > div{display:flex;}
footer .brand .l2{margin-left:1.5104vw;}
footer .brand .l3{margin-left:1.25vw;}
footer .brand .l4{margin-left:1.3021vw;}
footer .brand p{display: flex;align-items: center;}
footer .brand p span{color: #bdb7ac;font-weight: 600;font-size: 0.651vw;letter-spacing: 0.065em;}
footer .brand .l1 em{width: 5.2083vw;margin-left:0.625vw;margin-top:-0.1042vw;}
footer .brand .l2 em{width: 11.9792vw;margin-left:0.5729vw;}
footer .brand .l3 em{width: 5.5208vw;margin-left:0.4167vw;}
footer .brand .l4 em{width: 5.2604vw;margin-left:0.4167vw;margin-top:-0.2083vw;}
footer ul li{margin: 0 auto;width: 16.9271vw;}
footer ul li ~ li{margin-top: 1.1979vw;}
footer .name{color: #bdb7ac;font-size: 0.8333vw;margin-top: 1.1458vw;line-height:1.5em;}
footer .name br{display:none;}

.aspect_ratio_18 footer{padding: 4vw 0;}
.aspect_ratio_18 footer .lef{padding: 0 3vw;}
.aspect_ratio_18 footer .ori p{font-size: 1.1vw;letter-spacing: 0;padding-left: 0.5vw;}
.aspect_ratio_18 footer .info{margin-top: 2vw;}
.aspect_ratio_18 footer .info dl{gap: 0 0.8vw;}
.aspect_ratio_18 footer .info dl dt,
.aspect_ratio_18 footer .info dl dd{font-size: 1.2vw;}
.aspect_ratio_18 footer .brand{display:block;margin-top: 2vw;}
.aspect_ratio_18 footer .brand div ~ div{margin-top:1vw;}
.aspect_ratio_18 footer .brand .l3{margin-left:0;}
.aspect_ratio_18 footer .brand p span{font-size: 1.1vw;}
.aspect_ratio_18 footer .brand .l1 em{width: 7.8vw;margin-left:0.9vw;}
.aspect_ratio_18 footer .brand .l2 em{width: 18vw;margin-left:0.9vw;}
.aspect_ratio_18 footer .brand .l3 em{width: 8.1vw;margin-left:0.9vw;}
.aspect_ratio_18 footer .brand .l4 em{width: 7.8vw;margin-left:0.9vw;}
.aspect_ratio_18 footer ul li{width:23vw;}
.aspect_ratio_18 footer ul li ~ li{margin-top: 1.5vw;}
.aspect_ratio_18 footer ul .l1{width: 17vw;}
.aspect_ratio_18 footer ul .l2{width: 26vw;}
.aspect_ratio_18 footer ul .l3{width: 6vw;}
.aspect_ratio_18 footer .name{font-size: 1.1vw;margin-top:2vw;}
.aspect_ratio_18 footer .name br{display:block;}

.aspect_ratio_13 footer{padding: 7vw 5.2778vw 9vw;}
.aspect_ratio_13 footer .area{display: block;}
.aspect_ratio_13 footer .area .box{width: 100%;padding: 0;}
.aspect_ratio_13 footer .area .box:first-child{border-bottom:1px solid #d2cdc5;border-right: none;padding-bottom: 8vw;}
.aspect_ratio_13 footer .area .rig{padding-top: 9vw;}
.aspect_ratio_13 footer .ori p{font-size: 1.9vw;line-height:1.5em;padding-left: 1vw;padding-right: 1vw;letter-spacing: -0.01em;display: inline;}
.aspect_ratio_13 footer .info{margin-top: 4vw;}
.aspect_ratio_13 footer .info dl{gap: 0 1vw;}
.aspect_ratio_13 footer .info dl dt,
.aspect_ratio_13 footer .info dl dd{font-size: 1.8vw;line-height:1.5em;}
.aspect_ratio_13 footer .brand{margin-top: 4vw;gap: 0 2.5vw;}
.aspect_ratio_13 footer .brand div ~ div{margin-top:2vw;}
.aspect_ratio_13 footer .brand p{gap: 0 1.5vw;}
.aspect_ratio_13 footer .brand .l2,
.aspect_ratio_13 footer .brand .l4{margin-left: 3vw;}
.aspect_ratio_13 footer .brand p span{font-size: 1.8vw;}
.aspect_ratio_13 footer .brand em{margin-left:0 !important;}
.aspect_ratio_13 footer .brand .l1 em{width:13.26vw;}
.aspect_ratio_13 footer .brand .l2 em{width:30.6vw;}
.aspect_ratio_13 footer .brand .l3 em{width:13.77vw;}
.aspect_ratio_13 footer .brand .l4 em{width:13.26vw;}
.aspect_ratio_13 footer ul li{width:27vw;}
.aspect_ratio_13 footer ul li ~ li{margin-top: 3.5vw;}
.aspect_ratio_13 footer ul .l1{width: 31vw;}
.aspect_ratio_13 footer ul .l2{width: 48vw;}
.aspect_ratio_13 footer ul .l3{width: 12vw;}
.aspect_ratio_13 footer .name{font-size: 1.9vw;margin-top:4vw;}

.aspect_ratio_7 footer{padding: 12.5vw 5.2778vw 15.8333vw;}
.aspect_ratio_7 footer .area .box:first-child{padding-bottom: 13.0556vw;}
.aspect_ratio_7 footer .ori{text-align: justify;}
.aspect_ratio_7 footer .ori p{font-size: 3.0556vw;padding-left: 1.6vw;padding-right: 1.5vw;}
.aspect_ratio_7 footer .info{margin-top: 6.9444vw;}
.aspect_ratio_7 footer .info dl{gap: 0 1.8056vw;}
.aspect_ratio_7 footer .info dl dt,
.aspect_ratio_7 footer .info dl dd{font-size: 2.7778vw;}
.aspect_ratio_7 footer .brand{margin-top: 3.4722vw;gap: 0 4.1667vw;}
.aspect_ratio_7 footer .brand .l2{gap: 0 1.1vw;}
.aspect_ratio_7 footer .brand .l2,
.aspect_ratio_7 footer .brand .l4{margin-left:0;}
.aspect_ratio_7 footer .brand .l1,
.aspect_ratio_7 footer .brand .l3{width:29.3333vw;}
.aspect_ratio_7 footer .brand p{gap: 0 1.5vw;}
.aspect_ratio_7 footer .brand p span{font-size: 2.7778vw;}
.aspect_ratio_7 footer .brand .l1 em{width:18.564vw;}
.aspect_ratio_7 footer .brand .l2 em{width:42.84vw;}
.aspect_ratio_7 footer .brand .l3 em{width:19.278vw;}
.aspect_ratio_7 footer .brand .l4 em{width:18.564vw;}
.aspect_ratio_7 footer .area .rig{padding-top: 16.3889vw;}
.aspect_ratio_7 footer ul li{width:50vw;}
.aspect_ratio_7 footer ul li ~ li{margin-top:4.4444vw;}
.aspect_ratio_7 footer ul .l1{width: 50.1389vw;}
.aspect_ratio_7 footer ul .l2{width: 73.6111vw;}
.aspect_ratio_7 footer ul .l3{width:17.2222vw;}
.aspect_ratio_7 footer .name{font-size: 3.0556vw;margin-top:6vw;}

/*news_media*/
.news_media{padding: 15.1042vw 10.3646vw 9.8958vw;background-color:#dfd4c5;}
.news_media .tab{margin-bottom:0.8854vw;display:flex;align-items:center;gap: 0 0.6771vw;opacity:0;transform:translate(0,50px);transition:1s;}
.news_media .tab a{font-size:0.651vw;color:#6b6b6b;letter-spacing:0.15em;font-family:"cordia";}
.news_media .tab em{font-size:0.7813vw;color:#8e867c;transform:scaleY(0.5);}
.news_media .tab a.on{color:#000;}
.news_media .list{border-top:2px solid #070706;opacity:0;transform:translate(0,50px);transition:1s;}
.news_media .list ul li{border-bottom:2px solid #070706;}
.news_media .list ul li .t a{display:flex;padding: 1.0417vw 0;align-items:center;}
.news_media .list ul li .t p{color:#000;font-size:0.8682vw;letter-spacing:0.015em;text-align:center;line-height:1.2em;}
.news_media .list ul li .t .lef{text-align:left;}
.news_media .list ul li .t .ov{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_media .list ul li .t .col1{flex-grow:1;}
.news_media .list ul li .t .col2{width:9.4612%;flex-shrink: 0;}
.news_media .list ul li .t .col3{width:10.3811%;flex-shrink: 0;}
.news_media .list ul li .t .col4{width:17.1875%;flex-shrink: 0;}
.news_media .list ul li .b{border-top:2px solid #070706;display:none;}
.news_media .list ul li .b .vd_box{position:relative;overflow:hidden;padding-bottom:56.25%;}
.news_media .list ul li .b .vd_box iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.news_media.active .tab,
.news_media.active .list{opacity:1;transform:none;}

.aspect_ratio_18 .news_media{padding: 20vw 11vw 12vw;}
.aspect_ratio_18 .news_media .tab{margin-bottom: 1.2vw;gap: 0 0.9vw;}
.aspect_ratio_18 .news_media .tab a{font-size:0.9vw;}
.aspect_ratio_18 .news_media .tab em{font-size:1.4vw;}
.aspect_ratio_18 .news_media .list ul li .t a{padding: 1.4vw 0;}
.aspect_ratio_18 .news_media .list ul li .t p{font-size: 1.2vw;}
.aspect_ratio_18 .news_media .list ul li .t .col4{width:22%;}

.aspect_ratio_13 .news_media{padding: 25vw 5.2778vw 15vw;}
.aspect_ratio_13 .news_media .tab{margin-bottom: 1.6vw;gap: 0 1.3vw;}
.aspect_ratio_13 .news_media .tab a{font-size: 1.5vw;}
.aspect_ratio_13 .news_media .tab em{font-size: 2.2vw;}
.aspect_ratio_13 .news_media .list ul li .t a{padding: 2.4vw 0;}
.aspect_ratio_13 .news_media .list ul li .t p{font-size:1.8vw;}
.aspect_ratio_13 .news_media .list ul li .t .col2{width: 14%;}
.aspect_ratio_13 .news_media .list ul li .t .col3{width: 11%;}
.aspect_ratio_13 .news_media .list ul li .t .col4{width:30%;}

.aspect_ratio_7 .news_media{padding: 37vw 5.2778vw 20vw;}
.aspect_ratio_7 .news_media .tab{margin-bottom:3vw;gap: 0 2vw;}
.aspect_ratio_7 .news_media .tab a{font-size:2.7778vw;}
.aspect_ratio_7 .news_media .tab em{font-size: 3.5vw;}
.aspect_ratio_7 .news_media .list,
.aspect_ratio_7 .news_media .list ul li{border-width:1px;}
.aspect_ratio_7 .news_media .list ul li .t a{padding: 4vw 0;}
.aspect_ratio_7 .news_media .list ul li .t p{font-size:2.8vw;}
.aspect_ratio_7 .news_media .list ul li .t .col2{width:20%;}
.aspect_ratio_7 .news_media .list ul li .t .col3{width:14%;}


/*pagination*/
.pagination{margin-top:4.9479vw;display:flex;align-items:baseline;justify-content:center;gap: 0 1.3021vw;opacity:0;transform:translate(0,30px);transition:1s;}
.pagination .num{display:flex;gap: 0 2.0833vw;}
.pagination .num a{color:#000;font-size:0.9375vw;font-family:"cordia";}
.pagination .arr img{width:0.3646vw;}
.pagination.active{opacity:1;transform:none;}

.aspect_ratio_18 .pagination{margin-top:7vw;gap: 0 2vw;}
.aspect_ratio_18 .pagination .num{gap: 0 2.5vw;}
.aspect_ratio_18 .pagination .num a{font-size: 1.2vw;}
.aspect_ratio_18 .pagination .arr img{width:0.6vw;}

.aspect_ratio_13 .pagination{margin-top: 9vw;gap: 0 3vw;}
.aspect_ratio_13 .pagination .num{gap: 0 3.5vw;}
.aspect_ratio_13 .pagination .num a{font-size:2vw;}
.aspect_ratio_13 .pagination .arr img{width:1vw;}

.aspect_ratio_7 .pagination{margin-top:11vw;gap: 0 5vw;}
.aspect_ratio_7 .pagination .num{gap: 0 5vw;}
.aspect_ratio_7 .pagination .num a{font-size:3.2vw;}
.aspect_ratio_7 .pagination .arr img{width:1.5vw;}

.sub_brand .brand_tit{position:absolute;width:7.9688vw;left:2.8646vw;top:7.8125vw;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.3s;}
.sub_brand .ver_txt{position:absolute;left:2.8646vw;top:50%;transform:translate(0,-50%);width:1.875vw;}
.sub_brand .ver_txt img{opacity:0;transform:translate(100%,0);transition:1s;}
.sub_brand .brand_tit.active,
.sub_brand .ver_txt.active img{transform:none;opacity:1;}
.sub_brand .area1{position:relative;}
.sub_brand .area1 .img{overflow:hidden;}
.sub_brand .area1 .img img{transform:scale(1.3);transition:1.8s;}
.sub_brand .area1 .img .tb_m{display:none;}
.sub_brand .area1 span{width:6.9792vw;position:absolute;top:2.8646vw;left:2.8646vw;opacity:0;filter:blur(5px);transition:1s;}
.sub_brand .area1 .img.active img{transform:none;}
.sub_brand .area1 span.active{opacity:1;filter:blur(0);}
.sub_brand .area2{background-color:#eee7df;padding: 0 2.8646vw;}
.sub_brand .area2 .top{position:relative;padding: 1.875vw 0 1.9792vw;}
.sub_brand .area2 .top::before{content:"";position:absolute;background-color:#000;width:100%;height:1px;left:0;bottom:0;transform:scaleX(0);transform-origin: 0 0;transition:2s;}
.sub_brand .area2 .top dl dt{width: 5.7292vw;margin: 0 auto;overflow:hidden;}
.sub_brand .area2 .top dl dt img{transform:translate(0,100%);transition:1s;}
.sub_brand .area2 .top dl dd{margin: 0 auto;margin-top: 0.3125vw;width: 14.2188vw;overflow:hidden;}
.sub_brand .area2 .top dl dd img{transform:translate(0,100%);transition:1s;}
.sub_brand .area2 .top .top_name{position:absolute;left:0;top:calc(100% + 0.8333vw);width:7.5vw;opacity:0;transform:translate(0,100%);transition:1s;}
.sub_brand .area2 .box{position:relative;padding: 11.6667vw 0 11.9792vw;}
.sub_brand .area2 .box .b_r{position:absolute;right:0;bottom:2.5521vw;opacity:0;transform:translate(0.80%);transition:1s;}
.sub_brand .area2 .box .b_r dl dt{width:6.25vw;margin: 0 0 0 auto;}
.sub_brand .area2 .box .b_r dl dd{width:23.4375vw;margin-top:0.625vw;}
.sub_brand .area2 .box .txt dl{margin-bottom:2.5vw;text-align:center;}
.sub_brand .area2 .box .txt dl dt{font-family: 'BookkMyungjo';color:#231f20;letter-spacing:0.005em;font-size:1.1458vw;line-height:1.55em;font-weight:600;}
.sub_brand .area2 .box .txt dl dt p{opacity:0;transition:1s;}
.sub_brand .area2 .box .txt dl dt p:nth-child(2){transition-delay:0.2s;}
.sub_brand .area2 .box .txt dl dt p:nth-child(3){transition-delay:0.4s;}
.sub_brand .area2 .box .txt dl dt p ~ p{margin-top:0.7813vw;}
.sub_brand .area2 .box .txt dl dd{font-family: 'BookkMyungjo';color:#231f20;font-weight:600;font-size:2.0313vw;line-height:1.15em;margin-top:1.0417vw;opacity:0;transform:translate(0,100%);transition:1s;}
.sub_brand .area2 .box .txt .logo{width:17.9167vw;margin: 0 auto;overflow:hidden;}
.sub_brand .area2 .box .txt .logo img{transform:translate(0,105%);transition:1s;}
.sub_brand .area2 .top.active::before,
.sub_brand .area2 .top.active dl dt img,
.sub_brand .area2 .top.active dl dd img,
.sub_brand .area2 .top .top_name.active,
.sub_brand .area2 .box .b_r.active,
.sub_brand .area2 .box .txt dl dt.active p,
.sub_brand .area2 .box .txt dl dd.active,
.sub_brand .area2 .box .txt .logo.active img{opacity:1;transform:none;}
.sub_brand .area3{background-color:#402c21;position:relative;padding: 8.6979vw 6.7708vw}
.sub_brand .area3 .top_name{position:absolute;top:2.3958vw;left:2.8646vw;width:8.9063vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.sub_brand .area3 .bs_icon{margin: 0 auto;transition:1s;transition-delay:0.8s;}
.sub_brand .area3 .bi1{margin-bottom:3.4375vw;width:7.5vw;}
.sub_brand .area3 .bi2{margin-top:5.1563vw;width:5.2083vw;}
.sub_brand .area3 .t1{width:12.0313vw;}
.sub_brand .area3 .t2{width:12.2917vw;}
.sub_brand .area3 .txt{transition:1s;}
.sub_brand .area3 .line{height:4px;margin: 1.7708vw 0;}
.sub_brand .area3 .line span{display:block;height:100%;background-color:#c4a692;transition:1.6s;transition-delay:0.4s;}
.sub_brand .area3 .b_r{right:2.6042vw;bottom:2.6042vw;position:absolute;opacity:0;transition:1s;transition-delay:1.8s;}
.sub_brand .area3 .b_r dl dt{width:10.5729vw;margin: 0 0 0 auto;}
.sub_brand .area3 .b_r dl dd{width:28.125vw;margin-top:0.625vw;}
.sub_brand .area3 .top_name.active,
.sub_brand .area3 .box.active ~ .b_r{opacity:1;transform:none;}
.sub_brand .area3 .box.active .txt{opacity:0;}
.sub_brand .area3 .box.active .line span{transform:scaleX(0.1);}
.sub_brand .area3 .box.active .bi1{transform: translate(0, 85%);}
.sub_brand .area3 .box.active .bi2{transform: translate(0, -200%);}
.sub_brand .area4{background-color:#eee7df;padding: 10.5729vw 6.7708vw 11.1979vw;position:relative;}
.sub_brand .area4 .t1{width:39.0104vw;margin: 0 auto 10.5729vw;opacity:0;transform:translate(0,150%);transition:1.2s;transition-delay:0.5s;}
.sub_brand .area4 .t2{color:#4d3328;text-align:center;font-family: 'BookkMyungjo';font-weight:600;font-size:1.9271vw;letter-spacing:0.03em;line-height: 1.31em;margin-top:11.1979vw;opacity:0;transform:translate(0,-150%);transition:1.2s;transition-delay:0.5s;}
.sub_brand .area4 .line{height:10px;}
.sub_brand .area4 .line span{display:block;height:100%;background-color:#4d3328;transform:scaleX(0);transition:1.5s;}
.sub_brand .area4 .icon{position:absolute;right:2.8646vw;bottom:2.7083vw;width:5.7813vw;}
.sub_brand .area4 .box.active .t1,
.sub_brand .area4 .box.active .t2,
.sub_brand .area4 .box.active .line span{opacity:1;transform:none;}
.sub_brand .area5{position:relative;}
.sub_brand .area5 .img{overflow:hidden;}
.sub_brand .area5 .img img{transform:scale(1.3);transition:1.8s;}
.sub_brand .area5 .img .tb_m{display:none;}
.sub_brand .area5 .tit{position:absolute;left:0;top:3.6458vw;width:100%;display:flex;justify-content:center;}
.sub_brand .area5 .tit dl dt{width:9.8438vw;margin: 0 auto;overflow:hidden;}
.sub_brand .area5 .tit dl dt img{transform:translate(0,105%);transition:1s;}
.sub_brand .area5 .tit dl dd{width: 27.6563vw;margin-top:0.8854vw;overflow:hidden;}
.sub_brand .area5 .tit dl dd img{transform:translate(0,105%);transition:1s;transition-delay:0.2s;}
.sub_brand .area5 .img.active img,
.sub_brand .area5 .tit.active dl dt img,
.sub_brand .area5 .tit.active dl dd img{opacity:1;transform:none;}
.sub_brand .area6{position:relative;background-color:#eee7df;padding: 6.7708vw 2.8646vw;}
.sub_brand .area6 .box{position:relative;display: flex;flex-direction: column;align-items: center;}
.sub_brand .area6 .tit{width:22.0313vw;margin-bottom:2.3438vw;opacity:0;transition:1s;}
.sub_brand .area6 .name{width:15.2083vw;margin-bottom:3.9063vw;opacity:0;transform:translate(0,20%);transition:1s;transition-delay:0.3s;}
.sub_brand .area6 .txt{text-align:center;position:relative;}
.sub_brand .area6 .txt dl dt{color:#000;font-size:1.8229vw;line-height:1.26em;letter-spacing:0.03em;margin-bottom:1.0417vw;font-family: 'BookkMyungjo';}
.sub_brand .area6 .txt dl dt p{overflow:hidden;}
.sub_brand .area6 .txt dl dt p span{display:block;transform:translate(0,100%);transition:1s;}
.sub_brand .area6 .txt dl dd .t1{color:#231f20;font-size:0.8854vw;letter-spacing:0.03em;}
.sub_brand .area6 .txt dl dd .t1 p{overflow:hidden;}
.sub_brand .area6 .txt dl dd .t1 p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.sub_brand .area6 .txt dl dd .t2{color:#231f20;font-weight:300;font-size:0.7292vw;letter-spacing:0.03em;margin-top:0.2604vw;}
.sub_brand .area6 .txt dl dd .t2 p{overflow:hidden;}
.sub_brand .area6 .txt dl dd .t2 p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.sub_brand .area6 .bot_logo{position:absolute;bottom:3.0208vw;right:2.8646vw;width:6.5625vw;opacity:0;filter:blur(10px);transition:1.2s;}
.sub_brand .area6 .box.active .tit,
.sub_brand .area6 .box.active .name,
.sub_brand .area6 .box .txt.active dl dt p span,
.sub_brand .area6 .box .txt.active dl dd .t1 p span,
.sub_brand .area6 .box .txt.active dl dd .t2 p span{opacity:1;transform:none;}
.sub_brand .area6 .bot_logo.active{opacity:1;filter:blur(0);}
.sub_brand .area7{background-color:#e9e0d6;position:relative;padding: 5.7292vw 6.7708vw 5.2083vw;}
.sub_brand .area7 .tit{width:18.9063vw;margin: 0 auto 5.4688vw;opacity:0;filter:blur(10px);transition:1s;}
.sub_brand .area7 .img ul{display:flex;flex-wrap:wrap;gap:0.2083vw;}
.sub_brand .area7 .img ul li{position:relative;overflow:hidden;width:calc(50% - 0.1042vw);}
.sub_brand .area7 .img ul li span{display:block;opacity:0;transform:scale(1.2);transition:1.2s;}
.sub_brand .area7 .img ul .i1{transform-origin: 100% 100%;}
.sub_brand .area7 .img ul .i2{transform-origin: 0 100%;}
.sub_brand .area7 .img ul .i3{transform-origin: 100% 0;}
.sub_brand .area7 .img ul .i4{transform-origin: 0 0;}
.sub_brand .area7 .img ul li p{position:absolute;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.7s;}
.sub_brand .area7 .img ul .i1 p{right:1.0938vw;top:0.8333vw;width:5.9896vw;}
.sub_brand .area7 .img ul .i2 p{right:0.7813vw;top:0.8333vw;width:6.3021vw;}
.sub_brand .area7 .img ul .i3 p{left:0.8854vw;bottom:0.625vw;width:5.1563vw;}
.sub_brand .area7 .img ul .i4 p{left:0.9896vw;bottom:0.7813vw;width:4.6875vw;}
.sub_brand .area7 .img ul li em{position:absolute;opacity:0;transition:0.8s;transition-delay:0.9s;}
.sub_brand .area7 .img ul .i1 em{right:0.5729vw;bottom:0.5729vw;width:0.3125vw;transform:translate(100%,100%);}
.sub_brand .area7 .img ul .i2 em{left:0.4688vw;bottom:0.5729vw;width:0.4167vw;transform:translate(-100%,100%);}
.sub_brand .area7 .img ul .i3 em{right:0.5208vw;top:0.5729vw;width:0.4167vw;transform:translate(100%,-100%);}
.sub_brand .area7 .img ul .i4 em{left:0.5208vw;top:0.5729vw;width:0.4688vw;transform:translate(-100%,-100%);}
.sub_brand .area7 .img .ori{margin-top:1.25vw;display:flex;justify-content:flex-end;}
.sub_brand .area7 .img .ori img{width:19.8438vw;opacity:0;transform:translate(-20%,0);transition:1s;}
.sub_brand .area7 .txt{margin-top:-0.2604vw;text-align:center;position: relative;}
.sub_brand .area7 .txt dt{width:7.6042vw;margin: 0 auto;overflow:hidden;}
.sub_brand .area7 .txt dt img{transform:translate(0,100%);transition:0.8s;}
.sub_brand .area7 .txt dd{font-size:1.5625vw;color:#000;font-family: 'BookkMyungjo';font-weight:300;line-height:1.33em;margin-top:1.0417vw;}
.sub_brand .area7 .txt dd p{overflow:hidden;}
.sub_brand .area7 .txt dd p span{display:block;transform:translate(0,100%);transition:1s;}
.sub_brand .area7 .tit.active{opacity:1;filter:blur(0);}
.sub_brand .area7 .img ul.active li span,
.sub_brand .area7 .img ul.active li p,
.sub_brand .area7 .img ul.active li em,
.sub_brand .area7 .img .ori.active img,
.sub_brand .area7 .txt.active dt img,
.sub_brand .area7 .txt.active dd p span{opacity:1;transform:none;}
.sub_brand .area8{position:relative;}
.sub_brand .area8 .img{overflow:hidden;}
.sub_brand .area8 .img img{transform:scale(1.3);transition:1.8s;}
.sub_brand .area8 .img .tb_m{display:none;}
.sub_brand .area8 .tit{position:absolute;display:flex;justify-content:center;top:6.1979vw;left:0;width:100%;}
.sub_brand .area8 .tit img{width:18.1771vw;opacity:0;filter:blur(10px);transition:1.2s;}
.sub_brand .area8 .txt{position:absolute;left:2.8646vw;top:2.7604vw;width:6.9792vw;opacity:0;filter:blur(10px);transition:1.2s;transition-delay:0.4s;}
.sub_brand .area8 .img.active img{transform:none;}
.sub_brand .area8 .tit.active img,
.sub_brand .area8 .txt.active{opacity:1;filter:blur(0);}

.aspect_ratio_18 .sub_brand .ver_txt{width:2.5vw;}
.aspect_ratio_18 .sub_brand .brand_tit{top:9vw;width:9vw;}
.aspect_ratio_18 .sub_brand .area2 .top dl dt{width: 6.5vw;}
.aspect_ratio_18 .sub_brand .area2 .top dl dd{width:16.5vw;margin-top:0.5vw;}
.aspect_ratio_18 .sub_brand .area2 .top .top_name{width: 9vw;}
.aspect_ratio_18 .sub_brand .area2 .box .txt dl{margin-bottom:3.5vw;}
.aspect_ratio_18 .sub_brand .area2 .box .txt dl dt{font-size:1.3vw;}
.aspect_ratio_18 .sub_brand .area2 .box .txt dl dd{font-size:2.2vw;margin-top: 1.5vw;}
.aspect_ratio_18 .sub_brand .area2 .box .b_r dl dt{width:7.5vw;}
.aspect_ratio_18 .sub_brand .area2 .box .b_r dl dd{width:26vw;margin-top:1vw;}
.aspect_ratio_18 .sub_brand .area3 .top_name{width: 11vw;}
.aspect_ratio_18 .sub_brand .area3 .b_r dl dt{width:13vw;}
.aspect_ratio_18 .sub_brand .area3 .b_r dl dd{width:32vw;margin-top:1vw;}
.aspect_ratio_18 .sub_brand .area4 .line{height:7px;}
.aspect_ratio_18 .sub_brand .area6 .tit{width:26vw;margin-bottom: 3vw;}
.aspect_ratio_18 .sub_brand .area6 .name{width:17vw;margin-bottom: 5vw;}
.aspect_ratio_18 .sub_brand .area6 .txt dl dt{font-size:2.2vw;margin-bottom: 1.5vw;}
.aspect_ratio_18 .sub_brand .area6 .txt dl dd .t1{font-size: 1.25vw;}
.aspect_ratio_18 .sub_brand .area6 .txt dl dd .t2{font-size:1vw;margin-top: 0.5vw;}
.aspect_ratio_18 .sub_brand .area7 .img .ori{margin-top:1.5vw;}
.aspect_ratio_18 .sub_brand .area7 .img .ori img{width:22vw;}
.aspect_ratio_18 .sub_brand .area7 .txt dt{width:10vw;}
.aspect_ratio_18 .sub_brand .area7 .txt dd{font-size:1.9vw;margin-top:1.4vw;}

.aspect_ratio_13 .sub_brand .brand_tit{top:13vw;left:5.2778vw;width: 14vw;}
.aspect_ratio_13 .sub_brand .area1 span{width: 13vw;left:3vw;top:3vw;}
.aspect_ratio_13 .sub_brand .area1 .img .tb_p{display:none;}
.aspect_ratio_13 .sub_brand .area1 .img .tb_m{display:block;margin-top:-30%;}
.aspect_ratio_13 .sub_brand .area1 .tit{position:absolute;left:50%;top:5vw;transform:translate(-50%,0);width:35vw;}
.aspect_ratio_13 .sub_brand .area1 .tit img{opacity:0;transform:translate(0,50%);transition:1.2s;}
.aspect_ratio_13 .sub_brand .area1 .tit.active img{opacity:1;transform:none;}
.aspect_ratio_13 .sub_brand .area2{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_brand .area2 .top{padding: 3vw 0;}
.aspect_ratio_13 .sub_brand .area2 .top .top_name{position:static;width:17vw;margin: 0 auto;}
.aspect_ratio_13 .sub_brand .area2 .box{padding: 10vw 0 21vw;}
.aspect_ratio_13 .sub_brand .area2 .box .txt dl{margin-bottom: 4vw;}
.aspect_ratio_13 .sub_brand .area2 .box .txt dl dt{font-size: 2.1vw;line-height:1.5em;}
.aspect_ratio_13 .sub_brand .area2 .box .txt dl dt p ~ p{margin-top: 1.5vw;}
.aspect_ratio_13 .sub_brand .area2 .box .txt dl dd{font-size:2.9vw;margin-top: 2.5vw;}
.aspect_ratio_13 .sub_brand .area2 .box .txt .logo{width:28vw;}
.aspect_ratio_13 .sub_brand .area2 .box .b_r{right:50%;bottom: 4vw;}
.aspect_ratio_13 .sub_brand .area2 .box .b_r dl{transform:translate(50%,0);}
.aspect_ratio_13 .sub_brand .area2 .box .b_r dl dt{width:11vw;margin: 0 auto;}
.aspect_ratio_13 .sub_brand .area2 .box .b_r dl dd{width:37vw;margin-top: 1.2vw;}
.aspect_ratio_13 .sub_brand .area3{padding: 0 5.2778vw 5vw;}
.aspect_ratio_13 .sub_brand .area3 .top_name{position:relative;left:0;top:0;;width: 100%;padding: 3vw 0;opacity:1;transform:none;}
.aspect_ratio_13 .sub_brand .area3 .top_name::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#c4a692;transform:scaleX(0);transform-origin: 0 0;transition:2s;}
.aspect_ratio_13 .sub_brand .area3 .top_name img{width:21vw;margin: 0 auto;}
.aspect_ratio_13 .sub_brand .area3 .top_name.active::before{transform:none;}
.aspect_ratio_13 .sub_brand .area3 .bi1{margin: 10vw auto;width: 13vw;}
.aspect_ratio_13 .sub_brand .area3 .bi2{margin: 10vw auto;width:9vw;}
.aspect_ratio_13 .sub_brand .area3 .t1,
.aspect_ratio_13 .sub_brand .area3 .t2{width:16vw;}
.aspect_ratio_13 .sub_brand .area3 .line{margin: 3vw 0;height: 3px;}
.aspect_ratio_13 .sub_brand .area3 .b_r{bottom:5vw;right:50%;}
.aspect_ratio_13 .sub_brand .area3 .b_r dl{transform:translate(50%,0);}
.aspect_ratio_13 .sub_brand .area3 .b_r dl dt{width:19vw;margin: 0 auto;}
.aspect_ratio_13 .sub_brand .area3 .b_r dl dd{width: 43vw;margin-top: 1.2vw;}
.aspect_ratio_13 .sub_brand .area3 .box.active .bi1{transform:translate(0,100%);}
.aspect_ratio_13 .sub_brand .area3 .box.active .bi2{transform:translate(0,-180%);}
.aspect_ratio_13 .sub_brand .area3 .box.active .line span{transform:scaleX(0.13);}
.aspect_ratio_13 .sub_brand .area4{padding: 15vw 5.2778vw;}
.aspect_ratio_13 .sub_brand .area4 .line{height:7px;}
.aspect_ratio_13 .sub_brand .area4 .t1{width:45vw;margin-bottom:16vw;transform:translate(0,80%);}
.aspect_ratio_13 .sub_brand .area4 .t2{margin-top:15vw;line-height:1.31em;font-size:3.4vw;transform:translate(0,-80%);}
.aspect_ratio_13 .sub_brand .area4 .icon{width:10vw;right: 5.2778vw;bottom: 5.2778vw;}
.aspect_ratio_13 .sub_brand .area5 .img .tb_p{width:160%;max-width:160%;margin-left:-30%;}
.aspect_ratio_13 .sub_brand .area5 .tit{top:8%;}
.aspect_ratio_13 .sub_brand .area5 .tit dl dt{width:16vw;}
.aspect_ratio_13 .sub_brand .area5 .tit dl dd{width:45vw;margin-top:1.2vw;}
.aspect_ratio_13 .sub_brand .area5 .lef_txt{position:absolute;left:5.2778vw;top:5.2778vw;width:22vw;}
.aspect_ratio_13 .sub_brand .area6{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_brand .area6 .tit{width: 43vw;margin-bottom: 5vw;margin-top:6vw;}
.aspect_ratio_13 .sub_brand .area6 .name{width: 29vw;margin-bottom: 6vw;}
.aspect_ratio_13 .sub_brand .area6 .txt{padding: 11vw 0;width:100%;}
.aspect_ratio_13 .sub_brand .area6 .txt::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1.2s;}
.aspect_ratio_13 .sub_brand .area6 .txt dl dt{font-size: 3.7vw;margin-bottom: 2.5vw;}
.aspect_ratio_13 .sub_brand .area6 .txt dl dd .t1{font-size:2.4vw;}
.aspect_ratio_13 .sub_brand .area6 .txt dl dd .t2{font-size: 2.1vw;margin-top: 1.2vw;}
.aspect_ratio_13 .sub_brand .area6 .txt.active::before{transform:none;}
.aspect_ratio_13 .sub_brand .area7{padding: 15vw 5.2778vw 0;}
.aspect_ratio_13 .sub_brand .area7 .tit{width:30vw;margin-bottom:6vw;}
.aspect_ratio_13 .sub_brand .area7 .lef_txt{width: 16vw;position: absolute;left: 5.2778vw;top: 4vw;opacity:0;transform:translate(50%,0);transition:0.8s;}
.aspect_ratio_13 .sub_brand .area7 .img ul{gap: 0.6vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul li{width: calc(50% - 0.3vw);}
.aspect_ratio_13 .sub_brand .area7 .img ul li .img_ori.trans2{transform: scale(0.25);}
.aspect_ratio_13 .sub_brand .area7 .img ul .i p{left: auto;bottom: auto;top: 1vw;right: 1vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i1 p{width: 10vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i2 p{width: 10.2vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i3 p{width: 8.6vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i4 p{width: 9.5vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i em{top: 1vw;left: 1vw;right:auto;bottom:auto;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i1 em{width:0.4.5vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i2 em{width:0.6vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i3 em{width:0.6vw;}
.aspect_ratio_13 .sub_brand .area7 .img ul .i4 em{width:0.75vw;}
.aspect_ratio_13 .sub_brand .area7 .img .ori{margin-top: 2.5vw;justify-content: flex-start;}
.aspect_ratio_13 .sub_brand .area7 .img .ori img{width: 35vw;}
.aspect_ratio_13 .sub_brand .area7 .txt{margin-top: 4vw;padding: 9vw 0;}
.aspect_ratio_13 .sub_brand .area7 .txt::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #000;transform: scaleX(0);transform-origin: 0 0;transition: 1.2s;}
.aspect_ratio_13 .sub_brand .area7 .txt dt{width: 16vw;}
.aspect_ratio_13 .sub_brand .area7 .txt dd{font-size: 3vw;margin-top: 1.5vw;}
.aspect_ratio_13 .sub_brand .area7 .txt.active::before,
.aspect_ratio_13 .sub_brand .area7 .lef_txt.active{opacity:1;transform: none;}
.aspect_ratio_13 .sub_brand .area8 .img .tb_p{width:140%;max-width:140%;margin-left:-20%;}
.aspect_ratio_13 .sub_brand .area8 .tit{top: 7vw;}
.aspect_ratio_13 .sub_brand .area8 .tit img{width: 28vw;}
.aspect_ratio_13 .sub_brand .area8 .txt{left: 5.2778vw;top: 5.2778vw;width: 13vw;}

.aspect_ratio_7 .sub_brand .brand_tit{top:20.5556vw;width:14.1667vw;}
.aspect_ratio_7 .sub_brand .area1 .img .tb_m{margin-top:0;}
.aspect_ratio_7 .sub_brand .area1 span{top:4.3056vw;width:13.3333vw;left: 5.2778vw;top: 5.2778vw;}
.aspect_ratio_7 .sub_brand .area1 .tit{top:17.2222vw;width:60.5556vw;}
.aspect_ratio_7 .sub_brand .area2 .top{padding: 5vw 0 4.3056vw;}
.aspect_ratio_7 .sub_brand .area2 .top .top_name{width:25vw;}
.aspect_ratio_7 .sub_brand .area2 .box{padding: 31.6667vw 0 46.8056vw;}
.aspect_ratio_7 .sub_brand .area2 .box .txt dl{margin-bottom:6.25vw;}
.aspect_ratio_7 .sub_brand .area2 .box .txt dl dt{font-size:2.7778vw;}
.aspect_ratio_7 .sub_brand .area2 .box .txt dl dd{font-size:4.5833vw;margin-top:2.7778vw;}
.aspect_ratio_7 .sub_brand .area2 .box .b_r{bottom:7.0833vw;}
.aspect_ratio_7 .sub_brand .area2 .box .b_r dl dt{width:18vw;}
.aspect_ratio_7 .sub_brand .area2 .box .b_r dl dd{width:58.6111vw;margin-top:1.5278vw;}
.aspect_ratio_7 .sub_brand .area2 .box .txt .logo{width:49.3056vw;}
.aspect_ratio_7 .sub_brand .area3{padding: 0 5.2778vw 7.2222vw;}
.aspect_ratio_7 .sub_brand .area3 .top_name{padding: 4.8611vw 0 4.3056vw;}
.aspect_ratio_7 .sub_brand .area3 .top_name img{width:29.5833vw;opacity: 0;transform: translate(0, 100%);transition: 1s;}
.aspect_ratio_7 .sub_brand .area3 .bi1{margin: 35.5556vw auto 10.1389vw;width:22.6389vw;}
.aspect_ratio_7 .sub_brand .area3 .bi2{margin: 15.6944vw auto 33.8889vw;width:15.6944vw;}
.aspect_ratio_7 .sub_brand .area3 .t1{width:24.5833vw;}
.aspect_ratio_7 .sub_brand .area3 .t2{width:25.1389vw;}
.aspect_ratio_7 .sub_brand .area3 .line{height:2px;margin: 4.0278vw 0;}
.aspect_ratio_7 .sub_brand .area3 .b_r dl dt{width:30.8333vw;}
.aspect_ratio_7 .sub_brand .area3 .b_r dl dd{margin-top:1.8056vw;width:70.8333vw;}
.aspect_ratio_7 .sub_brand .area3 .box.active .bi1{transform: translate(0px, 60%);}
.aspect_ratio_7 .sub_brand .area3 .box.active .bi2{transform: translate(0px, -155%);}
.aspect_ratio_7 .sub_brand .area3 .top_name.active img{opacity:1;transform:none;}
.aspect_ratio_7 .sub_brand .area4{padding: 0 5.2778vw;}
.aspect_ratio_7 .sub_brand .area4 .box{overflow:hidden;}
.aspect_ratio_7 .sub_brand .area4 .t1{margin: 31.6667vw auto;width:67.3611vw;}
.aspect_ratio_7 .sub_brand .area4 .t2{margin: 29.8611vw auto 30.2778vw;font-size:5.4167vw;}
.aspect_ratio_7 .sub_brand .area4 .line{height:5px;}
.aspect_ratio_7 .sub_brand .area4 .icon{right:5.5556vw;bottom:5.5556vw;width:10.2778vw;}
.aspect_ratio_7 .sub_brand .area5 .img .tb_p{display:none;}
.aspect_ratio_7 .sub_brand .area5 .img .tb_m{display:block;}
.aspect_ratio_7 .sub_brand .area5 .tit{top:31.5278vw;}
.aspect_ratio_7 .sub_brand .area5 .tit dl dt{width:24.4444vw;}
.aspect_ratio_7 .sub_brand .area5 .tit dl dd{width:68.8889vw;margin-top:2.0833vw;}
.aspect_ratio_7 .sub_brand .area5 .lef_txt{width:23.0556vw;}
.aspect_ratio_7 .sub_brand .area6 .tit{margin: 7.5vw 0 5.9722vw;width:56.6667vw;}
.aspect_ratio_7 .sub_brand .area6 .name{margin-bottom:7.7778vw;width:39.1667vw;}
.aspect_ratio_7 .sub_brand .area6 .txt{padding: 26.6667vw 0 29.1667vw;}
.aspect_ratio_7 .sub_brand .area6 .txt dl dt{font-size:5.2778vw;line-height:1.32em;margin-bottom:3.4722vw;}
.aspect_ratio_7 .sub_brand .area6 .txt dl dd .t1{font-size:3.3333vw;}
.aspect_ratio_7 .sub_brand .area6 .txt dl dd .t2{font-size:2.0375vw;margin-top:1.5278vw;}
.aspect_ratio_7 .sub_brand .area7{padding: 21.6667vw 5.2778vw 0;}
.aspect_ratio_7 .sub_brand .area7 .tit{width:48.6111vw;margin-bottom:11.25vw;}
.aspect_ratio_7 .sub_brand .area7 .lef_txt{width:25vw;top:5.2778vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul{display:block;}
.aspect_ratio_7 .sub_brand .area7 .img ul li{width:100%;}
.aspect_ratio_7 .sub_brand .area7 .img ul li ~ li{margin-top:0.4167vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul li .img_ori.trans2{transform: scale(0.333);}
.aspect_ratio_7 .sub_brand .area7 .img ul .i p{top:1.8056vw;right:1.5278vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i1 p{width:13.75vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i2 p{width:14.4444vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i3 p{width:11.8056vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i4 p{width:10.6944vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i em{top:1.8056vw;left:1.5278vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i1 em{width:0.9722vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i2 em{width:1.5278vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i3 em{width:1.3889vw;}
.aspect_ratio_7 .sub_brand .area7 .img ul .i4 em{width:1.6667vw;}
.aspect_ratio_7 .sub_brand .area7 .img .ori{margin-top:3.4722vw;}
.aspect_ratio_7 .sub_brand .area7 .img .ori img{width:60.8333vw;}
.aspect_ratio_7 .sub_brand .area7 .txt{margin-top:5vw;padding: 14.3056vw 0 15.8333vw;}
.aspect_ratio_7 .sub_brand .area7 .txt dt{width:23.4722vw;}
.aspect_ratio_7 .sub_brand .area7 .txt dd{font-size:4.5833vw;line-height:1.3em;margin-top:2.5vw;}
.aspect_ratio_7 .sub_brand .area8 .img .tb_p{display:none;}
.aspect_ratio_7 .sub_brand .area8 .img .tb_m{display:block;}
.aspect_ratio_7 .sub_brand .area8 .txt{top:4.5833vw;width:13.75vw;}
.aspect_ratio_7 .sub_brand .area8 .tit{top:18.0556vw;}
.aspect_ratio_7 .sub_brand .area8 .tit img{width:53.8889vw;}

.sub_hotel_life .hotel_life_tit{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub_hotel_life .hotel_life_tit span{width:43.5938vw;margin-bottom:-3.125vw;overflow:hidden;}
.sub_hotel_life .hotel_life_tit img{transform:translate(0,100%);transition:1.2s;}
.sub_hotel_life .hotel_life_tit.active img{transform:none;}
.sub_hotel_life .area1{background-color:#eee7df;padding: 10.8333vw 6.7708vw 11.1458vw;position:relative;}
.sub_hotel_life .area1 .t1{width:62.7604vw;margin: 0 auto 10.8333vw;opacity:0;transform:translate(0,150%);transition:1.2s;transition-delay:0.5s;}
.sub_hotel_life .area1 .t2{color:#4d3328;text-align:center;font-family: 'BookkMyungjo';font-weight:600;font-size:1.9271vw;letter-spacing:0.025em;line-height: 1.3em;margin-top:11.1458vw;opacity:0;transform:translate(0,-150%);transition:1.2s;transition-delay:0.5s;}
.sub_hotel_life .area1 .line{height:10px;}
.sub_hotel_life .area1 .line span{display:block;height:100%;background-color:#4d3328;transform:scaleX(0);transition:1.5s;}
.sub_hotel_life .area1 .icon{position:absolute;right:2.8646vw;bottom:2.7083vw;width:5.7813vw;}
.sub_hotel_life .area1 .box.active .t1,
.sub_hotel_life .area1 .box.active .t2,
.sub_hotel_life .area1 .box.active .line span{opacity:1;transform:none;}
.sub_hotel_life .area2{display:flex;justify-content:space-between;background-color:#eee7df;}
.sub_hotel_life .area2 .img{position:relative;width:46.0938%;}
.sub_hotel_life .area2 .img span{display:block;transition:1.4s;}
.sub_hotel_life .area2 .img.lef span{clip-path: inset(0 100% 0 0);}
.sub_hotel_life .area2 .img.rig span{clip-path: inset(0 0 0 100%);}
.sub_hotel_life .area2 .img p{position:absolute;top:50%;transform:translate(0,-50%);}
.sub_hotel_life .area2 .img p img{opacity:0;transition:0.8s;}
.sub_hotel_life .area2 .img.lef p{left:1.5625vw;width:1.5104vw;}
.sub_hotel_life .area2 .img.lef p img{transform:translate(-100%,0);}
.sub_hotel_life .area2 .img.rig p{right:1.5625vw;width:1.4583vw;}
.sub_hotel_life .area2 .img.rig p img{transform:translate(100%,0);}
.sub_hotel_life .area2 .txt{display:flex;align-items:center;justify-content:center;}
.sub_hotel_life .area2 .txt span{width:4.4271vw;margin-left:-0.15vw;opacity:0;filter:blur(10px);transition:1s;}
.sub_hotel_life .area2 .img.active span{clip-path: inset(0 0 0 0);}
.sub_hotel_life .area2 .txt span.active{opacity:1;filter:blur(0);}
.sub_hotel_life .area2 .img.lef p.active img,
.sub_hotel_life .area2 .img.rig p.active img{opacity:1;transform:none !important;}
.sub_hotel_life .area3{position:relative;overflow:hidden;}
.sub_hotel_life .area3 .box{position:relative;overflow:hidden;}
.sub_hotel_life .area3 .img{transform:scale(1.3);transition:1.8s;}
.sub_hotel_life .area3 .txt{position:absolute;left:50%;top:1.9271vw;transform:translate(-50%,0);width:8.125vw;z-index: 1;}
.sub_hotel_life .area3 .txt img{opacity:0;transform:translate(0,50%);transition:1s;transition-delay:0.5s;}
.sub_hotel_life .area3 .img.active{transform:none;}
.sub_hotel_life .area3 .txt.active img{opacity:1;transform:none;}
.sub_hotel_life .area4{background-color:#e9e0d6;}
.sub_hotel_life .area4 .tit{padding: 1.6667vw 0 1.9271vw;display:flex;justify-content:center;}
.sub_hotel_life .area4 .tit span{width:14.0104vw;opacity:0;transition:1.2s;}
.sub_hotel_life .area4 .img{position:relative;overflow:hidden;}
.sub_hotel_life .area4 .img span{display:block;transform:scale(1.3);transition:1.8s;}
.sub_hotel_life .area4 .img p{position:absolute;left:50%;top:1.9792vw;transform:translate(-50%,0);width:5.2083vw;}
.sub_hotel_life .area4 .img p img{opacity:0;transform:translate(0,100%);transition:1s;transition-delay:0.5s;}
.sub_hotel_life .area4 .tit.active span,
.sub_hotel_life .area4 .img.active span,
.sub_hotel_life .area4 .img.active p img{opacity:1;transform:none;}
.sub_hotel_life .area5{position:relative;background-color:#eee7df;padding: 4.8958vw 6.7708vw 1.5625vw;}
.sub_hotel_life .area5 .tit{text-align:center;margin-bottom:4.9479vw;}
.sub_hotel_life .area5 .tit dl dt{width:19.0104vw;margin: 0 auto;overflow:hidden;}
.sub_hotel_life .area5 .tit dl dt span{display:block;transform:translate(0,105%);transition:1s;}
.sub_hotel_life .area5 .tit dl dd{color:#000;font-family: 'BookkMyungjo';font-weight:600;font-size:1.8229vw;letter-spacing:0.03em;margin-top:0.8854vw;overflow:hidden;}
.sub_hotel_life .area5 .tit dl dd span{display:block;transform:translate(0,105%);transition:1s;}
.sub_hotel_life .area5 .box1{margin-bottom:1.7188vw;}
.sub_hotel_life .area5 .list_img ul{display:flex;flex-wrap:wrap;gap: 0.2604vw;}
.sub_hotel_life .area5 .list_img ul li{width:calc(20% - 0.2083vw);position:relative;overflow:hidden;opacity:0;transition:1s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(2){transition-delay:0.2s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(3){transition-delay:0.4s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(4){transition-delay:0.6s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(5){transition-delay:0.8s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(6){transition-delay:1s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(7){transition-delay:1.2s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(8){transition-delay:1.4s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(9){transition-delay:1.6s;}
.sub_hotel_life .area5 .list_img ul li:nth-child(10){transition-delay:1.8s;}
/* .sub_hotel_life .area5 .list_img ul li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;transition:0.6s;} */
.sub_hotel_life .area5 .list_img ul li .img{opacity:0;}
.sub_hotel_life .area5 .list_img ul li .vd{pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_hotel_life .area5 .list_img ul li .vd iframe{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.sub_hotel_life .area5 .list_img ul li .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;opacity:0;transform:translate(0,10%);transition:1s;}
.sub_hotel_life .area5 .list_img ul .l1 .txt img{width:46.3415%;}
.sub_hotel_life .area5 .list_img ul .l2 .txt img{width:65.8537%;}
.sub_hotel_life .area5 .list_img ul .l3 .txt img{width:46.6463%;}
.sub_hotel_life .area5 .list_img ul .l4 .txt img{width:90.2439%;}
.sub_hotel_life .area5 .list_img ul .l5 .txt img{width:67.0732%;}
.sub_hotel_life .area5 .list_img ul .l6 .txt img{width:53.6585%;}
.sub_hotel_life .area5 .list_img ul .l7 .txt img{width:46.6463%;}
.sub_hotel_life .area5 .list_img ul .l8 .txt img{width:81.7073%;}
.sub_hotel_life .area5 .list_img ul .l9 .txt img{width:68.9024%;}
.sub_hotel_life .area5 .list_img ul .l10 .txt img{width:56.0976%;}
.sub_hotel_life .area5 .list_img ul li .logo{position:absolute;left:0;bottom:10.6918%;width:100%;z-index:1;opacity:0;filter:blur(10px);transition:0.6s;}
.sub_hotel_life .area5 .list_img ul li .logo img{width:42.0732%;margin:0 auto;}
.sub_hotel_life .area5 .list_img ul li:hover::after,
.sub_hotel_life .area5 .list_img ul li:hover .txt{opacity:1;transform:none;}
.sub_hotel_life .area5 .list_img ul li:hover .logo{opacity:1;filter:blur(0);transition-delay:0.3s;}
.sub_hotel_life .area5 .list_txt .ori{margin-bottom:0.4167vw;display:flex;justify-content:flex-end;}
.sub_hotel_life .area5 .list_txt .ori img{width:21.6667vw;opacity:0;transition:1s;}
.sub_hotel_life .area5 .list_txt > ul > li{position:relative;display:flex;}
.sub_hotel_life .area5 .list_txt > ul > li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1.5s;}
.sub_hotel_life .area5 .list_txt .lef{padding-top:1.1979vw;width:40.1205%;}
.sub_hotel_life .area5 .list_txt .lef dl dt{color:#000;font-family:"cordia";letter-spacing:0.075em;font-size:1.25vw;overflow:hidden;}
.sub_hotel_life .area5 .list_txt .lef dl dt span{display:block;transform:translate(0,105%);transition:1s;}
.sub_hotel_life .area5 .list_txt .lef dl dd{color:#000;font-weight:600;font-size:0.8854vw;font-family: 'BookkMyungjo';letter-spacing:0.1em;margin-top:0.5208vw;overflow:hidden;}
.sub_hotel_life .area5 .list_txt .lef dl dd span{display:block;transform:translate(0,105%);transition:1s;}
.sub_hotel_life .area5 .list_txt .rig{padding: 2.6563vw 0;}
.sub_hotel_life .area5 .list_txt .rig ul li{display:flex;align-items:center;gap: 0 0.3646vw;opacity:0;transform:translate(2vw,0);transition:1s;}
.sub_hotel_life .area5 .list_txt .rig ul li ~ li{margin-top:0.7813vw;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(2){transition-delay:0.1s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(3){transition-delay:0.2s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(4){transition-delay:0.3s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(5){transition-delay:0.4s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(6){transition-delay:0.5s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(7){transition-delay:0.6s;}
.sub_hotel_life .area5 .list_txt .rig ul li:nth-child(8){transition-delay:0.7s;}
.sub_hotel_life .area5 .list_txt .rig ul li strong{color:#000;font-family:"cordia";font-size:0.9375vw;letter-spacing:0.075em;font-weight:400;}
.sub_hotel_life .area5 .list_txt .rig ul li em{background-color:#000;width:1px;height:0.3646vw;}
.sub_hotel_life .area5 .list_txt .rig ul li p{color:#000;font-weight:500;font-size:0.738vw;}
.sub_hotel_life .area5 .tit.active dl dt span,
.sub_hotel_life .area5 .tit.active dl dd span,
.sub_hotel_life .area5 .list_img.active ul li,
.sub_hotel_life .area5 .list_txt .ori.active img,
.sub_hotel_life .area5 .list_txt > ul > li.active::before,
.sub_hotel_life .area5 .list_txt .active .lef dl dt span,
.sub_hotel_life .area5 .list_txt .active .lef dl dd span,
.sub_hotel_life .area5 .list_txt .active .rig ul li{transform:none;opacity:1;}
.sub_hotel_life .area5 .icon{position:absolute;right:2.8646vw;bottom:2.6563vw;width:5.7813vw;}
.sub_hotel_life .area6{position:relative;overflow:hidden;}
.sub_hotel_life .area6 .img{transform:scale(1.3);transition:1.8s;}
.sub_hotel_life .area6 .tit{position:absolute;top:5.1042vw;left:0;width:100%;display:flex;justify-content:center;opacity:0;filter:blur(10px);transition:1s;transition-delay:0.3s;}
.sub_hotel_life .area6 .tit span{width:38.0208vw;}
.sub_hotel_life .area6 .txt{width:7.2396vw;position:absolute;top:2.6563vw;left:2.8646vw;opacity:0;transform:translate(50%,0);transition:0.8s;transition-delay:0.5s;}
.sub_hotel_life .area6 .txt.active,
.sub_hotel_life .area6 .img.active{opacity:1;transform:none;}
.sub_hotel_life .area6 .tit.active{opacity:1;filter:blur(0);}
.sub_hotel_life .area7{background-color:#eee7df;}
.sub_hotel_life .area7 .txt{padding: 2.0833vw 0;text-align:center;display: flex;}
.sub_hotel_life .area7 .txt .box{padding:1.875vw 0 1.7708vw;width:50%;display:flex;align-items:center;justify-content: center;position:relative;}
.sub_hotel_life .area7 .txt .lef::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin: 0 0;transition:1.2s;}
.sub_hotel_life .area7 .txt .lef .t{color:#000;font-size:1.5625vw;font-family: 'BookkMyungjo';font-weight:300;letter-spacing:0.03em;line-height:1.33em;}
.sub_hotel_life .area7 .txt .lef .t p{overflow:hidden;}
.sub_hotel_life .area7 .txt .lef .t p span{display:block;transform:translate(0,100%);transition:1s;}
.sub_hotel_life .area7 .txt .rig dl dt{width:13.5417vw;margin: 0 auto;overflow:hidden;}
.sub_hotel_life .area7 .txt .rig dl dt img{opacity:0;transition:0.8s;}
.sub_hotel_life .area7 .txt .rig dl dd{color:#231f20;font-size:0.8854vw;line-height:1.35em;letter-spacing:0.03em;margin-top:0.9375vw;}
.sub_hotel_life .area7 .txt .rig dl dd p{overflow:hidden;}
.sub_hotel_life .area7 .txt .rig dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_hotel_life .area7 .img{position:relative;overflow:hidden;}
.sub_hotel_life .area7 .img span{display:block;transform:scale(1.3);transition:1.8s;}
.sub_hotel_life .area7 .img .logo{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub_hotel_life .area7 .img .logo span{width:16.3542vw;opacity:0;filter:blur(10px);transition:1s;}
.sub_hotel_life .area7 .img .bt{width:6.7188vw;position:absolute;left:2.8646vw;bottom:2.1875vw;opacity:0;transform:translate(0,50%);transition:1s;}
.sub_hotel_life .area7 .txt.active .lef::after,
.sub_hotel_life .area7 .txt.active .lef .t p span,
.sub_hotel_life .area7 .txt.active .rig dl dt img,
.sub_hotel_life .area7 .txt.active .rig dl dd p span,
.sub_hotel_life .area7 .img span.active,
.sub_hotel_life .area7 .img .bt.active{transform:none !important;opacity:1;}
.sub_hotel_life .area7 .img .logo.active span{opacity:1;transform:none;filter:blur(0);}

.aspect_ratio_18 .sub_hotel_life .area1 .line{height:7px;}
.aspect_ratio_18 .sub_hotel_life .area2 .img.lef p,
.aspect_ratio_18 .sub_hotel_life .area2 .img.rig p{width: 1.8vw;}
.aspect_ratio_18 .sub_hotel_life .area2 .img{width:45%;}
.aspect_ratio_18 .sub_hotel_life .area2 .txt span{width:5vw;}
.aspect_ratio_18 .sub_hotel_life .area3 .txt{top:2.5vw;width: 11vw;}
.aspect_ratio_18 .sub_hotel_life .area4 .tit{padding:2vw 0 2.5vw;}
.aspect_ratio_18 .sub_hotel_life .area4 .tit span{width: 17vw;}
.aspect_ratio_18 .sub_hotel_life .area4 .img p{top:2.5vw;width: 7vw;}
.aspect_ratio_18 .sub_hotel_life .area5 .tit dl dt{width:21vw;}
.aspect_ratio_18 .sub_hotel_life .area5 .tit dl dd{font-size:2.1vw;margin-top:1vw;}
.aspect_ratio_18 .sub_hotel_life .area7 .txt .lef .t{font-size:1.8vw;}
.aspect_ratio_18 .sub_hotel_life .area7 .txt .rig dl dt{width:16vw;}
.aspect_ratio_18 .sub_hotel_life .area7 .txt .rig dl dd{font-size:1.1vw;margin-top:1.1vw;}
.aspect_ratio_18 .sub_hotel_life .area7 .img .logo span{width:19vw;}

.aspect_ratio_13 .sub_hotel_life .hotel_life_tit span{width:60vw;}
.aspect_ratio_13 .sub_hotel_life .area1{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_hotel_life .area1 .box{overflow:hidden;}
.aspect_ratio_13 .sub_hotel_life .area1 .t1{margin: 15vw auto;width: 45vw;transform:translate(0,80%);}
.aspect_ratio_13 .sub_hotel_life .area1 .t2{margin: 17vw auto;font-size:3.4vw;transform:translate(0,-80%);}
.aspect_ratio_13 .sub_hotel_life .area1 .line{height:5px;}
.aspect_ratio_13 .sub_hotel_life .area1 .icon{width:12.3611vw;right: 5.5556vw;bottom: 5.5556vw;}
.aspect_ratio_13 .sub_hotel_life .area2{display:block;}
.aspect_ratio_13 .sub_hotel_life .area2 .img{width:100%;overflow:hidden;}
.aspect_ratio_13 .sub_hotel_life .area2 .img span{clip-path: inset(0 0 0 0) !important;opacity:0;transform:scale(1.2);transition:1s;}
.aspect_ratio_13 .sub_hotel_life .area2 .img.lef p{width: 10.8333vw;top:3.1944vw;left:50%;transform: translate(-50%,0);}
.aspect_ratio_13 .sub_hotel_life .area2 .img.lef p img{transform:translate(0,100%);}
.aspect_ratio_13 .sub_hotel_life .area2 .img.active span{opacity:1;transform:none;}
.aspect_ratio_13 .sub_hotel_life .area2 .txt{padding: 4.4444vw 0 4.5833vw;}
.aspect_ratio_13 .sub_hotel_life .area2 .txt span{width:27vw;}
.aspect_ratio_13 .sub_hotel_life .area2 .img.rig p{right:4.5833vw;width:2.9167vw;}
.aspect_ratio_13 .sub_hotel_life .area3 .tit{background-color:#eee7df;padding: 4.8611vw 0;display:flex !important;justify-content:center;}
.aspect_ratio_13 .sub_hotel_life .area3 .tit span{width:35vw;opacity:0;filter:blur(5px);transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area3 .txt{width:2.9167vw;left:4.5833vw;top:50%;transform:translate(0,-50%);}
.aspect_ratio_13 .sub_hotel_life .area3 .tit.active span{opacity:1;filter:blur(0);}
.aspect_ratio_13 .sub_hotel_life .area4 .tit{padding: 4.4444vw 0 4.5833vw;}
.aspect_ratio_13 .sub_hotel_life .area4 .tit span{width:27vw;}
.aspect_ratio_13 .sub_hotel_life .area4 .img p{width:2.9167vw;left:auto;right:4.5833vw;top:50%;transform:translate(0,-50%);}
.aspect_ratio_13 .sub_hotel_life .area5{padding: 0;}
.aspect_ratio_13 .sub_hotel_life .area5 .box1{padding: 10.9722vw 20vw 8.3333vw;margin-bottom:0;}
.aspect_ratio_13 .sub_hotel_life .area5 .tit{margin-bottom:11.6667vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .tit dl dt{width:27vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .tit dl dd{font-size:3.3vw;line-height:1.3em;margin-top:2.0833vw;font-weight: 300;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_img ul{flex-direction:column;gap: 0.8333vw 0;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_img ul li{width:100%;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_img ul li .txt{opacity:1;transform:none;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_img ul li .vd{opacity:1;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_img ul li .logo{opacity:1;filter: blur(0);}
.aspect_ratio_13 .sub_hotel_life .area5 .box2{background-color:#e9e0d6;padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .t{padding: 6vw 0;position:relative;text-align:center;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .t::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .t p{color:#231f20;font-size:2.6vw;font-weight:600;letter-spacing:0.01em;font-family: 'BookkMyungjo';overflow:hidden;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .t p span{display:block;transform:translate(0,100%);transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b{padding: 10vw 0;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b dl{opacity:0;transform:translate(0,5vw);transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b dl ~ dl{margin-top:7vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b dl dt{margin:0 auto;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b dl dd{margin:4.1667vw auto 0;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d1 dt{width:12.7vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d1 dd{width:62.8vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d2 dt{width:12.5vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d2 dd{width:59.1vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d3 dt{width:19.1vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .d3 dd{width:21.4vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .logo{margin-top:9vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .logo img{width:34vw;margin: 0 auto;opacity:0;transform:translate(0,100%);transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt{display:flex;flex-direction:column-reverse;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt .ori{padding: 3.6111vw 0 4.1667vw;margin-bottom:0;display:block;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt .ori img{width:72.6389vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt > ul > li:last-child::after{content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;height: 1px;background-color: rgb(0, 0, 0);transform: scaleX(0);transform-origin: 0px 0px;transition: 1.5s;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt > ul > li{display:block;padding: 1.8056vw 10vw 5.2778vw;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt > ul > li .tx{opacity:0;transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt .lef,
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt .rig{display:none;}
.aspect_ratio_13 .sub_hotel_life .area5 .items .t.active p span,
.aspect_ratio_13 .sub_hotel_life .area5 .items .t.active::before,
.aspect_ratio_13 .sub_hotel_life .area5 .items .b dl.active,
.aspect_ratio_13 .sub_hotel_life .area5 .items .b .logo.active img,
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt > ul > li.active .tx,
.aspect_ratio_13 .sub_hotel_life .area5 .list_txt > ul > li.active:last-child::after{opacity:1;transform:none;}
.aspect_ratio_13 .sub_hotel_life .area5 .icon{display:none;}
.aspect_ratio_13 .sub_hotel_life .area6 .tit{top:11.8056vw;}
.aspect_ratio_13 .sub_hotel_life .area6 .tit span{width:67.6389vw;}
.aspect_ratio_13 .sub_hotel_life .area6 .txt{left:5.1389vw;top:4.7222vw;width:13.1944vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt{display:block;padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .box{display:block;width:100%;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .lef{padding: 7vw 0;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .lef::after{top:auto;bottom:0;width:100%;height:1px;transform:scaleX(0);transition-delay:0.2s;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .lef .t{font-size:3.3vw;line-height:1.32em;opacity:0;transform:translate(0,5vw);transition:0.8s;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .lef .t p,
.aspect_ratio_13 .sub_hotel_life .area7 .txt .lef .t p span{display:inline;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig{padding: 6.8056vw 0 6.3889vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig dl dt{width:32vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig dl dt img{transition-delay:0.4s;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig dl dd{font-size:2.1vw;margin-top:3.3333vw;opacity:0;transition:0.8s 0.6s;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig dl dd p,
.aspect_ratio_13 .sub_hotel_life .area7 .txt .rig dl dd p span{display:inline;}
.aspect_ratio_13 .sub_hotel_life .area7 .img .logo{align-items:flex-end;padding-bottom:7.3611vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .img .logo span{width:29.7222vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .img .bt{top:4.7222vw;bottom:auto;left:5.1389vw;width:13.1944vw;}
.aspect_ratio_13 .sub_hotel_life .area7 .txt.active .lef .t,
.aspect_ratio_13 .sub_hotel_life .area7 .txt.active .rig dl dd{opacity:1;transform:none;}

.aspect_ratio_7 .sub_hotel_life .hotel_life_tit span{width:78.0556vw;margin-bottom:-0.4167vw;}
.aspect_ratio_7 .sub_hotel_life .area1 .t1{width:71.6667vw;margin: 27.7778vw auto 29.1667vw; }
.aspect_ratio_7 .sub_hotel_life .area1 .t2{font-size:5.5556vw;margin: 32.5vw 0;}
.aspect_ratio_7 .sub_hotel_life .area4 .tit span{width: 30.1389vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .tit dl dt{width:38.0556vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .tit dl dd{font-size:4.6292vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .box1{padding: 10.9722vw 10.8333vw 8.3333vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l1{order:1;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l2{order:2;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l3{order:4;transition-delay: 0.8s !important;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l4{order:6;transition-delay: 1.2s !important;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l5{order:7;transition-delay: 1.4s !important;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l6{order:5;transition-delay: 1s !important;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l7{order:3;transition-delay: 0.6s !important;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_img ul .l9{order:8;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .t{padding: 7.6389vw 0;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .t p{font-size:3.3333vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b{padding: 14.3056vw 0 15.8333vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b dl ~ dl{margin-top: 9.3056vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d1 dt{width:17.6389vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d1 dd{width:87.2222vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d2 dt{width:17.3611vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d2 dd{width:82.0833vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d3 dt{width:26.5278vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .d3 dd{width:29.7222vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .logo{margin-top: 11.9444vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .items .b .logo img{width:47.2222vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_txt > ul > li{padding: 1.8056vw 0 5.2778vw;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_txt > ul > li:nth-child(1) img{width: 98.6025%;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_txt > ul > li:nth-child(2) img{width: 90.2174%;}
.aspect_ratio_7 .sub_hotel_life .area5 .list_txt > ul > li:nth-child(3) img{width: 83.8509%;}
.aspect_ratio_7 .sub_hotel_life .area7 .txt .lef{padding: 11.5278vw 0 11.25vw;}
.aspect_ratio_7 .sub_hotel_life .area7 .txt .lef .t{font-size:4.3056vw;}
.aspect_ratio_7 .sub_hotel_life .area7 .txt .rig dl dt{width:39.7222vw;}
.aspect_ratio_7 .sub_hotel_life .area7 .txt .rig dl dd{font-size:2.6014vw;}

.sub_location .location_tit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sub_location .location_tit span{width:44.0625vw;overflow:hidden;}
.sub_location .location_tit span img{transform: translate(0, 100%);transition: 1.2s;}
.sub_location .location_tit.active span img{transform:none;}
.sub_location .area1{background-color:#eee7df;padding: 10.8854vw 6.7708vw 11.1979vw;position:relative;}
.sub_location .area1 .t1{width:32.8125vw;margin: 0 auto 11.4063vw;opacity:0;transform:translate(0,150%);transition:1.2s;transition-delay:0.5s;}
.sub_location .area1 .t2{color:#4d3328;text-align:center;font-family: 'BookkMyungjo';font-weight:600;font-size:1.9271vw;letter-spacing:0.025em;line-height: 1.3em;margin-top:11.0417vw;opacity:0;transform:translate(0,-150%);transition:1.2s;transition-delay:0.5s;}
.sub_location .area1 .line{height:10px;}
.sub_location .area1 .line span{display:block;height:100%;background-color:#4d3328;transform:scaleX(0);transition:1.5s;}
.sub_location .area1 .icon{position:absolute;right:2.8646vw;bottom:2.7083vw;width:5.7813vw;}
.sub_location .area1 .box.active .t1,
.sub_location .area1 .box.active .t2,
.sub_location .area1 .box.active .line span{opacity:1;transform:none;}
.sub_location .area2{position:relative;overflow:hidden;}
.sub_location .area2 .map{opacity:0;transform:scale(1.3);transition:1.8s;}
.sub_location .area2 .tit{position:absolute;left:2.0833vw;top:2.0833vw;width:15.2083vw;opacity:0;transform:translate(30%,0);transition:1s;}
.sub_location .area2 .bot{position:absolute;left:0;bottom:1.0417vw;padding: 0 6.7708vw;width:100%;}
.sub_location .area2 .bot .box{margin-bottom:0.625vw;opacity:0;transform:translate(0,40%);transition:1s;}
.sub_location .area2 .bot .ori{width:93.9759%;opacity:0;transition:1s;transition-delay:0.6s;}
.sub_location .area2 .map.active,
.sub_location .area2 .bot.active .box,
.sub_location .area2 .bot.active .ori,
.sub_location .area2 .tit.active{opacity:1;transform:none;}
.sub_location .area3 .box{padding: 0 6.7708vw;position:relative;}
.sub_location .area3 .box .items{position:relative;padding: 3.6458vw 0 2.6042vw;}
.sub_location .area3 .box ~ .box .items::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1.2s;}
.sub_location .area3 .box .lt{width:1.7188vw;position:absolute;left:2.9688vw;top:50%;transform:translate(0,-50%);}
.sub_location .area3 .box .lt img{opacity:0;transform:translate(-100%,0);transition:0.8s;}
.sub_location .area3 .box .rt{width:0.8854vw;position:absolute;right:2.8646vw;top:50%;transform:translate(0,-50%);}
.sub_location .area3 .box .rt img{opacity:0;transform:translate(100%,0);transition:0.8s;}
.sub_location .area3 .box .tit{opacity:0;filter:blur(10px);transition:1s;}
.sub_location .area3 .b1 .tit{margin-bottom:2.9688vw;}
.sub_location .area3 .b1 .tit img{width:23.75vw;margin: 0 auto;}
.sub_location .area3 .b2 .tit{margin-bottom:3.75vw;}
.sub_location .area3 .b2 .tit img{width:15.8854vw;margin: 0 auto;}
.sub_location .area3 .box .img{position:relative;width:54.2709vw;margin: 0 auto;opacity:0;transform:translate(0,15%);transition:1s;}
.sub_location .area3 .box dl{margin-top:2.6042vw;text-align:center;}
.sub_location .area3 .box dl dt{font-family: 'BookkMyungjo';font-weight:300;color:#000;line-height:1.21em;letter-spacing:0.03em;font-size:1.5104vw;}
.sub_location .area3 .box dl dt p{overflow:hidden;}
.sub_location .area3 .box dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_location .area3 .box dl dd{color:#000;margin-top:0.5208vw;font-weight:300;letter-spacing:0.045em;font-size:0.7813vw;line-height:1.27em;}
.sub_location .area3 .box dl dd p{overflow:hidden;}
.sub_location .area3 .box dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.sub_location .area3 .box ~ .box.active .items::before,
.sub_location .area3 .box .img.active,
.sub_location .area3 .box .lt.active img,
.sub_location .area3 .box .rt.active img,
.sub_location .area3 .box dl.active dt p span,
.sub_location .area3 .box dl.active dd p span{opacity:1;transform:none !important;}
.sub_location .area3 .box .tit.active{opacity:1;filter:blur(0);}
.sub_location .area4{background-color:#eee7df;display:flex;}
.sub_location .area4 .box{width:50%;position:relative;overflow:hidden;}
.sub_location .area4 .lef{display:flex;align-items:center;justify-content:center;}
.sub_location .area4 .lef .lt{position:absolute;left:3.0208vw;top:50%;transform:translate(0,-50%);width:1.7188vw;}
.sub_location .area4 .lef .lt img{opacity:0;transform:translate(-100%,0);transition:0.8s;}
.sub_location .area4 .lef .txt{text-align:center;}
.sub_location .area4 .lef .txt dl dt{color:#000;font-family: 'BookkMyungjo';font-weight:300;font-size:1.6146vw;letter-spacing:0.03em;line-height:1.39em;}
.sub_location .area4 .lef .txt dl dt p{overflow:hidden;}
.sub_location .area4 .lef .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_location .area4 .lef .txt dl dd{color:#231f20;font-size:0.8854vw;line-height:1.41em;letter-spacing:0.03em;margin-top:1.1458vw;}
.sub_location .area4 .lef .txt dl dd p{overflow:hidden;}
.sub_location .area4 .lef .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.sub_location .area4 .rig .rt{position:absolute;right:2.9167vw;top:50%;transform:translate(0,-50%);width:0.5729vw;}
.sub_location .area4 .rig .rt img{opacity:0;transform:translate(100%,0);transition:0.8s;}
.sub_location .area4 .rig .img{opacity:0;transform:scale(1.3);transition:1.2s;}
.sub_location .area4 .lef .lt.active img,
.sub_location .area4 .rig .rt.active img,
.sub_location .area4 .lef .txt.active dl dt p span,
.sub_location .area4 .lef .txt.active dl dd p span,
.sub_location .area4 .rig .img.active{opacity:1;transform:none;}
.sub_location .area5{position:relative;overflow:hidden;}
.sub_location .area5 .img{transform:scale(1.3);transition:1.8s;}
.sub_location .area5 .txt{position:absolute;left:3.0208vw;top:2.8646vw;width:5.2604vw;}
.sub_location .area5 .txt img{opacity:0;transform:translate(0,30%);transition:0.8s;}
.sub_location .area5 .logo{position:absolute;left:0;bottom:2.6042vw;width:100%;display:flex;justify-content:center;}
.sub_location .area5 .logo span{width:14.6875vw;opacity:0;filter:blur(10px);transition:1s;}
.sub_location .area5 .img.active,
.sub_location .area5 .txt.active img{opacity:1;transform:none;}
.sub_location .area5 .logo.active span{opacity:1;filter:blur(0);}

.aspect_ratio_18 .sub_location .area1 .line{height:7px;}
.aspect_ratio_18 .sub_location .area3 .b1 .tit img{width:27vw;}
.aspect_ratio_18 .sub_location .area3 .box .lt{width:2.3vw;}
.aspect_ratio_18 .sub_location .area4 .lef .lt{width:2.3vw;}
.aspect_ratio_18 .sub_location .area3 .box .rt{width:1vw;}
.aspect_ratio_18 .sub_location .area3 .box dl dt{font-size:1.9vw;}
.aspect_ratio_18 .sub_location .area3 .box dl dd{font-size:1.1vw;margin-top:1vw;}
.aspect_ratio_18 .sub_location .area3 .b2 .tit img{width: 19vw;}
.aspect_ratio_18 .sub_location .area4 .lef .txt dl dt{font-size:2vw;}
.aspect_ratio_18 .sub_location .area4 .lef .txt dl dd{font-size:1.1vw;}
.aspect_ratio_18 .sub_location .area5 .logo span{width:16.5vw;}

.aspect_ratio_13 .sub_location .location_tit span{width: 55vw;}
.aspect_ratio_13 .sub_location .area1 .box{overflow:hidden;}
.aspect_ratio_13 .sub_location .area1{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_location .area1 .t1{margin: 20vw auto;width:60vw;}
.aspect_ratio_13 .sub_location .area1 .line{height:5px;}
.aspect_ratio_13 .sub_location .area1 .t2{margin: 19vw auto;font-size: 3.9vw;letter-spacing: 0.03em;}
.aspect_ratio_13 .sub_location .area1 .icon{width: 12.3611vw;right: 5.5556vw;bottom: 5.5556vw;}
.aspect_ratio_13 .sub_location .area2 .tit{top:4.5833vw;left:0;width:100%;display:flex;justify-content:center;transform:translate(0,100%);}
.aspect_ratio_13 .sub_location .area2 .tit img{width:44.8611vw;}
.aspect_ratio_13 .sub_location .area2 .bot{padding: 0 4.5833vw;bottom:4.1667vw;}
.aspect_ratio_13 .sub_location .area2 .bot .box{margin-top:0.6944vw;}
.aspect_ratio_13 .sub_location .area2 .bot .ori{width:89.4656%;}
.aspect_ratio_13 .sub_location .area3{padding: 0  5.2778vw}
.aspect_ratio_13 .sub_location .area3 .b1{padding: 4.7222vw 0 9.5833vw;}
.aspect_ratio_13 .sub_location .area3 .b2{padding: 3.3333vw 0 12.7778vw;}
.aspect_ratio_13 .sub_location .area3 .box.b2::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.aspect_ratio_13 .sub_location .area3 .box.b2.active::before{transform:none;}
.aspect_ratio_13 .sub_location .area3 .box .lt{position:static;}
.aspect_ratio_13 .sub_location .area3 .box .items{padding:0;}
.aspect_ratio_13 .sub_location .area3 .box ~ .box .items::before{display:none;}
.aspect_ratio_13 .sub_location .area3 .box .lt{margin: 0 auto;transform:none;}
.aspect_ratio_13 .sub_location .area3 .b1 .lt{width:18vw;}
.aspect_ratio_13 .sub_location .area3 .b2 .lt{width:21vw;}
.aspect_ratio_13 .sub_location .area3 .box .lt img{transform: translate(0,100%);}
.aspect_ratio_13 .sub_location .area3 .b1 .tit{margin: 7vw 0;}
.aspect_ratio_13 .sub_location .area3 .b2 .tit{margin: 7vw 0;}
.aspect_ratio_13 .sub_location .area3 .b1 .tit img{width:50vw;}
.aspect_ratio_13 .sub_location .area3 .b2 .tit img{width:35vw;}
.aspect_ratio_13 .sub_location .area3 .box .img{width:70vw;}
.aspect_ratio_13 .sub_location .area3 .box dl{margin-top:7vw;}
.aspect_ratio_13 .sub_location .area3 .box dl dt{line-height:1.3em;}
.aspect_ratio_13 .sub_location .area3 .box dl dt{font-size:3.2vw;}
.aspect_ratio_13 .sub_location .area3 .box dl dd{font-size: 2.1vw;line-height: 1.25em;margin-top:1.5278vw;opacity:0;transform:translate(0,50%);transition:0.8s 0.2s;}
.aspect_ratio_13 .sub_location .area3 .box dl.active dd{opacity:1;transform:none;}
.aspect_ratio_13 .sub_location .area4{flex-direction:column-reverse;}
.aspect_ratio_13 .sub_location .area4 .box{width:100%;}
.aspect_ratio_13 .sub_location .area4 .lef{padding: 28.0556vw 0 20.9722vw;}
.aspect_ratio_13 .sub_location .area4 .lef .lt{left:0;top:3.4722vw;width:100%;display:flex;justify-content:center;transform:none;}
.aspect_ratio_13 .sub_location .area4 .lef .lt img{width:24.4444vw;transform: translate(0, 100%);}
.aspect_ratio_13 .sub_location .area4 .lef .txt dl dt{font-size:3.2vw;}
.aspect_ratio_13 .sub_location .area4 .lef .txt dl dd{font-size:2.05vw;margin-top:1.9444vw;line-height:1.25em;}
.aspect_ratio_13 .sub_location .area4 .rig .rt{top:4.7222vw;right:0;width:100%;display:flex;justify-content:center;transform:none;}
.aspect_ratio_13 .sub_location .area4 .rig .rt img{width:47.5vw;transform: translate(0, 100%);}
.aspect_ratio_13 .sub_location .area5 .txt{top:4.8611vw;left:5vw;width:13.1944vw;}
.aspect_ratio_13 .sub_location .area5 .logo{bottom:13.0556vw;}
.aspect_ratio_13 .sub_location .area5 .logo span{width:41.8056vw;}

.aspect_ratio_7 .sub_location .location_tit span{width:82.0833vw;margin-top:-0.8594vh;}
.aspect_ratio_7 .sub_location .area1 .t1{margin: 38.0556vw auto 35.9722vw;width:71.5278vw;}
.aspect_ratio_7 .sub_location .area1 .t2{font-size:5.5556vw;margin: 32.3611vw 0 32.7778vw;}
.aspect_ratio_7 .sub_location .area3 .b1 .lt{width: 18.1944vw;}
.aspect_ratio_7 .sub_location .area3 .b1 .tit{margin: 11.3889vw 0 12.3611vw;}
.aspect_ratio_7 .sub_location .area3 .b1 .tit img{width:66.9444vw;}
.aspect_ratio_7 .sub_location .area3 .b2 .lt{width: 24.4444vw;}
.aspect_ratio_7 .sub_location .area3 .b2 .tit{margin: 12.7778vw 0 14.7222vw;}
.aspect_ratio_7 .sub_location .area3 .b2 .tit img{width:48.8889vw;}
.aspect_ratio_7 .sub_location .area3 .box .img{width:100%;}
.aspect_ratio_7 .sub_location .area3 .box dl{margin-top: 11.8056vw;}
.aspect_ratio_7 .sub_location .area3 .box dl dt{font-size:4.5833vw;}
.aspect_ratio_7 .sub_location .area3 .box dl dd{font-size:2.7778vw;}
.aspect_ratio_7 .sub_location .area4 .lef .txt dl dt{font-size:4.3056vw;}
.aspect_ratio_7 .sub_location .area4 .lef .txt dl dd{font-size:2.7778vw;}

.sub_spaces .spaces_tit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sub_spaces .spaces_tit span{width:59.5313vw;overflow:hidden;}
.sub_spaces .spaces_tit span img{transform: translate(0, 100%);transition: 1.2s;}
.sub_spaces .spaces_tit.active span img{transform:none;}
.sub_spaces .area1{background-color:#eee7df;padding: 10.8333vw 6.7708vw 11.1458vw;position:relative;}
.sub_spaces .area1 .t1{width:32.1875vw;margin: 0 auto 10.8333vw;opacity:0;transform:translate(0,150%);transition:1.2s;transition-delay:0.5s;}
.sub_spaces .area1 .t2{color:#4d3328;text-align:center;font-family: 'BookkMyungjo';font-weight:600;font-size:1.9271vw;letter-spacing:0.025em;line-height: 1.3em;margin-top:11.1458vw;opacity:0;transform:translate(0,-150%);transition:1.2s;transition-delay:0.5s;}
.sub_spaces .area1 .line{height:10px;}
.sub_spaces .area1 .line span{display:block;height:100%;background-color:#4d3328;transform:scaleX(0);transition:1.5s;}
.sub_spaces .area1 .icon{position:absolute;right:2.8646vw;bottom:2.7083vw;width:5.7813vw;}
.sub_spaces .area1 .box.active .t1,
.sub_spaces .area1 .box.active .t2,
.sub_spaces .area1 .box.active .line span{opacity:1;transform:none;}
.sub_spaces .area2{position:relative;overflow:hidden;background-color:#eee7df;}
.sub_spaces .area2 .img{overflow:hidden;position:relative;}
.sub_spaces .area2 .img span{overflow:hidden;display:block;transform:scale(1.3);transition:1.8s;}
.sub_spaces .area2 .img span .tb_m{display:none;}
.sub_spaces .area2 .img p{position:absolute;left:0;top:4.9479vw;width:100%;display:flex;justify-content:center;}
.sub_spaces .area2 .img p img{width:27.3958vw;opacity:0;transform:translate(0,100%);transition:1s;transition-delay:0.4s;}
.sub_spaces .area2 .txt{position:relative;padding: 4.8958vw 0 4.6875vw;}
.sub_spaces .area2 .txt .lt{width:9.0104vw;position:absolute;top:1.4583vw;left:2.7083vw;}
.sub_spaces .area2 .txt .lt img{opacity:0;transform:translate(0,100%);transition:1s;}
.sub_spaces .area2 .txt .rb{width:7.5521vw;position:absolute;bottom:1.7708vw;right:2.8646vw;}
.sub_spaces .area2 .txt .rb img{opacity:0;transform:translate(0,100%);transition:1s;}
.sub_spaces .area2 .txt dl{text-align:center;}
.sub_spaces .area2 .txt dl dt{color:#000;font-family: 'BookkMyungjo';font-weight:300;font-size:1.6667vw;overflow:hidden;}
.sub_spaces .area2 .txt dl dt span{display:block;transform:translate(0,100%);transition:1s;}
.sub_spaces .area2 .txt dl dd{color:#231f20;font-size:0.7813vw;line-height:1.6em;letter-spacing:0.03em;margin-top:0.625vw;}
.sub_spaces .area2 .txt dl dd p{overflow:hidden;}
.sub_spaces .area2 .txt dl dd p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.sub_spaces .area2 .img.active span,
.sub_spaces .area2 .img.active p img,
.sub_spaces .area2 .txt .lt.active img,
.sub_spaces .area2 .txt .rb.active img,
.sub_spaces .area2 .txt dl.active dt span,
.sub_spaces .area2 .txt dl.active dd p span{transform:none;opacity:1;}
.sub_spaces .area3{position:relative;padding: 3.8542vw 0 3.75vw;}
.sub_spaces .area3 .tit{margin-bottom:1.4063vw;display:flex;justify-content:center;overflow:hidden;}
.sub_spaces .area3 .tit span{width:17.3958vw;transform:translate(0,100%);transition:1s;}
.sub_spaces .area3 .items{display:flex;}
.sub_spaces .area3 .items .box{width:50%;display:flex;align-items:center;justify-content:center;position:relative;}
.sub_spaces .area3 .items .lef::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin: 0 0;transition:2s;}
.sub_spaces .area3 .items .lef span{width:26.7188vw;opacity:0;transform:translate(0,20%);transition:1s;}
.sub_spaces .area3 .items .rig span{width:35.2604vw;opacity:0;transform:translate(0,20%);transition:1s;}
.sub_spaces .area3 .items .lef .lt{position:absolute;left:2.8125vw;width:1.9271vw;top:50%;transform:translate(0,-50%);}
.sub_spaces .area3 .items .lef .lt img{transform:translate(100%,0);opacity:0;transition:1s;}
.sub_spaces .area3 dl{text-align:center;margin-top:1.4583vw;}
.sub_spaces .area3 dl dt{color:#000;font-family: 'BookkMyungjo';font-weight:300;letter-spacing:0.03em;line-height:1.33em;font-size:1.5625vw;}
.sub_spaces .area3 dl dt p{overflow:hidden;}
.sub_spaces .area3 dl dt p span{display:block;transform:translate(0,100%);transition:1s;}
.sub_spaces .area3 dl dd{color:#000;font-size:0.7813vw;line-height:1.25em;letter-spacing:0.03em;margin-top:0.5729vw;}
.sub_spaces .area3 dl dd p{overflow:hidden;}
.sub_spaces .area3 dl dd p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.sub_spaces .area3 .tit.active span,
.sub_spaces .area3 .items .lef span.active,
.sub_spaces .area3 .items .rig span.active,
.sub_spaces .area3 .items .lef .lt.active img,
.sub_spaces .area3 dl.active dt p span,
.sub_spaces .area3 dl.active dd p span,
.sub_spaces .area3 .items.active .lef::before{transform:none;opacity:1;}
.sub_spaces .area4{background-color:#eee7df;}
.sub_spaces .area4 .list li{display:flex;}
.sub_spaces .area4 .list li .img{width:50%;overflow:hidden;position:relative;}
.sub_spaces .area4 .list li .img span{display:block;opacity:0;transform:scale(1.3);transition:1.5s;}
.sub_spaces .area4 .list li .txt{position:relative;width:50%;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.sub_spaces .area4 .list li .txt strong{display:block;font-family:"cordia";font-size:2.2396vw;letter-spacing:0.05em;font-weight:400;overflow:hidden;line-height:1.11em;opacity:0;filter:blur(10px);transition:1s;transition-delay:0.3s;}
.sub_spaces .area4 .list li .txt .co1{color:#624537;}
.sub_spaces .area4 .list li .txt .co2{color:#4d3328;}
.sub_spaces .area4 .list li .txt p{color:#624537;font-size:0.6771vw;letter-spacing:0.03em;line-height:1.54em;position:absolute;left:0;bottom:1.5104vw;width:100%;opacity:0;transition:1s;transition-delay:0.6s;}
.sub_spaces .area4 .list li .txt p .as_18{display:none;}
.sub_spaces .area4 .list li .txt i{position:absolute;top:1.4063vw;width:1.7708vw;opacity:0;transform:scale(0);transition:1s;}
.sub_spaces .area4 .list li .txt .r{right:1.3542vw;}
.sub_spaces .area4 .list li .txt .l{left:1.3542vw;}
.sub_spaces .area4 .box{position:relative;overflow:hidden;}
.sub_spaces .area4 .box span{display:block;transform:scale(1.3);transition:1.8s;}
.sub_spaces .area4 .box i{width:1.7708vw;position:absolute;right:1.4063vw;top:1.4063vw;transform:scale(0);transition:1s;transition-delay:0.2s;}
.sub_spaces .area4 .box p{position:absolute;bottom:1.875vw;left:2.2396vw;color:#81aeb2;font-family:"cordia";font-size:1.0938vw;letter-spacing:0.1em;opacity:0;transform:translate(0,100%);transition:1s;}
.sub_spaces .area4 .box .t{position:absolute;width:19.7917vw;left:3.2292vw;top:3.2292vw;opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.2s;}
.sub_spaces .area4 .box .logo{width:8.8021vw;position:absolute;left:50%;bottom:2.3438vw;transform:translate(-50%,0);}
.sub_spaces .area4 .box .logo img{opacity:0;transition:1s;}
.sub_spaces .area4 .list li .img.active span,
.sub_spaces .area4 .list li .txt.active i,
.sub_spaces .area4 .list li .txt.active p,
.sub_spaces .area4 .box.active span,
.sub_spaces .area4 .box.active i,
.sub_spaces .area4 .box p.active,
.sub_spaces .area4 .box.active .t,
.sub_spaces .area4 .box .logo.active img{opacity:1;transform:none;}
.sub_spaces .area4 .list li .txt.active strong{opacity:1;filter:blur(0);}
.sub_spaces .area5 .tit{background-color:#faf8f6;position:relative;padding: 3.5938vw 0 3.4896vw;display:flex;justify-content:center;}
.sub_spaces .area5 .tit p{position:absolute;left:2.8125vw;top:50%;transform:translate(0,-50%);width:5.7813vw;}
.sub_spaces .area5 .tit p img{opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.4s;}
.sub_spaces .area5 .tit span{width:6.3542vw;opacity:0;filter:blur(10px);transition:1s;}
.sub_spaces .area5 .img{position:relative;overflow:hidden;}
.sub_spaces .area5 .img span{display:block;overflow:hidden;}
.sub_spaces .area5 .img span img{transform:scale(1.3);transition:1.8s;}
.sub_spaces .area5 .img p{position:absolute;}
.sub_spaces .area5 .img .lt{top:1.6667vw;left:2.8125vw;}
.sub_spaces .area5 .img .lt img{opacity:0;transform:translate(50%,0);transition:1s;}
.sub_spaces .area5 .img .rb{bottom:2.0833vw;right:2.8646vw;}
.sub_spaces .area5 .img .rb img{opacity:0;transform:translate(-50%,0);transition:1s;}
.sub_spaces .area5 .img.i1 p{width:10.6771vw;}
.sub_spaces .area5 .img.i2 p{width:12.4479vw;}
.sub_spaces .area5 .img.i3 p{width:12.5vw;}
.sub_spaces .area5 .img.i4 p{width:10.2083vw;}
.sub_spaces .area5 .img .logo{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub_spaces .area5 .img .logo em{width:29.4792vw;margin-bottom:-2.6042vw;opacity:0;transform:translate(0,100%);transition:1s;}
.sub_spaces .area5 .txt{padding: 3.1771vw 0 3.2292vw;}
.sub_spaces .area5 .txt.t1{background-color:#b9a493;}
.sub_spaces .area5 .txt.t2{background-color:#917460;}
.sub_spaces .area5 .txt.t3{background-color:#b9a493;}
.sub_spaces .area5 .txt .items{display:flex;justify-content:center;}
.sub_spaces .area5 .txt .items .box{width:50%;position:relative;display:flex;align-items:center;justify-content:center;padding: 2.1875vw 0;}
.sub_spaces .area5 .txt .items .lef::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#281b15;transform:scaleY(0);transition:1s;transition-delay:0.3s;}
.sub_spaces .area5 .txt .items span{opacity:0;transform:scale(1.2);filter:blur(10px);transition:1s;}
.sub_spaces .area5 .txt.t1 .items span{width:21.8229vw;}
.sub_spaces .area5 .txt.t2 .items span{width:24.2708vw;}
.sub_spaces .area5 .txt.t3 .items span{width:24.2188vw;}
.sub_spaces .area5 .txt.t1 strong{width:23.0729vw;}
.sub_spaces .area5 .txt.t2 strong{width:20.6771vw;}
.sub_spaces .area5 .txt.t3 strong{width:23.9583vw;}
.sub_spaces .area5 .txt .items .lef > strong,
.sub_spaces .area5 .txt .items .lef > p{transform:translate(-4vw,0);opacity:0;transition:1s;}
.sub_spaces .area5 .txt .items .rig > strong,
.sub_spaces .area5 .txt .items .rig > p{transform:translate(4vw,0);opacity:0;transition:1s;}
.sub_spaces .area5 .txt p{font-family: 'BookkMyungjo';font-weight:600;letter-spacing:0.05em;font-size:0.9375vw;}
.sub_spaces .area5 .txt.t1 p{color:#422e24;}
.sub_spaces .area5 .txt.t2 p,
.sub_spaces .area5 .txt.t3 p{color:#281b15;}
.sub_spaces .area5 .tit.active p img,
.sub_spaces .area5 .img span.active img,
.sub_spaces .area5 .img .lt.active img,
.sub_spaces .area5 .img .rb.active img,
.sub_spaces .area5 .txt.active .items .box strong,
.sub_spaces .area5 .txt.active .items .box p,
.sub_spaces .area5 .txt.active .items .lef::before,
.sub_spaces .area5 .img .logo em.active{opacity:1;transform:none;}
.sub_spaces .area5 .tit.active span{opacity:1;filter:blur(0);}
.sub_spaces .area5 .txt .items span.active{opacity:1;transform:none;filter:blur(0);}

.aspect_ratio_18 .sub_spaces .area1 .line{height:7px;}
.aspect_ratio_18 .sub_spaces .area2 .txt .lt{width:11vw;}
.aspect_ratio_18 .sub_spaces .area2 .txt dl dt{font-size:2.2vw;}
.aspect_ratio_18 .sub_spaces .area2 .txt dl dd{font-size:1.1vw;margin-top: 1vw;}
.aspect_ratio_18 .sub_spaces .area2 .txt .rb{width:9vw;}
.aspect_ratio_18 .sub_spaces .area3 .tit span{width:19vw;}
.aspect_ratio_18 .sub_spaces .area3 .items .lef .lt {width:2.2vw;}
.aspect_ratio_18 .sub_spaces .area3 dl {margin-top:2vw;}
.aspect_ratio_18 .sub_spaces .area3 dl dt{font-size:2vw;}
.aspect_ratio_18 .sub_spaces .area3 dl dd{font-size:1.1vw;}
.aspect_ratio_18 .sub_spaces .area4 .list li .txt p{font-size: 1vw;}
.aspect_ratio_18 .sub_spaces .area4 .list li .txt p .as_18{display:block;}
.aspect_ratio_18 .sub_spaces .area4 .box p{font-size:1.4vw;}
.aspect_ratio_18 .sub_spaces .area4 .box .t{width:22vw;}
.aspect_ratio_18 .sub_spaces .area4 .box .logo{width:12vw;}
.aspect_ratio_18 .sub_spaces .area5 .tit span{width:8vw;}
.aspect_ratio_18 .sub_spaces .area5 .tit p{width:8vw;}
.aspect_ratio_18 .sub_spaces .area5 .txt{padding: 4vw 0;}
.aspect_ratio_18 .sub_spaces .area5 .txt.t1 .items span{width: 25vw;}
.aspect_ratio_18 .sub_spaces .area5 .txt.t2 .items span{width: 28vw;}
.aspect_ratio_18 .sub_spaces .area5 .txt.t3 .items span{width: 28vw;}
.aspect_ratio_18 .sub_spaces .area5 .img .logo em{width: 33vw;}

.aspect_ratio_13 .sub_spaces .area1 .box{overflow:hidden;}
.aspect_ratio_13 .sub_spaces .area1{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_spaces .area1 .t1{margin: 20vw auto;width:42vw;transform: translate(0, 80%);}
.aspect_ratio_13 .sub_spaces .area1 .line{height:5px;}
.aspect_ratio_13 .sub_spaces .area1 .t2{margin: 19vw auto;font-size: 3.9vw;letter-spacing: 0.03em;transform: translate(0, -80%);}
.aspect_ratio_13 .sub_spaces .area1 .icon{width: 12.3611vw;right: 5.5556vw;bottom: 5.5556vw;}
.aspect_ratio_13 .sub_spaces .area2 .img span .tb_p{width:180%;max-width:180%;margin-left:-40%;}
.aspect_ratio_13 .sub_spaces .area2 .img p{top:8vw;}
.aspect_ratio_13 .sub_spaces .area2 .img p img{width:45vw;}
.aspect_ratio_13 .sub_spaces .area2 .txt{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_spaces .area2 .txt .lt{position:relative;left:0;top:0;width:100%;padding: 4vw 0;display:flex;justify-content:center;}
.aspect_ratio_13 .sub_spaces .area2 .txt .lt::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;width:100%;height:1px;background-color:#4a4846;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.aspect_ratio_13 .sub_spaces .area2 .txt .lt.active::before{transform:none;}
.aspect_ratio_13 .sub_spaces .area2 .txt .lt img{width:27vw;}
.aspect_ratio_13 .sub_spaces .area2 .txt dl{padding: 14.1667vw 0 17.3611vw;}
.aspect_ratio_13 .sub_spaces .area2 .txt dl dt{font-size:3.4vw;line-height:1.3em;letter-spacing:0.03em;}
.aspect_ratio_13 .sub_spaces .area2 .txt dl dd{font-size: 2.1vw;line-height:1.25em;margin-top:2.0833vw;opacity:0;transform:translate(0,20%);transition:1s 0.2s;;}
.aspect_ratio_13 .sub_spaces .area2 .txt dl dd p,
.aspect_ratio_13 .sub_spaces .area2 .txt dl dd p span{display:inline;}
.aspect_ratio_13 .sub_spaces .area2 .txt dl.active dd{opacity:1;transform:none;}
.aspect_ratio_13 .sub_spaces .area3{padding: 0 5.2778vw;background-color:#e9e0d6;}
.aspect_ratio_13 .sub_spaces .area3 .tit{position:relative;margin-bottom:0;padding: 4vw 0;}
.aspect_ratio_13 .sub_spaces .area3 .tit::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;width:100%;height:1px;background-color:#494643;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.aspect_ratio_13 .sub_spaces .area3 .tit.active::before{transform:none;}
.aspect_ratio_13 .sub_spaces .area3 .tit span{width:24vw;}
.aspect_ratio_13 .sub_spaces .area3 .items{flex-direction:column-reverse;}
.aspect_ratio_13 .sub_spaces .area3 .items .box{width:100%;}
.aspect_ratio_13 .sub_spaces .area3 .items .lef{margin: 16.5278vw 0 15.9722vw;flex-direction: column;}
.aspect_ratio_13 .sub_spaces .area3 .items .lef::before{display:none;}
.aspect_ratio_13 .sub_spaces .area3 .items .lef .lt{position:static;width:29.8611vw;margin-bottom:4.7222vw;}
.aspect_ratio_13 .sub_spaces .area3 .items .lef span{width: 45vw;}
.aspect_ratio_13 .sub_spaces .area3 .items .rig{margin-top:12.9167vw;}
.aspect_ratio_13 .sub_spaces .area3 .items .rig span{width:60vw;}
.aspect_ratio_13 .sub_spaces .area3 dl{margin-top:0;position:relative;padding: 11.8056vw 0 11.6667vw;}
.aspect_ratio_13 .sub_spaces .area3 dl::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#494643;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.aspect_ratio_13 .sub_spaces .area3 dl dt{font-size: 3.1vw;opacity:0;transform:translate(0,100%);transition:1s;}
.aspect_ratio_13 .sub_spaces .area3 dl dd{font-size: 2.1vw;margin-top:1.1111vw;}
.aspect_ratio_13 .sub_spaces .area3 dl dt p,
.aspect_ratio_13 .sub_spaces .area3 dl dt p span{display:inline;}
.aspect_ratio_13 .sub_spaces .area3 dl.active dt,
.aspect_ratio_13 .sub_spaces .area3 dl.active::before{opacity:1;transform:none;}
.aspect_ratio_13 .sub_spaces .area4 .list{padding: 5.4167vw 5.2778vw 0;}
.aspect_ratio_13 .sub_spaces .area4 .list li:nth-child(odd){flex-direction:column;}
.aspect_ratio_13 .sub_spaces .area4 .list li:nth-child(even){flex-direction:column-reverse;}
.aspect_ratio_13 .sub_spaces .area4 .list li .img,
.aspect_ratio_13 .sub_spaces .area4 .list li .txt{width:100%;display:block;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt{overflow: visible;width:calc(100% + 10.5556vw);margin-left:-5.2778vw;padding: 18.3333vw 0 17.3611vw;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt p .as_18{display:none;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt2{padding: 15.9722vw 0 14.3056vw;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt strong{font-size:4.5vw;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt p{position:static;font-size:2.1vw;line-height:1.3em;margin-top:2vw;}
.aspect_ratio_13 .sub_spaces .area4 .list li .txt i{width:4.1667vw;top:2.6389vw;right:5.5556vw !important;left:auto !important;}
.aspect_ratio_13 .sub_spaces .area4 .box p{font-size:2.7778vw;width:100%;text-align:center;top:3.6111vw;bottom:auto;left:0;}
.aspect_ratio_13 .sub_spaces .area4 .box i{display:none;}
.aspect_ratio_13 .sub_spaces .area5 .tit{background-color:#624537;padding: 5vw 0 4.8611vw;}
.aspect_ratio_13 .sub_spaces .area5 .tit span{width:11.1111vw;}
.aspect_ratio_13 .sub_spaces .area5 .img .lt{top:auto;bottom:2.7778vw;left:2.7778vw;}
.aspect_ratio_13 .sub_spaces .area5 .img .rb{bottom:auto;top:2.7778vw;right:2.7778vw;}
.aspect_ratio_13 .sub_spaces .area5 .img.i1 p{width:21.25vw;}
.aspect_ratio_13 .sub_spaces .area5 .img.i2 p{width:25.1389vw;}
.aspect_ratio_13 .sub_spaces .area5 .img.i4 p{width:25.1389vw;left:50%;top:4.5833vw;bottom:auto;transform:translate(-50%,0);}
.aspect_ratio_13 .sub_spaces .area5 .txt{padding: 8.8889vw 0;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t1{background-color:#624537;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t2{background-color:#ded0c1;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t3{background-color:#e9e0d6;}
.aspect_ratio_13 .sub_spaces .area5 .txt .items .box{width:100%;padding:0;}
.aspect_ratio_13 .sub_spaces .area5 .txt .items .lef::before{display:none;}
.aspect_ratio_13 .sub_spaces .area5 .txt p{font-size:2.1vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t1 p{color:#eee7df;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t2 p,
.aspect_ratio_13 .sub_spaces .area5 .txt.t3 p{color:#422e24;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t1 strong{width:35vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t2 strong{width:32vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t3 strong{width: 36vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t1 .items span{width:42.5vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t2 .items span{width:50vw;}
.aspect_ratio_13 .sub_spaces .area5 .txt.t3 .items span{width:50vw;}
.aspect_ratio_13 .sub_spaces .area5 .l{position:absolute;left:0;bottom:7vw;width:100%;display:flex !important;justify-content:center;}
.aspect_ratio_13 .sub_spaces .area5 .l img{width:18.6111vw;}
.aspect_ratio_13 .sub_spaces .area5 .img .logo em{width:45vw;}

.aspect_ratio_7 .sub_spaces .spaces_tit span{width:80.6944vw;}
.aspect_ratio_7 .sub_spaces .area1 .t1{margin: 30.5556vw auto;width:59.0278vw;}
.aspect_ratio_7 .sub_spaces .area1 .t2{font-size:5.5556vw;line-height:1.38em;margin: 28.0556vw 0 28.4722vw;}
.aspect_ratio_7 .sub_spaces .area2 .img span .tb_p{display:none;}
.aspect_ratio_7 .sub_spaces .area2 .img span .tb_m{display:block;}
.aspect_ratio_7 .sub_spaces .area2 .img p{top:16.3889vw;}
.aspect_ratio_7 .sub_spaces .area2 .txt .lt{padding: 4.8611vw 0 4.4444vw;}
.aspect_ratio_7 .sub_spaces .area2 .txt .lt img{width:35.9722vw;}
.aspect_ratio_7 .sub_spaces .area2 .txt dl dt{font-size:4.5833vw;}
.aspect_ratio_7 .sub_spaces .area2 .txt dl dd{font-size:2.7778vw;}
.aspect_ratio_7 .sub_spaces .area3 .tit{padding: 4.8611vw 0 3.75vw;}
.aspect_ratio_7 .sub_spaces .area3 .tit span{width:30.9722vw;}
.aspect_ratio_7 .sub_spaces .area3 .items .rig{padding: 0 0.8333vw;}
.aspect_ratio_7 .sub_spaces .area3 .items .rig span{width:100%;}
.aspect_ratio_7 .sub_spaces .area3 .items .lef span{width:61.1111vw;}
.aspect_ratio_7 .sub_spaces .area3 dl dt{font-size:4.1667vw;}
.aspect_ratio_7 .sub_spaces .area3 dl dd{font-size:2.7778vw;}
.aspect_ratio_7 .sub_spaces .area4 .list li .txt strong{font-size:5.6944vw;line-height:1em;}
.aspect_ratio_7 .sub_spaces .area4 .list li .txt p{font-size:2.7778vw;margin-top:3.0556vw;}
.aspect_ratio_7 .sub_spaces .area5 .txt.t1 strong{width:46.1111vw;}
.aspect_ratio_7 .sub_spaces .area5 .txt.t2 strong{width:42.2222vw;}
.aspect_ratio_7 .sub_spaces .area5 .txt.t3 strong{width:46.9444vw;}
.aspect_ratio_7 .sub_spaces .area5 .txt p{font-size:2.7778vw;}
.aspect_ratio_7 .sub_spaces .area5 .img .logo em{width:65.8333vw;}

.sub_ownership .ownership_tit{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.sub_ownership .ownership_tit span{width:43.3333vw;overflow:hidden;}
.sub_ownership .ownership_tit span img{transform: translate(0, 100%);transition: 1.2s;}
.sub_ownership .ownership_tit.active span img{transform:none;}
.sub_ownership .area1{background-color:#eee7df;padding: 5.2083vw 0;position:relative;}
.sub_ownership .area1 .box{display:flex;position:relative;height:39.5833vw;}
.sub_ownership .area1 .box .items{width:50%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub_ownership .area1 .t1{width:27.6563vw;opacity:0;transition:1.2s;transition-delay:0.5s;}
.sub_ownership .area1 .t2{color:#4d3328;text-align:center;font-family: 'BookkMyungjo';font-weight:600;font-size:1.9271vw;letter-spacing:0.03em;line-height: 1.24em;opacity:0;transition:1.2s;transition-delay:0.5s;}
.sub_ownership .area1 .line{height:100%;width:10px;position:absolute;left:calc(50% - 5px);top:0;}
.sub_ownership .area1 .line span{display:block;height:100%;background-color:#4d3328;transform:scaleY(0);transition:1.5s;}
.sub_ownership .area1 .icon{position:absolute;right:2.8646vw;bottom:2.7083vw;width:5.7813vw;}
.sub_ownership .area1 .ver_txt{width:1.8229vw;position:absolute;left:2.8646vw;top:50%;transform:translate(0,-50%);}
.sub_ownership .area1 .ver_txt img{opacity:0;transform:translate(-50%,0);transition:0.8s;transition-delay:1s;}
.sub_ownership .area1 .box.active .t1,
.sub_ownership .area1 .box.active .t2,
.sub_ownership .area1 .box.active .line span,
.sub_ownership .area1 .box.active .ver_txt img{opacity:1;transform:none;}
.sub_ownership .area2{position:relative;background-color:#e9e0d6;padding: 8.5938vw 6.7708vw 0vw;}
.sub_ownership .area2 .logo{width:13.5417vw;margin: 0 auto;opacity:0;transition:1s ease-in;}
.sub_ownership .area2 .list{margin-top:5.6771vw;}
.sub_ownership .area2 .list .tit{display:flex;align-items:flex-end;justify-content:space-between;}
.sub_ownership .area2 .list .tit strong{width:20.8854vw;padding-bottom:1.3542vw;}
.sub_ownership .area2 .list .tit strong span{display:block;overflow:hidden;}
.sub_ownership .area2 .list .tit strong span img{transform:translate(0,100%);transition:0.8s;}
.sub_ownership .area2 .list .tit p{color:#000;font-size:0.7813vw;letter-spacing:0.05em;font-weight:500;padding-bottom:0.7292vw;}
.sub_ownership .area2 .list .tit p span{display:block;overflow:hidden;}
.sub_ownership .area2 .list .tit p span em{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_ownership .area2 .list ul li{padding-top:0.8854vw;position:relative;display:flex;}
.sub_ownership .area2 .list ul li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:1.2s;}
.sub_ownership .area2 .list ul li .items{width:50%;}
.sub_ownership .area2 .list ul li .box ~ .box{margin-top:0.3646vw;}
.sub_ownership .area2 .list ul li .lef dl dt{overflow:hidden;font-family:"cordia";color:#000;letter-spacing:0.06em;font-size:1.0938vw;}
.sub_ownership .area2 .list ul li .lef dl dt span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.sub_ownership .area2 .list ul li .lef dl dd{overflow:hidden;color:#000;font-weight:500;letter-spacing:0.1em;font-size:1.0938vw;margin-top:0.3646vw;}
.sub_ownership .area2 .list ul li .lef dl dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.sub_ownership .area2 .list ul .l1 .rig{padding:1.5625vw 0 2.2396vw;}
.sub_ownership .area2 .list ul .l2 .rig{padding:3.0208vw 0 3.6979vw;}
.sub_ownership .area2 .list ul .l3 .rig{padding:0.8333vw 0 1.25vw;}
.sub_ownership .area2 .list ul .l4 .rig{padding:2.2917vw 0 3.125vw;}
.sub_ownership .area2 .list ul li .rig .box > div{opacity:0;transform:translate(10%,0);transition:1s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(2){transition-delay:0.1s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(3){transition-delay:0.2s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(4){transition-delay:0.3s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(5){transition-delay:0.4s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(6){transition-delay:0.5s;}
.sub_ownership .area2 .list ul li .rig .box > div:nth-child(7){transition-delay:0.6s;}
.sub_ownership .area2 .list ul li .rig .t1 span{color:#000;font-size:0.8854vw;font-weight:500;line-height:2em;}
.sub_ownership .area2 .list ul li .rig .t1 em{color:#000;font-size:0.6771vw;font-weight:500;line-height:2em;}
.sub_ownership .area2 .list ul li .rig .t2 span{color:#000;font-size:1.0938vw;font-weight:500;letter-spacing:0.025em;line-height:1.62em;}
.sub_ownership .area2 .list ul li .rig .t2 em{color:#000;font-size:0.8854vw;letter-spacing:0.025em;}
.sub_ownership .area2 .list ul li .rig .t2 em b{font-size:0.6771vw;}
.sub_ownership .area2 .logo.active,
.sub_ownership .area2 .list .tit.active strong span img,
.sub_ownership .area2 .list .tit.active p span em,
.sub_ownership .area2 .list ul li.active::before,
.sub_ownership .area2 .list ul li.active .lef dl dt span,
.sub_ownership .area2 .list ul li.active .lef dl dd span,
.sub_ownership .area2 .list ul li .rig .box.active > div{transform:none;opacity:1;}
.sub_ownership .area3{background-color:#eee7df;padding: 10vw 6.7708vw 3.75vw;}
.sub_ownership .area3 .logo{width:12.4479vw;margin: 0 auto;opacity:0;transition:1s ease-in;}
.sub_ownership .area3 .list{margin-top:7.1354vw;}
.sub_ownership .area3 .list .tit{display:flex;align-items:flex-end;justify-content:space-between;}
.sub_ownership .area3 .list .tit strong{width:20.8854vw;padding-bottom:0.9896vw;width:36.875vw;}
.sub_ownership .area3 .list .tit strong span{display:block;overflow:hidden;}
.sub_ownership .area3 .list .tit strong span img{transform:translate(0,100%);transition:0.8s;}
.sub_ownership .area3 .list .tit p{color:#000;font-size:0.7813vw;letter-spacing:0.05em;font-weight:500;padding-bottom:0.7292vw;}
.sub_ownership .area3 .list .tit p span{display:block;overflow:hidden;}
.sub_ownership .area3 .list .tit p span em{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_ownership .area3 .list ul li{padding-top:0.9375vw;position:relative;display:flex;}
.sub_ownership .area3 .list ul li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#050033;transform:scaleX(0);transform-origin: 0 0;transition:1.2s;}
.sub_ownership .area3 .list ul li .items{width:50%;}
.sub_ownership .area3 .list ul li .box ~ .box{margin-top:0.625vw;}
.sub_ownership .area3 .list ul li .lef strong{display:block;overflow:hidden;color:#050033;letter-spacing:0.05em;font-size:1.25vw;}
.sub_ownership .area3 .list ul li .lef strong span{display:block;transform:translate(0,105%);transition:0.8s;}
.sub_ownership .area3 .list ul .l1 .rig{padding:1.6667vw 0 2.7604vw;}
.sub_ownership .area3 .list ul .l2 .rig{padding:2.2917vw 0 3.3333vw;}
.sub_ownership .area3 .list ul .l3 .rig{padding:2.6042vw 0 0;}
.sub_ownership .area3 .list ul li .rig .box > div{opacity:0;transform:translate(10%,0);transition:1s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(2){transition-delay:0.1s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(3){transition-delay:0.2s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(4){transition-delay:0.3s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(5){transition-delay:0.4s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(6){transition-delay:0.5s;}
.sub_ownership .area3 .list ul li .rig .box > div:nth-child(7){transition-delay:0.6s;}
.sub_ownership .area3 .list ul li .rig .t1{color:#000;font-size:0.8333vw;letter-spacing:0.025em;line-height:1.94em;}
.sub_ownership .area3 .list ul li .rig .t2{color:#050033;font-weight:500;font-size:1.1979vw;letter-spacing:0.025em;line-height:1.39em;}
.sub_ownership .area3 .list ul li .rig .t3{color:#050033;font-size:0.8854vw;letter-spacing:0.025em;line-height:1.35em;}
.sub_ownership .area3 .list ul li .rig .t4{color:#050033;font-size:0.7813vw;line-height:1.4em;letter-spacing:0.035em;padding-top:0.1563vw;}
.sub_ownership .area3 .logo.active,
.sub_ownership .area3 .list .tit.active strong span img,
.sub_ownership .area3 .list .tit.active p span em,
.sub_ownership .area3 .list ul li.active::before,
.sub_ownership .area3 .list ul li.active .lef strong span,
.sub_ownership .area3 .list ul li .rig .box.active > div{opacity:1;transform:none;}
.sub_ownership .area4{background-color:#050033;padding:3.4375vw 6.7708vw 3.75vw;}
.sub_ownership .area4 .logo ul{display:flex;align-items:center;justify-content:space-between;}
.sub_ownership .area4 .logo ul:nth-child(2){margin-top:2.7083vw;}
.sub_ownership .area4 .logo ul:nth-child(3){margin-top:3.8021vw;}
.sub_ownership .area4 .logo ul li{opacity:0;transition:0.8s ease-in;}
.sub_ownership .area4 .logo ul .l1{width:6.3542vw;}
.sub_ownership .area4 .logo ul .l2{width:6.4063vw;transition-delay:0.05s;}
.sub_ownership .area4 .logo ul .l3{width:8.6458vw;transition-delay:0.1s;}
.sub_ownership .area4 .logo ul .l4{width:9.9479vw;transition-delay:0.15s;}
.sub_ownership .area4 .logo ul .l5{width:2.8125vw;transition-delay:0.2s;}
.sub_ownership .area4 .logo ul .l6{width:7.3958vw;transition-delay:0.25s;}
.sub_ownership .area4 .logo ul .l7{width:6.0938vw;transition-delay:0.3s;}
.sub_ownership .area4 .logo ul .l8{width:7.5vw;transition-delay:0.35s;}
.sub_ownership .area4 .logo ul .l9{width:4.6875vw;transition-delay:0.4s;}
.sub_ownership .area4 .logo ul .l10{width:3.3333vw;transition-delay:0.45s;}
.sub_ownership .area4 .logo ul .l11{width:7.0833vw;transition-delay:0.5s;}
.sub_ownership .area4 .logo ul .l12{width:10.7292vw;transition-delay:0.55s;}
.sub_ownership .area4 .logo ul .l13{width:7.0833vw;transition-delay:0.6s;}
.sub_ownership .area4 .logo ul .l14{width:9.0104vw;transition-delay:0.65s;}
.sub_ownership .area4 .logo ul .l15{width:13.0208vw;transition-delay:0.7s;}
.sub_ownership .area4 .logo ul .l16{width:8.6979vw;transition-delay:0.75s;}
.sub_ownership .area4 .logo ul .l17{width:4.6875vw;transition-delay:0.8s;}
.sub_ownership .area4 .logo ul .l18{width:5.7292vw;transition-delay:0.85s;}
.sub_ownership .area4 .logo ul .l19{width:7.3958vw;transition-delay:0.9s;}
.sub_ownership .area4 .logo ul .l20{width:8.8021vw;transition-delay:0.95s;}
.sub_ownership .area4 .logo ul .l21{width:7.9688vw;transition-delay:1s;}
.sub_ownership .area4 .logo ul .l22{width:3.75vw;transition-delay:1.05s;}
.sub_ownership .area4 .logo ul .l23{width:5.6771vw;transition-delay:1.1s;}
.sub_ownership .area4 .logo ul .l24{width:9.1146vw;transition-delay:1.15s;}
.sub_ownership .area4 .logo ul .l25{width:2.6042vw;transition-delay:1.2s;}
.sub_ownership .area4 .logo ul .l26{width:3.5938vw;transition-delay:1.25s;}
.sub_ownership .area4 .logo ul .l27{width:3.5938vw;transition-delay:1.3s;}
.sub_ownership .area4 .box{position:relative;margin-top:3.5417vw;padding-top:1.3021vw;}
.sub_ownership .area4 .box::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#75728e;transform:scaleX(0);transform-origin:0 0;transition:1.2s;}
.sub_ownership .area4 .box .ori{color:#76738f;font-size:0.7813vw;letter-spacing:0.035em;line-height:1.53em;}
.sub_ownership .area4 .box .ori p{overflow:hidden;}
.sub_ownership .area4 .box .ori p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_ownership .area4 .logo.active ul li,
.sub_ownership .area4 .box.active::before,
.sub_ownership .area4 .box.active .ori p span{opacity:1;transform:none;}

.aspect_ratio_18 .sub_ownership .area1 .ver_txt{width: 2.2vw;}
.aspect_ratio_18 .sub_ownership .area1 .line{width:7px;}
.aspect_ratio_18 .sub_ownership .area1 .t2{font-size: 2.2vw;}
.aspect_ratio_18 .sub_ownership .area3 .list .tit p{font-size: 1.1vw;}
.aspect_ratio_18 .sub_ownership .area4 .box .ori{font-size:1.1vw;letter-spacing: -0.05em;}

.aspect_ratio_13 .sub_ownership .area1{padding: 0 5.2778vw;}
.aspect_ratio_13 .sub_ownership .area1 .box{display:block;height:auto;}
.aspect_ratio_13 .sub_ownership .area1 .box .items {width:100%;height: auto;}
.aspect_ratio_13 .sub_ownership .area1 .t1{margin: 16vw auto;width:40vw;transform: translate(0, 80%);}
.aspect_ratio_13 .sub_ownership .area1 .line{height:5px;width:100%;position:static;}
.aspect_ratio_13 .sub_ownership .area1 .line span{transform: scaleX(0);transition-delay:0.2s;}
.aspect_ratio_13 .sub_ownership .area1 .t2{margin: 19vw auto;font-size: 3.9vw;line-height:1.31em;letter-spacing: 0.03em;transform: translate(0, -80%);}
.aspect_ratio_13 .sub_ownership .area1 .icon{width: 12.3611vw;right: 5.5556vw;bottom: 5.5556vw;}
.aspect_ratio_13 .sub_ownership .area2{padding: 16.1111vw 5.2778vw 10.7778vw;}
.aspect_ratio_13 .sub_ownership .area2 .logo{width: 20vw;}
.aspect_ratio_13 .sub_ownership .area2 .list{margin-top:17.2222vw;}
.aspect_ratio_13 .sub_ownership .area2 .list .tit strong{width: 34vw;padding-bottom: 2vw;}
.aspect_ratio_13 .sub_ownership .area2 .list .tit p{padding-bottom: 1.6667vw;width: 20.4167vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul li{padding: 3.0556vw 0 7.3611vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul li .tt{opacity:0;transform:translate(0,10vw);transition:0.8s;}
.aspect_ratio_13 .sub_ownership .area2 .list ul li .tx{margin-top:7.2222vw;opacity:0;transform:translate(0,10vw);transition:0.8s 0.3s;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l1 .tt{width: 21vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l1 .tx{width: 68vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l2 .tt{width: 37vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l2 .tx{width: 62vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l3 .tt{width: 27vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l3 .tx{width: 53vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l4 .tt{width: 31vw;}
.aspect_ratio_13 .sub_ownership .area2 .list ul .l4 .tx{width: 63vw;}
.aspect_ratio_13 .sub_ownership .area2 .list .ori{width:79.5833vw;opacity:0;transform:translate(0,50%);transition:0.8s;}
.aspect_ratio_13 .sub_ownership .area2 .list ul li.active .tt,
.aspect_ratio_13 .sub_ownership .area2 .list ul li.active .tx,
.aspect_ratio_13 .sub_ownership .area2 .list .ori.active{opacity:1;transform:none;}
.aspect_ratio_13 .sub_ownership .area3{padding: 15.2778vw 5.2778vw 7.2222vw;}
.aspect_ratio_13 .sub_ownership .area3 .logo{width:19vw;}
.aspect_ratio_13 .sub_ownership .area3 .list{margin-top:15.1389vw;}
.aspect_ratio_13 .sub_ownership .area3 .list .tit strong{width: 51vw;padding-bottom: 2vw;}
.aspect_ratio_13 .sub_ownership .area3 .list .tit p{padding-bottom: 1.5278vw;width: 20vw;}
.aspect_ratio_13 .sub_ownership .area3 .list ul li{padding: 3.0556vw 0 7.0833vw;display:block;}
.aspect_ratio_13 .sub_ownership .area3 .list ul li .lef{margin-bottom:6.25vw;}
.aspect_ratio_13 .sub_ownership .area3 .list ul li .lef strong{font-size: 2.3vw;}
.aspect_ratio_13 .sub_ownership .area3 .list ul li .tx{opacity:0;transform:translate(0,10vw);transition:0.8s 0.3s;}
.aspect_ratio_13 .sub_ownership .area3 .list ul .l1 .tx{width: 45vw;}
.aspect_ratio_13 .sub_ownership .area3 .list ul .l2 .tx{width: 62vw;}
.aspect_ratio_13 .sub_ownership .area3 .list ul .l3 .tx{width: 47vw;}
.aspect_ratio_13 .sub_ownership .area3 .list .ori{width:66.9444vw;opacity:0;transform:translate(0,50%);transition:0.8s;}
.aspect_ratio_13 .sub_ownership .area3 .list ul li.active .tx,
.aspect_ratio_13 .sub_ownership .area3 .list .ori.active{opacity:1;transform:none;}
.aspect_ratio_13 .sub_ownership .area4{padding: 7.6389vw 5.2778vw 8.8889vw;}
.aspect_ratio_13 .sub_ownership .area4 .box{padding-top:3.4722vw;margin-top:7.3611vw;}
.aspect_ratio_13 .sub_ownership .area4 .logo span{display:block;opacity:0;transition:1s;}
.aspect_ratio_13 .sub_ownership .area4 .box .ori{width:87.7778vw;opacity:0;transition:0.8s;}
.aspect_ratio_13 .sub_ownership .area4 .logo.active span,
.aspect_ratio_13 .sub_ownership .area4 .box.active .ori{opacity:1;}

.aspect_ratio_7 .sub_ownership .ownership_tit span{width:69.8611vw;margin-bottom:-1.25dvh;}
.aspect_ratio_7 .sub_ownership .area1 .t1{margin: 27.5vw 0 28.0556vw;width:58.75vw;}
.aspect_ratio_7 .sub_ownership .area1 .t2{font-size:5.8333vw;margin: 31.9444vw 0 32.0833vw;}
.aspect_ratio_7 .sub_ownership .area2 .logo{width:29.0278vw;}
.aspect_ratio_7 .sub_ownership .area2 .list .tit strong{width:39.8611vw;padding-bottom:2.2222vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l1 .tt{width:23.6111vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l1 .tx{width:79.5833vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l2 .tt{width:40.9722vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l2 .tx{width:71.8056vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l3 .tt{width:29.7222vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l3 .tx{width:59.3056vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l4 .tt{width:34.0278vw;}
.aspect_ratio_7 .sub_ownership .area2 .list ul .l4 .tx{width:72.9167vw;}
.aspect_ratio_7 .sub_ownership .area3 .logo{width:27.3611vw;}
.aspect_ratio_7 .sub_ownership .area3 .list .tit strong{width:62.3611vw;padding-bottom:1.6667vw;}
.aspect_ratio_7 .sub_ownership .area3 .list ul li .lef strong{font-size: 2.8vw;}
.aspect_ratio_7 .sub_ownership .area3 .list ul .l1 .tx{width:54.3056vw;}
.aspect_ratio_7 .sub_ownership .area3 .list ul .l2 .tx{width:75.2778vw;}
.aspect_ratio_7 .sub_ownership .area3 .list ul .l3 .tx{width:54.8611vw;}