@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 1.9792vw;}
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;}
@media all and (max-width: 1500px){
    header .head_in{padding: 2.5vw 3vw 0;}
    header h1{margin-bottom: 1vw;}
    header h1 span{width: 12vw;}
    header .menu .rig{gap: 0 2vw;}
    header .menu .lef ul{gap: 0 4.5vw;}
    header .menu .rig ul{gap: 0 3.5vw;}
    header .menu ul li a img{height: 0.6vw;}
	header .menu .tel a{width:10.5vw;}
    header .menu .tel em{width: 1.2vw;}
    header .menu .tel span{font-size: 1.3vw;}
}
@media all and (max-width: 1024px){
    header .head_in{padding: 0 5.2778vw;}
    header .bor_box{padding: 3.5vw 0 3vw;position: relative;}
	header .bor_box::before{height:1px;bottom:-1px;}
    header h1{margin-bottom: 0;}
    header h1 span{width: 20vw;}
    header .menu{display: none;}
    header .nav_btn{display: block;position:absolute;right:0;top: 50%;transform: translate(0,-50%);}
    header .nav_btn button{display: block;width: 100%;border: none;background: none;}
    header .nav_btn span{display:block;background-color: #dfd4c5;width:4.5vw;height: 2px;transition: 0.5s;}
    header .nav_btn span ~ span{margin-top: 1vw;}
    header.nav_on .nav_btn span{background-color: #000;}
    header.nav_on .nav_btn span:nth-child(1){transform: translate(0,1.25vw) rotate(45deg);}
    header.nav_on .nav_btn span:nth-child(3){transform: translate(0,-1.25vw) rotate(-45deg);}
    header.nav_on .nav_btn span:nth-child(2){opacity:0;}
}
@media all and (max-width: 600px){
    header .bor_box{padding: 5.4167vw 0 4.5833vw;}
    header h1 span{width: 31.1111vw;}
    header .nav_btn span{height:1px;width: 5.6944vw;}
    header .nav_btn span ~ span{margin-top: 1.5278vw;}
	header.nav_on .nav_btn span:nth-child(1){transform: translate(0,1.75vw) rotate(45deg);}
    header.nav_on .nav_btn span:nth-child(3){transform: translate(0,-1.75vw) rotate(-45deg);}
}

nav{display: none;}
@media all and (max-width: 1024px){
    nav{display: block;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #eee7df;transform: translate(0,-100%);transition: 1s;}
    nav .box{width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
    nav .box ul{max-width: 260px;width: 35%;margin-top: -10vw;}
    nav .box ul li a{position: relative;display: block;}
    nav .box ul li a span{display: block;transition: 0.4s;}
    nav .box ul li a em{position: absolute;left: 0;top: 0;width: 100%;opacity:0;transition: 0.4s;}
    nav .logo{position: absolute;left: 50%;bottom: 40px;max-width: 65px;width: 8vw;transform: translate(-50%,0);}
    nav .logo a{display: block;}
    .nav_on nav{transform: none;}
}
@media all and (max-width: 600px){
    nav .box ul{width: 54.0278vw;margin-top: -6.25vw;}
    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%;overflow-y: auto;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.05em;font-family: 'Pretendard';}
.register .tit dl dd{color: #fff;font-size: 0.9375vw;letter-spacing: -0.05em;margin-top: 0.7813vw;}
.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:17/10){
	.register .rig{width: 70%;padding: 0 5vw;}
	.register .box .close{width: 1.5vw;}
	.register .tit dl dt{font-size: 2.3vw;}
	.register .tit dl dd{font-size: 1.3vw;margin-top: 1vw;}
	.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: 3vw;}
	.register .tit dl dt{font-size: 3.3vw;}
	.register .tit dl dd{font-size: 2.3vw;}
	.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:4vw;}
	.register .tit dl dt{font-size:3.8vw;}
	.register .tit dl dd{font-size: 2.8vw;}
	.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: 5vw;}
	.register .tit dl dt{font-size:6vw;}
	.register .tit dl dd{font-size: 4vw;margin-top: 3vw;}
	.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;}
}
@media all and (max-width:1100px){
	.register .rig{width:100%;display:block;padding: 6vw 5.5556vw;}
	.register .box{position:static;margin-bottom:0;}
	.register .box .close{width: 3vw;right: 5vw;top: 4vw;}
	.register .tit{margin-bottom: 3vw;}
	.register .tit dl dt{font-size: 3.3vw;}
	.register .tit dl dd{font-size: 2.3vw;}
	.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-width:500px){
	.register .rig{padding: 10vw 5.5556vw;}
	.register .tit{margin-bottom: 5vw;}
	.register .tit dl dt{font-size:6vw;}
	.register .tit dl dd{font-size: 4vw;margin-top: 3vw;}
	.register .inp_area .m_wrap{flex-wrap: wrap;gap: 2vw 5vw;}
	.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 ~ label{margin-left:0;}
	.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;max-height: 13dvh;}
	.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:17/10){
	.vd_pop .close{width:1.6vw;}
	.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;}
@media all and (max-width: 1500px){
    .film_btn button{gap: 0 0.7vw;}
    .film_btn p{width: 8vw;}
    .film_btn em{width: 1.3vw;}
}
@media all and (max-width: 1024px){
    .film_btn{left:5.2778vw;bottom:5.5556vw;}
    .film_btn button{gap: 0 1.2vw;}
    .film_btn p{width: 14vw;}
    .film_btn em{width: 2.4vw;}
}
@media all and (max-width: 600px){
    .film_btn button{gap: 0 1.25vw;}
    .film_btn p{width:17.225vw;}
    .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;}
@media all and (max-width: 1500px){
    .quick_btn ul{gap: 0 0.7vw;}
    .quick_btn ul li a{height: 2.4vw;padding: 0 1.4vw;}
    .quick_btn ul li p{font-size: 1.1vw;}
    .quick_btn ul .co span{margin-left: 0;}
    .quick_btn ul .co span i{width: 1.3vw;}
    .quick_btn ul .co span em{width: 15vw;}
}
@media all and (max-width: 1024px){
    .quick_btn{right:5.2778vw;bottom:5.2778vw;}
    .quick_btn ul{gap: 0 1.2vw;}
    .quick_btn ul li a{height: 4.5vw;padding: 0 2vw;border:none;}
    .quick_btn ul li p{font-size: 2vw;}
	.quick_btn ul li .line{display:block;}
    .quick_btn ul .co{display: none;}
    .quick_btn ul .tel{display: block;}
    .quick_btn ul .tel a{padding: 0;width: 4.5vw;border:none;}
}
@media all and (max-width: 600px){
    .quick_btn ul{gap: 0 1.6667vw;}
    .quick_btn ul li a{height: auto;}
	.quick_btn ul .q1 a{padding: 1.6667vw 2.9167vw 1.6667vw 3.1944vw;}
	.quick_btn ul .q2 a{padding: 1.6667vw 3.3333vw 1.6667vw 3.6111vw;}
    .quick_btn ul li a p{font-size: 2.7778vw;}
    .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: 100%;height: 57vw;transform: translate(-50%,-50%);pointer-events:none;}
.sub_brand .vis .vd iframe{width:105%}
.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;}
.vis .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;}
.open .vis .txt .t1 img,
.open .vis .txt .t2,
.open .vis .txt .t3 img{opacity: 1;transform: none;}
.vis .brand_tit.active{opacity:1;transform:none;}
@media all and (max-aspect-ratio:178/100){
    .vis .vd iframe{width: 178vh;height: 100%;}
    .vis .txt{height: calc(100% - 8vw);}
}
@media all and (max-width: 1024px){
    .vis .txt .t1{width: 19vw;}
    .vis .txt .t2{width: 45vw;margin: 2.5vw 0 3.5vw;}
    .vis .txt .t3{width: 25vw;}
}
@media all and (max-width: 600px){
    .vis .txt{height: calc(100% - 17vw);}
    .vis .txt .box{margin-top: -11.8056vw;}
    .vis .txt .t1{width:26.9444vw;}
    .vis .txt .t2{width:66.9444vw;margin: 3.0556vw 0 4.7222vw;}
    .vis .txt .t3{width: 36.3889vw;}
}

.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;}
@media all and (max-width: 1500px){
    .main1{padding: 17vw 12vw 9vw;}
    .main1 .t1{margin-bottom: 3vw;}
    .main1 .t1 dl dt{width: 10.5vw;margin-bottom: 1vw;}
    .main1 .t1 dl dd{width: 34vw;}
    .main1 .box .build{width: 15vw;}
    .main1 .t2{margin-top: 7vw;}
    .main1 .t2 dl dt{font-size: 1.8vw;}
    .main1 .t2 dl dd{font-size: 1.1vw;margin-top: 1vw;}
    .main1 .copy{width: 13.5vw;padding-top: 3vw;}
    .main1 .ver_txt{left: 3vw;width: 0.7vw;top: calc(50% + 4vw);}
}
@media all and (min-width: 1025px){
	.main1 .t1.active dl dt,
	.main1 .t1.active dl dd,
	.main1 .box.active .build,
	.main1 .box.active .line,
	.main1 .t2.active dl dt span,
	.main1 .t2.active dl dd span,
	.main1 .copy.active{opacity:1;transform:none;}
}
@media all and (max-width: 1024px){
    .main1{padding: 20vw 15vw 10vw;}
    .main1 .t1{margin-bottom: 8vw;}
    .main1 .t1 dl dt{width: 15vw;margin-bottom: 1.4vw;transition:0.8s;}
    .main1 .t1 dl dd{width:46vw;transition:0.8s;transition-delay:0.2s;}
    .main1 .box .build{max-width: 241px;width: 25vw;transition:1s;transition-delay:0.5s;}
	.main1 .box .line{transition:1s;transition-delay:0.4s;}
    .main1 .t2{margin-top: 8vw;}
    .main1 .t2 dl dt{font-weight: 600;font-size: 2.7vw;line-height: 1.39em;letter-spacing: 0.025em;}
	.main1 .t2 dl dt span{transition-delay:1s;}
    .main1 .t2 dl dd{font-size: 2vw;line-height: 1.36em;margin-top: 2.2vw;letter-spacing: 0.01em;}
	.main1 .t2 dl dd span{transition-delay:1.2s;}
    .main1 .copy{width: 21vw;padding-top: 9vw;transition-delay:1.5s;}
    .main1 .ver_txt{display: none;}
    .main1 .small_tit{position: absolute;left: 5.2778vw;top: 7vw;width: 17vw;}
	.main1 .area.active .t1 dl dt,
	.main1 .area.active .t1 dl dd,
	.main1 .area.active .box .build,
	.main1 .area.active .box .line,
	.main1 .area.active .t2 dl dt span,
	.main1 .area.active .t2 dl dd span,
	.main1 .area.active .copy{opacity:1;transform:none;}
}
@media all and (max-width: 600px){
    .main1{padding: 30.5556vw 5.2778vw 10.8333vw;}
    .main1 .small_tit{width: 16.3889vw;top: 5vw;}
    .main1 .t1{margin-bottom: 9.3056vw;}
    .main1 .t1 dl dt{width: 23.4722vw;}
    .main1 .t1 dl dd{width: 71.1111vw;margin-top: 1.6667vw;}
    .main1 .box .build{width: 38.6111vw;}
    .main1 .box .line{height: 4px;}
    .main1 .t2{margin-top: 9.0278vw;}
    .main1 .t2 dl dt{font-size: 3.8889vw;}
    .main1 .t2 dl dd{font-size: 3.0556vw;margin-top: 2.7778vw;}
    .main1 .copy{padding-top: 13.1944vw;width: 34.0278vw;}
}

.main2{background-color: #e9e4dd;position: relative;}
.main2 .cg{position: relative;}
.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 .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;}
@media all and (max-width: 1500px){
    .main2 .cg dl{top: 3vw;}
    .main2 .cg dl dt{width: 7vw;}
    .main2 .cg dl dd{width: 17vw;margin-top: 0.5vw;}
    .main2 .txt{padding: 5vw 0 4.5vw;}
    .main2 .txt dl dt{font-size: 1.3vw;}
    .main2 .txt dl dd{font-size: 0.85vw;margin-top:0.8vw;}
    .main2 .name{width: 6vw;right: 2vw;bottom: 2vw;}
    .main2 .cg .ori{bottom: 1vw;left: 1vw;width: 26vw;}
}
@media all and (max-width: 1024px){
    .main2 .cg dl{top: 13vw;}
    .main2 .cg dl dt{width: 15vw;}
    .main2 .cg dl dd{width: 35vw;margin-top: 1.5vw;}
    .main2 .cg .ori{width: 50vw;bottom: 2vw;left: 2vw;}
    .main2 .txt{padding: 13vw 0 10vw;position:relative;}
    .main2 .txt dl dt{font-size: 3.2vw;}
    .main2 .txt dl dd{font-size: 1.9vw;line-height: 1.5em;margin-top:2.5vw;letter-spacing: 0.015em;}
    .main2 .name{width: 12vw;right:50%;transform: translate(50%,0);bottom: auto;top: 3.5vw;}
}
@media all and (max-width: 600px){
    .main2 .cg dl{top: 11.5278vw;}
    .main2 .cg dl dt{width: 21.3889vw;}
    .main2 .cg dl dd{width:52.3611vw;margin-top: 1.8056vw;}
    .main2 .cg .ori{width: 53.8889vw;bottom: 2.7778vw;left: 2.7778vw;}
    .main2 .txt{padding: 16.6667vw 0 11.8056vw;}
    .main2 .name{top:3.75vw;width: 16.1111vw;}
    .main2 .txt dl dt{font-size: 4.5833vw;}
    .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=1) 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;}
@media all and (max-width: 1500px){
    .main3{padding: 9vw 0;}
    .main3 .tit{margin-bottom: 2vw;}
    .main3 .tit img{width: 35vw;}
    .main3 .slider{width: 72vw;}
    .main3 .txt{margin-top: 2.5vw;}
    .main3 .txt .t1{font-size: 2.1vw;}
    .main3 .txt .t2{font-size: 1.1vw;margin-top: 1vw;}
    .main3 .txt .t3{font-size: 0.85vw;margin-top: 0.4vw;}
    .main3 .ori{bottom: 2vw;right: 2vw;width: 32vw;}
}
@media all and (max-width: 1024px){
    .main3{padding: 22vw 0 16vw;}
    .main3 .ver_txt{display: none;}
    .main3 .tit img{width: 45vw;}
    .main3 .slider .after{background-image: url(../images/main3-after-m.jpg?ver=1);}
    .main3 .txt{margin-top: 6vw;}
    .main3 .txt .t1{font-size: 3.8vw;width: 72vw;line-height: 1.27em;margin: 0 auto;padding-bottom: 6vw;border-bottom:1px solid #000}
    .main3 .txt .t2{margin-top: 5vw;font-size: 2.7vw;line-height:1.18em;}
    .main3 .txt .t3{font-size:1.9vw;line-height:1.4em;margin-top:1.5vw;}
    .main3 .small_tit{position: absolute;left:50%;top:6vw;transform:translate(-50%,0);width: 30vw;overflow:hidden;}
	.main3 .small_tit img{transform:translate(0,100%);transition:1s;}
    .main3 .ori{right: auto;bottom: 3vw;left: 3vw;width: 60vw;}
	.main3 .small_tit.active img{transform:none;}
}
@media all and (max-width: 600px){
    .main3{padding: 29.4444vw 5.2778vw 19.4444vw;}
    .main3 .small_tit{width: 50.4167vw;top: 4.8611vw;}
    .main3 .tit{margin-bottom: 2.2222vw;}
    .main3 .tit img{width: 66.8056vw;}
    .main3 .slider{width: 100%;}
    .main3 .slider .bar{width: 2px;}
    .main3 .slider .bar span{width: 8px;height: 45px;}
    .main3 .slider input{height: 45px;}
    .main3 .slider .bar span::before,
    .main3 .slider .bar span::after{border-width: 7px;}
    .main3 .slider .bar span::before{left: -120%;}
    .main3 .slider .bar span::after{right: -120%;}
    .main3 .txt{margin-top: 12.5vw;}
    .main3 .txt .t1{width: 100%;padding-bottom:12.5vw;font-size: 6.1111vw;}
    .main3 .txt .t2{margin-top: 9.4444vw;font-size: 3.8889vw;}
    .main3 .txt .t3{width:calc(100% + 10.5556vw);font-size:2.7778vw;letter-spacing: 0.005em;margin-top: 2.7778vw;margin-left: -5.2778vw;}
    .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;}
.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;}
@media all and (max-width: 1500px){
    .main4 .cg .t dl dt{width: 31vw;}
    .main4 .cg .t dl dd{width: 38vw;}
    .main4 .cg .ori{width: 26vw;left: 1vw;bottom: 1vw;}
    .main4 .txt{padding: 5.5vw 0 5vw;}
    .main4 .txt .t1{font-size: 2.1vw;}
    .main4 .txt .t2{font-size: 1.1vw;margin-top: 1vw;}
    .main4 .txt .t3{font-size: 0.85vw;margin-top: 0.4vw;}
    .main4 .icon{width: 5vw;right: 2.5vw;bottom: 2.5vw;}
}
@media all and (max-width: 1024px){
    .main4 .cg .t dl{margin-top: 0;}
    .main4 .cg .t dl dt{width: 45vw;}
    .main4 .cg .t dl dd{width: 58vw;margin-top: 6vw;}
    .main4 .cg .ori{width: 50vw;bottom: 2vw;left: 2vw;}
    .main4 .txt{padding: 5vw 5.2778vw 10vw;}
    .main4 .txt .t1{font-size: 3.2vw;line-height: 1em;letter-spacing:0em;}
    .main4 .txt .t2{font-size: 2.7vw;margin-top:5vw;padding-top: 10vw;border-top: 1px solid #000;line-height: 1.18em;letter-spacing:0.015em;}
    .main4 .txt .t3{font-size: 1.9vw;margin-top:1.5vw;line-height: 1.4em;letter-spacing:0.005em;}
    .main4 .icon{width:8vw;bottom: 4vw;right: 4vw;}
}
@media all and (max-width: 600px){
    .main4 .cg .t dl dt{width: 61.9444vw;}
    .main4 .cg .t dl dd{width: 77.2222vw;margin-top: 7.3611vw;}
    .main4 .cg .ori{left: 2.7778vw;bottom: 2.7778vw;width: 53.8889vw;}
    .main4 .txt{padding: 6.3889vw 5.2778vw 12.5vw;}
    .main4 .txt .t1{font-size: 4.5833vw;}
    .main4 .txt .t2{margin-top: 6.3889vw;padding-top: 11.8056vw;font-size: 3.8889vw;}
    .main4 .txt .t3{font-size: 2.7778vw;margin-top: 2.7778vw;}
    .main4 .icon{width: 10.2778vw;bottom: 3.8889vw;right: 5.2778vw;}
}

.main5{background-color: #e3ddd4;}
.main5 .cg{position: relative;}
.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;}
@media all and (max-width: 1500px){
    .main5 .cg dl{top: 4vw;}
    .main5 .cg dl dt{width: 11vw;}
    .main5 .cg dl dd{font-size: 1.6vw;}
    .main5 .f_b button{gap: 0 0.7vw;}
    .main5 .f_b p{font-size: 0.9vw;}
    .main5 .f_b em{width: 1.3vw;}
    .main5 .logo{width: 6vw;bottom: 2.5vw;right: 3vw;}
    .main5 .area{padding: 3vw 0;}
    .main5 .txt dl{margin-bottom: 1.6vw;}
    .main5 .txt dl dd{margin-top: 0.7vw;}
    .main5 .txt .tit1{width: 8vw;}
    .main5 .txt .tit2{width: 13vw;}
    .main5 .txt .tit3{width: 7vw;}
    .main5 .txt .tit4{width: 24vw;}
    .main5 .txt .t1{font-size: 1.3vw;}
    .main5 .txt .t2{font-size: 0.75vw;margin-top: 0.8vw;}
    .main5 .txt .t3{font-size: 1.1vw;margin-top: 0.4vw;}
    .main5 .txt ul{margin-top: 1.5vw;gap: 0 2vw;}
    .main5 .txt ul .l1{width: 7.6vw;}
    .main5 .txt ul .l2{width: 5.5vw;margin-left: 0;}
    .main5 .txt ul .l3{width: 5.4vw;margin-left: 0;}
    .main5 .txt ul .l4{width: 2.9vw;margin-left: 0;}
}
@media all and (max-width: 1024px){
    .main5 .area{padding: 0 5.2778vw;display: block;}
    .main5 .cg dl{top: 15vw;}
    .main5 .cg dl dt{width: 19vw;}
    .main5 .cg dl dd{font-size: 2.7vw;margin-top: 3vw;letter-spacing:0.045em;line-height: 1.39em;white-space: nowrap;}
    .main5 .logo{width: 17vw;bottom: 12vw;right: 50%;transform: translate(50%,0) !important;}
    .main5 .f_b{bottom: 4vw;left: 50%;transform: translate(-50%,0);}
    .main5 .f_b button{gap: 0 1vw;}
    .main5 .f_b p{color: rgba(167,161,157,0.9);font-size: 1.9vw;}
    .main5 .f_b em{width: 2.4vw;opacity: 0.9;}
    .main5 .area .box{width: 100%;padding: 8vw 0;}
    .main5 .area .box ~ .box::before{width: 100%;height: 1px;transform: scaleX(0);}
    .main5 .txt{width: 100%;}
    .main5 .txt dl{margin-bottom: 3vw;}
    .main5 .txt dl dd{margin-top: 1.5vw;}
    .main5 .txt .tit1{width: 14vw;}
    .main5 .txt .tit2{width: 27vw;}
    .main5 .txt .tit3{width: 14vw;}
    .main5 .txt .tit4{width: 50vw;}
    .main5 .box1 .txt .t1{font-size: 3.2vw;}
    .main5 .box2 .txt .t1{font-size: 2.7vw;}
    .main5 .txt .t2{font-size: 1.9vw;margin-top: 1.5vw;letter-spacing:0.005em;}
    .main5 .txt .t3{font-size: 2vw;line-height: 1.29em;font-weight: 300;margin-top:1vw;letter-spacing:0.005em;}
    .main5 .box2 .txt .t3 p ~ p{margin-top: 0.5vw;}
    .main5 .txt ul{align-items: center;margin-top: 12vw;padding-top: 12vw;position: relative;flex-direction: column;gap: 6vw 0;}
    .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;}
	.main5 .txt ul li{opacity:0;transform:translate(0,30%);transition:1s;}
    .main5 .txt ul .l1{width: 35vw;transition-delay:0.4s;}
    .main5 .txt ul .l2{width: 19vw;transition-delay:0.6s;}
    .main5 .txt ul .l3{width: 19vw;transition-delay:0.8s;}
    .main5 .txt ul .l4{width: 9vw;transition-delay:1s;}
	.main5 .txt ul .logo_tit{position:absolute;left:0;top:2.6389vw;width:33vw;overflow:hidden;}
	.main5 .txt ul .logo_tit img{transform:translate(0,100%);transition:0.8s;}
	.main5 .txt ul .logo_tit.active img{transform:none;}
	.main5 .txt ul.active li{opacity:1;transform:none;}
}
@media all and (max-width: 600px){
    .main5 .cg dl{top:11.6667vw;}
    .main5 .cg dl dt{width: 26.9444vw;}
    .main5 .cg dl dd{font-size: 3.8889vw;margin-top: 3.0556vw;}
    .main5 .logo{width: 23.75vw;bottom: 12.5vw;}
    .main5 .f_b{bottom: 4.1667vw;}
    .main5 .f_b button{gap: 0 0.9722vw;}
    .main5 .f_b p{font-size: 2.352vw;}
    .main5 .f_b em{width:2.7778vw;}
    .main5 .area .box{padding: 15.2778vw 0 14.5833vw;}
    .main5 .txt dl{margin-bottom: 5.1389vw;}
	.main5 .box2 .txt dl{padding-bottom:1.25vw;}
    .main5 .txt .tit1{width: 21.6667vw;}
    .main5 .txt .tit2{margin-top: 1.5278vw;width: 39.7222vw;}
    .main5 .txt .tit3{width: 19.4444vw;}
    .main5 .txt .tit4{margin-top:1.6667vw;width: 73.4722vw;}
    .main5 .txt .t1{line-height: 1em;}
	.main5 .box1 .txt .t1{font-size: 4.6292vw;}
    .main5 .box2 .txt .t1{font-size: 3.8569vw;}
    .main5 .txt .t2{line-height:1em;font-size: 2.7778vw;margin-top: 2.7778vw;}
    .main5 .txt .t3{font-size: 3.0556vw;margin-top: 1.3889vw;}
    .main5 .box2 .txt .t3 p{padding:0.6944vw 0;}
    .main5 .box2 .txt .t3 p ~ p{margin-top: 0.5556vw;}
    .main5 .txt ul{margin-top: 14.5833vw;padding-top:22.2222vw;padding-bottom:2.0833vw;gap: 8.8889vw 0;}
    .main5 .txt ul .l1{width: 56.25vw;}
    .main5 .txt ul .l2{width: 30vw;}
    .main5 .txt ul .l3{width: 30vw;}
    .main5 .txt ul .l4{width: 13.8889vw;}
	.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;}
@media all and (max-width: 1500px){
    .main6{padding: 13vw 0 10vw;}
    .main6 .map{width: 43vw;}
    .main6 .txt{margin-top: 4vw;}
    .main6 .txt dl dt{font-size: 1.8vw;margin-bottom: 1.2vw;}
    .main6 .txt dl dd{font-size: 1.1vw;}
    .main6 .txt dl dd strong{font-size: 1vw;}
}
@media all and (max-width: 1024px){
    .main6{padding: 16vw 5.2778vw 12vw;}
    .main6 .tit{text-align: center;margin-bottom: 12vw;}
    .main6 .tit dt{width: 15vw;margin: 0 auto;}
    .main6 .tit dd{font-size: 3.2vw;font-family: 'BookkMyungjo';font-weight: 300;line-height: 1.33em;color: #000;letter-spacing: 0.065em;margin-top: 2vw;}
    .main6 .map{width:80%;}
    .main6 .txt{margin-top: 10vw;}
    .main6 .txt dl dd{font-size: 1.9vw;line-height: 1.3em;}
    .main6 .txt dl dd p ~ p{margin-top: 2vw;}
    .main6 .txt dl dd p span{flex-direction: column;align-items: center;}
    .main6 .txt dl dd strong{font-size: 1.9vw;}
    .main6 .txt dl dd strong.t{font-size: 2.7vw;}
}
@media all and (max-width: 600px){
    .main6{padding: 15.6944vw 5.2778vw 15.2778vw;}
    .main6 .tit{margin-bottom: 16.25vw;}
    .main6 .tit dt{width: 21.6667vw;}
    .main6 .tit dd{font-size: 4.5833vw;margin-top: 3.1944vw;line-height:1.27em;}
    .main6 .map{width: 100%;}
    .main6 .txt{margin-top: 12.7778vw;}
    .main6 .txt dl dd{font-size:2.7778vw;letter-spacing:0.03em;}
    .main6 .txt dl dd p:nth-child(2){margin-top: 1.9444vw;}
	.main6 .txt dl dd p:nth-child(3){margin-top: 3.6111vw;}
    .main6 .txt dl dd strong{font-size:2.7778vw;letter-spacing: 0.07em;word-spacing: -0.05em;}
    .main6 .txt dl dd strong.t{font-size: 3.1944vw;padding-top:0.5556vw;letter-spacing:0.02em;}
}

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;}
@media all and (max-width: 1500px){
    footer{padding: 4vw 0;}
    footer .lef{padding: 0 3vw;}
    footer .ori p{font-size: 0.85vw;letter-spacing: 0;padding-left: 0.5vw;}
    footer .info{margin-top: 2vw;}
    footer .info dl{gap: 0 0.8vw;}
    footer .info dl dt,
    footer .info dl dd{font-size: 1vw;}
    footer .brand{display:block;margin-top: 2vw;}
	footer .brand div ~ div{margin-top:1vw;}
	footer .brand .l3{margin-left:0;}
    footer .brand p span{font-size: 0.9vw;}
	footer .brand .l1 em{width: 7.8vw;margin-left:0.9vw;}
	footer .brand .l2 em{width: 18vw;margin-left:0.9vw;}
	footer .brand .l3 em{width: 8.1vw;margin-left:0.9vw;}
	footer .brand .l4 em{width: 7.8vw;margin-left:0.9vw;}
	footer ul li{width:21vw;}
    footer ul li ~ li{margin-top: 1.5vw;}
    footer ul .l1{width: 17vw;}
    footer ul .l2{width: 26vw;}
    footer ul .l3{width: 6vw;}
	footer .name{font-size: 1vw;margin-top:2vw;}
	footer .name br{display:block;}
}
@media all and (max-width: 1024px){
    footer{padding: 8vw 5.2778vw 10vw;}
    footer .area{display: block;}
    footer .area .box{width: 100%;padding: 0;}
    footer .area .box:first-child{border-bottom:1px solid #d2cdc5;border-right: none;padding-bottom: 8vw;}
    footer .area .rig{padding-top: 10vw;}
    footer .ori p{font-size: 2vw;line-height:1.5em;padding-left: 1vw;padding-right: 1vw;letter-spacing: -0.01em;display: inline;}
    footer .info{margin-top: 4vw;}
    footer .info dl{gap: 0 1vw;}
    footer .info dl dt,
    footer .info dl dd{font-size: 1.9vw;line-height:1.5em;}
    footer .brand{margin-top: 4vw;gap: 0 2.5vw;}
	footer .brand div ~ div{margin-top:2vw;}
    footer .brand p{gap: 0 1.5vw;}
	footer .brand .l2,
	footer .brand .l4{margin-left: 3vw;}
    footer .brand p span{font-size: 1.9vw;}
	footer .brand em{margin-left:0 !important;}
	footer .brand .l1 em{width:13.26vw;}
	footer .brand .l2 em{width:30.6vw;}
	footer .brand .l3 em{width:13.77vw;}
	footer .brand .l4 em{width:13.26vw;}
	footer ul li{width:30vw;}
    footer ul li ~ li{margin-top: 3.5vw;}
    footer ul .l1{width: 31vw;}
    footer ul .l2{width: 48vw;}
    footer ul .l3{width: 12vw;}
	footer .name{font-size: 2vw;margin-top:4vw;}
}
@media all and (max-width: 600px){
    footer{padding: 12.5vw 5.2778vw 15.8333vw;}
    footer .area .box:first-child{padding-bottom: 13.0556vw;}
    footer .ori{text-align: justify;}
    footer .ori p{font-size: 3.0556vw;padding-left: 1.6vw;padding-right: 1.5vw;}
    footer .info{margin-top: 6.9444vw;}
    footer .info dl{gap: 0 1.8056vw;}
    footer .info dl dt,
    footer .info dl dd{font-size: 2.7778vw;}
    footer .brand{margin-top: 3.4722vw;gap: 0 4.1667vw;}
	footer .brand .l2{gap: 0 1.1vw;}
	footer .brand .l2,
	footer .brand .l4{margin-left:0;}
	footer .brand .l1,
	footer .brand .l3{width:29.3333vw;}
    footer .brand p{gap: 0 1.5vw;}
    footer .brand p span{font-size: 2.7778vw;}
	footer .brand .l1 em{width:18.564vw;}
	footer .brand .l2 em{width:42.84vw;}
	footer .brand .l3 em{width:19.278vw;}
	footer .brand .l4 em{width:18.564vw;}
    footer .area .rig{padding-top: 16.3889vw;}
	footer ul li{width:50vw;}
    footer ul li ~ li{margin-top:4.4444vw;}
    footer ul .l1{width: 50.1389vw;}
    footer ul .l2{width: 73.6111vw;}
    footer ul .l3{width:17.2222vw;}
	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;}
@media all and (max-width: 1500px){
	.news_media{padding: 20vw 11vw 12vw;}
	.news_media .tab{margin-bottom: 1.2vw;gap: 0 0.9vw;}
	.news_media .tab a{font-size:0.9vw;}
	.news_media .tab em{font-size:1.4vw;}
	.news_media .list ul li .t a{padding: 1.4vw 0;}
	.news_media .list ul li .t p{font-size: 1.2vw;}
	.news_media .list ul li .t .col4{width:22%;}
}
@media all and (max-width: 1024px){
	.news_media{padding: 25vw 5.2778vw 15vw;}
	.news_media .tab{margin-bottom: 1.6vw;gap: 0 1.3vw;}
	.news_media .tab a{font-size: 1.5vw;}
	.news_media .tab em{font-size: 2.2vw;}
	.news_media .list ul li .t a{padding: 2.4vw 0;}
	.news_media .list ul li .t p{font-size:1.8vw;}
	.news_media .list ul li .t .col2{width: 14%;}
	.news_media .list ul li .t .col3{width: 11%;}
	.news_media .list ul li .t .col4{width:30%;}
}
@media all and (max-width: 600px){
	.news_media{padding: 37vw 5.2778vw 20vw;}
	.news_media .tab{margin-bottom:3vw;gap: 0 2vw;}
	.news_media .tab a{font-size:2.7778vw;}
	.news_media .tab em{font-size: 3.5vw;}
	.news_media .list,
	.news_media .list ul li{border-width:1px;}
	.news_media .list ul li .t a{padding: 4vw 0;}
	.news_media .list ul li .t p{font-size:2.8vw;}
	.news_media .list ul li .t .col2{width:20%;}
	.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;}
@media all and (max-width: 1500px){
	.pagination{margin-top:7vw;gap: 0 2vw;}
	.pagination .num{gap: 0 2.5vw;}
	.pagination .num a{font-size: 1.2vw;}
	.pagination .arr img{width:0.6vw;}
}
@media all and (max-width: 1024px){
	.pagination{margin-top: 9vw;gap: 0 3vw;}
	.pagination .num{gap: 0 3.5vw;}
	.pagination .num a{font-size:2vw;}
	.pagination .arr img{width:1vw;}
}
@media all and (max-width: 600px){
	.pagination{margin-top:11vw;gap: 0 5vw;}
	.pagination .num{gap: 0 5vw;}
	.pagination .num a{font-size:3.2vw;}
	.pagination .arr img{width:1.5vw;}
}

.sub_brand .ver_txt{position:absolute;left:2.8646vw;top:50%;transform:translate(0,-50%);width:1.875vw;opacity:0;transform:translate(100%,0);transition:1s;}
.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 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 .ver_txt.active{transform:none;opacity:1;}
.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 .box{position:relative;padding: 11.6667vw 0 11.9792vw;}
.sub_brand .area2 .box .top_name{position:absolute;left:0;top:0.8333vw;width:7.5vw;opacity:0;transform:translate(0,100%);transition:1s;}
.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:7.3958vw;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 .box .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.3em;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 .tit{position:absolute;left:0;top:3.6458vw;width:100%;display:flex;justify-content:center;}
.sub_brand .area5 .tit dl dt{width:9.5313vw;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: 29.8958vw;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}
.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;}
.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 .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;filterhttps://cordia.co.kr/bbs/board.php?bo_table=news:blur(0);}

.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;}
.sub_hotel_life .area3{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:11.8229vw;}
.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{background-color:#eee7df;padding: 4.8958vw 6.7708vw 4.4271vw;}
.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 .list_img{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 .vd{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.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;opacity:0;transform:translate(0,10%);transition:1s;}
.sub_hotel_life .area5 .list_img ul li .txt img{width:65.8537%;}
.sub_hotel_life .area5 .list_img ul li .logo{position:absolute;left:0;bottom:10.6918%;width:100%;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 .vd,
.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 .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;opacity:1;}
.sub_hotel_life .area7 .img .logo.active span{opacity:1;filter:blur(0);}

.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.8333vw 6.7708vw 11.1458vw;position:relative;}
.sub_location .area1 .t1{width:32.8125vw;margin: 0 auto 10.8333vw;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.1458vw;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{width:54.2708vw;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;}
.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);}

.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;}
.sub_spaces .area2 .img span{display:block;transform:scale(1.3);transition:1.8s;}
.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:calc(50% - 0.3646vw);transform:translate(0,-50%);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,
.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;}
.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 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: 1.8229vw 0;}
.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;}
.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.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);}