/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@import url( "https://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,header,footer,aside,nav,
sub,sup,tt,var,dl,dt,dd,ol,select,button,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,textarea,input {margin:0;padding:0;box-sizing:border-box;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:"";content:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;margin:0;padding:0;}
img {-ms-interpolation-mode:bicubic !important;max-width:100%;}
a,input,select,textarea,button,img,label {vertical-align:middle;font-family:inherit;}
input {margin:0;padding:0;}
table,th,td {margin:0;padding:0;border-spacing:0px;border-collapse:collapse;}
address,caption,cite,code,dfn,em,var {font-style:normal;l}
legend,caption {height:0;text-indent:-9999px;overflow:hidden;font-size:0;}
button {border-radius:0;}
button,input[type="button"],input[type="submit"] {-webkit-appearance:none;}
select {border-radius:0;}
body{
	color:#666;
	font-size:16px;
	line-height: 1;
	-webkit-text-size-adjust:none;
	word-break: keep-all;
}
a {text-decoration:none;color:#666;}
a:hover {text-decoration:none;}

.clear {clear:both;display:block;float:none;font-size:0 !important;height:0;line-height:0 !important;margin:0 !important;overflow:hidden;padding:0 !important;width:100%;}
.clearfix {*zoom:1;}
.clearfix:after {content:"";display:block;clear:both;font-size:0;}


.mt10 {margin-top:10px!important;}
.mt25 {margin-top:25px!important;}
.mt45 {margin-top:45px!important;}
.mt90 {margin-top:90px!important;}

html,body,.wrap{height:100%;position:relative;overflow: hidden;}
.sub.wrap{overflow:auto;}
body{transition: 1.4s;}
.wrap{opacity: 0;transition: 0.3s;}
.wrap.on{opacity: 1;}
.wrap.none::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
#fullpage{pointer-events: none;}
.main_page,
.section,
.brand .sd,
.tower .sd,
.partner .sd{touch-action: pinch-zoom;}
.swiper-slide-active{pointer-events:none !important;}

.header-wrap{display:none;}
.main-slider-top{display:none;}
.footer{display:none;}

.basic-body{padding:0;}
.container{max-width:100%;padding-right:0;padding-left:0;}
.basic-body-main.left-main{width:100%;padding:0;}
.counsel-btn{display:none;}
/*header*/
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;padding: 2.3vw 5.2083vw 0;opacity: 0;transition: 0.6s;transition-delay: 8s;}
header .head_in{position: relative;display: flex;justify-content: space-between;align-items: flex-start;transition:0.6s;}
header h1 a{display: block;position: relative;width:10vw;line-height:1;vertical-align:baseline;}
header h1 a img{transition: 0.8s;vertical-align:baseline;}
header h1 a .bl{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}
header .menu .close{display:none;}
header .menu .link{display:none;}
header .menu ul{display: flex;align-items: center;gap: 0 1.0417vw;}
header .menu ul li a{position:relative;display: block;color:#fff;font-size: 0.6771vw;letter-spacing: 0.15em;font-family: "Inter", sans-serif;transition: 0.8s;}
header .menu ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:0 0;transition:0.5s;}
header .menu ul li a:hover::before{transform:none;}
header .menu ul .sche{padding-left:0.5208vw;}
header .menu ul .sche a{display:block;position:relative;font-family:"Pretendard";font-size:0.7813vw;letter-spacing:-0.05em;}
header .menu ul .sche a::after{content:"";position:absolute;left:50%;top:-0.7292vw;transform:translate(-50%,0);width:0.2605vw;height:0.2605vw;border-radius:50%;background-color:#fff;transition:0.5s;}
header .menu_btn{display:none;position:relative;}
header .menu_btn button{display:block;width:100%;border:none;background:none;}
header .menu_btn span{display:block;background-color:#fff;width:4vw;height:2px;transition:0.8s;}
header .menu_btn span ~ span{margin-top:1vw;}
.sub header{background-color:#fff;}
.sub header,
.on:not(.delay_none) header{opacity: 1;}
.on.delay_none header{transition-delay: 1s;}
.on.end header{opacity: 1;}
header.co h1 a .wh,
.sub header h1 a .wh,
.fp-viewing-1 header h1 a .wh,
.fp-viewing-3 header h1 a .wh,
.fp-viewing-4 header:not(.co_menu) h1 a .bl{opacity: 0;}
header.co h1 a .bl,
.sub header h1 a .bl,
.fp-viewing-1 header h1 a .bl,
.fp-viewing-3 header h1 a .bl,
.fp-viewing-4 header:not(.co_menu) h1 a .wh{opacity: 1;}
header.co .menu ul li a,
.sub header .menu ul li a,
header.co_menu .menu ul li a,
.fp-viewing-1 header .menu ul li a,
.fp-viewing-3 header .menu ul li a{color: #000;}
header.co .menu ul li a::before,
.sub header .menu ul li a::before,
header.co_menu .menu ul li a::before,
.fp-viewing-1 header .menu ul li a::before,
.fp-viewing-3 header .menu ul li a::before,
header.co .menu ul .sche a::after,
.sub header .menu ul .sche a::after,
header.co_menu .menu ul .sche a::after,
.fp-viewing-1 header .menu ul .sche a::after,
.fp-viewing-3 header .menu ul .sche a::after,
header.co .menu_btn span,
.sub header .menu_btn span,
header.co_menu .menu_btn span,
.fp-viewing-1 header .menu_btn span,
.fp-viewing-3 header .menu_btn span{background-color:#000;}
.fp-viewing-6 header .head_in{opacity:0;pointer-events:none;}
@media all and (max-aspect-ratio:17/10){
	header{padding: 2.5vw 5vw 0;}
	header h1 a{width:10vw;}
	header .menu ul{gap: 0 2vw;}
	header .menu ul li a{font-size: 0.9vw;}
	header .menu ul .sche a{font-size:1.05vw;}
	header .menu ul .sche a::after{top: -0.9vw;width: 0.35vw;height: 0.35vw;}
}
@media all and (max-aspect-ratio:13/10){
	header{padding-top:3.5vw;}
	header h1 a{width:16vw;}
	header .menu_btn{display:block;}
	header .menu{background-color:#3b3b3b;position:fixed;right:0;top:0;width:100%;height:100%;padding: 9dvh 8vw;z-index:150;overflow:hidden;transform:translate(0,-100%);transform-origin: 0 100%;transition:1.2s;}
	header .menu::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:url(../images/menu-bg.png) no-repeat center / 100% 100%;opacity:0;transform:scale(1.2);transition:1.2s;}
	header .menu .box{height:100%;display:flex;flex-direction:column;justify-content:space-between;}
	header .menu .close{display:block;position:absolute;width: 3vw;right: 5vw;top: 4vw;}
	header .menu .close button{border:none;background:none;display:block;width:100%;}
	header .menu ul{display:block;}
	header .menu ul li{display:flex;}
	header .menu ul li  ~ li{margin-top:5vw;}
	header .menu ul li a,
	header .menu ul .sche a{font-size: 2.8vw;letter-spacing:0.05em;color:#fff !important;}
	header .menu ul li a::before{display:none;}
	header .menu ul li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform: scaleX(0);transform-origin: 0 0;transition: 0.5s;}
	header .menu ul .sche{padding-left:0;}
	header .menu ul .sche a{letter-spacing:-0.05em;}
	header .menu ul .sche a::after{left: 115%;top: 50%;width: 0.7vw;height: 0.7vw;transform:translate(0,-50%);background-color:#fff !important;}
	header .menu .link{display:flex;gap: 0 10vw;}
	header .menu .link a{color:#fff;font-size:2.2vw;letter-spacing:-0.075em;border: 1px solid #fff;border-radius: 10vw;line-height: 1.8em;padding: 0 2vw;}
	header .menu .link a em{font-family: "Google Sans", sans-serif;letter-spacing:0.01em;font-weight:500;}
	header .menu.on{transform:none;}
	header .menu.on::before{opacity:1;transform:none;}
	.fp-viewing-1 header .menu ul li .fm1::after,
	.fp-viewing-2 header .menu ul li .fm2::after,
	.fp-viewing-3 header .menu ul li .fm3::after,
	.fp-viewing-4 header .menu ul li .fm4::after,
	.fp-viewing-5 header .menu ul li .fm5::after{transform:none;}
	.fp-viewing-4 header h1 a .wh{opacity: 0;}
	.fp-viewing-4 header h1 a .bl{opacity:1;}
	.fp-viewing-4 header .menu_btn span{background-color:#fff;}
}
@media all and (max-aspect-ratio:1/1){
	header{padding-top: 5vw;}
	header h1 a{width:21vw;}
	header .menu_btn span{width:5vw;}
	header .menu_btn span ~ span{margin-top:1.2vw;}
	header .menu .close{width: 4vw;top: 5vw;}
	header .menu ul li ~ li{margin-top:8vw;}
	header .menu ul li a,
	header .menu ul .sche a{font-size:3.5vw;}
	header .menu ul .sche a::after{width: 0.9vw;height: 0.9vw;}
	header .menu .link a{font-size:3vw;line-height: 2em;padding: 0 3vw;}
}
@media all and (max-aspect-ratio:7/10){
	header{padding: 5vw 5.5556vw;}
	header h1 a{width:40vw;}
	header .menu_btn span{width:5.5556vw;}
	header .menu_btn span ~ span{margin-top:1vw;}
	header .menu{padding: 13.2813dvh 11.1111vw 10.1563dvh;}
	header .menu::before{background-size:cover;}
	header .menu ul li  ~ li{margin-top:8vw;}
	header .menu ul li a,
	header .menu ul .sche a{font-size:4.1667vw;}
	header .menu ul .sche a::after{width: 1.2vw;height: 1.2vw;}
	header .menu .link{gap: 0 18vw;}
	header .menu .link a{font-size:3.6111vw;padding: 0 5vw;}
}

/*scroll*/
.scroll{position: absolute;left: 5.2083vw;bottom: 0;width: 1px;height: 5.9375vh;background-color: rgba(255,255,255,0.2);overflow: hidden;z-index: 90;transform: translate(0,100%);transition: 0.8s;transition-delay: 8s;}
.scroll span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transform: translate(0,-101%);animation: scr 2s 13s linear infinite;}
@keyframes scr {
    0%{transform: translate(0,-101%);}
    100%{transform: translate(0,101%);}
}
.on:not(.delay_none) .scroll{transform: none;}
.on.delay_none .scroll{transition-delay: 1s;}
.on.end .scroll{transform: none;}
@media all and (max-aspect-ratio:7/10){
	.scroll{left:auto;right:5.5556vw;height: 8vw;}
}

/*quick*/
.quick{position: absolute;right: 4.9479vw;bottom: 4.6875vw;z-index: 60;width: 6.4583vw;cursor: pointer;pointer-events:auto;opacity: 0;transform: translate(0,50%);transition: 0.8s;transition-delay: 8s;}
.quick .rot{margin: 0 auto;}
.quick .rot a{display: block;position: relative;width: 100%;height: 100%;}
.quick .rot a span{display:block;position: relative;width: 100%;height: 100%;}
.quick .rot a span img{transition: 0.8s;}
.quick .rot a span::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/contact-w.png) no-repeat center / contain;animation: rot 8s linear infinite;}
.quick .rot 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;}
.quick .rot a em{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;transition: 0.6s;}
.quick .rot a em::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/contact-b.png) no-repeat center / contain;animation: rot 8s linear infinite;}
.quick .rot a em::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/contact-arrow.png) no-repeat center / contain;}
.quick .qr{margin-top:1.5625vw;}
.quick .qr a{display:block;text-align:center;color:#fff;font-size:0.8333vw;letter-spacing:-0.05em;border:1px solid #fff;border-radius:10vw;line-height:2.13em;position:relative;overflow:hidden;}
.quick .qr a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5vw;background-color:#fff;transform:translate(-100%,0);transition:0.6s;}
.quick .qr a span{position:relative;z-index:1;transition:0.6s;}
.quick .rot a:hover span::after,
.quick .rot a:hover em{opacity: 1;transform: none;}
.quick .rot a:hover span img{opacity: 0;}
.quick .qr a:hover::before{transform:none;}
.quick .qr a:hover span{color:#000;}
@keyframes rot {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.on:not(.delay_none) .quick{opacity: 1;transform: none;}
.on.delay_none .quick{transition-delay: 1s;}
.on.end .quick{opacity: 1;transform: none;}
@media all and (max-aspect-ratio:17/10){
	.quick{width: 9vw;bottom:6vw;}
	.quick .qr{margin-top:2vw;}
	.quick .qr a{font-size:1.1vw;line-height: 2.5em;}
}
@media all and (max-aspect-ratio:13/10){
	.quick{width: 12vw;right: 5vw;bottom: 6vw;}
	.quick .qr{margin-top:3vw;}
	.quick .qr a{font-size:1.5vw;}
}
@media all and (max-aspect-ratio:1/1){
	.quick{width:15vw;bottom:7vw;}
	.quick .qr a{font-size:1.9vw;}
}
@media all and (max-aspect-ratio:7/10){
	.quick{right:5.5556vw;bottom: 10vw;width:auto;}
	.quick .rot{width:18.0556vw;}
	.quick .qr{margin-top:5vw;width:22vw;}
	.quick .qr a{font-size:2.8vw;line-height:2.2em;}
}

/*fix_tel*/
.fix_tel{position:fixed;z-index:1;left:5.2083vw;bottom:4.6875vw;filter: invert(1);transition:0.8s;transition-delay:6.8s;}
.fix_tel a{display:block;position:relative;color:#fff;font-family: "Google Sans", sans-serif;font-weight:500;font-size:0.9375vw;line-height:2.5em;padding: 0 0.9375vw;transition:0.8s;}
.fix_tel a::before{content: '';position: absolute;top: 50%; left: 50%;width: 100%; height: 100%;border: 1px solid #fff;border-radius: 50px;transform: translate(-50%, -50%);animation: pulse 2s infinite;}
	@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    100% { transform: translate(-50%, -50%) scale(1.4); opacity: 0; }
} 
.fix_tel a .line{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.8s;transition-delay:6.8s;}
.fix_tel a .line::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #fff;border-radius:10vw;transition:0.8s;}
.on:not(.delay_none) .fix_tel,
.on.end .fix_tel{filter: invert(0);}
.on.delay_none .fix_tel{transition-delay: 0.5s;}
.on:not(.delay_none) .fix_tel a .line,
.on.end .fix_tel a .line{opacity:1;}
.on.delay_none .fix_tel a .line{transition-delay: 0.5s;}
.fp-viewing-1 .fix_tel:not(.co) a .line::before,
.fp-viewing-2 .co ~ .fix_tel a .line::before,
.fp-viewing-3 .fix_tel a .line::before{border-color:#232323;}
.fp-viewing-1 .fix_tel:not(.co) a,
.fp-viewing-2 .co ~ .fix_tel a,
.fp-viewing-3 .fix_tel a{color:#232323;}
.fp-viewing-1 .fix_tel:not(.co) a::before,.fp-viewing-2 .co ~ .fix_tel a::before,.fp-viewing-3 .fix_tel a::before{border-color:#232323;}
.fp-viewing-5 .fix_tel a{opacity:0;pointer-events:none;}
@media all and (max-aspect-ratio:17/10){
	.fix_tel{bottom: 6vw;}
	.fix_tel a{font-size: 1.2vw;padding: 0 1.5vw;}
}
@media all and (max-aspect-ratio:13/10){
	.fix_tel{bottom:9vw;}
	.fix_tel a{font-size: 1.7vw;padding: 0 2vw;}
	.fp-viewing-4 .co_menu ~ .fix_tel a .line::before{border-color:#232323;}
	.fp-viewing-4 .co_menu ~ .fix_tel a{color:#232323;}
	.fp-viewing-1 .fix_tel:not(.co) a .line::before{border-color:#fff;}
	.fp-viewing-1 .fix_tel:not(.co) a{color:#fff;}
}
@media all and (max-aspect-ratio:1/1){
	.fix_tel{bottom: 7vw;}
	.fix_tel a{font-size: 2.2vw;padding: 0 3vw;}
}
@media all and (max-aspect-ratio:7/10){
	.fix_tel{left:5.5556vw;bottom:10vw;}
	.fix_tel a{font-size:3.3333vw;line-height:1.67em;padding: 0 2.7778vw;}
	.fp-viewing-5 .fix_tel a{opacity:0;pointer-events:none;}
	.fp-viewing-4 .fix_tel a{opacity:0;pointer-events:none;}
	.fix_tel a::before{content: '';position: absolute;top: 50%; left: 50%;width: 100%; height: 100%;border: 1px solid #fff;border-radius: 50px;transform: translate(-50%, -50%);animation: pulse 2s infinite;}
	@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    100% { transform: translate(-50%, -50%) scale(1.4); opacity: 0; }
} 
}

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

/*intro1*/
.intro_wrap{position: relative;height: 100%;overflow: hidden;z-index:1;transition: 1.4s;}
.intro_box{position: relative;overflow: hidden;height: 100%;transition:0.8s;transition-delay:0.6s;}
.intro_box::before{content:"";position:absolute;left:0;top:0;width:100%;height:20%;background-color:#fff;transform:scaleY(0);transform-origin: 0 0;z-index:4;transition:1.3s;}
.intro_wrap .vis_txt_bl{position: absolute;left: 0;top: 0;width:100%;height: 100%;display: flex;align-items: center;padding-left: 27vw;z-index:3;background-color:#fff;transition: 1.3s;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);}
.intro_wrap .vis_txt_bl .box{margin-bottom: -2.6042vw;}
.intro_wrap .vis_txt_bl dl dt{color:#000;font-size: 0.8333vw;overflow: hidden;line-height: 1.25em;}
.intro_wrap .vis_txt_bl dl dt p{overflow:hidden;}
.intro_wrap .vis_txt_bl dl dt p ~ p{margin-top:1.0417vw;}
.intro_wrap .vis_txt_bl dl dt span{display: block;transition: 1s;}
.intro_wrap .vis_txt_bl dl dd{font-family: "Inter", sans-serif;color:#000;font-size: 1.5625vw;letter-spacing: 0.05em;margin-top: 0.7813vw;overflow: hidden;}
.intro_wrap .vis_txt_bl dl dd span{display: block;transition: 1s;}
.intro_wrap .vis_txt_bl .tit{margin-top:2.6042vw;overflow: hidden;}
.intro_wrap .vis_txt_bl .tit ._m{display:none;}
.intro_wrap .vis_txt_bl .tit .t2{font-size: 1.5625vw;margin-bottom: 1.5625vw;color: #000;line-height: 1.05em;overflow: hidden;}
.intro_wrap .vis_txt_bl .tit .t2 div{overflow:hidden;}
.intro_wrap .vis_txt_bl .tit .t2 div span{display: block;;transition: 1s;}
.intro_wrap .vis_txt_bl .tit .t{overflow:hidden;}
.intro_wrap .vis_txt_bl .tit ul{display: flex;transition: 1s;}
.intro_wrap .vis_txt_bl .tit ul li img{height:3.0729vw;width:auto;}
.intro_wrap .vis_txt_bl .tit p{overflow:hidden;margin-top:1.8229vw;}
.intro_wrap .vis_txt_bl .tit p img{width:15.7813vw;transition:1s;}
body[class]:not(.fp-viewing-0) .intro_wrap{transform: translate(0,100%);}
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl{clip-path: polygon(0% 0%, 82% 0%, 82% 100%, 0% 100%);}
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl dl dt span,
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl dl dd span,
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl .tit .t2 div span,
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl .tit ul,
body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl .tit p img{transform: translate(0,105%);}
.intro1{height: 100%;position: relative;background-color: #f8f8f8;}
.intro1 .line_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;;display: flex;align-items: center;justify-content: center;transition: 0.4s;}
.intro1 .line_wrap .box{position:relative;width:20vw;height:28.3333vw;}
.intro1 .line_wrap .logo{width:4.1146vw;position:absolute;left:50%;top:30%;transform:translate(-50%,0);}
.intro1 .line_wrap .logo span{display: block;width: 100%;margin: 0 auto;transition: 1s;transition-delay: 2.6s;}
.intro1 .line_wrap .logo em{display:block;transform:scale(1.5);transition:0.8s;transition-delay:1.2s;}
.intro1 .line_wrap .logo ul{position: relative;}
.intro1 .line_wrap .logo ul li{transition: 1s;}
.intro1 .line_wrap .logo ul li ~ li{position: absolute;left: 0;top: 0;}
.intro1 .line_wrap .logo ul .l1{transform: translate(-0.8vw,0);}
.intro1 .line_wrap .logo ul .l2{transform: translate(-0.4vw,0);}
.intro1 .line_wrap .logo ul .l3{transform: translate(0.4vw,0);}
.intro1 .line_wrap .logo ul .l4{transform: translate(0.8vw,0);}
.intro1 .line_wrap .logo ul .l5{transform: translate(-1.2vw,0);}
.intro1 .line_wrap .logo ul .l6{transform: translate(-0.8vw,0);}
.intro1 .line_wrap .logo ul .l7{transform: translate(-0.4vw,0);}
.intro1 .line_wrap .logo ul .l8{transform: translate(0.4vw,0);}
.intro1 .line_wrap .logo ul .l9{transform: translate(0.8vw,0);}
.intro1 .line_wrap .logo ul .l10{transform: translate(1.2vw,0);}
.intro1 .line_wrap .logo ul li img{opacity:0;filter: blur(0.2vw);transition: 1s;}
.intro1 .line_wrap .logo ul .l1 img{transition-delay: 0.2s;}
.intro1 .line_wrap .logo ul .l2 img{transition-delay: 0.1s;}
.intro1 .line_wrap .logo ul .l3 img{transition-delay: 0.4s;}
.intro1 .line_wrap .logo ul .l4 img{transition-delay: 0.3s;}
.intro1 .line_wrap .logo ul .l5 img{transition-delay: 0.2s;}
.intro1 .line_wrap .logo ul .l6 img{transition-delay: 0.1s;}
.intro1 .line_wrap .logo ul .l7 img{transition-delay: 0.4s;}
.intro1 .line_wrap .logo ul .l8 img{transition-delay: 0.3s;}
.intro1 .line_wrap .logo ul .l9 img{transition-delay: 0.1s;}
.intro1 .line_wrap .logo ul .l10 img{transition-delay: 0.4s;}
.intro1 .line_wrap .logo .parnas{overflow:hidden;}
.intro1 .line_wrap .logo .parnas img{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.5s;}
.intro1 .line_wrap .cross{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.intro1 .line_wrap .cross .ver_line{position: absolute;left: 50%;top: 50%;width: 1px;height: 100%;transform: translate(-50%,-50%);}
.intro1 .line_wrap .cross .ver_line span{display: block;position: relative;width: 100%;height: 100%;} 
.intro1 .line_wrap .cross .ver_line span em{width: 100%;height: 50%;position: absolute;left: 0;transition: 1s;transition-delay: 2.6s;}
.intro1 .line_wrap .cross .ver_line span em.t{top: 0;}
.intro1 .line_wrap .cross .ver_line span em.b{bottom: 0;}
.intro1 .line_wrap .cross .ver_line span em .zoom{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 1.2s;transition-delay: 5.5s;}
.intro1 .line_wrap .cross .ver_line span em i{display: block;position: absolute;left: 0;width: 100%;height: 100%;transition: 1.2s;transition-delay: 4s;}
.intro1 .line_wrap .cross .ver_line span em.t i{top: 0;}
.intro1 .line_wrap .cross .ver_line span em.b i{bottom: 0;}
.intro1 .line_wrap .cross .ver_line span em i::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #d3d3d3;transform: scaleY(0);transition: 1s;transition-delay: 1.2s;}
.intro1 .line_wrap .cross .ver_line span em.t i::before{transform-origin: 0 0;}
.intro1 .line_wrap .cross .ver_line span em.b i::before{transform-origin: 0 100%;}
.intro1 .line_wrap .cross .hor_line{position: absolute;left: 50%;top: 50%;width: 100%;height: 1px;transform: translate(-50%,-50%);}
.intro1 .line_wrap .cross .hor_line span{display: block;width: 100%;height: 100%;transform:scaleX(0);transition:1s;}
.intro1 .line_wrap .cross .hor_line span em{width: 50%;height: 100%;position: absolute;top: 0;transition: 1s;transition-delay: 2.6s;}
.intro1 .line_wrap .cross .hor_line span em.l{left: 0;}
.intro1 .line_wrap .cross .hor_line span em.r{right: 0;}
.intro1 .line_wrap .cross .hor_line span em .zoom{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition-delay: 6.5s;}
.intro1 .line_wrap .cross .hor_line span em i{display: block;position: absolute;top: 0;width: 100%;height: 100%;background-color: #d3d3d3;transition: 1.2s;transition-delay: 4s;}
.intro1 .line_wrap .cross .hor_line span em.l i{left: 0;}
.intro1 .line_wrap .cross .hor_line span em.r i{right: 0;}
.intro1 .line_wrap .skip{position: absolute;right: 5.2083vw;bottom: 5.2083vw;z-index: 5;cursor: pointer;pointer-events: auto;opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.intro1 .line_wrap .skip p{overflow: hidden;position: relative;}
.intro1 .line_wrap .skip p::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #232323;}
.intro1 .line_wrap .skip p span{display: block;color: #232323;font-size: 0.6771vw;font-family: "Inter", sans-serif;padding-bottom: 0.2604vw;font-weight: 600;letter-spacing: 0.15em;}
.intro1 .vis{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index:2;clip-path: inset(calc(50vh - 11.79vw) 0 calc(50vh - 11.79vw) 0);transition: 1.2s;transition-delay: 6.5s;}
.intro1 .vis .vis_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;clip-path: inset(0 42.4% 0 42.4%);transition: 1.2s;transition-delay: 5.5s;}
.intro1 .vis .vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: 1.4s;transition-delay: 5s;}
.intro1 .vis .vd::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);}
.intro1 .vis .vd video{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2);transition: 1.4s;transition-delay: 6.5s;}
.intro1 .vis .logo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;transition: 1.4s;transition-delay: 5s;}
.intro1 .vis .logo span{width: 4.1146vw;transition: 1.2s;transition-delay: 5.8s;}
.intro1 .vis .txt{position: absolute;left: 0;top: 0;width:100%;height: 100%;display: flex;align-items: center;padding-left:27vw;}
.intro1 .vis .txt .box{margin-bottom: -2.6042vw;}
.intro1 .vis .txt dl dt{color:#f8f8f8;font-size: 0.8333vw;overflow: hidden;line-height:1em;}
.intro1 .vis .txt dl dt p{overflow:hidden;}
.intro1 .vis .txt dl dt p ~ p{margin-top:1.0417vw;}
.intro1 .vis .txt dl dt em{display:block;overflow:hidden;transition:1s;}
.intro1 .vis .txt dl dt span{display: block;transform: translate(0,-105%);transition: 1s;transition-delay: 6.6s;}
.intro1 .vis .txt dl dd{font-family: "Inter", sans-serif;color:#f8f8f8;font-size: 1.5625vw;letter-spacing: 0.05em;margin-top: 0.7813vw;overflow: hidden;}
.intro1 .vis .txt dl dd p{transition:1s;}
.intro1 .vis .txt dl dd span{display: block;transform: translate(0,-105%);transition: 1s;transition-delay: 7.2s;}
.intro1 .vis .txt .tit{margin-top:2.6042vw;}
.intro1 .vis .txt .tit ._m{display:none;}
.intro1 .vis .txt .tit .t2{font-size:1.5625vw;margin-bottom:1.5625vw;color:#fff;line-height:1.05em;overflow:hidden;}
.intro1 .vis .txt .tit .t2 div{overflow:hidden;transition:1s;}
.intro1 .vis .txt .tit .t2 div span{display:block;transform:translate(0,-100%);transition:1s;transition-delay:7.3s;}
.intro1 .vis .txt .tit ul{display: flex;transition:1s;margin-bottom:20px;}
.intro1 .vis .txt .tit ul li{opacity: 0;transform: translate(0,-50%);transition: 1.6s;}
.intro1 .vis .txt .tit ul li.d1{transition-delay: 7.8s;}
.intro1 .vis .txt .tit ul li.d2{transition-delay: 7.9s;}
.intro1 .vis .txt .tit ul li.d3{transition-delay: 8s;}
.intro1 .vis .txt .tit ul li.d4{transition-delay: 8.1s;}
.intro1 .vis .txt .tit ul li.d01{transition-delay: 8.8s;}
.intro1 .vis .txt .tit ul li.d02{transition-delay: 8.9s;}
.intro1 .vis .txt .tit ul li.d03{transition-delay: 9s;}
.intro1 .vis .txt .tit ul li.d04{transition-delay: 9.1s;}
.intro1 .vis .txt .tit ul li img{height:3.0729vw;width:auto;}
.intro1 .vis .txt .tit p{overflow:hidden;margin-top:1.5625vw;transition:1s;}
.intro1 .vis .txt .tit p img{width:15.7813vw;transform:translate(0,100%);transition:1s;transition-delay:8.5s;}
.on .intro1 .line_wrap .logo ul li,
.on .intro1 .line_wrap .cross .hor_line span,
.on .intro1 .line_wrap .cross .ver_line span em i::before,
.on .intro1 .vis .logo,
.on:not(.delay_none) .intro1 .vis .vd,
.on:not(.delay_none) .intro1 .vis .vd video,
.on:not(.delay_none) .intro1 .vis .txt .tit ul li,
.on:not(.delay_none) .intro1 .vis .txt .tit p img,
.on:not(.delay_none) .intro1 .vis .txt dl dt span,
.on:not(.delay_none) .intro1 .vis .txt dl dd span,
.on:not(.delay_none) .intro1 .vis .txt .tit .t2 div span{opacity:1;transform: none;}
.on .intro1 .line_wrap .logo span{transform: translate(5.0521vw,6.68vw);}
.on .intro1 .line_wrap .logo em{transform:translate(-5.0417vw,-2.2292vw);}
.on .intro1 .line_wrap .logo ul li img{opacity: 1;filter: blur(0);}
.on .intro1 .line_wrap .logo .parnas img{transform:none;}
.on .intro1 .line_wrap .cross .ver_line span em{height: calc(50% + 2.8vw);}
.on .intro1 .line_wrap .cross .ver_line span em.t{transform: translate(-2.8vw,0);}
.on .intro1 .line_wrap .cross .ver_line span em.b{transform: translate(2.8vw,0);}
.on .intro1 .line_wrap .cross .hor_line span em{width: calc(50% + 2.8vw);}
.on .intro1 .line_wrap .cross .ver_line span em.t .zoom{transform: translate(-42.5vw, 0);}
.on .intro1 .line_wrap .cross .ver_line span em.b .zoom{transform: translate(42.5vw, 0);}
.on .intro1 .line_wrap .cross .hor_line span em.l{transform: translate(0,2.8vw);}
.on .intro1 .line_wrap .cross .hor_line span em.r{transform: translate(0,-2.8vw);}
.on .intro1 .line_wrap .cross .hor_line span em .zoom{opacity: 0;}
.on .intro1 .line_wrap .cross .ver_line span em.t i{transform: translate(-4.8vw,0);height: calc(100% + 9vw);}
.on .intro1 .line_wrap .cross .ver_line span em.b i{transform: translate(4.8vw,0);height: calc(100% + 9vw);}
.on .intro1 .line_wrap .cross .hor_line span em.l i{transform: translate(0,9vw);width: calc(100% + 4.8vw);}
.on .intro1 .line_wrap .cross .hor_line span em.r i{transform: translate(0,-9vw);width: calc(100% + 4.8vw);}
.on .intro1 .line_wrap .skip{opacity: 1;transform: none;}
.on:not(.delay_none) .intro1 .vis,
.on:not(.delay_none) .intro1 .vis .vis_wrap{clip-path: inset(0 0 0 0);}
.on:not(.delay_none) .intro1 .vis .logo span{opacity: 0;}
.on.delay_none .intro1 .vis,
.on.delay_none .intro1 .vis .vd,
.on.delay_none .intro1 .vis .logo,
.on.delay_none .intro1 .vis .vis_wrap,
.on.delay_none .intro1 .vis .logo span,
.on.delay_none .intro1 .vis .vd video{transition-delay: 0s;}
.on.delay_none .intro1 .vis .vd{transition: 0.8s;}
.on.delay_none .intro1 .vis .logo span{transition:0s;}
.on.delay_none .intro1 .vis .txt dl dt span,
.on.delay_none .intro1 .vis .txt dl dd span{transition-delay: 0.6s;}
.on.delay_none .intro1 .vis .txt .tit .t2 div span{transition-delay:1s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d1{transition-delay: 1.4s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d2{transition-delay: 1.5s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d3{transition-delay: 1.6s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d4{transition-delay: 1.7s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d01{transition-delay: 2.4s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d02{transition-delay: 2.5s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d03{transition-delay: 2.6s;}
.on.delay_none .intro1 .vis .txt .tit ul li.d04{transition-delay: 2.7s;}
.on.delay_none .intro1 .vis .txt .tit p img{transition-delay:2s;}
.on.end .intro1 .line_wrap{opacity: 0;}
.on.end .intro1 .vis .vd,
.on.end .intro1 .vis .logo{opacity:1;}
.on.end .intro1 .vis .logo span{opacity: 0;}
.on.end .intro1 .vis,
.on.end .intro1 .vis .vis_wrap{clip-path: inset(0 0 0 0);}
.on.end .intro1 .vis .vd video,
.on.end .intro1 .vis .txt .tit ul li,
.on.end .intro1 .vis .txt dl dt span,
.on.end .intro1 .vis .txt dl dd span,
.on.end .intro1 .vis .txt .tit .t2 div span,
.on.end .intro1 .vis .txt .tit p img{opacity:1;transform:none;}
body[class]:not(.fp-viewing-0) .intro_box{opacity:0;}
body[class]:not(.fp-viewing-0) .intro_box::before{transform:none;}
body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit .t{overflow:hidden;}
body[class]:not(.fp-viewing-0) .intro1 .vis .txt dl dt p em,
body[class]:not(.fp-viewing-0) .intro1 .vis .txt dl dd p,
body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit .t2 div,
body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit ul{transform: translate(0,105%);}
body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit p{opacity:0;transform: translate(0,105%);}
@media all and (max-aspect-ratio:17/10){
	.intro1 .line_wrap .box{width: 28vw;height: 40vw;}
	.intro1 .line_wrap .logo,
	.intro1 .vis .logo span{width:6vw;}
	.intro1 .line_wrap .skip{bottom:7vw;}
	.intro1 .line_wrap .skip p span{font-size: 1vw;padding-bottom:0.3vw;}
	.intro1 .vis{clip-path: inset(calc(50dvh - 14.5vw) 0 calc(50dvh - 14.5vw) 0);}
	.intro1 .vis .vis_wrap{clip-path: inset(0 39.5% 0 39.5%);}
	.intro1 .vis .txt dl dt,
	.intro_wrap .vis_txt_bl dl dt{font-size:1.1vw;}
	.intro1 .vis .txt dl dd,
	.intro_wrap .vis_txt_bl dl dd{font-size:1.8vw;margin-top:1vw;}
	.intro1 .vis .txt .tit,
	.intro_wrap .vis_txt_bl .tit{margin-top:4vw;}
	.intro1 .vis .txt .tit .t2,
	.intro_wrap .vis_txt_bl .tit .t2{font-size: 1.8vw;margin-bottom:2.3vw;}
	.intro1 .vis .txt .tit ul li img,
	.intro_wrap .vis_txt_bl .tit ul li img{height:3.6vw;}
	.intro_wrap .vis_txt_bl .tit p,
	.intro1 .vis .txt .tit p{margin-top:2.2vw;}
	.intro_wrap .vis_txt_bl .tit p img,
	.intro1 .vis .txt .tit p img{width: 18vw;}
	.on .intro1 .line_wrap .logo span{transform: translate(7vw, 9.3vw);}
	.on .intro1 .line_wrap .logo em{transform: translate(-7vw, -3vw);}
	.on .intro1 .line_wrap .cross .ver_line span em{height: calc(50% + 4.5vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t{transform: translate(-4.5vw, 0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b{transform: translate(4.5vw, 0);}
	.on .intro1 .line_wrap .cross .hor_line span em{width: calc(50% + 4.5vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l{transform: translate(0, 4.5vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r{transform: translate(0, -4.5vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t i{transform: translate(-6vw,0);height: calc(100% + 10vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.b i{transform: translate(6vw,0);height: calc(100% + 10vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l i{transform: translate(0,10vw);width: calc(100% + 6vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r i{transform: translate(0,-10vw);width: calc(100% + 6vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t .zoom{transform:translate(-39.5vw,0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b .zoom{transform: translate(39.5vw, 0);}
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl{clip-path: polygon(0% 0%, 75% 0%, 75% 100%, 0% 100%);}
}
@media all and (max-aspect-ratio:13/10){
	.intro1 .line_wrap .box{width: 40vw;height: 55vw;}
	.intro_wrap .vis_txt_bl{clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);}
	.intro1 .line_wrap .logo,
	.intro1 .vis .logo span{width:9vw;}
	.intro1 .line_wrap .skip{bottom:9vw;}
	.intro1 .line_wrap .skip p span{font-size: 1.5vw;padding-bottom:0.5vw;}
	.intro1 .vis{clip-path: inset(calc(50dvh - 22vw) 0 calc(50dvh - 22vw) 0);}
	.intro1 .vis .vis_wrap{clip-path: inset(0 36% 0 36%);}
	.intro1 .vis .txt,
	.intro_wrap .vis_txt_bl{padding-left:0;justify-content: center;text-align:center;}
	.intro1 .vis .txt .box,
	.intro_wrap .vis_txt_bl .box{margin-bottom:0;}
	.intro1 .vis .txt dl dt,
	.intro_wrap .vis_txt_bl dl dt{font-size:1.7vw;}
	.intro1 .vis .txt dl dt p ~ p,
	.intro_wrap .vis_txt_bl dl dt p ~ p{margin-top:1.5vw;}
	.intro1 .vis .txt dl dd,
	.intro_wrap .vis_txt_bl dl dd{font-size:2.5vw;margin-top:1.6vw;}
	.intro1 .vis .txt .tit,
	.intro_wrap .vis_txt_bl .tit{width:28vw;margin: 0 auto;margin-top:5vw;}
	.intro1 .vis .txt .tit ._pc,
	.intro_wrap .vis_txt_bl .tit ._pc{display:none;}
	.intro1 .vis .txt .tit ._m,
	.intro_wrap .vis_txt_bl .tit ._m{display:block;}
	.intro1 .vis .txt .tit .t2,
	.intro_wrap .vis_txt_bl .tit .t2{font-size: 2.4vw;margin-bottom:3.5vw;}
	.intro1 .vis .txt .tit ul,
	.intro_wrap .vis_txt_bl .tit ul{position:relative;display:block;}
	.intro1 .vis .txt .tit ul li ~ li,
	.intro_wrap .vis_txt_bl .tit ul li ~ li{position:absolute;left:0;top:0;width:100%;}
	.intro1 .vis .txt .tit ul li img,
	.intro_wrap .vis_txt_bl .tit ul li img{height:100%;}
	.intro_wrap .vis_txt_bl .tit p,
	.intro1 .vis .txt .tit p{margin-top:0;}
	.intro_wrap .vis_txt_bl .tit p img,
	.intro1 .vis .txt .tit p img{width:100%;}
	.intro_box::before{display:none;}
	.on .intro1 .line_wrap .logo span{transform: translate(10vw, 13.3vw);}
	.on .intro1 .line_wrap .logo em{transform: translate(-10vw, -5vw);}
	.on .intro1 .line_wrap .cross .ver_line span em{height: calc(50% + 7vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t{transform: translate(-7vw, 0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b{transform: translate(7vw, 0);}
	.on .intro1 .line_wrap .cross .hor_line span em{width: calc(50% + 7vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l{transform: translate(0, 7vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r{transform: translate(0, -7vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t i{transform: translate(-7vw,0);height: calc(100% + 15vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.b i{transform: translate(7vw,0);height: calc(100% + 15vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l i{transform: translate(0,15vw);width: calc(100% + 7vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r i{transform: translate(0,-15vw);width: calc(100% + 7vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t .zoom{transform:translate(-36vw,0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b .zoom{transform: translate(36vw, 0);}
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl{clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 0% 70%);}
	.intro_wrap .vis_txt_bl dl dt span,
	.intro_wrap .vis_txt_bl dl dd span,
	.intro_wrap .vis_txt_bl .tit ul,
	.intro_wrap .vis_txt_bl .tit p img,
	.intro1 .vis .txt dl dt p,
	.intro1 .vis .txt dl dd p,
	.intro1 .vis .txt .tit ul,
	.intro1 .vis .txt .tit p{transition:1.2s;transition-delay:0.6s;}
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl dl dt span,
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl dl dd span,
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl .tit ul,
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl .tit p img,
	body[class]:not(.fp-viewing-0) .intro1 .vis .txt dl dt p,
	body[class]:not(.fp-viewing-0) .intro1 .vis .txt dl dd p,
	body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit ul,
	body[class]:not(.fp-viewing-0) .intro1 .vis .txt .tit p{transition-delay:0s;}
}
@media all and (max-aspect-ratio:13/10){
  
    /* 2. 창문 크기 고정 (글자가 뭉치는 걸 막는 핵심) */
    .intro1 .vis .txt .tit ._m .t,
    .intro_wrap .vis_txt_bl .tit ._m .t {
        position: relative !important;
		height:10vw;
        overflow: hidden !important;
        margin-bottom: 0 !important;
    }

    /* 3. 겹쳐있는 글자들 위치 잡기 */
    .intro1 .vis .txt .tit ._m .t ul,
    .intro_wrap .vis_txt_bl .tit ._m .t ul {
        display: block !important; /* flex 끄기 */
        position: relative !important;
        width: 100% !important;
    }

    .intro1 .vis .txt .tit ._m .t ul li,
    .intro_wrap .vis_txt_bl .tit ._m .t ul li {
       /*  position: absolute !important; */ /* 한 자리에 다 포개기 */
	   position:initial;
        top: 0 !important;
       /*  left: 0 !important; */
       /*  width: 100% !important; */
	   width:fit-content;
        line-height: 1 !important;
        text-align: center !important;
		display:inline-block;
    }

    /* 4. 이미지 크기 (너무 작게 나오지 않게 고정) */
    .intro1 .vis .txt .tit ._m .t ul li img {
        height: 6vw !important;
        width: auto !important;
        display: inline-block !important;
    }
}
@media all and (max-aspect-ratio:1/1){
	.intro1 .line_wrap .box{width: 55vw;height: 80vw;}
	.intro1 .line_wrap .logo,
	.intro1 .vis .logo span{width:13vw;}
	.intro1 .line_wrap .skip{bottom:7vw;}
	.intro1 .line_wrap .skip p span{font-size:2.2vw;padding-bottom:0.8vw;}
	.intro1 .vis{clip-path: inset(calc(50dvh - 31vw) 0 calc(50dvh - 31vw) 0);}
	.intro1 .vis .vis_wrap{clip-path: inset(0 29% 0 29%);}
	.intro1 .vis .txt dl dt,
	.intro_wrap .vis_txt_bl dl dt{font-size:2.2vw;}
	.intro1 .vis .txt dl dd,
	.intro_wrap .vis_txt_bl dl dd{font-size:3.4vw;margin-top:2vw;}
	.intro1 .vis .txt .tit,
	.intro_wrap .vis_txt_bl .tit{width:36vw;margin-top:9vw;}
	.intro1 .vis .txt .tit .t2,
	.intro_wrap .vis_txt_bl .tit .t2{font-size: 3.5vw;margin-bottom:4vw;}
	.on .intro1 .line_wrap .logo span{transform: translate(14vw, 20.3vw);}
	.on .intro1 .line_wrap .logo em{transform: translate(-14vw, -8vw);}
	.on .intro1 .line_wrap .cross .ver_line span em{height: calc(50% + 9vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t{transform: translate(-9vw, 0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b{transform: translate(9vw, 0);}
	.on .intro1 .line_wrap .cross .hor_line span em{width: calc(50% + 9vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l{transform: translate(0, 9vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r{transform: translate(0, -9vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t i{transform: translate(-12vw,0);height: calc(100% + 22vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.b i{transform: translate(12vw,0);height: calc(100% + 22vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l i{transform: translate(0,22vw);width: calc(100% + 12vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r i{transform: translate(0,-22vw);width: calc(100% + 12vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t .zoom{transform:translate(-29vw,0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b .zoom{transform: translate(29vw, 0);}
}
@media all and (max-aspect-ratio:7/10){
	.intro1 .line_wrap .box{width:70vw;height:100vw;}
	.intro1 .line_wrap .logo,
	.intro1 .vis .logo span{width:16vw;}
	/* .intro1 .vis{clip-path: inset(calc(50dvh - 38vw) 0 calc(50dvh - 38vw) 0);} */
	.intro1 .vis{clip-path: inset(calc(50dvh - 39vw) 0 calc(50dvh - 39vw) 0);}
	/* .intro1 .vis .vis_wrap{clip-path: inset(0 26% 0 26%);} */
	.intro1 .vis .vis_wrap{clip-path: inset(0 27% 0 27%);}
	.intro1 .line_wrap .skip{right:5.5556vw;bottom:10vw;}
	.intro1 .line_wrap .skip p span{font-size:3vw;padding-bottom:0.8vw;}
	.intro1 .vis .vd video{object-position: 10% 50%;}
	.intro1 .vis .txt dl dt,
	.intro_wrap .vis_txt_bl dl dt{font-size:3.3333vw;}
	.intro1 .vis .txt dl dt p ~ p,
	.intro_wrap .vis_txt_bl dl dt p ~ p{margin-top:3.4vw;}
	.intro1 .vis .txt dl dd,
	.intro_wrap .vis_txt_bl dl dd{font-size:4.4444vw;margin-top:3.1944vw;}
	/* .intro1 .vis .txt .tit,
	.intro_wrap .vis_txt_bl .tit{width:46.9444vw;margin-top:11.1111vw;} */
	 .intro1 .vis .txt .tit,
	.intro_wrap .vis_txt_bl .tit{width:65vw;margin-top:11.1111vw;}
	.intro1 .vis .txt .tit .t2,
	.intro_wrap .vis_txt_bl .tit .t2{font-size: 4.1667vw;margin-bottom:6.9444vw;}
	.on .intro1 .line_wrap .logo span{transform: translate(18vw, 23.3vw);}
	.on .intro1 .line_wrap .logo em{transform: translate(-18vw, -8vw);}
	.on .intro1 .line_wrap .cross .ver_line span em{height: calc(50% + 10vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t{transform: translate(-10vw,0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b{transform: translate(10vw,0);}
	.on .intro1 .line_wrap .cross .hor_line span em{width: calc(50% + 10vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l{transform: translate(0,10vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r{transform: translate(0,-10vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t i{transform: translate(-14vw,0);height: calc(100% + 28vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.b i{transform: translate(14vw,0);height: calc(100% + 28vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.l i{transform: translate(0,28vw);width: calc(100% + 14vw);}
	.on .intro1 .line_wrap .cross .hor_line span em.r i{transform: translate(0,-28vw);width: calc(100% + 14vw);}
	.on .intro1 .line_wrap .cross .ver_line span em.t .zoom{transform:translate(-24vw,0);}
	.on .intro1 .line_wrap .cross .ver_line span em.b .zoom{transform: translate(24vw, 0);}
	body[class]:not(.fp-viewing-0) .intro_wrap .vis_txt_bl{clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 0% 75%);}
}

.brand{position: relative;overflow: hidden;height: 100%;transform: translate(0,-100%);transition: 1.4s;}
.brand .sd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.brand .vd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition: 1.3s;}
.brand .vd .vd_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.brand .vd video{width:100%;height:100%;position:absolute;left:0;bottom:0;object-fit: cover;opacity: 0.8;transition:1.3s;}
.brand .txt{position: absolute;left: 50%;height: 100%;display: flex;align-items: center;width: 90vw;transition: 1.4s;}
.brand .txt .t_wrap{width: 100%;margin-bottom: -20dvh;transition: 1.2s;}
.brand .txt .t_mo{transition: 1.2s;}
.brand .txt .t1{font-size: 3.125vw;margin-bottom: 2.0833vw;position: relative;display: flex;overflow: hidden;transform: translate(0,-160%);transition: 1s;}
.brand .txt .t1 p{font-family: "Noto Serif KR";overflow: hidden;display: flex;}
.brand .txt .t1 em{display: block;opacity: 0;transform: translate(100%,0);transition: 0.8s;}
.brand .txt .t1 span{display: block;transform: translate(0,105%);transition: 1s;}
.brand .txt .t2{font-size: 1.6667vw;line-height: 1.56em;margin-bottom: 3.125vw;position: relative;letter-spacing: -0.05em;display: flex;}
.brand .txt .t2 p{color: transparent;background-clip: text;background-size: 300% 300%;background-position: right bottom;transition: 0.6s;}
.brand .txt .t3{font-size: 0.8333vw;line-height: 2.25em;letter-spacing: -0.05em;position: relative;}
.brand .txt .t3 p{opacity: 0;transform: translate(0,100%);transition: 0.8s;}
.brand .txt .t3 strong{font-weight: 600;}
.brand .txt .t4{display: flex;align-items: center;gap: 0 7.5521vw;padding: 1.5625vw 0;position: relative;}
.brand .txt .t4 .logo{position:relative;}
.brand .txt .t4 .logo img{width: 12vw;opacity: 0;transform: translate(30%,0);transition: 1s;}
.brand .txt .t4 ul{display: flex;gap: 0 4.4271vw;}
.brand .txt .t4 ul li{opacity:0;transform: translate(40%,0);transition: 1s;}
.brand .txt .t4 ul li dl dt{color: #000;letter-spacing: -0.05em;font-size: 0.7292vw;}
.brand .txt .t4 ul li dl dd{color: #000;letter-spacing: -0.05em;font-size: 0.9375vw;font-weight: 600;white-space: nowrap;margin-top: 1.0417vw;}
.brand .txt.bl .t1::before,
.brand .txt.bl .t2::before,
.brand .txt.bl .t3::before,
.brand .txt.bl .t4::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #d9d9d9;transform: scaleX(0);transform-origin: 0 0;transition: 1.2s;transition-delay: 0.4s;}
.brand .txt.bl .t1,
.brand .txt.bl .t2,
.brand .txt.bl .t3{color: #000;}
.brand .txt.wh .t1,
.brand .txt.wh .t2,
.brand .txt.wh .t3{color: #fff;}
.brand .txt.bl .t2 p{background-image: linear-gradient(-45deg, transparent 0% , transparent 33.33%, #000 66.66% , #000 100%);}
.brand .txt.wh .t2 p{background-image: linear-gradient(-45deg, transparent 0% , transparent 33.33%, #fff 66.66% , #fff 100%);}
body[class]:not(.fp-viewing-0) .brand{transform: none;}
body[class]:not(.fp-viewing-0) .brand#step1 .vd{clip-path: polygon(82% 20%, 100% 20%, 100% 100%, 82% 100%);}
body[class]:not(.fp-viewing-0) .brand#step2 .vd{clip-path: polygon(0% 20%, 100% 20%, 100% 100%, 0% 100%);}
body[class]:not(.fp-viewing-0) .brand .txt .t1{transform: none;transition-delay: 0.6s;}
body[class]:not(.fp-viewing-0) .brand .txt .t1 span{transform: none;}
body[class]:not(.fp-viewing-0) .brand .txt .t1 .d1{transition-delay: 0.6s;}
body[class]:not(.fp-viewing-0) .brand .txt .t1 .d2{transition-delay: 0.8s;}
body[class]:not(.fp-viewing-0) .brand .txt .t1 em{opacity:1;transform:none;transition-delay: 1.2s;}
body[class]:not(.fp-viewing-0) .brand .txt .t2 p{background-position: left top;transition: 2s;transition-timing-function: ease-out;transition-delay: 1s;}
body[class]:not(.fp-viewing-0) .brand .txt .t3 p{opacity: 1;transform: none;}
body[class]:not(.fp-viewing-0) .brand .txt .t3 p:nth-child(1){transition-delay: 1.5s;}
body[class]:not(.fp-viewing-0) .brand .txt .t3 p:nth-child(2){transition-delay: 1.6s;}
body[class]:not(.fp-viewing-0) .brand .txt .t3 p:nth-child(3){transition-delay: 1.7s;}
body[class]:not(.fp-viewing-0) .brand .txt .t3 p:nth-child(4){transition-delay: 1.8s;}
@media all and (max-aspect-ratio:17/10){
	.brand .txt{left:40%;}
	.brand .txt .t1{font-size: 3.5vw;}
	.brand .txt .t2{font-size: 2vw;}
	.brand .txt .t3{font-size: 1.1vw;}
	body[class]:not(.fp-viewing-0) .brand#step1 .vd{clip-path: polygon(75% 20%, 100% 20%, 100% 100%, 75% 100%);}
}
@media all and (max-aspect-ratio:13/10){
	.brand .txt{left:11.1111vw;}
	.brand .txt .t_wrap{margin-bottom: 0;margin-top:-20dvh;}
	.brand .txt .t1{font-size:5vw;margin-bottom: 3vw;}
	.brand .txt .t2{font-size:3vw;margin-bottom: 4vw;}
	.brand .txt .t3{font-size: 1.6vw;}
	body[class]:not(.fp-viewing-0) .brand#step1 .vd{clip-path: polygon(0% 70%, 100% 70%, 100% 100%, 0% 100%);}
	body[class]:not(.fp-viewing-0) .brand#step1 .vd video{height:60%;}
	body[class]:not(.fp-viewing-0) .brand#step2 .vd{clip-path: polygon(0% 17%, 100% 17%, 100% 100%, 0% 100%);}
	body[class]:not(.fp-viewing-0) .brand#step2 .vd video{height:83%;object-position: 25% 50%;}
	body[class]:not(.fp-viewing-0) .brand#step2 .txt .t_wrap{margin-top:0;}
}
@media all and (max-aspect-ratio:1/1){
	.brand .txt .t1{font-size:7vw;margin-bottom: 4vw;}
	.brand .txt .t2{font-size:4vw;margin-bottom: 5vw;}
	.brand .txt .t3{font-size:2.1vw;}
}
@media all and (max-aspect-ratio:7/10){
	.brand .txt .t_wrap{margin-top:-10dvh;}
	.brand .txt .t1{font-size:9.7222vw;margin-bottom:4.8611vw;}
	.brand .txt .t2{font-size:5.5556vw;line-height:1.63em;margin-bottom:9.7222vw;}
	.brand .txt .t3{font-size:2.7778vw;line-height:2em;}
	.brand .txt .t4{display:block;padding:0;}
	.brand .txt .t4 .logo{padding: 3.4722vw 0;}
	.brand .txt.bl .t4 .logo::before{content:"";position:absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #d9d9d9;transform: scaleX(0);transform-origin: 0 0;transition: 1.2s;transition-delay: 0.4s;}
	.brand .txt .t4 .logo img{width:34.7222vw;}
	.brand .txt .t4 ul{margin-top:4.1667vw;display:block;}
	.brand .txt .t4 ul li{transform:translate(10%,0);}
	.brand .txt .t4 ul li ~ li{margin-top:4.8611vw;}
	.brand .txt .t4 ul li dl dt{font-size:2.7778vw;}
	.brand .txt .t4 ul li dl dd{font-size:3.3333vw;margin-top:1.3889vw;}
	.brand .txt .t4::before{display:none;}
	.brand .vd video{object-position: 100% 50%;}
	body[class]:not(.fp-viewing-0) .brand#step1 .vd{clip-path: polygon(0% 75%, 100% 75%, 100% 100%, 0% 100%);}
	body[class]:not(.fp-viewing-0) .brand#step2 .txt .t_wrap{margin-top:-10dvh;}
}

.tower{height: 100%;position: relative;overflow: hidden;background-color:#000;transition-delay:1.4s;}
.tower .box{height: 100%;transform: translate(0,-100%);/* transition: 1.4s; */transition: 0.6s;}
.tower .area{height: 100%;position: relative;overflow: hidden;clip-path: inset(50% 0 50% 0);/* transition: 1.2s; */transition: 0.5s;}
.tower .area .sd{height: 100%;background-color: #fff;}
.tower .area .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;transition: 1s;}
.tower .area .bg span{display: block;height: 100%;background: url(../image/sec3-bg.jpg) no-repeat center / cover;transform: scale(1.2);transition: 1.5s;}
.tower .area .ver_txt{position: absolute;display: flex;gap: 0 4.5vw;left: 33%;top: 30%;transform-origin: 100% 0;transition: 1s;}
.tower .area .ver_txt ._m{display:none !important;}
.tower .area .ver_txt .t1{writing-mode: tb;color: #fff;font-size: 0.8333vw;letter-spacing:-0.14em;line-height: 2.25em;}
.tower .area .ver_txt .t1 p{overflow: hidden;position: relative;}
.tower .area .ver_txt .t1 p::before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 150%;background-color: #fff;transform: translate(0,-150%);transition: 2s;}
.tower .area .ver_txt .t1 p span{display: block;transform: translate(-100%,0);transition: 0.8s;}
.tower .area .ver_txt .t2{writing-mode: tb;color: #fff;font-size: 1.6667vw;letter-spacing: -0.14em;line-height: 1.56em;display: flex;flex-direction: column;}
.tower .area .ver_txt .t2 p{display: flex;}
.tower .area .ver_txt .t2 p span{opacity: 0;transform: translate(0,50%) scale(1.5);filter: blur(0.2vw);transition: 0.8s;}
.tower .area .ov{position:absolute;left:5.2083vw;bottom:2.0833vw;display:flex;align-items:center;padding: 0.5208vw;transition:1s;}
.tower .area .ov::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(255,255,255,0.4);transform:scaleX(0);transform-origin: 0 0;transition:1.4s;}
.tower .area .ov::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.4);transform:scaleX(0);transform-origin: 0 0;transition:1.4s;}
.tower .area .ov dl{display:flex;align-items:center;overflow:hidden;}
.tower .area .ov dl dt{color:rgba(255,255,255,0.7);font-size:0.7292vw;letter-spacing:-0.05em;padding-right:0.3646vw;margin-right:0.3646vw;position:relative;transform:translate(0,100%);transition:0.8s;font-weight:400;}
.tower .area .ov dl dt::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.4);}
.tower .area .ov dl dd{color:rgba(255,255,255,0.7);font-size:0.7292vw;letter-spacing:-0.05em;padding-right:0.3646vw;margin-right:0.3646vw;position:relative;transform:translate(0,100%);transition:0.8s;}
.tower .area .ov dl dd::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,0.4);}
.tower .area .ov dl dd.last-dd::before{display:none;}
.tower .area .shadow{position: absolute;left: 0;top: 0;width: 100%;height:100%;background-color: rgba(255,255,255,0.5);z-index: 1;transition: 1.2s;}
.tower .area .shadow ul{height: 100%;position: relative;}
.tower .area .shadow ul li{position: absolute;top: 24.1667%;height: 59.375%;box-shadow: 1.5vw 1.5vw 2vw rgba(0,0,0,0.2);transition: 1s;}
/*.tower .area .shadow ul .s1{right: 32.8125%;width: 13.0208%;}
.tower .area .shadow ul .s2{right: 18.75%;width: 14.0625%;}
 .tower .area .shadow ul .s3{right: 5.7292%;width: 13.0208%;}*/
.tower .area .clip_box{position: absolute;left: 0;top: 0;width: 100%;height:100%;z-index: 2;pointer-events:auto;}
.tower .area .clip_box ul{height: 100%;}
.tower .area .clip_box ul li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;will-change: auto;transition: 1s;}
/*.tower .area .clip_box ul .i1{clip-path: inset(24.1667% 32.8125% 16.4583% 54.1667%);}
.tower .area .clip_box ul .i2{clip-path: inset(24.1667% 18.75% 16.4583% 67.1875%);}
.tower .area .clip_box ul .i3{clip-path: inset(24.1667% 5.7292% 16.4583% 81.25%);}*/
.tower .area .clip_box ul .i1 { clip-path: inset(20% 50% 15% 30%); } 
.tower .area .clip_box ul .i2 { clip-path: inset(20% 27% 15% 53%); } 
.tower .area .clip_box ul .i3 { clip-path: inset(20% 4% 15% 76%); } 
.tower .area .clip_box ul li span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 1.5s;}
.tower .area .clip_box ul li span::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/sec3-bg.jpg) no-repeat center / cover;transition: 0.8s;}
.tower .area .clip_box ul .i1 span::before{transition-delay:0.6s;}
.tower .area .clip_box ul .i2 span::before{transition-delay:0.8s;}
.tower .area .clip_box ul .i3 span::before{transition-delay:1s;}
.tower .area .clip_box ul li em{position: absolute;top:20%;height:65%;/*top: 24.1667%;height: 59.375%;*//*width:13.0209%;*/width:20%;overflow: hidden;transform: translate(0,101%);transition: 1.2s;}
/* .tower .area .clip_box ul .i1 em{right: 33.3333%;}
.tower .area .clip_box ul .i2 em{right: 19.2708%;}
.tower .area .clip_box ul .i3 em{right: 5.2083%;}*/
.tower .area .clip_box ul .i1 em{right: 50%;}
.tower .area .clip_box ul .i2 em{right: 27%;}
.tower .area .clip_box ul .i3 em{right: 4%;}
.tower .area .clip_box ul li em::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center / cover;transform: scale(1.3);transform-origin: 50% 100%;transition: 1.2s;}
.tower .area .clip_box ul .i1 em::before{background-image: url(../image/sec3-img1.jpg);}
.tower .area .clip_box ul .i2 em::before{background-image: url(../image/sec3-img2.jpg);}
.tower .area .clip_box ul .i3 em::before{background-image: url(../image/sec3-img3.jpg);}
.tower .area .clip_box .img{display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.tower .area .clip_box .img span{position:absolute;left:5.5556vw;width:88.8888%;height: 14.0625%;overflow:hidden;}
.tower .area .clip_box .img .i1{top:12.5%;}
.tower .area .clip_box .img .i2{top:28.125%;}
.tower .area .clip_box .img .i3{top:43.75%;}
.tower .area .clip_box .img span em{display:block;height:100%;background:no-repeat center / cover;opacity:0;transform:scale(1.2);transition:0.8s;}
.tower .area .clip_box .img .i1 em{background-image: url(../image/sec3-img1-m.jpg);transition-delay:0s;}
.tower .area .clip_box .img .i2 em{background-image: url(../image/sec3-img2-m.jpg);transition-delay:0.2s;}
.tower .area .clip_box .img .i3 em{background-image: url(../image/sec3-img3-m.jpg);transition-delay:0.4s;}
.tower .area .txt{position: absolute;bottom:20%;right:74%;z-index: 3;white-space: nowrap;}
.tower .area .txt .t1{color: #000;font-size: 1.6667vw;font-family: "Inter", sans-serif;letter-spacing: 0.03em;overflow: hidden;margin-bottom: 2.3438vw;}
.tower .area .txt .t1 span{display: block;transform: translate(0,105%);transition: 0.8s;}
.tower .area .txt .t2{color: #000;font-size: 0.8333vw;letter-spacing: -0.04em;line-height: 2.25em;}
.tower .area .txt .t2 p{overflow: hidden;}
.tower .area .txt .t2 p span{display: block;transform: translate(0,105%);transition: 0.8s;}
.tower .area .txt .ts2{position: absolute;left: 0;bottom: 0;}
.tower .area .txt .t3{color: #000;font-size: 0.8333vw;font-weight: 600;letter-spacing: -0.04em;overflow: hidden;margin-top: 1.5625vw;}
.tower .area .txt .t3 span{display: block;transform: translate(0,105%);transition: 0.8s;}
.tower .area .txt .t4{color:#000;font-size:1.6667vw;letter-spacing:-0.05em;line-height:1.56em;margin-bottom:1.5625vw;}
.tower .area .txt .t4 p{overflow:hidden;}
.tower .area .txt .t4 p span{display:block;transform:translate(0,100%);transition:0.8s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .box{transform: none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area{clip-path: inset(0 0 0 0);transition-delay: 0.8s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .bg span{transform: none;transition-delay: 0.8s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p span{opacity: 1;filter: blur(0);transform: none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d1{transition-delay: 1.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d2{transition-delay: 1.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d3{transition-delay: 1.7s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d4{transition-delay: 1.8s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d5{transition-delay: 1.9s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d6{transition-delay: 2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d7{transition-delay: 2.1s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d8{transition-delay: 2.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d9{transition-delay: 2.3s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d10{transition-delay: 2.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d11{transition-delay: 2.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d12{transition-delay: 2.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t2 p .d13{transition-delay: 2.7s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t1 p::before{transform: translate(0,100%);transition-delay: 2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t1 p span{transform: none;transition-delay: 2.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov::before,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov::after,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl dt,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl dd{transform:none;transition-delay:2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .ov{opacity:0;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .ver_txt,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active) .ver_txt{opacity: 0;transform: translate(-10%,0) scaleX(1.2);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .bg,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active) .bg{opacity: 0;transition-delay: 1s;}
/* body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i1,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i1{clip-path: inset(24.1667% 33.3333% 16.4583% 53.6458%);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i2,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2{clip-path: inset(24.1667% 19.2708% 16.4583% 67.7083%);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i3,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3{clip-path: inset(24.1667% 5.2083% 16.4583% 81.7708%);transition-delay: 0.4s;} */
 body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i1,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i1{clip-path: inset(20% 50% 15% 30%);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i2,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2{clip-path: inset(20% 27% 15% 53%);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i3,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3{clip-path: inset(20% 4% 15% 76%);transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul li span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li span{transform: scale(0.77);transform-origin: 108% 67%;transition-delay: 0.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow{opacity: 0;transition-delay: 1.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s1,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s1{right: 33.3333%;width: 13.0209%;transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s2,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s2{right: 19.2708%;width: 13.0209%;transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s3,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s3{right: 5.2083%;width: 13.0209%;transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .txt .t1 span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .txt .ts1 p span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .txt .t3 span{transform: none;transition-delay: 1.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .txt .ts2 p span{transform: none;transition-delay: 0.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li em,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li em::before{transform: none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2 em{transition-delay: 0.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3 em{transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .tower{background-color:transparent;transition-delay:0s;}
@media all and (max-aspect-ratio:17/10){
	.tower .area .ver_txt{left: 30%;gap: 0 7vw;}
	.tower .area .ver_txt .t1{font-size: 1.1vw;}
	.tower .area .ver_txt .t2{font-size: 2vw;}
	.tower .area .ov{bottom: 3vw;padding: 0.8vw;gap: 0 1.6vw;}
	.tower .area .ov dl dt{font-size: 1vw;padding-right: 0.5vw;margin-right: 0.5vw;}
	.tower .area .ov dl dd{font-size: 1vw;}
	.tower .area .txt{right:55%;}
	.tower .area .txt .t1{font-size: 2.2vw;margin-bottom:2.5vw;}
	.tower .area .txt .t2{font-size: 1.1vw;}
	.tower .area .txt .t3{font-size:1.1vw;margin-top:2vw;}
	.tower .area .txt .t4{font-size: 2.2vw;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul li span,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li span{transform-origin: 80% 67%;}
}
@media all and (max-aspect-ratio:13/10){
	.tower .area .ver_txt ._pc{display:none !important;}
	.tower .area .ver_txt ._m{display:flex !important;}
	.tower .area .ver_txt{flex-direction: column-reverse;align-items: flex-start;left:5%;top:25%;}
	.tower .area .ver_txt .t1{writing-mode: horizontal-tb;line-height:2em;font-size: 1.6vw;letter-spacing: -0.05em;margin-top: 4vw;}
	.tower .area .ver_txt .t1 p::before{width:100%;height:1px;top:auto;bottom:0;transform:translate(-101%,0);transition:1.2s;}
	.tower .area .ver_txt .t1 p span{transform:translate(0,100%);}
	.tower .area .ver_txt .t2{writing-mode: horizontal-tb;font-size: 3.2vw;letter-spacing: -0.05em;}
	.tower .area .bg span,
	.tower .area .clip_box ul li span::before{background-position: right center;}
	.tower .area .ov{bottom: 4vw;padding: 1vw;gap: 0 3vw;}
	.tower .area .ov dl dt{font-size: 1.5vw;padding-right: 1vw;margin-right: 1vw;}
	.tower .area .ov dl dd{font-size:1.5vw;}
	.tower .area .txt{right:60%;bottom: 25%;}
	.tower .area .txt .t1{font-size: 2.8vw;margin-bottom: 4vw;}
	.tower .area .txt .t2{font-size:1.6vw;}
	.tower .area .txt .t3{font-size: 1.6vw;margin-top: 3vw;}
	.tower .area .txt .t4{font-size: 2.8vw;margin-bottom:2vw;}
	.tower .area .clip_box ul li em{width:16%;}
	.tower .area .clip_box ul .i1 em{right: 39%;}
	.tower .area .clip_box ul .i2 em{right: 22%;}
	.tower .area .clip_box ul .i3 em{right: 5%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t1 p span{transition-delay: 2s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ver_txt .t1 p::before{transform:translate(101%,0);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i3,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3{clip-path: inset(24.1667% 5% 16.4583% 79%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i2,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2{clip-path: inset(24.1667% 22% 16.4583% 62%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i1,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i1{clip-path: inset(24.1667% 39% 16.4583% 45%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul li span,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li span{transform: scale(0.7);transform-origin: 125% 67%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s1,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s1{right: 39%;width: 16%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s2,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s2{right: 22%;width: 16%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .shadow ul .s3,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .shadow ul .s3{right: 5%;width: 16%;}
}
@media all and (max-aspect-ratio:1/1){
	.tower .area .ver_txt{top:17%;}
	.tower .area .ver_txt .t1{font-size:2.1vw;margin-top:5vw;}
	.tower .area .ver_txt .t2{font-size:4.1vw;}
	.tower .area .ov{display:block;padding: 0;bottom:17vw;}
	.tower .area .ov dl{padding: 1.5vw 0;position:relative;display:block;opacity:0;transform:translate(20%,0);transition:0.8s;}
	.tower .area .ov dl dt::before{display:none;}
	.tower .area .ov dl ~ dl::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color: rgba(255, 255, 255, 0.4);transform-origin: 0 0;transform: scaleX(0);transition: 1.4s;}
	.tower .area .ov dl dt{font-size:2.1vw;transform:none;padding-right: 0;margin-right: 0;}
	.tower .area .ov dl dd{font-size:2.1vw;margin-top:1vw;transform:none;}
	.tower .area .clip_box ul .i1{clip-path: inset(12.5% 5.5556% 72.6563% 5.5556%);}
	.tower .area .clip_box ul .i2{clip-path: inset(27.3438% 5.5556% 57.0313% 5.5556%);}
	.tower .area .clip_box ul .i3{clip-path: inset(42.9688% 5.5556% 42.1875% 5.5556%);}
	.tower .area .clip_box ul li em{display:none;}
	.tower .area .clip_box .img{display:block;}
	.tower .area .shadow ul li{right: 5.5556% !important;width:88.8888% !important;height:14.0625%;box-shadow: 2vw 2vw 3vw rgba(0, 0, 0, 0.2);}
	.tower .area .shadow ul .s1{top:12.5%;}
	.tower .area .shadow ul .s2{top:28.125%;}
	.tower .area .shadow ul .s3{top:43.75%;}
	.tower .area .txt{left:5.5556vw;right:auto;top:calc(57.8125% + 5vw);bottom:auto;}
	.tower .area .txt .t1{letter-spacing:-0.05em;font-size:4.5vw;margin-bottom:5vw;}
	.tower .area .txt .t2{font-size: 2.2vw;line-height:2em;letter-spacing:-0.05em;}
	.tower .area .txt .t3{font-size: 2.2vw;margin-top:4vw;letter-spacing:-0.05em;}
	.tower .area .txt .t4{font-size:4.5vw;margin-bottom: 3vw;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl ~ dl::before{transform: none;transition-delay: 2s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl{transform:none;opacity:1;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl:nth-child(1){transition-delay:2s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl:nth-child(2){transition-delay:2.1s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl:nth-child(3){transition-delay:2.2s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .ov dl:nth-child(4){transition-delay:2.3s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .ver_txt,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active) .ver_txt{transition-delay:0s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i1,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i1{clip-path: inset(12.5% 5.5556% 73.4375% 5.5556%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i2,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2{clip-path: inset(28.125% 5.5556% 57.8125% 5.5556%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul .i3,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3{clip-path: inset(43.75% 5.5556% 42.1875% 5.5556%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-active .clip_box ul li span,
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li span{transform: scale(0.9);transform-origin:50% 50%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul li span::before{opacity:0;transform:scale(1.2);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i1 span::before{transition-delay:0.4s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i2 span::before{transition-delay:0.2s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box ul .i3 span::before{transition-delay:0s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box .img span em{opacity:1;transform:none;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box .img .i1 em{transition-delay:0.6s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box .img .i2 em{transition-delay:0.8s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1) .tower .area .swiper-slide-prev .clip_box .img .i3 em{transition-delay:1s;}
}
@media all and (max-aspect-ratio: 1/1) {
    /* [연혁 모드] .tower에 history-mode가 붙었을 때 */

    /* 1. 이미지 및 텍스트 공통 애니메이션 */
    .tower.history-mode .sd2 .clip_box .img span {
        position: absolute !important;
        width: 40% !important; 
        height: 18% !important;
        clip-path: none !important;
        z-index: 20;
        opacity: 0; /* 처음엔 숨김 */
        transform: translateY(20px); /* 살짝 아래에서 대기 */
        transition: all 1.5s ease-out;
		transition-delay: 0.1s;
		overflow:visible;
    }

    /* 클래스가 붙으면 등장 (지그재그 좌표 유지) */
    .tower.history-mode .sd2 .clip_box .img .i1 { left: auto !important; right: 5% !important; top: 10% !important; opacity: 1; transform: translateY(0); transition-delay: 0.3s; transition-delay: 0.8s;}
    .tower.history-mode .sd2 .clip_box .img .i2 { left: 5% !important; right: auto !important; top: 38% !important; opacity: 1; transform: translateY(0); transition-delay: 0.7s; transition-delay: 1.2s;}
    .tower.history-mode .sd2 .clip_box .img .i3 { left: auto !important; right: 5% !important; top: 66% !important; opacity: 1; transform: translateY(0); transition-delay: 1.1s; transition-delay: 01.6s;}

    /* 2. 스토리 텍스트 (이미지 뜰 때 같이 뜨도록) */
    .tower.history-mode .sd2 .clip_box .img span::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 16px;
        font-weight: bold;
        color: #5e5e5e;
        white-space: nowrap;
        opacity: 0;
        transition: opacity 0.5s ease;
        transition-delay: inherit; /* 이미지 딜레이를 그대로 따라감 */
		font-style:italic;
    }
    .tower.history-mode .sd2 .clip_box .img span.end::before, /* 이미 이동이 끝났을 때 */
    .tower.history-mode .sd2 .clip_box .img span::before { opacity: 1; }

    .tower.history-mode .sd2 .clip_box .img .i1::before { content: "Our First Story"; right: 110%; }
    .tower.history-mode .sd2 .clip_box .img .i2::before { content: "Our  Second Story"; left: 110%; }
    /* .tower.history-mode .sd2 .clip_box .img .i3::before { content: "Our  Third Story";right: 110%; } */
}
@media all and (max-aspect-ratio:7/10){
	.tower .area .ver_txt{left:5.5556vw;top:20%;}
	.tower .area .ver_txt .t1{font-size:2.7778vw;margin-top:7.6389vw;}
	.tower .area .ver_txt .t2{font-size:5.2778vw;}
	.tower .area .bg span,
	.tower .area .clip_box ul li span::before{background-image:url(../image/sec3-bg-m.jpg);background-position:center;}
	.tower .area .ov{left:5.5556vw;bottom:20vw;}
	.tower .area .ov dl{padding: 2.0833vw 0;}
	.tower .area .ov dl dt{font-size:2.7778vw;}
	.tower .area .ov dl dd{font-size:2.7778vw;margin-top:1.3889vw;}
	.tower .area .txt{top:calc(57.8125% + 9.0278vw);}
	.tower .area .txt .t1{font-size:5.2778vw;margin-bottom:9.7222vw;}
	.tower .area .txt .t2{font-size:2.7778vw;}
	.tower .area .txt .t3{font-size:2.7778vw;margin-top:6.9444vw;}
	.tower .area .txt .t4{font-size:5.5556vw;margin-bottom: 3.4vw;}
	.tower .area .ov dl dd::before{display:none;}
}
@media all and (max-aspect-ratio: 1/1) {
    /* 1. sd1, sd2는 원래 홈페이지 디자인을 유지 (건드리지 않음) */

    /* 2. sd3에 도착해서 .end가 붙는 순간 (스크롤 한 번 더 했을 때) */
    .tower .sd3.swiper-slide-active.end .clip_box .img::after {
        content: ""; position: absolute; left: 50%; top: 0; 
        width: 1px; height: 100%; background: rgba(255, 255, 255, 0.4); 
        transform: translateX(-50%); transition: height 1s ease;
    }

    /* 이미지가 사라지지 않게 강제로 노출시키며 재배치 */
    .tower .sd3.swiper-slide-active.end .clip_box .img span {
        position: absolute !important;
        width: 42% !important; 
        height: auto !important;
        clip-path: none !important; /* 클립패스 해제 */
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        transition: all 0.6s ease;
    }

    /* 지그재그 좌표값 (사라지지 않게 정확히 배치) */
    .tower .sd3.swiper-slide-active.end .clip_box .img .i1 { left: 5% !important; top: 5% !important; transition-delay: 0.2s; }
    .tower .sd3.swiper-slide-active.end .clip_box .img .i2 { right: 5% !important; top: 35% !important; transition-delay: 0.5s; }
    .tower .sd3.swiper-slide-active.end .clip_box .img .i3 { left: 5% !important; top: 65% !important; transition-delay: 0.8s; }

    /* 텍스트가 이미지와 겹쳐서 안 보이는 현상 방지 */
    .tower .sd3.swiper-slide-active.end .area .txt {
        padding-top: 85vh !important; /* 텍스트를 하단으로 확 밀어냄 */
        position: relative !important;
        z-index: 10;
    }
}
.partner{height: 100%;}
.partner .sd{height: 100%;}
.partner .sd .sd2{width: 61.9792vw;}
.partner .sd .area{height: 100%;position:relative;z-index: 1;}
.partner .sd .area .lef{height: 100%;position: relative;}
.partner .sd .area .lef .clip_box{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 1;transition:1.2s;transition-delay: 0.8s;}
.partner .sd .area .lef .clip_box span{display:block;height:100%;clip-path: inset(0% 0% 0% 0%);transition: 1.2s;transform: translatez(0);}
.partner .sd .area .lef .clip_box span em{display:block;height:100%;overflow:hidden;clip-path: inset(60% 0 0 0);transition:1.4s;transform: translatez(0);}
.partner .sd .area .lef .clip_box span em i{display:block;height:100%;overflow:hidden;transform: translatez(0) scale(1.3);transition:1.4s;}
.partner .sd .area .lef .clip_box span em i::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../image/sec4-img1.jpg) no-repeat 50% 50% / cover;transition:1.6s;transform: translatez(0);}
.partner .sd .area .lef .box{position: absolute;left: 19.2708vw;bottom: 3.6458dvh;display: flex;align-items: flex-end;gap: 0 3.125vw;}
.partner .sd .area .lef .box ul li{width: 13.0208vw;height: 59.375dvh;transition: 0.8s;}
.partner .sd .area .lef .box ul li i{display: block;height: 100%;transition: 1.2s;transition-delay: 0.6s;}
.partner .sd .area .lef .box ul li span{display: block;height: 100%;overflow: hidden;opacity: 0;transform: translate(0, -30%);transition: 1s;}
.partner .sd .area .lef .box ul li span em{display: block;height: 100%;background: no-repeat center / cover;transform: scale(1.5);transition: 1s;}
.partner .sd .area .lef .box ul .i2 span em{background-image: url(../image/sec4-img2.jpg);}
.partner .sd .area .lef .box dl{margin-bottom:-0.2604vw;}
.partner .sd .area .lef .box dl dt{color: #000;font-size: 1.6667vw;letter-spacing: 0.03em;overflow: hidden;font-family: "Inter", sans-serif;}
.partner .sd .area .lef .box dl dt span{display: block;transform: translate(0,100%);transition: 1s;}
.partner .sd .area .lef .box dl dd{color: #000;font-size: 0.8333vw;letter-spacing: -0.05em;line-height: 1.88em;white-space: nowrap;margin-top: 1.3021vw;}
.partner .sd .area .lef .box dl dd p{overflow: hidden;}
.partner .sd .area .lef .box dl dd p span{display: block;transform: translate(0,100%);transition: 1s;}
.partner .sd .area .img{width: 60%;height: 100%;position: absolute;right:0;top:0;overflow: hidden;font-family: "Inter", sans-serif;transform: translate(21%, 0);}
.partner .sd .area .img span{display: block;height: 100%;overflow: hidden;clip-path: inset(0 0 0 0);transition:1.2s;}
.partner .sd .area .img span em{display: block;height: 100%;transform: scale(1.2);transition: 1.2s;opacity:0;}
.partner .sd .area .img span em i{display: block;height: 100%;background: url(../image/sec5-bg.jpg) no-repeat center / cover;clip-path: inset(0 0 0 0);transition:1.2s;}
.partner .sd .name{height: 100%;display: flex;/* align-items: flex-end; */align-items:center;padding: 0 5.2083vw 7dvh 2.8646vw;pointer-events:auto;}
.partner .sd .name ul{display: flex;flex-wrap: wrap;gap: 0.5208vw;}
.partner .sd .name ul li{border: 1px solid #ccc;padding: 1.4vw 0 1.4vw 1.5625vw;/* width: calc(33.33% - 0.3472vw); */width:336px;opacity: 0;transform: translate(0,-50%);transition: 1.2s;}
.partner .sd .name ul li .t1{color: #000;font-size: 0.7292vw;letter-spacing: -0.05em;margin-bottom: 1.3vw;}
.partner .sd .name ul li .t2{width: 12vw;margin-bottom: 1.2vw;max-width:225px;}
.partner .sd .name ul li .t2 img{pointer-events:auto;}
.partner .sd .name ul li .t3{color: rgba(0,0,0,0.4);font-size: 0.8333vw;letter-spacing: -0.1em;line-height: 1.38em;display: flex;flex-direction: column;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span{clip-path: inset(36.9792% 81.7708% 3.6458% 5.2083%);transition-delay:1.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span em{clip-path:inset(0 0 0 0);}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span em i{transform:none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span em i::before{width: 40%;transform: scale(0.6);transform-origin: 9% 91.7%;background-position: 0% 0%;transition-delay:1.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .box ul li span{opacity: 1;transform: none;transition-delay: 2.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .box ul li span em{transform: none;transition-delay: 2.5s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .img span{clip-path: inset(0 0 0 15%);transition-delay:3s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .img span em{transform: none;opacity:1;transition-delay:3s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .area .lef .box dl dt span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .area .lef .box dl dd p span{transform: none;transition-delay: 2.7s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-prev .area .img span{clip-path: inset(0 0 0 0);transition:1.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-prev .area .img span em i{clip-path: inset(0 21% 0 0);transition-delay: 0.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-prev .area .lef .box ul li i{opacity: 0;transform: translate(0,-35%);transition-delay: 0.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-prev .area .lef .clip_box{opacity: 0;transform: translate(0,-15%);transition-delay: 0s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li{opacity: 1;transform: none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul .l1{transition-delay: 0.8s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul .l2{transition-delay: 0.9s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul .l3{transition-delay: 1s;}
@media all and (max-aspect-ratio:17/10){
	.partner .sd .area .lef .box{left:20vw;bottom: 4vh;}
	.partner .sd .area .lef .box ul li{width: 14vw;height: 59dvh;}
	.partner .sd .area .lef .box dl dt{font-size: 2.2vw;}
	.partner .sd .area .lef .box dl dd{font-size:1.1vw;margin-top: 1.5vw;}
	.partner .sd .area .img{width:70%;}
	.partner .sd .name{padding: 0 3vw 5dvh;}
	.partner .sd .name ul li{padding: 1.8vw;}
	.partner .sd .name ul li .t1{font-size: 1vw;margin-bottom: 1.5vw;}
	.partner .sd .name ul li .t2{width:13vw;margin-bottom: 1.5vw;}
	.partner .sd .name ul li .t3{font-size:1.1vw;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span{clip-path: inset(37% 81% 4% 5%);}
}
@media all and (max-aspect-ratio:13/10){
	.partner .sd .sd2{width:100%;}
	.partner .sd .area{display:flex;flex-direction:column;}
	.partner .sd .area .lef .box{width: 100%;left:0;bottom: 50%;padding: 0 5.5556vw;flex-direction: row-reverse;gap: 0 30vw;}
	.partner .sd .area .lef .box dl dt{font-size:3.2vw;}
	.partner .sd .area .lef .box dl dd{font-size: 1.6vw;margin-top:3vw;}
	.partner .sd .area .lef .box ul li{width: 20vw;height: 40dvh;}
	.partner .sd .area .img{top:auto;bottom:0;width:100%;height:43.2813%;transform:none;}
	.partner .sd .area .img span{clip-path: inset(20% 0 0 0);}
	.partner .sd .name{padding: 5dvh 5vw 0;align-items:center;justify-content:center;}
	.partner .sd .name ul{gap: 1.5vw;}
	.partner .sd .name ul li{padding: 2.3vw;width: calc(33.33% - 1vw);}
	.partner .sd .name ul li .t1{font-size: 1.5vw;margin-bottom: 2vw;}
	.partner .sd .name ul li .t2{width: 18vw;margin-bottom: 2vw;}
	.partner .sd .name ul li .t3{font-size: 1.6vw;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .img span{clip-path: inset(0 0 0 0);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-prev .area .img span em i{clip-path: inset(100% 0 0 0);opacity:0;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span{clip-path: inset(10% 27% 50% 53%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span em i::before{width: 90%;transform: scale(0.41);transform-origin: 90% 16%;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(1),
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(2){transition-delay: 0.8s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(3),
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(4){transition-delay: 0.9s;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(5),
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .swiper-slide-active .name ul li:nth-child(6){transition-delay: 1s;}
}
@media all and (max-aspect-ratio:1/1){
	.partner .sd .area .lef .box dl dt{font-size: 4.2vw;}
	.partner .sd .area .lef .box dl dd{font-size:2.2vw;}
	.partner .sd .name{padding: 0 5.5556vw;}
	.partner .sd .name ul{margin-bottom:-5dvh;}
	.partner .sd .name ul li{padding: 3vw 2vw;}
	.partner .sd .name ul li .t1{font-size: 2vw;}
	.partner .sd .name ul li .t2{width:100%;}
	.partner .sd .name ul li .t3{font-size:2vw;}
}
@media all and (max-aspect-ratio:7/10){
	.partner .sd .area .lef .box{justify-content: space-between;}
	.partner .sd .area .lef .box ul li{width: 22.9167vw;height: 29.4531dvh;}
	.partner .sd .area .lef .box dl dt{font-size:4.4444vw;}
	.partner .sd .area .lef .box dl dd{font-size:2.7778vw;line-height:2em;margin-top:9vw;}
	.partner .sd .name ul{gap: 2vw;margin-bottom: -2dvh;}
	.partner .sd .name ul li{width:calc(50% - 1vw);padding: 2.5vw 2vw;}
	.partner .sd .name ul li .t1{font-size:2.7778vw;margin-bottom:1vw;}
	.partner .sd .name ul li .t2{width:70%;}
	.partner .sd .name ul li .t3{font-size:2.7778vw;line-height:1.3em;letter-spacing: -0.12em;height: auto;}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span{clip-path: inset(20.5469% 30.4167% 50% 46.6667%);}
	body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .partner .sd .area .lef .clip_box span em i::before{width: 100%;transform: scale(0.3);transform-origin: 57% 29%;}
}

.contact{height: 100%;position: relative;overflow: hidden;}
.contact .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.contact .bg span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../image/sec6-bg2.jpg) no-repeat center / cover;transform: scale(1.3);transition: 2s;}
.contact .bg span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(35,35,35,0.85);opacity: 0;transition: 1.2s;}
.contact .area{position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.contact .area .box{display: flex;align-items: center;gap: 0 8.5938vw;}
.contact .area .map{width:32vw;opacity: 0;transform: translate(0,-30%);transition: 1.2s;}
.contact .area .txt{transform: translate(0,10%);transition: 1.2s;}
.contact .area .txt .t1{color: #fff;font-size: 1.6667vw;letter-spacing: 0.03em;font-family: "Inter", sans-serif;margin-bottom: 1.3021vw;overflow: hidden;}
.contact .area .txt .t1 span{display: block;transform: translate(0,100%);transition:1s;}
.contact .area .txt .t2{color: #fff;font-size: 0.8333vw;letter-spacing: -0.05em;line-height: 1.88em;}
.contact .area .txt .t2.ls{letter-spacing: 0.075em;}
.contact .area .txt .t2 em{font-family: "Google Sans", sans-serif;font-style: normal;}
.contact .area .txt .t2 p{overflow: hidden;}
.contact .area .txt .t2 span{display: flex;align-items: center;gap: 0 1.4583vw;transform: translate(0,100%);transition:1s;}
.contact .area .txt dl{margin-top: 3vw;}
.contact .area .txt dl ~ dl{margin-top: 2.4vw;}
.contact .area .txt dl dt{color: #fff;font-size: 0.7292vw;letter-spacing: -0.05em;overflow: hidden;margin-bottom: 0.5208vw;}
.contact .area .txt dl dt span{display: block;transform: translate(0,100%);transition:1s;}
.contact .area .txt dl dd{overflow: hidden;display: flex;gap: 0 1.4583vw;}
.contact .area .txt dl dd a{pointer-events:auto;color:#fff;}
.contact .area .txt dl dd a:hover{color:#fff;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .bg span{transform: none;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .bg span::after{opacity: 1;transition-delay: 0.4s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .area .map{opacity:1;transform: none;transition-delay: 0.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .area .txt,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .area .txt dl dt span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .area .txt .t1 span,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .contact .area .txt .t2 span{transform: none;transition-delay: 0.6s;}
@media all and (max-aspect-ratio:17/10){
	.contact .area .box{gap: 0 10vw;margin-right: -5vw;}
	.contact .area .map{width:34vw;margin-bottom:0;}
	.contact .area .txt .t1{font-size:2.2vw;margin-bottom:1.5vw;}
	.contact .area .txt .t2{font-size:1.1vw;}
	.contact .area .txt dl dt{font-size:1vw;margin-bottom:0.8vw;}
}
@media all and (max-aspect-ratio:13/10){
	.contact .area .box{margin-right:0;gap: 0 8vw;}
	.contact .area .map{width:40vw;}
	.contact .area .txt .t1{font-size:3vw;margin-bottom: 2vw;}
	.contact .area .txt .t2{font-size:1.4vw;}
	.contact .area .txt dl{margin-top:4vw;}
	.contact .area .txt dl ~ dl{margin-top: 3vw;}
	.contact .area .txt dl dt{font-size:1.4vw;margin-bottom: 1vw;}
}
@media all and (max-aspect-ratio:1/1){
	.contact .area .box{flex-direction: column;margin-right:0;margin-bottom:-2dvh;gap: 7vw 0;}
	.contact .area .map{width:85%;}
	.contact .area .txt .t1{font-size:3.8vw;margin-bottom: 3vw;}
	.contact .area .txt .t2{font-size:1.9vw;line-height:1.9em;}
	.contact .area .txt .t2 p:nth-child(4){line-height: 1.3em;}
	.contact .area .txt dl dt{font-size:1.9vw;}
}
@media all and (max-aspect-ratio:7/10){
	.contact .area .box{gap:1vw 0;}
	.contact .area .map{padding: 0 11.1111vw;width:90%;}
	.contact .area .txt{width:100%;padding:5vw 5.5556vw;}
	.contact .area .txt .t1{font-size:4.4444vw;margin-bottom:2.7778vw;}
	.contact .area .txt .t2{font-size:2.7778vw;}
	.contact .area .txt .t2 span{gap: 0 2.7778vw;}
	.contact .area .txt dl{margin-top:8vw;}
	.contact .area .txt dl ~ dl{margin-top:5vw;}
	.contact .area .txt dl dt{font-size:2.7778vw;margin-bottom:1.3889vw;}
	.contact .area .txt dl dd .t2{font-size:3.0556vw;line-height:1.36em;}
}

footer{background-color: #fff;padding: 4.6875vw 5.2083vw 6.25vw;pointer-events:auto;}
footer ._m{display:none;}
footer .foot_in{position: relative;}
footer .f_top{position: relative;}
footer .f_top .logo{width: 9.0104vw;opacity:0;transform:translate(0,100%);transition:1s;}
footer .f_top .ori{margin-top:2.6042vw;}
footer .f_top .ori p{overflow:hidden;color: #adadad;letter-spacing: -0.05em;font-size: 0.6771vw;line-height: 2.15em;}
footer .f_top .ori p span{display:block;transform:translate(0,100%);transition:1s;}
footer .f_top .top_btn{position: absolute;right:-50px;top:-65px;width:35px;cursor: pointer;pointer-events: auto;opacity:0;transition:0.8s;}
footer .f_top .tel{position: absolute;right: 0;bottom: 0;display: flex;align-items: center;gap: 0 0.2604vw;pointer-events: auto;opacity:0;transform:translate(0,100%);}
footer .f_top .tel em{width: 0.7292vw;}
footer .f_top .tel p{color: #000;font-size: 0.9375vw;font-family: "Google Sans", sans-serif;font-weight: 500;letter-spacing: 0.01em;}
footer .f_bot{margin-top:1.8229vw;padding-top: 2.0833vw;position: relative;display:flex;justify-content: space-between;align-items: flex-start;}
footer .f_bot::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #bcbcbc;transform:scaleX(0);transform-origin: 0 0;transition:1.5s;}
footer .f_bot::after{content: "";position: absolute;right:34%;top: 0;width: 1px;height: 95%;background-color: #bcbcbc;transform:scaleY(0);transform-origin: 0 0;transition:1s;}
footer .f_bot .rig{display: flex;justify-content: flex-end;gap: 0 1.5625vw;}
footer .f_bot dl{display: flex;align-items: center;gap: 0 0.3646vw;opacity:0;transform:translate(0,100%);transition:1s;}
footer .f_bot dl dt{color: #000;font-size: 0.7292vw;font-weight: 600;letter-spacing: -0.024em;line-height:1.8em;}
footer .f_bot dl dd{color: #000;font-size: 0.7292vw;font-weight: 300;letter-spacing: -0.024em;line-height:1.8em;}
footer .f_bot dl .b1{width:5.8333vw;}
footer .f_bot dl .b2{width:3.125vw;}
footer .f_bot dl .b3{width:5.8334vw;}
.sub footer .f_top .logo,
.sub footer .f_top .tel,
.sub footer .f_top .ori p span,
.sub footer .f_top .top_btn,
.sub footer .f_bot::before,
.sub footer .f_bot::after,
.sub footer .f_bot dl,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_top .logo{opacity:1;transform:none;transition-delay:0.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_top .tel,
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_top .ori p span{opacity:1;transform:none;transition-delay:0.3s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_top .top_btn{opacity:1;transition-delay:0.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_bot::before{transform:none;transition-delay:0.6s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_bot::after{transform:none;transition-delay:1.2s;}
body[class]:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3):not(.fp-viewing-4) footer .f_bot dl{opacity:1;transform:none;transition-delay:1s;}
@media all and (max-aspect-ratio:17/10){
	footer{padding: 6vw 5vw;}
	footer .f_top .logo{width: 12vw;}
	footer .f_top .ori{margin-top:3vw;}
	footer .f_top .ori p{font-size: 0.9vw;}
	footer .f_top .top_btn{width:0.6vw;}
	footer .f_top .tel{gap: 0 0.6vw;}
	footer .f_top .tel em{width:0.9vw;}
	footer .f_top .tel p{font-size:1.3vw;}
	footer .f_bot{margin-top:3vw;padding-top: 2.5vw;}
	footer .f_bot::after{right:40%;}
	footer .f_bot .rig{gap: 0 2vw;}
	footer .f_bot dl{gap:0 0.4vw;}
	footer .f_bot dl dt,
	footer .f_bot dl dd{font-size:1vw;}
	footer .f_bot dl .b1{width: 7.5vw;}
	footer .f_bot dl .b2{width:4vw;}
	footer .f_bot dl .b3{width:7vw;}
}
@media all and (max-aspect-ratio:13/10){
	footer{padding: 7vw 5vw;}
	footer .f_top .logo{width: 13vw;}
	footer .f_top .ori{margin-top: 4vw;}
	footer .f_top .ori p{font-size: 1.2vw;}
	footer .f_top .top_btn{width: 0.8vw;}
	footer .f_top .tel{gap: 0 1vw;}
	footer .f_top .tel em{width: 1.3vw;}
	footer .f_top .tel p{font-size: 1.8vw;}
	footer .f_bot{margin-top: 5vw;padding-top: 3vw;}
	footer .f_bot .rig{display:block;}
	footer .f_bot dl{gap: 0 0.6vw;}
	footer .f_bot .rig dl ~ dl{margin-top:0.6vw;}
	footer .f_bot dl dt,
	footer .f_bot dl dd{font-size:1.4vw;}
	footer .f_bot dl .b1{width: 10vw;}
	footer .f_bot dl .b2{width:6vw;}
	footer .f_bot dl .b3{width:9vw;}
}
@media all and (max-aspect-ratio:1/1){
	footer{padding: 9vw 5vw 8vw;}
	footer .f_top .logo{width: 19vw;}
	footer .f_top .ori{margin-top:6vw;}
	footer .f_top .ori p{font-size: 1.6vw;}
	footer .f_top .top_btn{width:1vw;}
	footer .f_top .tel{position:static;margin-top:5vw;}
	footer .f_top .tel em{width:1.6vw;}
	footer .f_top .tel p{font-size:2.4vw;}
	footer .f_bot{display: block;margin-top: 6vw;padding-top:5vw;}
	footer .f_bot::after{display:none;}
	footer .f_bot .rig{margin-top:3vw;}
	footer .f_bot dl{gap: 0 1vw;}
	footer .f_bot dl dt,
	footer .f_bot dl dd{font-size: 2vw;}
	footer .f_bot .rig dl ~ dl{margin-top:1vw;}
	footer .f_bot dl .b1{width: 16vw;}
	footer .f_bot dl .b2{width:9vw;}
	footer .f_bot dl .b3{width:15vw;}
}
@media all and (max-aspect-ratio:7/10){
	footer{padding: 9vw 5.5556vw;}
	footer ._m{display:block;}
	footer .f_top .logo{width:24.3056vw;padding-top: 1vw;}
	footer .f_top .ori{margin-top:6vw;}
	footer .f_top .ori p{font-size:2.7778vw;line-height:1.75em;}
	footer .f_top .top_btn{width:6.1111vw;padding-left:5vw;}
	footer .f_top .tel{margin-top:5vw;gap: 0 0.8333vw;}
	footer .f_top .tel em{width:1.9444vw;}
	footer .f_top .tel em i{font-size:11px;}
	footer .f_top .tel p{font-size:3.0556vw;}
	footer .f_bot{margin-top:7vw;padding-top: 6vw;}
	footer .f_bot .rig{margin-top:5vw;}
	footer .f_bot dl{gap: 0 2vw;}
	footer .f_bot .lef dl{display:block;}
	footer .f_bot .lef dl ~ dl{margin-top:1vw;}
	footer .f_bot .rig dl ~ dl{margin-top:2vw;}
	footer .f_bot dl dt{font-size:2.7778vw;}
	footer .f_bot dl dd{font-size:2.7778vw;}
	footer .f_bot dl .b1{width: 21vw;}
	footer .f_bot dl .b2{width:13vw;}
	footer .f_bot dl .b3{width:20vw;}
}

/*content*/
.content{padding:10.4167vw 10.4167vw 7.8125vw;}
.con_tit{margin-bottom:5.7292vw;text-align:center;color:#000;font-size:2.3438vw;font-family: "Inter", sans-serif;letter-spacing:0.15em;overflow:hidden;}
.con_tit span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.con_tit.active span{transform:none;}
@media all and (max-aspect-ratio:17/10){
	.content{padding: 15vw 10.4167vw 10vw;}
	.con_tit{font-size: 2.8vw;}
}
@media all and (max-aspect-ratio:13/10){
	.content{padding: 18vw 8vw 15vw;}
	.con_tit{font-size: 3.5vw;margin-bottom: 7vw;}
}
@media all and (max-aspect-ratio:1/1){
	.content{padding: 25vw 5.5556vw 17vw;}
	.con_tit{font-size:4.6vw;margin-bottom: 10vw;}
}
@media all and (max-aspect-ratio:7/10){
	.content{padding: 30vw 5.5556vw 20vw;}
	.con_tit{font-size: 6.2vw;margin-bottom: 15vw;}
}

/*news_list*/
.news_list{opacity:0;transform:translate(0,80px);transition:1s;transition-delay:0.4s;}
.news_list .sch_area{display:flex;justify-content:flex-end;margin-bottom:2.0833vw;}
.news_list .search{display:flex;border-bottom:1px solid #e5e5e5;}
.news_list .search #stx{height:2.3438vw;border:none;font-size:0.8854vw;color:#222;outline:none;width:14.8438vw;}
.news_list .search #stx::placeholder{color:rgba(0,0,0,0.5);}
.news_list .search .btn_submit{border:none;background:url(../images/search-icon.svg) no-repeat center / contain;width:0.9375vw;}
.news_list table{width:100%;table-layout:fixed;}
.news_list table .col1{width:10%;}
.news_list table tr{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.news_list table td{text-align:center;padding: 1.0417vw 0;}
.news_list table td a{display:block;}
.news_list table td .txt{text-align:left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;color:#000;font-size:0.8854vw;letter-spacing:-0.05em;}
.news_list table td .date{color:rgba(0,0,0,0.5);font-size:0.8854vw;}
.news_list table td .name{color:rgba(0,0,0,0.5);font-size:0.8854vw;letter-spacing:-0.05em;}
.news_list table .no_data td{padding: 3vw 0;font-size:1vw;}
.news_list.active{opacity:1;transform:none;}
@media all and (max-aspect-ratio:17/10){
	.news_list .sch_area{margin-bottom: 2.5vw;}
	.news_list .search #stx{width: 18vw;height: 3vw;font-size: 1.1vw;}
	.news_list .search .btn_submit{width: 1.3vw;}
	.news_list table td{padding: 1.5vw 0;}
	.news_list table td .txt,
	.news_list table td .date,
	.news_list table td .name{font-size: 1.1vw;}
	.news_list table .no_data td{padding: 5vw 0;font-size:1.3vw;}
}
@media all and (max-aspect-ratio:13/10){
	.news_list .sch_area{margin-bottom:4vw;}
	.news_list .search #stx{width: 22vw;height: 4vw;font-size:1.5vw;}
	.news_list .search .btn_submit{width: 3.5vw;background-size: 50%;}
	.news_list table td{padding:2vw 0;}
	.news_list table td .txt,
	.news_list table td .date,
	.news_list table td .name{font-size: 1.5vw;}
	.news_list table .col1{width:12%;}
	.news_list table .no_data td{padding: 6vw 0;font-size:1.6vw;}
}
@media all and (max-aspect-ratio:1/1){
	.news_list .sch_area{margin-bottom:4.5vw;}
	.news_list .search #stx{width: 28vw;height: 6vw;font-size:2.1vw;}
	.news_list .search .btn_submit{width: 5.5vw;}
	.news_list table td{padding:3vw 0;}
	.news_list table td .txt,
	.news_list table td .date,
	.news_list table td .name{font-size: 2vw;}
	.news_list table .col1{width:15%;}
	.news_list table .no_data td{padding: 9vw 0;font-size:2.2vw;}
}
@media all and (max-aspect-ratio:7/10){
	.news_list .sch_area{margin-bottom:6vw;}
	.news_list .search #stx{width:40vw;height:8vw;font-size:2.9vw;}
	.news_list .search .btn_submit{width:8vw;}
	.news_list table td{padding: 4vw 0;}
	.news_list table td .txt,
	.news_list table td .date,
	.news_list table td .name{font-size: 2.9vw;}
	.news_list table .col1{width:21%;}
	.news_list table .no_data td{padding: 15vw 0;font-size:3vw;}
}

/*pagination*/
.pagination{margin-top: 3.125vw;text-align:center;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.pagination ul{display:flex;justify-content:center;align-items:center;}
.pagination ul li{margin: 0 0.2604vw;padding: 0 0.2604vw; width:2.0833vw;}
.pagination ul li a{display:block;height:2.0833vw;font-size: 0.9375vw;line-height:2.0833vw;color: #000;}
.pagination ul li.on a{border-bottom:1px solid #000;font-weight:600;}
.pagination ul li.pg_st{margin-right:0.2604vw;}
.pagination ul li.pg_st a{background:url(../images/pg_start.png) no-repeat center / 50% auto;}
.pagination ul li.pg_ed{margin-left:0.2604vw;}
.pagination ul li.pg_ed a{background:url(../images/pg_end.png) no-repeat center / 50% auto;}
.pagination.active{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.pagination{margin-top: 5vw;}
	.pagination ul li{padding: 0 0.5vw;width: 2.5vw;}
	.pagination ul li a{height:2.5vw;line-height:2.5vw;}
}
@media all and (max-aspect-ratio:13/10){
	.pagination ul li{width:4vw;}
	.pagination ul li a{height:4vw;line-height:4vw;font-size: 1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.pagination ul li{width:5vw;}
	.pagination ul li a{height:5vw;line-height:5vw;font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.pagination{margin-top:8vw;}
	.pagination ul li{width:8vw;margin: 0;}
	.pagination ul li a{height:8vw;line-height:8vw;font-size:3.8vw;}
}

/* 테스트용: Partner 섹션의 이벤트를 통과시켜서 아래로 가는지 확인 */
.partner {
    pointer-events: auto !important;
}
.partner .swiper-wrapper {
    touch-action: pan-y !important; /* 모바일/휠 이벤트 허용 */
}


@media(max-width:991px){
.sidebar-user-btn.mo-btn,.navbar-mobile-toggler{display:none;}
}

