@charset "utf-8";

html{overflow: clip;}
html.noclip{overflow: visible;}
html,body{overscroll-behavior: none;}
body::-webkit-scrollbar{display: none;}
body{overflow:clip;}
body.open{overflow:auto;}
.wrap{overflow:hidden;}
.wrap.sub{overflow: visible;}

/*popup*/
.popup{padding:20px;;position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:0;transition:1s;}
.popup .dim{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:-1;}
.popup .pop_wrap{position:absolute;left: 0;top: 0;width: 100%;height: 100%;display:flex;align-items:center;justify-content:center;flex-direction: column;transform:translate(0,-100%);transition: 1.2s;transition-delay: 0.4s;}
.pop_sd{position:relative;z-index:1;text-align:center;overflow: hidden;padding: 0 20px;transition:0.5s;}
.pop_sd .swiper-wrapper{height:auto;}
.pop_sd .pop_close{margin-bottom:30px;}
.pop_sd .pop_close button{border:none;background:none;color:#fff;font-size:16px;}
.pop_sd ul{display:flex;gap: 0 10px;}
.pop_sd ul li img{display:block;width:100%;}
.pop_sd .pop_bot{margin-top:30px;display:flex;align-items:center;justify-content: center;}
.pop_sd .pop_chk{text-align:center;}
.pop_sd .pop_chk label{display:flex;gap: 0 10px;justify-content: center;}
.pop_sd .pop_chk label p{color:#fff;font-size:16px;}
.pop_sd .pop_arrow{display:none;align-items:center;justify-content: space-between;background-color: #fff;border-radius:50px;width: 90px;height: 32px;}
.pop_sd .pop_arr{height: 100%;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
.pop_sd .pop_arr img{width:6px;}
.pop_sd .pop_page{color:#000;font-size:17px;width: auto;letter-spacing: 0.05em;display:flex;gap: 0 3px;}
.popup.on{opacity: 1; z-index:100;}
.popup.on .pop_wrap{transform:none;}
.popup.out .pop_sd{opacity:0;pointer-events:none;}
@media all and (max-width:1064px){
	.pop_sd{width: 70%;max-width: 360px;padding:0;}
	.pop_sd ul{gap:0;flex-direction: row;}
	.pop_sd .pop_close{margin-bottom:20px;}
	.pop_sd .pop_bot{margin-top:15px;justify-content: space-between;}
	.pop_sd .pop_arrow{display:flex;}
}
@media all and (max-width:600px){
	.pop_sd .pop_close button,
	.pop_sd .pop_chk label p,
	.pop_sd .pop_page{font-size:14px;}
}

/*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: #fff;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: 1vw;}
.register .tit dl{display:flex;align-items:center;gap: 0 1vw;}
.register .tit dl dt{color: #000;font-size: 1.9792vw;letter-spacing: 0.05em;font-family: 'Pretendard';}
.register .tit dl dd{color: #000;font-size: 0.9375vw;letter-spacing: -0.05em;margin-top: 0.5vw;}
.register .inp_area dl{display: flex;align-items: center;}
.register .inp_area dl ~ dl{margin-top: 0.6vw;}
.register .inp_area dl dt{color: #000;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(0,0,0,0.2);color:#000;font-size: 0.7292vw;transition:0.3s;}
.register .inp_area select option{color:#000;}
.register .inp_area input:valid{background-color:transparent;color:#000;}
.register .inp_area input:focus,
.register .inp_area select:focus{border-bottom:1px solid #000;}
.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:#000;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(0,0,0,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(0,0,0,0.5);transform:scale(0);transition:0.3s;}
.register .inp_area label .rd input:checked ~ .cir::before{transform:none;}
.register .terms{margin-top:1.5vw;}
.register .terms .terms_box ~ .terms_box{margin-top: 1.3021vw;}
.register .terms .terms_box p{color: #000;font-size: 0.7813vw;letter-spacing: -0.05em;margin-bottom: 0.7813vw;}
.register .terms .tbl{border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);padding: 0.625vw 0;}
.register .terms .tbl::-webkit-scrollbar{width:4px;}
.register .terms .tbl::-webkit-scrollbar-thumb{background-color:#777;}
.register .terms .tbl dl ~ dl{margin-top:0.3vw;}
.register .terms .tbl dl dt{color: #000;font-size: 0.7vw;letter-spacing: -0.05em;line-height: 1.5em;font-weight:500;}
.register .terms .tbl dl dd{color: #000;font-size: 0.625vw;letter-spacing: -0.05em;line-height: 1.5em;}
.register .terms .agree{margin-top: 0.5vw;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(0,0,0,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?ver=1) no-repeat center / contain;}
.register .terms .agree span{color: #000;letter-spacing: -0.05em;font-size: 0.7292vw;}
.register .sbm{margin-top: 0.5vw;display: flex;justify-content: center;}
.register .sbm button{border: none;background-color: #000;width: 7.8125vw;color: #fff;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;}

.aspect_ratio_17 .register .rig{width: 70%;padding: 0 5vw;}
.aspect_ratio_17 .register .box .close{width: 1.5vw;}
.aspect_ratio_17 .register .tit dl dt{font-size: 2.3vw;}
.aspect_ratio_17 .register .tit dl dd{font-size: 1.3vw;margin-top: 0.7vw;}
.aspect_ratio_17 .register .inp_area dl dt{font-size: 1.1vw;width: 8vw;}
.aspect_ratio_17 .register .inp_area input,
.aspect_ratio_17 .register .inp_area select{height: 3vw;font-size:1vw;}
.aspect_ratio_17 .register .inp_area em{width: 2vw;font-size:1.2vw;}
.aspect_ratio_17 .register .inp_area i{width:0.6vw;}
.aspect_ratio_17 .register .inp_area label ~ label{margin-left:2vw;}
.aspect_ratio_17 .register .inp_area label .rd .cir{width:1.3vw;height:1.3vw;}
.aspect_ratio_17 .register .inp_area label p{font-size:1vw;padding-left: 0.6vw;}
.aspect_ratio_17 .register .inp_area label .rd .cir::before{width: 0.6vw;height: 0.6vw;}
.aspect_ratio_17 .register .terms .tbl{padding: 0.8vw 0;height: 24vw;overflow-y: auto;}
.aspect_ratio_17 .register .terms .tbl dl ~ dl{margin-top:0.5vw;}
.aspect_ratio_17 .register .terms .tbl dl dt{font-size:0.95vw;}
.aspect_ratio_17 .register .terms .tbl dl dd{font-size:0.85vw;}
.aspect_ratio_17 .register .terms .terms_box ~ .terms_box{margin-top:1vw}
.aspect_ratio_17 .register .terms .terms_box p{font-size:1vw;margin-bottom:1vw;}
.aspect_ratio_17 .register .terms .agree em i{width:1vw;height:1vw;}
.aspect_ratio_17 .register .terms .agree span{font-size:1vw;}
.aspect_ratio_17 .register .sbm button{font-size: 1vw;width: 9vw;}

.aspect_ratio_13 .register .rig{width:100%;}
.aspect_ratio_13 .register .box{position:static;margin-bottom:0;}
.aspect_ratio_13 .register .box .close{width: 2.5vw;right: 5vw;top: 4vw;}
.aspect_ratio_13 .register .tit{margin-bottom: 2vw;}
.aspect_ratio_13 .register .tit dl dt{font-size: 3vw;}
.aspect_ratio_13 .register .tit dl dd{font-size: 2vw;}
.aspect_ratio_13 .register .inp_area dl dt{font-size: 1.5vw;width: 20%;line-height: 3em;}
.aspect_ratio_13 .register .inp_area dl dd{width:80%;}
.aspect_ratio_13 .register .inp_area input,
.aspect_ratio_13 .register .inp_area select{height: 4vw;font-size: 1.5vw;}
.aspect_ratio_13 .register .inp_area span{width: calc(33.33% - 2vw);}
.aspect_ratio_13 .register .inp_area em{width: 3vw;font-size:2vw;}
.aspect_ratio_13 .register .inp_area i{width:1vw;}
.aspect_ratio_13 .register .inp_area label ~ label{margin-left:3vw;}
.aspect_ratio_13 .register .inp_area label .rd .cir{width:1.8vw;height:1.8vw;}
.aspect_ratio_13 .register .inp_area label p{font-size:1.5vw;padding-left: 0.8vw;}
.aspect_ratio_13 .register .inp_area label .rd .cir::before{width: 0.8vw;height: 0.8vw;}
.aspect_ratio_13 .register .terms .terms_box p{font-size:1.5vw;margin-bottom:1vw;}
.aspect_ratio_13 .register .terms .tbl{height:25vw;}
.aspect_ratio_13 .register .terms .tbl dl dt{font-size:1.3vw;}
.aspect_ratio_13 .register .terms .tbl dl dd{font-size:1.2vw;}
.aspect_ratio_13 .register .terms .agree{margin-top: 1.5vw;}
.aspect_ratio_13 .register .terms .agree label{gap: 0 1vw;}
.aspect_ratio_13 .register .terms .agree em i{width:1.5vw;height:1.5vw;}
.aspect_ratio_13 .register .terms .agree span{font-size:1.4vw;}
.aspect_ratio_13 .register .sbm button{font-size: 1.6vw;width: 15vw;}

.aspect_ratio_10 .register .box .close{width:3vw;top:5vw;}
.aspect_ratio_10 .register .tit{margin-bottom:3vw;}
.aspect_ratio_10 .register .tit dl dt{font-size:4vw;}
.aspect_ratio_10 .register .tit dl dd{font-size: 2.8vw;margin-top: 1vw;}
.aspect_ratio_10 .register .inp_area .m_wrap{flex-wrap: wrap;gap: 2vw 5vw;}
.aspect_ratio_10 .register .inp_area dl ~ dl{margin-top: 2vw;}
.aspect_ratio_10 .register .inp_area dl dt{font-size:2vw;line-height: 2em;}
.aspect_ratio_10 .register .inp_area input,
.aspect_ratio_10 .register .inp_area select{height: 5vw;font-size: 2vw;}
.aspect_ratio_10 .register .inp_area em{font-size:3vw;}
.aspect_ratio_10 .register .inp_area i{width:1.2vw;}
.aspect_ratio_10 .register .inp_area label ~ label{margin-left:0;}
.aspect_ratio_10 .register .inp_area label .rd .cir{width:2.1vw;height:2.1vw;}
.aspect_ratio_10 .register .inp_area label p{font-size:2vw;padding-left: 1vw;}
.aspect_ratio_10 .register .inp_area label .rd .cir::before{width: 1vw;height: 1vw;}
.aspect_ratio_10 .register .terms{margin-top:4vw;}
.aspect_ratio_10 .register .terms .terms_box p{font-size:2.2vw;margin-bottom: 2vw;}
.aspect_ratio_10 .register .terms .tbl{padding: 1.8vw 0;height: 29vh;}
.aspect_ratio_10 .register .terms .tbl dl ~ dl{margin-top: 1.5vw;}
.aspect_ratio_10 .register .terms .tbl dl dt{font-size:2.1vw;}
.aspect_ratio_10 .register .terms .tbl dl dd{font-size:1.8vw;}
.aspect_ratio_10 .register .terms .agree{margin-top:2vw;}
.aspect_ratio_10 .register .terms .agree label{gap: 0 1.5vw;}
.aspect_ratio_10 .register .terms .agree em i{width:2vw;height:2vw;border-radius: 0.3vw;}
.aspect_ratio_10 .register .terms .agree span{font-size:2vw;}
.aspect_ratio_10 .register .sbm{margin-top:3vw;}
.aspect_ratio_10 .register .sbm button{font-size:2vw;width:20vw;}

.aspect_ratio_7 .register .rig{padding: 5.5556vw;}
.aspect_ratio_7 .register .box .close{width:5vw;}
.aspect_ratio_7 .register .tit{margin-bottom: 4vw;}
.aspect_ratio_7 .register .tit dl{gap: 0 2.5vw;}
.aspect_ratio_7 .register .tit dl dt{font-size:6.5vw;}
.aspect_ratio_7 .register .tit dl dd{font-size: 4vw;margin-top: 2vw;}
.aspect_ratio_7 .register .inp_area .m_wrap{gap: 1.5vw 7vw;}
.aspect_ratio_7 .register .inp_area dl dt{font-size:3.2vw;}
.aspect_ratio_7 .register .inp_area input,
.aspect_ratio_7 .register .inp_area select{height: 7vw;font-size: 3vw;}
.aspect_ratio_7 .register .inp_area em{font-size:3vw;}
.aspect_ratio_7 .register .inp_area label .rd .cir{width:4vw;height:4vw;}
.aspect_ratio_7 .register .inp_area label p{font-size:3vw;padding-left: 1.5vw;}
.aspect_ratio_7 .register .inp_area label .rd .cir::before{width: 1.8vw;height: 1.8vw;}
.aspect_ratio_7 .register .terms{margin-top:6vw;}
.aspect_ratio_7 .register .terms .terms_box p{font-size:3.5vw;margin-bottom: 2vw;}
.aspect_ratio_7 .register .terms .tbl{padding: 3vw 0;height: 20vh;}
.aspect_ratio_7 .register .terms .tbl dl dt{font-size:3.2vw;}
.aspect_ratio_7 .register .terms .tbl dl dd{font-size:3vw;}
.aspect_ratio_7 .register .terms .agree{margin-top:3vw;}
.aspect_ratio_7 .register .terms .agree label{gap: 0 2vw;}
.aspect_ratio_7 .register .terms .agree em i{width:3.5vw;height:3.5vw;}
.aspect_ratio_7 .register .terms .agree span{font-size:3vw;}
.aspect_ratio_7 .register .sbm{margin-top:6vw;}
.aspect_ratio_7 .register .sbm button{width: 30vw;font-size:3.6vw;line-height: 2.5em;}

@media all and (max-aspect-ratio:6/10){
	.aspect_ratio_7 .register .terms .tbl{height:30vh;}
}

header{position:fixed;left:0;top:0;width:100%;z-index:99;padding: 1.5625vw 3.125vw;transition:0.5s;}
header .head_in{display:flex;align-items:center;;justify-content:space-between;opacity:0;pointer-events:none;transition:1s;}
header h1 a{display:block;width:6.5625vw;position:relative;}
header h1 a .b{position:absolute;left:0;top:0;width:100%;opacity:0;transition:0.5s;}
header .rig{margin-top:-0.5208vw;display:flex;gap: 0 3.3854vw;align-items:center;}
header .menu ul{display:flex;gap: 0 1.8229vw;}
header .menu ul li a{color:#fff;font-size:0.6771vw;letter-spacing:0.15em;transition:0.5s;}
header .menu ul .reg a{font-size:0.8vw;font-weight:600;letter-spacing:-0.05em;}
header .menu .bot,
header .menu .menu_close{display:none;}
header .tel a{display:block;color:#fff;font-family:"Jost";font-weight:500;letter-spacing:0.01em;font-size:0.9375vw;transition:0.5s;}
header .close{display: none;}
header.h_bl .menu ul li a,
header.h_bl .tel a{color:#000;}
header.h_bl h1 a .b{opacity:1;}
header.h_bl h1 a .w{opacity:0;}
header.out{opacity:0;pointer-events:none;}
header.move .head_in{opacity:1;pointer-events:auto;}
.sk header .head_in{opacity:1;pointer-events:auto;transition-delay:1.2s;}

.aspect_ratio_17 header{padding: 1.7vw 3.125vw;}
.aspect_ratio_17 header h1 a{width:8vw;}
.aspect_ratio_17 header .rig{gap: 0 5vw;}
.aspect_ratio_17 header .menu ul{gap: 0 2vw;}
.aspect_ratio_17 header .menu ul li a{font-size: 0.85vw;}
.aspect_ratio_17 header .menu ul .reg a{font-size:0.95vw;}
.aspect_ratio_17 header .tel a{font-size: 1.25vw;}

.aspect_ratio_13 header{padding: 2.2vw 4vw;}
.aspect_ratio_13 header h1 a{width: 11vw;}
.aspect_ratio_13 header .rig{margin-top:0;gap: 0 3vw;}
.aspect_ratio_13 header .tel a{font-size: 0;width: 3vw;height: 3vw;background: url(../images/tel-icon-wh.svg) no-repeat center / contain;}
.aspect_ratio_13 header .menu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;display:flex;flex-direction:column;justify-content:space-between;background: url(../images/menu-bg.jpg) no-repeat center / cover;padding: 15dvh 8vw;transform: translate(0,-100%) scaleY(1.4);transform-origin: 0 100%;transition: 1.5s;}
.aspect_ratio_13 header .menu ul{display: block;}
.aspect_ratio_13 header .menu ul li{overflow:hidden;}
.aspect_ratio_13 header .menu ul li ~ li{margin-top: 4vw;}
.aspect_ratio_13 header .menu ul li a,
.aspect_ratio_13 header .menu ul .reg a{display:inline-block;color:#fff;!important;font-size: 2.5vw;letter-spacing: 0.05em;transform:translate(0,100%);transition:1s;}
.aspect_ratio_13 header .menu .bot{display:flex;align-items:center;gap: 0 8vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.aspect_ratio_13 header .menu .bot a{color:#fff;}
.aspect_ratio_13 header .menu .bot p{font-size:1.8vw;letter-spacing:-0.075em;}
.aspect_ratio_13 header .menu .bot span{display:block;font-size:1.8vw;font-family:"Jost";font-weight:500;letter-spacing:0.01em;}
.aspect_ratio_13 header .menu .menu_close{display:block;position:absolute;right:7%;top:7%;width:3vw;height:3vw;background:url(../images/menu-close.png) no-repeat center / contain;}
.aspect_ratio_13 header .close{display: block;position: relative;width: 4vw;}
.aspect_ratio_13 header .close button{display: block;width: 100%;background: none;border: none;}
.aspect_ratio_13 header .close button span{display: block;background-color: #fff;height: 3px;transition: 0.5s;}
.aspect_ratio_13 header .close button span ~ span{margin-top: 0.8vw;}
.aspect_ratio_13 header.nav_on .menu{transform: none;}
.aspect_ratio_13 header.nav_on .menu ul li a{transform:none;transition-delay:0.8s;}
.aspect_ratio_13 header.nav_on .menu .bot{opacity:1;transform:none;transition-delay:0.4s;}
.aspect_ratio_13 header.h_bl .close button span{background-color:#000;}
.aspect_ratio_13 header.h_bl .tel a{background-image:url(../images/tel-icon-bl.svg);}

.aspect_ratio_10 header{padding: 3vw 5.5556vw;}
.aspect_ratio_10 header h1 a{width: 14vw;}
.aspect_ratio_10 header .rig{gap: 0 4vw;}
.aspect_ratio_10 header .tel a{width: 4vw;height: 4vw;}
.aspect_ratio_10 header .close{width: 5vw;}
.aspect_ratio_10 header .close button span ~ span{margin-top: 1vw;}
.aspect_ratio_10 header .menu{padding: 13dvh 10vw;}
.aspect_ratio_10 header .menu ul li ~ li{margin-top:6vw;}
.aspect_ratio_10 header .menu ul li a,
.aspect_ratio_10 header .menu ul .reg a{font-size:3.3vw;}
.aspect_ratio_10 header .menu .bot p{font-size: 2.6vw;}
.aspect_ratio_10 header .menu .bot span{font-size:2.6vw;}
.aspect_ratio_10 header .menu .menu_close{right: 5.5556vw;top: 7.6389vw;width: 5vw;height: 5vw;}

.aspect_ratio_7 header{padding: 5.5556vw;}
.aspect_ratio_7 header h1 a{width:19.1667vw;}
.aspect_ratio_7 header .rig{gap: 0 3.4722vw;}
.aspect_ratio_7 header .tel a{width:5vw;height:5vw;}
.aspect_ratio_7 header .close{width:7.6389vw;}
.aspect_ratio_7 header .close button span{height:2px;}
.aspect_ratio_7 header .close button span ~ span{margin-top:0.9722vw;}
.aspect_ratio_7 header .menu{padding: 15vh 11.1111vw 10vh;}
.aspect_ratio_7 header .menu ul li ~ li{margin-top:6.8vw;}
.aspect_ratio_7 header .menu ul li a,
.aspect_ratio_7 header .menu ul .reg a{font-size:4.1667vw;}
.aspect_ratio_7 header .menu .bot{gap: 0 20vw;}
.aspect_ratio_7 header .menu .bot p,
.aspect_ratio_7 header .menu .bot span{font-size:3.6111vw;}
.aspect_ratio_7 header .menu .menu_close{width:5.5556vw;right:4.1667%;top:3.5156%;}

footer{padding: 5.7292vw 3.125vw 4.6875vw;}
footer .top_area{margin-bottom:2.0833vw;position:relative;}
footer .top_area .logo{width:6.5625vw;}
footer .top_area .ori{margin-top:2.6042vw;}
footer .top_area .ori p{color:#adadad;font-size:0.6771vw;letter-spacing:-0.05em;line-height:2.15em;}
footer .top_area .tel{margin-top:0.7813vw;display:flex;align-items:center;justify-content:flex-end;gap: 0 0.3125vw;}
footer .top_area .tel i{width:0.7292vw;}
footer .top_area .tel span{color:#000;font-family:"Jost";font-weight:500;font-size:0.9375vw;letter-spacing:0.01em;}
footer .top_area .top_btn{position:absolute;right:0;top:0;cursor:pointer;}
footer .bot_area{position:relative;display:flex;align-items:center;justify-content:space-between;}
footer .bot_area::before{content:"";width:100%;height:1px;background-color:#bcbcbc;position:absolute;left:0;top:0;}
footer .bot_area .lef{padding: 2.0833vw 0 1.5625vw;width:88.8888%;position:relative;}
footer .bot_area .lef::before{content:"";width:1px;height:100%;background-color:#bcbcbc;position:absolute;right:0;top:0;}
footer .bot_area dl{display:flex;gap: 0 0.3125vw;align-items:center;}
footer .bot_area dl ~ dl{margin-top:0.7813vw;}
footer .bot_area dl dt{color:#000;font-weight:600;font-size:0.7292vw;letter-spacing:-0.024em;}
footer .bot_area dl dd p{color:#000;font-weight:300;font-size:0.7292vw;letter-spacing:-0.024em;}
footer .bot_area dl dd strong{display:block;color:#000;font-weight:600;font-size:0.8854vw;letter-spacing:-0.024em;padding-left:0.4167vw;}
footer address{color:#adadad;font-size:0.6771vw;}
.sub footer{border-top:1px solid #ddd;}

.aspect_ratio_17 footer{padding: 6vw 3.125vw 5vw;}
.aspect_ratio_17 footer .top_area{margin-bottom: 2.5vw;}
.aspect_ratio_17 footer .top_area .logo{width: 8vw;}
.aspect_ratio_17 footer .top_area .ori{margin-top: 3vw;}
.aspect_ratio_17 footer .top_area .ori p{font-size: 0.8vw;}
.aspect_ratio_17 footer .top_area .tel{margin-top: 1vw;gap: 0 0.6vw;}
.aspect_ratio_17 footer .top_area .tel i{width: 0.9vw;}
.aspect_ratio_17 footer .top_area .tel span{font-size: 1.2vw;}
.aspect_ratio_17 footer .bot_area .lef{width: 85%;padding: 2.5vw 0 2vw;}
.aspect_ratio_17 footer .bot_area dl{gap: 0 0.5vw;}
.aspect_ratio_17 footer .bot_area dl ~ dl{margin-top: 0.9vw;}
.aspect_ratio_17 footer .bot_area dl dt,
.aspect_ratio_17 footer .bot_area dl dd p{font-size: 0.95vw;}
.aspect_ratio_17 footer .bot_area dl dd strong{font-size: 1.05vw;}
.aspect_ratio_17 footer address{font-size: 0.85vw;}

.aspect_ratio_13 footer{padding: 7vw 4vw 6vw;}
.aspect_ratio_13 footer .top_area{margin-bottom:3.5vw;}
.aspect_ratio_13 footer .top_area .logo{width:10vw;}
.aspect_ratio_13 footer .top_area .ori{margin-top:4vw;}
.aspect_ratio_13 footer .top_area .ori p{font-size:1.2vw;}
.aspect_ratio_13 footer .top_area .top_btn{width: auto;padding: 0 4vw;margin-right:-4vw;}
.aspect_ratio_13 footer .top_area .top_btn img{width:5px;}
.aspect_ratio_13 footer .top_area .tel{margin-top:2vw;}
.aspect_ratio_13 footer .top_area .tel i{width:1.5vw;}
.aspect_ratio_13 footer .top_area .tel span{font-size:1.7vw;}
.aspect_ratio_13 footer .bot_area .lef{padding: 3.5vw 0 3vw;width: 80%;}
.aspect_ratio_13 footer .bot_area dl ~ dl{margin-top:1.5vw;}
.aspect_ratio_13 footer .bot_area dl dt,
.aspect_ratio_13 footer .bot_area dl dd p{font-size: 1.3vw;}
.aspect_ratio_13 footer .bot_area dl dd strong{font-size:1.4vw;}
.aspect_ratio_13 footer address{font-size:1.2vw;margin-top:2vw;}

.aspect_ratio_10 footer{padding: 8vw 5.5556vw;}
.aspect_ratio_10 footer .top_area{margin-bottom:4.5vw;}
.aspect_ratio_10 footer .top_area .logo{width:13vw;}
.aspect_ratio_10 footer .top_area .ori{margin-top:5vw;}
.aspect_ratio_10 footer .top_area .ori p{font-size:1.7vw;line-height:1.8em;}
.aspect_ratio_10 footer .top_area .tel{margin-top:3vw;gap: 0 1vw;}
.aspect_ratio_10 footer .top_area .tel span{font-size:2.4vw;}
.aspect_ratio_10 footer .top_area .tel i{width:2.2vw;}
.aspect_ratio_10 footer .bot_area .lef{padding: 4vw 0;width: 70%;}
.aspect_ratio_10 footer .bot_area dl ~ dl{margin-top:2vw;}
.aspect_ratio_10 footer .bot_area dl dt,
.aspect_ratio_10 footer .bot_area dl dd p{font-size:1.8vw;}
.aspect_ratio_10 footer .bot_area dl dd strong{font-size:2vw;}
.aspect_ratio_10 footer address{font-size:1.8vw;}

.aspect_ratio_7 footer{padding: 12vw 5.5556vw;}
.aspect_ratio_7 footer .top_area{margin-bottom: 5vw;}
.aspect_ratio_7 footer .top_area .logo{width:17vw;}
.aspect_ratio_7 footer .top_area .ori{margin-top:7vw;}
.aspect_ratio_7 footer .top_area .ori p{font-size:2.7vw;}
.aspect_ratio_7 footer .top_area .tel{justify-content: flex-start;margin-top:4vw;}
.aspect_ratio_7 footer .top_area .tel i{width:3vw;}
.aspect_ratio_7 footer .top_area .tel span{font-size:3.4vw;}
.aspect_ratio_7 footer .bot_area{display:block;padding: 6vw 0}
.aspect_ratio_7 footer .bot_area .lef{padding: 0;width:100%;}
.aspect_ratio_7 footer .bot_area .lef::before{display:none;}
.aspect_ratio_7 footer .bot_area dl ~ dl,
.aspect_ratio_7 footer .bot_area .rig{margin-top:3vw;}
.aspect_ratio_7 footer .bot_area dl{gap: 0 1.5vw;}
.aspect_ratio_7 footer .bot_area dl dt,
.aspect_ratio_7 footer .bot_area dl dd p{font-size: 3vw;}
.aspect_ratio_7 footer .bot_area dl dd strong{font-size:3.2vw;padding-left: 1vw;}
.aspect_ratio_7 footer address{font-size:2.7vw;}

.intro{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index:1;}
.intro .bl_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.intro .bl_bg .area{margin-bottom: -2.6vw;}
.intro .bl_bg .box{position: relative;}
.intro .bl_bg .logo{width: 8.1771vw;position: relative;transition:1s;transition-delay:2.1s;}
.intro .bl_bg .logo .line{position: absolute;left: 0;top: 0;width: 100%;transition: 1.5s;transition-delay: 0.7s;}
.intro .bl_bg .logo .line path{fill: none;stroke: #534a4c;stroke-miterlimit: 10;stroke-width: 2px;stroke-dasharray: 610px;stroke-dashoffset: 610px;opacity: 0.5;transition: 1.2s;transition-timing-function: ease-in-out;will-change: opacity;}
.intro .bl_bg .logo .fill path{fill: #231f20;}
.intro .bl_bg .logo .fill .f1{clip-path: inset(0 100% 0 0);transition: 1.2s;transition-delay: 0.6s;}
.intro .bl_bg .logo .fill .f4{clip-path: inset(0 0 0 100%);transition: 1.2s;transition-delay: 0.6s;}
.intro .bl_bg .logo .fill .f2,
.intro .bl_bg .logo .fill .f3{transform: translate(40px, 15px);opacity: 0;transition: opacity 0.6s , transform 1.2s;}
.intro .bl_bg .logo .fill .f5,
.intro .bl_bg .logo .fill .f6{transform: translate(-40px, -15px);opacity: 0;transition: opacity 0.6s , transform 1.2s;}
.intro .bl_bg .logo .fill .f2,
.intro .bl_bg .logo .fill .f5{transition-delay: 1.2s;}
.intro .bl_bg .logo .fill .f3,
.intro .bl_bg .logo .fill .f6{transition-delay: 1.4s;}
.intro .bl_bg .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.intro .bl_bg .txt dl{margin-top: -3vw;}
.intro .bl_bg .txt dl dt{margin-bottom: 2.3438vw;}
.intro .bl_bg .txt dl dt ul{position: relative;width: 9.8958vw;margin: 0 auto;overflow: hidden;}
.intro .bl_bg .txt dl dt ul li{transform: translate(0,105%);transform-origin: 0 100%;transition: 1.2s;transition-delay:2.3s;}
.intro .bl_bg .txt dl dt ul li ~ li{position: absolute;left: 0;top: 0;width: 100%;}
.intro .bl_bg .txt dl dt ul li img{transition:0.8s;}
.intro .bl_bg .txt dl dd ul{position: relative;width: 18.2292vw;overflow:hidden;}
.intro .bl_bg .txt dl dd ul li{transform:translate(0,105%);transition: 1.2s;transition-delay:2.3s;}
.intro .bl_bg .txt dl dd ul li ~ li{position: absolute;left: 0;top: 0;width: 100%;}
.intro .bl_bg .txt dl dd ul li img{transition:1.5s;}
.intro .bl_bg .btn{margin-top: 2.6042vw;display: flex;flex-direction: column;align-items: center;opacity: 0;pointer-events: none;transition: 1s;transition-delay: 2.5s;}
.intro .bl_bg .btn button{border-radius: 10vw;background-color: #231f20;border: none;text-align: center;padding: 0.4688vw 1.9792vw 0.4688vw 1.8229vw;position: relative;transform: translateZ(0);transition: 1s;}
.intro .bl_bg .btn button span{display: block;font-family: 'TIMESS';color: #fff;font-size: 0.7813vw;letter-spacing: 0.05em;}
.intro .bl_bg .btn p{margin-top: 0.7813vw;text-align: center;color: #231f20;letter-spacing: 0.05em;font-size: 0.7813vw;font-family: 'TIMESS';transition: 1s;}
.intro .bl_bg .wl{position:absolute;}
.intro .bl_bg .wl1{width:100%;height:16.6667%;left:0;top:0;transform-origin: 0 0;transition:0.8s;transition-delay:5.8s;}
.intro .bl_bg .wl2{width:100%;height:16.6667%;left:0;bottom:0;transform-origin: 0 100%;transition:0.8s;transition-delay:5.8s;}
.intro .bl_bg .wl3{width:5.2083%;height:100%;left:0;top:0;transform-origin: 0 0;transition:1s;transition-delay:3.3s;}
.intro .bl_bg .wl4{width:5.2083%;height:100%;right:0;top:0;transform-origin: 100% 0;transition:1s;transition-delay:3.3s;}
.intro .bl_bg .wl span{display:block;width:100%;height:100%;position:relative;transition:1s;}
.intro .bl_bg .wl1 span{transform-origin: 0 0;}
.intro .bl_bg .wl2 span{transform-origin: 0 100%;}
.intro .bl_bg .wl3 span{transform-origin: 0 0;}
.intro .bl_bg .wl4 span{transform-origin: 100% 0;}
.intro .bl_bg .wl span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transition:1.5s;transition-delay:0.3s;}
.intro .bl_bg .wl1 span::before{transform-origin: 0 0;transform:scaleY(0);}
.intro .bl_bg .wl2 span::before{transform-origin: 0 100%;transform:scaleY(0);}
.intro .bl_bg .wl3 span::before{transform-origin: 0 0;transform:scaleX(0);}
.intro .bl_bg .wl4 span::before{transform-origin: 100% 0;transform:scaleX(0);}
.intro .bl_bg .clip{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;pointer-events:none;clip-path: inset(99.9% 0 0 0);transition:1.5s linear;}
.intro .bl_bg .clip .vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.intro .bl_bg .clip .vd span{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.intro .bl_bg .clip .vd iframe{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 57vw;}
.intro .bl_bg .clip .vd1{clip-path: inset(0 5.2083% 0 5.2083%);}
.intro .bl_bg .clip .vd2{clip-path: inset(99.9% 0 0 0);}
.intro .bl_bg .clip .vd2 span{clip-path: inset(0 43% 0 43%);}
.intro .bl_bg .clip .mask{position:absolute;left: 0;top: 0;width:100%;height:100%;z-index: 1;transition:1.5s;transition-delay:1.5s;transition-timing-function: linear;}
.intro .bl_bg .clip .mask span{position:absolute;background-color:#000;}
.intro .bl_bg .clip .mask .top{left:0;top:0;width:100%;height:10%;}
.intro .bl_bg .clip .mask .bottom{left:0;bottom:0;width:100%;height:10%;}
.intro .bl_bg .clip .mask .left{left:0;top:0;width:10%;height:100%;}
.intro .bl_bg .clip .mask .right{right:0;top:0;width:10%;height:100%;}
.intro .bl_bg .clip .mask img{width: 100%;height: 100%;object-fit: cover;position:relative;left: -0.03vw;top: 0vw;}
.open .intro .bl_bg .logo{opacity:0.2;}
.open .intro .bl_bg .logo .line{opacity: 0;}
.open .intro .bl_bg .logo .line path{stroke-dashoffset: 0;opacity: 1;}
.open .intro .bl_bg .logo .fill .f1,
.open .intro .bl_bg .logo .fill .f4{clip-path: inset(0 0 0 0);}
.open .intro .bl_bg .logo .fill .f2,
.open .intro .bl_bg .logo .fill .f3,
.open .intro .bl_bg .logo .fill .f5,
.open .intro .bl_bg .logo .fill .f6{transform:none;opacity: 1;}
.open .intro .bl_bg .txt dl dt ul li{transform: none;}
.open .intro .bl_bg .txt dl dd ul li{opacity:1;transform: none;}
.open .intro .bl_bg .btn{opacity: 1;pointer-events: auto;}
.enter .intro .bl_bg .btn{pointer-events: none;opacity: 0;}
.enter .intro .bl_bg .btn button{opacity: 0;}
.enter .intro .bl_bg .btn button::before{transform: scaleY(1.6) scaleX(1.3);opacity: 0;}
.enter .intro .bl_bg .btn p{opacity: 0;}
.enter .intro .bl_bg .txt dl dt ul li img{transform:translate(0,-105%);}
.enter .intro .bl_bg .txt dl dd ul li img{filter:blur(0.5vw);opacity:0;}
.enter .intro .bl_bg .wl span::before{transform:none;}
.enter .intro .bl_bg .wl1,
.enter .intro .bl_bg .wl2{transform:scaleY(0);}
.enter .intro .bl_bg .wl3,
.enter .intro .bl_bg .wl4{transform:scaleX(0);}
.enter .intro .bl_bg .clip{clip-path: inset(0% 0 0 0);}
.enter .intro .bl_bg .clip .mask{opacity:0;}
.no_intro .intro .bl_bg .clip{clip-path: none;}
.no_intro .intro .bl_bg .area,
.no_intro .intro .bl_bg .clip .mask{display:none;}
.intro .bl_bg .clip .vd2 span.move,
.intro .bl_bg .clip .vd2.move{clip-path: inset(0 0 0 0) !important;transition:1.8s;}
.sk .intro .bl_bg .clip .vd2,
.sk .intro .bl_bg .clip .vd2 span{transition:1.2s;clip-path: inset(0 0 0 0) !important;}
.sk .intro .bl_bg .wl1 span,
.sk .intro .bl_bg .wl2 span{transform:scaleY(0);}
.sk .intro .bl_bg .wl3 span,
.sk .intro .bl_bg .wl4 span{transform:scaleX(0);}
@media all and (max-aspect-ratio:18/10){
	.intro .bl_bg .clip .vd iframe{height: 100%;width:178vh;}
}

.aspect_ratio_17 .intro .bl_bg .area{margin-bottom: -5.6vh;}
.aspect_ratio_17 .intro .bl_bg .logo{width: 16.3vh;}
.aspect_ratio_17 .intro .bl_bg .txt dl{margin-top: -7vh;}
.aspect_ratio_17 .intro .bl_bg .txt dl dt{margin-bottom: 4.5vh;}
.aspect_ratio_17 .intro .bl_bg .txt dl dt ul{width: 19vh;}
.aspect_ratio_17 .intro .bl_bg .txt dl dd ul{width: 35vh;}
.aspect_ratio_17 .intro .bl_bg .btn{margin-top: 6vh;}
.aspect_ratio_17 .intro .bl_bg .btn button{padding: 1.1vh 3.5vh;}
.aspect_ratio_17 .intro .bl_bg .btn button span{font-size: 1.8vh;}
.aspect_ratio_17 .intro .bl_bg .btn p{margin-top: 2vh;font-size: 1.6vh;}

.aspect_ratio_13 .intro .bl_bg .clip .vd2 span{clip-path: inset(0 40% 0 40%);}
.aspect_ratio_13 .intro .bl_bg .clip .vd2 span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}

.aspect_ratio_10 .intro .bl_bg .wl1,
.aspect_ratio_10 .intro .bl_bg .wl2{height:11%;}
.aspect_ratio_10 .intro .bl_bg .clip .vd1{clip-path: inset(0 7% 0 7%);}

.aspect_ratio_7 .intro .bl_bg .area{margin-top:1.8vh;}
.aspect_ratio_7 .intro .bl_bg .clip .mask span{background-color:#fff;}
.aspect_ratio_7 .intro .bl_bg .clip .mask img{transform:scale(0.9);left:-0.3vw;}
.aspect_ratio_7 .intro .bl_bg .clip .vd2 span{clip-path: inset(0 35% 0 35%);}
.aspect_ratio_7 .intro .bl_bg .logo{width:14.7vh;}
.aspect_ratio_7 .intro .bl_bg .txt{margin-top:-3vh;}
.aspect_ratio_7 .intro .bl_bg .txt dl dt{margin-bottom:3.5vh;}
.aspect_ratio_7 .intro .bl_bg .txt dl dt ul{width:17vh;}
.aspect_ratio_7 .intro .bl_bg .txt dl dd ul{width:32vh;}

.vis{height:100%;position:relative;pointer-events:none;z-index:2;}
.vis .items{height:100%;position:relative;}
.vis .skip{position:absolute;right:5.2083%;bottom:12.5%;overflow:hidden;cursor:pointer;transition:0.6s;transition-delay:5s;}
.vis .skip span{overflow:hidden;display:block;position:relative;transition:0.6s;}
.vis .skip span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;transition-delay:0.5s;}
.vis .skip p{color:#000;font-weight:600;font-size:0.6771vw;font-family:"Jost";padding-bottom: 0.1042vw;transform:translate(0,105%);transition:0.6s;transition-delay:0.5s;}
.vis_txt{position:absolute;left:5.2083%;bottom:23.125%;}
.vis_txt .vt{display:flex;gap: 0 2.6042vw;align-items:flex-end;transition:1s;}
.vis_txt dl{mask-image: linear-gradient(315deg, transparent 0%, transparent 33.33%, #000 66.66%, #000 100%);mask-size: 300% 300%;mask-repeat: no-repeat;mask-position: 100% 100%;transition: 4s;}
.vis_txt dl dt{width:9.7917vw;margin-bottom:2.0833vw;margin-left:4.1667vw;}
.vis_txt dl dd{width:18.0729vw;}
.vis_txt .t1{font-size:1.1458vw;line-height:1.45em;}
.vis_txt .t1 p{overflow:hidden;}
.vis_txt .t1 p span{display:block;opacity:0;transform:translate(0,105%);transition:1.2s;transition-timing-function: ease-in-out;}
.vis_txt .t2{font-weight:600;font-size:1.4063vw;margin-top:1.5625vw;}
.vis_txt .t2 p{overflow:hidden;}
.vis_txt .t2 p span{display:block;opacity:0;transform:translate(0,110%);transition:1.2s;transition-timing-function: ease-in-out;}
.vis_txt.wh .t1,
.vis_txt.wh .t2{color:#fff;}
.vis_txt.bl{overflow:hidden;}
.vis_txt.bl .t1,
.vis_txt.bl .t2{color:#191919;}
.vis .quick{position:absolute;right:3.125%;bottom:8.3333%;width: 6.5104vw;pointer-events:none;opacity:0;transition:1s;}
.vis .quick a{display:block;}
.vis .quick a span{display:block;position: relative;width: 100%;height: 100%;}
.vis .quick a span img{transition: 0.8s;}
.vis .quick a span::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/quick-rot.png) no-repeat center / contain;animation: rot 8s linear infinite;}
.vis .quick a span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;border-radius: 50%;z-index: 1;opacity: 0;transform: scale(0.4);transition: 0.6s;}
.vis .quick a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;transition: 0.6s;}
.vis .quick a em::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/quick-rot-ho.png) no-repeat center / contain;animation: rot 8s linear infinite;}
.vis .quick a em::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/quick-arr-ho.png) no-repeat center / contain;}
.vis .quick a:hover span::after,
.vis .quick a:hover em{opacity: 1;transform: none;}
.vis .quick a:hover span img{opacity: 0;}
@keyframes rot {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.vis .sound{display:flex;align-items:center;gap: 0 0.75vw;cursor:pointer;position:absolute;left:5.2083%;bottom:3%;z-index:10;opacity:0;transition:1s;}
.vis .sound span{width:1.4063vw;position:relative;overflow:hidden;}
.vis .sound span em{display:block;height:100%;animation: sound 2s linear infinite;animation-play-state: paused;}
.vis .sound span img ~ img{position:absolute;left:100%;top:0;width:100%;}
.vis .sound p{color:#fff;font-size:0.7292vw;}
.vis .sound.on span em{animation-play-state: running;}
@keyframes sound {
	0%{transform:translate(0,0);}
	100%{transform:translate(-100%,0);}
}
.enter .vis{pointer-events:auto;}
.enter .vis .skip{opacity:0;}
.enter .vis .skip span::before,
.enter .vis .skip p{opacity:1;transform:none;}
.vis_txt dl.move{mask-position: 0% 0%;}
.sk .vis_txt dl{mask-position: 0% 0%;transition-delay:0.5s;}
.vis_txt .t1.move p span,
.vis_txt .t2.move p span{opacity:1;transform:none;}
.sk .vis_txt .t1 p span,
.sk .vis_txt .t2 p span{opacity:1;transform:none;transition-delay:0.8s;}
.vis .quick.move,
.vis .sound.move{opacity:1;pointer-events:auto;}
.sk .vis .quick,
.sk .vis .sound{opacity:1;pointer-events:auto;transition-delay:1.2s;}
.sk .vis .skip span{opacity:0;pointer-events:none;}

.aspect_ratio_17 .vis_txt{left:7%;bottom:20%;}
.aspect_ratio_17 .vis_txt .vt{gap: 0 4vw;}
.aspect_ratio_17 .vis_txt dl dt{width:12vw;margin-bottom:3vw;margin-left: 5.1vw;}
.aspect_ratio_17 .vis_txt dl dd{width:22vw;}
.aspect_ratio_17 .vis_txt .t1{font-size: 1.4vw;}
.aspect_ratio_17 .vis_txt .t2{font-size: 1.75vw;margin-top: 2vw;}
.aspect_ratio_17 .vis .quick{width: 8.5vw;bottom: 7%;}
.aspect_ratio_17 .vis .sound{bottom: 5%;gap: 0 1vw;}
.aspect_ratio_17 .vis .sound span{width: 2vw;}
.aspect_ratio_17 .vis .sound p{font-size: 1vw;}
.aspect_ratio_17 .vis .skip p{font-size:1vw;}

.aspect_ratio_13 .vis .quick{right: 4%;width: 10vw;}
.aspect_ratio_13 .vis .sound{bottom: 6%;}
.aspect_ratio_13 .vis .sound span{width: 2.5vw;}
.aspect_ratio_13 .vis .sound p{font-size: 1.2vw;}
.aspect_ratio_13 .vis_txt{left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.aspect_ratio_13 .vis_txt .vt{display: block;}
.aspect_ratio_13 .vis_txt .vt > div{text-align: center;}
.aspect_ratio_13 .vis_txt dl{margin-bottom: 4.5vw;}
.aspect_ratio_13 .vis_txt dl dt{margin: 0 auto;margin-bottom: 3.5vw;width: 14vw;}
.aspect_ratio_13 .vis_txt dl dd{margin: 0 auto;width: 25vw;}
.aspect_ratio_13 .vis_txt .t1{font-size: 1.85vw;}
.aspect_ratio_13 .vis_txt .t2{font-size: 2.35vw;line-height: 1.39em;margin-top: 1.5vw;}
.aspect_ratio_13 .vis .skip p{font-size:1.3vw;}

.aspect_ratio_10 .vis .skip{right:5%;bottom:calc(6% - 2vw);padding: 2vw;}
.aspect_ratio_10 .vis .skip p{font-size:2vw;}
.aspect_ratio_10 .vis .sound{left:5.5556vw;gap: 0 2vw;}
.aspect_ratio_10 .vis .sound span{width:3.5vw;}
.aspect_ratio_10 .vis .sound p{font-size:1.6vw;}
.aspect_ratio_10 .vis .quick{right:5.5556vw;bottom:6%;width: 13vw;}
.aspect_ratio_10 .vis_txt dl{margin-bottom: 7vw;}
.aspect_ratio_10 .vis_txt dl dt{width: 18vw;margin-bottom: 4.5vw;}
.aspect_ratio_10 .vis_txt dl dd{width: 35vw;}
.aspect_ratio_10 .vis_txt .t1{font-size: 2.7vw;}
.aspect_ratio_10 .vis_txt .t2{font-size: 3.2vw;margin-top: 2vw;}

.aspect_ratio_7 .vis .sound{bottom:calc(7% - 2vw);left:3.5556vw;padding: 2vw;}
.aspect_ratio_7 .vis .sound span{width:6vw;}
.aspect_ratio_7 .vis .sound p{font-size:2.8vw;}
.aspect_ratio_7 .vis .quick{width:17.3611vw;right:5.5556%;bottom:7%;}
.aspect_ratio_7 .vis .skip p{font-size:3.5vw;}
.aspect_ratio_7 .vis_txt .vt{margin-top: -4.2969vh;}
.aspect_ratio_7 .vis_txt dl{margin-bottom:8.3333vw;}
.aspect_ratio_7 .vis_txt dl dt{width:28.75vw;margin-bottom:6.25vw;}
.aspect_ratio_7 .vis_txt dl dd{width:53.0556vw;}
.aspect_ratio_7 .vis_txt .t1{font-size:4.1667vw;}
.aspect_ratio_7 .vis_txt .t2{font-size:5vw;margin-top:3.1944vw;}

.main1{height:100dvh;position:relative;}
.main1 .hg{height: 100dvh;position: relative;}
.window{position:relative;height:100%;overflow:hidden;transition:1s;}
.window .fade{height:100%;position:relative;}
.window .wd{position:relative;height:100%;clip-path:inset(0 0 0 0);transition:1.2s;}
.main1_sd{position:absolute;left:0;top:0;width:1px;height:1px;}
.main1 .typo{position:absolute;right:5.2083vw;bottom:4.7%;width:36.9792vw;}
.main1 .typo svg g path{fill: none;stroke-miterlimit: 10;}
.main1 .typo.bl svg g path{stroke: #000;}
.main1 .typo.wh svg g path{stroke: #fff;}
.main1 .typo svg .p6{stroke-width: 6px;}
.main1 .typo svg .p7{stroke-width: 7px;}
.main1 .typo svg .p10{stroke-width: 10px;}
.main1 .typo svg .p13{stroke-width: 13px;}
.main1 .typo svg .t1{stroke-dasharray: 20px;stroke-dashoffset: 20px;transition:0.2s;}
.main1 .typo svg .t2{stroke-dasharray: 50px;stroke-dashoffset: 50px;transition:0.6s;}
.main1 .typo svg .t3{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.8s;}
.main1 .typo svg .t4{stroke-dasharray: 165px;stroke-dashoffset: 165px;transition:0.8s;}
.main1 .typo svg .t5{stroke-dasharray: 145px;stroke-dashoffset: 145px;transition:0.8s;}
.main1 .typo svg .t6{stroke-dasharray: 125px;stroke-dashoffset: 125px;transition:0.8s;}
.main1 .typo svg .t7{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.8s;}
.main1 .typo svg .t8{stroke-dasharray: 165px;stroke-dashoffset: 165px;transition:0.8s;}
.main1 .typo svg .t9{stroke-dasharray: 325px;stroke-dashoffset: 325px;transition:0.9s;}
.main1 .typo svg .t10{stroke-dasharray: 280px;stroke-dashoffset: 280px;transition:0.9s;}
.main1 .typo svg .t11{stroke-dasharray: 215px;stroke-dashoffset: 215px;transition:0.9s;}
.main1 .typo svg .t12{stroke-dasharray: 145px;stroke-dashoffset: 145px;transition:0.8s;}
.main1 .typo svg .t13{stroke-dasharray: 715px;stroke-dashoffset: 715px;transition:1.2s;}
.main1 .keywords_txt{position:absolute;left:25.7813%;bottom:14.0625%;opacity:0;transform:translate(25%,0);transition:1s;}
.main1 .keywords_txt .t1{color:#000;font-family: 'GangwonEducationModuche';font-weight: 600;font-size:1.5625vw;line-height:1.5em;margin-bottom:4.6875vw;}
.main1 .keywords_txt .t2{display:flex;align-items:center;gap: 0 0.6771vw;margin-bottom:2.0833vw;}
.main1 .keywords_txt .t2 span{width:7.9167vw;}
.main1 .keywords_txt .t2 strong{width:11.875vw;}
.main1 .keywords_txt dl dt{color:#000;font-weight:600;font-size:1.3542vw;letter-spacing:-0.05em;}
.main1 .keywords_txt dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;margin-top:1.0417vw;}
.main1 .keywords_sd{position:absolute;width: 18%;height: 67.2%;left: 10.1%;top: 19%;overflow:hidden;transform:scale(1.5);pointer-events:none;opacity:0;transition:1s;}
.main1 .keywords_sd span{display:block;height:100%;background: no-repeat center / cover;filter:blur(1vw);transition:0.6s;}
.main1 .keywords_sd .i1{background-image:url(../images/keywords-img1.jpg);}
.main1 .keywords_sd .i2{background-image:url(../images/keywords-img2.jpg);}
.main1 .keywords_sd .i3{background-image:url(../images/keywords-img3.jpg);}
.main1 .keywords_sd .i4{background-image:url(../images/keywords-img4.jpg);}
.main1 .keywords_sd .swiper-slide-active span{filter:blur(0px);}
.main1#on2 .window{transform:translate(-5%,0);transition-delay:1.7s;}
.main1#on2 .window .wd{clip-path:inset(19.2708% 72.0833% 14.0625% 10.2083%);transition-delay:0.4s;}
.main1#on2 .typo svg .t1{stroke-dashoffset:0;}
.main1#on2 .typo svg .t2{stroke-dashoffset:0;transition-delay:0.1s;}
.main1#on2 .typo svg .t3{stroke-dashoffset:0;}
.main1#on2 .typo svg .t4{stroke-dashoffset:0;transition-delay:0.2s;}
.main1#on2 .typo svg .t5{stroke-dashoffset:0;transition-delay:0.3s;}
.main1#on2 .typo svg .t6{stroke-dashoffset:0;transition-delay:0.4s;}
.main1#on2 .typo svg .t7{stroke-dashoffset:0;transition-delay:0.5s;}
.main1#on2 .typo svg .t8{stroke-dashoffset:0;transition-delay:0.6s;}
.main1#on2 .typo svg .t9{stroke-dashoffset:0;transition-delay:0.7s;}
.main1#on2 .typo svg .t10{stroke-dashoffset:0;transition-delay:0.7s;}
.main1#on2 .typo svg .t11{stroke-dashoffset:0;transition-delay:0.8s;}
.main1#on2 .typo svg .t12{stroke-dashoffset:0;transition-delay:0.9s;}
.main1#on2 .typo svg .t13{stroke-dashoffset:0;transition-delay:1s;}
.main1#on2 .vis_txt .vt{opacity:0;transition-delay:0.4s;}
.main1#on2 .keywords_txt{opacity:1;transform:none;transition-delay:1.7s;}
.main1#on2 .keywords_sd{opacity:1;transform:none;z-index:1;transition-delay:1.5s;}
.no_intro .main1 .hg{animation: opa 1.1s linear;}
@keyframes opa {
	0%{opacity:0;}
	95%{opacity:0;}
	100%{opacity:1;}
}

.aspect_ratio_17 .main1 .keywords_sd{width: 20.2%;height: 65.2%;left: 9.9%;top: 19.9%;}
.aspect_ratio_17 .main1#on2 .window .wd{clip-path: inset(20% 70% 15% 10%);}
.aspect_ratio_17 .main1 .keywords_txt{left: 28%;bottom: 15%;}
.aspect_ratio_17 .main1 .typo{bottom: 6%;}
.aspect_ratio_17 .main1 .keywords_txt .t1{font-size: 1.8vw;margin-bottom:5vw;}
.aspect_ratio_17 .main1 .keywords_txt .t2{gap: 0 0.8vw;margin-bottom: 2.5vw;}
.aspect_ratio_17 .main1 .keywords_txt .t2 span{width: 9vw;}
.aspect_ratio_17 .main1 .keywords_txt .t2 strong{width: 13vw;}
.aspect_ratio_17 .main1 .keywords_txt dl dt{font-size: 1.52vw;}
.aspect_ratio_17 .main1 .keywords_txt dl dd{font-size: 1.23vw;margin-top: 1.2vw;}

.aspect_ratio_13 .main1 .keywords_sd{width: 80.2%;height: 25.2%;top:24.9%;}
.aspect_ratio_13 .main1 .keywords_txt{top: 60%;left: 15%;bottom:auto;}
.aspect_ratio_13 .main1 .typo{width: 40vw;bottom:auto;top:13%;right: 15%;z-index: 1;}
.aspect_ratio_13 .main1 .typo.wh{display:none;}
.aspect_ratio_13 .main1 .keywords_txt .t1{font-size:2.2vw;}
.aspect_ratio_13 .main1 .keywords_txt .t2{gap: 0 1.2vw;margin-bottom: 3.5vw;}
.aspect_ratio_13 .main1 .keywords_txt .t2 span{width:10vw;}
.aspect_ratio_13 .main1 .keywords_txt .t2 strong{width:16vw;}
.aspect_ratio_13 .main1 .keywords_txt dl dt{font-size:2vw;}
.aspect_ratio_13 .main1 .keywords_txt dl dd{font-size:1.65vw;margin-top: 1.5vw;}
.aspect_ratio_13 .main1 .keywords_sd .i1{background-image:url(../images/keywords-img1-m.jpg);}
.aspect_ratio_13 .main1 .keywords_sd .i2{background-image:url(../images/keywords-img2-m.jpg);}
.aspect_ratio_13 .main1 .keywords_sd .i3{background-image:url(../images/keywords-img3-m.jpg);}
.aspect_ratio_13 .main1 .keywords_sd .i4{background-image:url(../images/keywords-img4-m.jpg);}
.aspect_ratio_13 .main1#on2 .window{transform:none;}
.aspect_ratio_13 .main1#on2 .window .wd{clip-path: inset(25% 10% 50% 10%);}
.aspect_ratio_13 .main1#on2 .typo svg .t1{transition-delay:0.8s;}
.aspect_ratio_13 .main1#on2 .typo svg .t2{transition-delay:0.9s;}
.aspect_ratio_13 .main1#on2 .typo svg .t3{transition-delay:0.8s;}
.aspect_ratio_13 .main1#on2 .typo svg .t4{transition-delay:1s;}
.aspect_ratio_13 .main1#on2 .typo svg .t5{transition-delay:1.1s;}
.aspect_ratio_13 .main1#on2 .typo svg .t6{transition-delay:1.2s;}
.aspect_ratio_13 .main1#on2 .typo svg .t7{transition-delay:1.3s;}
.aspect_ratio_13 .main1#on2 .typo svg .t8{transition-delay:1.4s;}
.aspect_ratio_13 .main1#on2 .typo svg .t9{transition-delay:1.5s;}
.aspect_ratio_13 .main1#on2 .typo svg .t10{transition-delay:1.5s;}
.aspect_ratio_13 .main1#on2 .typo svg .t11{transition-delay:1.6s;}
.aspect_ratio_13 .main1#on2 .typo svg .t12{transition-delay:1.7s;}
.aspect_ratio_13 .main1#on2 .typo svg .t13{transition-delay:1.8s;}

.aspect_ratio_10 .main1 .typo{width:45vw;top: 15%;}
.aspect_ratio_10 .main1 .keywords_txt .t1{font-size:3vw;}
.aspect_ratio_10 .main1 .keywords_txt .t2{margin-bottom: 4vw;}
.aspect_ratio_10 .main1 .keywords_txt .t2 span{width:13vw;}
.aspect_ratio_10 .main1 .keywords_txt .t2 strong{width: 21vw;}
.aspect_ratio_10 .main1 .keywords_txt dl dt{font-size:2.7vw;}
.aspect_ratio_10 .main1 .keywords_txt dl dd{font-size:2.2vw;margin-top: 2vw;}

.aspect_ratio_7 .main1 .typo{width:67.3611vw;top: 19%;right: 5.5556%;}
.aspect_ratio_7 .main1 .typo .skew{transform: translate(30px,0) skewX(-10deg);}
.aspect_ratio_7 .main1 .keywords_txt{top:57%;left:11.1111%;}
.aspect_ratio_7 .main1 .keywords_txt .t1{font-size:4.7222vw;margin-bottom:12.5vw;}
.aspect_ratio_7 .main1 .keywords_txt .t2{margin-bottom:4.8611vw;gap: 0 1.8056vw;}
.aspect_ratio_7 .main1 .keywords_txt .t2 span{width:21.1111vw;}
.aspect_ratio_7 .main1 .keywords_txt .t2 strong{width:31.6667vw;}
.aspect_ratio_7 .main1 .keywords_txt dl dt{font-size:4.1667vw;}
.aspect_ratio_7 .main1 .keywords_txt dl dd{font-size:3.3333vw;margin-top:4.1667vw;}
.aspect_ratio_7 .main1 .keywords_sd{top:27.9%;left: 5.4%;width: 89.2%;height:22.2%;}
.aspect_ratio_7 .main1#on2 .window .wd{clip-path: inset(28% 5.5556% 50% 5.5556%);}

.con_tit{z-index:1;display:flex;}
.con_tit p{font-family: 'TIMESS';font-size:0.9375vw;letter-spacing:0.05em;position:relative;overflow:hidden;}
.con_tit.wh p{color:#fff;}
.con_tit.bl p{color:#000;}
.con_tit p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.con_tit.wh p::before{background-color:#fff;}
.con_tit.bl p::before{background-color:#000;}
.con_tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.con_tit.active p::before,
.con_tit.active p span{transform:none;}
.history .con_tit{position:absolute;top:19.7917%;left:5.2083%;}

.aspect_ratio_17 .con_tit p{font-size: 1.15vw;}

.aspect_ratio_13 .con_tit p{font-size: 1.4vw;}
.aspect_ratio_13 .con_tit p::before,
.aspect_ratio_13 .con_tit p span{transform:none;}
.aspect_ratio_13 .history .con_tit{display:none;}

.aspect_ratio_10 .con_tit p{font-size:1.9vw;}

.aspect_ratio_7 .con_tit p{font-size:2.7778vw;}

.con_txt dl dt{font-size:3.125vw;line-height:1.17em;font-family: 'TIMESS';transform: translate(-1%,0) scaleX(1.1);transform-origin: 0 0;letter-spacing:-0.05em;}
.con_txt dl dt p{overflow:hidden;}
.con_txt dl dt p span{display:block;transform:translate(0,100%);transition:1s;}
.con_txt dl dd{font-size:0.8854vw;letter-spacing:-0.05em;margin-top:1.5625vw;}
.con_txt dl dd p{overflow:hidden;}
.con_txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.con_txt.wh dl dt,
.con_txt.wh dl dd{color:#fff;}
.con_txt.bl dl dt,
.con_txt.bl dl dd{color:#000;}
.con_txt.active dl dt p span,
.con_txt.active dl dd p span{transform:none;}

.aspect_ratio_17 .con_txt dl dt{font-size: 3.6vw;}
.aspect_ratio_17 .con_txt dl dd{font-size: 1.1vw;margin-top: 1.8vw;}

.aspect_ratio_13 .con_txt dl dt{font-size:4.4vw;transform: translate(-0.3vw, 0) scaleX(1.1);}
.aspect_ratio_13 .con_txt dl dt p span{transform:none;}
.aspect_ratio_13 .con_txt dl dd{font-size: 1.5vw;}
.aspect_ratio_13 .con_txt dl dd p span{transform:none;}

.aspect_ratio_10 .con_txt dl dt{font-size:5.9vw;}
.aspect_ratio_10 .con_txt dl dd{font-size:2vw;margin-top:3vw;}

.aspect_ratio_7 .con_txt dl dt{font-size:8.3333vw;}
.aspect_ratio_7 .con_txt dl dd{font-size:3.0556vw;margin-top:4.8611vw;}

.history{height:100dvh;margin-top:5.375vw;position:relative;}
.history .area{height:100%;transform:translate(0,7vw);}
.history ul{height:100%;position:relative;display:flex;}
.history ul li{position:absolute;right:0;top:0;height:100%;overflow:hidden;transition:1s;}
.history ul .h1{width:100%;}
.history ul .h2{width:66.67%;clip-path: inset(0 0 0 100%);}
.history ul .h3{width:33.34%;clip-path: inset(0 0 0 100%);transition-delay:0.5s;}
.history ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.history ul .h1 .bg{transition:1.6s;transition-delay:0.3s;}
.history ul .h2 .bg{transition:1.4s;transition-delay:0.5s;}
.history ul li .bg span{display:block;height:100%;background:no-repeat center / cover;}
.history ul .h1 .bg span{background-image:url(../images/history-img1.jpg);}
.history ul .h2 .bg span{background-image:url(../images/history-img2.jpg);}
.history ul .h3 .bg span{background-image:url(../images/history-img3.jpg);}
.history ul li .bg p{color:rgba(255,255,255,0.3);letter-spacing:-0.05em;font-size:0.7813vw;position:absolute;right:1.0417vw;bottom:1.0417vw;}
.history ul li .txt{position:absolute;left:5.1563vw;bottom:10%;}
.history ul li .txt dl dt{color:#fff;font-family: 'TIMESS';font-size:1.875vw;transform:scaleX(1.1);transform-origin: 0 0;}
.history ul li .txt dl dt p{overflow:hidden;}
.history ul li .txt dl dt p span{display:block;transform:translate(0,100%);transition:1s;}
.history ul li .txt dl dd{color:#fff;font-size:0.8854vw;letter-spacing:-0.05em;line-height:1.53em;margin-top:1.8229vw;}
.history ul li .txt dl dd .l1{line-height:1em;}
.history ul li .txt dl dd p{overflow:hidden;}
.history ul li .txt dl dd p span{display:block;transform:translate(0,100%);transition:1s;}
.history ul .h2 .txt dl dt p span,
.history ul .h2 .txt dl dd p span{transition-delay:0.2s;}
.history ul .h3 .txt dl dt p span,
.history ul .h3 .txt dl dd p span{transition-delay:0.4s;}
.history.active ul .h2,
.history.active ul .h3{clip-path: inset(0 0 0 0);}
.history.active ul .h1 .bg{width:33.35%;}
.history.active ul .h2 .bg{width:50%;}
.history ul.active li .txt dl dt p span,
.history ul.active li .txt dl dd p span{opacity:1;transform:none;}

.aspect_ratio_17 .history{margin-top: 6vw;}
.aspect_ratio_17 .history ul li .txt dl dt{font-size: 2.2vw;}
.aspect_ratio_17 .history ul li .txt dl dd{font-size: 1.05vw;margin-top: 2vw;}
.aspect_ratio_17 .history ul li .bg p{font-size: 0.9vw;}

.aspect_ratio_13 .history{margin-top: 8vw;}
.aspect_ratio_13 .history .area{transform: translate(0, 10vw);}
.aspect_ratio_13 .history ul{display:block;}
.aspect_ratio_13 .history ul li{position:relative;width:100%;height:33.33%;clip-path: inset(0 0 0 0);}
.aspect_ratio_13 .history ul li .bg{width:100%;}
.aspect_ratio_13 .history ul li .bg p{font-size: 1.2vw;right: 1.5vw;bottom: 1.5vw;}
.aspect_ratio_13 .history ul li .txt{bottom:auto;top:15%;}
.aspect_ratio_13 .history ul li .txt dl dt{display:flex;font-size: 2.4vw;}
.aspect_ratio_13 .history ul li .txt dl dt p span,
.aspect_ratio_13 .history ul li .txt dl dd p span{transform:none;}
.aspect_ratio_13 .history ul li .txt dl dd{font-size: 1.4vw;margin-top: 1.5vw;}
.aspect_ratio_13 .history.active ul li .bg{width:100%;}

.aspect_ratio_10 .history{box-sizing:content-box;padding-bottom:4vw;}
.aspect_ratio_10 .history ul .h3{height: calc(33.33% + 4vw);}
.aspect_ratio_10 .history ul .h1 .bg span{background-image: url(../images/history-img1-m.jpg);}
.aspect_ratio_10 .history ul .h2 .bg span{background-image: url(../images/history-img2-m.jpg);}
.aspect_ratio_10 .history ul .h3 .bg span{background-image: url(../images/history-img3-m.jpg?ver=1);}
.aspect_ratio_10 .history ul li .bg p{right: 2.5vw;bottom: 2.5vw;font-size: 1.7vw;bottom:2.7778vw;right:5.5556vw;}
.aspect_ratio_10 .history ul li .txt dl dt{font-size:3.2vw;}
.aspect_ratio_10 .history ul li .txt dl dd{font-size:1.9vw;}

.aspect_ratio_7 .history{margin-top: 12vw;padding-bottom:7vw;}
.aspect_ratio_7 .history ul .h3{height: calc(33.33% + 7vw);}
.aspect_ratio_7 .history .area{transform: translate(0, 20vw);}
.aspect_ratio_7 .history ul li .bg p{font-size:2.2222vw;}
.aspect_ratio_7 .history ul li .txt{top:22%}
.aspect_ratio_7 .history ul li .txt dl dt{font-size:5vw;}
.aspect_ratio_7 .history ul li .txt dl dd{font-size:2.7778vw;margin-top:3vw;}

.city_plan{position:relative;overflow: hidden;}
.city_plan .area1 .pat{position:relative;z-index:1;margin-bottom:-1px;}
.city_plan .area1 .pat .m{display:none;}
.city_plan .area1 .box{padding: 8.8125vw 4.6875vw  25vw;}
.city_plan .area1 .bg{position:absolute;left:0;top:0;width:100%;height:100%;clip-path: inset(0 0 0 0);overflow:hidden;}
.city_plan .area1 .bg::before{content:"";background:url(../images/cityplan-bg.jpg) no-repeat center / cover;position:fixed;left:0;top:0;width:100%;height:100%;}
.city_plan .area1 .txt_box.ab{position:absolute;}
.city_plan .area1 .txt_box.tb1{margin-top:10.3438vw;}
.city_plan .area1 .txt_box.tb2{left:10.4167vw;top:24vw;}
.city_plan .area1 .txt_box.tb3{right:10.4167vw;top:23.8vw;}
.city_plan .txt_box dl{transition:1.2s;transition-delay:2.6s;}
.city_plan .txt_box dl dt{margin-bottom:1.3021vw;position:relative;}
.city_plan .txt_box dl dt .t1{color:#000;font-size:2.3438vw;letter-spacing:-0.05em;font-weight:300;overflow:hidden;}
.city_plan .txt_box dl dt .t1 p{overflow:hidden;}
.city_plan .txt_box dl dt .t1 p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.2s;}
.city_plan .txt_box dl dt .t2{color:#000;font-weight:300;font-size:2.0833vw;line-height:1.38em;letter-spacing:-0.05em;}
.city_plan .txt_box dl dt .t2 p{overflow:hidden;}
.city_plan .txt_box dl dt .t2 p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.4s;}
.city_plan .txt_box dl dt strong{font-weight:600;}
.city_plan .txt_box dl dd{color:#000;letter-spacing:-0.05em;font-size:1.0417vw;line-height:1.5em;}
.city_plan .txt_box dl dd p{overflow:hidden;}
.city_plan .txt_box dl dd p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.2s;}
.city_plan .txt_box dl dd strong{font-weight:600;}
.city_plan .txt_box .logo strong{display:block;width:16.9792vw;margin: 0 auto;opacity:0;transition:1s;}
.city_plan .txt_box .logo p{text-align:center;color:#000;font-family: 'TIMESS';font-size:3.6458vw;margin-top:0.5208vw;transform:scaleX(1.1);overflow:hidden;}
.city_plan .txt_box .logo p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.2s;}
.city_plan .txt_box.active dl dt .t1 p span,
.city_plan .txt_box.active dl dt .t2 p span,
.city_plan .txt_box.active dl dd p span,
.city_plan .txt_box.active .logo strong,
.city_plan .txt_box.active .logo p span{opacity:1;transform:none;}
.city_plan .area2{position:relative;background-color:#fff;}
.city_plan .area2 .rot{height:100dvh;padding: 0 5.2083vw;}
.city_plan .area2 .rot .hg{width: 100%;height:100dvh;display:flex;align-items:center;}
.city_plan .area2 .rot .cp_sd{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;}
.city_plan .area2 .rot .box{position:relative;width:100%;overflow:hidden;height: 25vw;margin-bottom: -3vw;mask-image: linear-gradient(0deg, transparent 3%, #000 30%, #000 70%, transparent 97%);mask-size: 100%;mask-repeat: no-repeat;mask-position: center;}
.city_plan .area2 .rot ul{height:100%;transform-style: preserve-3d;transition:1s;}
.city_plan .area2 .rot li{position: absolute;left: 0;top: 40%;width: 100%;height:20%;cursor:pointer;backface-visibility: hidden;transform: rotateX(calc(var(--i) * -15deg)) translateZ(19vw);}
.city_plan .area2 .rot .d1{--i: -2;}
.city_plan .area2 .rot .d2{--i: -1;}
.city_plan .area2 .rot .d3{--i: 0;}
.city_plan .area2 .rot .d4{--i: 1;}
.city_plan .area2 .rot .d5{--i: 2;}
.city_plan .area2 .rot .d6{--i: 3;}
.city_plan .area2 .rot .d7{--i: 4;}
.city_plan .area2 .rot .d8{--i: 5;}
.city_plan .area2 .rot .d9{--i: 6;}
.city_plan .area2 .rot .d10{--i: 7;}
.city_plan .area2 .rot li .items{position:relative;height: 100%;display: flex;align-items: center;justify-content: center;opacity:0;transform:translate(0,200%);transition:1.2s;}
.city_plan .area2 .rot li .ho{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index: 1;perspective: 50vw;clip-path: inset(50% 0 50% 0);transition:0.4s;}
.city_plan .area2 .rot li .ho .bg{background: no-repeat center / cover;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.2);transition:1s;}
.city_plan .area2 .rot .r1 .ho .bg{background-image:url(../images/cityplan-rot1.jpg);}
.city_plan .area2 .rot .r2 .ho .bg{background-image:url(../images/cityplan-rot2.jpg);}
.city_plan .area2 .rot .r3 .ho .bg{background-image:url(../images/cityplan-rot3.jpg);}
.city_plan .area2 .rot .r4 .ho .bg{background-image:url(../images/cityplan-rot4.jpg);}
.city_plan .area2 .rot .r5 .ho .bg{background-image:url(../images/cityplan-rot5.jpg);}
.city_plan .area2 .rot li .ho p{color:#fff;letter-spacing:-0.05em;font-size:1.3021vw;position: relative;z-index: 1;opacity:0;transform: translate(0,50%);transition:0.8s;}
.city_plan .area2 .rot li .ho p span{letter-spacing:0em;}
.city_plan .area2 .rot li .ho p em{font-size:0.9375vw;}
.city_plan .area2 .rot li .txt{display:flex;align-items:baseline;justify-content:center;gap: 0 2vw;}
.city_plan .area2 .rot li .txt .t1{font-family: 'TIMESS';color:#000;font-size:0.7813vw;letter-spacing:0.05em;margin-right:0.3vw;position: relative;top: -0.2vw;}
.city_plan .area2 .rot li .txt .t2{font-family: 'TIMESS';color:#000;font-size:2.8646vw;letter-spacing: -0.01em;}
.city_plan .area2 .rot li .txt .t2 span{display: inline-block;transform: scaleX(1.1);}
.city_plan .area2 .rot li .txt .t2 em{font-size:1.0417vw;font-family: 'Pretendard';padding-left: 1.2vw;}
.city_plan .area2 .rot li .txt .t3{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;}
.city_plan .area2 .rot .box.active li.on .ho{clip-path: inset(0 0 0 0);transition-delay:0.4s;}
.city_plan .area2 .rot .box.active li.on .ho .bg{transform:none;transition-delay:0.4s;}
.city_plan .area2 .rot .box.active li.on .ho p{opacity:1;transform:none;transition-delay:0.6s;}
.city_plan .area2 .rot .box.active li .items{transform:none;opacity:1;}
.city_plan .area2 .rot .box.active#rt0 ul{transform: rotateX(0deg);}
.city_plan .area2 .rot .box.active#rt1 ul{transform: rotateX(15deg);}
.city_plan .area2 .rot .box.active#rt2 ul{transform: rotateX(30deg);}
.city_plan .area2 .rot .box.active#rt3 ul{transform: rotateX(45deg);}
.city_plan .area2 .rot .box.active#rt4 ul{transform: rotateX(60deg);}

.aspect_ratio_17 .city_plan .area1 .box{padding: 15vw 4.6875vw 28vw;}
.aspect_ratio_17 .city_plan .area1 .txt_box.tb1{margin-top:12vw;}
.aspect_ratio_17 .city_plan .area1 .txt_box.tb2{left: 7vw;top: 32.5vw;}
.aspect_ratio_17 .city_plan .area1 .txt_box.tb3{right:7vw;top: 32.2vw;}
.aspect_ratio_17 .city_plan .txt_box .logo strong{width: 19vw;}
.aspect_ratio_17 .city_plan .txt_box .logo p{font-size: 4.1vw;margin-top: 1vw;}
.aspect_ratio_17 .city_plan .txt_box dl dt{margin-bottom: 1.5vw;}
.aspect_ratio_17 .city_plan .txt_box dl dt .t1{font-size: 2.7vw;}
.aspect_ratio_17 .city_plan .txt_box dl dt .t2{font-size: 2.4vw;}
.aspect_ratio_17 .city_plan .txt_box dl dd{font-size: 1.21vw;}
.aspect_ratio_17 .city_plan .area2{padding: 8vw 0;}
.aspect_ratio_17 .city_plan .area2 .rot .box{height: 30vw;}
.aspect_ratio_17 .city_plan .area2 .rot li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(23vw);}
.aspect_ratio_17 .city_plan .area2 .rot li .txt{gap: 0 2.4vw;}
.aspect_ratio_17 .city_plan .area2 .rot li .txt .t1{font-size: 1vw;margin-right: 0.6vw;top: -0.5vw;}
.aspect_ratio_17 .city_plan .area2 .rot li .txt .t2{font-size: 3.2vw;}
.aspect_ratio_17 .city_plan .area2 .rot li .txt .t2 em{font-size: 1.2vw;padding-left: 1.5vw;}
.aspect_ratio_17 .city_plan .area2 .rot li .txt .t3{font-size: 1.2vw;}
.aspect_ratio_17 .city_plan .area2 .rot li .ho p{font-size: 1.55vw;}

.aspect_ratio_13 .city_plan .area1 .box{padding: 0 4.6875vw;display:flex;flex-direction:column;justify-content: center;}
.aspect_ratio_13 .city_plan .area1 .txt_box{text-align:center;}
.aspect_ratio_13 .city_plan .area1 .txt_box.ab{position:static;}
.aspect_ratio_13 .city_plan .area1 .txt_box.tb1{margin-top:7vw;}
.aspect_ratio_13 .city_plan .area1 .txt_box.tb2{margin-top:7vw;}
.aspect_ratio_13 .city_plan .area1 .txt_box.tb3{margin-top:7vw;}
.aspect_ratio_13 .city_plan .txt_box dl dt .t1,
.aspect_ratio_13 .city_plan .txt_box dl dt .t2{font-size:3.3vw;}
.aspect_ratio_13 .city_plan .txt_box dl dt .t1 p span,
.aspect_ratio_13 .city_plan .txt_box dl dt .t2 p span,
.aspect_ratio_13 .city_plan .txt_box dl dd p span{transform:none;}
.aspect_ratio_13 .city_plan .txt_box dl dd{font-size: 1.6vw;}
.aspect_ratio_13 .city_plan .txt_box .logo p{font-size: 4.8vw;}
.aspect_ratio_13 .city_plan .txt_box .logo strong{width:22vw;opacity:1;}
.aspect_ratio_13 .city_plan .txt_box .logo p span{transform:none;}
.aspect_ratio_13 .city_plan .area2 .rot .box{height:55vw;}
.aspect_ratio_13 .city_plan .area2 .rot li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(42vw);}
.aspect_ratio_13 .city_plan .area2 .rot li .items{transform:none;opacity:1;}
.aspect_ratio_13 .city_plan .area2 .rot li .txt{flex-wrap:wrap;gap: 0 2.8vw;}
.aspect_ratio_13 .city_plan .area2 .rot li .txt .t1{font-size: 1.5vw;}
.aspect_ratio_13 .city_plan .area2 .rot li .txt .t2{font-size: 3.8vw;}
.aspect_ratio_13 .city_plan .area2 .rot li .txt .t2 em{font-size: 1.65vw;padding-left: 1.7vw;}
.aspect_ratio_13 .city_plan .area2 .rot li .txt .t3{width:100%;font-size: 1.65vw;text-align:center;margin-top: 1.2vw;}
.aspect_ratio_13 .city_plan .area2 .rot li .ho{height:80%;top:10%;}
.aspect_ratio_13 .city_plan .area2 .rot li .ho p{font-size:1.8vw;}

.aspect_ratio_10 .city_plan .area1 .box{padding: 0 5.5556vw;}
.aspect_ratio_10 .city_plan .area1 .txt_box.tb1,
.aspect_ratio_10 .city_plan .area1 .txt_box.tb3{margin-top: 9vw;}
.aspect_ratio_10 .city_plan .txt_box dl dt{margin-bottom:2vw;}
.aspect_ratio_10 .city_plan .txt_box dl dt .t1,
.aspect_ratio_10 .city_plan .txt_box dl dt .t2{font-size:4.4vw;}
.aspect_ratio_10 .city_plan .txt_box dl dd{font-size:2.2vw;}
.aspect_ratio_10 .city_plan .txt_box .logo strong{width:32vw;}
.aspect_ratio_10 .city_plan .txt_box .logo p{font-size: 6.8vw;}
.aspect_ratio_10 .city_plan .area1 .pat .p{display:none;}
.aspect_ratio_10 .city_plan .area1 .pat .m{display:block;}
.aspect_ratio_10 .city_plan .area2 .rot .box{height: 70vw;}
.aspect_ratio_10 .city_plan .area2 .rot li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(50vw);}
.aspect_ratio_10 .city_plan .area2 .rot li .txt .t1{font-size:1.8vw;}
.aspect_ratio_10 .city_plan .area2 .rot li .txt .t2{font-size:5.2vw;}
.aspect_ratio_10 .city_plan .area2 .rot li .txt .t3{font-size:2.2vw;margin-top: 2vw;}
.aspect_ratio_10 .city_plan .area2 .rot li .ho p{font-size:2.5vw;}

.aspect_ratio_7 .city_plan .area1 .box{box-sizing:content-box;padding-bottom: 10vw;}
.aspect_ratio_7 .city_plan .area1 .bg{background-image:url(../images/cityplan-bg-m.jpg);}
.aspect_ratio_7 .city_plan .area1 .txt_box.tb2{margin-top:15.8333vw;}
.aspect_ratio_7 .city_plan .area1 .txt_box.tb1,
.aspect_ratio_7 .city_plan .area1 .txt_box.tb3{margin-top:14vw;}
.aspect_ratio_7 .city_plan .txt_box dl dt{margin-bottom:4.5vw;}
.aspect_ratio_7 .city_plan .txt_box dl dt .t1,
.aspect_ratio_7 .city_plan .txt_box dl dt .t2{font-size:6.9444vw;}
.aspect_ratio_7 .city_plan .txt_box dl dd{font-size:3.3333vw;}
.aspect_ratio_7 .city_plan .txt_box .logo strong{width:50.5556vw;}
.aspect_ratio_7 .city_plan .txt_box .logo p{font-size:10.8333vw;margin-top:2.5vw;}
.aspect_ratio_7 .city_plan .area2{padding: 0 0 20vw;}
.aspect_ratio_7 .city_plan .area2 .rot{padding: 0;}
.aspect_ratio_7 .city_plan .area2 .rot .box{height:115vw;}
.aspect_ratio_7 .city_plan .area2 .rot li{transform: rotateX(calc(var(--i) * -15deg)) translateZ(85vw);}
.aspect_ratio_7 .city_plan .area2 .rot li .txt{gap: 0 5.5vw;}
.aspect_ratio_7 .city_plan .area2 .rot li .txt .t1{font-size:2.7778vw;top: -1vw;}
.aspect_ratio_7 .city_plan .area2 .rot li .txt .t2{font-size:7.6389vw;}
.aspect_ratio_7 .city_plan .area2 .rot li .txt .t2 em{font-size:3.3333vw;padding-left: 2.8vw;}
.aspect_ratio_7 .city_plan .area2 .rot li .txt .t3{font-size:3.3333vw;margin-top:3vw;}
.aspect_ratio_7 .city_plan .area2 .rot .r1 .ho{height:100%;top:0%;}
.aspect_ratio_7 .city_plan .area2 .rot .r1 .ho .bg{background-image:url(../images/cityplan-rot1-m.jpg);}
.aspect_ratio_7 .city_plan .area2 .rot .r2 .ho .bg{background-image:url(../images/cityplan-rot2-m.jpg);}
.aspect_ratio_7 .city_plan .area2 .rot .r3 .ho .bg{background-image:url(../images/cityplan-rot3-m.jpg);}
.aspect_ratio_7 .city_plan .area2 .rot .r4 .ho .bg{background-image:url(../images/cityplan-rot4-m.jpg);}
.aspect_ratio_7 .city_plan .area2 .rot .r5 .ho .bg{background-image:url(../images/cityplan-rot5-m.jpg);}
.aspect_ratio_7 .city_plan .area2 .rot li .ho p{font-size:3.8889vw;}

.brand_story .map{position:relative;margin-top:3vw;background-color:#eae7e1;}
.brand_story .map .area{position:relative;height:100dvh;}
.brand_story .map .con_txt{position:absolute;right:5.2083%;top:35.4167%;z-index: 1;}
.brand_story .map .img{height:100%;position:relative;background-color:#10171d;overflow:hidden;}
.brand_story .map .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.brand_story .map .bg span{display:block;height:100%;background:url(../images/brand-story-map.jpg?ver=1) no-repeat center / cover;opacity:0;transform:scale(1.2);transition:1.4s;}
.brand_story .map .s{position:absolute;left:0;top:0;width:100%;height:100%;filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0));}
.brand_story .map .s span{display:block;height:100%;filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0));transition:1.2s;transition-delay:1.5s;}
.brand_story .map .s span svg{display:block;width:100%;height:100%;filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 0));transition:1.2s;transition-delay:1.5s;}
.brand_story .map .s span .m{display:none;}
.brand_story .map .s span svg .s{fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 7px;stroke-dasharray: 520px;stroke-dashoffset: 520px;transition:1.4s;transition-delay:0.5s;}
.brand_story .map .maker{position:absolute;left:0;top:0;width:100%;height:100%;}
.brand_story .map .maker svg{display:block;width:100%;height:100%;}
.brand_story .map .maker svg .green{fill: #8ce0ae;}
.brand_story .map .maker svg .mk{fill: #8abae2;}
.brand_story .map .maker svg .w{fill: #fff;}
.brand_story .map .maker svg .icon{opacity:0;transform:translate(0,-30px);transition:1s;}
.brand_story .map .maker svg .ic1{transition-delay:1s;}
.brand_story .map .maker svg .ic2{transition-delay:1.2s;}
.brand_story .map .maker svg .ic3{transition-delay:1.4s;}
.brand_story .map .maker svg .ic4{transition-delay:1.6s;}
.brand_story .map .maker svg .ic5{transition-delay:1.8s;}
.brand_story .map .maker svg .icon .t{opacity:0;transform:translate(20px,0);transition:1s 2s;}
.brand_story .map .maker svg .icon .mk{transform:translate(0,-5px);animation:maker 2.5s infinite;}
.brand_story .map .s.active{animation: sline  2s 1.7s linear;}
.brand_story .map .s.active span{filter: drop-shadow(0px 0px 15px rgba(255, 255, 255, 0.5));}
.brand_story .map .s.active span svg{filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 1));}
.brand_story .map .s.active span svg .s{stroke-dashoffset:0;}
.brand_story .map.active .bg span,
.brand_story .map .maker.active svg .icon,
.brand_story .map .maker.active svg .icon .t{opacity:1;transform:none;}
@keyframes sline {
	0%{filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0));}
	50%{filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));}
	100%{filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0));}
}
@keyframes maker {
	0%{transform:translate(0,-5px);}
	50%{transform:translate(0,5px);}
	100%{transform:translate(0,-5px);}
}
.brand_story .sd{padding:9.8958vw 0 15.625vw;position:relative;z-index: -1;}
.brand_story .sd .bg{position:absolute;left:0;top:0;width:100%;height:50%;background-color:#eae7e1;}
.brand_story .sd .txt{padding: 0 5.2083vw;margin-bottom:15.8854vw;position:relative;}
.brand_story .sd .img{position:relative;z-index:1;left:26.7708vw;transform:translate(-5%,0);}
.brand_story .sd .img .box{display:flex;gap: 0 1.4583vw;}
.brand_story .sd .img .items{position:relative;overflow:hidden;flex-shrink: 0;}
.brand_story .sd .img .items i{display:block;width:29.9479vw;transform:scale(1.4);transition:2s;}
.brand_story .sd .img .items dl{position:absolute;top:62%;left:8.6957%;}
.brand_story .sd .img .items dl dt{color:#fff;font-family: 'TIMESS';font-size:2.0833vw;transform:scaleX(1.1);transform-origin: 0 0;overflow:hidden;}
.brand_story .sd .img .items dl dt span{display:block;transform:translate(0,100%);transition:1s;}
.brand_story .sd .img .items dl dd{color:#fff;font-family: 'TIMESS';font-size:0.8854vw;letter-spacing:-0.05em;line-height:1.59em;margin-top:1.1979vw;}
.brand_story .sd .img .items dl dd .m{display: none;}
.brand_story .sd .img .items dl dd .mt{margin-top:0.6771vw;}
.brand_story .sd .img .items dl dd p{overflow:hidden;}
.brand_story .sd .img .items dl dd p span{display:block;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.brand_story .sd .img .cont{display:none;}
.brand_story .sd .img .items i.active,
.brand_story .sd .img .items dl.active dt span,
.brand_story .sd .img .items dl.active dd p span{transform:none;}

.aspect_ratio_17 .brand_story .sd{padding: 11vw 0 16vw;}
.aspect_ratio_17 .brand_story .sd .img{left: 20vw;}
.aspect_ratio_17 .brand_story .sd .txt{margin-bottom: 19vw;}
.aspect_ratio_17 .brand_story .sd .img .items i{width: 32vw;}
.aspect_ratio_17 .brand_story .sd .img .items dl{top: 60%;left: 8%;}
.aspect_ratio_17 .brand_story .sd .img .items dl dt{font-size: 2.5vw;}
.aspect_ratio_17 .brand_story .sd .img .items dl dd{font-size: 1.05vw;}
.aspect_ratio_17 .brand_story .sd .img .items dl dd .m{display: block;}

.aspect_ratio_13 .brand_story .sd{padding: 12vw 0 15vw 10vw;z-index:1;}
.aspect_ratio_13 .brand_story .sd .txt{margin-bottom: 8vw;padding: 0;}
.aspect_ratio_13 .brand_story .sd .txt .con_tit{margin-left: -5vw;}
.aspect_ratio_13 .brand_story .sd .txt .con_txt{margin-top: 7vw;}
.aspect_ratio_13 .brand_story .sd .img{left:0;overflow:hidden;}
.aspect_ratio_13 .brand_story .sd .img .box{gap: 0;}
.aspect_ratio_13 .brand_story .sd .img .items i{width:100%;}
.aspect_ratio_13 .brand_story .sd .img .items dl{top:45%;left: 10%;}
.aspect_ratio_13 .brand_story .sd .img .items dl dt{font-size:3.1vw;}
.aspect_ratio_13 .brand_story .sd .img .items dl dd{font-size: 1.5vw;line-height:1.45em;margin-top: 2vw;}
.aspect_ratio_13 .brand_story .sd .img .items dl dd .mt{margin-top:0;}
.aspect_ratio_13 .brand_story .sd .img .cont{display:flex;align-items:center;gap: 0 2vw;margin-top: 5vw;}
.aspect_ratio_13 .brand_story .sd .img .cont .arr{display:flex;}
.aspect_ratio_13 .brand_story .sd .img .cont .arr button{border:none;background:none;display:block;width:4vw;}
.aspect_ratio_13 .brand_story .sd .img .cont .arr .prev{transform:rotate(180deg);opacity:0.4;}
.aspect_ratio_13 .brand_story .sd .img .cont .arr .next{margin-left: -0.6vw;}
.aspect_ratio_13 .brand_story .sd .img .cont .page{font-size:1.8vw;color:#0f1718;letter-spacing:0.05em;}

.aspect_ratio_10 .brand_story .map{margin-top:0;}
.aspect_ratio_10 .brand_story .map .area{height:auto !important;}
.aspect_ratio_10 .brand_story .map .img{padding-bottom: 97.2222vw;}
.aspect_ratio_10 .brand_story .map .bg span{background-image:url(../images/brand-story-map-m.jpg?ver=1);}
.aspect_ratio_10 .brand_story .map .s span .p{display:none;}
.aspect_ratio_10 .brand_story .map .s span .m{display:block;}
.aspect_ratio_10 .brand_story .sd .txt .con_txt{margin-top:8vw;}
.aspect_ratio_10 .brand_story .sd{padding: 14vw 0 16vw 11.1111vw;}
.aspect_ratio_10 .brand_story .sd .txt{margin-bottom: 10vw;}
.aspect_ratio_10 .brand_story .sd .txt .con_tit{margin-left:-5.5556vw;}
.aspect_ratio_10 .brand_story .sd .img .items dl dt{font-size:4.2vw;}
.aspect_ratio_10 .brand_story .sd .img .items dl dd{font-size: 2vw;margin-top: 3vw;}
.aspect_ratio_10 .brand_story .sd .img .cont{gap: 0 3vw;margin-top:7vw;}
.aspect_ratio_10 .brand_story .sd .img .cont .page{font-size:2.4vw;}
.aspect_ratio_10 .brand_story .sd .img .cont .arr button{width:5.5556vw;}
.aspect_ratio_10 .brand_story .sd .img .cont .arr .next{margin-left:-1vw;}

.aspect_ratio_7 .brand_story .sd{padding: 18.0556vw 0 26.3889vw 11.1111vw;}
.aspect_ratio_7 .brand_story .sd .txt{margin-bottom:13.8889vw;}
.aspect_ratio_7 .brand_story .sd .txt .con_txt{margin-top:11.1111vw;}
.aspect_ratio_7 .brand_story .sd .img .items dl{left:8.6957%;top:39.4737%;opacity:0;transform:translate(0,5vw);transition:1s;}
.aspect_ratio_7 .brand_story .sd .img .items dl dt{font-size:6.1111vw;}
.aspect_ratio_7 .brand_story .sd .img .items dl dd{font-size:3.0556vw;margin-top:4.8611vw;}
.aspect_ratio_7 .brand_story .sd .img .items dl dt span,
.aspect_ratio_7 .brand_story .sd .img .items dl dd span{transform:none;}
.aspect_ratio_7 .brand_story .sd .img .cont{margin-top:9.7222vw;}
.aspect_ratio_7 .brand_story .sd .img .cont .page{font-size:3.6111vw;}
.aspect_ratio_7 .brand_story .sd .img .cont .arr button{width:6vw;}
.aspect_ratio_7 .brand_story .sd .img .items.swiper-slide-active dl{opacity:1;transform:none;transition-delay:0.3s;}

.brand{position:relative;overflow:hidden;}
.brand .con_tit{position:absolute;left:5.2083%;top:19.7917%;}
.brand .sd{position:absolute;left:0;top:0;height: 100%;width: 100%;}
.brand .sd .bg{position:absolute;height: 100%;width: 100%;}
.brand .sd .bg span{display:block;height:100%;background: no-repeat center / cover;transform:scale(1.3);}
.brand .sd .bg1 span{background-image:url(../images/brand-bg1.jpg);}
.brand .sd .bg2 span{background-image:url(../images/brand-bg2.jpg);}
.brand .sd .bg3 span{background-image:url(../images/brand-bg3.jpg);}
.brand .area{position:relative;}
.brand .list{position:absolute;left:10%;bottom:0;width:20%;height: 100%;z-index: 1;}
.brand .list li{position:absolute;bottom:0;}
.brand .list .l1{left:0;height:63.5417%;}
.brand .list .l2{left:50%;height:44.7917%;}
.brand .list .l3{left:100%;height:25.8333%;}
.brand .list li .line{background-color:rgba(255,255,255,0.3);width:1px;height:100%;position:absolute;left:0;bottom:0;transform:scaleY(0);transform-origin: 0 100%;transition:1s;}
.brand .list .l2 .line{transition-delay:0.3s;}
.brand .list .l3 .line{transition-delay:0.6s;}
.brand .list li dl{position:absolute;top:0;left:0.7813vw;display:flex;align-items: flex-start;gap: 0 2.6042vw;opacity:0.5;transition:0.8s;}
.brand .list li dl .icon{flex-shrink: 0;position:relative;opacity:0;transition:0.8s;}
.brand .list li dl .icon span{display:block;}
.brand .list li dl .icon i{display:block;}
.brand .list .l1 dl .icon{width:6.9792vw;transition-delay:0.4s;}
.brand .list .l1 dl .icon em{display:block;position:absolute;left:0;top:0;width:100%;height:100%;clip-path: inset(0 0 34% 0);}
.brand .list .l1 dl .icon .i2{position:absolute;left:0;top:0;width:100%;transform:translate(0,70%);transition:0.8s;}
.brand .list .l1 dl .icon .i3{position:absolute;left:0;top:0;width:100%;transform:translate(0,70%);transition:0.8s;}
.brand .list .l1 dl .icon .i3 img{transform: scale(0.9);animation: rot1 20s linear infinite;animation-play-state: paused;}
.brand .list .l2 dl .icon{width:6.4583vw;transition-delay:0.7s;}
.brand .list .l2 dl .icon i svg path{fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 33px;}
.brand .list .l2 dl .icon i svg .p1{stroke-dasharray: 940px;}
.brand .list .l2 dl .icon i svg .p2{stroke-dasharray: 700px;}
.brand .list .l2 dl .icon i svg .p3{stroke-dasharray: 340px;}
.brand .list .l2 dl .icon i svg .p4{stroke-dasharray: 360px;}
.brand .list .l3 dl .icon{width:6.5625vw;transition-delay:1s;}
.brand .list .l3 dl .icon em{display:block;position:relative;clip-path: inset(0 0 5% 0);}
.brand .list .l3 dl .icon em i ~ i{position:absolute;left:0;top:0;width:100%;}
.brand .list .l3 dl .icon svg{position:absolute;left:0;bottom:0;width:100%;}
.brand .list .l3 dl .icon svg path{fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 16px;}
.brand .list .l3 dl .icon svg .p1{stroke-dasharray: 910px;}
.brand .list .l3 dl .icon svg .p2{stroke-dasharray: 300px;}
@keyframes rot1 {
	0%{transform:rotate(0deg);}
	25%{transform:rotate(90deg);}
	50%{transform:rotate(180deg);}
	75%{transform:rotate(270deg);}
	100%{transform:rotate(360deg);}
}
@keyframes icon2-1 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -940px;opacity:1;}
	27%{stroke-dashoffset: -940px;opacity:0;}
	29%{stroke-dashoffset: 940px;opacity:0;}
	30%{stroke-dashoffset: 940px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
@keyframes icon2-2 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -700px;opacity:1;}
	27%{stroke-dashoffset: -700px;opacity:0;}
	29%{stroke-dashoffset: 700px;opacity:0;}
	30%{stroke-dashoffset: 700px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
@keyframes icon2-3 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -340px;opacity:1;}
	27%{stroke-dashoffset: -340px;opacity:0;}
	29%{stroke-dashoffset: 340px;opacity:0;}
	30%{stroke-dashoffset: 340px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
@keyframes icon2-4 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -360px;opacity:1;}
	27%{stroke-dashoffset: -360px;opacity:0;}
	29%{stroke-dashoffset: 360px;opacity:0;}
	30%{stroke-dashoffset: 360px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
@keyframes icon3 {
	0%{transform:translate(0,100%);opacity:0;}
	100%{transform:translate(0,0);opacity:1;}
}
@keyframes icon3-1 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -910px;opacity:1;}
	27%{stroke-dashoffset: -910px;opacity:0;}
	29%{stroke-dashoffset: 910px;opacity:0;}
	30%{stroke-dashoffset: 910px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
@keyframes icon3-2 {
	0%{stroke-dashoffset: 0px;opacity:1;}
	25%{stroke-dashoffset: -300px;opacity:1;}
	27%{stroke-dashoffset: -300px;opacity:0;}
	29%{stroke-dashoffset: 300px;opacity:0;}
	30%{stroke-dashoffset: 300px;opacity:1;}
	55%{stroke-dashoffset: 0px;opacity:1;}
}
.brand .list li dl .txt{white-space: nowrap;}
.brand .list li dl .txt{margin-left:-0.5208vw;}
.brand .list li dl .txt .t1{color:#fff;font-size:1.0417vw;font-weight:600;letter-spacing:-0.05em;overflow:hidden;}
.brand .list li dl .txt .t1 p{overflow:hidden;}
.brand .list li dl .txt .t1 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .list li dl .txt .t2{color:#fff;font-size:0.8333vw;font-family: 'TIMESS';margin-top:0.5208vw;transform:scaleX(1.1);transform-origin: 0 0;overflow:hidden;}
.brand .list li dl .txt .t2 p{overflow:hidden;}
.brand .list li dl .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .list li dl .txt .t3{color:#fff;font-size:0.8333vw;letter-spacing:-0.05em;line-height:1.5em;margin-top:1.4583vw;}
.brand .list li dl .txt .t3 p{overflow:hidden;}
.brand .list li dl .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;}
.brand .list .l1 dl .txt .t1 p span,
.brand .list .l1 dl .txt .t2 p span,
.brand .list .l1 dl .txt .t3 p span{transition-delay:0.5s;}
.brand .list .l2 dl .txt .t1 p span,
.brand .list .l2 dl .txt .t2 p span,
.brand .list .l2 dl .txt .t3 p span{transition-delay:0.8s;}
.brand .list .l3 dl .txt .t1 p span,
.brand .list .l3 dl .txt .t2 p span,
.brand .list .l3 dl .txt .t3 p span{transition-delay:1.1s;}
.brand.fix #s0 .list .l1 dl,
.brand.fix #s1 .list .l2 dl,
.brand.fix #s2 .list .l3 dl,
.brand .list.active li .line,
.brand .list.active li dl .icon,
.brand .list.active .l1 dl .icon .i2,
.brand .list.active .l1 dl .icon .i3,
.brand .list.active li dl .txt .t1 p span,
.brand .list.active li dl .txt .t2 p span,
.brand .list.active li dl .txt .t3 p span{opacity:1;transform:none;}
.brand.fix #s0 .list .l1 dl .icon .i3 img{animation-play-state: running;}
.brand.fix #s1 .list .l2 dl .icon i svg .p1{animation: icon2-1 6s 0.6s infinite;}
.brand.fix #s1 .list .l2 dl .icon i svg .p2{animation: icon2-2 6s 0.9s infinite;}
.brand.fix #s1 .list .l2 dl .icon i svg .p3{animation: icon2-3 6s 1.2s infinite;}
.brand.fix #s1 .list .l2 dl .icon i svg .p4{animation: icon2-4 6s 1.5s infinite;}
.brand.fix #s2 .list .l3 dl .icon em .i1{animation: icon3 0.8s forwards;}
.brand.fix #s2 .list .l3 dl .icon em .i2{animation: icon3 1.1s forwards;}
.brand.fix #s2 .list .l3 dl .icon em .i3{animation: icon3 1.4s forwards;}
.brand.fix #s2 .list .l3 dl .icon em .i4{animation: icon3 1.7s forwards;}
.brand.fix #s2 .list .l3 dl .icon em .i5{animation: icon3 2s forwards;}
.brand.fix #s2 .list .l3 dl .icon svg .p1{animation: icon3-1 5s infinite;}
.brand.fix #s2 .list .l3 dl .icon svg .p2{animation: icon3-2 5s 0.3s infinite;}

.aspect_ratio_17 .brand .area{box-sizing: content-box;padding:60px 0;}
.aspect_ratio_17 .brand .con_tit{top: 16%;}
.aspect_ratio_17 .brand .list{width: 25%;}
.aspect_ratio_17 .brand .list .l1{height: calc(63.5417% + 60px);}
.aspect_ratio_17 .brand .list .l2{height: calc(44.7917% + 60px);}
.aspect_ratio_17 .brand .list .l3{height: calc(25.8333% + 60px);}
.aspect_ratio_17 .brand .list li dl{left: 1.5vw;}
.aspect_ratio_17 .brand .list .l1 dl .icon,
.aspect_ratio_17 .brand .list .l2 dl .icon,
.aspect_ratio_17 .brand .list .l3 dl .icon{width: 10vw;}
.aspect_ratio_17 .brand .list li dl .txt .t1{font-size: 1.4vw;}
.aspect_ratio_17 .brand .list li dl .txt .t2{font-size: 1.1vw;margin-top: 0.6vw;}
.aspect_ratio_17 .brand .list li dl .txt .t3{font-size: 1.05vw;margin-top: 1.6vw;}

.aspect_ratio_13 .brand .area{padding:8vw 0;}
.aspect_ratio_13 .brand .list li{height:auto;bottom:25%;left:0;}
.aspect_ratio_13 .brand .list li .line{display:none;}
.aspect_ratio_13 .brand .list li dl{top:auto;bottom:0;left:0;opacity:1;display:block;}
.aspect_ratio_13 .brand .list li dl .icon span{opacity:0;transition:0.8s;}
.aspect_ratio_13 .brand .list .l1 dl .icon{width: 8vw;}
.aspect_ratio_13 .brand .list .l2 dl .icon,
.aspect_ratio_13 .brand .list .l3 dl .icon{width: 7.5vw;}
.aspect_ratio_13 .brand .list li dl .txt{margin-left:0;margin-top:3vw;}
.aspect_ratio_13 .brand .list li dl .txt .t1 p,
.aspect_ratio_13 .brand .list li dl .txt .t2 p{transform:translate(0,100%);transition:0.8s;}
.aspect_ratio_13 .brand .list li dl .txt .t1{font-size:2.5vw;}
.aspect_ratio_13 .brand .list li dl .txt .t2{font-size:1.8vw;margin-top: 1vw;}
.aspect_ratio_13 .brand .list li dl .txt .t3{font-size:1.5vw;margin-top: 2.5vw;opacity:0;transform:translate(0,50%);transition:0.8s;}
.aspect_ratio_13 .brand #s0 .list .l1 dl .icon span,
.aspect_ratio_13 .brand #s1 .list .l2 dl .icon span,
.aspect_ratio_13 .brand #s2 .list .l3 dl .icon span{opacity:1;transition-delay:0.6s;}
.aspect_ratio_13 .brand #s0 .list .l1 dl .txt .t1 p,
.aspect_ratio_13 .brand #s1 .list .l2 dl .txt .t1 p,
.aspect_ratio_13 .brand #s2 .list .l3 dl .txt .t1 p{transform:none;transition-delay:0.6s;}
.aspect_ratio_13 .brand #s0 .list .l1 dl .txt .t2 p,
.aspect_ratio_13 .brand #s1 .list .l2 dl .txt .t2 p,
.aspect_ratio_13 .brand #s2 .list .l3 dl .txt .t2 p{transform:none;transition-delay:0.8s;}
.aspect_ratio_13 .brand #s0 .list .l1 dl .txt .t3,
.aspect_ratio_13 .brand #s1 .list .l2 dl .txt .t3,
.aspect_ratio_13 .brand #s2 .list .l3 dl .txt .t3{opacity:1;transform:none;transition-delay:1s;}

.aspect_ratio_10 .brand .con_tit{left:5.5556%;}
.aspect_ratio_10 .brand .sd .bg1 span{background-image:url(../images/brand-bg1-m.jpg);}
.aspect_ratio_10 .brand .sd .bg2 span{background-image:url(../images/brand-bg2-m.jpg);}
.aspect_ratio_10 .brand .sd .bg3 span{background-image:url(../images/brand-bg3-m.jpg);}
.aspect_ratio_10 .brand .list{left:11.1111vw;}
.aspect_ratio_10 .brand .list .l1 dl .icon,
.aspect_ratio_10 .brand .list .l2 dl .icon,
.aspect_ratio_10 .brand .list .l3 dl .icon{width: 12vw;}
.aspect_ratio_10 .brand .list li dl .txt{margin-top:4vw;}
.aspect_ratio_10 .brand .list li dl .txt .t1{font-size:3.4vw;}
.aspect_ratio_10 .brand .list li dl .txt .t2{font-size:2.5vw;margin-top: 1.5vw;}
.aspect_ratio_10 .brand .list li dl .txt .t3{font-size:2.1vw;margin-top:4vw;}

.aspect_ratio_7 .brand .area{padding: 0 0 20vw;}
.aspect_ratio_7 .brand .con_tit{top:14.8438%;}
.aspect_ratio_7 .brand .list li{bottom:calc(14.8438% + 8vw);}
.aspect_ratio_7 .brand .list .l1 dl .icon{width:18.75vw;}
.aspect_ratio_7 .brand .list .l2 dl .icon{width:16.8056vw;}
.aspect_ratio_7 .brand .list .l3 dl .icon{width:17.5vw;}
.aspect_ratio_7 .brand .list li dl .txt{margin-top:4.8611vw;}
.aspect_ratio_7 .brand .list li dl .txt .t1{font-size:5vw;}
.aspect_ratio_7 .brand .list li dl .txt .t2{font-size:3.6111vw;margin-top:2.0833vw;}
.aspect_ratio_7 .brand .list li dl .txt .t3{font-size:3.0556vw;margin-top:8.3333vw;}

.overview{position:relative;background-color:#fcfcf8;}
.overview .bg{background-color:#b0c2c6;position:absolute;left:0;top:0;width:100%;height:100%;transform-origin: 0 0;opacity: 0;transition: 1.2s;}
.overview .area{position:relative;padding: 9.8958vw 11.1979vw 10.4167vw 5.2083vw;display:flex;align-items:flex-end;justify-content:space-between;}
.overview .con_txt{margin-top:4.9479vw;}
.overview .con_txt dl dd{margin-top:0.7813vw;}
.overview .lef{position:relative;}
.overview .lef .img{margin-top:5.9896vw;}
.overview .lef .img ul{display:flex;gap: 0 1.0417vw;}
.overview .lef .img ul li{overflow:hidden;width:15.625vw;overflow: hidden;opacity:0;transform: translate(0,15%);transition: 1s;}
.overview .lef .img ul li span{display:block;transform: scale(1.2);transition: 1s;}
.overview .lef .img ul li:nth-child(2),
.overview .lef .img ul li:nth-child(2) span{transition-delay: 0.3s;}
.overview .rig .logo{width:6.5625vw;margin-bottom:3.6458vw;opacity: 0;transition: 1s;}
.overview .rig .box{width:32.2917vw;}
.overview .rig ul li{padding: 0.7292vw 0;position:relative;border-bottom: 1px solid transparent;}
.overview .rig ul li::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#cacac6;transform: scaleX(0);transform-origin: 0 0;transition: 1.2s;}
.overview .rig ul ~ ul li:last-child:before{display: none;}
.overview .rig ul li dl{display:flex;}
.overview .rig ul li dl dt{width:39%;font-size:0.8854vw;color:#000;font-weight:600;letter-spacing:-0.05em;overflow:hidden;}
.overview .rig ul li dl dd{flex-grow:1;font-size:0.8854vw;color:#000;letter-spacing:-0.04em;overflow:hidden;}
.overview .rig ul li dl dt span,
.overview .rig ul li dl dd span{display: block;transform: translate(0,105%);transition: 0.8s;transition-delay:0.2s;}
.overview .bg.active{opacity: 1;transform: scaleX(0.5);}
.overview .lef .img.active ul li,
.overview .lef .img.active ul li span,
.overview .rig .logo.active,
.overview .rig .tbl.active ul li::before,
.overview .rig .tbl.active ul li dl dt span,
.overview .rig .tbl.active ul li dl dd span{opacity: 1;transform: none;}

.aspect_ratio_17 .overview .area{padding: 10vw 7vw 11vw 6vw;}
.aspect_ratio_17 .overview .lef .img ul li{width: 17vw;}
.aspect_ratio_17 .overview .rig .box{width: 36vw;}
.aspect_ratio_17 .overview .rig .logo{width: 8vw;margin-bottom: 4vw;}
.aspect_ratio_17 .overview .rig ul li{padding: 0.9vw 0;}
.aspect_ratio_17 .overview .rig ul li dl dt,
.aspect_ratio_17 .overview .rig ul li dl dd{font-size: 1.1vw;}

.aspect_ratio_13 .overview .bg{display:none;}
.aspect_ratio_13 .overview .area{display:block;padding: 0;}
.aspect_ratio_13 .overview .con_txt{padding: 0 3vw;margin-top: 6vw;}
.aspect_ratio_13 .overview .lef{padding: 12vw 5.2083vw;z-index: 1;}
.aspect_ratio_13 .overview .lef::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#b0c2c6;z-index: -1;}
.aspect_ratio_13 .overview .lef .img{padding: 0 3vw;margin-top: 7vw;}
.aspect_ratio_13 .overview .lef .img ul{gap: 0 1.5vw}
.aspect_ratio_13 .overview .lef .img ul li{width: 25vw;opacity:1;transform:none;}
.aspect_ratio_13 .overview .lef .img ul li span{transform:none;}
.aspect_ratio_13 .overview .rig{padding: 10vw;}
.aspect_ratio_13 .overview .rig .box{width:40vw;}
.aspect_ratio_13 .overview .rig .logo{width: 10vw;opacity:1;}
.aspect_ratio_13 .overview .rig ul li{padding: 2vw 0;}
.aspect_ratio_13 .overview .rig ul li::before{transform:none;}
.aspect_ratio_13 .overview .rig ul li dl{display:block;}
.aspect_ratio_13 .overview .rig ul li dl dt{font-size:1.65vw;width:100%;}
.aspect_ratio_13 .overview .rig ul li dl dd{font-size:1.8vw;width:100%;margin-top: 1vw;}
.aspect_ratio_13 .overview .rig ul li dl dt span,
.aspect_ratio_13 .overview .rig ul li dl dd span{transform:none;}

.aspect_ratio_10 .overview .con_txt{margin-top: 8vw;padding: 0 5.5556vw;}
.aspect_ratio_10 .overview .con_txt dl dd{margin-top:1.5vw;}
.aspect_ratio_10 .overview .lef{padding: 16vw 5.5556vw;}
.aspect_ratio_10 .overview .lef .img{margin-top: 10vw;padding: 0 5.5556vw;}
.aspect_ratio_10 .overview .lef .img ul{gap: 0 2.8vw;}
.aspect_ratio_10 .overview .lef .img ul li{width: calc(50% - 1.4vw);}
.aspect_ratio_10 .overview .rig{padding: 15vw 11.1111vw;}
.aspect_ratio_10 .overview .rig .box{width:100%;}
.aspect_ratio_10 .overview .rig .logo{width: 14vw;}
.aspect_ratio_10 .overview .rig ul li{padding: 3vw 0;}
.aspect_ratio_10 .overview .rig ul li dl dt{font-size:2.2vw;}
.aspect_ratio_10 .overview .rig ul li dl dd{font-size:2.5vw;margin-top: 1.5vw;}

.aspect_ratio_7 .overview .lef{padding: 26.3889vw 5.5556vw 22.2222vw;}
.aspect_ratio_7 .overview .con_txt{margin-top:13.8889vw;}
.aspect_ratio_7 .overview .lef .img{margin-top:15.9722vw;}
.aspect_ratio_7 .overview .rig{padding: 20.8333vw 11.1111vw 9.7222vw;}
.aspect_ratio_7 .overview .rig .logo{width:17.5vw;margin-bottom:2.7778vw;}
.aspect_ratio_7 .overview .rig ul li{padding: 4.8611vw 0;}
.aspect_ratio_7 .overview .rig ul li dl dt{font-size:3.3333vw;}
.aspect_ratio_7 .overview .rig ul li dl dd{font-size:3.8889vw;margin-top:2.5vw;}

.contact{background-color:#25282a;position:relative;overflow:hidden;padding: 9.8958vw 5.2083vw 10.4167vw;}
.contact .bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.contact .bg iframe{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 114%;height: 100%;pointer-events:none;opacity:0.5;}
.contact .area{display:flex;margin-top:5.2083vw;position:relative;justify-content: flex-end;}
.contact .box{background-color:#fff;width:42.4479vw;padding: 2.8646vw 1.8229vw 1.8229vw;opacity: 0;transform: translate(0, 15%);transition: 1.2s;}
.contact .box .tit{font-family: 'TIMESS';color:#000;font-size:1.5625vw;transform:scaleX(1.1);transform-origin: 0 0;}
.contact .box .tit span{display: block;filter: blur(5px);letter-spacing: 0.2em;opacity: 0;transition: 1s;transition-delay: 0.3s;}
.contact .box ul{margin:2.0833vw 0;}
.contact .box ul li{display:flex;align-items:flex-end;justify-content:space-between;}
.contact .box ul li ~ li{margin-top:3.3854vw;}
.contact .box dl dt{color:#000;font-weight:600;letter-spacing:-0.05em;font-size:0.9375vw;overflow: hidden;}
.contact .box dl dd{color:#000;font-size:0.8333vw;letter-spacing:-0.05em;margin-top:0.7813vw;overflow: hidden;}
.contact .box dl dt span,
.contact .box dl dd span{display: block;transform: translate(0,100%);transition: 0.8s;transition-delay: 0.5s;}
.contact .box .tel{display:flex;align-items:center;gap: 0 0.3646vw;margin-top:0.7813vw;opacity: 0;transform: translate(0,100%);transition: 0.8s;transition-delay: 0.6s;}
.contact .box .tel i{width:0.5208vw;}
.contact .box .tel p{color:#000;font-family:'Jost';font-weight:500;letter-spacing:0.01em;font-size:0.7813vw;}
.contact .box .link{display:flex;gap: 0 0.4167vw;opacity: 0;transform: translate(-20%,0);transition: 0.8s;transition-delay: 0.8s;}
.contact .box .link a{width:1.6667vw;}
.contact .box .map_api{position:relative;padding-bottom:40.2685%;overflow:hidden;background-color: #000;}
.contact .box .map_api span{display:block;}
.contact .box .map_api #kakao_map{width:100%;height:100%;position:absolute;}
.contact .box .map_api #kakao_map > div > div > div:nth-child(1),
.contact .box .map_api #kakao_map > div > div > div:nth-child(2){filter: grayscale(1);}
.contact .box.active .tit span{filter: blur(0);letter-spacing: 0em;opacity: 1;}
.contact .box.active,
.contact .box.active dl dt span,
.contact .box.active dl dd span,
.contact .box.active .tel,
.contact .box.active .link{opacity: 1;transform: none !important;}

.aspect_ratio_17 .contact{padding: 11vw 5.2083vw;}
.aspect_ratio_17 .contact .bg iframe{width: 192vh;}
.aspect_ratio_17 .contact .area{margin-top: 6vw;}
.aspect_ratio_17 .contact .box{padding: 3vw 2vw 2vw;}
.aspect_ratio_17 .contact .box .tit{font-size: 1.7vw;}
.aspect_ratio_17 .contact .box ul{margin: 2.5vw 0;}
.aspect_ratio_17 .contact .box dl dt{font-size: 1.15vw;}
.aspect_ratio_17 .contact .box dl dd{font-size: 1vw;margin-top: 0.9vw;}
.aspect_ratio_17 .contact .box .link{gap: 0 0.5vw;}
.aspect_ratio_17 .contact .box .link a{width: 2.3vw;}
.aspect_ratio_17 .contact .box .tel{gap: 0 0.5vw;margin-top: 1vw;}
.aspect_ratio_17 .contact .box .tel i{width: 0.7vw;}
.aspect_ratio_17 .contact .box .tel p{font-size: 1vw;}

.aspect_ratio_13 .contact{padding: 12vw 10vw;display:flex;flex-direction: column;justify-content: space-between;}
.aspect_ratio_13 .contact .area{margin-top:0;justify-content: flex-start;}
.aspect_ratio_13 .contact .box{width:100%;background:transparent;padding: 0;opacity:1;transform:none;}
.aspect_ratio_13 .contact .box .tit{display:none;}
.aspect_ratio_13 .contact .box ul{margin: 0;}
.aspect_ratio_13 .contact .box ul li{display:block;}
.aspect_ratio_13 .contact .box ul li ~ li{margin-top:5vw;}
.aspect_ratio_13 .contact .box .map_api{display:none;}
.aspect_ratio_13 .contact .box dl dt{font-size:1.65vw;color:#fff;}
.aspect_ratio_13 .contact .box dl dd{font-size:1.8vw;color:#fff;margin-top: 1.4vw;}
.aspect_ratio_13 .contact .box dl dt span,
.aspect_ratio_13 .contact .box dl dd span{transform:none;}
.aspect_ratio_13 .contact .box .tel{margin-top: 1.5vw;}
.aspect_ratio_13 .contact .box .tel i{width:1.5vw;}
.aspect_ratio_13 .contact .box .tel p{color:#fff;font-size:1.6vw;}
.aspect_ratio_13 .contact .box .rig{margin-top:3vw;}
.aspect_ratio_13 .contact .box .link{gap: 0 1vw;transform: none;opacity:1;}
.aspect_ratio_13 .contact .box .link a{width:4vw;}

.aspect_ratio_10 .contact{padding: 16vw 11.1111vw;}
.aspect_ratio_10 .contact .box ul li ~ li{margin-top:8vw;}
.aspect_ratio_10 .contact .box dl dt{font-size:2.2vw;}
.aspect_ratio_10 .contact .box dl dd{font-size:2.3vw;margin-top: 1.8vw;}
.aspect_ratio_10 .contact .box .rig{margin-top:4vw;}
.aspect_ratio_10 .contact .box .link a{width:5vw;}
.aspect_ratio_10 .contact .box .tel{margin-top:2vw;}
.aspect_ratio_10 .contact .box .tel p{font-size:2.1vw;}

.aspect_ratio_7 .contact{padding: 26.3889vw 5.5556vw 27.7778vw;}
.aspect_ratio_7 .contact .area{padding-left:5.5556vw;}
.aspect_ratio_7 .contact .box ul li ~ li{margin-top:10.4167vw;}
.aspect_ratio_7 .contact .box dl dt{font-size:3.3333vw;}
.aspect_ratio_7 .contact .box dl dd{font-size:3.6111vw;margin-top:2.3611vw;}
.aspect_ratio_7 .contact .box .rig{margin-top:5.5556vw;}
.aspect_ratio_7 .contact .box .tel{gap: 0 1.5278vw;}
.aspect_ratio_7 .contact .box .tel i{width:2.5vw;}
.aspect_ratio_7 .contact .box .tel p{font-size:3.0556vw;}
.aspect_ratio_7 .contact .box .link{gap: 0 1.3889vw;}
.aspect_ratio_7 .contact .box .link a{width:8.3333vw;}

/*contents*/
.contents{padding-bottom:11vw;}
.inner{position:relative;margin: 0 auto;}
.inner_1600{width:85.5vw;max-width:1600px;}
.inner_1400{width:74.6vw;max-width:1400px;}
@media all and (min-width: 2000px){
	.inner_1600,
	.inner_1400{max-width: none;}
}

.aspect_ratio_17 .contents{padding-bottom: 12vw;}

.aspect_ratio_13 .contents{padding-bottom: 17vw;}
.aspect_ratio_13 .inner_1400,
.aspect_ratio_13 .inner_1600{width:100%;padding:0 3.6458vw;}

.aspect_ratio_13 .inner_1400,
.aspect_ratio_13 .inner_1600{width:100%;padding:0 5.5556vw;}

.aspect_ratio_7 .contents{padding-bottom: 25vw;}
.aspect_ratio_7 .inner_1400,
.aspect_ratio_7 .inner_1600{padding:0 5.5556vw;}

/*sub_tab*/
.sub_tab{position:sticky;top:0;padding: 8vw 7.943vw 0;background-color:#fff;z-index: 10;margin-bottom:5vw;}
.sub_tab .line{display:flex;align-items:flex-end;justify-content:space-between;position:relative;}
.sub_tab .line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#eaeaea;transform-origin: 0 0;transition:1s;}
.sub_tab .tit{padding-bottom:1.7vw;}
.sub_tab .tit strong{display:block;overflow:hidden;color:#000017;font-size:2.0833vw;font-weight:600;line-height:1.2em;}
.sub_tab ul{display:flex;gap: 0 1vw;overflow:hidden;flex-wrap:wrap;}
.sub_tab ul li a{display:block;padding-bottom:1.7vw;position:relative;}
.sub_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#28334a;height:0.2083vw;min-height:4px;transform:scaleX(0);transition:0.4s;}
.sub_tab ul li a span{display:block;color:#555;font-size:0.9375vw;padding:0 0.8vw;line-height:1.3em;letter-spacing:-0.05em;}
.sub_tab ul li.active a span{font-weight:400;color:#000;}
.sub_tab ul li.active a::before,
.sub_tab ul li a:hover::before,
.sub_tab.active .tit strong em,
.sub_tab.active ul li{transform:none;}
.sub_tab.active .line::after{transform:none;}

.aspect_ratio_17 .sub_tab{padding-top:7vw;}
.aspect_ratio_17 .sub_tab .tit strong{font-size: 2.2vw;}
.aspect_ratio_17 .sub_tab ul li a span{font-size:1.1vw;}

.aspect_ratio_13 .sub_tab{padding: 10vw 3.6458vw 0;margin-bottom:8vw;}
.aspect_ratio_13 .sub_tab .line{display:block;}
.aspect_ratio_13 .sub_tab ul{justify-content:flex-end;}
.aspect_ratio_13 .sub_tab .tit{padding-bottom: 1vw;}
.aspect_ratio_13 .sub_tab .tit strong{font-size: 3.4vw;}
.aspect_ratio_13 .sub_tab ul{gap: 1.5vw 0.5vw;}
.aspect_ratio_13 .sub_tab ul li a{padding-bottom: 2vw;}
.aspect_ratio_13 .sub_tab ul li a span{font-size: 2vw;}

.aspect_ratio_10 .sub_tab{padding: 12vw 5.5556vw 0;}

.aspect_ratio_7 .sub_tab{padding: 22vw 5.5556vw 0;margin-bottom:10vw;}
.aspect_ratio_7 .sub_tab .tit{padding-bottom: 4vw;}
.aspect_ratio_7 .sub_tab .tit strong{font-size: 5vw;}
.aspect_ratio_7 .sub_tab ul li a{padding-bottom: 3vw;}
.aspect_ratio_7 .sub_tab ul li a span{font-size:3.3vw;padding: 0 1.6vw;}
.aspect_ratio_7 .sub_tab ul li a::before{min-height:3px;height:3px;}
.aspect_ratio_7 .sub_tab.small ul li a span{font-size:2.8vw;padding: 0 0.5vw;}

/*news*/
.news_list ul{display:flex;flex-wrap:wrap;gap: 0 2%;}
.news_list ul li{width:32%;border:1px solid #ddd;position:relative;transition:0.4s;}
.news_list ul li:nth-child(n+4){margin-top:2.5%;}
.news_list ul li a{display:block;padding: 2vw;padding-bottom:4.1667vw;height: 100%;}
.news_list ul li .name{font-weight:600;font-size:0.8333vw;color:#000;margin-bottom:0.7813vw;}
.news_list ul li .tit{display: -webkit-box;font-size: 1.0417vw;font-weight:600;line-height:1.3em;color: #000;margin-bottom: 1.3021vw;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:2.7083vw;}
.news_list ul li .txt{color:#aaa;line-height:1.4em;font-size:0.7813vw;margin-bottom: 2.0833vw;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;letter-spacing: -0.05em;min-height:3.2813vw;}
.news_list ul li .date{color:#000;font-weight:600;font-size:0.7813vw;}
.news_list ul li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li::after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin:0 100%;transition:0.6s;}
.news_list ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000;transform:scaleX(0);transform-origin:100% 0;transition:0.6s;}
.news_list ul li a::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#000;transform:scaleY(0);transform-origin:0 0;transition:0.6s;}
.news_list ul li:not(.no_data):hover{box-shadow:0.5208vw 0.5208vw 1.0417vw rgba(0,0,0,0.1);}
.news_list ul li:not(.no_data):hover::before,
.news_list ul li:not(.no_data):hover::after,
.news_list ul li:not(.no_data):hover a::before,
.news_list ul li:not(.no_data):hover a::after{transform:none;}
.news_list .no_data{width:100%;border:none;color:#000;padding: 5vw 0;text-align:center;font-weight:600;font-size:1.0417vw;}

.aspect_ratio_17 .news_list ul li a{padding: 3vw;padding-bottom: 5vw;}
.aspect_ratio_17 .news_list ul li .name{font-size: 1.2vw;margin-bottom: 1.2vw;}
.aspect_ratio_17 .news_list ul li .tit{font-size: 1.4vw;margin-bottom: 2vw;}
.aspect_ratio_17 .news_list ul li .txt{font-size:1.1vw;margin-bottom: 3vw;}
.aspect_ratio_17 .news_list ul li .date{font-size:1vw;}
.aspect_ratio_17 .news_list .no_data{font-size:1.4vw;}

.aspect_ratio_13 .news_list ul li .name{font-size: 1.7vw;margin-bottom: 1.4vw;}
.aspect_ratio_13 .news_list ul li .tit{font-size: 2vw;}
.aspect_ratio_13 .news_list ul li .txt{font-size:1.6vw;}
.aspect_ratio_13 .news_list ul li .date{font-size:1.4vw;}
.aspect_ratio_13 .news_list .no_data{padding: 10vw 0;font-size:1.8vw;}

.aspect_ratio_10 .news_list ul li{width: 49%;}
.aspect_ratio_10 .news_list ul li:nth-child(n+3){margin-top: 2.5%;}
.aspect_ratio_10 .news_list ul li a{padding: 4vw;padding-bottom: 6vw;}
.aspect_ratio_10 .news_list ul li .name{font-size: 1.8vw;margin-bottom:2vw;}
.aspect_ratio_10 .news_list ul li .tit{font-size:2.5vw;}
.aspect_ratio_10 .news_list ul li .txt{font-size: 1.8vw;margin-bottom: 4vw;}
.aspect_ratio_10 .news_list ul li .date{font-size:1.5vw;}
.aspect_ratio_10 .news_list .no_data{padding: 12vw 0;font-size:2.4vw;}

.aspect_ratio_7 .news_list ul li{width: 100%;}
.aspect_ratio_7 .news_list ul li:nth-child(n+2){margin-top: 5%;}
.aspect_ratio_7 .news_list ul li a{padding: 6vw;padding-bottom: 9vw;}
.aspect_ratio_7 .news_list ul li .name{font-size: 3vw;margin-bottom: 3vw;}
.aspect_ratio_7 .news_list ul li .tit{font-size: 4vw;margin-bottom:4vw;}
.aspect_ratio_7 .news_list ul li .txt{font-size: 3vw;margin-bottom: 6vw;}
.aspect_ratio_7 .news_list ul li .date{font-size:2.8vw;}
.aspect_ratio_7 .news_list .no_data{padding: 20vw 0;font-size:3.2vw;}