@charset "utf-8";

body::-webkit-scrollbar{width: 5px;}
body::-webkit-scrollbar-thumb{background-color: #999;border-radius: 10px;}
.wrap{opacity: 0;}
.open .wrap{opacity: 1;}
.wrap.sub{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;}
.sub header .head_in{background-color: #dfd4c5;}
header.bl .bor_box::before,
.sub 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,
.sub header h1 .c,
.sub header .menu ul li a .c,
.sub header .menu .tel em .c,
.sub 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,
.sub header h1 .b,
.sub header .menu ul li a .b,
.sub header .menu .tel em .b,
.sub header .menu .tel a .b{opacity: 1;}
header.bl .menu .tel span,
.sub header .menu .tel span{color: #000;}
header.bl .nav_btn span,
.sub 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 .reg_done{padding: 4vw 0;text-align: center;}
.register .reg_done p{color: #fff;font-size: 1.0417vw;line-height: 1.8em;letter-spacing: -0.02em;}
@media all and (max-width: 1024px){.register .reg_done p{font-size: 1.8vw;}}
@media all and (max-width: 767px){.register .reg_done{padding: 12vw 0;}.register .reg_done p{font-size: 3.6vw;}}
.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 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%);}
.vis .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 6.25vw);display: flex;align-items: center;justify-content: center;}
.vis .txt .box{margin-top:0.625vw;}
.vis .txt .t1{width:13.2813vw;margin: 0 auto;overflow: hidden;}
.vis .txt .t1 img{transform: translate(0,100%);transition: 1.2s;transition-delay: 2s;}
.vis .txt .t2{width:35.1563vw;margin: 1.3542vw 0 1.9792vw;opacity: 0;transition: 1.8s ease-in;transition-delay: 0.6s;}
.vis .txt .t3{width:19.7917vw;margin: 0 auto;overflow: hidden;}
.vis .txt .t3 img{transform: translate(0,100%);transition: 1.2s;transition-delay: 2s;}
.open .vis .txt .t1 img,
.open .vis .txt .t2,
.open .vis .txt .t3 img{opacity: 1;transform: none;}
@media all and (max-aspect-ratio:178/100){
    .vis .vd iframe{width: 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 strong.site-url{text-transform: uppercase;letter-spacing: 0.03em;}
.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;}
}