@charset "utf-8";
*{overscroll-behavior: none;}
.c-scrollbar{display:none !important;}
.scrollbar-track{display:none !important;}
html{height:100%;}
body{height:100%;opacity: 0;}
body.open{opacity: 1;transition: 1s;}
.wrap{overflow:hidden;width: 100%;height:100%;position: relative;transition:1s;}
.fp-viewing-3 .wrap{background-color:#000;}
.mo_tb{display:none;}
.mo_br{display:none;}
.cursor{position: absolute;border-radius: 50%;width: 7.2917vw;height: 7.2917vw;z-index: 1;left: 0 !important;top: 0 !important;pointer-events: none;z-index: 99;}
.cursor span{display: block;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.cursor span em{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(182,134,57,0.7);border-radius: 50%;transform: scale(0);transition: 0.6s;}
.cursor span em img{width: 1.25vw;transform: rotate(0deg) scale(0);transition: 0.4s;}
.cursor.on span em{transform: scale(1);}
.cursor.on span em img{transform: rotate(-90deg) scale(1);transition-delay: 0.3s;}
.mo .cursor{display:none;}
@media all and (max-aspect-ratio: 12/10){
	.cursor{display:none;}
}
@media all and (max-aspect-ratio: 1/1){
	.mo_tb{display:block;}
}
@media all and (max-aspect-ratio: 6/10){
	.mo_br{display:block;}
	.mo_br.inline{display:inline;}
	.pc_br{display:none;}
	.mo_tb{display:none;}
}

header{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;padding: 0 3.6458vw;transform: translate(0,-100%);transition: 0.8s;transition-delay: 0.3s;}
header .head_in{position: relative;}
header h1{position: absolute;left: 0;top: 1.5625vw;transition:0.4s;}
header h1 a{display: block;width: 9.8438vw;height: 2.7083vw;position:relative;}
header h1 a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/logo-wh.svg) no-repeat center / contain;transition: 0.4s;}
header h1 a::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/loco-co.svg) no-repeat center / contain;opacity:0;transition: 0.4s;}
header .gnb{display: flex;justify-content: center;}
header .gnb .dep1{display: flex;padding: 1.3vw 0;gap: 0 0.1vw;transition: 0.3s;}
header .gnb .dep1 > li{position: relative;}
header .gnb .dep1 > li > a{display: block;padding: 0 2.25vw;}
header .gnb .dep1 > li > a span{display: block;padding: 1.0417vw 0 1.3021vw;position: relative;font-size: 1.0417vw;font-weight: 600;letter-spacing: -0.05em;color: #fff;transition: 0.4s;}
header .gnb .dep1 > li > a span::before{content: "";position: absolute;left: 50%;top: 0;background-color: #fff;width: 4px;height: 4px;margin-left: -2px;transform: rotate(0deg) scale(0);transition: 0.4s;transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);}
header .gnb .dep2{position: absolute;left: 0;top: 100%;width: 100%;overflow: hidden;max-height: 0;transition: 0.5s;}
header .gnb .dep2 ul{background-color: #fff;border: 1px solid #ddd;border-radius: 0.2604vw;}
header .gnb .dep2 li ~ li{border-top: 1px solid #ddd;}
header .gnb .dep2 a{display: block;text-align: center;color: #000;font-size: 0.7292vw;line-height: 3.2em;transition: 0.3s;}
header .gnb .dep2 a:hover{color:#fff;font-weight: 700;background-color: #b68639;}
header .gnb .dep1 > li:hover > a span::before{transform: rotate(135deg) scale(1);}
header .rig{position: absolute;right: 0;top: 1.8229vw;display: flex;align-items: center;gap: 0 2.0833vw;}
header .rig .int a{width:5.9375vw;height: 2.0833vw;gap: 0 0.4688vw;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 5vw;overflow: hidden;position: relative;transition: 0.3s;}
header .rig .int a::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: -1;transform: translate(-100%,0);transition: 0.4s;}
header .rig .int a em{width: 1.0938vw;height: 1.0938vw;background: url(../images/int-wh.png) no-repeat center / contain;transition: 0.3s;}
header .rig .int a span{color: #fff;font-size: 0.6771vw;transition: 0.3s;}
header .rig .int a:hover::before{transform:none;}
header .rig .int a:hover em{background-image: url(../images/int-bl.png);}
header .rig .int a:hover span{color: #000;}
header .rig .nav_btn button{display: block;border: none;background: none;height: 2.0833vw;}
header .rig .nav_btn button span{display: block;width: 2.3438vw;height: 3px;background-color: #fff;transition: 0.4s;}
header .rig .nav_btn button span ~ span{margin-top: 0.4167vw;}
.open header{transform: none;}
header.co h1 a::before{opacity:0;}
header.co h1 a::after{opacity:1;}
header.co .gnb .dep1 > li > a span{color: #000;}
header.nav_on{background:transparent !important;}
header.nav_on h1 a::after{opacity:0 !important;}
header.nav_on h1 a::before{opacity:1 !important;}
header.co .rig .int a,
header.nav_on .rig .int a{border: 1px solid #000;}
header.co .rig .int a span,
header.nav_on .rig .int a span{color: #000;}
/* int 수정 */
header.co .rig .int:hover a,
header.nav_on .rig .int:hover a{border: 1px solid #b68639;}
header.co .rig .int a::before,
header.nav_on .rig .int a::before{background: #b68639;}
header.co .rig .int a em,
header.nav_on .rig .int a em{background-image: url(../images/int-bl.png);}
header.co .rig .int a:hover em,
header.nav_on .rig .int a:hover em{background-image: url(../images/int-wh.png);}
header.co .rig .int a:hover span,
header.nav_on .rig .int a:hover span{color: #fff;}
header.co .rig .nav_btn button span,
header.nav_on .rig .nav_btn button span{background-color: #000;}
header.nav_on .gnb .dep1{opacity: 0;pointer-events: none;}
header.nav_on .rig .nav_btn button span:nth-child(1){transform: translate(0,150%) rotate(45deg);}
header.nav_on .rig .nav_btn button span:nth-child(2){transform: translate(0,-200%) rotate(-45deg);}
@media all and (max-aspect-ratio: 17/10){
	header h1{top: 1.4vw;}
	header h1 a{width: 13vw;height: 3.5vw;}
	header .gnb .dep1 > li > a{padding: 0 2.5vw;}
	header .gnb .dep1 > li > a span{font-size: 1.3vw;padding: 1.2vw 0 1.3vw;}
	header .gnb .dep1 > li > a span::before{width: 6px;height: 6px;margin-left: -3px;}
	header .gnb .dep2 a{font-size: 0.9vw;line-height: 2.8em;}
	header .rig{top: 2.1vw;}
	header .rig .int a{width: 7.5vw;height: 2.4vw;}
	header .rig .int a em{width: 1.3vw;height: 1.3vw;}
	header .rig .int a span{font-size: 1vw;}
	header .rig .nav_btn button span{width: 3vw;}
	header .rig .nav_btn button span ~ span{margin-top: 0.6vw;}
	header.nav_on .rig .nav_btn button span:nth-child(1){transform: translate(0, 200%) rotate(45deg);}
}
@media all and (max-aspect-ratio: 12/10){
	header h1{top:2.4vw;}
	header h1 a{width: 18vw;height: 5vw;}
	header .gnb{display:none;}
	header .rig{top:3.3vw;gap: 0 3vw;}
	header .rig .int a{width: 12vw;height: 3.5vw;gap: 0 1vw;}
	header .rig .int a em{width: 2vw;height: 2vw;}
	header .rig .int a span{font-size: 1.5vw;}
	header .rig .nav_btn button{height:3vw;}
	header .rig .nav_btn button span{width: 3.5vw;}
	header.nav_on .rig .nav_btn button span:nth-child(1){transform: translate(0, 150%) rotate(45deg);}
}
@media all and (max-aspect-ratio: 1/1){
	header h1 a{width: 23vw;height: 7vw;}
	header .rig{gap: 0 4vw;}
	header .rig .int a{width: 16vw;height: 5vw;}
	header .rig .int a em{width: 3vw;height: 3vw;}
	header .rig .int a span{font-size: 2vw;}
	header .rig .nav_btn button{height:4vw;}
	header .rig .nav_btn button span{width: 5vw;}
	header .rig .nav_btn button span ~ span{margin-top: 1vw;}
}
@media all and (max-aspect-ratio: 6/10){
	header{padding: 3.8889vw 5.5556vw;}
	header .head_in{display:flex;align-items:center;justify-content:space-between;}
	header h1{position:static;}
	header h1 a{width:34.1667vw;height:9.4444vw;}
	header .rig{position:static;gap:0 5.5556vw}
	header .rig .int a{width:25.2778vw;height:8.3333vw;gap:0 1.8056vw;}
	header .rig .int a em{width:4.4444vw;height:4.4444vw;}
	header .rig .int a span{font-size:3.3333vw;}
	header .rig .nav_btn button{height: 6vw;}
	header .rig .nav_btn button span{width:8.3333vw;height:0.8333vw;}
	header .rig .nav_btn button span ~ span{margin-top:1.9444vw;}
	header.nav_on h1{opacity:0;pointer-events:none;}
}

nav{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 98;width: 100%;height: 100%;transform: translate(0,-100%);transition: 1s;}
nav .area{display: flex;height: 100%;background-color: #fff;}
nav .lef{width:29%;overflow: hidden;position: relative;}
nav .lef .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/nav-bg.jpg) no-repeat center / cover;opacity: 0;transform: scale(1.3);transition: 1.5s;}
nav .rig{width:71%;display: flex;align-items: center;}
nav .box{width:100%;overflow: hidden;}
nav .tbl{padding: 0 3.6458vw 0 6.25vw;}
nav .tbl > li{display: flex;align-items: center;padding: 2.6042vw 0;position: relative;opacity: 0;transform: translate(10%,0);transition: 0.8s;}
nav .tbl > li ~ li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #ddd;transform: scaleX(0);transform-origin: 0 0;transition: 0.8s;}
nav .tbl > li > strong{display:flex;width: 24%;color: #000;font-weight: 700;font-size: 1.875vw;position:relative;transition: 0.3s;}
nav .tbl > li > strong a{display:block;position:relative;}
nav .tbl .d2{width: 76%;overflow: hidden;transition:0.4s;}
nav .tbl .d2 ul{display: flex;}
nav .tbl .d2 ul li{width: 25%;display: flex;}
nav .tbl .d2 ul li a{display: flex;gap: 0 10px;align-items: center;}
nav .tbl .d2 ul li a span{display:block;color: #000;font-size: 0.9375vw;letter-spacing: -0.05em;transition: 0.3s;}
nav .tbl .d2 ul li i{width: 0.4167vw;opacity: 0;transform: translate(-100%,0);transition: 0.3s;}
nav.on{transform: none;}
nav.on .tbl > li{opacity: 1;transform: none;}
nav.on .tbl > li:nth-child(1){transition-delay: 0.6s;}
nav.on .tbl > li:nth-child(2),
nav.on .tbl > li:nth-child(2)::before{transition-delay: 0.7s;}
nav.on .tbl > li:nth-child(3),
nav.on .tbl > li:nth-child(3)::before{transition-delay: 0.8s;}
nav.on .tbl > li:nth-child(4),
nav.on .tbl > li:nth-child(4)::before{transition-delay: 0.9s;}
nav.on .tbl > li:nth-child(5),
nav.on .tbl > li:nth-child(5)::before{transition-delay: 1s;}
nav.on .tbl > li::before{transform: none;}
nav.on .lef .img{opacity: 1;transform: none;transition-delay: 0.3s;}
@media all and (max-aspect-ratio: 17/10){
	nav .tbl > li{padding: 3vw 0;}
	nav .tbl > li > strong{font-size: 2vw;}
	nav .tbl .d2 ul li a span{font-size: 1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	nav .area{display:block;}
	nav .lef{width:100%;height:30%;}
	nav .rig{width:100%;height:70%;}
	nav .tbl{padding: 0 5vw;}
	nav .tbl > li > strong{font-size: 2.5vw;}
	nav .tbl .d2 ul li a span{font-size: 1.7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	nav .tbl > li{padding: 5vw 0;}
	nav .tbl > li > strong{font-size: 3vw;width: 22%;}
	nav .tbl .d2{width:78%;}
	nav .tbl .d2 ul li a span{font-size: 2.2vw;}
}
@media all and (min-aspect-ratio: 6/10){
	nav .tbl > li:hover > strong{color: #b68639;}
	nav .tbl .d2 li a:hover span{color: #b68639;}
	nav .tbl .d2 li a:hover i{opacity: 1;transform: none;}
}
@media all and (max-aspect-ratio: 6/10){
	nav .lef{display:none;}
	nav .rig{height:100%;}
	nav .tbl{padding: 0 calc(var(--vh, 1vh) * 2.7778);}
	nav .tbl > li{display:block;padding:0;}
	nav .tbl > li ~ li::before{display:none;}
	nav .tbl > li > strong{display:block;font-size:calc(var(--vh, 1vh) * 3.3333);width:100%;}
	nav .tbl > li > strong a{padding: calc(var(--vh, 1vh) * 3.4722) calc(var(--vh, 1vh) * 1.3889);}
	nav .tbl > li > strong::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-bottom: 1px solid #ddd;box-sizing: border-box;z-index:1;}
	nav .tbl > li > strong::after{content:"";position:absolute;right:calc(var(--vh, 1vh) * 1.3889);top:50%;transform:translate(0,-50%);width:calc(var(--vh, 1vh) * 1.6667);height:calc(var(--vh, 1vh) * 1.1111);background:url(../images/nav-arr-m.svg) no-repeat center / contain;z-index:1;transition:0.4s;}
	nav .tbl > li.only > strong::after{display:none;}
	nav .tbl > li.only > strong a{z-index:2;}
	nav .tbl .d2{width:100%;max-height: 0;}
	nav .tbl .d2 ul{padding: calc(var(--vh, 1vh) * 3.4722) calc(var(--vh, 1vh) * 1.3889);display:block;}
	nav .tbl .d2 ul li{width:100%;opacity:0;transform:translate(10%,0);transition:0.6s;}
	nav .tbl .d2 ul li i{display:none;}
	nav .tbl .d2 ul li a span{font-size:calc(var(--vh, 1vh) * 2.2222);line-height:2.78em;}
	nav .tbl > li.active > strong::after{transform:rotate(180deg);}
	nav .tbl .active .d2 ul li{opacity:1;transform:none;}
	nav .tbl .active .d2 ul li:nth-child(1){transition-delay:0.1s;}
	nav .tbl .active .d2 ul li:nth-child(2){transition-delay:0.2s;}
	nav .tbl .active .d2 ul li:nth-child(3){transition-delay:0.3s;}
	nav .tbl .active .d2 ul li:nth-child(4){transition-delay:0.4s;}
	nav .tbl .active .d2 ul li:nth-child(5){transition-delay:0.5s;}
}

.main-section-container{
    position: relative;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    margin-bottom: calc(var(--vh, 1vh) * 100);
}

#sec1{overflow:hidden;}
.vis{height: 100%;position: relative;overflow: hidden; z-index: 10;transition:1.4s;}
.vis .sd{height: 100%;position: relative;}
.vis .sd .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.vis .sd .bg::before{content: "";display: block;width: 100%;height: 100%;background: no-repeat center / cover;transform: scale(1.3);filter: blur(1.5vw);transition: 2s;}
.vis .sd .sd1 .bg::before{background-image: url(../images/vis1.jpg);}
.vis .sd .sd2 .bg::before{background-image: url(../images/vis2.jpg);}
.vis .sd .sd3 .bg::before{background-image: url(../images/vis3.jpg);}
.vis .sd .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
.vis .sd .txt .box{transition:1s;transition-delay:0.6s;}
.vis .sd .txt .tit{margin-bottom:2.3438vw;}
.vis .sd .txt .tit p{overflow: hidden;font-size: 3.3333vw;line-height: 1.38em;color: #fff;font-weight: 700;perspective: 10vw;}
.vis .sd .txt .tit p span{display: block;transform: translate(0,100%) rotateX(-40deg);transition: 1s;}
.vis .sd .txt .link{display: flex;justify-content: center;opacity: 0;transform: translate(0,70%);transition: 0.8s;}
.vis .sd .txt .link a{display: flex;align-items: center;justify-content: space-between;gap: 0 2.6042vw;padding: 0 1.3021vw 0 1.5625vw;position: relative;overflow: hidden;;border-radius: 5vw;backdrop-filter: blur(0.6vw);-webkit-backdrop-filter: blur(0.6vw);transition: 0.5s;}
.vis .sd .txt .link a::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.65);z-index:-1;transition: 0.6s;}
.vis .sd .txt .link a span{color: #010000;font-size: 0.7292vw;font-weight: 500;line-height: 4.29em;}
.vis .sd .txt .link a em{width: 0.8333vw;transition: 0.4s;}
.vis .sd .txt .link a:hover{box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.vis .sd .txt .link a:hover::before{background-color: rgba(255,255,255,1);}
.vis .sd .txt .link a:hover em{transform:translate(30%,0);}
.vis .cont{position: absolute;z-index: 10;left: 3.6458vw;top: 50%;display: flex;flex-direction: column;align-items: center;transform: translate(calc(-100% - 3.6458vw),-50%);transition: 0.8s;transition-delay: 0.6s;}
.vis .cont p{color: #fff;font-size: 0.75rem;font-weight: 500;letter-spacing: 0.05em;}
.vis .cont .bar{margin: 15px 0;position: relative;width: 1px;height: 200px;background-color: rgba(255,255,255,0.3);}
.vis .cont .bar span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;transform: scaleY(0);transform-origin: 0 0;}
.vis .cont .bar.active span{transform:none;transition: 3.9s linear;}
.vis .cont .arr{margin-top: 15px;}
.vis .cont .arr button{display: block;border: none;background: url(../images/vis-arr.svg) no-repeat center / contain;width: 11px;height: 6px;}
.vis .cont .arr .next{transform: rotate(180deg);margin-top: 20px;}
.vis .scr{position: absolute;z-index: 10;width: 130px;height: 130px;bottom: 6.25%;right: 3.6458vw;transform: scale(0);opacity: 0;transition: 1s;transition-delay: 1.5s;}
.vis .scr::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/scr-arr.png?ver=1) no-repeat center / contain;opacity: 0;transform: translate(0,-15%);transition: 0.8s;transition-delay: 2s;}
.vis .scr::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/scr-txt.png?ver=1) no-repeat center / contain;animation: rotate 6s linear infinite;}
.open .vis .sd .swiper-slide-active .bg::before{transform: none;filter: blur(0);}
.open .vis .sd .swiper-slide-active .txt .tit p span{transform:none;}
.open .vis .sd .swiper-slide-active .txt .tit p:nth-child(1) span{transition-delay: 0.6s;}
.open .vis .sd .swiper-slide-active .txt .tit p:nth-child(2) span{transition-delay: 0.8s;}
.open .vis .sd .swiper-slide-active .txt .link{opacity: 1;transform: none;transition-delay: 1.3s;}
.open .vis .cont{transform: translate(0,-50%);}
.open .vis .scr{opacity: 1;transform: none;}
.open .vis .scr::before{opacity: 1;transform: none;}
@keyframes rotate {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.fp-viewing-1 .vis{transform:translate(0,60%);}
.fp-viewing-1 .vis .cont{opacity:0;transform:translate(0,-70%);transition-delay:0s;}
.fp-viewing-1 .vis .sd .txt .box{transform:translate(0,-30%);opacity:0;transition-delay:0s;}
.fp-viewing-1 .vis .scr{opacity:0;transform:translate(0,-50%);transition-delay:0s;}
@media all and (max-aspect-ratio: 17/10){
	.vis .cont p{font-size: 1rem;}
	.vis .cont .bar{margin: 20px 0;}
	.vis .cont .arr{margin-top: 20px;}
	.vis .cont .arr button{width: 18px;height: 22px;}
	.vis .sd .txt .tit{margin-bottom: 3vw;}
	.vis .sd .txt .tit p{font-size: 3.6vw;line-height: 1.45em;}
	.vis .sd .txt .link a{padding: 0 2vw;}
	.vis .sd .txt .link a span{font-size: 0.9vw;line-height: 4em;}
}
@media all and (max-aspect-ratio: 12/10){
	.vis .cont .bar{height:170px;}
	.vis .sd .txt .tit{margin-bottom: 5vw;}
	.vis .sd .txt .tit p{font-size: 4.7vw;}
	.vis .sd .txt .link a{padding: 0 3vw;}
	.vis .sd .txt .link a span{font-size: 1.4vw;}
	.vis .sd .txt .link a em{width: 1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.vis .sd .sd1 .bg::before{background-image: url(../images/mvis1.jpg);}
	.vis .sd .sd2 .bg::before{background-image: url(../images/mvis2.jpg);}
	.vis .sd .sd3 .bg::before{background-image: url(../images/mvis3.jpg);}
	.vis .sd .txt .tit p{font-size: 5vw;}
	.vis .sd .txt .link a span{font-size: 1.6vw;}
	.vis .sd .txt .link a em{width:1.8vw;}
	.vis .cont .bar{height:200px;}
}
@media all and (max-aspect-ratio: 6/10){
	.vis .sd .txt .box{margin-top:calc(var(--vh, 1vh) * -3);}
	.vis .sd .txt .tit{margin-bottom:9.7222vw;opacity:0;transform:translate(0,30%);transition:1s;}
	.vis .sd .txt .tit p{font-size:11.1111vw;line-height:1.25em;}
	.vis .sd .txt .tit p span{transform:none;}
	.vis .sd .txt .link a{gap: 0 6.9444vw;border-radius: 7vw;padding: 0 5.5556vw;}
	.vis .sd .txt .link a span{font-size:2.7778vw;}
	.vis .sd .txt .link a em{width:2.9167vw;}
	.vis .cont{flex-direction: row;top:auto;bottom:calc(var(--vh, 1vh) * 4.1667);left:0;justify-content: center;;width:100%;opacity:0;transform: translate(0, 100%);}
	.vis .cont .bar{height:3px;width:60vw;margin:0 2.7778vw;}
	.vis .cont .bar span{transform:scaleX(0);}
	.vis .cont .arr{margin: 0;margin-left:4.1667vw;display:flex;gap:0 3.4722vw;}
	.vis .cont .arr button{width:4.4444vw;height:4.4444vw;}
	.vis .cont .arr .prev{transform:rotate(-90deg);}
	.vis .cont .arr .next{margin:0;transform:rotate(90deg);}
	.vis .scr{width:19.4444vw;height:19.4444vw;right:5.5556vw;bottom:calc(var(--vh, 1vh) * 9.7222);}
	.open .vis .cont{transform:none;opacity:1;}
	.open .vis .sd .swiper-slide-active .txt .tit{opacity:1;transform:none;transition-delay:0.8s;}
}

/* .brand-wrap{height: calc(var(--vh, 1vh) * 100);position: relative;overflow: hidden;margin-top: calc(var(--vh, 1vh) * -100);z-index:2;} */
.section01-wrap{width: 100%; height: 100vh; height: 100svh;}
.brand1-controll{width: 100vw; height: 100vh; height: 100svh;position: absolute; top: 0; left: 0; }
.brand-wrap{position: absolute; top: 25%; left: 0; width: 100%; height: 100svh; z-index: 10;}
.brand-wrap.active{top: 0;}
.mobile-wrapper{display: none;}
@media all and (max-width: 1024px){
    .mobile-wrapper{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} 
    .mobile-wrapper .btn{position: absolute; width: 80%; height: 20%; display: block; position: absolute; bottom: 26%; left: 10%;}
    .mobile-wrapper .arr-btns{position: absolute; bottom: calc(var(--vh, 1vh) * 4.1667); width: calc(100% - 10px); display: flex; justify-content: flex-end; gap: 0 3.4722vw; z-index: 100;}
    .mobile-wrapper .arr-btns .next,
    .mobile-wrapper .arr-btns .prev{width: 4.1667vw; height: 4.1667vw;}
}

.brand_box{height:100%;transition: 1.4s;transform:translate(0,-60%);}
.brand_area1{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.brand_area1 .door{width:100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}
.brand_area1 .door .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition:1.5s;transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.brand_area1 .door .bg span{display:block;height:100%;background: url(../images/brand-door.jpg) no-repeat center / cover;transition:1.5s;}
.brand_area1 .door .lef{clip-path:polygon(0% 0%, 51% 0%, 51% 100%, 0% 100%);}
.brand_area1 .door .rig{clip-path:polygon(49% 0%, 100% 0%, 100% 100%, 49% 100%);}
.brand_area1 .door .logo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.brand_area1 .door .logo span{display: block;}
.brand_area1 .door .logo span em{display: block;}
.brand_area1 .door .logo .t{position: absolute;right: 50%;top: 50%;transform: translate(50%,-50%);width: 13.2813vw;margin-top: -0.4vw;}
.brand_area1 .door .logo .t span{transform: translate(2.9688vw,0);}
.brand_area1 .door .logo .t span em{opacity: 0;transform: translate(4vw,0);transition:0.6s;}
.brand_area1 .door .logo .i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 5.5208vw;}
.brand_area1 .door .logo .i span{transform: translate(-6.7708vw,0);}
.brand_area1 .door .logo .i span em{transform: translate(6.7708vw,0);transition:0.6s;}
.brand_area1 .door .logo .i svg{display: block;transform: scale(1.5);transition:0.6s;}
.brand_area1 .door .logo .i svg path,
.brand_area1 .door .logo .i svg polyline{fill: none;stroke: #fff;stroke-miterlimit: 0;stroke-width: 11px;}
.brand_area1 .door .logo .i svg .p1{stroke-dasharray: 250px;stroke-dashoffset: 250px;}
.brand_area1 .door .logo .i svg .p2{stroke-dasharray: 185px;stroke-dashoffset: 185px;}
.brand_area1 .door .logo .i svg * {transition: 1s;}
.brand_area1 .door .logo.first .i svg .p1,
.brand_area1 .door .logo.first .i svg .p2{stroke-dashoffset: 0;}
.brand_area1 .door .logo .i,
.brand_area1 .door .logo .t{transition: 1.2s;}
.brand_area1 .door .logo .i span,
.brand_area1 .door .logo .t span{transition:0.8s;}
.fp-viewing-1 .brand_box{transform:none;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_box{transform:translate(0,100%);}
body:not(.fp-viewing-0) .brand_area1 .door .logo .i svg .p1,
body:not(.fp-viewing-0) .brand_area1 .door .logo .i svg .p2{stroke-dashoffset: 0;transition-delay:0.4s;}
body:not(.fp-viewing-0) .brand_area1 .door .logo .i svg,
body:not(.fp-viewing-0) .brand_area1 .door .logo .i span em{transform:none;transition-delay:1s;}
body:not(.fp-viewing-0) .brand_area1 .door .logo .t span em{opacity:1;transform:none;transition-delay:1.2s;}
body:not(.fp-viewing-0) .brand_area1 .door .logo .t{right: 15%;transition-delay:2.2s;}
body:not(.fp-viewing-0) .brand_area1 .door .logo .i{left: 15%;transition-delay:2.2s;}
body:not(.fp-viewing-0) .brand_area1 .door .logo .t span,
body:not(.fp-viewing-0) .brand_area1 .door .logo .i span{opacity:0;transition-delay:2.2s;}
body:not(.fp-viewing-0) .brand_area1 .door .lef{transform:translate(-51%,0);transition-delay:2.4s;}
body:not(.fp-viewing-0) .brand_area1 .door .rig{transform:translate(51%,0);transition-delay:2.4s;}
body:not(.fp-viewing-0) .brand_area1 .door .lef span{transform:translate(-20%,0);filter:blur(1vw);transition-delay:2.4s;}
body:not(.fp-viewing-0) .brand_area1 .door .rig span{transform:translate(20%,0);filter:blur(1vw);transition-delay:2.4s;}
@media all and (min-width: 1025px){
	.brand_area1 .door .logo.last .i{transform: translate(-20vw, -50%);}
	.brand_area1 .door .logo.last .t{transform: translate(20vw, -50%);}
	.brand_area1 .door .logo.end .i{transform: translate(-50vw, -50%); opacity: 0;}
	.brand_area1 .door .logo.end .t{transform: translate(50vw, -50%); opacity: 0;}
}
@media all and (max-width: 1024px){
	.brand_area1 .door .logo.last .i{transform: translate(-15vw, -50%);}
	.brand_area1 .door .logo.last .t{transform: translate(30vw, -50%);}
	.brand_area1 .door .logo.end .i{transform: translate(-35vw, -50%); opacity: 0;}
	.brand_area1 .door .logo.end .t{transform: translate(65vw, -50%); opacity: 0;}
	.brand_area1 .door .lef,
	.brand_area1 .door .rig{transition: 1.5s;}
	.brand_area1 .door.last .lef{clip-path: polygon(0% 0%, 10% 0%, 10% 100%, 0% 100%);transform: translate(-10%,0);}
	.brand_area1 .door.last .rig{clip-path: polygon(90% 0%, 100% 0%, 100% 100%, 90% 100%);transform: translate(10%,0);}
}
@media all and (max-aspect-ratio: 17/10){
	.brand_area1 .door .logo .i{width:6.7708vw;}
	.brand_area1 .door .logo .i span{transform: translate(-8.3333vw, 0);}
	.brand_area1 .door .logo .i span em{transform: translate(8.3333vw, 0);}
	.brand_area1 .door .logo .t{width:16.1979vw;}
	.brand_area1 .door .logo .t span{transform: translate(3.6458vw, 0);}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_area1 .door .logo .i{width:8.8vw;}
	.brand_area1 .door .logo .i span{transform: translate(-10.85vw, 0);}
	.brand_area1 .door .logo .i span em{transform: translate(10.85vw, 0);}
	.brand_area1 .door .logo .t{width:21vw;}
	.brand_area1 .door .logo .t span{transform: translate(4.75vw, 0);}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_area1 .door .bg span{background-image:url(../images/brand-door-m.jpg);}
	.brand_area1 .door .logo .i{width:10.56vw;}
	.brand_area1 .door .logo .i span{transform: translate(-13vw, 0);}
	.brand_area1 .door .logo .i span em{transform: translate(13vw, 0);}
	.brand_area1 .door .logo .t{width:25.2vw;margin-top: -0.8vw;}
	.brand_area1 .door .logo .t span{transform: translate(5.8vw, 0);}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_area1 .door .logo .i{width:14.7222vw;}
	.brand_area1 .door .logo .i span{transform: translate(-18.1944vw, 0);}
	.brand_area1 .door .logo .i span em{transform: translate(18.1944vw, 0);}
	.brand_area1 .door .logo .t{width:35.4167vw;margin-top: -1vw;}
	.brand_area1 .door .logo .t span{transform: translate(7.9167vw, 0);}
	.brand_area1 .door .logo .t span em{transform: translate(8vw, 0);}
}

/* .brand_area2{height: calc(var(--vh, 1vh) * 100);margin-top:calc(var(--vh, 1vh) * -300);z-index:5;} */
.brand_area2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;transition-delay:2s;}
.brand_area2 .area2{width:100%;height: 100%;position: absolute;left: 0;top: 0;overflow:hidden;}
.brand_area2 .area2 .bg{overflow:hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:scale(1.2);transition:1.5s;}
.brand_area2 .area2 .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/brand-area1.jpg) no-repeat center / cover;transition:1.5s;}
.brand_area2 .area2 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;}
.brand_area2 .area2 .txt > div{transform: translate(0,30%);transition:1.5s;}
.brand_area2 .area2 .txt p{transition:1s;transition-delay:0.6s;}
.brand_area2 .area2 .txt p span{display: block;color: #fff;font-size: 4.5833vw;font-family: "Cormorant Garamond";letter-spacing: 0.05em;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-image: linear-gradient(110deg, #fff 0%,#fff 33.33%, transparent 66.66%, transparent 100%);background-repeat: no-repeat;background-size: 300% 100%;background-position: 100% 50%;}
.brand_area2 .area2 .txt em{width: 1px;height: calc(var(--vh, 1vh) * 8.8);display: block;margin: 1.4vw auto;position: relative;transform: scaleY(0);transition:0.8s;}
.brand_area2 .area2 .txt em::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 70%, transparent 100%);mask-position: 0 0;mask-size: 100% 100%;mask-repeat: no-repeat;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area2{opacity:0;transition-delay:0s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .bg{transform:none;transition-delay:2.4s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .txt > div{transform:none;transition-delay:2.6s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .txt .t{opacity:0;transform:translate(0,-200%);transition-delay:3.9s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .txt .b{opacity:0;transform:translate(0,200%);transition-delay:3.9s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .txt p span{background-position: 0% 50%;transition-delay:2.6s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .txt em{transform:none;transition-delay:2.8s;}
body:not(.fp-viewing-0) .brand_area2 .area2 .bg::before{transform:scale(1.2);transition-delay:3.9s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_area2 .area2 .txt p span{font-size: 5.5vw;}
	.brand_area2 .area2 .txt em{margin: 2.5vw auto;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_area2 .area2 .txt p span{font-size:7vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_area2 .area2 .txt p span{font-size: 9vw;}
	.brand_area2 .area2 .txt em{margin: 5vw auto;}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_area2 .area2 .txt p span{font-size:12.2222vw;}
	.brand_area2 .area2 .txt em{margin: calc(var(--vh, 1vh) * 2.7778) auto;height: calc(var(--vh, 1vh) * 6);}
}

.brand_area2 .area2 .txt p span{transition: 1.5s;}
.brand_area2 .area2 .txt.first p span{background-image: linear-gradient(110deg, #fff 100%, transparent 200%);}
/* .brand_area2 .area2 .txt > div{transition: 1s;}
.brand_area2 .area2 .txt.first > div{transform: translate(0,0);} */

/* brand2 모선 */
.brand_area2.active .area2 .txt > div{transform: translate(0,0);}

@media all and (max-width: 1024px){
    .brand1-controll{z-index: 100;}

    .vis .cont{z-index: 102;}
}

/* .brand_area3{height: calc(var(--vh, 1vh) * 100);margin-top:calc(var(--vh, 1vh) * -320);z-index:3;} */
.brand_area3{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;transition:1.4s;}
.brand_area3 .area3{width:100%;height: 100%;position: absolute;left: 0;top: 0;clip-path: polygon(50% calc(50% - 100vw), calc(50% + 100vw) 50%, 50% calc(50% + 100vw), calc(50% - 100vw) 50%); overflow: hidden;}
.brand_area3 .area3 .box{height: 100%; width: 100%;}
.brand_area3 .area3 .rect{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden; display: flex; justify-content: center; align-items: center; }
.brand_area3 .area3 .rect .img-wrap{position: absolute;top: 0;left: 50%;transform: translateX(-50%); transition: 1s;display: flex;align-items: center;width: 100%;height: 100%;}
.brand_area3.active .area3 .rect .img-wrap{transform: translateX(-50%) rotateY(0deg);}
.brand_area3 .area3 .rect .img{position: absolute; left: 50%; top: 50%; width:  120vw; height: 120vw; transform: translate(-50%, -50%) rotate(45deg); overflow: hidden;clip-path: inset(50%); display: block;transition:0s;transition-delay:1.4s;}
.brand_area3 .area3 .rect .img span{display: block;width: 100vw;height: 100svh;transform: translate(-50%, -50%) rotate(-45deg);position: absolute;top: 50%;left: 50%;}
.brand_area3 .area3 .rect .img span em{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:1s;}
.brand_area3 .area3 .rect .img span em::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1.2);background: url(../images/brand-rect.jpg) no-repeat center/ cover;transition:1.5s;}
.brand_area3 .area3 .rect .img .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);opacity: 0;transition:0.6s;}
.brand_area3 .area3 .rect .r_t{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;transition:0.8s;transition-delay:1s;}
.brand_area3 .area3 .rect .r_t > div{margin-bottom: calc(var(--vh, 1vh) * -6.25);transform: translate(0,20%);transition:1s;}
.brand_area3 .area3 .rect .r_t dl{margin-bottom: 3.125vw;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-image: linear-gradient(110deg, #fff 0%,#fff 33.33%, transparent 66.66%, transparent 100%);background-repeat: no-repeat;background-size: 300% 100%;background-position: 100% 50%;transition:1.5s;}
.brand_area3 .area3 .rect .r_t dl dt{color: #fff;font-family: 'Pretendard';font-weight: 700;font-size: 2.9167vw;margin-bottom: 3.125vw;}
.brand_area3 .area3 .rect .r_t dl dd{color: #fff;font-family: 'Pretendard';font-size: 1.0417vw;line-height: 1.8em;}
.brand_area3 .area3 .rect .r_t dl dd em{font-family: "Noto Sans KR"}
.brand_area3 .area3 .rect .r_t .link{display: flex;justify-content: center;opacity:0;transform: translate(-5%,0);transition:0.8s;}
.brand_area3 .area3 .rect .r_t .link a{display: flex;align-items: center;justify-content: space-between;gap: 0 2.6042vw;padding: 0 1.3021vw 0 1.5625vw;position: relative;overflow: hidden;;border-radius: 5vw;background-color: rgba(0,0,0,0.6);border: 1px solid rgba(255,255,255,0.6);}
.brand_area3 .area3 .rect .r_t .link a::before{content: "";position: absolute;right:-1vw;top:50%;transform: translate(0,-50%);background-color: rgba(182,134,57,0.9);border-radius: 50%;width: 5vw;height: 5vw;filter: blur(1.2vw);transition: 0.6s;}
.brand_area3 .area3 .rect .r_t .link a span{color: #fff;font-size: 0.7292vw;font-weight: 500;line-height: 4.29em;position: relative;z-index: 1;}
.brand_area3 .area3 .rect .r_t .link a em{width: 0.8333vw;position: relative;z-index: 1;transition: 0.4s;}
.brand_area3 .area3 .rect .r_t .link a:hover::before{width: 18vw;filter: blur(5vw);}
.brand_area3 .area3 .rect .r_t .link a:hover em{transform:translate(30%,0);}
.brand_area3 .area3 .dim2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;pointer-events: none;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .img{clip-path: inset(0%);transition: 0.8s;transition-timing-function: cubic-bezier(0.4, 0, 1, 1);transition-delay:4s;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .img span em::before{transform:none;transition-delay:4s;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .img .dim{opacity:1;transition-delay:4.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3 .rect .r_t{opacity:0;transition-delay:0s;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .r_t > div{transform:none;transition-delay:5.1s;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .r_t dl{background-position: 0% 50%;transition-delay:5s;}
body:not(.fp-viewing-0) .brand_area3 .area3 .rect .r_t .link{opacity:1;transform:none;transition-delay:5.6s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3{clip-path: polygon(50% calc(50% - 6vw), calc(50% + 6vw) 50%, 50% calc(50% + 6vw), calc(50% - 6vw) 50%);transition:0.8s;transition-timing-function: ease-out;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3 .rect .img span em{transform:scale(1.2);}
body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3 .box{opacity:0;transition-delay:1.5s;}
@media all and (max-aspect-ratio: 17/10){
	.brand_area3 .area3 .rect .r_t dl dt{font-size: 3.5vw;}
	.brand_area3 .area3 .rect .r_t dl dd{font-size: 1.25vw;}
	.brand_area3 .area3 .rect .r_t .link a{padding: 0 2vw 0 2vw;}
	.brand_area3 .area3 .rect .r_t .link a span{font-size: 0.9vw;line-height: 4em;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3{clip-path: polygon(50% calc(50% - 10.5vw), calc(50% + 10.5vw) 50%, 50% calc(50% + 10.5vw), calc(50% - 10.5vw) 50%);}
}
@media all and (max-aspect-ratio: 15/10){
	.brand_area3 .area3 .rect .img{width: 145vw;height: 145vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.brand_area3 .area3 .rect .r_t dl{margin-bottom: 5vw;}
	.brand_area3 .area3 .rect .r_t dl dt{font-size: 4.5vw;margin-bottom: 3.5vw;}
	.brand_area3 .area3 .rect .r_t dl dd{font-size: 1.7vw;}
	.brand_area3 .area3 .rect .r_t .link a{padding: 0 3vw 0 3vw;}
	.brand_area3 .area3 .rect .r_t .link a span{font-size: 1.4vw;}
	.brand_area3 .area3 .rect .r_t .link a em{width: 1.5vw;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3{clip-path: polygon(50% calc(50% - 15.5vw), calc(50% + 15.5vw) 50%, 50% calc(50% + 15.5vw), calc(50% - 15.5vw) 50%);}
}
@media all and (max-aspect-ratio: 1/1){
	.brand_area3 .area3{clip-path: polygon(50% calc(50% - 100dvh), calc(50% + 100dvh) 50%, 50% calc(50% + 100dvh), calc(50% - 100dvh) 50%);}
	.brand_area3 .area3 .rect .img{width: 145vh;height: 145vh;}
	.brand_area3 .area3 .rect .r_t dl dt{font-size:5.5vw;}
	.brand_area3 .area3 .rect .r_t dl dd{font-size: 2vw;}
	.brand_area3 .area3 .rect .r_t .link a span{font-size: 1.6vw;}
	.brand_area3 .area3 .rect .r_t .link a em{width:1.8vw;}
	.brand_area3 .area3 .rect .r_t .link a::before{width: 8.5vw;height: 8.5vw;filter: blur(2vw);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3{clip-path: polygon(50% calc(50% - 20.5vw), calc(50% + 20.5vw) 50%, 50% calc(50% + 20.5vw), calc(50% - 20.5vw) 50%);}
}
@media all and (max-aspect-ratio: 6/10){
	.brand_area3 .area3 .rect .r_t dl dt{font-size:10vw;line-height:1.25em;margin-bottom:5.5vw;}
	.brand_area3 .area3 .rect .r_t dl dd{font-size:3.3333vw;line-height:1.75em;}
	.brand_area3 .area3 .rect .r_t .link{margin-top:9.7222vw;}
	.brand_area3 .area3 .rect .r_t .link a{gap: 0 6vw;border-radius: 7vw;padding: 0 5.5vw;}
	.brand_area3 .area3 .rect .r_t .link a span{font-size:2.7778vw;}
	.brand_area3 .area3 .rect .r_t .link a em{width:2.9167vw;}
	.brand_area3 .area3 .rect .r_t .link a::before{right: -4vw;width: 16vw;height: 16vw;filter: blur(3vw);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .brand_area3 .area3{clip-path: polygon(50% calc(50% - 22.5vw), calc(50% + 22.5vw) 50%, 50% calc(50% + 22.5vw), calc(50% - 22.5vw) 50%);}
}

.scr_wrap{height:100%;pointer-events:none;position:relative;transform:translate(0,-100%);transition-delay:1.4s;}
.scr_wrap::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.scr_area{position: relative;height:100%;}
.scr_area::-webkit-scrollbar{display:none;}
.business{width: 100%; height: 100dvh; position: relative;overflow:hidden;}
.business .txt{position: absolute;width: 100%;left: 0;display: flex;justify-content: center;transition:0.8s;}
.business .txt.t{bottom: calc(50% + 8.2vw);}
.business .txt.b{top: calc(50% + 8.2vw);}
.business .txt p{opacity: 0;color: #000;font-size: 2.0833vw;font-weight: 700;transition:0.6s;}
.business .txt p span{display:block;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-image: linear-gradient(90deg, #000 0%, #000 50% , #ddd 50% , #ddd 100%);background-repeat: no-repeat;background-size: 200% 100%;background-position: 100% 50%;transition:1s;}
.business .t{position: absolute;}
.business .img{height: 100%;display: flex;align-items: center;justify-content: center;position: relative;z-index: 25;}
.business .img .bl_bg{background-color: transparent;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.business .img .tra{width: 8.5vw;height: 8.5vw;position: relative;z-index: 26;transition-delay:1.4s;}
.business .img ul{height: 100%;transform: rotate(45deg);position: relative;transition-delay:1.4s;}
.business .img ul li{width: 50%;height: 50%;position: absolute;transition:0.6s;}
.business .img ul li.l.t{top: 0;left: 0;}
.business .img ul li.r.t{top: 0;right: 0;}
.business .img ul li.l.b{bottom: 0;left: 0;}
.business .img ul li.r.b{bottom: 0;right: 0;}
.business .img ul li .box{position:relative;width:100%;height:100%;}
.business .img ul li .box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}
.business .img ul li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.business .img ul li .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:0.5s;transition-delay:1s;}
.business .img ul li .bg span{display: block;height: 100%;transform: rotate(-45deg);transition-delay:1.4s;}
.business .img ul li .bg span em{display: block;height: 100%;transform: scale(1.4);position: relative;transition:1.2s;}
.business .img ul li .bg span em .i{display: block;width: 100%;height: 100%;position: absolute;}
.business .img ul li.l.t .bg span em .i{right: 0;bottom: 0;}
.business .img ul li.r.t .bg span em .i{left: 0;bottom: 0;}
.business .img ul li.l.b .bg span em .i{right: 0;top: 0;}
.business .img ul li.r.b .bg span em .i{left: 0;top: 0;}
.business .img ul li .bg span em .i i{display: block;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.business .img ul li.l.t .bg span em .i i{background-image: url(../images/business-bg1.jpg);background-position: center bottom;}
.business .img ul li.r.t .bg span em .i i{background-image: url(../images/business-bg2.jpg);background-position: center 80%;}
.business .img ul li.l.b .bg span em .i i{background-image: url(../images/business-bg3.jpg);background-position: center top;}
.business .img ul li.r.b .bg span em .i i{background-image: url(../images/business-bg4.jpg);background-position: center 30%;}
.business .img ul li .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:0.6s;}
.business .img ul li .dim span{display: block;height: 100%;background-color: rgba(0,0,0,0.3);}
.business .img ul li .line{position: absolute;z-index: 10;}
.business .img ul li .line.h{width: 100%;height: 1px;}
.business .img ul li .line.v{width: 1px;height: 100%;}
.business .img ul li.l.t .line.h{right: 0;bottom: 0;transform: translate(0,50%);transform-origin: 100% 0;}
.business .img ul li.l.t .line.v{bottom: 0;right: 0;transform: translate(50%,0);transform-origin: 0 100%;}
.business .img ul li.r.t .line.h{left: 0;bottom: 0;transform: translate(0,50%);transform-origin: 0 0;}
.business .img ul li.r.t .line.v{bottom: 0;left: 0;transform: translate(-50%,0);transform-origin: 0 100%;}
.business .img ul li.l.b .line.h{right: 0;top: 0;transform: translate(0,-50%);transform-origin: 100% 0;}
.business .img ul li.l.b .line.v{top: 0;right: 0;transform: translate(50%,0);transform-origin: 100% 0;}
.business .img ul li.r.b .line.h{left: 0;top: 0;transform: translate(0,-50%);transform-origin: 0 0;}
.business .img ul li.r.b .line.v{top: 0;left: 0;transform: translate(-50%,0);transform-origin: 0 0;}
.business .img ul li .line span{display:block;background-color: #fff;width: 100%;height: 100%;transition:0.8s;}
.business .img ul li .line.h span{transform: scaleX(0);}
.business .img ul li .line.v span{transform: scaleY(0);}
.business .img ul li.l.t .line.h span{transform-origin: 100% 0;}
.business .img ul li.l.t .line.v span{transform-origin: 0 100%;}
.business .img ul li.r.t .line.h span{transform-origin: 0 0;}
.business .img ul li.r.t .line.v span{transform-origin: 0 100%;}
.business .img ul li.l.b .line.h span{transform-origin: 100% 0;}
.business .img ul li.l.b .line.v span{transform-origin: 100% 0;}
.business .img ul li.r.b .line.h span{transform-origin: 0 0;}
.business .img ul li.r.b .line.v span{transform-origin: 0 0;}
.business .img ul li .m_line{display:none;width:100%;height:1px;background-color:#fff;position:absolute;bottom:0;left:0;z-index:10;transform:scaleX(0);transform-origin:0 0;transition:0.8s;}
.business .img ul li .co{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(182,134,57,0.7);opacity: 0;transition: 0.6s;}
.business .img ul li dl{position: absolute;transition: 0.6s;}
.business .img ul li.l.t dl{right: 3.125vw;bottom: 3.125vw;text-align: right;}
.business .img ul li.l.b dl{right: 3.125vw;bottom: calc(100% - 6.25vw);text-align: right;}
.business .img ul li.r.t dl{left: 3.125vw;bottom: 3.125vw;text-align: left;}
.business .img ul li.r.b dl{left: 3.125vw;bottom: calc(100% - 6.25vw);text-align: left;}
.mo .business .img ul li.l.b dl,
.mo .business .img ul li.r.b dl{bottom:3.125vw;}
.business .img ul li dl dt{font-size: 2.5vw;font-weight: 700;color: #fff;bottom: 0;transition: 0.6s;transition-delay: 0.2s;}
.pc .business .img ul li dl dt{position: absolute;transition:0.6s;}
.business .img ul li.l.t dl dt,
.business .img ul li.l.b dl dt{right: 0;}
.business .img ul li.r.t dl dt,
.business .img ul li.r.b dl dt{left: 0;}
.business .img ul li dl dt p{opacity: 0;transform: translate(0,100%);white-space: nowrap;transition:0.6s;}
.business .img ul li dl dd{padding-top:1.5625vw;}
.business .img ul li dl dd p{color:#fff;font-size: 1.1458vw;line-height: 1.73em;letter-spacing: -0.05em;overflow: hidden;}
.business .img ul li dl dd p span{display: block;transform: translate(0,100%);transition: 0.6s;}
.business .img ul li .arr{width: 1.5625vw;position: absolute;top: 3.125vw;right: 3.125vw;transform: rotate(90deg) scale(0);transition: 0.6s;}
.pc .business .img ul.ho_lt .l.t,
.pc .business .img ul.ho_rt .r.t,
.pc .business .img ul.ho_lb .l.b,
.pc .business .img ul.ho_rb .r.b{height: 80%;}
.pc .business .img ul.ho_lb .l.b dl,
.pc .business .img ul.ho_rb .r.b dl{bottom: 3.125vw;}
.pc .business .img ul.ho_lt .l.b,
.pc .business .img ul.ho_rt .r.b,
.pc .business .img ul.ho_lb .l.t,
.pc .business .img ul.ho_rb .r.t{height: 20%;}
.pc .business .img ul.ho_lt .l.b dl,
.pc .business .img ul.ho_rt .r.b dl,
.pc .business .img ul.ho_lb .l.t dl,
.pc .business .img ul.ho_rb .r.t dl{bottom: 50%;transform: translate(0,50%);transition-delay: 0.2s;}
.pc .business .img ul.ho_lt .l.t dl dt,
.pc .business .img ul.ho_rt .r.t dl dt,
.pc .business .img ul.ho_lb .l.b dl dt,
.pc .business .img ul.ho_rb .r.b dl dt{bottom: 100%;transition-delay: 0s;}
.pc .business .img ul.ho_lt .l.b dl dt,
.pc .business .img ul.ho_rt .r.b dl dt,
.pc .business .img ul.ho_lb .l.t dl dt,
.pc .business .img ul.ho_rb .r.t dl dt{bottom: 50%;transform: translate(0,50%);}
.pc .business .img ul.ho_lt .l.t dl dd p span,
.pc .business .img ul.ho_rt .r.t dl dd p span,
.pc .business .img ul.ho_lb .l.b dl dd p span,
.pc .business .img ul.ho_rb .r.b dl dd p span{transform: none;transition-delay: 0.3s;}
.pc .business .img ul.ho_lt .l.t .co,
.pc .business .img ul.ho_rt .r.t .co,
.pc .business .img ul.ho_lb .l.b .co,
.pc .business .img ul.ho_rb .r.b .co{opacity: 1;}
.pc .business .img ul.ho_lt .l.t .arr,
.pc .business .img ul.ho_rt .r.t .arr,
.pc .business .img ul.ho_lb .l.b .arr,
.pc .business .img ul.ho_rb .r.b .arr{transform: none;transition-delay: 0.6s;}
body:not(.fp-viewing-0):not(.fp-viewing-1)  .scr_wrap{transform:none;pointer-events:auto;transition:1.4s;transition-delay:0s;}
body:not(.fp-viewing-0):not(.fp-viewing-1)  .scr_wrap::after{z-index:-1;transition-delay:3.3s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .line span{transform:none;transition-delay:0.6s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .bg{opacity:1;transition:0.8s;transition-delay:0.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .bg span em{transform:none;transition-delay:2.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .txt p{opacity:1;transition-delay:0.6s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .txt p span{opacity:1;transition-delay:1s;background-position: 0% 50%;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .txt.t{opacity:0;transform:translate(-10%,0);transition-delay:1.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .txt.b{opacity:0;transform:translate(10%,0);transition-delay:1.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul{transform:none;transition:0.6s;transition-delay:1.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .bg span{transform:none;transition:0.6s;transition-delay:0s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img .tra{width:100vw;height:100%;transition:0.8s;transition-timing-function: ease-in-out;transition-delay:2.1s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .dim{opacity:1;transition-delay:2.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li dl dt p{opacity:1;transform:none;transition-delay:2.9s;}
body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .box::before{z-index:-1;transition-delay:2.9s;}
.mo body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li dl dd p span{transform:none;transition-delay:3s;}
@media all and (max-aspect-ratio: 17/10){
	.business .txt p{font-size:2.4vw;}
	.business .txt.t{bottom: calc(50% + 14vw);}
	.business .txt.b{top: calc(50% + 14vw);}
	.business .img .tra{width: 15vw;height: 15vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.business .txt p{font-size: 3.5vw;}
	.business .txt.t{bottom: calc(50% + 21vw);}
	.business .txt.b{top: calc(50% + 21vw);}
	.business .img .tra{width: 22vw;height: 22vw;}
	.business .img ul li.l.t dl{right: 4vw;bottom: 4vw;}
	.business .img ul li.r.t dl{left:4vw;bottom:4vw;}
	.business .img ul li.l.b dl{right:4vw;bottom: calc(100% - 8vw);}
	.business .img ul li.r.b dl{left:4vw;bottom: calc(100% - 8vw);}
	.business .img ul li dl dt{font-size: 3vw;}
	.business .img ul li dl dd{padding-top: 2vw;}
	.business .img ul li dl dd p{font-size: 1.4vw;}
	.pc .business .img ul.ho_lb .l.b dl,
	.pc .business .img ul.ho_rb .r.b dl,
	.mo .business .img ul li.l.b dl,
	.mo .business .img ul li.r.b dl{bottom: 4vw;}
	.business .img ul li .arr{top: 5vw;right: 4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.business .img .tra{width: 29vw;height: 29vw;}
	.business .txt p{font-size: 4.5vw;}
	.business .txt.t{bottom: calc(50% + 28vw);}
	.business .txt.b{top: calc(50% + 28vw);}
	.business .img ul li.l.t dl,
	.business .img ul li.l.b dl{right: 5vw;bottom: 6vw;}
	.business .img ul li.r.t dl,
	.business .img ul li.r.b dl{left: 5vw;bottom: 6vw;}
	.mo .business .img ul li.l.b dl,
	.mo .business .img ul li.r.b dl{bottom: 6vw;}
	.business .img ul li dl dt{font-size: 5vw;}
	.business .img ul li dl dd{padding-top: 3vw;}
	.business .img ul li dl dd p{font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.business .img{backface-visibility: hidden;transform: translateZ(0);}
	.business .img .tra{width: 32vw;height: 32vw;will-change: width, height;transform: translateZ(0);}
	.business .img ul{overflow:hidden;}
	.business .img ul::before{content:"";opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;transition-delay: 1s;}
	.business .img ul li{transition:0s;transition-delay:1.4s;}
	.business .img ul li .box{transition-delay: 1.4s;}
	.business .img ul li a{transition-delay:1.4s;}
	.business .img ul li .m_line{display:block;}
	.business .txt p{font-size:7.5vw;}
	.business .txt.t{bottom: calc(50% + 29vw);}
	.business .txt.b{top: calc(50% + 29vw);}
	.business .img ul li dl{right:auto !important;left:5vw !important;top:auto !important;bottom:5vw !important;}
	.business .img ul li.l.t dl,
	.business .img ul li.l.b dl{text-align:left;}
	.business .img ul li dl dt{font-size:5.5vw;position:static;}
	.business .img ul li.l.t dl dt,
	.business .img ul li.l.b dl dt{right:auto;left:0;}
	.business .img ul li dl dd{white-space:nowrap;padding-top:3vw;}
	.business .img ul li dl dd p{font-size:2.8vw;line-height:1.6em;}
	.pc .business .img ul li dl dd p span{transition:0s;}
	.business .img ul li .arr{width:4.1667vw;height:4.1667vw;top:5.5556vw;right:5.5556vw}
	.pc .business .img ul.ho_lt .l.t dl,
	.pc .business .img ul.ho_rt .r.t dl,
	.pc .business .img ul.ho_lb .l.b dl,
	.pc .business .img ul.ho_rb .r.b dl{bottom:calc(21.6vw + calc(var(--vh, 1vh) * 6.25)) !important;transform: translate(0, 0);}
	.pc .business .img ul.ho_lt li,
	.pc .business .img ul.ho_rt li,
	.pc .business .img ul.ho_lb li,
	.pc .business .img ul.ho_rb li{transition:0.6s;}
	.pc .business .img ul.ho_lt .l.t,
	.pc .business .img ul.ho_rt .r.t,
	.pc .business .img ul.ho_lb .l.b,
	.pc .business .img ul.ho_rb .r.b{height:25% !important;}
	.pc .business .img ul.ho_lt .l.t,
	.pc .business .img ul.ho_rt .r.t,
	.pc .business .img ul.ho_lb .l.b,
	.pc .business .img ul.ho_rb .r.b{height:40% !important;}
	.pc .business .img ul.ho_lt .l.b,
	.pc .business .img ul.ho_lt .r.b,
	.pc .business .img ul.ho_lt .r.t,
	.pc .business .img ul.ho_rt .l.t,
	.pc .business .img ul.ho_rt .l.b,
	.pc .business .img ul.ho_rt .r.b,
	.pc .business .img ul.ho_lb .l.t,
	.pc .business .img ul.ho_lb .r.t,
	.pc .business .img ul.ho_lb .r.b,
	.pc .business .img ul.ho_rb .l.t,
	.pc .business .img ul.ho_rb .l.b,
	.pc .business .img ul.ho_rb .r.t{height:20% !important;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img .tra{transition-delay: 2s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul::before{opacity:1;transition-delay:1.5s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li{width:100%;height: 25%;transition-delay:2.2s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.r.t{top:50%;right: -100%;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.l.b{bottom:50%;left: -100%;z-index:1;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .box{transition:0.6s;transition-delay:1.5s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.l.t .box{transform:translate(-100%,0);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.r.t .box{transform:translate(0,-100%);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.l.b .box{transform: translate(0, 100%);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li.r.b .box{transform:translate(100%,0);}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li:nth-child(odd) a{transform:translate(100%,0);transition:0.8s;transition-delay:2.7s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li:nth-child(even) a{transform:translate(-100%,0);transition:0.8s;transition-delay:2.7s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .line{opacity:0;transition-delay:2.2s;}
	body:not(.fp-viewing-0):not(.fp-viewing-1) .business .img ul li .m_line{transform:none;transition-delay:2.8s;}
}

/* .roll{margin-top: calc(var(--vh, 1vh) * -100);width: 100%;overflow: hidden;} */
.roll{width: 100%;overflow: hidden;}
.roll .txt{padding: 16.6667vw 0;}
.roll .txt p{color: #000;font-size: 11.4583vw;font-family: "Cormorant Garamond";white-space: nowrap;display: flex;transform:translate(0,-120%);}
.roll .txt p span{display:block;animation: roll 20s linear infinite;padding-left: 100vw;}
@keyframes roll {
    0% {transform: translate(0,0);}
    100% {transform: translate(calc(-100%), 0);}
}
@media all and (max-aspect-ratio: 17/10){
	.roll .txt{padding: 20vw 0;}
}
@media all and (max-aspect-ratio: 12/10){
	.roll{margin-top:0;}
	.roll .txt{transform:none;}
}
@media all and (max-aspect-ratio: 1/1){
	.roll .txt{padding: 25vw 0;}
	.roll .txt p{font-size: 15vw;transform:none;}
}
@media all and (max-aspect-ratio: 6/10){
	.roll .txt{padding: 45vw 0;}
	.roll .txt p{font-size:30vw}
}

.portfolio{padding-left:3.6458vw;overflow: hidden;}
.portfolio .box{overflow: hidden;padding-bottom: 5vw;}
.portfolio .txt{display:flex;align-items:center;justify-content:space-between;padding-right:3.6458vw;margin-bottom: 4.1667vw;}
.portfolio .txt p{color:#000;font-size: 2.0833vw;font-weight: 700;overflow: hidden;}
.portfolio .txt p span{display: block;transform: translate(0,100%);}
.portfolio .txt .arr{display: flex;gap: 0 1.5625vw;opacity: 0;transform: translate(-100%,0);}
.portfolio .txt .arr button{border: none;background: none;width: 0.7292vw;}
.portfolio .txt .arr .next{transform: rotate(180deg);}
.portfolio .tf{transform: translate(10%, 0);overflow: hidden;}
.portfolio .sd a{display:block;position: relative;}
.portfolio .sd a .img {
    aspect-ratio: 1/0.8568;
}
.portfolio .sd a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.portfolio .sd .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);display:none;opacity: 0;transition: 0.6s;}
.portfolio .sd .t{position: absolute;left: 4.1667vw;bottom: 4.1667vw;margin-top:3vw;}
.portfolio .sd .t dl dt{color: #fff;font-size: 1.875vw;line-height: 1.28em;margin-bottom: 1.5625vw;font-weight: 700;}
.portfolio .sd .t dl dd p{overflow: hidden;font-size: 0.9375vw;color: #fff;letter-spacing: -0.05em;line-height: 1.78em;}
.portfolio .sd .t dl dd p strong{font-weight: 700;}
.pc .portfolio .sd .dim{display:block;}
.pc .portfolio .sd .t dl dt{opacity: 0;transform: translate(0,50%);transition: 0.6s;}
.pc .portfolio .sd .t dl dd p{opacity: 0;transform: translate(0,100%);transition: 0.6s;}
.mo .portfolio .sd .t{position: static;}
.mo .portfolio .sd .t dl dt,
.mo .portfolio .sd .t dl dd p{color:#000;}
@media all and (max-aspect-ratio: 17/10){
	.portfolio .txt p{font-size: 2.3vw;}
	.portfolio .txt .arr{gap: 0 2vw;}
	.portfolio .txt .arr button{width:1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.portfolio .box{padding-bottom: 15vw;}
	.portfolio .txt{margin-bottom: 5vw;}
	.portfolio .txt p{font-size: 3vw;}
	.portfolio .txt .arr{gap: 0 3vw;}
	.portfolio .txt .arr button{width: 1.5vw;}
}
@media all and (min-aspect-ratio: 1/1){
	.pc .portfolio .sd a:hover .dim{opacity: 1;}
	.pc .portfolio .sd a:hover .t dl dt{opacity: 1;transform: none;}
	.pc .portfolio .sd a:hover .t dl dd p{opacity:1;transform: none;transition-delay: 0.3s;}
}
@media all and (max-aspect-ratio: 1/1){
	.portfolio .txt{margin-bottom: 6vw;}
	.portfolio .txt p{font-size: 4vw;}
	.portfolio .txt p span{transform:none;}
	.portfolio .txt .arr{gap: 0 5vw;opacity:1;transform:none;}
	.portfolio .txt .arr button{width: 2.5vw;}
	.portfolio .tf{transform:none;}
	.portfolio .sd .dim{display:none;}
	.portfolio .sd .t{position:static;margin-top:5vw;}
	.portfolio .sd .t dl dt{color:#000;font-size: 3.5vw;margin-bottom: 2vw;}
	.portfolio .sd .t dl dd p{color:#000;}
	.portfolio .sd .t dl dd p{font-size: 2.2vw;}
	.portfolio .sd .swiper-slide-active .t dl dt{opacity:1;transform:none;transition-delay:0.5s;}
	.portfolio .sd .swiper-slide-active .t dl dd p{opacity:1;transform:none;transition-delay:0.8s;}
}
@media all and (max-aspect-ratio: 6/10){
	.portfolio{padding-left:5.5556vw;}
	.portfolio .box{padding-bottom: 20vw;}
	.portfolio .txt{margin-bottom:11vw;}
	.portfolio .txt p{font-size:6.6667vw;}
	.portfolio .txt .arr{display:none;}
	.portfolio .sd .t{margin-top:7.5vw;}
	.portfolio .sd .t dl dt{font-size:5vw;margin-bottom:3vw;}
	.portfolio .sd .t dl dd p{font-size:3.3333vw;line-height: 1.75em;}
}

.recruit_before{height: 100%;position: relative;overflow: hidden;z-index: 1;transition:1.4s;}
.recruit_before .area1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.recruit_before .area1 .txt p{color: #fff;font-family: "Cormorant Garamond";font-size: 4.5833vw;letter-spacing: 0.05em;text-align: center;transition:1s;}
.recruit_before .area1 .txt p span{display: block;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-image: linear-gradient(110deg, #fff 0%, #fff 33.33%, transparent 66.66%, transparent 100%);background-repeat: no-repeat;background-size: 300% 100%;background-position: right center;transition:1.6s;}
.recruit_before .area1 .txt em{display:block;width: 1px;height: calc(var(--vh, 1vh) * 8.8);margin: 2.0833vw auto;position: relative;transition:0.6s;}
.recruit_before .area1 .txt em i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;mask-image: linear-gradient(to bottom, transparent 0%, #000 30%, #000 70%, transparent 100%);mask-position: 0 0;mask-size: 100% 100%;mask-repeat: no-repeat;transform: scaleY(0);transition:0.6s;}
.recruit_before .area2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow:hidden;;clip-path: inset(50% 0 50% 0%);transition:1s;}
.recruit_before .area2 .bg{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(1.3);transition:1.2s;transition-timing-function: ease-out;}
.recruit_before .area2 .bg span{display:block;height: 100%;background: url(../images/recruit-before.jpg) no-repeat 50% 50% / cover;}
.recruit_before .area2 .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);opacity: 0;transition:0.6s;}
.recruit_before .area2 .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.recruit_before .area2 .txt > div{transition:1.2s;}
.recruit_before .area2 .txt p{color:#fff;font-weight: 700;font-size: 3.3333vw;line-height: 1.38em;text-align: center;opacity: 0;transform: translate(0,100%);transition:0.8s;}
.recruit_before .area2 .txt p span{display: block;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-image: linear-gradient(90deg, #fff 0%, #fff 50%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.5) 100%);background-repeat: no-repeat;background-size: 200% 100%;background-position: right center;transition:0.6s linear;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .recruit_before{transform:translate(0,70%);}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) .recruit_before .area2 .txt > div{opacity:0;transform:translate(0,-100%);}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area1 .txt .t{opacity:0;transform:translate(0,-300%);transition-delay:2.2s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area1 .txt .b{opacity:0;transform:translate(0,300%);transition-delay:2.2s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area1 .txt p span{background-position:left center;transition-delay:0.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area1 .txt em{opacity:0;transition-delay:2.1s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area1 .txt em i{transform:none;transition-delay:1.3s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2{clip-path: inset(0% 0 0% 0%);transition-delay:2.3s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .bg{transform:none;transition-delay:2.2s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .dim{opacity:1;transition-delay:2.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt p{opacity:1;transform:none;transition-delay:3s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt p span{background-position: left center;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt .n1 span{transition-delay:3.4s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt .n2 span{transition-delay:3.8s;}
@media all and (max-aspect-ratio: 17/10){
	.recruit_before .area1 .txt p span{font-size: 5.5vw;}
	.recruit_before .area1 .txt em{margin: 2.5vw auto;}
	.recruit_before .area2 .txt p{font-size: 3.5vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.recruit_before .area1 .txt p span{font-size:7vw;}
	.recruit_before .area1 .txt em{margin: 2.5vw auto;}
	.recruit_before .area2 .txt p{font-size: 4.5vw;line-height: 1.5em;}
}
@media all and (max-aspect-ratio: 1/1){
	.recruit_before .area1 .txt p span{font-size: 9vw;}
	.recruit_before .area1 .txt em{margin: 5vw auto;}
	.recruit_before .area2 .txt p{font-size: 5.5vw;}
	.recruit_before .area2 .bg span{background-image:url(../images/recruit-before-m.jpg);}
}
@media all and (max-aspect-ratio: 6/10){
	.recruit_before .area1 .txt p span{font-size:12.2222vw;}
	.recruit_before .area1 .txt em{margin: calc(var(--vh, 1vh) * 2.7778) auto;height: calc(var(--vh, 1vh) * 6);}
	.recruit_before .area2 .txt p{font-size:10vw;line-height:1.25em;transform:translate(0,10vw);}
	.recruit_before .area2 .txt p span{background-image: linear-gradient(0deg, #fff 0%, #fff 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 100%);background-size: 100% 200%;background-position: top center;}
	body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt p span{background-position: bottom center;}
	body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt .n1 span,
	body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_before .area2 .txt .n2 span{transition-delay:3.4s;}
}

.recruit_after{position: absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;z-index: 2;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition:0s;transition-delay:1.4s;}
.recruit_after .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.recruit_after .bg span{display: block;height: 100%;background: url(../images/recruit-after.jpg) no-repeat 50% 50% / cover;}
.recruit_after .dim{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}
.recruit_after .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.recruit_after .rect{position: relative;width: 14.0625vw;height: 14.0625vw;}
.recruit_after .rect .rot{transform: rotate(-90deg) scale(0);position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid transparent;border-radius: 50%;border-image: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.3) 100%);border-image-slice: 1;transition:1s;}
.recruit_after .rect .rot .blur{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(1vw);-webkit-backdrop-filter: blur(1vw);}
.recruit_after .rect .rot p{position: absolute;font-family: "Cormorant Garamond";font-weight: 500;font-size: 0.8333vw;letter-spacing: 0.025em;color: rgba(255,255,255,0.6);overflow: hidden;}
.recruit_after .rect .rot .t{left: 0;bottom: calc(100% + 0.4167vw);}
.recruit_after .rect .rot .b{right: 0;top: calc(100% + 0.4167vw);transform: rotate(180deg);}
.recruit_after .rect .rot p span{display: block;transform: translate(0,100%);transition:0.6s;}
.recruit_after .rect .rot .arr{position: absolute;left: 0;bottom: 0;overflow: hidden;transform:translateZ(0);}
.recruit_after .rect .rot .arr a{display: flex;align-items: center;justify-content: center;background-color: #786039;width: 3.6458vw;height: 3.6458vw;border-top: 1px solid #b68639;border-right: 1px solid #b68639;transform: translate(-100%,100%);transition:0.8s;}
.recruit_after .rect .rot .arr a em{opacity: 0;transform: translate(-100%,0);transition:0.8s;}
.recruit_after .rect .rot .arr a img{width: 0.7292vw;transition: 0.3s;}
.recruit_after .rect .rot .arr:hover a img{transform: translate(30%,30%) !important;}
.recruit_after .rect .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;pointer-events: none;z-index:1;transform:translateZ(0);}
.recruit_after .rect .txt p{color: #fff;font-size: 1.0417vw;font-weight: 500;line-height: 1.3em;overflow: hidden;}
.recruit_after .rect .txt p span{display: block;transform: translate(0,100%);transition:0.8s;}
.recruit_after .top_btn{position: absolute;right: 3.6458vw;bottom: 3.125vw;opacity: 0;transform: translate(0,100%);transition:0.8s;}
.recruit_after .top_btn button{border: none;background: none;width: 1.0938vw; transition: 0.3s;}
.recruit_after .top_btn button:hover{transform: translateY(-10px);}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after{clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:1.4s;transition-delay:4.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .rect .rot{transform:rotate(-45deg);transition-delay:5.1s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .rect .rot .arr a{transform:none;transition-delay:6.1s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .rect .rot .arr a em{opacity:1;transform:none;transition-delay:6.5s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .rect .rot p span{transform:none;transition-delay:5.7s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .rect .txt p span{transform:none;transition-delay:5.9s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2) .recruit_after .top_btn{opacity:1;transform:none;transition-delay:6s;}
@media all and (max-aspect-ratio: 17/10){
	.recruit_after .rect{width: 17vw;height: 17vw;}
	.recruit_after .rect .rot p{font-size: 1.1vw;}
	.recruit_after .rect .rot .t{bottom: calc(100% + 0.6vw);}
	.recruit_after .rect .rot .b{top:calc(100% + 0.6vw);}
	.recruit_after .rect .rot .arr a{width: 4.5vw;height: 4.5vw;}
	.recruit_after .rect .rot .arr a img{width: 0.9vw;}
	.recruit_after .rect .txt p{font-size: 1.2vw;}
	.recruit_after .top_btn button{width: 1.4vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.recruit_after .rect{width: 25vw;height: 25vw;}
	.recruit_after .rect .rot p{font-size: 1.7vw;}
	.recruit_after .rect .rot .t{bottom: calc(100% + 1.5vw);}
	.recruit_after .rect .rot .b{top: calc(100% + 1.5vw);}
	.recruit_after .rect .rot .arr a{width: 6.5vw;height: 6.5vw;}
	.recruit_after .rect .rot .arr a img{width: 1.4vw;}
	.recruit_after .rect .txt p{font-size: 1.8vw;}
	.recruit_after .top_btn{bottom: 4vw;}
	.recruit_after .top_btn button{width: 1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.recruit_after .bg span{background-image: url(../images/recruit-after-m.jpg);}
	.recruit_after .rect{width: 32vw;height: 32vw;}
	.recruit_after .rect .rot p{font-size: 2.2vw;}
	.recruit_after .rect .txt p{font-size: 2.4vw;}
	.recruit_after .rect .rot .arr a{width: 8vw;height: 8vw;}
	.recruit_after .rect .rot .arr a img{width: 1.6vw;}
	.recruit_after .top_btn button{width:2.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.recruit_after .rect .rot,
	.recruit_after .rect{width:53vw;height:53vw;}
	.recruit_after .rect .rot .blur{backdrop-filter: blur(2.5vw);-webkit-backdrop-filter: blur(2.5vw);}
	.recruit_after .rect .rot p{font-size:3.3333vw;}
	.recruit_after .rect .rot .arr a{width:13.8889vw;height:13.8889vw;}
	.recruit_after .rect .rot .arr a img{width:2.9167vw;}
	.recruit_after .rect .txt p{font-size:3.8889vw;}
	.recruit_after .top_btn{right:5.5556vw;bottom:calc(var(--vh, 1vh) * 4.1667);}
	.recruit_after .top_btn button{width:4.4444vw;}
}

#sec5{overflow:hidden;}
footer{background-color: #fff;position:relative;z-index:1;transition:1.4s;}
footer .foot_info{padding: 6.25vw 0;text-align: center;}
footer .foot_info .logo{width: 8.8542vw;margin: 0 auto;opacity: 0;transform: translate(0,100%);}
footer .foot_info .ori{color: rgba(0,0,0,0.7);font-size: 0.7292vw;line-height: 2.14em;margin-top: 2.0833vw;opacity: 0;transform: translate(0,100%);}
footer .copy{text-align: center;padding: 2.0833vw 0;position: relative;}
footer .copy .line{position: absolute;left: 0;top: 0;width: 100%;height: 1px;background-color: #ddd;transform: scaleX(0);}
footer .copy address{color:#000;font-size: 0.7292vw;opacity: 0;transform: translate(0,100%);}
.main footer{transform:translate(0,-100%);}
.main footer .foot_info .logo img{opacity:0;transform:translate(0,150%);transition:0.8s;}
.main footer .foot_info .ori p{opacity:0;transform:translate(0,150%);transition:0.8s;}
.main footer .copy{opacity:0;transition:0.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) footer{transform:none;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) footer .foot_info .logo img{opacity:1;transform:none;transition-delay:0.8s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) footer .foot_info .ori p{opacity:1;transform:none;transition-delay:0.6s;}
body:not(.fp-viewing-0):not(.fp-viewing-1):not(.fp-viewing-2):not(.fp-viewing-3) footer .copy{opacity:1;transition-delay:0.4s;}
@media all and (max-aspect-ratio: 17/10){
	footer .foot_info .logo{width: 12vw;}
	footer .foot_info .ori{font-size: 1vw;margin-top: 2.4vw;}
	footer .copy{padding: 2.3vw 0;}
	footer .copy address{font-size: 1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	footer .foot_info .logo{width: 16vw;}
	footer .foot_info .ori{font-size: 1.3vw;margin-top: 3.4vw;}
	footer .copy{padding: 3vw 0;}
	footer .copy address{font-size: 1.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	footer .foot_info{padding: 8vw 0;}
	footer .foot_info .logo{width: 20vw;}
	footer .foot_info .ori{font-size: 1.6vw;margin-top: 4.5vw;}
	footer .copy{padding: 4vw 0;}
	footer .copy address{font-size: 1.6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	footer .foot_info{padding:22.2222vw 0;}
	footer .foot_info .logo{width:40.6944vw;}
	footer .foot_info .ori{margin-top:9.7222vw;font-size:3.3333vw;line-height:1.75em;}
	footer .copy{padding: 8.3333vw 0;}
	footer .copy address{font-size:2.7778vw;}
}

/* 브랜드 트리거 */
.brand-trigger{position: fixed; left: 0; width: 100%; height: 1px;}
#trigger01{top: 100svh;}
#trigger02{top: 110svh;}

/* 메인 모션 비즈니스 ~ 하단까지 */
.business.active .img ul li .line span{transform: none;}

/* 채용안내 슬라이드 */
.recruit-wrapper{position: relative;}

.recruit-wrapper .swiper-wrapper{
    position: absolute; width: 100%; height: 100%;
    z-index: 50; top: 0; left: 0;
}