@charset "utf-8";

.wrap{opacity:0;}
.wrap.open{opacity:1;}

header{position:fixed;left:0;top:0;width:100%;z-index:100;padding: 3.5dvh 3.125vw;overflow:hidden;transition:0.3s;}
header .head_in{display:flex;align-items:center;justify-content:space-between;height:100%;}
header .head_in h1{transform:translate(0,calc(-100% - 6.3dvh));transition:0.6s;transition-delay:0.8s;}
header .head_in h1 a{display:block;width:32.8125dvh;position:relative;}
header .head_in h1 a img{transition:0.4s;}
header .head_in h1 a .wh{position:absolute;left:0;top:0;width:100%;opacity:0;}
header .rig{display:flex;align-items:center;gap: 0 2.0833dvh;transform:translate(0,calc(-100% - 6.3dvh));transition:0.6s;transition-delay:1s;}
header .rig .tel{transition:0.6s;}
header .rig .tel a{display:block;}
header .rig .tel p{color:#000017;font-family:"Jost";font-weight:500;letter-spacing:0.01em;font-size:1.875dvh;transition:0.4s;}
header .rig .tel span{display:none;transition:0.4s;}
header .rig .nav_btn{cursor:pointer;padding: 0.6dvh 0;}
header .rig .nav_btn span{display:block;background-color:#000017;height:0.2083dvh;min-height:2px;width:6.25dvh;transition:0.4s;}
header .rig .nav_btn span ~ span{margin-top:0.625dvh;}
header .rig .nav_btn span:nth-child(3){display:none;}
header.nav_on{background-color:transparent !important;}
header.nav_on .rig .tel{opacity:0;pointer-events:none;}
header.nav_on .rig .nav_btn span{background-color:#000017 !important;}
header.nav_on .rig .nav_btn span:nth-child(1){transform:translate(0,0.43dvh);}
header.nav_on .rig .nav_btn span:nth-child(2){transform:translate(0,-0.43dvh);}
header.out{opacity:0;pointer-events:none;}
.sub header{background-color:#fff;}
.sub header .head_in h1,
.sub header .rig{transition:0.8s;}
.end header .head_in h1,
.end header .rig{transform:none;}
.fp-viewing-4 header .head_in h1 a .bl{opacity:0;transition-delay:1s;}
.fp-viewing-4 header .head_in h1 a .wh{opacity:1;transition-delay:1s;}
.fp-viewing-4 header .rig .tel p{color:#fff;transition-delay:1s;}
.fp-viewing-4 header .rig .nav_btn span{background-color:#fff;transition-delay:1s;}
.fp-viewing-5 header{opacity:0;pointer-events:none;}
@media all and (max-aspect-ratio: 17/10){
	header{padding: 5dvh 3.125vw;}
	header .head_in h1 a{width: 40dvh;}
	header .rig{gap: 0 5dvh;}
	header .rig .tel p{font-size: 2.4dvh;}
	header .rig .nav_btn span{height: 0.3dvh;min-height: 3px;}
	header .rig .nav_btn span ~ span{margin-top: 1dvh;}
	header.nav_on .rig .nav_btn span:nth-child(1){transform: translate(0, 0.65dvh);}
	header.nav_on .rig .nav_btn span:nth-child(2){transform: translate(0, -0.65dvh);}
}
@media all and (max-aspect-ratio: 12/10){
	header{padding: 6dvh 5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	header{padding: 4vw 8vw;}
	header .head_in h1 a{width:40vw;}
	header .rig{gap: 0 4vw;}
	header .rig .tel p{display:none;}
	header .rig .tel span{display:block;width:7vw;height:7vw;background:url(../images/tel-icon.svg) no-repeat center / 65% auto;}
	header .rig .nav_btn{padding:0;}
	header .rig .nav_btn span{width: 7vw;}
	header .rig .nav_btn span ~ span{margin-top: 1vw;}
	header .rig .nav_btn span:nth-child(3){display:block;}
	header.nav_on .rig .nav_btn span:nth-child(1){transform: translate(0, 1.4vw);}
	header.nav_on .rig .nav_btn span:nth-child(2){transform:none;}
	header.nav_on .rig .nav_btn span:nth-child(3){transform: translate(0, -1.4vw);}
	header.nav_on h1{opacity:0;pointer-events:none;transition-delay:0s;}
	.fp-viewing-4 header .rig .tel span{background-image:url(../images/tel-icon-wh.svg);transition-delay:1s;}
}
@media all and (max-aspect-ratio: 6/10){
	header{padding: 0 5.5556vw;height:8.9844dvh;}
	header .head_in h1 a{width:47.9167vw;}
	header .rig .tel span{width:6.9444vw;height:6.9444vw;background-size:60% auto;}
	header .rig .nav_btn span{height:2px;min-height:2px;width:7.6389vw;}
}

nav{position:fixed;right:0;top:0;z-index:95;background-color:#fff;width:40%;height:100%;padding: 16dvh 6.25dvh 9.375dvh;transform:translate(100%,0);transition:0.6s;}
nav .box{height:100%;display:flex;flex-direction: column;justify-content: space-between;}
nav .depth > li{display:flex;position:relative;gap: 0 8.125%;z-index: 1;transition:0.4s;}
nav .depth > li ~ li{margin-top:5.3dvh;}
nav .depth > li span{overflow:hidden;position:relative;color:#000017;font-size:3.75dvh;font-family:"Inter";letter-spacing:0.01em;cursor:pointer;}
nav .depth > li span::before{content:"";position:absolute;left:0;bottom:0;width:100%;min-height:2px;height:0.2083dvh;background-color:#000017;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
nav .depth > li span a{display:block;transform:translate(0,100%);transition:0.8s;}
nav .depth > li span:hover::before{transform:none;}
nav .depth .dep{position:relative;z-index: 10;pointer-events:none;}
nav .depth .dep ul{position:absolute;left:0;top:1dvh;}
nav .depth .dep ul li{overflow:hidden;display:flex;}
nav .depth .dep ul li ~ li{margin-top:1.0417vw;}
nav .depth .dep ul li a{display:block;color:#0f1718;font-size:1.875dvh;letter-spacing:0.01em;font-family:"Inter";line-height:1.3em;position:relative;white-space:nowrap;transform:translate(0,100%);transition:0.6s;}
nav .depth .dep ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#0f1718;transform:scaleX(0);transform-origin: 0 0;transition:0.4s;}
nav .depth .dep ul li a:hover::before{transform:none;}
nav .depth > li.ho{padding-bottom:15dvh;}
nav .depth > li.ho .dep{pointer-events:auto;}
nav .depth > li.ho .dep ul li a{transform:none;transition-delay:0.2s;}
nav .link{display:flex;align-items:center;gap: 0 5.2083vh;}
nav .link a{color:#000017;font-size:1.875dvh;letter-spacing:-0.025em;position:relative;line-height:1.3em;opacity:0;transform:translate(50%,0);transition:0.6s;}
nav .link a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#000017;transform:scaleX(0);transform-origin: 0 0;transition:0.4s;}
nav .link a:hover::before{transform:none;}
nav.active{transform:none;box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);}
nav.active .depth li span a{transform:none;transition-delay:0.4s;}
nav.active .link a{opacity:1;}
nav.active .link a:nth-child(1){transform:none;transition-delay:0.6s;}
nav.active .link a:nth-child(2){transform:none;transition-delay:0.8s;}
nav.active .link a:nth-child(3){transform:none;transition-delay:1s;}
.nav_dim{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:-1;opacity:0;transition:0.6s;}
.sub .nav_dim{display:block;}
nav.active + .nav_dim{opacity:1;z-index:94;}
@media all and (max-aspect-ratio: 17/10){
	nav .depth > li{gap: 0 10%;}
	nav .depth > li ~ li{margin-top: 6dvh;}
	nav .depth > li span{font-size: 4.2dvh;}
	nav .link a{font-size: 2dvh;}
	nav .depth .dep ul li a{font-size:2.1dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	nav{width:60%;}
	nav .link a{font-size: 2dvh;}
}
@media all and (max-aspect-ratio: 1/1){
	nav{padding: 16dvh 9vw 9.375dvh;}
	nav .depth > li{display:block;}
	nav .depth > li.ho{padding:0;}
	nav .depth > li span{display:inline-block;font-size: 5vw;}
	nav .depth .dep{margin-top:3vw;display:none;}
	nav .depth .dep ul{position:static;}
	nav .depth .dep ul li a{font-size:2.8vw;}
	nav .link{gap: 0 5vw;}
	nav .link a{font-size: 2.4vw;}
}
@media all and (max-aspect-ratio: 6/10){
	nav{width: 80%;padding: 13dvh 9vw 8dvh;}
	nav .depth > li span{font-size:8vw;}
	nav .depth .dep{margin-top: 5vw;}
	nav .depth .dep ul li a{font-size:4vw;line-height:1.8em;}
	nav .link a{font-size: 4vw;}
}

footer{background-color:#363e41;padding: 3.8vw 3.125vw 4.5vw;}
footer .foot_in{position:relative;}
footer .terms_link{display:flex;align-items:center;gap: 0 1.0417vw;}
footer .terms_link a{color:#fff;font-size:0.7813vw;}
footer .terms_link em{width:1px;height:0.8vw;background-color:rgba(255,255,255,0.3);}
footer .ori{margin-top:1.4vw;}
footer .ori p{color:rgba(255,255,255,0.3);font-size:0.625vw;line-height:2em;letter-spacing:-0.025em;}
footer .ori p ~ p{margin-top:1.3021vw;}
footer address{color:rgba(255,255,255,0.3);margin-top:1.0417vw;font-size:0.625vw;letter-spacing:0.075em;}
footer .r{position:absolute;right:0;top:0;}
footer .r img{width:100%;}
footer .r .top{border:none;background:none;width:0.4167vw;margin: 0 0 0 auto;display:block;}
footer .r span{display:block;width:4.5833vw;margin-top:3.3854vw;}

/* 푸터 시행 추가 */
footer .foot_logo{position: relative;}
footer .foot_logo b{position: absolute;bottom: 0vw;left: -2.25vw;font-size: 0.65vw;color: #fff;font-weight: 300;}

@media all and (max-aspect-ratio: 17/10){
	footer{padding: 5vw 4vw 7vw;}
	footer .terms_link{gap: 0 1.5vw;}
	footer .terms_link a{font-size: 1.1vw;}
	footer .terms_link em{height: 1vw;}
	footer .ori{margin-top:2vw;}
	footer .ori p{font-size:0.9vw;}
	footer address{font-size:0.8vw;}
	footer .r .top{width:0.6vw;}
	footer .r span{width:5vw;margin-top:2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	footer{padding: 6vw 4vw 8vw;}
	footer .terms_link{gap: 0 2vw;}
	footer .terms_link a{font-size: 1.3vw;}
	footer .terms_link em{height: 1.3vw;}
	footer .ori{margin-top: 3vw;}
	footer .ori p{font-size: 1.1vw;}
	footer .ori p ~ p{margin-top: 1.5vw;}
	footer address{font-size: 1.1vw;margin-top:1.6vw;}
	footer .r .top{width:0.8vw;}
	footer .r span{width:7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	footer{padding: 8vw 7vw 10vw;}
	footer .terms_link{gap: 0 3vw;}
	footer .terms_link a{font-size: 2vw;}
	footer .terms_link em{height:2vw;}
	footer .ori{margin-top: 5vw;}
	footer .ori p{font-size: 1.6vw;}
	footer .ori p ~ p{margin-top:2vw;}
	footer address{font-size: 1.6vw;margin-top:3vw;line-height:1.3em;}
	footer .r{position:static;}
	footer .r .top{position:absolute;right:0;top:0;width:1vw;}
	footer .r span{width:10vw;margin-bottom:5vw;margin-top:0;}
    footer .foot_logo{margin-left: 4.85vw;}
    footer .foot_logo b{left: -4.85vw;font-size: 1.6vw;}

}
@media all and (max-aspect-ratio: 6/10){
	footer{padding: 10vw 7vw 12vw;}
	footer .r span{width:13vw;margin-bottom: 8vw;}
	footer .r .top{width:1.8vw;}
	footer .terms{gap: 0 4vw;}
	footer .terms a{font-size: 3vw;}
	footer .ori{margin-top:6vw;}
	footer .ori p{font-size: 2.5vw;}
	footer address{font-size: 2.5vw;margin-top:6vw;}
    footer .foot_logo{margin-left: 6.05vw;}
    footer .foot_logo b{left: -6.05vw;font-size: 2vw;}
}

/*quick*/
.quick{position:absolute;right:0;bottom:0;z-index:50;}
.quick ul{position:relative;}
.quick li{width:20.8333vw;border-radius: 1.5625vw 0 0 0;text-align:center;transform:translate(100%,0);transition:0.8s;}
.quick .q1{position:absolute;left:0;bottom:0;transition-delay:0.6s;transition-delay:2.9s;}
.quick .q2{background-color:#000017;position:relative;z-index:1;transition-delay:2.7s;}
.quick li a{display:block;}
/* .quick .q2 a{height:3.125vw;display:flex;align-items:center;} */
.quick .q2 a{height:3.125vw;display:flex;align-items:center; justify-content: center;}
/* .quick li .tit{font-size:0.8854vw;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.05em;color:#fff;display:flex;align-items:center;padding-left:5.4688vw;gap: 0 0.7813vw;transition:0.4s;} */
.quick li .tit{font-size:0.8854vw;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.05em;color:#fff;display:flex;align-items:center; gap: 0 0.7813vw;transition:0.4s;}
.quick li .tit span{width:0.7813vw;}
.quick li .tit p{position:relative;}
.quick li .tit p::before{content:"";position:absolute;background-color:#fff;width:100%;height:1px;left:0;bottom:-0.1vw;transform:scaleX(0);transform-origin:0 0;transition:0.3s;}
.quick .q1 .box:hover .tit p::before,
.quick .q2:hover .tit p::before{transform:none;}
.quick .q1 .box{background-color:#c30028;border-radius: 1.5625vw 0 0 0;padding:1vw 2.0833vw 5.2083vw;transform: translate(0, calc(100% - 6.25vw));transition:0.8s;}
.quick .q1 .tit{height:3.125vw;position:absolute;left:0;top:0;width:100%;cursor:pointer;z-index:1;}
.quick .q1 .close{margin-bottom:1.5625vw;display:flex;justify-content:flex-end;opacity:0;transition:0.6s;}
.quick .q1 .close span{display:block;cursor:pointer;width:1.3021vw;padding:0.5208vw 0;}
.quick .q1 .close span em{display:block;background-color:#000;min-height:2px;height:0.1042vw;}
.quick .q1 dl dt{width:8.125vw;margin: 0 auto;opacity:0;transform:translate(0,50%);transition:0.6s;}
.quick .q1 dl dd{color:#000017;font-size:0.9375vw;letter-spacing:-0.05em;line-height:1.56em;margin-top:1.5625vw;}
.quick .q1 dl dd p{overflow:hidden;}
.quick .q1 dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.quick .q1 .img{width:100%;overflow:hidden;margin-top:1.0417vw;opacity:0;transform:translate(0,30%);transition:0.8s;}
.quick .q1 .link{margin-top:1.0417vw;}
.quick .q1 .link a{display:flex;align-items:center;justify-content:center;gap:0 0.5208vw;opacity:0;transform:translate(-10%,0);transition:0.6s;}
.quick .q1 .link a p{color:#000017;font-size:0.8333vw;letter-spacing:-0.025em;}
.quick .q1 .link a em{width:0.8333vw;transition:0.3s;}
.quick .q1 .link a:hover em{transform:translate(30%,0);}
.quick .q1.on .box{background-color:#fff;transform:none;}
.quick .q1.on .tit{opacity:0;pointer-events:none;}
.quick .q1.on .close{opacity:1;transition-delay:0.5s;}
.quick .q1.on dl dt{opacity:1;transform:none;transition-delay:0.5s;}
.quick .q1.on dl dd p span{transform:none;transition-delay:0.6s;}
.quick .q1.on .img{opacity:1;transform:none;transition-delay:0.8s;}
.quick .q1.on .link a{opacity:1;transform:none;transition-delay:1s;}
.end .quick li{transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.quick li{width:25vw;}
	.quick .q1 .box{padding: 1vw 2vw 6vw;transform: translate(0, calc(100% - 8vw));}
	.quick li .tit{font-size: 1.2vw;}
	.quick li .tit span{width: 1.3vw;}
	.quick .q1 .tit,
	.quick .q2 a{height: 4vw;}
	.quick .q1 .close{margin-bottom: 1vw;}
	.quick .q1 .close span{width: 2vw;padding: 1vw 0;}
	.quick .q1 dl dt{width: 10vw;}
	.quick .q1 dl dd{font-size: 1.2vw;}
	.quick .q1 .img,
	.quick .q1 .link{margin-top: 1.5vw;}
	.quick .q1 .link a{gap: 0 1vw;}
	.quick .q1 .link a p{font-size: 1.2vw;}
	.quick .q1 .link a em{width: 1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.quick li{display:none;}
}

/*fix*/
.fix{position:fixed;right:3.125vw;bottom:8dvh;z-index:50;opacity:0;transform:translate(30%,0);transition:0.6s;}
.fix ul li{display:flex;justify-content:flex-end;transition:0.6s;}
.fix ul li ~ li{margin-top:0.25vw;}
.fix ul li a{display:flex;border-radius:5vw;width:8.4vw;height:2.4vw;position:relative;overflow:hidden;transition:0.4s; justify-content: center; gap: 4%;align-items:center;}
.fix ul .f1 a{background-color:#4b5054;}
.fix ul .f2 a{background-color:#000017;}
.fix ul .f3 a{background-color:#c30028;}
.fix ul li a em{width:0.85vw;position:relative;}
.fix ul li a span{position:relative;left:0;color:#fff;font-size:0.7813vw;letter-spacing:-0.05em;white-space:nowrap;}
.fix ul li a span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.4s;}
.fix ul li a:hover span::before{transform:none;}
.end .fix{opacity:1;transform:none;}
.fp-viewing-1 .fix ul li,
.fp-viewing-4 .fix ul li,
.fp-viewing-5 .fix ul li{opacity: 0;transform:translate(20%,0);pointer-events:none;}
@media all and (max-aspect-ratio: 17/10){
	.fix ul li ~ li{margin-top:0.5vw;}
	.fix ul li a{width: 12vw;height: 3.5vw;}
	.fix ul li a em{width: 1.2vw;}
	.fix ul li a span{font-size: 1.1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.fix{right:5vw;bottom: 5dvh;}
	.fix ul li a{width: 15vw;height: 4vw;}
	.fix ul li a em{width:1.6vw;}
	.fix ul li a span{font-size: 1.4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.fix{right:8vw;bottom:5vw;}
	.fix ul li a{width:17vw;height:5vw;}
	.fix ul li a em{width: 1.9vw;}
	.fix ul li a span{font-size: 1.6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.fix{right:5.5556vw;bottom:5vw;}
	.fix ul li ~ li{margin-top:1vw;}
	.fix ul li a{width:29vw;height:8vw;}
	.fix ul li a em{width:3.2vw;}
	.fix ul li a span{font-size: 2.9vw;}
}

/*main*/
.scroll{position:fixed;left:50%;bottom:0;z-index:90;transform:translate(0,100%);transition:0.8s;}
.scroll span{display:block;background-color:rgba(0,0,0,0.3);width:1px;height:8.3333dvh;position:relative;overflow:hidden;}
.scroll span em{position:absolute;width:100%;height:100%;background-color:#000;transform:translate(0,-100%);animation: scr 4s infinite;}
.end .scroll{transform:none;}
/* .fp-viewing-5 .scroll{opacity:0;} */
.fp-viewing-4 .scroll{opacity:0;}
@keyframes scr {
    0% {transform: translate(0,-100%);}
    100% {transform: translate(0,100%);}
}
@media all and (max-aspect-ratio: 1/1){
	.scroll span{height:6dvh;}
}

.vis{height:100%;overflow:hidden;position:relative;}
.vis .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.vis .bg span{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#fff;}
.vis .bg span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/vis-sketch.jpg?ver=2) no-repeat center / cover;opacity:0;transform:scale(1.2);transition:1.5s;}
.vis .bg canvas{position:absolute;width:100%;height:100%;}
.vis .bg ul{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:1s;}
.vis .bg ul li{position:absolute;left:0;top:0;width:100%;height:100%;background: no-repeat 50% 50% / cover;transition:1.4s;}
.vis .bg ul .i1{background-image:url(../images/vis-img1.png);}
.vis .bg ul .i2{background-image:url(../images/vis-img2.png);}
.vis .bg ul .i3{background-image:url(../images/vis-img3.png);}
.vis .bg ul .i4{background-image:url(../images/vis-img4.png);}
.vis .bg ul .i5{background-image:url(../images/vis-img5.png);}
.vis .bg ul .i6{background-image:url(../images/vis-img6.png);}
.vis .bg ul .i7{background-image:url(../images/vis-img7.png);}
.vis .bg ul .i8{background-image:url(../images/vis-img8.png);}
.vis .bg ul .i9{background-image:url(../images/vis-img9.png);}
.vis .bg ul .i10{background-image:url(../images/vis-img10.png);}
.vis .bg ul .i11{background-image:url(../images/vis-img11.png);}
.vis .bg ul .i12{background-image:url(../images/vis-img12.png);}
.vis .txt{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;z-index: 3;}
.vis .txt dl{margin-top: -25dvh;transition:1.4s;}
.vis .txt dl dt{display:flex;}
.vis .txt dl dt .l{display:flex;}
.vis .txt dl dt p{display:flex ;padding: 0.625vw 0;transition:0.8s;}
.vis .txt dl dt .l ~ .l,
.vis .txt dl dt p ~ p{margin-left:1.3021vw;}
.vis .txt dl dt .t1{transform:translate(14.5vw,-100%);}
.vis .txt dl dt .t2{transform:translate(9.5vw,0);}
.vis .txt dl dt .t3{transform:translate(-6vw,100%);}
.vis .txt dl dt .t4{transform:translate(-16.5vw,200%);}
.vis .txt dl dt p span{transition: 1s;}
.vis .txt dl dt .t1 span:nth-child(1){transform:translate(-1vw,0);}
.vis .txt dl dt .t1 span:nth-child(2){transform:translate(1vw,0);}
.vis .txt dl dt .t1 span:nth-child(3){transform:translate(3vw,0);}
.vis .txt dl dt .t2 span:nth-child(1){transform:translate(-3vw,0);}
.vis .txt dl dt .t2 span:nth-child(2){transform:translate(-1vw,0);}
.vis .txt dl dt .t2 span:nth-child(3){transform:translate(1vw,0);}
.vis .txt dl dt .t2 span:nth-child(4){transform:translate(3vw,0);}
.vis .txt dl dt .t3 span:nth-child(1){transform:translate(-5vw,0);}
.vis .txt dl dt .t3 span:nth-child(2){transform:translate(-3vw,0);}
.vis .txt dl dt .t3 span:nth-child(3){transform:translate(-1vw,0);}
.vis .txt dl dt .t3 span:nth-child(4){transform:translate(1vw,0);}
.vis .txt dl dt .t3 span:nth-child(5){transform:translate(3vw,0);}
.vis .txt dl dt .t3 span:nth-child(6){transform:translate(5vw,0);}
.vis .txt dl dt .t4 span:nth-child(1){transform:translate(-3vw,0);}
.vis .txt dl dt .t4 span:nth-child(2){transform:translate(-1vw,0);}
.vis .txt dl dt .t4 span:nth-child(3){transform:translate(1vw,0);}
.vis .txt dl dt .t4 span:nth-child(4){transform:translate(3vw,0);}
.vis .txt dl dt .t1 span:nth-child(2),
.vis .txt dl dt .t1 span:nth-child(2) em{transition-delay:0.2s;}
.vis .txt dl dt .t1 span:nth-child(3),
.vis .txt dl dt .t1 span:nth-child(3) em{transition-delay:0.1s;}
.vis .txt dl dt .t2 span:nth-child(1),
.vis .txt dl dt .t2 span:nth-child(1) em{transition-delay:0.1s;}
.vis .txt dl dt .t2 span:nth-child(3),
.vis .txt dl dt .t2 span:nth-child(3) em{transition-delay:0.2s;}
.vis .txt dl dt .t3 span:nth-child(2),
.vis .txt dl dt .t3 span:nth-child(2) em{transition-delay:0.2s;}
.vis .txt dl dt .t3 span:nth-child(3),
.vis .txt dl dt .t3 span:nth-child(3) em{transition-delay:0.1s;}
.vis .txt dl dt .t3 span:nth-child(4),
.vis .txt dl dt .t3 span:nth-child(4) em{transition-delay:0.2s;}
.vis .txt dl dt .t3 span:nth-child(6),
.vis .txt dl dt .t3 span:nth-child(6) em{transition-delay:0.1s;}
.vis .txt dl dt .t4 span:nth-child(1),
.vis .txt dl dt .t4 span:nth-child(1) em{transition-delay:0.2s;}
.vis .txt dl dt .t4 span:nth-child(3),
.vis .txt dl dt .t4 span:nth-child(3) em{transition-delay:0.2s;}
.vis .txt dl dt .t4 span:nth-child(4),
.vis .txt dl dt .t4 span:nth-child(4) em{transition-delay:0.1s;}
.vis .txt dl dt p span em{display:block;opacity: 0;filter: blur(0.3vw);transition: 0.8s;}
.vis .txt dl dt p span img{display:block;width:auto;height:3.0208vw;transition:1s;will-change:auto;}
.vis .txt dl dd{margin-top:1.5625vw;}
.vis .txt dl dd p{font-size:1.4583vw;letter-spacing:-0.025em;line-height:1.43em;color:#2f3d47;overflow:hidden;}
.vis .txt dl dd p em{display:block;transform:translate(0,100%);will-change:auto;transition:0.8s;}
.vis .txt dl dd p em span{display:block;font-family: 'RixHeadB';font-weight:600;}
.vis .vd{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.vis .vd iframe{position:absolute;width:100%;height:56vw;left:0;bottom:0;pointer-events:none;}
.vis .ori{position:absolute;left:3.125vw;bottom:3.6458dvh;color:#fff;font-family: 'RixHeadL';font-weight:300;font-size:0.6771vw;letter-spacing:-0.05em;opacity:0;transform:translate(20%,0);transition:0.6s;transition-delay:1s;}
.vis.open .bg span::before{transform:none;opacity:1;}
.end .vis .bg ul{opacity:1;}
.end .vis .ori{opacity:1;transform:none;}
.end .vis .txt dl dt p{transform:none;transition-delay:1.4s;}
.end .vis .txt dl dt p span{transform:none !important;}
.end .vis .txt dl dt p span em{opacity:1;filter:blur(0);}
.end .vis .txt dl dt p span img{height:2.7083vw;transition:1s;transition-delay:1.4s;}
.end .vis .txt dl dd p em{transform:none;transition-delay:2s;}
.end .vis .txt dl dd p.b em{transition-delay:2.3s;}
.fp-viewing-1 .vis .txt dl{transform:translate(0,-20%);}
.fp-viewing-1 .vis .bg ul .i2{transform:translate(0,-15%);}
.fp-viewing-1 .vis .bg ul .i3{transform:translate(0,-5%);}
.fp-viewing-1 .vis .bg ul .i4{transform:translate(0,5%);}
.fp-viewing-1 .vis .bg ul .i5{transform:translate(0,0%);}
.fp-viewing-1 .vis .bg ul .i6{transform:translate(0,-5%);}
.fp-viewing-1 .vis .bg ul .i7{transform:translate(0,5%);}
.fp-viewing-1 .vis .bg ul .i8{transform:translate(0,-5%);}
.fp-viewing-1 .vis .bg ul .i9{transform:translate(0,0%);}
.fp-viewing-1 .vis .bg ul .i10{transform:translate(0,5%);}
.fp-viewing-1 .vis .bg ul .i11{transform:translate(0,-3%);}
.fp-viewing-1 .vis .bg ul .i12{transform:translate(0,-5%);}
@media all and (max-aspect-ratio: 17/10){
	.vis .txt dl dt .t1{transform: translate(19vw, -100%);}
	.vis .txt dl dt .t2{transform: translate(13.5vw, 0);}
	.vis .txt dl dt .t4{transform: translate(-19vw, 200%);}
	.vis .txt dl dt p span img{height:3.8vw;}
	.vis .txt dl dd{margin-top: 2.5vw;}
	.vis .txt dl dd p{font-size:1.8vw;}
	.vis .ori{font-size: 0.8vw;}
	.end .vis .txt dl dt p span img{height: 3.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.vis .txt dl dt .l ~ .l,
	.vis .txt dl dt p ~ p{margin-left:2vw;}
	.vis .txt dl dt .t1{transform: translate(23vw, -100%);}
	.vis .txt dl dt .t2{transform: translate(16.5vw, 0);}
	.vis .txt dl dt .t3{transform: translate(-9vw, 100%);}
	.vis .txt dl dt .t4{transform: translate(-26vw, 200%);}
	.vis .txt dl dt p span img{height:5vw;}
	.vis .txt dl dd{margin-top:3.5vw;}
	.vis .txt dl dd p{font-size:2.6vw;}
	.vis .ori{font-size: 1.2vw;left:5vw;bottom:5dvh}
	.end .vis .txt dl dt p span img{height:4.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.vis .txt dl dt .l ~ .l,
	.vis .txt dl dt p ~ p{margin-left:2.5vw;}
	.vis .bg span::before{background-image:url(../images/mvis-sketch.jpg?ver=3);background-position:center bottom;}
	.vis .txt dl dt p span img{height:5.5vw;}
	.vis .txt dl dd{margin-top: 5vw;}
	.vis .txt dl dd p{font-size: 3.2vw;}
	.vis .ori{font-size: 1.6vw;left:8vw;bottom: 5vw;}
	.end .vis .txt dl dt p span img{height:5vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.vis .txt dl dt .l ~ .l{margin-left:0;}
	.vis .txt dl dt p ~ p{margin-left:4vw;}
	.vis .txt dl dt p span img{height:9vw;}
	.vis .txt dl dt{display:block;}
	.vis .txt dl dt .l{justify-content:center;}
	.vis .txt dl dt p{padding: 1.5vw 0;}
	.vis .txt dl dt .t1{transform: translate(2vw, -100%);}
	.vis .txt dl dt .t2{transform: translate(-9vw, 0);}
	.vis .txt dl dt .t3{transform: translate(10vw, 0);}
	.vis .txt dl dt .t4{transform: translate(-16vw, 100%);}
	.vis .txt dl dd p{font-size: 4vw;}
	.vis .ori{font-size: 2vw;left:5.5556vw;bottom: 6vw;}
	.end .vis .txt dl dt .l ~ .l{margin-top:1.5vw;}
	.end .vis .txt dl dt p span img{height: 8vw;}
}

.video{height:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.video .txt{text-align:center;}
.video .txt dl dt{color:#000017;font-family:"Inter";font-size:5.2083vw;font-weight:700;line-height:1.2em;letter-spacing:0.02em;}
.video .txt dl dt span{display:flex;align-items:center;justify-content:center;}
.video .txt dl dt span p{position:relative;overflow:hidden;}
.video .txt dl dt span p em{display:block;transform:translate(0,100%);transition:1s;}
.video .txt dl dd{margin-top:1.0417vw;}
.video .txt dl dd p{font-size:1.5625vw;color:#000017;line-height:1.33em;font-family: 'RixHeadB';font-weight:600;overflow:hidden;position:relative;}
.video .txt dl dd p span{display:block;transform:translate(0,100%);transition:1s;}
.video .rect{width:0;height:4.1667vw;border-radius:0.5208vw;overflow:hidden;margin: 0 0.5vw;transition:0.8s;}
.video .clip{position:absolute;left:0;top:0;width: 100%;height: 100%;overflow:hidden;clip-path:inset(calc(50% - 7.9vw) calc(50% + 0.9vw) calc(50% + 3.6vw) calc(50% - 0.9vw) round 0.5208vw);}
.video .clip .vd{overflow:hidden;width:100%;height:100%;transform:scale(0.6);transition:0.5s;}
.video .clip .vd iframe{position:absolute;left:50%;top:50%;width:100%;height:56vw;transform:translate(-50%,-50%);pointer-events:none;}
@keyframes video_clip {
    0% {clip-path: inset(calc(50% - 7.9vw) calc(50% + 0.9vw) calc(50% + 3.6vw) calc(50% - 0.9vw) round 0.5208vw);}
    40% {clip-path: inset(  calc(50% - 7.9vw)   calc(50% - 4.9vw)   calc(50% + 3.6vw)   calc(50% - 6.7vw)   round 0.5208vw);}
	60% {clip-path: inset(  calc(50% - 7.9vw)   calc(50% - 4.9vw)   calc(50% + 3.6vw)   calc(50% - 6.7vw)   round 0.5208vw);}
	100% {clip-path: inset(  calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   round 0vw);}
}
.video .sound{display:flex;gap: 0 10px;align-items: center;position:absolute;right:5.2083vw;bottom:1.5625vw;z-index:2;cursor:pointer;opacity:0;transform:translate(0,100%);transition:0.8s;}
.video .sound p{font-size:10px;color:#fff;letter-spacing:0.2em;}
.video .sound span{position:relative;}
.video .sound span em{display:block;width:16px;height:17px;background:url(../images/sound-on.png) no-repeat center / contain;}
.video .sound ul{display:flex;gap: 0 2px;justify-content:center;position:absolute;top:0;left:0;width:100%;height:17px;opacity:0;}
.video .sound ul li{width:3px;height:100%;background-color:#fff;animation: animate-bar 300ms linear infinite alternate;transform-origin: bottom;}
.video .sound.on span em{opacity:0;}
.video .sound.on ul{opacity:1;}
@keyframes animate-bar {
	0%{transform: scaleY(0);opacity: 1;}
	100%{transform: scaleY(100%);opacity: 0.5;}
}
.fp-viewing-1 .video .txt dl dt span p::before,
.fp-viewing-2 .video .txt dl dt span p::before{transform:scaleY(0);}
.fp-viewing-1 .video .txt dl dt span p em,
.fp-viewing-2 .video .txt dl dt span p em{transform:none;}
.fp-viewing-1 .video .txt dl dt span .t1::before,
.fp-viewing-1 .video .txt dl dt span .t1 em,
.fp-viewing-2 .video .txt dl dt span .t1::before,
.fp-viewing-2 .video .txt dl dt span .t1 em{transition-delay:1s;}
.fp-viewing-1 .video .txt dl dt span .t2::before,
.fp-viewing-1 .video .txt dl dt span .t2 em,
.fp-viewing-2 .video .txt dl dt span .t2::before,
.fp-viewing-2 .video .txt dl dt span .t2 em{transition-delay:1.2s;}
.fp-viewing-1 .video .txt dl dt span .t3::before,
.fp-viewing-1 .video .txt dl dt span .t3 em,
.fp-viewing-2 .video .txt dl dt span .t3::before,
.fp-viewing-2 .video .txt dl dt span .t3 em{transition-delay:1.4s;}
.fp-viewing-1 .video .txt dl dt span .t4::before,
.fp-viewing-1 .video .txt dl dt span .t4 em,
.fp-viewing-2 .video .txt dl dt span .t4::before,
.fp-viewing-2 .video .txt dl dt span .t4 em{transition-delay:1.6s;}
.fp-viewing-1 .video .txt dl dd p span,
.fp-viewing-2 .video .txt dl dd p span{transform:none;transition-delay:2.5s;}
.fp-viewing-1 .video .rect,
.fp-viewing-2 .video .rect{width:14.4583vw;transition-delay:2s;}
.fp-viewing-1 .video .clip .vd,
.fp-viewing-2 .video .clip .vd{transform:none;transition-delay:3.2s;}
.fp-viewing-1 .video .clip,
.fp-viewing-2 .video .clip{animation: video_clip 2s 2s forwards;}
.fp-viewing-1 .video .sound,
.fp-viewing-2 .video .sound{opacity:1;transform:none;transition-delay:2s;}
@media all and (max-aspect-ratio: 18/10){
	.video .clip .vd iframe{width:180dvh;height:102%;}
}
@media all and (max-aspect-ratio: 17/10){
	.video .txt dl dt{font-size: 7vw;}
	.video .txt dl dd{margin-top:1.5vw;}
	.video .txt dl dd p{font-size: 2vw;}
	.video .clip{clip-path: inset(calc(50% - 10.2vw) calc(50% + 1.3vw) calc(50% + 5vw) calc(50% - 1.3vw) round 0.7vw);}
	.video .rect{height:5vw;}
	.fp-viewing-1 .video .rect,
	.fp-viewing-2 .video .rect{width: 19vw;}
	@keyframes video_clip {
		0% {clip-path: inset(calc(50% - 10.2vw) calc(50% + 1.3vw) calc(50% + 5vw) calc(50% - 1.3vw) round 0.7vw);}
		40% {clip-path: inset(calc(50% - 10.2vw) calc(50% - 5.8vw) calc(50% + 5vw) calc(50% - 8.4vw) round 0.7vw);}
		60% {clip-path: inset(calc(50% - 10.2vw) calc(50% - 5.8vw) calc(50% + 5vw) calc(50% - 8.4vw) round 0.7vw);}
		100% {clip-path: inset(calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   round 0vw);}
	}
}
@media all and (max-aspect-ratio: 12/10){
	.video .txt dl dt{font-size:8.5vw;}
	.video .txt dl dd{margin-top:3vw;}
	.video .txt dl dd p{font-size: 2.8vw;}
	.video .rect{height:6vw;}
	.video .clip{clip-path: inset(calc(50% - 13.6vw) calc(50% + 1.6vw) calc(50% + 7vw) calc(50% - 1.6vw) round 0.8vw);}
	.fp-viewing-1 .video .rect,
	.fp-viewing-2 .video .rect{width: 24vw;}
	@keyframes video_clip {
		0% {clip-path: inset(calc(50% - 13.6vw) calc(50% + 1.6vw) calc(50% + 7vw) calc(50% - 1.6vw) round 0.8vw);}
		40% {clip-path: inset(calc(50% - 13.6vw) calc(50% - 7.5vw) calc(50% + 7vw) calc(50% - 10.7vw) round 0.8vw);}
		60% {clip-path: inset(calc(50% - 13.6vw) calc(50% - 7.5vw) calc(50% + 7vw) calc(50% - 10.7vw) round 0.8vw);}
		100% {clip-path: inset(calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   round 0vw);}
	}
}
@media all and (max-aspect-ratio: 1/1){
	.video{flex-direction: column;align-items: center;}
	.video .txt{margin-bottom:5vw;}
	.video .rect{width:0 !important;}
	.video .clip{position:relative;height:auto;clip-path:none;max-width: 70vh;}
	.video .clip .vd{position:relative;width:100%;padding-bottom:56%;border-radius:15vw;opacity:0;transition:1s;}
	.video .clip .vd iframe{width: 100%;height: 100%;position:absolute;left:0;top:0;transform:none;}
	.fp-viewing-1 .video .clip, .fp-viewing-2 .video .clip{animation:none;}
	.fp-viewing-1 .video .clip .vd, .fp-viewing-2 .video .clip .vd{border-radius:0;opacity:1;transition-delay:2.2s;}
	.fp-viewing-1 .video .txt dl dd p span, .fp-viewing-2 .video .txt dl dd p span{transition-delay:1.8s;}
}
@media all and (max-aspect-ratio: 6/10){
	.video .txt{margin-bottom: 8vw;}
	.video .txt dl dt{font-size: 10vw;}
	.video .txt dl dd{margin-top:4vw;}
	.video .txt dl dd p{font-size: 4vw;}
	.video .sound{right:auto;right:6vw;bottom:6vw;}
	/*
	.video .rect{height:8vw;}
	.video .clip{clip-path: inset(calc(50% - 17.2vw) calc(50% + 1.9vw) calc(50% + 9.2vw) calc(50% - 1.9vw) round 1.2vw);}
	.fp-viewing-1 .video .rect,
	.fp-viewing-2 .video .rect{width: 28vw;}
	@keyframes video_clip {
		0% {clip-path: inset(calc(50% - 17.2vw) calc(50% + 1.9vw) calc(50% + 9.2vw) calc(50% - 1.9vw) round 1.2vw);}
		40% {clip-path: inset(calc(50% - 17.2vw) calc(50% - 9.2vw) calc(50% + 9.2vw) calc(50% - 13vw) round 1.2vw);}
		60% {clip-path: inset(calc(50% - 17.2vw) calc(50% - 9.2vw) calc(50% + 9.2vw) calc(50% - 13vw) round 1.2vw);}
		100% {clip-path: inset(calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   calc(0% - 0vw)   round 0vw);}
	}
	*/
}

.premium{height:100%;overflow:hidden;position:relative;padding: 0 8.3333vw;display:flex;align-items:center;justify-content:center;}
.premium .area{position:relative;width:100%;height:62.5dvh;}
.premium .area::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;}
.premium ul{width:100%;height:100%;}
.premium ul li{position:absolute;top:0;height:100%;border-radius:1.0417vw;width:24%;transition:1s;transition-delay:0.4s;}
.premium ul .l1{left:0;}
.premium ul .l2{left:25.33325%;}
.premium ul .l3{left:50.6665%;}
.premium ul .l4{left:76%;}
.premium .list{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;}
.premium .list li{cursor:pointer;}
.premium .list li::before{content:"";position:absolute;left:0;bottom:-1%;width:100%;height:5%;background-color:#fff;z-index:1;}
.premium .list li a{display:block;height:100%;position:relative;}
.premium .list li a .img{border-radius:1.0417vw;overflow:hidden;height:100%;opacity:0;transform:translate(0,40%) scaleY(0.5);transform-origin: 0 100%;transition: opacity 0.6s , transform 1s;}
.premium .list li a .img span{display:block;height:68%;background:no-repeat center / cover;transition:0.6s;transition-delay:0.6s;}
.premium .list .l1 a .img span{background-image:url(../images/premium-img1.jpg);}
.premium .list .l2 a .img span{background-image:url(../images/premium-img2.jpg);}
.premium .list .l3 a .img span{background-image:url(../images/premium-img3.jpg);}
.premium .list .l4 a .img span{background-image:url(../images/premium-img4.jpg);}
.premium .txt{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:10;pointer-events:none;}
.premium .txt .link{display:none;}
.premium .txt li .icon{position:absolute;z-index:10;opacity:0;transition:0.8s;}
.premium .txt .l1 .icon.i1{width:40.5195%;right:36.8831%;bottom:48.7395%;transform: translate(40%, 40%);}
.premium .txt .l1 .icon.i2{width:28.3117%;right:11.1688%;bottom:36.3025%;transform: translate(40%, 30%);}
.premium .txt .l2 .icon.i1{width:34.8052%;right:6.7532%;bottom:42.0168%;transform: translate(50%, 0);}
.premium .txt .l2 .icon.i2{display:none;transform: translate(50%, 0);}
.premium .txt .l3 .icon.i1{width:22.5974%;right:12.2078%;bottom:41.6807%;transform: translate(0, -30%);}
.premium .txt .l3 .icon.i2{display:none;transform: translate(50%, 0);}
.premium .txt .l4 .icon.i1{width:13.5065%;right:19.4805%;bottom:40.3361%;transform: translate(100%, 0);}
.premium .txt .l4 .icon.i2{width:11.4286%;right:8.0519%;bottom:40.3361%;transform: translate(100%, 0);}
.premium .txt li .icon img{transition:0.6s;transition-delay:0.6s;}
.premium .txt dl{position:absolute;left:10%;bottom:7%;z-index:10;}
.premium .txt dl dt{font-family:"Inter";color:#000;font-size:1.4583vw;font-weight:700;line-height:1.2em;letter-spacing:0.01em;margin-bottom:1.0417vw;transition:0.6s;transition-delay:0.6s;}
.premium .txt dl dt p{overflow:hidden;}
.premium .txt dl dt p span{display:block;transform:translate(0,105%);transition:1s;}
.premium .txt dl dd{color:#363e41;font-weight:400;font-size:0.9375vw;line-height:1.3em;letter-spacing:-0.05em;overflow:hidden;transition:0.6s;transition-delay:0.6s;}
.premium .txt dl dd p{overflow:hidden;}
.premium .txt dl dd .m{display:none;}
.premium .txt dl dd span{display:block;transform:translate(0,105%);transition:0.8s;}
.premium .txt .w{display:none;}
.premium .wave{position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);height:68%;;overflow:hidden;border-radius:1.0417vw;pointer-events:none;z-index:5;}
.premium .wave span{display:block;height:100%;transform-origin: 0 100%;transition:0.8s;transition-timing-function: ease-out;transition-delay:0.6s;}
.premium .wave span em{display:block;position:relative;width:200%;height:100%;transform:translate(-20%,0) scaleY(0);transform-origin: 0 100%;transition:1.8s;transition-timing-function: ease-out;}
.premium .wave span em img{height:100%;}
.premium .wh_bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:15;pointer-events:none;}
.premium .wh_bg .line{width:24%;height:100%;position:absolute;transition:1s;transition-delay:0.4s;}
.premium .wh_bg .line1{left:0%;}
.premium .wh_bg .line2{left:25.33325%;}
.premium .wh_bg .line3{left:50.6665%;}
.premium .wh_bg .line4{display:none;}
.premium .wh_bg .line span{position:absolute;background-color:#fff;height:100%;width:5.5%;top:0;left:100%;}
.premium .wh_bg .line span::before{content:"";width:0.9375vw;height:0.9375vw;background:url(../images/wave-border-left.png) no-repeat center / cover;position:absolute;right:100%;bottom:0;}
.premium .wh_bg .line span::after{content:"";width:0.9375vw;height:0.9375vw;background:url(../images/wave-border-right.png) no-repeat center / cover;position:absolute;left:100%;bottom:0;}
.premium .ho_box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;pointer-events:none;}
.premium .ho_box .box{border-radius:1.0417vw;height:100%;overflow:hidden;position:absolute;left:0;top:0;width:100%;display:flex;width:24%;cursor:pointer;transition:0.6s;}
.premium .ho_box .b1{left:0;}
.premium .ho_box .b2{left:25.33325%;}
.premium .ho_box .b3{left:50.6665%;}
.premium .ho_box .b4{left:76%;}
.premium .ho_box .box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.0417vw;box-sizing:border-box;background-color:#fff;opacity:0;transition:0.6s;transition-delay:0.5s;}
.premium .ho_box .box::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1.0417vw;box-sizing:border-box;border:1px solid #d2dce6;pointer-events:none;;opacity:0;transition:0.6s;z-index:1;transition-delay:0.5s;}
.premium .ho_box .box .b{height:100%;width:50%;position:relative;}
.premium .ho_box .box .lef{padding: 0 5.2083vw;display:flex;flex-direction: column;justify-content:center;}
.premium .ho_box .box .lef dl dt{color:#000;font-family:"Inter";font-weight:600;font-size:3.125vw;line-height: 1.2em;letter-spacing:0.02em;white-space:nowrap;}
.premium .ho_box .box .lef dl dt p{overflow:hidden;}
.premium .ho_box .box .lef dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.premium .ho_box .box .lef dl dd{color:#363e41;font-size:1.0417vw;line-height:1.5em;letter-spacing:-0.05em;margin-top:1.3vw;white-space:nowrap;}
.premium .ho_box .box .lef dl dd p{overflow:hidden;}
.premium .ho_box .box .lef dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.premium .ho_box .box .lef .link{display:flex;margin-top:3.125vw;}
.premium .ho_box .box .lef .link a{background-color:#000017;border-radius:3vw;color:#fff;font-size:0.8333vw;white-space:nowrap;line-height:1.88em;padding: 0 1.4063vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.premium .ho_box .box .rig .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.premium .ho_box .box .rig .img span{display:block;width:100%;height:100%;background: no-repeat center / cover;opacity:0;transition:0.8s;}
.premium .ho_box .b1 .rig .img span{background-image:url(../images/premium-ho1.jpg);}
.premium .ho_box .b2 .rig .img span{background-image:url(../images/premium-ho2.jpg);}
.premium .ho_box .b3 .rig .img span{background-image:url(../images/premium-ho3.jpg?ver=1);}
.premium .ho_box .b4 .rig .img span{background-image:url(../images/premium-ho4.jpg);}
.premium .ho_box .box .rig .f{position:absolute;opacity:0;transform:translate(50%,0);transition:0.8s;}
.premium .ho_box .b1 .rig .f1{width:28.25%;right:88.25%;bottom:6.0504%;}
.premium .ho_box .b1 .rig .f2{width:13.25%;right:119.625%;bottom:9.4118%;}
.premium .ho_box .b2 .rig .f3{width:23.625%;right:90.875%;bottom:6.7227%;}
.premium .ho_box .b2 .rig .f4{width:14.625%;right:116.5%;bottom:15.1261%;}
.premium .ho_box .b3 .rig .f5{width:17.625%;right:93.75%;bottom:7.563%;}
.premium .ho_box .b3 .rig .f6{width:14.125%;right:116.25%;bottom:15.9664%;}
.premium .ho_box .b4 .rig .f7{width:10%;right:95.625%;bottom:5.3782%;}
.premium .ho_box .b4 .rig .f8{width:8.75%;right:116.875%;bottom:15.1261%;}
.active .premium .area::after{z-index:-1;transition-delay:2s;}
.active .premium .wave span em{transform:none;transition-delay:0.9s;}
.active .premium .list li a .img{transform:none;opacity:1;}
.active .premium .list .l1 a .img{transition-delay:1.2s;}
.active .premium .list .l2 a .img{transition-delay:1.4s;}
.active .premium .list .l3 a .img{transition-delay:1.6s;}
.active .premium .list .l4 a .img{transition-delay:1.8s;}
.active .premium .txt li .icon{opacity:1;transform:none !important;}
.active .premium .txt .l1 .icon.i1,
.active .premium .txt .l2 .icon.i1,
.active .premium .txt .l3 .icon.i1,
.active .premium .txt .l4 .icon.i1{transition-delay:2.2s;}
.active .premium .txt .l1 .icon.i2,
.active .premium .txt .l2 .icon.i2,
.active .premium .txt .l3 .icon.i2,
.active .premium .txt .l4 .icon.i2{transition-delay:2.5s;}
.active .premium .txt dl dt p span{transform:none;transition-delay:2.6s;}
.active .premium .txt dl dd span{transform:none;transition-delay:3s;}
.active .premium.ho .list{pointer-events:none;}
.active .premium.ho_1 .ho_box .b1,
.active .premium.ho_2 .ho_box .b2,
.active .premium.ho_3 .ho_box .b3,
.active .premium.ho_4 .ho_box .b4{pointer-events:auto;width:100%;left:0;opacity:1;transition:0.8s;transition-delay:0.2s;}
.active .premium.ho_1 .ho_box .b1::before,
.active .premium.ho_2 .ho_box .b2::before,
.active .premium.ho_3 .ho_box .b3::before,
.active .premium.ho_4 .ho_box .b4::before,
.active .premium.ho_1 .ho_box .b1::after,
.active .premium.ho_2 .ho_box .b2::after,
.active .premium.ho_3 .ho_box .b3::after,
.active .premium.ho_4 .ho_box .b4::after{opacity:1;transition-delay:0s;}
.active .premium.ho_1 .ho_box .b1 .lef dl dt p span,
.active .premium.ho_2 .ho_box .b2 .lef dl dt p span,
.active .premium.ho_3 .ho_box .b3 .lef dl dt p span,
.active .premium.ho_4 .ho_box .b4 .lef dl dt p span{transform:none;transition-delay:0.4s;}
.active .premium.ho_1 .ho_box .b1 .lef dl dd p span,
.active .premium.ho_2 .ho_box .b2 .lef dl dd p span,
.active .premium.ho_3 .ho_box .b3 .lef dl dd p span,
.active .premium.ho_4 .ho_box .b4 .lef dl dd p span{transform:none;transition-delay:0.6s;}
.active .premium.ho_1 .ho_box .b1 .lef .link a,
.active .premium.ho_2 .ho_box .b2 .lef .link a,
.active .premium.ho_3 .ho_box .b3 .lef .link a,
.active .premium.ho_4 .ho_box .b4 .lef .link a{opacity:1;transform:none;transition-delay:0.8s;}
.active .premium.ho_1 .ho_box .b1 .rig .img span,
.active .premium.ho_2 .ho_box .b2 .rig .img span,
.active .premium.ho_3 .ho_box .b3 .rig .img span,
.active .premium.ho_4 .ho_box .b4 .rig .img span{opacity:1;transform:none;transition-delay:0.7s;}
.active .premium.ho_1 .ho_box .b1 .rig .f1,
.active .premium.ho_2 .ho_box .b2 .rig .f3,
.active .premium.ho_3 .ho_box .b3 .rig .f5,
.active .premium.ho_4 .ho_box .b4 .rig .f7{opacity:1;transform:none;transition-delay:1s;}
.active .premium.ho_1 .ho_box .b1 .rig .f2,
.active .premium.ho_2 .ho_box .b2 .rig .f4,
.active .premium.ho_3 .ho_box .b3 .rig .f6,
.active .premium.ho_4 .ho_box .b4 .rig .f8{opacity:1;transform:none;transition-delay:1.2s;}
@media all and (max-aspect-ratio: 17/10){
	.premium{padding: 0 6vw;}
	.premium .area{height: 55dvh;}
	.premium .txt dl{left: 8%;}
	.premium .txt dl dt{font-size: 1.6vw;margin-bottom:0.8vw;}
	.premium .txt dl dd{font-size:1vw;}
}
@media all and (max-aspect-ratio: 16/10){
	.premium .area{height: 50dvh;}
}
@media all and (max-aspect-ratio: 14/10){
	.premium .area{height: 45dvh;}
}
@media all and (max-aspect-ratio: 12/10){
	.premium .area{height: 65dvh;}
	.premium ul li{position:relative;width:100%;left:0 !important;;top:0;}
	.premium .list li a .img{border-radius:2vw;}
	.premium .txt{pointer-events:auto;}
	.premium .txt dl{left: 10%;bottom: 7%;}
	.premium .txt dl dt{font-size: 3.3vw;margin-bottom:1.5vw;}
	.premium .txt dl dd{font-size: 1.5vw;line-height:1.5em;}
	.premium .txt dl dd .p{display:none;}
	.premium .txt dl dd .m{display:block;}
	.premium .txt .link{display:flex;margin-top:2.5vw;}
	.premium .txt .link a{background-color:#000017;color:#fff;font-size:1.3vw;line-height:2.33em;border-radius:3vw;padding: 0 1.8vw;opacity:0;transform:translate(0,30%);transition:0.8s;}
	.premium .txt .l1 .icon.i1{width: 33%;right: 40%;bottom: 60%;}
	.premium .txt .l1 .icon.i2{width: 20%;right: 15%;bottom: 52%;}
	.premium .txt .l2 .icon.i1{width: 27%;right: 15%;bottom: 50%;}
	.premium .txt .l3 .icon.i1{width: 20%;right: 15%;bottom: 47%;}
	.premium .txt .l4 .icon.i1{width: 11%;right: 25%;bottom: 45%;}
	.premium .txt .l4 .icon.i2{width: 9%;right: 13%;bottom: 45%;}
	.premium .wh_bg .line{overflow:visible;position:static;}
	.premium .wh_bg .line span{width:8.333%;}
	.premium .wh_bg .line span::before,
	.premium .wh_bg .line span::after{width:2vw;height:2vw;}
	.premium .wh_bg .line4{display:block;}
	.premium .wave{border-radius:2vw;height:75%;}
	.premium .wave span em img{height:65%;}
	.premium .wave span em{width: 400%;}
	.premium .wave span em::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:36%;background-color:#f1f4f7;}
	.premium .ho_box{display:none;}
	.active .premium .txt .link a{opacity:1;transform:none;transition-delay:1.8s;}
}
@media all and (max-aspect-ratio: 1/1){
	.premium{padding: 0 8vw;}
	.premium .area{height: 70dvh;}
	.premium .list li a{overflow:hidden;}
	.premium .txt dl dt{font-size: 5.2vw;margin-bottom: 2.5vw;}
	.premium .txt dl dd{font-size: 2.4vw;}
	.premium .txt .link{margin-top: 4vw;opacity:0;transform:translate(0,30%);transition:0.8s;}
	.premium .txt .link a{font-size: 2.2vw;padding: 0 3vw;}
	.premium .txt .l1 .icon.i1{width: 30%;right: 40%;bottom: 57%;}
	.premium .txt .l1 .icon.i2{width: 18%;right: 14%;bottom: 47%;}
	.premium .txt .l2 .icon.i1{width: 24%;right: 18%;bottom: 45%;}
	.premium .txt .l3 .icon.i1{width: 18%;right: 18%;bottom: 45%;}
	.premium .txt .l4 .icon.i1{width: 10%;right: 27%;bottom: 45%;}
	.premium .txt .l4 .icon.i2{width: 8%;right: 16%;bottom: 45%;}
	.premium .txt .w{display:block;position:absolute;left:0;bottom:0;width: 100%;height:70%;overflow:hidden;border-radius: 0 0 3.5vw 3.5vw;}
	.premium .txt .w span{display:block;height: 100%;position:relative;width: 800%;transform:translate(-10%,0) scaleY(0);transform-origin: 0 100%;transition:1.5s;transition-delay:0.6s;}
	.premium .txt .w span img{display:block;height:50%;}
	.premium .txt .w span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:55%;background-color:#f1f4f7;}
	.premium .txt .l2 .w span img{transform:translate(-13%,0);}
	.premium .txt .l3 .w span img{transform:translate(-26%,0);}
	.premium .txt .l4 .w span img{transform:translate(-39%,0);}
	.premium .wave{height:70%;display:none;}
	.premium .wave span em{width:800%;}
	.premium .wave span em img{height: 55%;}
	.premium .wh_bg{display:none;}
	.premium .list li a .img,
	.active .premium .list li a .img{opacity:0;transform:translate(0,40%) scaleY(0.6);transition:1s;transition-delay:1s !important;}
	.premium .txt dl dt p span,
	.active .premium .txt dl dt p span,
	.premium .txt dl dd span,
	.active .premium .txt dl dd span{transform: translate(0, 105%);transition-delay:0s;}
	.premium .txt li .icon,
	.active .premium .txt li .icon{opacity:0;}
	.premium .txt .l1 .icon.i1,
	.active .premium .txt .l1 .icon.i1{transform: translate(40%, 40%) !important;transition-delay:0s;}
	.premium .txt .l1 .icon.i2,
	.active .premium .txt .l1 .icon.i2{transform: translate(40%, 30%) !important;transition-delay:0s;}
	.premium .txt .l2 .icon.i1,
	.active .premium .txt .l2 .icon.i1{transform: translate(50%, 0) !important;transition-delay:0s;}
	.premium .txt .l2 .icon.i2,
	.active .premium .txt .l2 .icon.i2{transform: translate(50%, 0) !important;transition-delay:0s;}
	.premium .txt .l3 .icon.i1,
	.active .premium .txt .l3 .icon.i1{transform: translate(0, -30%) !important;transition-delay:0s;}
	.premium .txt .l3 .icon.i2,
	.active .premium .txt .l3 .icon.i2{transform: translate(50%, 0) !important;transition-delay:0s;}
	.premium .txt .l4 .icon.i1,
	.active .premium .txt .l4 .icon.i1{transform: translate(100%, 0) !important;transition-delay:0s;}
	.premium .txt .l4 .icon.i2,
	.active .premium .txt .l4 .icon.i2{transform: translate(100%, 0) !important;transition-delay:0s;}
	.active .premium .list .swiper-slide-active a .img{transform:none;opacity:1;}
	.active .premium .txt .swiper-slide-active .w span{transform:none;}
	.active .premium .txt .swiper-slide-active dl dt p span{transform:none;transition-delay:1.3s;}
	.active .premium .txt .swiper-slide-active dl dd span{transform:none;transition-delay:1.4s;}
	.active .premium .txt .swiper-slide-active .icon{opacity:1;}
	.active .premium .txt .swiper-slide-active.l1 .icon.i1,
	.active .premium .txt .swiper-slide-active.l2 .icon.i1,
	.active .premium .txt .swiper-slide-active.l3 .icon.i1,
	.active .premium .txt .swiper-slide-active.l4 .icon.i1{transform:none !important;transition-delay:1.8s;}
	.active .premium .txt .swiper-slide-active.l1 .icon.i2,
	.active .premium .txt .swiper-slide-active.l2 .icon.i2,
	.active .premium .txt .swiper-slide-active.l3 .icon.i2,
	.active .premium .txt .swiper-slide-active.l4 .icon.i2{transform:none !important;transition-delay:2s;}
	.active .premium .txt .swiper-slide-active .link{opacity:1;transform:none;transition-delay:1.6s;}
}
@media all and (max-aspect-ratio: 6/10){
	.premium{padding: 0 5.5556vw;}
	.premium .area{height: 80dvh;border-radius:3.5vw;overflow:hidden;margin-bottom:-5dvh;}
	.premium .list li a .img span{height:52%;}
	.premium .list .l1 a .img span{background-image:url(../images/premium-img1-m.jpg);}
	.premium .list .l2 a .img span{background-image:url(../images/premium-img2-m.jpg);}
	.premium .list .l3 a .img span{background-image:url(../images/premium-img3-m.jpg);}
	.premium .list .l4 a .img span{background-image:url(../images/premium-img4-m.jpg);}
	.premium .txt dl dt{font-size:7.6389vw;}
	.premium .txt dl dd{font-size:3.0556vw;}
	.premium .txt .link{margin-top: 5vw;}
	.premium .txt .link a{font-size:2.5vw;padding: 0 3.8889vw;}
	.premium .txt .l1 .icon.i1{width:31.3889vw;right:30vw;bottom:54%;}
	.premium .txt .l1 .icon.i2{width:15.1667vw;right:12.3889vw;bottom: 51%;}
	.premium .txt .l2 .icon.i1{width:23.75vw;right:21vw;bottom: 50%;}
	.premium .txt .l2 .icon.i2{display:block;width:10.5556vw;right:7vw;bottom:45%;}
	.premium .txt .l3 .icon.i1{width:17.3611vw;right:25vw;bottom:50%;}
	.premium .txt .l3 .icon.i2{display:block;width:7.9167vw;right:9vw;bottom:49%;}
	.premium .txt .l4 .icon.i1{width:10.1389vw;right:20.8333vw;bottom:50%;}
	.premium .txt .l4 .icon.i2{width:5.9722vw;right:10.1389vw;bottom:50%;}
	/*
	.premium .wave span em img{height:50%;transition:1.2s;}
	.premium .wave span em::before{height:55%;}
	.premium.w1 .wave span em img{transform:none;}
	.premium.w2 .wave span em img{transform:translate(-13%,0);}
	.premium.w3 .wave span em img{transform:translate(-26%,0);}
	.premium.w4 .wave span em img{transform:translate(-39%,0);}
	*/
}

/* 프리미엄 섹션 헤더 추가 */
.premium{flex-direction: column; align-items: flex-start; justify-content: center;}
.premium_header{margin-bottom: 2.85vw; overflow: hidden; width:100%; display: flex; justify-content: center;}
.premium_header strong{font-size: 2.8646vw; color: #000017; font-family: 'Inter'; font-weight: 600; letter-spacing: 0.05em; display: block; transform: translateY(115%); transition-delay: 0.2s; transition: 1.5s;}
.active .premium_header strong{transform: none; transition-delay: 0.8s;}

@media (max-aspect-ratio: 17 / 10) {
    .premium_header strong{font-size: 3vw;}
    .premium{flex-direction: column; align-items: flex-start; justify-content: center;}
}
@media (max-aspect-ratio: 12 / 10) {
	.premium_header strong{font-size: 4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.premium{padding-top: 3dvh;}
	.premium_header{margin-bottom:4vw;}
	.premium_header strong{font-size: 6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.premium{padding-top:0;}
	.premium .area{height: 70dvh;}
	.premium_header{margin-bottom: 6vw;}
}

.brand{height:100%;padding: 0 8.3333vw;display:flex;align-items:center;justify-content:center;}
.brand ul{width:100%;pointer-events:none;}
.brand ul li{overflow:hidden;position:relative;}
.brand ul li ~ li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#d2dce6;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.brand ul li a{display:block;position:relative;}
.brand ul li .tit{padding: 3.8vw 0 2.5vw;position:relative;transform: translate(0,100%) scaleY(2);transform-origin: 0 0;transition:1.2s;}
.brand ul li .tit strong{display:block;color:#000017;font-family:"Inter";font-weight:600;letter-spacing:0.05em;font-size:5.2083vw;transition:0.8s;}
.brand ul li .ho{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;padding-left:5.2083vw;}
.brand ul li .ho dl{display:flex;align-items:flex-end;gap: 0 3.125vw;position:relative;z-index:1;pointer-events:none;}
.brand ul li .ho dl dt{overflow:hidden;}
.brand ul li .ho dl dt p{display:flex;align-items:flex-end;gap: 0 0.3vw;transform:translate(0,105%);transition:0.4s;}
.brand ul li .ho dl dt p strong{font-size:3.125vw;color:#000017;letter-spacing:-0.05em;}
.brand ul li .ho dl dt p i{width:20.6771vw;}
.brand ul li .ho dl dt p span{color:#000017;font-family: 'RixHeadB';font-weight:600;font-size:3.6458vw;line-height: 1.3em;letter-spacing:-0.05em;}
.brand ul li .ho dl dt p em{color:#000017;font-size:1.25vw;letter-spacing:-0.05em;margin-bottom: 1vw;}
.brand ul li .ho dl dd{color:#000017;font-size:1.25vw;letter-spacing:-0.05em;overflow:hidden;}
.brand ul .b2 .ho dl dd{margin-bottom: 1vw;}
.brand ul li .ho dl dd p{transform:translate(0,105%);transition:0.4s;}
.brand ul li .ho .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#d2dce6;transform:translate(0,-101%);transition:0.5s;transition-delay:0;transition-timing-function: cubic-bezier(.7,.1,.3,.9);}
.brand ul li .click{position:absolute;right:3.125vw;top:50%;transform:translate(0,-50%);width:3vw;height:3vw;display:flex;align-items:center;justify-content:center;z-index: 1;}
.brand ul li .click::before{content:"";border-radius:50%;background-color:#000017;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.brand ul li .click p{position:relative;z-index:1;overflow:hidden;color:#fff;font-family:"Inter";font-weight:600;font-size:0.6vw;}
.brand ul li .click p span{display:block;transform:translate(0,100%);transition:0.6s;}
.brand ul li.in-top .ho .bg,
.brand ul li.in-bottom .ho .bg{transform:translate(0,0) scale(1.3);}
.brand ul li.out-top .ho .bg{transform:translate(0,-101%);}
.brand ul li.out-bottom .ho .bg{transform:translate(0,101%);}
.brand ul li.in-top .tit strong{transform:translate(0,-80%);}
.brand ul li.in-bottom .tit strong{transform:translate(0,80%);}
.brand ul li.out-top .tit strong,
.brand ul li.out-bottom .tit strong{transform:none;}
.brand ul li:hover .ho .bg{transform:translate(0,0) scale(1.3);}
.brand ul li:hover .ho dl dt p{transform:none;transition:0.8s;transition-delay:0.4s;}
.brand ul li:hover .ho dl dd p{transform:none;transition:0.8s;transition-delay:0.7s;}
.brand ul li:hover .click::before{opacity:1;transform:none;}
.brand ul li:hover .click p span{transform:none;transition-delay:0.3s;}
.fp-completely .brand ul{pointer-events:auto;}

/* .fp-viewing-3 .brand ul li ~ li::before{transform:none;transition-delay:0.8s;}
.fp-viewing-3 .brand ul li .tit{transform:none;}
.fp-viewing-3 .brand ul .b1 .tit{transition-delay:0.8s;}
.fp-viewing-3 .brand ul .b2 .tit{transition-delay:1s;}
.fp-viewing-3 .brand ul .b3 .tit{transition-delay:1.2s;} */

.brand.active ul li ~ li::before{transform:none;transition-delay:0.8s;}
.brand.active ul li .tit{transform:none;}
.brand.active ul .b1 .tit{transition-delay:0.8s;}
.brand.active ul .b2 .tit{transition-delay:1s;}
.brand.active ul .b3 .tit{transition-delay:1.2s;}

@media all and (max-aspect-ratio: 17/10){
	.brand ul li .tit{padding: 4.5vw 0 3.5vw;}
	.brand ul li .tit strong{font-size:5.5vw;}
	.brand ul li .ho dl{gap: 0 4vw;}
	.brand ul li .ho dl dt p strong{font-size: 3.5vw;}
	.brand ul li .ho dl dd{font-size:1.5vw;}
	.brand ul li .ho dl dt p{gap: 0 0.6vw;}
	.brand ul li .ho dl dt p i{width:25vw;}
	.brand ul li .ho dl dt p span{font-size:4vw;}
	.brand ul li .ho dl dt p em{font-size:1.5vw;}
	.brand ul li .click{width: 4vw;height: 4vw;}
	.brand ul li .click p{font-size:0.8vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand ul li .tit{padding: 6vw 0 5vw;}
	.brand ul li .tit strong{font-size: 6.5vw;}
	.brand ul li .ho dl dt p strong{font-size: 4vw;}
	.brand ul li .ho dl dd{font-size: 1.7vw;}
	.brand ul li .ho dl dt p i{width: 28vw;}
	.brand ul li .ho dl dt p span{font-size: 5vw;}
	.brand ul li .ho dl dt p em{font-size: 2vw;}
	.brand ul li .click{display:none;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand ul li .tit{padding: 9vw 0;}
	.brand ul li .tit strong{font-size:7vw;}
	.brand ul li .ho dl{display:block;}
	.brand ul li .ho dl dt{margin-bottom:3vw;}
	.brand ul li .ho dl dt p{gap: 0 1vw;}
	.brand ul li .ho dl dt p strong{font-size:5vw;}
	.brand ul li .ho dl dt p i{width: 36vw;}
	.brand ul li .ho dl dt p span{font-size: 6.5vw;}
	.brand ul li .ho dl dt p em{font-size:3vw;margin-bottom: 1.5vw;}
	.brand ul li .ho dl dd{font-size:2.4vw;}
	.brand ul .b2 .ho dl dd{margin-bottom:0;margin-top:-1vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand ul li .tit{padding: 13vw 0;}
	.brand ul li .tit strong{font-size: 8.5vw;}
	.brand ul li .ho{padding-left:7vw;}
	.brand ul li .ho dl dt{margin-bottom:4vw;}
	.brand ul li .ho dl dt p{gap: 0 2vw;}
	.brand ul li .ho dl dt p strong{font-size:6vw;}
	.brand ul li .ho dl dt p i{width:42vw;}
	.brand ul li .ho dl dt p span{font-size: 8vw;}
	.brand ul li .ho dl dt p em{font-size:4vw;}
	.brand ul li .ho dl dd{font-size:3vw;}
}

.info{height:101%;position:relative;overflow:hidden;}
.info::after{content:"";position:absolute;left:50%;top:calc(50% + 1vw);width:1px;height:62%;background-color:rgba(204,204,204,0.3);z-index:1;transform:translate(0,-50%) scaleY(0);transition:0.8s;}
.info .area{display:flex;height:100%;}
.info .box{position:relative;padding-top:0.5vw;width:50%;display:flex;align-items:center;justify-content:center;}
.info .box::before{content:"";position:absolute;left:0;top:0;width:101%;height:101%;background-color:#2f3d47;z-index:-1;transition:1.4s;}
.info .lef{padding-left:8.333vw;}
.info .rig{padding-right:8.333vw;}
.info .lef::before{transform:translate(0,-100%);}
.info .rig::before{transform:translate(0,100%);}
.info .box svg{display:block;width:19.6875vw;margin-bottom:-4.1667dvh;}
.info .box svg rect{fill:none;}
.info .box svg .l{stroke:#fff;stroke-miterlimit:10;stroke-width:22px;fill:none;}
.info .box svg .l1{stroke-dasharray: 130px;stroke-dashoffset: 130px;transition:0.4s;}
.info .box svg .l2{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;}
.info .box svg .l3{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;}
.info .box svg .l4{stroke-dasharray: 80px;stroke-dashoffset: 80px;transition:0.4s}
.info .box svg .l5{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;}
.info .box svg .l6{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;}
.info .box svg .l7{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;}
.info .box svg .l8{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.4s;}
.info .box svg .l9{stroke-dasharray: 85px;stroke-dashoffset: 85px;transition:0.4s;}
.info .box svg .l10{stroke-dasharray: 325px;stroke-dashoffset: 325px;transition:0.6s;}
.info .box svg .l11{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;}
.info .box svg .l12{stroke-dasharray: 130px;stroke-dashoffset: 130px;transition:0.4s;}
.info .box svg .l13{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;}
.info .box svg .l14{stroke-dasharray: 180px;stroke-dashoffset: 180px;transition:0.6s;}
.info .box svg .l15{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;}
.info .box svg .l16{stroke-dasharray: 325px;stroke-dashoffset: 325px;transition:0.6s;}
.info .box svg .l17{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;}
.info .box svg .l18{stroke-dasharray: 80px;stroke-dashoffset: 80px;transition:0.4s;}
.info .box svg .l19{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;}
.info .box svg .l20{stroke-dasharray: 320px;stroke-dashoffset: 320px;transition:0.6s;}
.info .box svg .l21{stroke-dasharray: 70px;stroke-dashoffset: 70px;transition:0.4s;}
.info .box svg .l22{stroke-dasharray: 445px;stroke-dashoffset: 445px;transition:0.6s;}
.info .box svg .l23{stroke-dasharray: 445px;stroke-dashoffset: 445px;transition:0.6s;}
.info .box svg .l24{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;}
.info .box svg .l25{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;}
.info .box svg .l26{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.4s;}
.info .box svg .l27{stroke-dasharray: 85px;stroke-dashoffset: 85px;transition:0.4s;}
.info .box svg .l28{stroke-dasharray: 235px;stroke-dashoffset: 235px;transition:0.8s;}
.info .box svg .l29{stroke-dasharray: 160px;stroke-dashoffset: 160px;transition:0.6s;}
.info .box svg .l30{stroke-dasharray: 235px;stroke-dashoffset: 235px;transition:0.6s;}
.info .box svg .l31{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.6s;}
.info .box svg .l32{stroke-dasharray: 105px;stroke-dashoffset: 105px;;transition:0.6s;}
.info .box svg .l33{stroke-dasharray: 135px;stroke-dashoffset: 135px;;transition:0.6s;}
.info .box svg .l34{stroke-dasharray: 75px;stroke-dashoffset: 75px;;transition:0.6s;}
.info .box svg .l35{stroke-dasharray: 85px;stroke-dashoffset: 85px;;transition:0.6s;}
.info .rig dl{margin-bottom:-4.1667dvh;}
.info .rig dl dt{width:17.8646vw;margin: 0 auto;opacity:0;transform:translate(0,30%);transition:0.8s;}
.info .rig dl dd{margin-top:2.7083vw;display:flex;justify-content:center;gap: 0 0.5208vw;}
.info .rig dl dd a{background-color:#fff;border-radius:6vw;width:7.9167vw;opacity:0;transform:translate(0,60%);transition:0.8s;}
.info .rig dl dd a p{display:flex;align-items:center;justify-content:center;gap: 0 0.5729vw;color:#2f3d47;font-size:0.7813vw;height:2.3958vw;letter-spacing:-0.05em;}
.info .rig dl dd a p span{position:relative;}
.info .rig dl dd a p span::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#2f3d47;transform:scaleX(0);transform-origin: 0 0;transition:0.6s;}
.info .rig dl dd a p em{width:0.6771vw;}
.info .rig dl dd a:hover p span::before{transform:none;}
.fp-viewing-4 .info::after,
.fp-viewing-5 .info::after{transform:translate(0,-50%);transition-delay:1.6s;}
.fp-viewing-4 .info .lef::before,
.fp-viewing-5 .info .lef::before,
.fp-viewing-4 .info .rig::before,
.fp-viewing-5 .info .rig::before{transform:none;transition-delay:0.8s;}
.fp-viewing-4 .info .box svg .l,
.fp-viewing-5 .info .box svg .l{stroke-dashoffset:0;}
.fp-viewing-4 .info .rig dl dt,
.fp-viewing-5 .info .rig dl dt{opacity:1;transform:none;transition-delay:1.8s;}
.fp-viewing-4 .info .rig dl dd a,
.fp-viewing-5 .info .rig dl dd a{opacity:1;transform:none;}
.fp-viewing-4 .info .rig dl dd a:nth-child(1),
.fp-viewing-5 .info .rig dl dd a:nth-child(1){transition-delay:2.2s;}
.fp-viewing-4 .info .rig dl dd a:nth-child(2),
.fp-viewing-5 .info .rig dl dd a:nth-child(2){transition-delay:2.4s;}
.fp-viewing-4 .info .box svg .l1{transition-delay:1.4s;}
.fp-viewing-4 .info .box svg .l2{transition-delay:1.5s;}
.fp-viewing-4 .info .box svg .l3{transition-delay:1.6s;}
.fp-viewing-4 .info .box svg .l4{;transition-delay:1.7s;}
.fp-viewing-4 .info .box svg .l5{transition-delay:1.7s;}
.fp-viewing-4 .info .box svg .l6{transition-delay:1.8s;}
.fp-viewing-4 .info .box svg .l7{transition-delay:1.9s;}
.fp-viewing-4 .info .box svg .l8{transition-delay:2s;}
.fp-viewing-4 .info .box svg .l9{transition-delay:2.1s;}
.fp-viewing-4 .info .box svg .l10{transition-delay:1.6s;}
.fp-viewing-4 .info .box svg .l11{transition-delay:1.7s;}
.fp-viewing-4 .info .box svg .l12{transition-delay:1.8s;}
.fp-viewing-4 .info .box svg .l13{transition-delay:1.9s;}
.fp-viewing-4 .info .box svg .l14{transition-delay:2s;}
.fp-viewing-4 .info .box svg .l15{transition-delay:2.1s;}
.fp-viewing-4 .info .box svg .l16{transition-delay:1.8s;}
.fp-viewing-4 .info .box svg .l17{transition-delay:1.9s;}
.fp-viewing-4 .info .box svg .l18{transition-delay:2s;}
.fp-viewing-4 .info .box svg .l19{transition-delay:2.1s;}
.fp-viewing-4 .info .box svg .l20{transition-delay:2.2s;}
.fp-viewing-4 .info .box svg .l21{transition-delay:2.3s;}
.fp-viewing-4 .info .box svg .l22{transition-delay:2.4s;}
.fp-viewing-4 .info .box svg .l23{transition-delay:2.5s;}
.fp-viewing-4 .info .box svg .l24{transition-delay:2.6s;}
.fp-viewing-4 .info .box svg .l25{transition-delay:2.7s;}
.fp-viewing-4 .info .box svg .l26{transition-delay:2.8s;}
.fp-viewing-4 .info .box svg .l27{transition-delay:3s;}
.fp-viewing-4 .info .box svg .l28{transition-delay:2s;}
.fp-viewing-4 .info .box svg .l29{transition-delay:2.2s;}
.fp-viewing-4 .info .box svg .l30{transition-delay:2.4s;}
.fp-viewing-4 .info .box svg .l31{transition-delay:2.5s;}
.fp-viewing-4 .info .box svg .l32{transition-delay:2.7s;}
.fp-viewing-4 .info .box svg .l33{transition-delay:2.8s;}
.fp-viewing-4 .info .box svg .l34{transition-delay:3s;}
.fp-viewing-4 .info .box svg .l35{transition-delay:3.2s;}
@media all and (max-aspect-ratio: 17/10){
	.info .lef{padding-left:3.125vw;}
	.info .rig{padding-right:3.125vw;}
	.info .box svg{width: 25vw;}
	.info .rig dl dt{width:22vw;}
	.info .rig dl dd{gap: 0 1vw;margin-top:3vw;}
	.info .rig dl dd a{width: 12vw;}
	.info .rig dl dd a p{gap: 0 0.8vw;font-size:1.2vw;height: 3.2vw;}
	.info .rig dl dd a p em{width:1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.info .box svg{width: 30vw;}
	.info .rig dl dt{width:26vw;}
	.info .rig dl dd{margin-top: 4vw;}
	.info .rig dl dd a{width:14vw;}
	.info .rig dl dd a p{height: 3.8vw;font-size: 1.4vw;}
	.info .rig dl dd a p em{width:1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.info::after{width:80%;height:1px;top:55%;left:10%;transform:scaleX(0);}
	.info .area{display:block;}
	.info .box{height:50%;width:100%;padding:0;}
	.info .lef{align-items:flex-end;height:55%;}
	.info .rig{align-items:flex-start;height:45%;}
	.info .lef::before{transform:translate(-100%,0);}
	.info .rig::before{transform:translate(100%,0);}
	.info .box svg{width:40vw;margin-bottom:8dvh;}
	.info .rig dl{margin-bottom:0;margin-top:8dvh;}
	.info .rig dl dt{width:35vw;}
	.info .rig dl dd{margin-top: 6vw;gap: 0 2vw;}
	.info .rig dl dd a{width: 18vw;}
	.info .rig dl dd a p{font-size: 1.8vw;gap: 0 1vw;height: 4.5vw;}
	.fp-viewing-4 .info::after, .fp-viewing-5 .info::after{transform:none;}
}
@media all and (max-aspect-ratio: 6/10){
	.info .box svg{width: 50vw;}
	.info .rig dl dt{width:46vw;}
	.info .rig dl dd{margin-top: 9vw;gap: 0 3vw;}
	.info .rig dl dd a{width: 28vw;}
	.info .rig dl dd a p{height: 7.5vw;font-size: 3vw;gap: 0 2vw;}
	.info .rig dl dd a p em{width:2.5vw;}
}

.location{height:100%;position:relative;overflow:hidden;}
.location .m{display:none;}
.location .map{position:absolute;right:0;bottom:0;width:62vw;opacity:0;transform:translate(5%,5%);transition:1.4s;}
.location .zoom{position:absolute;bottom:17.5vw;left:8.3333vw;}
.location .zoom .shadow{position:absolute;top:0;left:calc(100% - 1px);width:29.375vw;opacity:0;transform: scale(0.5);transform-origin: 100% 50%;transition:1s;}
.location .zoom .shadow img{height:100%;}
.location .zoom .rect{position:relative;width:24.7396vw;transition:0.8s;}
.location .zoom .rect span{display:block;position:relative;overflow:hidden;}
.location .zoom .rect::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#363e41;z-index:3;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.location .zoom .rect::after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#363e41;z-index:3;transform:scaleY(0);transform-origin: 0 0;transition:0.8s;}
.location .zoom .rect span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#363e41;z-index:3;transform:scaleX(0);transform-origin: 100% 0;transition:0.8s;}
.location .zoom .rect span::after{content:"";position:absolute;left:0;bottom:0;width:1px;height:100%;background-color:#363e41;z-index:3;transform:scaleY(0);transform-origin: 0 100%;transition:0.8s;}
.location .zoom .rect span img{transform:scale(1.2);opacity:0;transition:1s;}
.location .zoom dl{margin-top:3.125vw;position:absolute;top:100%;left:0;}
.location .zoom dl dt{color:#000;font-size:0.9375vw;letter-spacing:-0.05em;margin-bottom:1.0417vw;overflow:hidden;}
.location .zoom dl dt p{transform:translate(0,100%);transition:0.8s;}
.location .zoom dl dd{color:#000017;font-size:0.9375vw;letter-spacing:0.01em;font-family:"Jost";font-weight:500;overflow:hidden;white-space: nowrap;}
.location .zoom dl dd p{transform:translate(0,100%);transition:0.8s;}
.fp-viewing-4 .location .map,
.fp-viewing-5 .location .map{opacity:1;transform:none;transition-delay:0.5s;}
.fp-viewing-4 .location .zoom .shadow,
.fp-viewing-5 .location .zoom .shadow{opacity:1;transform:none;transition-delay:1s;}
.fp-viewing-4 .location .zoom .rect,
.fp-viewing-5 .location .zoom .rect{box-shadow: 0.8vw 0.8vw 1vw rgba(0, 0, 0, 0.15);transition-delay:1.8s;}
.fp-viewing-4 .location .zoom .rect span img,
.fp-viewing-5 .location .zoom .rect span img{opacity:1;transform:none;transition-delay:1.4s;}
.fp-viewing-4 .location .zoom .rect::before,
.fp-viewing-4 .location .zoom .rect::after,
.fp-viewing-4 .location .zoom .rect span::before,
.fp-viewing-4 .location .zoom .rect span::after,
.fp-viewing-5 .location .zoom .rect::before,
.fp-viewing-5 .location .zoom .rect::after,
.fp-viewing-5 .location .zoom .rect span::before,
.fp-viewing-5 .location .zoom .rect span::after{transform:none;transition-delay:1.4s;}
.fp-viewing-4 .location .zoom dl dt p,
.fp-viewing-5 .location .zoom dl dt p{transform:none;transition-delay:2s;}
.fp-viewing-4 .location .zoom dl dd p,
.fp-viewing-5 .location .zoom dl dd p{transform:none;transition-delay:2.3s;}
@media all and (max-aspect-ratio: 17/10){
	.location .map{width: 68vw;}
	.location .zoom{left:6vw;bottom: 20vw;}
	.location .zoom .rect{width:28vw;}
	.location .zoom .shadow{width: 24vw;height: 23vw;}
	.location .zoom dl{margin-top:5vw;}
	.location .zoom dl dt{font-size: 1.4vw;margin-bottom: 1.5vw;}
	.location .zoom dl dd{font-size:1.4vw;}
}
@media all and (max-aspect-ratio: 14/10){
	.location .map{width:75vw;}
	.location .map img{transform: translate(10%, 0%);}
	.location .zoom{bottom:23vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.location .map{width:80vw;}
	.location .zoom dl dt{font-size: 2vw;margin-bottom: 2vw;}
	.location .zoom dl dd{font-size: 2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.location .p{display:none;}
	.location .m{display:block;}
	.location .map{width:100%;}
	.location .map img{transform:none;max-width: 60vh;;margin: 0 auto;}
	.location .zoom{left:21vw;bottom: 37vh;}
	.location .zoom .rect{width:35vw;}
	.location .zoom .shadow{position:static;width:35vw;height: 20dvh;transform-origin: 80% 100%;}
	.location .zoom dl{top: 14vw;left: 110%;margin-top:0;}
	.location .zoom dl dt,
	.location .zoom dl dd{font-size: 2.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.location .zoom{left: 5.5556vw;bottom: 60vw;}
	.location .zoom .rect{width:55.5556vw;}
	.location .zoom .shadow{width:55.5556vw;}
	.location .zoom dl dt,
	.location .zoom dl dd{font-size: 3.5vw;}
}

/*sub*/
.content{padding: 10vw 0;}
.content.pb_none{padding-bottom:0;}
.fit_in{padding: 0 8.3333vw;}
.con_box{margin-top:4.1667vw;}
.inner{position:relative;margin: 0 auto;}
.in_70{max-width:72.917vw;}
.sub_tit{color:#000017;font-family: 'RixHeadB';font-weight:600;font-size:2.4479vw;line-height:1.43em;letter-spacing:-0.025em;}
.sub_tit p{overflow:hidden;}
.sub_tit p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.sub_tit.active p span{transform:none;}
.sub_ori{padding-top:4.1667vw; display: flex; justify-content: flex-start;}
.sub_ori p{color:#999;font-size:0.6771vw;letter-spacing:-0.025em;padding-left:1.5625vw;background:url(../images/ori-icon.png) no-repeat left center/contain;opacity:0;transform:translate(0,300%);transition:0.6s;}
.sub_ori p.none{background: none;}
.sub_ori p ~ p{padding-left: 0;}
.sub_ori.active p{opacity:1;transform:none;}
.scr_box{position:relative;}
@media all and (max-aspect-ratio: 17/10){
	.content{padding: 16vw 0 12vw;}
	.con_box{margin-top: 7vw;}
	.full_17{max-width:100%;}
	.sub_tit{font-size:2.8vw;}
    .sub_ori{flex-direction: column;}
	.sub_ori p{font-size:1.1vw;padding-left: 2.5vw;}
	.sub_ori p~p{padding-left: 2.5vw; margin-top: 0.6vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.content{padding: 20vw 0 15vw;}
	.con_box{margin-top: 9vw;}
	.in_70{max-width:100%;}
}
@media all and (max-aspect-ratio: 1/1){
	.content{padding: 25vw 0;}
	.fit_in{padding: 0 8vw;}
	.con_box{margin-top:12vw;}
	.sub_tit{font-size: 4vw;}
	.sub_ori{padding-top:8vw;  flex-direction: column;}
	.sub_ori p{font-size:1.6vw;padding-left:2.4vw;}
	.sub_ori p~p{padding-left: 2.4vw !important; margin-top: 0.8vw !important;}
	.scr_box{overflow-x:auto;overflow-y:hidden;}
}
@media (max-aspect-ratio: 6 / 10){
	.content{padding: 30vw 0;}
	.fit_in{padding: 0 5.5556vw;}
	.con_box{margin-top:12vw;}
	.sub_tit{font-size:5.5vw;}
	.sub_ori{padding-top: 10vw; flex-direction: column;}
	.sub_ori p{font-size: 2.5vw;padding-left: 4vw;}
	.sub_ori p~p{padding-left: 4vw !important; margin-top: 1.2vw !important;}
}


/*sub_tab*/
.tab_area{margin-bottom:4vw;opacity:0;transform:translate(0,105%);transition:0.6s;transition-delay:0.3s;}
.tab_area ul{display:flex;}
.tab_area ul li{text-align:center;cursor:pointer;background-color:#f4f6f9;outline:1px solid #d2dce6;color:#363e41;letter-spacing:-0.05em;font-size:0.8333vw;line-height:1.3em;padding: 0.82vw 0;transition:0.3s;}
.tab_area.t2 ul li{width:50%;}
.tab_area.t3 ul li{width:33.33%;}
.tab_area ul li.on{color:#fff;background-color:#363e41;outline-color:#363e41;}
.tab_con > ul > li{display:none;}
.tab_con > ul > li.on{display:block;}
.active .tab_area{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.tab_area{margin-bottom:5vw;}
	.tab_area ul li{font-size:1.2vw;padding: 1.1vw 0;}
}
@media all and (max-aspect-ratio: 12/10){
	.tab_area{margin-bottom:6vw;}
	.tab_area ul li{font-size:1.5vw;padding: 1.6vw 0;}
}
@media all and (max-aspect-ratio: 1/1){
	.tab_area{margin-bottom:7vw;}
	.tab_area ul li{font-size:2vw;padding: 2vw 0;}
}
@media all and (max-aspect-ratio: 6/10){
	.tab_area{margin-bottom:8vw;}
	.tab_area ul li{font-size: 3.2vw;}
}

.sub_tab{padding: 0 8.3333vw 0;background-color:#fff;z-index: 10;}
.sub_tab .line{display:flex;align-items:flex-end;justify-content:space-between;position:relative;}
.sub_tab .line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#eaeaea;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.sub_tab .tit{padding-bottom:1.5vw;}
.sub_tab .tit strong{display:block;overflow:hidden;color:#000017;font-size:2.0833vw;font-family: 'RixHeadB';font-weight:600;}
.sub_tab .tit strong em{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_tab ul{display:flex;gap: 0 2.0833vw;overflow:hidden;}
.sub_tab ul li{transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.sub_tab ul li a{display:block;padding-bottom:2vw;position:relative;}
.sub_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#000017;height:0.2083vw;min-height:4px;transform:scaleX(0);transition:0.4s;}
.sub_tab ul li a span{display:block;color:#000017;font-size:0.9375vw;padding:0 0.7813vw;line-height:1.3em;}
.sub_tab ul li.active a::before,
.sub_tab ul li a:hover::before,
.sub_tab.active .tit strong em,
.sub_tab.active ul li{transform:none;}
.sub_tab.active .line::after{transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_tab .tit{padding-bottom: 2vw;}
	.sub_tab .tit strong{font-size: 3vw;}
	.sub_tab ul li a{padding-bottom:2vw;}
	.sub_tab ul li a span{font-size:1.5vw;padding: 0 1vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_tab{padding: 0 8vw;}
	.sub_tab .line{display:block;}
	.sub_tab ul{justify-content:flex-end;}
	.sub_tab .line.cen ul{justify-content:center;gap: 0 1vw;}
	.sub_tab .tit{padding-bottom: 3vw;}
	.sub_tab .tit strong{font-size: 3.8vw;}
	.sub_tab ul li a{padding-bottom: 3vw;}
	.sub_tab ul li a span{font-size: 2.2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_tab{padding: 0 5.5556vw;}
	.sub_tab .tit{padding-bottom: 5vw;}
	.sub_tab .tit strong{font-size: 5.5vw;}
	.sub_tab ul li a{padding-bottom: 5vw;}
	.sub_tab ul li a span{font-size:3.4vw;padding: 0 2vw;}
	.sub_tab .line.cen ul{justify-content:space-between;}
	.sub_tab .line.cen ul li a span{padding:0;font-size: 2.8vw;}
}

.sub_premium ul{margin-top:9.375vw;}
.sub_premium ul li{display:flex;align-items:center;justify-content:space-between;}
.sub_premium ul li ~ li{margin-top:8.8542vw;}
.sub_premium ul .txt_box{margin-top:-2.3438vw;}
.sub_premium ul .img_box{position:relative;}
.sub_premium ul .num{color:#000;font-family:"Inter";font-size:1.25vw;margin-bottom:2.3438vw;overflow:hidden;}
.sub_premium ul .num span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:1s;}
.sub_premium ul dl dt{color:#000;font-family:"Inter";font-size:2.3438vw;font-weight:600;line-height:1.2em;margin-bottom:1.0417vw;letter-spacing:0.02em;}
.sub_premium ul dl dt p{overflow:hidden;}
.sub_premium ul dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.2s;}
.sub_premium ul dl dd{color:#363e41;font-size:0.9375vw;letter-spacing:-0.05em;line-height:1.67em;}
.sub_premium ul dl dd p{overflow:hidden;}
.sub_premium ul dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.5s;}
.sub_premium .img{border-radius:1.0417vw;width:36.4583vw;position:relative;overflow:hidden;}
.sub_premium .img .w{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden;}
.sub_premium .img .w span{display:block;width:200%;height:100%;background-color:#fff;;position:relative;transition:1.5s;transition-delay:0.3s;}
.sub_premium .img .w span img{position:absolute;left:-1px;top:calc(100% - 1px);transform:translate(-30%,0) scaleY(0);transform-origin: 0 0;transition:1.5s;transition-delay:0.3s;}
.sub_premium .img .bg{overflow:hidden;position:relative;}
.sub_premium .img .bg img{transform:scale(1.2);transition:1.5s;transition-delay:0.3s;}
.sub_premium .img .bg span{position:absolute;left:0;top:0;width:100%;opacity:0;transition:0.8s;transition-delay:1.7s;}
.sub_premium .l1 .img .bg span{transform:translate(5%,0);}
.sub_premium .l2 .img .bg span{transform:translate(10%,0);}
.sub_premium .l3 .img .bg span{transform:translate(0,10%);}
.sub_premium .l4 .img .bg span{transform:translate(-5%,0);}
.sub_premium .img em{position:absolute;width:100%;left:0;top:0;padding-bottom:8.333%;}
.sub_premium .img em img{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_premium .icon{position:absolute;opacity:0;transition:0.8s;}
.sub_premium .icon1{width:7.6563vw;right: 92.5%;bottom: -5%;transform:translate(50%,0);transition-delay:2s;}
.sub_premium .icon2{width:3.5938vw;right:116.5%;bottom: -2%;transform:translate(50%,0);transition-delay:2.2s;}
.sub_premium .icon3{width:6.7708vw;left:90.5%;bottom: -4%;transform:translate(-50%,0);transition-delay:2s;}
.sub_premium .icon4{width:4.1667vw;left:114%;bottom: 3%;transform:translate(-50%,0);transition-delay:2.2s;}
.sub_premium .icon5{width:5.2083vw;right:90.5%;bottom: -4%;transform:translate(50%,0);transition-delay:2s;}
.sub_premium .icon6{width:4.1667vw;right:113.5%;bottom: 4%;transform:translate(50%,0);transition-delay:2.2s;}
.sub_premium .icon7{width:2.9167vw;left:93%;bottom: -4%;transform:translate(-50%,0);transition-delay:2s;}
.sub_premium .icon8{width:2.6042vw;left:113.5%;bottom: 5%;transform:translate(-50%,0);transition-delay:2.2s;}
.sub_premium .br_17{display:none;}
.sub_premium .active .img .w span{transform:translate(0,-105%);}
.sub_premium .active .img .w span img{transform:translate(0,0) scaleY(1);}
.sub_premium .active .img .bg img,
.sub_premium .active .num span,
.sub_premium .active dl dt p span,
.sub_premium .active dl dd p span,
.sub_premium .active .img .bg span,
.sub_premium .active .icon{transform:none;opacity:1;}
@media all and (max-aspect-ratio: 17/10){
	.sub_premium ul .num{font-size: 1.8vw;}
	.sub_premium ul dl dt{font-size: 3.2vw;margin-bottom: 2vw;}
	.sub_premium ul dl dd{font-size:1.2vw;}
	.sub_premium .br_17{display:block;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_premium .br_17{display:none;}
	.sub_premium ul{margin-top:16vw;}
	.sub_premium ul li:nth-child(odd){flex-direction: column;align-items: flex-start;}
	.sub_premium ul li:nth-child(even){flex-direction: column-reverse;align-items: flex-start;}
	.sub_premium ul li ~ li{margin-top:16vw;}
	.sub_premium ul .txt_box{margin-top:0;margin-bottom:8vw;}
	.sub_premium ul .num{font-size:3vw;margin-bottom:3.5vw;}
	.sub_premium ul dl dt{font-size:4.5vw;margin-bottom:3.5vw;}
	.sub_premium ul dl dd{font-size:2.2vw;}
	.sub_premium ul .img_box{width:70%;}
	.sub_premium .l1 .img_box,
	.sub_premium .l3 .img_box{margin: 0 0 0 auto;}
	.sub_premium .img{width:100%;}
	.sub_premium .icon1{width:14vw;right: 96%;}
	.sub_premium .icon2{width:7vw;right:125%;}
	.sub_premium .icon3{width:12vw;left: 96%;}
	.sub_premium .icon4{width:8vw;left: 120%;}
	.sub_premium .icon5{width:10vw;right: 95%;}
	.sub_premium .icon6{width:8vw;right: 120%;}
	.sub_premium .icon7{width:6vw;left: 96%;}
	.sub_premium .icon8{width:5vw;left: 117%;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_premium ul li ~ li{margin-top: 20vw;}
	.sub_premium ul .txt_box{margin-bottom: 10vw;}
	.sub_premium ul .num{font-size: 4.5vw;margin-bottom: 5vw;}
	.sub_premium ul dl dt{font-size: 6.2vw;margin-bottom: 5vw;}
	.sub_premium ul dl dd{font-size:3.2vw;}
}

.sub_complex .area1{margin-top:8.3333vw;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;}
.sub_complex .area1 ~ .area1{margin-top:6.25vw;padding-top:6.25vw;border-top:1px solid #ccc;}
.sub_complex .area1 .lef{width:50%;}
.sub_complex .area1 .rig{width:40%;}
.sub_complex .area1 .txt{margin-bottom:3.125vw;}
.sub_complex .area1 .txt .num{font-size:1.25vw;color:#000;font-family:"Inter";font-weight:300;overflow:hidden;}
.sub_complex .area1 .txt .num span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_complex .area1 .txt dl{margin-top:2.3438vw;}
.sub_complex .area1 .txt dl dt{font-size:1.5625vw;color:#000;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.05em;}
.sub_complex .area1 .txt dl dt p{overflow:hidden;}
.sub_complex .area1 .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.sub_complex .area1 .txt dl dd{color:#363e41;font-size:0.9375vw;letter-spacing:-0.05em;margin-top:1.0417vw;}
.sub_complex .area1 .txt dl dd p{overflow:hidden;}
.sub_complex .area1 .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_complex .area1 .sd{overflow:hidden;width:100%;opacity:0;transform:translate(0,20%);transition:0.8s;}
.sub_complex .area1 .sd .img{position:relative;overflow:hidden;}
.sub_complex .area1 .sd .img em{position:absolute;top:1.3021vw;left:1.3021vw;color:#fff;font-size:0.9375vw;border:1px solid #fff;line-height:2.33em;padding: 0 0.625vw;}
.sub_complex .area1 .thm{margin-top:1.0417vw;display:flex;align-items:flex-end;justify-content:flex-end;gap: 0 1.5625vw;opacity:0;transform:translate(20%,0);overflow:hidden;transition:0.8s;transition-delay:0.3s;}
.sub_complex .area1 .thm .arr{display:flex;align-items:center;gap: 0 0.8333vw;}
.sub_complex .area1 .thm .arr button{border:none;background:none;width:0.3646vw;display:block;}
.sub_complex .area1 .thm .arr .next{transform:rotate(180deg);}
.sub_complex .area1 .thm .arr em{background-color:#ccc;width:1px;height:0.625vw;}
.sub_complex .area1 .thm .img{width:75%;overflow:hidden;}
.sub_complex .area1 .thm .img .t{display:block;padding-bottom:67%;background:no-repeat center / cover;cursor:pointer;opacity:0.3;transition:0.4s;}
.sub_complex .area1 .thm .img .t1{background-image:url(../images/sub-complex-img1.jpg);}
.sub_complex .area1 .thm .img .t2{background-image:url(../images/sub-complex-img2.jpg);}
.sub_complex .area1 .thm .img .t3{background-image:url(../images/sub-complex-img3.jpg);}
.sub_complex .area1 .thm .img .t4{background-image:url(../images/sub-complex-img4.jpg);}
.sub_complex .area1 .thm .img .t5{background-image:url(../images/sub-complex-img5.jpg);}
.sub_complex .area1 .thm .img .t6{background-image:url(../images/sub-complex-img6.jpg?ver=2);}
.sub_complex .area1 .thm .img .t7{background-image:url(../images/sub-complex-img7.jpg?ver=1);}
.sub_complex .area1 .thm .img .t8{background-image:url(../images/sub-complex-img8.jpg?ver=1);}
.sub_complex .area1 .thm .img .t9{background-image:url(../images/sub-complex-img9.jpg?ver=1);}
.sub_complex .area1 .thm .img .t10{background-image:url(../images/sub-complex-img10.jpg?ver=1);}
.sub_complex .area1 .thm .img .t11{background-image:url(../images/sub-complex-img11.jpg?ver=1);}
.sub_complex .area1 .thm .img .t12{background-image:url(../images/sub-complex-img12.jpg?ver=1);}
.sub_complex .area1 .thm .img .t13{background-image:url(../images/sub-complex-img13.jpg?ver=1);}
.sub_complex .area1 .thm .img .t14{background-image:url(../images/sub-complex-img14.jpg?ver=1);}
.sub_complex .area1 .thm .img .t15{background-image:url(../images/sub-complex-img15.jpg?ver=1);}
.sub_complex .area1 .thm .img .swiper-slide-thumb-active .t{opacity:1;}
.sub_complex .area1 .rig ul li{position:relative;padding:1.8229vw 0;}
.sub_complex .area1 .rig ul li ~ li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ccc;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.sub_complex .area1 .rig ul li dl dt{color:#4b5055;font-size:0.8333vw;letter-spacing:-0.025em;opacity:0;transform:translate(10%,0);transition:0.6s;transition-delay:0.2s;}
.sub_complex .area1 .rig ul li dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;margin-top:1.0417vw;opacity:0;transform:translate(10%,0);transition:0.6s;transition-delay:0.4s;}
.sub_complex .area1 .rig ul li dl dd span{font-size:0.8333vw;}
.sub_complex .area1 .rig .link{margin-top:1.5625vw;display:flex;justify-content:space-between;opacity:0;transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_complex .area1 .rig .link a{overflow:hidden;width:49%;font-size:0.8333vw;letter-spacing:-0.025em;line-height:3em;text-align:center;position:relative;transition:0.3s;}
.sub_complex .area1 .rig .link a::before{content:"";position:absolute;left:0;top:0;width:110%;height:100%;z-index: -1;transform-origin: 0 0;transform: translateY(100%) rotate(30deg);transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.sub_complex .area1 .rig .link .l1{color:#c30028;border:1px solid #c30028;}
.sub_complex .area1 .rig .link .l1::before{background-color:#c30028;}
.sub_complex .area1 .rig .link .l2{color:#000017;border: 1px solid #000017;}
.sub_complex .area1 .rig .link .l2::before{background-color:#000017;}
.sub_complex .area1 .rig .link a:hover{color:#fff !important;;}
.sub_complex .area1 .rig .link a:hover::before{transform: translateY(0%) rotate(0deg);transition: transform 0.2s cubic-bezier(0.33, 0.16, 0.31, 1.02);}
.sub_complex .area1.active .txt .num span,
.sub_complex .area1.active .txt dl dt p span,
.sub_complex .area1.active .txt dl dd p span,
.sub_complex .area1.active .sd,
.sub_complex .area1.active .thm,
.sub_complex .area1.active .rig ul li ~ li::before,
.sub_complex .area1.active .rig ul li dl dt,
.sub_complex .area1.active .rig ul li dl dd,
.sub_complex .area1.active .rig .link{transform:none;opacity:1;}
.sub_complex .area2{margin-top:7.8125vw;}
.sub_complex .area2 .box{background-color:#f1f4f7;text-align:center;padding: 8.3333vw 0;opacity:0;transform:translate(0,20%);transition:0.6s;}
.sub_complex .area2 .box dl{margin-bottom:1.3021vw;}
.sub_complex .area2 .box dl dt{font-size:1.5625vw;color:#000;letter-spacing:-0.05em;line-height:1.2em;overflow:hidden;}
.sub_complex .area2 .box dl dt span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_complex .area2 .box dl dd{color:#000;font-size:0.9375vw;letter-spacing:-0.05em;line-height:2em;overflow:hidden;}
.sub_complex .area2 .box dl dd span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.6s;}
.sub_complex .area2 .box > span{display:block;width:16.6667vw;margin: 0 auto;opacity:0;transform:translate(0,50%);transition:0.6s;transition-delay:0.8s;}
.sub_complex .area2.active .box,
.sub_complex .area2.active .box dl dt span,
.sub_complex .area2.active .box dl dd span,
.sub_complex .area2.active .box > span{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_complex .area1 .txt{margin-bottom: 5vw;}
	.sub_complex .area1 .txt .num{font-size: 1.8vw;}
	.sub_complex .area1 .txt dl{margin-top: 3vw;}
	.sub_complex .area1 .txt dl dt{font-size: 2.3vw;}
	.sub_complex .area1 .txt dl dd{font-size: 1.3vw;margin-top: 1.5vw;}
	.sub_complex .area1 .sd .img em{font-size: 1.2vw;}
	.sub_complex .area1 .thm{margin-top: 1.5vw;}
	.sub_complex .area1 .thm .arr{gap: 0 1.2vw;}
	.sub_complex .area1 .thm .arr button{width: 0.8vw;}
	.sub_complex .area1 .thm .arr em{height: 1.2vw;}
	.sub_complex .area1 .thm .img{width:80%;}
	.sub_complex .area1 .rig ul li dl dt{font-size: 1.2vw;}
	.sub_complex .area1 .rig ul li dl dd{font-size:1.3vw;}
	.sub_complex .area1 .rig ul li dl dd span{font-size:1vw;}
	.sub_complex .area1 .rig .link a{font-size: 1.2vw;}
	.sub_complex .area2{margin-top:10vw;}
	.sub_complex .area2 .box dl{margin-bottom:2vw;}
	.sub_complex .area2 .box dl dt{font-size:2vw;}
	.sub_complex .area2 .box dl dd{font-size: 1.3vw;}
	.sub_complex .area2 .box > span{width:20vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_complex .area1{display:block;margin-top:13vw;}
	.sub_complex .area1 ~ .area1{margin-top: 14vw;padding-top: 14vw;}
	.sub_complex .area1 .lef,
	.sub_complex .area1 .rig{width:100%;}
	.sub_complex .area1 .txt{margin-bottom:7vw;}
	.sub_complex .area1 .txt .num{font-size:2.6vw;}
	.sub_complex .area1 .txt dl{margin-top:5vw;}
	.sub_complex .area1 .txt dl dt{font-size: 3.4vw;}
	.sub_complex .area1 .txt dl dd{font-size:2.2vw;margin-top:3vw;}
	.sub_complex .area1 .sd .img em{top: 2vw;left: 2vw;font-size: 2vw;padding: 0 2vw;}
	.sub_complex .area1 .thm{margin-top:3vw;justify-content: space-between;}
	.sub_complex .area1 .thm .arr{gap:0 2vw;}
	.sub_complex .area1 .thm .arr button{width:1.8vw;}
	.sub_complex .area1 .thm .arr em{height:3vw;}
	.sub_complex .area1 .rig{margin-top:8vw;}
	.sub_complex .area1 .rig ul li{padding:4vw 0;}
	.sub_complex .area1 .rig ul li dl dt{font-size:2.1vw;}
	.sub_complex .area1 .rig ul li dl dd{font-size:2.5vw;margin-top:2vw;}
	.sub_complex .area1 .rig ul li dl dd span{font-size:1.8vw;}
	.sub_complex .area1 .rig .link{margin-top: 6vw;}
	.sub_complex .area1 .rig .link a{font-size: 2.2vw;}
	.sub_complex .area2{margin-top:15vw;}
	.sub_complex .area2 .box{padding:10vw 0;}
	.sub_complex .area2 .box dl{margin-bottom:3vw;}
	.sub_complex .area2 .box dl dt{font-size:3.4vw;}
	.sub_complex .area2 .box dl dd{font-size:2.2vw;}
	.sub_complex .area2 .box > span{width:28vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_complex .area1{margin-top: 15vw;}
	.sub_complex .area1 ~ .area1{margin-top: 18vw;padding-top: 18vw;}
	.sub_complex .area1 .txt{margin-bottom: 9vw;}
	.sub_complex .area1 .txt .num{font-size: 4vw;}
	.sub_complex .area1 .txt dl{margin-top: 6vw;}
	.sub_complex .area1 .txt dl dt{font-size: 5.2vw;}
	.sub_complex .area1 .txt dl dd{font-size: 3.4vw;margin-top: 4vw;}
	.sub_complex .area1 .sd .img em{top: 3vw;left: 3vw;font-size: 3.4vw;padding: 0 3vw;}
	.sub_complex .area1 .thm .arr button{width: 3vw;}
	.sub_complex .area1 .thm .arr{gap: 0 3.5vw;}
	.sub_complex .area1 .thm .arr em{height:5vw;}
	.sub_complex .area1 .rig{margin-top:6vw;}
	.sub_complex .area1 .rig ul li{padding: 7vw 0;}
	.sub_complex .area1 .rig ul li dl dt{font-size: 3.2vw;}
	.sub_complex .area1 .rig ul li dl dd{font-size: 4vw;margin-top: 3vw;}
	.sub_complex .area1 .rig ul li dl dd span{font-size:2.6vw;}
	.sub_complex .area1 .rig .link a{font-size: 3.5vw;}
	.sub_complex .area2{margin-top:20vw;}
	.sub_complex .area2 .box{padding: 15vw 0;}
	.sub_complex .area2 .box dl{margin-bottom: 5vw;}
	.sub_complex .area2 .box dl dt{font-size: 4.8vw;}
	.sub_complex .area2 .box dl dd{font-size: 3.2vw;margin-top:0.5vw;}
	.sub_complex .area2 .box > span{width: 34vw;}
}

.sub_brand_story .area{display:flex;padding-top:2.6042vw;}
.sub_brand_story .area .box{width:50%;}
.sub_brand_story .area .txt{display:flex;gap: 0 2.3438vw;}
.sub_brand_story .area .txt .t1{width:18.75vw;position:relative;}
.sub_brand_story .area .txt .t1 .svg{position:relative;left: 36vw;transform: translate(-50%, 0);transition:1s;transition-timing-function:cubic-bezier(0.22, 0.61, 0.08, 1);}
.sub_brand_story .area .txt .t1 .svg2,
.sub_brand_story .area .txt .t1 .svg3,
.sub_brand_story .area .txt .t1 .svg4{position:absolute;top:0;width:100%;}
.sub_brand_story .area .txt .t1 .svg1{transition-delay:2s;}
.sub_brand_story .area .txt .t1 .svg2{transition-delay:2.1s;}
.sub_brand_story .area .txt .t1 .svg3{transition-delay:2.2s;}
.sub_brand_story .area .txt .t1 .svg4{transition-delay:2.3s;}
.sub_brand_story .area .txt .t1 svg{display:block;}
.sub_brand_story .area .txt .t1 svg rect{fill:none;}
.sub_brand_story .area .txt .t1 svg .l{stroke:#2f3d47;stroke-miterlimit:10;stroke-width:22px;fill:none;}
.sub_brand_story .area .txt .t1 svg .l1{stroke-dasharray: 130px;stroke-dashoffset: 130px;transition:0.4s;transition-delay:0.3s;}
.sub_brand_story .area .txt .t1 svg .l2{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;transition-delay:0.4s;}
.sub_brand_story .area .txt .t1 svg .l3{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;transition-delay:0.5s;}
.sub_brand_story .area .txt .t1 svg .l4{stroke-dasharray: 80px;stroke-dashoffset: 80px;transition:0.4s;transition-delay:0.6s;}
.sub_brand_story .area .txt .t1 svg .l5{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;transition-delay:0.6s;}
.sub_brand_story .area .txt .t1 svg .l6{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;transition-delay:0.7s;}
.sub_brand_story .area .txt .t1 svg .l7{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;transition-delay:0.8s;}
.sub_brand_story .area .txt .t1 svg .l8{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.4s;transition-delay:0.9s;}
.sub_brand_story .area .txt .t1 svg .l9{stroke-dasharray: 85px;stroke-dashoffset: 85px;transition:0.4s;transition-delay:1s;}
.sub_brand_story .area .txt .t1 svg .l10{stroke-dasharray: 325px;stroke-dashoffset: 325px;transition:0.6s;transition-delay:0.3s;}
.sub_brand_story .area .txt .t1 svg .l11{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;transition-delay:0.4s;}
.sub_brand_story .area .txt .t1 svg .l12{stroke-dasharray: 130px;stroke-dashoffset: 130px;transition:0.4s;transition-delay:0.5s;}
.sub_brand_story .area .txt .t1 svg .l13{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;transition-delay:0.6s;}
.sub_brand_story .area .txt .t1 svg .l14{stroke-dasharray: 180px;stroke-dashoffset: 180px;transition:0.6s;transition-delay:0.7s;}
.sub_brand_story .area .txt .t1 svg .l15{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;transition-delay:0.8s;}
.sub_brand_story .area .txt .t1 svg .l16{stroke-dasharray: 325px;stroke-dashoffset: 325px;transition:0.6s;transition-delay:0.3s;}
.sub_brand_story .area .txt .t1 svg .l17{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;transition-delay:0.4s;}
.sub_brand_story .area .txt .t1 svg .l18{stroke-dasharray: 80px;stroke-dashoffset: 80px;transition:0.4s;transition-delay:0.5s;}
.sub_brand_story .area .txt .t1 svg .l19{stroke-dasharray: 155px;stroke-dashoffset: 155px;transition:0.4s;transition-delay:0.6s;}
.sub_brand_story .area .txt .t1 svg .l20{stroke-dasharray: 320px;stroke-dashoffset: 320px;transition:0.6s;transition-delay:0.7s;}
.sub_brand_story .area .txt .t1 svg .l21{stroke-dasharray: 70px;stroke-dashoffset: 70px;transition:0.4s;transition-delay:0.8s;}
.sub_brand_story .area .txt .t1 svg .l22{stroke-dasharray: 445px;stroke-dashoffset: 445px;transition:0.6s;transition-delay:0.9s;}
.sub_brand_story .area .txt .t1 svg .l23{stroke-dasharray: 445px;stroke-dashoffset: 445px;transition:0.6s;transition-delay:1s;}
.sub_brand_story .area .txt .t1 svg .l24{stroke-dasharray: 105px;stroke-dashoffset: 105px;transition:0.4s;transition-delay:1.1s;}
.sub_brand_story .area .txt .t1 svg .l25{stroke-dasharray: 135px;stroke-dashoffset: 135px;transition:0.4s;transition-delay:1.2s;}
.sub_brand_story .area .txt .t1 svg .l26{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.4s;transition-delay:1.3s;}
.sub_brand_story .area .txt .t1 svg .l27{stroke-dasharray: 85px;stroke-dashoffset: 85px;transition:0.4s;transition-delay:1.4s;}
.sub_brand_story .area .txt .t1 svg .l28{stroke-dasharray: 235px;stroke-dashoffset: 235px;transition:0.8s;transition-delay:0.3s;}
.sub_brand_story .area .txt .t1 svg .l29{stroke-dasharray: 160px;stroke-dashoffset: 160px;transition:0.6s;transition-delay:0.5s;}
.sub_brand_story .area .txt .t1 svg .l30{stroke-dasharray: 235px;stroke-dashoffset: 235px;transition:0.6s;transition-delay:0.7s;}
.sub_brand_story .area .txt .t1 svg .l31{stroke-dasharray: 75px;stroke-dashoffset: 75px;transition:0.6s;transition-delay:0.8s;}
.sub_brand_story .area .txt .t1 svg .l32{stroke-dasharray: 105px;stroke-dashoffset: 105px;;transition:0.6s;transition-delay:1s;}
.sub_brand_story .area .txt .t1 svg .l33{stroke-dasharray: 135px;stroke-dashoffset: 135px;;transition:0.6s;transition-delay:1.1s;}
.sub_brand_story .area .txt .t1 svg .l34{stroke-dasharray: 75px;stroke-dashoffset: 75px;;transition:0.6s;transition-delay:1.3s;}
.sub_brand_story .area .txt .t1 svg .l35{stroke-dasharray: 85px;stroke-dashoffset: 85px;;transition:0.6s;transition-delay:1.5s;}
.sub_brand_story .area .txt .t2{padding-top:4.1667vw;color:#2f3d47;font-size:0.9375vw;line-height:1.67em;letter-spacing:-0.025em;}
.sub_brand_story .area .txt .t2 p{overflow:hidden;}
.sub_brand_story .area .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_brand_story .area .txt .t2 p.d1 span{transition-delay:2.8s;}
.sub_brand_story .area .txt .t2 p.d2 span{transition-delay:3s;}
.sub_brand_story .area .txt .t2 p.d3 span{transition-delay:3.2s;}
.sub_brand_story .area .img ul{position:relative;padding-top:0.7813vw;padding-right:2.6042vw;display: flex;justify-content: flex-end;}
.sub_brand_story .area .img ul .i1{width:31.5625vw;opacity:0;transform:translate(0,30%);transition:1s;transition-delay:3.2s;}
.sub_brand_story .area .img ul .i2{position:absolute;left:-1.0417vw;bottom:3.9063vw;width:24.2857%;opacity:0;transform:translate(-30%,0);transition:0.8s;transition-delay:3.4s;}
.sub_brand_story .area .img ul .i3{position:absolute;right:0;bottom:2.0833vw;width:29.8571%;opacity:0;transform:translate(30%,0);transition:0.8s;transition-delay:3.6s;}
.sub_brand_story .area.active .txt .t1 svg .l{stroke-dashoffset:0;}
.sub_brand_story .area.active .txt .t1 .svg{left:0;transform:none;}
.sub_brand_story .area.active .txt .t2 p span{transform:none;}
.sub_brand_story .area.active .img ul li{opacity:1;transform:none;}
.sub_brand_story .area2{margin-top:10vw;overflow:hidden;}
.sub_brand_story .area2 .logo{display:flex;justify-content:flex-end;opacity:0;transform:translate(-5%,0);transition:0.8s;}
.sub_brand_story .area2 .logo img{width:16.4063vw;}
.sub_brand_story .area2 ul{margin-top:5.2083vw;}
.sub_brand_story .area2 ul li{position:relative;}
.sub_brand_story .area2 ul li .box{display:flex;justify-content:space-between;}
.sub_brand_story .area2 .line{position:absolute;background-color:#ccc;}
.sub_brand_story .area2 .line.ver{width:1px;height:100%;top:0;transform:scaleY(0);transform-origin: 0 0;transition:2s;}
.sub_brand_story .area2 .line.hor{width:100%;height:1px;top: 0;left:0;transform:scaleX(0);transform-origin: 0 0;transition:2s;}
.sub_brand_story .area2 .l1 .line.ver{left:35%;}
.sub_brand_story .area2 .l2 .line.ver{right:35%;}
.sub_brand_story .area2 .l3 .line.ver{left:17%;height:200%;mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 25%, #000 55%, #000 100%);}
.sub_brand_story .area2 .txt_area{padding-top:5.2083vw;}
.sub_brand_story .area2 .l3 .txt_area{padding-top:7.8125vw;}
.sub_brand_story .area2 .l2 .txt{text-align:right;}
.sub_brand_story .area2 .l3 .txt{padding-left:21.3542vw;}
.sub_brand_story .area2 .txt .t1{color:#000;font-family:"Inter";font-weight:600;font-size:2.3438vw;line-height: 1.2em;}
.sub_brand_story .area2 .txt .t1 p{opacity:0;transform:translate(0,100%);transition:0.8s;}
.sub_brand_story .area2 .txt .t1 p:nth-child(2){transition-delay:0.2s;}
.sub_brand_story .area2 .txt .t2{color:#363e41;font-size:0.9375vw;line-height:1.67em;letter-spacing:-0.05em;margin-top:1.5625vw;}
.sub_brand_story .area2 .txt .t2 p{overflow:hidden;}
.sub_brand_story .area2 .txt .t2 p span{display:block;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.5s;}
.sub_brand_story .area2 .txt .t3{color:#666;font-size:0.7292vw;line-height:1.86em;letter-spacing:-0.05em;margin-top:2.6042vw;font-family: 'RixHeadL';font-weight:300;}
.sub_brand_story .area2 .txt .t3 p{opacity:0;transition:0.8s;}
.sub_brand_story .area2 .txt .t3 p:nth-child(1){transition-delay:0.8s;}
.sub_brand_story .area2 .txt .t3 p:nth-child(2){transition-delay:0.85s;}
.sub_brand_story .area2 .txt .t3 p:nth-child(3){transition-delay:0.9s;}
.sub_brand_story .area2 .txt .t3 p:nth-child(4){transition-delay:0.95s;}
.sub_brand_story .area2 .txt .t3 p:nth-child(5){transition-delay:1s;}
.sub_brand_story .area2 .l1 .txt .t3 p{transform:translate(10%,0);}
.sub_brand_story .area2 .l2 .txt .t3 p{transform:translate(-10%,0);}
.sub_brand_story .area2 .img_area{padding:5.2083vw 0 8.8542vw;}
.sub_brand_story .area2 .l1 .img_area{width:55.7143%;}
.sub_brand_story .area2 .l2 .img_area{width:57.1429%;}
.sub_brand_story .area2 .img{position:relative;}
.sub_brand_story .area2 .img span{position:relative;display:block;overflow:hidden;}
.sub_brand_story .area2 .img span em{position:absolute;width:100%;height:100%;background-color:#fff;transition:1s;transition-delay:0.6s;}
.sub_brand_story .area2 .img span em img{width:1.3021vw;position:absolute;top:0;transform: translate(0,-38%) ;transition:1.2s;transition-delay:0.6s;}
.sub_brand_story .area2 .l1 .img span em img{left:calc(100% - 1px);}
.sub_brand_story .area2 .l2 .img span em img{right:calc(100% - 1px);}
.sub_brand_story .area2 .img i{position:absolute;opacity:0;transform:translate(0,20%);transition:0.8s;transition-delay:1.2s;}
.sub_brand_story .area2 .l1 .img i{width:15.625vw;right:3.125vw;bottom:-3.9063vw;}
.sub_brand_story .area2 .l2 .img i{width:7.6042vw;right:4.1667vw;bottom:-3.6458vw;}
.sub_brand_story .area2 .bg_img{margin-top:1.8229vw;position:relative;}
.sub_brand_story .area2 .bg_img span{display:block;opacity:0;transform:translate(0,20%);transition:1s;}
.sub_brand_story .area2 .bg_img span ~ span{position:absolute;left:0;top:0;width:100%;}
.sub_brand_story .area2 .bg_img .i1{transition-delay:0.4s;}
.sub_brand_story .area2 .bg_img .i3{transition-delay:0.8s;}
.sub_brand_story .area2 .l1.active .img span em{transform:translate(-100%,0);}
.sub_brand_story .area2 .l2.active .img span em{transform:translate(100%,0);}
.sub_brand_story .area2 .active .img span em img{transform:none;}
.sub_brand_story .area2 .bg_img.active span{opacity:1;transform:none;}
.sub_brand_story .area2 .logo.active,
.sub_brand_story .area2 .active .line.ver,
.sub_brand_story .area2 .active .line.hor,
.sub_brand_story .area2 .active .txt .t1 p,
.sub_brand_story .area2 .active .txt .t2 p span,
.sub_brand_story .area2 .active .txt .t3 p,
.sub_brand_story .area2 .active .img i{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_brand_story .area .txt{gap: 0 4vw;width:55%;}
	.sub_brand_story .area .txt .t1{width:22vw;}
	.sub_brand_story .area .txt .t1 .svg{left:42vw;}
	.sub_brand_story .area .txt .t2{font-size:1.2vw;padding-top: 5vw;}
	.sub_brand_story .area .img{width:45%;}
	.sub_brand_story .area2 .logo img{width: 20vw;}
	.sub_brand_story .area2 .txt_area{padding: 7vw 0;}
	.sub_brand_story .area2 .txt .t1{font-size: 2.8vw;}
	.sub_brand_story .area2 .img_area{padding: 7vw 0 10vw;}
	.sub_brand_story .area2 .txt .t2{font-size: 1.1vw;margin-top: 1.8vw;}
	.sub_brand_story .area2 .txt .t3{font-size: 0.9vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_brand_story .area2{margin-top:20vw;}
	.sub_brand_story .area2 ul{margin-top:7vw;}
	.sub_brand_story .area2 .txt .t1{font-size: 3.4vw;}
	.sub_brand_story .area2 .txt .t2{font-size: 1.3vw;margin-top: 2vw;}
	.sub_brand_story .area2 .txt .t3{font-size: 1vw;margin-top: 3vw;}
	.sub_brand_story .area2 .l1 .line.ver{left:37%;}
	.sub_brand_story .area2 .l2 .line.ver{right:37%;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_brand_story .area{display:block;padding-top: 5vw;}
	.sub_brand_story .area .txt{width:100%;}
	.sub_brand_story .area .txt{gap: 0 8vw;justify-content: center;}
	.sub_brand_story .area .txt .t1{width:40vw;}
	.sub_brand_story .area .txt .t2{font-size:2.1vw;padding-top: 9vw;text-align:center;}
	.sub_brand_story .area .img{width:70%;margin:10vw auto 0;}
	.sub_brand_story .area .img ul{padding:0;}
	.sub_brand_story .area .img ul .i1{width:100%;}
	.sub_brand_story .area .img ul .i2{left: -14%;bottom: 15%;width: 30%;}
	.sub_brand_story .area .img ul .i3{right: -7%;bottom: 9%;width: 33%;}
	.sub_brand_story .area2 .logo img{width: 30vw;}
	.sub_brand_story .area2 ul .l1 .box{flex-direction: column;}
	.sub_brand_story .area2 ul .l2 .box{flex-direction: column-reverse;}
	.sub_brand_story .area2 .line.ver{display:none;}
	.sub_brand_story .area2 .txt_area{padding: 9vw 0 0;}
	.sub_brand_story .area2 .txt .t1{font-size: 5vw;}
	.sub_brand_story .area2 .txt .t2{font-size: 2vw;margin-top: 3vw;}
	.sub_brand_story .area2 .txt .t3{font-size: 1.6vw;margin-top: 4vw;}
	.sub_brand_story .area2 .img_area{padding: 10vw 0 14vw;}
	.sub_brand_story .area2 .l1 .img_area,
	.sub_brand_story .area2 .l2 .img_area{width:100%;}
	.sub_brand_story .area2 .img span em img{width: 2.7vw;}
	.sub_brand_story .area2 .l1 .img i{width: 28vw;right: 5vw;bottom: -7vw;}
	.sub_brand_story .area2 .l2 .img i{width: 14vw;right: 7vw;bottom: -7vw;}
	.sub_brand_story .area2 .l3 .txt{padding-left: 20vw;}
	.sub_brand_story .area2 .bg_img{margin-top: 5vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_brand_story .area .txt{flex-direction: column;align-items: center;}
	.sub_brand_story .area .txt .t1{width:50vw;}
	.sub_brand_story .area .txt .t1 .svg{left:0;transform:none;}
	.sub_brand_story .area .txt .t2{padding-top:15vw;font-size: 3.5vw;}
	.sub_brand_story .area .txt .t2 p.d1 span{transition-delay:1.6s;}
	.sub_brand_story .area .txt .t2 p.d2 span{transition-delay:1.8s;}
	.sub_brand_story .area .txt .t2 p.d3 span{transition-delay:2s;}
	.sub_brand_story .area .img{margin: 16vw auto 0;}
	.sub_brand_story .area .img ul .i1{transition-delay:2.4s;}
	.sub_brand_story .area .img ul .i2{transition-delay:2.6s;}
	.sub_brand_story .area .img ul .i3{transition-delay:2.8s;}
	.sub_brand_story .area2{margin-top: 30vw;}
	.sub_brand_story .area2 .logo img{width: 50vw;}
	.sub_brand_story .area2 ul{margin-top: 10vw;}
	.sub_brand_story .area2 .txt_area{padding: 11vw 0 0;}
	.sub_brand_story .area2 .txt .t1{font-size: 8.5vw;}
	.sub_brand_story .area2 .txt .t2{font-size: 3.4vw;margin-top: 4vw;}
	.sub_brand_story .area2 .txt .t3{font-size: 2.7vw;margin-top: 7vw;}
	.sub_brand_story .area2 .img_area{padding: 12vw 0 18vw;}
	.sub_brand_story .area2 .l1 .img i{width: 35vw;right: 7vw;bottom: -9vw;}
	.sub_brand_story .area2 .l3 .txt{padding-left: 15vw;}
	.sub_brand_story .area2 .bg_img{margin-top: 10vw;}
}

.sub_architecture .area{}
.sub_architecture .area .txt{margin-bottom:4.1667vw;}
.sub_architecture .area .txt dl dt {
    overflow: hidden;
    color: #000;
    font-family: "Inter";
    font-weight: 600;
    /* font-size: 0.8333vw; */
    font-size: clamp(16px, 1.4583vw, 28px);
    margin-bottom: 1.5625vw;
}
.sub_architecture .area .txt dl dt span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.sub_architecture .area .txt dl dd{color:#363e41;font-size:0.9375vw;line-height:1.67em;letter-spacing:-0.05em;}
.sub_architecture .area .txt dl dd p{overflow:hidden;}
.sub_architecture .area .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.sub_architecture .area2{margin-top:10.4167vw;overflow:hidden;}
.sub_architecture .area2 .map{display:flex;align-items:center;justify-content:space-between;}
.sub_architecture .area2 .map .box{width:29%;}
.sub_architecture .area2 .map .lef{opacity:0;transform:translate(-20%,0);transition:0.8s;transition-delay:0.4s;}
.sub_architecture .area2 .map .rig{opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.4s;}
.sub_architecture .area2 .map dl dt{font-family:"Inter";font-weight:300;font-size:1.5625vw;letter-spacing:0.02em;}
.sub_architecture .area2 .map .lef dl dt{color:#72a4af;}
.sub_architecture .area2 .map .rig dl dt{color:#9d6a6a;}
.sub_architecture .area2 .map dl dd{color:#363e41;font-size:1.25vw;letter-spacing:-0.05em;margin-top:0.5208vw;}
.sub_architecture .area2 .map .t{display:flex;align-items:flex-end;justify-content:space-between;margin-top:3.12vw;}
.sub_architecture .area2 .map .t p{color:#363e41;font-size:0.8333vw;line-height:1.5em;font-family: "Noto Sans KR";letter-spacing:-0.05em;}
.sub_architecture .area2 .map .t p span{display:block;overflow:hidden;}
.sub_architecture .area2 .map .lef .t i{width:3.3333vw;}
.sub_architecture .area2 .map .rig .t i{width:2.4479vw;}
.sub_architecture .area2 .map .img{margin-top:1.3021vw;}
.sub_architecture .area2 .map .cen{width:25.1563vw;opacity:0;transform:translate(0,20%);transition:0.8s;}
.sub_architecture .area3{margin-top:11.718vw;}
.sub_architecture .area3 .t{color:#363e41;font-size:0.8333vw;line-height:1.5em;font-family: "Noto Sans KR";margin-bottom:1.3021vw;}
.sub_architecture .area3 .t p{overflow:hidden;}
.sub_architecture .area3 .t p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .area3 .img{position:relative;}
.sub_architecture .area3 .img ul{display:flex;flex-wrap:wrap;gap:0.32vw;}
.sub_architecture .area3 .img ul li{width:calc(50% - 0.16vw);opacity:0;transition:1s;transition-delay:0.3s;}
.sub_architecture .area3 .img ul li:nth-child(1){transform:translate(-10%,-10%);}
.sub_architecture .area3 .img ul li:nth-child(2){transform:translate(10%,-10%);}
.sub_architecture .area3 .img ul li:nth-child(3){transform:translate(-10%,10%);}
.sub_architecture .area3 .img ul li:nth-child(4){transform:translate(10%,10%);}
.sub_architecture .area3 .img .map{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.8);transition:0.8s;transition-delay:0.8s;}
.sub_architecture .area3 .img .map img{width:51.4286%;position: relative;right: 3.2%;}
.sub_architecture .area .txt.active dl dt span,
.sub_architecture .area .txt.active dl dd p span,
.sub_architecture .area2 .map.active .cen,
.sub_architecture .area2 .map.active .box,
.sub_architecture .area3 .t.active p span,
.sub_architecture .area3 .img.active ul li,
.sub_architecture .area3 .img.active .map{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_architecture .area .txt{margin-bottom:7vw;}
	.sub_architecture .area .txt dl dt{font-size:1.1vw;}
	.sub_architecture .area .txt dl dd{font-size:1.2vw;}
	.sub_architecture .area2{margin-top:12vw;}
	.sub_architecture .area2 .map dl dt{font-size:1.8vw;}
	.sub_architecture .area2 .map dl dd{font-size:1.5vw;}
	.sub_architecture .area2 .map .t p{font-size:1vw;}
	.sub_architecture .area2 .map .lef .t i{width:4.5vw;}
	.sub_architecture .area3{margin-top:15vw;}
	.sub_architecture .area3 .t{font-size: 1vw;margin-bottom: 2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_architecture .area .txt{margin-bottom:10vw;}
	.sub_architecture .area .txt dl dt{font-size:1.6vw;margin-bottom:2.5vw;}
	.sub_architecture .area .txt dl dd{font-size:1.8vw;}
	.sub_architecture .area2 .map{flex-direction: column;}
	.sub_architecture .area2 .map .box{margin-top:10vw;width:100%;}
	.sub_architecture .area2 .map .lef{order:1;}
	.sub_architecture .area2 .map .rig{order:2;}
	.sub_architecture .area2 .map .cen{order: 0;width: 50%;}
	.sub_architecture .area2 .map dl dt{font-size: 3vw;}
	.sub_architecture .area2 .map dl dd{font-size:3.2vw;margin-top: 1.5vw;}
	.sub_architecture .area2 .map .t p{font-size: 2vw;}
	.sub_architecture .area2 .map .img{margin-top:3vw;}
	.sub_architecture .area2 .map .lef .t i{width:8.5vw;}
	.sub_architecture .area2 .map .rig .t i{width:6vw;}
	.sub_architecture .area3 .t{font-size: 1.6vw;margin-bottom: 3vw;}
	.sub_architecture .area3 .img{width:200%;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_architecture .area .txt{margin-bottom: 15vw;}
	.sub_architecture .area .txt dl dt{font-size: 4.4vw;}
	.sub_architecture .area .txt dl dd{font-size:3vw;}
	.sub_architecture .area2{margin-top:16vw;}
	.sub_architecture .area2 .map .cen{width:70%;}
	.sub_architecture .area2 .map .box{width: 100%;}
	.sub_architecture .area2 .map .box ~ .box{margin-top:15vw;}
	.sub_architecture .area2 .map dl dt{font-size: 5vw;}
	.sub_architecture .area2 .map dl dd{font-size:5.2wv;margin-top: 2.5vw;}
	.sub_architecture .area2 .map .t{margin-top:5vw;}
	.sub_architecture .area2 .map .t p{font-size: 3.4vw;}
	.sub_architecture .area2 .map .img{margin-top:5vw;}
	.sub_architecture .area2 .map .lef .t i{width: 13vw;}
	.sub_architecture .area2 .map .rig .t i{width: 10vw;}
	.sub_architecture .area3{margin-top:20vw;}
	.sub_architecture .area3 .t{font-size:2.8vw;margin-bottom: 5vw;}
}

.sub_architecture .area4{margin-top:8.3333vw;}
.sub_architecture .area4 .sub_ori{padding-top:1.5vw;}
.sub_architecture .area4 .map .sd{width: 100%;}
.sub_architecture .area4 .map .sd .swiper-slide{height:auto;}
.sub_architecture .area4 .big_map{position:relative;height:100%;position:relative;opacity:0;transform:translate(0,10%);transition:0.8s;}
/* .sub_architecture .area4 .big_map::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #363e41;z-index:1;opacity:0;transition:0.6s;transition-delay:0s;} */
.sub_architecture .area4 .big_map .bg{width:100%;height:100%;overflow:hidden;opacity:0;transition:0.8s;transition-delay:0s;}
.sub_architecture .area4 .big_map .bg span{display:block;width:100%;height:100%;opacity:0;transform:scale(1.2);transition:0.8s;transition-delay:0.3s;}
.sub_architecture .area4 .big_map .big{width:32.3%;position:absolute;left:1.1%;top:20%;transition:0.6s;}
.sub_architecture .area4 .big_map .big span{display:block;opacity:0;transition:0.6s;transition-delay:0.5s;}
.sub_architecture .area4 .big_map .big img{opacity:0;transition:0.8s;transition-delay:0.8s;}
.sub_architecture .area4 .big_map .name{position:absolute;width:18.6111%;top:7.5%;left:41.8%;animation: map_name 2s infinite;}
.sub_architecture .area4 .big_map .name span{display:block;opacity:0;transition:0.8s;transition-delay:0s;}
.sub_architecture .area4 .big_map .name img{opacity:0;transform:translate(0,-20%);transition:0.8s;transition-delay:1s;}
.sub_architecture .area4 .detail{overflow:hidden;position:relative;display:flex;height:100%;}
.sub_architecture .area4 .detail::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ccc;transform:scaleX(0);transition:0.8s;}
.sub_architecture .area4 .detail .lef{position:relative;display:flex;align-items:center;justify-content: center;width:35.5%;padding-right: 1%;}
.sub_architecture .area4 .detail .lef::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#ccc;transform:scaleY(0);transform-origin: 0 0;transition:0.8s;}
.sub_architecture .area4 .detail .lef .img{position:relative;transform: translate(108.1%, 9.5%);transition:0.6s;}
.sub_architecture .area4 .detail .lef .img span{display:block;opacity:0;transition:0.6s;}
.sub_architecture .area4 .detail .lef .img ul{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.sub_architecture .area4 .detail .lef .img ul li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.sub_architecture .area4 .detail .lef .img ul li img{transition:0.8s;}
.sub_architecture .area4 .detail#active_sd1 .lef .img ul .i1,
.sub_architecture .area4 .detail#active_sd2 .lef .img ul .i2,
.sub_architecture .area4 .detail#active_sd3 .lef .img ul .i3,
.sub_architecture .area4 .detail#active_sd4 .lef .img ul .i4,
.sub_architecture .area4 .detail#active_sd5 .lef .img ul .i5,
.sub_architecture .area4 .detail#active_sd6 .lef .img ul .i6{opacity:1;}
.sub_architecture .area4 .detail#active_sd1 .lef .img ul .i1 img,
.sub_architecture .area4 .detail#active_sd2 .lef .img ul .i2 img,
.sub_architecture .area4 .detail#active_sd3 .lef .img ul .i3 img,
.sub_architecture .area4 .detail#active_sd4 .lef .img ul .i4 img,
.sub_architecture .area4 .detail#active_sd5 .lef .img ul .i5 img,
.sub_architecture .area4 .detail#active_sd6 .lef .img ul .i6 img{filter: drop-shadow(0.4vw 0.4vw 0.5vw rgba(0, 0, 0, 0.2));}
.sub_architecture .area4 .detail .rig{width:64.5%;;display:flex;align-items:center;justify-content:flex-end;}
.sub_architecture .area4 .detail .rig .in_sd{width:87.363%;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd{overflow:hidden;padding-bottom:6.25vw;opacity:0;transform:translate(20%,0);transition:0.8s;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .swiper-slide{overflow:visible;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .img{position:relative;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .img span{display:block;overflow:hidden;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .img p{position:absolute;left:0.7813vw;bottom:0;font-family: 'Thesignature';font-size:7.8125vw;transform:translate(0,50%) rotate(-10deg);}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .img p em{display:block;opacity:0;transform:translate(5vw,0);transition:0.8s;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd1 .img p{color:#c5b8ba;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd2 .img p{color:#aec9cc;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd3 .img p{color:#dcb0ad;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd4 .img p{color:#dcb0ad;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd5 .img p{color:#89b6d0;}
.sub_architecture .area4 .detail .rig .in_sd .img_sd .sd6 .img p{color:#96be8d;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd{padding: 0 1.6vw;opacity:0;transform:translate(0,40%);transition:0.8s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t{position:relative;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dt{color:#363e41;font-size:1.1458vw;letter-spacing: -0.05em;line-height:1.36em;font-family:"RixHeadB";font-weight:600;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dt p{overflow:hidden;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dd{color:#666;font-size:0.8333vw;letter-spacing:-0.05em;line-height:1.63em;margin-top:1.3021vw;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dd p{overflow:hidden;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t i{width:14.2188vw;position:absolute;right:0;top:50%;transform:translate(0,-60%);}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .t i img{opacity:0;transform:translate(50%,0);transition:0.8s;}
@keyframes map_name {
	0% {transform:translate(0,0);}
	50% {transform:translate(0,-10%);}
	100% {transform:translate(0,0);}
}
.sub_architecture .area4 .map.active .big_map,
.sub_architecture .area4 .map.active .big_map .bg span,
.sub_architecture .area4 .map.active .big_map .big img,
.sub_architecture .area4 .map.active .big_map .name img{opacity:1;transform:none;}
.sub_architecture .area4 .swiper-slide-active .big_map::before,
.sub_architecture .area4 .swiper-slide-active .big_map .name span,
.sub_architecture .area4 .swiper-slide-active .big_map .bg{opacity:1;transform:none;transition-delay:0.6s;}
.sub_architecture .area4 .swiper-slide-active .big_map .big span{opacity:1;transition-delay:0s;}
.sub_architecture .area4 .swiper-slide-active .big_map .big{left:35.1%;top:25.6%;}
.sub_architecture .area4 .swiper-slide-active .detail::before{transform:none;transition-delay:0.6s;}
.sub_architecture .area4 .swiper-slide-active .detail .lef .img{transform:none;}
.sub_architecture .area4 .swiper-slide-active .detail .lef .img ul{opacity:1;transition-delay:1s;}
.sub_architecture .area4 .swiper-slide-active .detail .lef::before{transform:none;transition-delay:0.6s;}
.sub_architecture .area4 .swiper-slide-active .detail .lef .img span{opacity:1;transition-delay:0.6s;}
.sub_architecture .area4 .swiper-slide-active .detail .rig .in_sd .img_sd,
.sub_architecture .area4 .swiper-slide-active .detail .rig .in_sd .txt_sd,
.sub_architecture .area4 .detail .rig .in_sd .img_sd .swiper-slide-active .img p em{opacity:1;transform:none;transition-delay:0.6s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .swiper-slide-active .t dl dt p span{transform:none;opacity:1;transition-delay:0.3s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .swiper-slide-active .t dl dd p span{transform:none;transition-delay:0.5s;}
.sub_architecture .area4 .detail .rig .in_sd .txt_sd .swiper-slide-active .t i img{opacity:1;transform:none;transition-delay:0.6s;}

.sub_architecture .area5 {
    /* height: 100dvh; */
    display: flex;
    align-items: center;
}
.sub_architecture .area5 .cir_area{position:relative;width: 100%;}
.sub_architecture .area5 .cir_area ul{position:relative;display:flex;justify-content:center;}
.sub_architecture .area5 .cir_area ul li{transition:0.6s;transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);}
.sub_architecture .area5 .cir_area ul .l1{position:absolute;top:0;left:50%;transform:translate(-50%,0);}
.sub_architecture .area5 .cir_area ul .l2{position:relative;z-index:1;}
.sub_architecture .area5 .cir_area ul .l3{position:absolute;top:0;right:50%;transform:translate(50%,0);}
.sub_architecture .area5 .cir_area .top_txt {
    color: #000;
    font-family: "Inter";
    /* font-size: 1.6667vw; */
    font-size: clamp(14px, 1.25vw, 24px);
    line-height: 1.25em;
    margin-bottom: 2.3438vw;
    text-align: center;
}
.sub_architecture .area5 .cir_area .top_txt p{overflow:hidden;}
.sub_architecture .area5 .cir_area .top_txt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .area5 .cir_area .bot_txt{margin-top:2.3438vw;text-align:center;}
.sub_architecture .area5 .cir_area .bot_txt dl dt{font-size:1.1458vw;color:#000;letter-spacing:-0.05em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_architecture .area5 .cir_area .bot_txt dl dt strong{font-family: 'RixHeadB';font-weight:600;}
.sub_architecture .area5 .cir_area .bot_txt dl dd{color:#363e41;font-size:0.8333vw;line-height:1.63em;margin-top:0.7813vw;letter-spacing:-0.05em;}
.sub_architecture .area5 .cir_area .bot_txt dl dd p{overflow:hidden;}
.sub_architecture .area5 .cir_area .bot_txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .area5 .cir_area .cir{width:19.2708vw;padding-bottom:100%;position:relative;}
.sub_architecture .area5 .cir_area .cir .line{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_architecture .area5 .cir_area .cir .line circle{transform-box: fill-box;transform-origin: 50% 50%;transform:rotate(180deg);stroke-dasharray: 1170px;stroke-dashoffset: 0;transition:0.8s;transition-delay:0.3s;}
.sub_architecture .area5 .cir_area .cir .logo{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.sub_architecture .area5 .cir_area .cir .logo dl{width:12.0833vw;position:relative;}
.sub_architecture .area5 .cir_area .cir .logo dl dt{transform-origin: 50% 5%;transition:0.6s;}
.sub_architecture .area5 .cir_area .cir .logo dl dd{position:absolute;left:0;top:0;width:100%;transition:0.5s;transition-delay:0.3s;}
.sub_architecture .area5 .cir_area .cir .img{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;overflow:hidden;clip-path:inset(100% 0 0);transition:0.8s;transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1);}
.sub_architecture .area5 .cir_area .cir .img span{display:block;height:100%;background:no-repeat center / cover;transform:scale(1.3);transition:1s;}
.sub_architecture .area5 .cir_area .l1 .cir .img span{background-image:url(../images/architecture-area5-img1.png);}
.sub_architecture .area5 .cir_area .l2 .cir .img span{background-image:url(../images/architecture-area5-img2.png);}
.sub_architecture .area5 .cir_area .l3 .cir .img span{background-image:url(../images/architecture-area5-img3.png);}
.sub_architecture .area5 .cir_sd{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_architecture .area5 .cir_sd .c_sd1 {}
.sub_architecture .area5 .cir_area#c1 .cir .logo dl dt{opacity:0;transform:translate(0,50%);transition-delay:0s;}
.sub_architecture .area5 .cir_area#c1 .cir .logo dl dd{opacity:0;transform:translate(0,50%);transition-delay:0s;}
.sub_architecture .area5 .cir_area#c1 .cir .line circle{transform:none;stroke-dashoffset:1170px;transition-delay:0s;}
.sub_architecture .area5 .cir_area#c3 .cir .img,
.sub_architecture .area5 .cir_area#c4 .cir .img{clip-path: inset(0% 0 0);}
.sub_architecture .area5 .cir_area#c3 .l2 .cir .img span,
.sub_architecture .area5 .cir_area#c4 .l2 .cir .img span{transform:none;}
.sub_architecture .area5 .cir_area#c4 ul .l1{left:0;transform:none;}
.sub_architecture .area5 .cir_area#c4 ul .l3{right:0;transform:none;}
.sub_architecture .area5 .cir_area#c4 .l1 .cir .img span,
.sub_architecture .area5 .cir_area#c4 .l3 .cir .img span{transform:none;}
.sub_architecture .area5 .cir_area#c4 .top_txt p span{transform:none;transition-delay:0.5s;}
.sub_architecture .area5 .cir_area#c4 .bot_txt dl dt{opacity:1;transform:none;transition-delay:0.8s;}
.sub_architecture .area5 .cir_area#c4 .bot_txt dl dd p span{transform:none;transition-delay:1s;}

.sub_architecture .area6{margin-top:7.8125vw;position:relative;}
.sub_architecture .area6 .txt,
.sub_architecture .area6 .txt dl dt{margin-bottom:0 !important;}
.sub_architecture .area6 .list{margin-top:3.125vw;position:relative;}
.sub_architecture .area6 .list .bg{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:33.33%;transition:0.4s;}
.sub_architecture .area6 .list .bg span{display:block;height:100%;background-color:#d2dce6;transform-origin: 0 0;transform:scaleY(0);transition:0.5s;}
.sub_architecture .area6 .list li{position:relative;cursor:pointer;}
.sub_architecture .area6 .list li ~ li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#d2dce6;}
.sub_architecture .area6 .list dl{padding: 3.125vw 0;}
.sub_architecture .area6 .list dl dt{font-family:"Inter";font-weight:300;color:#000;font-size:1.8229vw;overflow:hidden;line-height: 1.2em;}
.sub_architecture .area6 .list dl dt p{transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_architecture .area6 .list dl dt strong{font-weight:600;}
.sub_architecture .area6 .list dl dd{color:#666;font-size:0.8333vw;line-height:1.63em;letter-spacing:-0.05em;margin-top:0.7813vw;}
.sub_architecture .area6 .list dl dd p{overflow:hidden;}
.sub_architecture .area6 .list dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.8s;}
.sub_architecture .area6 .list .c{position:absolute;left:15.1042vw;top:0;;transition:0.1s;}
.sub_architecture .area6 .list .c span{display:block;transform:translate(0,-30%);overflow:hidden;border-radius:50%;}
.sub_architecture .area6 .list .c span img{transform:scale(1.2);opacity:0;transition:0.4s;}
.sub_architecture .area6 .img{position:absolute;width:49.1667vw;pointer-events:none;right:0;bottom:0;transform:translate(0,10%);}
.sub_architecture .area6 .img img{opacity:0;transform:translate(0,10%);transition:0.8s;transition-delay:1s;}
.sub_architecture .area6.active .list .bg.on span{transform:none;}
.sub_architecture .area6.active .img img{opacity:1;transform:none;}
.sub_architecture .area6.active .list dl dt p{transform:none;}
.sub_architecture .area6.active .list dl dd p span{transform:none;}
.sub_architecture .area6 .list li:hover .c span img{transform:none;opacity:1;transition-delay:0.2s;}

.sub_architecture .area7{margin-top:16.6667vw;}
.sub_architecture .area7 .box{display:flex;position:relative;}
.sub_architecture .area7 .line{position:absolute;left:0;top:0;background-color:#ccc;transition:1s;transition-delay:0.3s;}
.sub_architecture .area7 .line1{width:100%;height:1px;transform:scaleX(0);transform-origin: 0 0;}
.sub_architecture .area7 .line2{width:1px;height:100%;transform:scaleY(0);transform-origin: 0 0;}
.sub_architecture .area7 .lef{width:16.5%;}
.sub_architecture .area7 .lef ul{height:100%;display:flex;flex-direction:column;justify-content:center;padding: 1.8229vw 0;}
.sub_architecture .area7 .lef ul li{position:relative;padding: 1.8229vw 0;text-align:center;}
.sub_architecture .area7 .lef ul li ~ li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#ebebeb;transform:scaleX(0);transform-origin:100%,0;transition:0.6s;transition-delay:0.8s;}
.sub_architecture .area7 .lef dl dt i{display:block;margin: 0 auto;width:2.8125vw;position:relative;opacity:0;transform:scale(0.5);transition:0.8s;transition-delay:1s;}
.sub_architecture .area7 .lef dl dt i::before{content:"";border-radius:50%;position:absolute;left:0;top:0;width:100%;height:100%;z-index: -1;}
.sub_architecture .area7 .lef .l1 dl dt i::before{background-color:#89b6d0;}
.sub_architecture .area7 .lef .l2 dl dt i::before{background-color:#dcb0ad;}
.sub_architecture .area7 .lef .l3 dl dt i::before{background-color:#96be8d;}
.sub_architecture .area7 .lef .l4 dl dt i::before{background-color:#aec9cc;}
.sub_architecture .area7 .lef dl dd{margin-top:0.7813vw;}
.sub_architecture .area7 .lef dl dd p{color:#000;font-size:0.9375vw;line-height:1.44em;opacity:0;transform:translate(0,60%);transition:0.8s;transition-delay:1.3s;}
.sub_architecture .area7 .lef dl dd p strong{font-family: 'RixHeadB';font-weight:600;}
.sub_architecture .area7 .rig{width:83.5%;position:relative;}
.sub_architecture .area7 .rig .map{height:100%;display:flex;align-items:flex-end;padding: 0 5.128% 3.418% 11.108%;}
.sub_architecture .area7 .rig .map ul{position:relative;overflow:hidden;}
.sub_architecture .area7 .rig .map ul li ~ li{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_architecture .area7 .rig .map ul .m1{opacity:0;transform:scale(1.2);transition:1.2s;transition-delay:0.5s;}
.sub_architecture .area7 .rig .map ul .m2{z-index:1;}
.sub_architecture .area7 .rig .map ul .m2 svg .c{opacity:0;transform:scale(0.4);transform-box: fill-box;transform-origin: 50% 50%;transition:0.8s;transition-delay:2.5s;}
.sub_architecture .area7 .rig .map ul .m3{z-index:2;opacity:0;transform:translate(0,5%);transition:0.8s;transition-delay:2.8s;}
.sub_architecture .area7 .rig .map ul .m4 svg .l{transition:1s;transition-delay:1s;}
.sub_architecture .area7 .rig .map ul .m4 svg .l1{--len: 280; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l2{--len: 260; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l3{--len: 245; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l4{--len: 410; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l5{--len: 235; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l6{--len: 200; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .l7{--len: 260; stroke-dasharray: var(--len);stroke-dashoffset: var(--len);}
.sub_architecture .area7 .rig .map ul .m4 svg .dot{stroke-width: 3px;transition:1s;transition-delay:2.5s;}
.sub_architecture .area7 .rig .map ul .m4 svg .d1 { --dotLen: -195px; stroke-dasharray: calc(-1 * var(--dotLen)); stroke-dashoffset: var(--dotLen); }
.sub_architecture .area7 .rig .map ul .m4 svg .d2 { --dotLen: -50px;  stroke-dasharray: calc(-1 * var(--dotLen)); stroke-dashoffset: var(--dotLen); }
.sub_architecture .area7 .rig .map ul .m4 svg .d3 { --dotLen: -225px; stroke-dasharray: calc(-1 * var(--dotLen)); stroke-dashoffset: var(--dotLen); }
.sub_architecture .area7 .rig .map ul .m4 svg .d4 { --dotLen: -35px;  stroke-dasharray: calc(-1 * var(--dotLen)); stroke-dashoffset: var(--dotLen); }
.sub_architecture .area7 .rig .map ul .m4 svg .arr{transform-box: fill-box;transform-origin: 50% 50%;opacity:0;transition:1s;transition-delay:2.2s;}
.sub_architecture .area7 .rig .map ul .m4 svg .a1{transform:translate(100%,0);}
.sub_architecture .area7 .rig .map ul .m4 svg .a2{transform:translate(-100%,0);}
.sub_architecture .area7 .rig .map ul .m4 svg .a3{transform:translate(-100%,0);}
.sub_architecture .area7 .rig .map ul .m4 svg .a4{transform:translate(100%,0);}
.sub_architecture .area7 .rig .map ul .m5 span{display:block;position:absolute;width:5.7143%;opacity:0;transform:scale(0.5);transition:0.8s;transition-delay:3s;}
.sub_architecture .area7 .rig .map ul .m5 span i{display:block;border-radius:50%;position:relative;z-index:1;}
.sub_architecture .area7 .rig .map ul .m5 .i1{left: 24.3%;top: 38.4%;}
.sub_architecture .area7 .rig .map ul .m5 .i2{left: 72.3%;top: 34.4%;}
.sub_architecture .area7 .rig .map ul .m5 .i3{left: 3.3%;top: 68.4%;}
.sub_architecture .area7 .rig .map ul .m5 .i4{left: 57.8%;top: 90%;}
.sub_architecture .area7 .rig .map ul .m5 .i1 i,
.sub_architecture .area7 .rig .map ul .m5 .i1 em{background-color:#89b6d0;}
.sub_architecture .area7 .rig .map ul .m5 .i2 i,
.sub_architecture .area7 .rig .map ul .m5 .i2 em{background-color:#dcb0ad;}
.sub_architecture .area7 .rig .map ul .m5 .i3 i,
.sub_architecture .area7 .rig .map ul .m5 .i3 em{background-color:#96be8d;}
.sub_architecture .area7 .rig .map ul .m5 .i4 i,
.sub_architecture .area7 .rig .map ul .m5 .i4 em{background-color:#aec9cc;}
.sub_architecture .area7 .rig .map ul .m5 span em{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;}
.sub_architecture .area7 .rig .map ul .m5 span .e1{animation: complex_cir 3s linear infinite;}
.sub_architecture .area7 .rig .map ul .m5 span .e2{animation: complex_cir 3s 1s linear infinite;}
.sub_architecture .area7 .rig .map ul .m5 span .e3{animation: complex_cir 3s 2s linear infinite;}
.sub_architecture .area7 .rig .map ul .m6 .name{width: 18.383%;position: absolute;left:42.5%;top:7%;animation: map_name 2s infinite;}
.sub_architecture .area7 .rig .map ul .m6 .name img{opacity:0;transform:translate(0,-20%);transition:0.8s;transition-delay:3.5s;}
@keyframes complex_cir {
    0% {transform:scale(1);}
	80% {transform: scale(1.7);opacity:0;}
	100% {transform: scale(1.7);opacity:0;}
}
.sub_architecture .area7.active .line,
.sub_architecture .area7.active .lef ul li ~ li::before,
.sub_architecture .area7.active .lef dl dt i,
.sub_architecture .area7.active .lef dl dd p,
.sub_architecture .area7.active .rig .map ul .m1,
.sub_architecture .area7.active .rig .map ul .m2 svg .c,
.sub_architecture .area7.active .rig .map ul .m3,
.sub_architecture .area7.active .rig .map ul .m4 svg .arr,
.sub_architecture .area7.active .rig .map ul .m5 span,
.sub_architecture .area7.active .rig .map ul .m6 .name img{opacity:1;transform:none;}
@keyframes draw-reset {
   0%   { stroke-dashoffset: var(--len); } 
  80%  { stroke-dashoffset: 0;            
         animation-timing-function: steps(1,end); } 
  100% { stroke-dashoffset: var(--len); } 
}
@keyframes draw-dash {
    70% {
        stroke-dasharray: 12 6;
    }
	100% {
        stroke-dasharray: var(--dotLen);;
    }

}
.sub_architecture .area7.active .rig .map ul .m4 svg .l{ animation: draw-reset 4s cubic-bezier(0.8, 0, 1, 1) infinite;}
.sub_architecture .area7.active .rig .map ul .m4 .dot{animation: draw-dash 4s cubic-bezier(0.8, 0, 1, 1) infinite;}

.sub_citystory .area .txt{margin-bottom:4.1667vw;}
.sub_citystory .area .txt dl dt{overflow:hidden;color:#000;font-family:"Inter";font-weight:600;font-size:0.8333vw;margin-bottom:1.5625vw;}
.sub_citystory .area .txt dl dt span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.sub_citystory .area .txt dl dd{color:#363e41;font-size:0.9375vw;line-height:1.67em;letter-spacing:-0.05em;}
.sub_citystory .area .txt dl dd p{overflow:hidden;}
.sub_citystory .area .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.sub_citystory .area1{margin-top:8vw;}
.sub_citystory .area1 .map{position:relative;opacity:0;transform:translate(0,10%);transition:0.8s;}
.sub_citystory .area1 .map .img{position:relative;}
.sub_citystory .area1 .map .img .on_img{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:0.6s;}
.sub_citystory .area1 .map .name{position:absolute;width:10.3125vw;left:57.5%;top:20.5882%;animation: name 3s infinite;}
.sub_citystory .area1 .map .dots{position:absolute;width:0.7857%;cursor:pointer;transition:0.6s;}
.sub_citystory .area1 .map .dots span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;}
.sub_citystory .area1 .map .dots span em{display:block;width:100%;padding-bottom:100%;border-radius:50%;}
.sub_citystory .area1 .map .dots.wh span em{background-color:#fff;}
.sub_citystory .area1 .map .dots.bl span em{background-color:#555;}
.sub_citystory .area1 .map .dots.co span em{background-color:#a8878c;}
.sub_citystory .area1 .map .dots .b1{z-index:4;}
.sub_citystory .area1 .map .dots .b2{z-index:3;}
.sub_citystory .area1 .map .dots .b3{z-index:2;}
.sub_citystory .area1 .map .dots .b4{z-index:1;}
.sub_citystory .area1 .map .dots .b2 em{animation: dots 3.3s linear infinite;}
.sub_citystory .area1 .map .dots .b3 em{animation: dots 3.3s 1.1s linear infinite;}
.sub_citystory .area1 .map .dots .b4 em{animation: dots 3.3s 2.2s linear infinite;}
.sub_citystory .area1 .map .dots.d1{top:51%;left:68%;}
.sub_citystory .area1 .map .dots.d2{top:41.4%;left:67.4%;}
.sub_citystory .area1 .map .dots.d3{top:42.3%;left:61.4%;}
.sub_citystory .area1 .map .dots.d4{top:57.6%;left:57.4%;}
.sub_citystory .area1 .map .dots.d5{top:68.2%;left:60.4%;}
.sub_citystory .area1 .map .dots.d6{top:47.6%;left:64.3%;}
.sub_citystory .area1 .map .dots.d7{top:62.2%;left:70.8%;}
.sub_citystory .area1 .map .ho_txt{position:absolute;z-index:5;pointer-events:none;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .ho_txt.ht1{right: 30.55%;bottom: 48%;}
.sub_citystory .area1 .map .ho_txt.ht2{right: 31.25%;bottom: 57.3%;}
.sub_citystory .area1 .map .ho_txt.ht3{right: 37.15%;bottom: 57.3%;}
.sub_citystory .area1 .map .ho_txt.ht4{right: 41%;bottom: 41%;}
.sub_citystory .area1 .map .ho_txt.ht5{right: 37.8%;bottom: 30.5%;}
.sub_citystory .area1 .map .ho_txt.ht7{right: 27.75%;bottom: 35.6%;}
.sub_citystory .area1 .map .ho_txt p{position:relative;color:#363e41;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.05em;font-size:0.7292vw;}
.sub_citystory .area1 .map .ho_txt p span{display:block;}
.sub_citystory .area1 .map .ho_txt .stroke{-webkit-text-stroke: 4px #fff;position:absolute;left:0;top:0;z-index:-1;}
.sub_citystory .area1 .map .map_icon{position:absolute;z-index: 1;width:1.7143%;opacity:0;transform:translate(0,-50%);transition:0.6s;}
.sub_citystory .area1 .map .mi1{right: 30.9%;bottom: 51.2%;}
.sub_citystory .area1 .map .mi2{right: 31.55%;bottom: 60.7%;}
.sub_citystory .area1 .map .mi3{right: 37.4%;bottom: 60.7%;}
.sub_citystory .area1 .map .mi4{right: 41.2%;bottom: 44.4%;}
.sub_citystory .area1 .map .mi5{right: 38%;bottom: 33.4%;}
.sub_citystory .area1 .map .mi7{right: 28%;bottom: 38.9%;}
.sub_citystory .area1 .map .pop{position:absolute;opacity:0;transition:0.8s;}
.sub_citystory .area1 .map .pop1{right:-4%;top:29%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop2{right:-4%;top:21%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop3{left:25%;top:21%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop4{left:22%;top:35%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop5{left:23%;top:45%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop6{right:-4%;top:26.5%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop7{right:-4%;top:37%;transform:translate(0,20%);}
.sub_citystory .area1 .map .pop .tri{position:absolute;width:7.5521vw;}
.sub_citystory .area1 .map .pop1 .tri,
.sub_citystory .area1 .map .pop2 .tri,
.sub_citystory .area1 .map .pop6 .tri,
.sub_citystory .area1 .map .pop7 .tri{right:calc(100% - 1px);top:31%;transform-origin: 0 100%;}
.sub_citystory .area1 .map .pop3 .tri,
.sub_citystory .area1 .map .pop4 .tri,
.sub_citystory .area1 .map .pop5 .tri{left:calc(100% - 1px);top:31%;transform-origin: 100% 100%;}
.sub_citystory .area1 .map .pop .box{border-radius:1.0417vw;padding: 2.3438vw 1.8229vw 1.5625vw;width:18.5vw;}
.sub_citystory .area1 .map .pop1 .box{background-color:#dcb0ad;}
.sub_citystory .area1 .map .pop2 .box{background-color:#c1a7a3;}
.sub_citystory .area1 .map .pop3 .box{background-color:#89b6d0;}
.sub_citystory .area1 .map .pop4 .box{background-color:#96be8d;}
.sub_citystory .area1 .map .pop5 .box{background-color:#c5b8ba;}
.sub_citystory .area1 .map .pop6 .box{background-color:#555;}
.sub_citystory .area1 .map .pop7 .box{background-color:#aec9cc;}
.sub_citystory .area1 .map .pop .box .t{position:relative;padding-bottom:1.5625vw;margin-bottom:2.3438vw;}
.sub_citystory .area1 .map .pop .box .t::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(255,255,255,0.5);transform:scaleX(0);transition:0.8s;}
.sub_citystory .area1 .map .pop .box .t dl dt{color:#fff;font-family: 'RixHeadB';font-weight:600;font-size:1.4583vw;letter-spacing:-0.025em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box .t dl dd{color:#fff;font-family:"Inter";font-size:2.3438vw;font-weight:300;margin-top:0.2604vw;letter-spacing:0.01em;opacity:0;transform:translate(0,70%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box .b dl dt{color:#fff;font-size:1.0417vw;letter-spacing:-0.05em;font-weight:400;line-height: 1.3em;}
.sub_citystory .area1 .map .pop .box .b dl dt p{overflow:hidden;}
.sub_citystory .area1 .map .pop .box .b dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box .b dl dd{color:#fff;font-size:0.8854vw;font-family: "Noto Sans KR";line-height:1.53em;letter-spacing:-0.05em;margin-top:0.7813vw;white-space:nowrap;}
.sub_citystory .area1 .map .pop .box .b dl dd strong{font-weight:400;}
.sub_citystory .area1 .map .pop1 .box .b dl dd strong{color:#b06661;}
.sub_citystory .area1 .map .pop2 .box .b dl dd strong{color:#8a5d57;}
.sub_citystory .area1 .map .pop3 .box .b dl dd strong{color:#3e7290;}
.sub_citystory .area1 .map .pop4 .box .b dl dd strong{color:#4d6e46;}
.sub_citystory .area1 .map .pop5 .box .b dl dd strong{color:#7f686c;}
.sub_citystory .area1 .map .pop7 .box .b dl dd strong{color:#336e75;}
.sub_citystory .area1 .map .pop .box .b dl dd p{overflow:hidden;}
.sub_citystory .area1 .map .pop .box .b dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box .b i{display:block;margin-top:0.5208vw;}
.sub_citystory .area1 .map .pop .box .b i img{width:2.9167vw;margin: 0 0 0 auto;opacity:0;transform:translate(-70%,0);transition:0.6s;}
.sub_citystory .area1 .map .pop .box ul{padding-bottom:1.8229vw;}
.sub_citystory .area1 .map .pop .box ul li{position:relative;}
.sub_citystory .area1 .map .pop .box ul li ~ li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(255,255,255,0.5);transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.sub_citystory .area1 .map .pop .box ul li strong{display:block;color:#fff;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.025em;margin-bottom:1.5625vw;font-size:1.4583vw;overflow:hidden;}
.sub_citystory .area1 .map .pop .box ul li strong span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box ul li dl{padding:1.0417vw 0;}
.sub_citystory .area1 .map .pop .box ul li dl dt{color:#fff;font-size:1.0417vw;letter-spacing:-0.05em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map .pop .box ul li dl dd{color:#fff;font-size:0.8854vw;line-height:1.53em;margin-top:0.4vw;font-family: "Noto Sans KR";letter-spacing:-0.05em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .area1 .map.ho1 .img .on_img.i1,
.sub_citystory .area1 .map.ho2 .img .on_img.i2,
.sub_citystory .area1 .map.ho3 .img .on_img.i3,
.sub_citystory .area1 .map.ho4 .img .on_img.i4,
.sub_citystory .area1 .map.ho5 .img .on_img.i5,
.sub_citystory .area1 .map.ho6 .img .on_img.i6,
.sub_citystory .area1 .map.ho7 .img .on_img.i7{opacity:1;}
.sub_citystory .area1 .map.ho1 .dots.d1,
.sub_citystory .area1 .map.ho2 .dots.d2,
.sub_citystory .area1 .map.ho3 .dots.d3,
.sub_citystory .area1 .map.ho4 .dots.d4,
.sub_citystory .area1 .map.ho5 .dots.d5,
.sub_citystory .area1 .map.ho7 .dots.d7{opacity:0;pointer-events:none;}
.sub_citystory .area1 .map.ho .name{animation-play-state: paused;}
.sub_citystory .area1 .map.ho1 .ho_txt.ht1,
.sub_citystory .area1 .map.ho2 .ho_txt.ht2,
.sub_citystory .area1 .map.ho3 .ho_txt.ht3,
.sub_citystory .area1 .map.ho4 .ho_txt.ht4,
.sub_citystory .area1 .map.ho5 .ho_txt.ht5,
.sub_citystory .area1 .map.ho7 .ho_txt.ht7{opacity:1;transform:none;}
.sub_citystory .area1 .map.ho1 .mi1,
.sub_citystory .area1 .map.ho2 .mi2,
.sub_citystory .area1 .map.ho3 .mi3,
.sub_citystory .area1 .map.ho4 .mi4,
.sub_citystory .area1 .map.ho5 .mi5,
.sub_citystory .area1 .map.ho7 .mi7{opacity:1;transform:none;transition-delay:0.3s;}
.sub_citystory .area1 .map.ho1 .pop1,
.sub_citystory .area1 .map.ho2 .pop2,
.sub_citystory .area1 .map.ho3 .pop3,
.sub_citystory .area1 .map.ho4 .pop4,
.sub_citystory .area1 .map.ho5 .pop5,
.sub_citystory .area1 .map.ho6 .pop6,
.sub_citystory .area1 .map.ho7 .pop7{opacity:1;transform:none;transition-delay:0.5s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .t dl dt,
.sub_citystory .area1 .map.ho2 .pop2 .box .t dl dt,
.sub_citystory .area1 .map.ho3 .pop3 .box .t dl dt,
.sub_citystory .area1 .map.ho4 .pop4 .box .t dl dt,
.sub_citystory .area1 .map.ho5 .pop5 .box .t dl dt,
.sub_citystory .area1 .map.ho6 .pop6 .box .t dl dt,
.sub_citystory .area1 .map.ho7 .pop7 .box .t dl dt{opacity:1;transform:none;transition-delay:1s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .t dl dd,
.sub_citystory .area1 .map.ho2 .pop2 .box .t dl dd,
.sub_citystory .area1 .map.ho3 .pop3 .box .t dl dd,
.sub_citystory .area1 .map.ho4 .pop4 .box .t dl dd,
.sub_citystory .area1 .map.ho5 .pop5 .box .t dl dd,
.sub_citystory .area1 .map.ho6 .pop6 .box .t dl dd,
.sub_citystory .area1 .map.ho7 .pop7 .box .t dl dd{opacity:1;transform:none;transition-delay:1.3s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .t::before,
.sub_citystory .area1 .map.ho2 .pop2 .box .t::before,
.sub_citystory .area1 .map.ho3 .pop3 .box .t::before,
.sub_citystory .area1 .map.ho4 .pop4 .box .t::before,
.sub_citystory .area1 .map.ho5 .pop5 .box .t::before,
.sub_citystory .area1 .map.ho6 .pop6 .box .t::before,
.sub_citystory .area1 .map.ho7 .pop7 .box .t::before{transform:none;transition-delay:1s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .b dl dt p span,
.sub_citystory .area1 .map.ho2 .pop2 .box .b dl dt p span,
.sub_citystory .area1 .map.ho3 .pop3 .box .b dl dt p span,
.sub_citystory .area1 .map.ho4 .pop4 .box .b dl dt p span,
.sub_citystory .area1 .map.ho5 .pop5 .box .b dl dt p span,
.sub_citystory .area1 .map.ho6 .pop6 .box .b dl dt p span,
.sub_citystory .area1 .map.ho7 .pop7 .box .b dl dt p span{transform:none;transition-delay:1s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .b dl dd p span,
.sub_citystory .area1 .map.ho2 .pop2 .box .b dl dd p span,
.sub_citystory .area1 .map.ho3 .pop3 .box .b dl dd p span,
.sub_citystory .area1 .map.ho4 .pop4 .box .b dl dd p span,
.sub_citystory .area1 .map.ho5 .pop5 .box .b dl dd p span,
.sub_citystory .area1 .map.ho6 .pop6 .box .b dl dd p span,
.sub_citystory .area1 .map.ho7 .pop7 .box .b dl dd p span{transform:none;transition-delay:1.3s;}
.sub_citystory .area1 .map.ho6 .pop .box ul li strong span{opacity:1;transform:none;transition-delay:1s;}
.sub_citystory .area1 .map.ho6 .pop .box ul li dl dt{opacity:1;transform:none;transition-delay:1.2s;}
.sub_citystory .area1 .map.ho6 .pop .box ul li dl dd{opacity:1;transform:none;transition-delay:1.4s;}
.sub_citystory .area1 .map.ho6 .pop .box ul li ~ li::before{transform:none;transition-delay:1s;}
.sub_citystory .area1 .map.ho1 .pop1 .box .b i img,
.sub_citystory .area1 .map.ho2 .pop2 .box .b i img,
.sub_citystory .area1 .map.ho3 .pop3 .box .b i img,
.sub_citystory .area1 .map.ho4 .pop4 .box .b i img,
.sub_citystory .area1 .map.ho5 .pop5 .box .b i img,
.sub_citystory .area1 .map.ho6 .pop6 .box .b i img,
.sub_citystory .area1 .map.ho7 .pop7 .box .b i img{opacity:1;transform:none;transition-delay:1.6s;}
@keyframes dots {
    0% {transform:scale(1);}
	80% {transform: scale(3.5);opacity:0;}
	100% {transform: scale(3.5);opacity:0;}
}
@keyframes name {
    0% {transform:translate(0,0);}
	50% {transform: translate(0,-10%);}
	100% {transform:translate(0,0);}
}
/* .sub_citystory .map{margin-top:11.4286vw;} */
.sub_citystory .map{margin-top:8.8542vw;}
.sub_citystory .map ul{position:relative;}
.sub_citystory .map ul .m1{opacity:0;transform:translate(0,10%);transition:0.8s;}
.sub_citystory .map ul .m2{position:absolute;left:0;top:0;width:100%;opacity:0;transform:scale(0);transition:0.8s;transform-origin: 57% 35%;transition-delay:0.4s;}
.sub_citystory .map ul .m3{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translate(10%,0);transition:1s;transition-delay:0.7s;}
/* .sub_citystory .overview{margin-top:10.7143vw;overflow: hidden;} */
.sub_citystory .overview{margin-top:7.8125vw;overflow: hidden;}
.sub_citystory .overview p{margin-bottom:1.5625vw;font-family:"Inter";font-weight:600;font-size:0.8333vw;color:#000;overflow:hidden;}
.sub_citystory .overview p span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_citystory .overview ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.sub_citystory .overview ul li{width:calc(50% - 3%);position:relative;padding: 1.5625vw 0;}
.sub_citystory .overview ul li::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ccc;transform:scaleX(0);transform-origin: 0 0;transition:1s;transition-delay:0.3s;}
.sub_citystory .overview ul li:nth-child(n+7)::before{display:none;}
.sub_citystory .overview ul li dl dt{color:#4b5055;font-size:0.8333vw;letter-spacing:-0.025em;opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.4s;}
.sub_citystory .overview ul li dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;margin-top:1.0417vw;opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.6s;}

.sub_citystory .danji {flex: 0 0 100%;}
.sub_citystory .danji .title{color:#4b5055;font-size:0.8333vw;letter-spacing:-0.025em;opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.4s;}

.sub_citystory .danji ul{display: flex;justify-content: flex-start;gap: 4%;flex-wrap: nowrap; margin-top: 1.0417vw;}
.sub_citystory .danji ul li{width: auto !important; padding: 0}
.sub_citystory .danji ul li:before{display: none;}
.sub_citystory .danji ul li{color:#000;font-size:1.0417vw;letter-spacing:-0.05em; margin-top: 0;}
.sub_citystory .danji ul li strong{font-family: 'RixHeadB'; opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.6s}
.sub_citystory .danji ul li span{font-family: 'RixHeadM'; opacity:0;transform:translate(10%,0);transition:0.8s;transition-delay:0.6s}

.sub_citystory .count{margin-top:6.25vw;}
.sub_citystory .count .line{position:absolute;background-color:#ccc;transition:1s;}
.sub_citystory .count .l1{left:0;top:0;width:100%;height:1px;transform:scaleX(0);}
.sub_citystory .count .l2{left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);}
.sub_citystory .count .l3{left:50%;top:0;width:1px;height:100%;transform:scaleY(0);transform-origin: 0 0;}
.sub_citystory .count .l4{left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);}
.sub_citystory .count .t{display:flex;position:relative;}
.sub_citystory .count .t .box{width:50%;height:20.8333vw;display:flex;align-items:center;justify-content:center;}
.sub_citystory .count .t .box p{color:#000017;font-family:"Inter";font-weight:500;font-size:2.4479vw;;opacity:0;letter-spacing:0.15em;transition:1s;transition-delay:0.3s;}
.sub_citystory .count .t .box span{width:11.875vw;opacity:0;transform:translate(0,60%);transition:0.6s;transition-delay:0.5s;}
.sub_citystory .count .b{position:relative;padding:3.125vw 0 2.3438vw;}
.sub_citystory .count .b ul{display:flex;justify-content:flex-end;gap: 0 8.3333vw;padding-right:7.2917vw;}
.sub_citystory .count .b dl{text-align:center;}
.sub_citystory .count .b dl dt{display:flex;align-items:baseline;opacity:0;transform:translate(0,80%);transition:0.8s;transition-delay:0.8s;}
.sub_citystory .count .b dl dt strong{color:#000;font-size:3.75vw;font-family: 'RixHeadB';font-weight:600;letter-spacing:-0.025em;}
.sub_citystory .count .b dl dt em{font-family: 'RixHeadL';font-weight:300;font-size:3.125vw;color:#000;position: relative;top: -1vw;}
.sub_citystory .count .b dl dt span{font-family: "Noto Sans KR";color:#000;font-size:1.5625vw;}
.sub_citystory .count .b dl dt i{font-family: "Noto Sans KR";color:#000;font-size:1.25vw;font-style:normal;}
.sub_citystory .count .b dl dd{color:#4b5055;font-size:0.8333vw;letter-spacing:-0.025em;margin-top:0.5208vw;opacity:0;transform:translate(0,80%);transition:0.8s;transition-delay:1.1s;}
.sub_citystory .area .txt.active dl dt span,
.sub_citystory .area .txt.active dl dd p span,
.sub_citystory .area1 .map.active,
.sub_citystory .overview.active p span,
.sub_citystory .overview.active .danji .title,
.sub_citystory .overview.active .danji span,
.sub_citystory .overview.active .danji strong,
.sub_citystory .map.active ul .m1,
.sub_citystory .map.active ul .m2,
.sub_citystory .map.active ul .m3,
.sub_citystory .overview.active ul li::before,
.sub_citystory .overview.active ul li dl dt,
.sub_citystory .overview.active ul li dl dd,
.sub_citystory .count.active .line,
.sub_citystory .count.active .t .box span,
.sub_citystory .count.active .b dl dt,
.sub_citystory .count.active .b dl dd{opacity:1;transform:none;}
.sub_citystory .count.active .t .box p{opacity:1;letter-spacing:-0.025em;}

.sub_citystory .sub_ori{padding-top: 1.5625vw;}
.sub_citystory .sub_ori ~ .sub_ori{padding-top:1vw;}

@media all and (max-aspect-ratio: 17/10){
	.sub_citystory .area .txt{margin-bottom:7vw;}
	.sub_citystory .area .txt dl dt{font-size:1.1vw;}
	.sub_citystory .area .txt dl dd{font-size:1.2vw;}
	.sub_citystory .area1{margin-top:10vw;}
	.sub_citystory .area1 .map .pop .box .b dl dt{font-size:1.1vw;}
	.sub_citystory .area1 .map .pop .box .b dl dd{font-size:1vw;}
	.sub_citystory .area1 .map .pop .box .b i{margin-top:1vw;}
	.sub_citystory .area1 .map .pop .box .b i img{width:3.5vw;}
	.sub_citystory .overview p{font-size:1.3vw;margin-bottom:2.5vw;}
	.sub_citystory .overview ul li{padding: 2vw 0;}
	.sub_citystory .overview ul li dl dt{font-size:1.3vw;}
    .sub_citystory .overview ul li dl dd{font-size:1.4vw;}

	.sub_citystory .danji .title{font-size: 1.3vw;}
	.sub_citystory .danji li{font-size: 1.4vw;}

	.sub_citystory .count{margin-top:10vw;}
	.sub_citystory .count .t .box p{font-size:2.8vw;}
	.sub_citystory .count .t .box span{width: 15vw;}
	.sub_citystory .count .b{padding: 4vw 0 3.5vw;}
	.sub_citystory .count .b dl dt strong{font-size:4.5vw;}
	.sub_citystory .count .b dl dt em{font-size:3.8vw;}
	.sub_citystory .count .b dl dt span{font-size:2vw;}
	.sub_citystory .count .b dl dt i{font-size:1.8vw;}
	.sub_citystory .count .b dl dd{margin-top:1vw;font-size:1.2vw;}
	.sub_citystory .danji p{font-size:1.3vw;}
	.sub_citystory .danji ul li{font-size:1.4vw;}

    .sub_citystory .sub_ori{padding-top: 2vw;}
	.sub_citystory .sub_ori ~ .sub_ori{padding-top:1.5vw;}
}

@media all and (max-aspect-ratio: 12/10){
	.sub_citystory .area1 .map .name{left: 58.5%;top: 22.5%;}
	.sub_citystory .area1 .map .pop1{right: 0%;top: 31%;}
	.sub_citystory .area1 .map .pop2{right: 2%;top: 20%;}
	.sub_citystory .area1 .map .pop3{left: 31%;top: 22%;}
	.sub_citystory .area1 .map .pop4{left: 27%;top: 36%;}
	.sub_citystory .area1 .map .pop5{left: 29%;top: 51%;}
	.sub_citystory .area1 .map .pop6{right: 0%;top: 29%;}
	.sub_citystory .area1 .map .pop7{right: 0%;top: 43%;}
    .sub_citystory .sub_ori{padding-top: 2.5625vw;}
	.sub_citystory .sub_ori ~ .sub_ori{padding-top:2vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_citystory .area .txt{margin-bottom:10vw;}
	.sub_citystory .area .txt dl dt{font-size:1.6vw;margin-bottom:2.5vw;}
	.sub_citystory .area .txt dl dd{font-size:1.8vw;}
	.sub_citystory .area1{margin-top: 20vw;}
	.sub_citystory .area1 .map{width:200%;}
	.sub_citystory .area1 .map .name{width:20vw;left: 58.5%;top: 23.5%;}
	.sub_citystory .area1 .map .ho_txt p{font-size:1.8vw;}
	.sub_citystory .area1 .map .pop .box{width:34vw;padding: 4vw 3vw;}
	.sub_citystory .area1 .map .pop1{top: 35%;right: 1%;}
	.sub_citystory .area1 .map .pop2{top: 24%;right: 3%;}
	.sub_citystory .area1 .map .pop3{top:24%;left:32%;}
	.sub_citystory .area1 .map .pop4{top: 40%;left: 28%;}
	.sub_citystory .area1 .map .pop6{right: 1%;top: 30%;}
	.sub_citystory .area1 .map .pop .tri{width: 14vw;top:30%;}
	.sub_citystory .area1 .map .pop .box .t{padding-bottom:2vw;margin-bottom:3vw;}
	.sub_citystory .area1 .map .pop .box .t dl dt{font-size: 2.6vw;;}
	.sub_citystory .area1 .map .pop .box .t dl dd{font-size:3.8vw;}
	.sub_citystory .area1 .map .pop .box .b dl dt{font-size: 1.8vw;}
	.sub_citystory .area1 .map .pop .box .b dl dd{font-size:1.5vw;margin-top:1.5vw;}
	.sub_citystory .area1 .map .pop .box .b i img{width:6vw;}
	.sub_citystory .area1 .map .pop .box ul{padding-bottom:0;}
	.sub_citystory .area1 .map .pop .box ul li strong{font-size: 2.6vw;margin-bottom:2.6vw;}
	.sub_citystory .area1 .map .pop .box ul li dl{padding: 3vw 0;}
	.sub_citystory .area1 .map .pop .box ul li dl dt{font-size: 2.2vw;}
	.sub_citystory .area1 .map .pop .box ul li dl dd{font-size: 1.8vw;}
	/* .sub_citystory .overview{margin-top:12vw;} */
	.sub_citystory .overview{margin-top:10vw;}
	.sub_citystory .overview p{font-size: 2vw;}
	.sub_citystory .overview ul{display:block;}
	.sub_citystory .overview ul li{width:100%;padding: 3vw 0;}
	.sub_citystory .overview ul li:nth-child(7n)::before{display:block;}
	.sub_citystory .overview ul li dl dt{font-size: 2vw;}
	.sub_citystory .overview ul li dl dd{font-size:2.2vw;margin-top:1.5vw;}

    .sub_citystory .danji .title{font-size: 2vw;}
    .sub_citystory .danji ul{display: grid; grid-template-columns: repeat(2, auto); gap: 2.5% 10%;}
	.sub_citystory .danji ul li{font-size:2.2vw;margin-top:1.5vw; padding: 0;}

	.sub_citystory .count{margin-top:12vw;}
	.sub_citystory .count .l3{width:100%;height:1px;left:0;top:50%;transform: scaleX(0);}
	.sub_citystory .count .t{display:block;}
	.sub_citystory .count .t .box{height: 25vw;width:100%;}
	.sub_citystory .count .t .box p{font-size:4.5vw;}
	.sub_citystory .count .t .box span{width: 24vw;}
	.sub_citystory .count .b{padding: 7vw 0 6.5vw;}
	.sub_citystory .count .b ul{padding-right:0;gap:0;justify-content: space-evenly;}
	.sub_citystory .count .b dl dt strong{font-size:6vw;}
	.sub_citystory .count .b dl dt em{font-size:5vw;top:-1.5vw;}
	.sub_citystory .count .b dl dt span{font-size:2.8vw;}
	.sub_citystory .count .b dl dt i{font-size:2.5vw;}
	.sub_citystory .count .b dl dd{font-size:2vw;margin-top:2vw;}

    .sub_citystory .sub_ori{padding-top: 2.5625vw;}
}
@media all and (max-aspect-ratio: 6/10){
	/* .sub_citystory .area .txt{margin-bottom: 15vw;} */
	.sub_citystory .area .txt{margin-bottom: 12vw;}
	.sub_citystory .area .txt dl dt{font-size: 3.5vw;}
	.sub_citystory .area .txt dl dd{font-size:3vw;}
	.sub_citystory .area1 .scr_box{opacity:0;transform:translate(0,10%);transition:1s;transition-delay:0.2s;}
	.sub_citystory .area1 .map{width:250%;opacity:1;;transform:scale(0.5);transform-origin: 76% 50%;transition:2s;transition-delay:1.2s;}
	.sub_citystory .area1 .map .name{width: 25vw;left: 59%;top: 24.5%;}
	.sub_citystory .area1 .map .dots{width: 1.2%;}
	.sub_citystory .area1 .map .pop .box{padding: 5vw 4vw;width: 46vw;}
	.sub_citystory .area1 .map .pop .box .t{padding-bottom: 3vw;margin-bottom: 4vw;}
	.sub_citystory .area1 .map .pop .box .t dl dt{font-size: 3.8vw;}
	.sub_citystory .area1 .map .pop .box .t dl dd{font-size: 5vw;margin-top:1.5vw;}
	.sub_citystory .area1 .map .pop .box .b dl dt{font-size: 2.8vw;}
	.sub_citystory .area1 .map .pop .box .b dl dd{font-size:2.4vw;margin-top:2vw;}
	.sub_citystory .area1 .map .pop .box .b i{margin-top:2vw;}
	.sub_citystory .area1 .map .pop .box .b i img{width:9vw;}
	.sub_citystory .area1 .map .pop1{top:34%;right:3%;}
	.sub_citystory .area1 .map .pop2{top:24%;right:4%;}
	.sub_citystory .area1 .map .pop3{top:25%;left:33%;}
	.sub_citystory .area1 .map .pop4{top:40%;left:30%;}
	.sub_citystory .area1 .map .pop5{top:50%;left:30%;}
	.sub_citystory .area1 .map .pop6{right: 3%;top: 34%;}
	.sub_citystory .area1 .map .pop7{right: 2%;top: 43%;}
	.sub_citystory .area1 .scr_box.active{opacity:1;transform:none;}
	.sub_citystory .overview{margin-top:20vw;}
	.sub_citystory .overview p{font-size:3.5vw;margin-bottom: 4vw;}
	.sub_citystory .overview ul li{padding: 6vw 0;}
	.sub_citystory .overview ul li dl dt{font-size: 3.5vw;}
	.sub_citystory .overview ul li dl dd{font-size: 4vw;margin-top: 3vw;}
	.sub_citystory .count{margin-top: 16vw;}
	.sub_citystory .danji .title{font-size: 3.5vw;}
    .sub_citystory .danji ul{display: grid; grid-template-columns: repeat(2, auto); gap: 0 10%;}
	.sub_citystory .danji ul li{font-size: 4vw;margin-top: 3vw; padding: 0;}
	.sub_citystory .count{margin-top: 20vw;}

	.sub_citystory .count .t .box{height:30vw;}
	.sub_citystory .count .t .box p{font-size:6.5vw;}
	.sub_citystory .count .t .box span{width: 32vw;}
	.sub_citystory .count .b{padding: 10vw 0;}
	.sub_citystory .count .b ul{flex-direction: column;align-items: center;gap: 10vw 0;}
	.sub_citystory .count .b dl dt strong{font-size: 10vw;}
	.sub_citystory .count .b dl dt em{font-size: 8vw;top: -2.5vw;}
	.sub_citystory .count .b dl dd{font-size: 4vw;margin-top: 3vw;}
	.sub_citystory .count .b dl dt span,
	.sub_citystory .count .b dl dt i{font-size:5vw;}

    .sub_citystory .sub_ori{padding-top: 4.35vw;}
	.sub_citystory .sub_ori ~ .sub_ori{padding-top:3vw;}
}

/*news*/
.search_area{display: flex;justify-content: flex-end;}
.search_area form{display:flex;position:relative;}
.search_area form select{display:none;}
.search_area form input{padding: 0 0.7813vw;border: 0;border-bottom: 1px solid #e5e5e5;outline: none;width: 13.5417vw;height: 2.0833vw;font-size: 0.8333vw;}
.search_area form label{position: absolute;bottom: 0.625vw;left: 0.7813vw;font-size: 0.8333vw;color: #999;transition: 0.3s;pointer-events:none;}
.search_area form input:focus + label,
.search_area form input:not(:placeholder-shown) + label{bottom: 2.0833vw;font-size:0.7292vw;}
.search_area form button{border:none;border-bottom: 1px solid #e5e5e5;width: 2.0833vw;height: 2.0833vw;background: url(../images/search-icon.png) no-repeat center / 50% 50%;}
.news_tbl{margin-top:2vw;border-top: 1px solid #79838d;}
.news_tbl table{width: 100%;table-layout: fixed;}
.news_tbl table .col1{width:8%;}
.news_tbl table .col2,
.news_tbl table .col3{width:15%;}
.news_tbl table td{padding: 1.6vw 0.3vw;border-bottom:1px solid #e5e5e5;text-align:center;}
.news_tbl table td a{display:block;padding-left:1vw;overflow: hidden;font-size:0.9375vw;color: #333;text-align:left;white-space: nowrap;text-overflow: ellipsis;}
.news_tbl table .num{font-size:0.7292vw;font-weight: 300;}
.news_tbl table .name{font-size:0.7292vw;}
.news_tbl table .no_data{padding: 6vw 0;font-size:1vw;color:#444;text-align:center;}
.notice_subject {display: flex !important; gap: 0.8vw; align-items: center;}
.notice_subject .badge{display: block;flex-shrink: 0;width: 1.6vw;background-color:#c30028; font-size: 0.6vw;font-weight: 400;line-height: 1.3em;color: #fff;text-align: center;transition: 0.4s;border-radius: 0.2vw;opacity: 1;}
.notice_subject .subject{display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media all and (max-aspect-ratio: 17/10){
	.search_area form input{width:16vw;height: 4vw;font-size: 1.3vw;padding: 0 1vw}
	.search_area form label{left:1vw;font-size: 1.3vw;bottom:1.4vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 3vw;font-size: 1vw;}
	.search_area form button{width:4vw;height:4vw;background-size:35%;}
	.news_tbl table td{padding: 2vw 0.5vw;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.1vw;}
	.news_tbl table td a{font-size: 1.4vw;}
	.news_tbl table .no_data{font-size:1.5vw;}
	.notice_subject .badge{font-size:1vw;width: 2.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.3vw;}
	.news_tbl table td a{font-size:1.5vw;}
	.news_tbl table .no_data{padding: 8vw 0;font-size:2vw;}
	.notice_subject .badge{font-size: 1vw;width: 2.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.search_area form input{width: 25vw;height: 5vw;font-size: 1.6vw;padding: 0 2vw;}
	.search_area form label{left: 2vw;font-size: 1.6vw;bottom: 2vw;}
	.search_area form button{width: 5vw;height: 5vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 3.8vw;font-size: 1.1vw;}
	.news_tbl{margin-top:4vw;}
	.news_tbl table .col1{width:6%;}
	.news_tbl table .col2,
	.news_tbl table .col3{width:20%;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:1.5vw;}
	.news_tbl table td{padding: 3vw 0.5vw;}
	.news_tbl table td a{font-size:1.7vw;}
	.notice_subject .badge{width:2vw;font-size:1.5vw;}
	.news_tbl table .no_data{font-size:8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.search_area form{width:100%;}
	.search_area form input{width:calc(100% - 10vw);height:10vw;padding: 0 4vw;font-size: 3.4vw;}
	.search_area form button{width:10vw;height:10vw;}
	.search_area form label{left: 4vw;font-size: 3.4vw;bottom: 3.3vw;}
	.search_area form input:focus + label,
	.search_area form input:not(:placeholder-shown) + label{bottom: 7.5vw;font-size: 2.5vw;}
	.news_tbl{margin-top:8vw;}
	.news_tbl table td{padding: 5vw 1vw;}
	.news_tbl table td a{padding-left:3vw;font-size:3.6vw;}
	.news_tbl table .num,
	.news_tbl table .name{font-size:2.7vw;letter-spacing: -0.05em;white-space:nowrap;}
	.news_tbl table .no_data{padding: 10vw 0;font-size:4vw;}
	.notice_subject .badge{font-size:2.8vw;line-height:4vw;width:4vw;}
}

/*pagination*/
.pagination{margin-top: 3.125vw;text-align:center;}
.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: #333;}
.pagination ul li.on a{border-bottom:1px solid #c30028;font-weight:600;color: #535353;}
.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;}
@media all and (max-aspect-ratio: 17/10){
	.pagination{margin-top: 5vw;}
	.pagination ul li{margin: 0 0.5vw;padding: 0 0.5vw;width: 3vw;}
	.pagination ul li a{height:3vw;line-height:3vw;}
}
@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 1vw;}
	.pagination ul li a{height:8vw;line-height:8vw;font-size:3.8vw;}
}

/*customer*/
.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed;}
.bo_tbl table .col1{width:20%;}
.bo_tbl table tr th{padding: 1.3021vw 0 1.3021vw 2.0833vw;border-bottom: 1px solid #e5e5e5;font-size: 0.9375vw;font-weight: 400;color: #333;text-align: left;}
.bo_tbl table tr td{padding: 0.7813vw 0;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 0.5208vw 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:0.5208vw;}
.bo_tbl table tr td input[type="text"]{padding: 0 1.0417vw;border: none;outline: none;width:100%;max-width: 33vw;height: 2.6042vw;background-color: #f0f0f0;font-size: 0.8333vw;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 10vw;}
.bo_tbl table tr td select{padding: 0 1.0417vw;border: none;outline: none;width: 100%;max-width: 10vw;height: 2.6042vw;background: #f0f0f0 no-repeat 90% 52%;font-size: 0.8333vw;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 0.9vw;color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td label{margin-right:1.2vw;margin-left:0.3vw;font-size:0.8333vw;color:#222;}
.terms{margin-top: 3.125vw;}
.terms dl{margin-bottom: 1.3021vw;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 1.0417vw;font-weight: 600;color: #333;}
.terms dl dd{font-size: 0.8333vw;line-height: 1.3em;color: #666;}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 0.7813vw 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 0.7292vw;font-weight: 600;color: #666;}
.terms table td{padding: 0.7813vw 0 0.7813vw 1.5625vw;border-bottom: 1px solid #d5d5d5;font-size: 0.7292vw;line-height: 1.4em;color: #666;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7813vw;padding: 1.5625vw 2.0833vw;background-color: #f5f5f5;}
.agree p{font-size: 0.9375vw;line-height: 1.2em;color: #333;}
.agree p span{font-size:0.7292vw;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.7292vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.0417vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.2604vw;font-size:0.8333vw;}
.btn_area{margin-top: 2.6042vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 8.3333vw;height:2.6042vw;font-size: 0.8333vw;font-weight: 600;transition: 0.3s;}
@media all and (max-aspect-ratio: 17/10){
	.bo_tbl table tr th{font-size:1.2vw;padding: 2vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td select{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td em{font-size:1.1vw;}
	.bo_tbl table tr td select ~ select{margin-left:0.9vw;}
	.bo_tbl table tr td label{margin-right:2vw;margin-left: 0.5vw;font-size: 1.1vw;}
	.terms{margin-top:5vw;}
	.terms dl{margin-bottom:2vw;}
	.terms dl dt{font-size: 1.5vw;margin-bottom:0.8vw;}
	.terms dl dd{font-size:1.1vw;}
	.terms table{margin-bottom:5vw;}
	.terms table th{padding:1.5vw 0;font-size:1vw;}
	.terms table td{padding:1.5vw 0 1.5vw 3vw;font-size:1vw;}
	.terms table.type2 td{padding: 1.5vw 0;}
	.agree p{font-size:1.2vw;}
	.agree p span{font-size:1vw;}
	.agree ul li ~ li{margin-left:2vw;}
	.agree ul li span{font-size:1.1vw;padding-left: 0.5vw;}
	.btn_area{margin-top:4vw;}
	.btn_area ul{gap:0 1vw;}
	.btn_area ul li button,
	.btn_area ul li a{width: 12vw;height: 3.4vw;font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.bo_tbl table tr th{font-size:1.5vw;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{font-size:1.5vw;height:4vw;}
	.bo_tbl table tr td input[type="text"]{max-width: 40vw;}
	.bo_tbl table tr td select,
	.bo_tbl table tr td #hp2,
	.bo_tbl table tr td #hp3{max-width: 12vw;}
	.bo_tbl table tr td em{font-size:1.5vw;margin: 0 0.6vw;}
	.bo_tbl table tr td > div{gap: 1vw 0;}
	.bo_tbl table tr td label{font-size:1.5vw;}
	.terms dl dt{font-size:2vw;margin-bottom:1vw;}
	.terms dl dd{font-size:1.4vw;}
	.terms table th,
	.terms table td{font-size:1.3vw;}
	.agree > div{padding: 2vw 3vw;}
	.agree p{font-size:1.5vw;}
	.agree p span{font-size:1.2vw;}
	.agree ul li span{font-size:1.4vw;}
	.btn_area ul li button, .btn_area ul li a{width:15vw;height:4vw;font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.bo_tbl table tr th{padding: 3vw 0 3vw 2vw;font-size: 1.8vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{padding: 0 2vw;max-width: 50vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width: 15vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td label{font-size:1.8vw;}
	.terms dl dt{font-size:2.4vw;}
	.terms dl dd{font-size:1.6vw;}
	.terms table th, .terms table td{font-size:1.5vw;}
	.agree p{font-size:1.8vw;}
	.agree p span{font-size:1.5vw;}
	.agree ul li span{font-size:1.6vw;}
	.btn_area{margin-top:6vw;}
	.btn_area ul{gap: 0 2vw;}
	.btn_area ul li{width:calc(45% - 1vw);}
	.btn_area ul li button, .btn_area ul li a{width:100%;height: 5vw;font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.bo_tbl table .col1{width:25%;}
	.bo_tbl table tr th{padding: 5vw 0 5vw 3vw;font-size:3.4vw;}
	.bo_tbl table tr td{padding: 3vw 0;}
	.bo_tbl table tr td input[type="text"]{padding:0 3vw;font-size:3.4vw;height:10vw;max-width:100%;width:100%;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width:30%;height:10vw;font-size:3.4vw;padding:0 3vw;}
	.bo_tbl table tr td .lc select{max-width:32%;}
	.bo_tbl table tr td em{margin:0;width:5%;text-align:center;font-size:3vw;}
	.bo_tbl table tr td select ~ select{margin-left: 2%;}
	.bo_tbl table tr td label{font-size:3.4vw;margin-right: 4vw;margin-left: 1vw;}
	.bo_tbl table tr td > div{gap: 2vw 0;}
	.terms{margin-top:10vw;}
	.terms table{margin-bottom:10vw;}
	.terms dl{margin-bottom:5vw;}
	.terms dl dt{font-size:4vw;margin-bottom:2vw;}
	.terms dl dd{font-size:3vw;}
	.terms table th,
	.terms table td{font-size:3vw;line-height:1.4em;}
	.terms table th{padding:3vw 1vw;}
	.terms table td{padding:3vw 1vw 3vw 3vw;}
	.terms table.type2 td{padding:3vw 1vw;}
	.agree > div{padding: 4vw;margin-bottom:3vw;display:block;}
	.agree p{font-size:3.4vw;line-height: 1.3em;}
	.agree p span{font-size:3vw;}
	.agree ul{margin-top:3vw;}
	.agree ul li span{font-size:3.2vw;}
	.agree ul li ~ li{margin-left:5vw;}
	.btn_area{margin-top:10vw;}
	.btn_area ul li button, .btn_area ul li a{height:10vw;font-size:3.6vw;}
}

/*sub_short*/
.sub_short .short{width:23vw;margin: 0 auto;}
.sub_short .short span{display:block;padding-bottom:177%;position:relative;}
.sub_short .short iframe{position:absolute;left:0;top:0;width:100%;height: 100%;}
@media all and (max-aspect-ratio: 17/10){
	.sub_short .short{width:30vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_short .short{width:35vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_short .short{width:55vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_short .short{width:100%;}
}

/* 08.11 추가*/
map area{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;outline:0;cursor:pointer}
img[usemap],map area{touch-action:manipulation}
.m_only {
    display: none !important;
}

@media (max-aspect-ratio: 1/1) {
    .m_only {
        display: block !important;
    }
    .pc_only {
        display: none !important;
    }
    .sub_architecture .area4 .detail .rig .in_sd .txt_sd,
    .sub_architecture .area4 .detail .rig .in_sd .txt_sd .swiper-slide {
        pointer-events: none;
    }
    .sub_architecture .area4 .map .sd > .swiper-wrapper {
        display: block;
    }
    .sub_architecture .area4 .detail {
        flex-direction: column;
    }    
    .sub_architecture .area4 .detail .rig {
        width: 100%;
    }
    .sub_architecture .area4 .detail .lef {
        width: 80%;
        padding-right: unset;
        margin: 40px auto;
    }
    .sub_architecture .area4 .detail .lef::before {
        display: none;
    }
    .sub_architecture .area4 .detail .rig .in_sd {
        width: 100%;
    }

    .sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dt {
        font-size: 4.5vw;
        padding-bottom: 4vw;
    }
    .sub_architecture .area4 .detail .rig .in_sd .txt_sd .t dl dd {
        font-size: 3vw;
    }
    .sub_architecture .area4 .detail .rig .in_sd .txt_sd .t i {
        width: 25vw;
    }
    .sub_architecture .area4 .sub_ori {
        padding-top: 3vw;
    }
    .sub_architecture .area5 {
        height: auto;
    }
    .sub_architecture .area5 .cir_sd  {
        display: none;
    }
    .sub_architecture .area5 .cir_area ul {
        padding: 25vw 0;
        flex-direction: column;
        gap: 15vw;
    }
    .wrap  .sub_architecture .area5 .cir_area ul > li {
        position: relative;
        top: unset;
        transform: unset;
        left: unset;
        right: unset;
    }
    .sub_architecture .area5 .cir_area .top_txt p span,
    .sub_architecture .area5 .cir_area .bot_txt dl dd p span {
        transform: unset;
    }
    .sub_architecture .area5 .cir_area .cir .img {
        clip-path: unset;
    }
    .sub_architecture .area5 .cir_area .bot_txt dl dt {
        opacity: 1;
        transform: unset;
    }
    
    .wrap .sub_architecture .area5 .cir_area ul > li {
        position: relative;
        margin: 0 3vw;
    }
    .wrap .sub_architecture .area5 .cir_area ul > li .cir {
        width: 69%;
        aspect-ratio: 1/1;
        padding-bottom: unset;
        margin: 0 auto 5vw;        
    }
    .sub_architecture .area5 .cir_area .top_txt {
        font-size: 5.5vw;        
        margin-bottom: 5vw;
    }
    .sub_architecture .area5 .cir_area .bot_txt dl dt {
        font-size: 4.5vw;
    }
    .sub_architecture .area4 .detail .rig .in_sd .img_sd{
        padding-bottom: 15vw;
    }
    .sub_architecture .area4 .detail .rig .in_sd .img_sd .img p {
        font-size: 22vw;
    }
    .sub_architecture .area5 .cir_area .bot_txt dl dd {
        color: #363e41;
        font-size: 3vw;        
        margin-top: 3vw;     
    }
    .sub_architecture .area6 .img {
        position: relative;
        width: 100%;
        transform: unset;
    }
    .sub_architecture .area6 {
        display: flex;
        flex-direction: column;
    }
    .sub_architecture .area6 .list {
        order: 3;
    }
    .sub_architecture .area6 .list dl {
        padding: unset;
    }
    .sub_architecture .area6 .list dl dt {
        font-size: 5vw;
    }
    .sub_architecture .area6 .list dl dd {
        font-size: 3vw;
        margin-top: 3vw;
    }
    .sub_architecture .area6 .img img {
        transition-delay: 0.5s;        
    }
    .sub_architecture .area6 .list li.mo {
        transform: translate(0, 100%);
        transition: 1.4s;
        transition-delay: 0.6s;
        opacity: 0;
    }
    .sub_architecture .area6 .list li.active {
        transform: unset;
        opacity: 1;
    }
    .sub_architecture .area6 .list li .inner.in_70 {
        padding: 8vw 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
    }
    .sub_architecture .area6 .list .c {
        position: relative;
        left: unset;
        top: unset;
        transition: 0.1s;
        transform: unset !important;
    }
    .sub_architecture .area6 .list .c span {
        transform: unset !important;
    }
    .sub_architecture .area6 .list li:hover .c span img {
        transform: none;
        opacity: 1;
        transition-delay: 0.2s;
    }
    .sub_architecture .area6 .list li .c span img {
        transform: none;
        opacity: 1;
        transition-delay: 0.2s;
    }
    .sub_architecture .area6 .list li .inner.in_70 dl {
        width: calc(60% - 15px);
    }
    .sub_architecture .area6 .list li .inner.in_70 .c {
        width: 30%;
    }
    .sub_architecture .area7 .box {
        flex-direction: column-reverse;
    }
    .sub_architecture .area7 .rig,
    .sub_architecture .area7 .lef {
        width: 100%;
    }
    .sub_architecture .area7 .rig .map {
        padding: unset;
    }
    .sub_architecture .area7 .lef ul {
        padding: 8vw 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sub_architecture .area5 .cir_area ul {
        overflow: hidden;
    }
    .sub_architecture .area5 .cir_area ul li.mo {
        transform: translate(-100%, 0);
        transition: 1.4s;
        transition-delay: 0.4s;
        opacity: 0;
    }
    
    .sub_architecture .area5 .cir_area.mo ul li.mo:nth-child(2) {
        transform: translate(100%, 0);
    }
    .sub_architecture .area5 .cir_area ul li.active,
    .sub_architecture .area5 .cir_area.mo ul li.active:nth-child(2) {
        transform: unset;
        opacity: 1;
    }
    .sub_architecture .area7 .lef ul li {
        padding: 3vw 0;
        width: 50%;        
    }
    .sub_architecture .area7 .lef dl dd {
        margin-top: 3.8vw;
    }
    .sub_architecture .area7 .lef dl dd p {
        font-size: 3vw;
    }
    .sub_architecture .area7 .lef dl dt i {        
        width: 12vw;
    }
    .sub_architecture .area7 .lef ul li ~ li::before {
        display: none;
    }
    .sub_architecture .area6 .list .bg {
        display: none;
    }
    .sub_architecture .area7 .lef ul li:nth-child(1),
    .sub_architecture .area7 .lef ul li:nth-child(3) {
        border-right: 1px solid #ebebeb;
    }
    .sub_architecture .area7 .lef ul li:nth-child(1),
    .sub_architecture .area7 .lef ul li:nth-child(2) {
        border-bottom: 1px solid #ebebeb;        
    }
    .sub_architecture .area7 .lef dl dd p {
        line-height: 1.6em;
    }
}

.sub_tit_mb {
    margin-bottom: clamp(60px, 8.59375vw, 165px);
}