@import"https://use.typekit.net/xbg0wbm.css";.wrapper{width:100%;max-width:100%;height:100%}@media screen and (max-width:1600px){body{overflow-x:auto}.wrapper,footer{min-width:1600px}}.action{position:-webkit-sticky;position:sticky;top:0;width:100%;height:428px;z-index:1000;will-change:transform}.height-box{transition:height .2s ease}.height-box.active{height:0!important}.wrapper{position:relative}.section-wrap,.section-wrap.main-section{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.section-wrap.main-section .main.line{transition:all 1s;border-bottom:1px solid #000}.section-wrap.intro{z-index:3;position:relative;width:100%;height:auto!important;padding:0 32px;overflow:hidden}.section-wrap.intro .intro-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;width:100%;height:100vh;padding:11px 0}.section-wrap.intro .intro-wrapper .wrapper-img{position:absolute;top:-68%!important;left:-4%!important;height:unset!important;object-fit:cover;width:110%!important}.section-wrap.intro .intro-wrapper .intro-box{z-index:1000;position:relative;display:flex;justify-content:center;align-items:center;top:0;width:100%;height:100vh;background-size:contain!important;background-position:50%!important;background:url(/img/SP-intro-mask.png) no-repeat;scroll-snap-align:start;cursor:pointer}.section-wrap.intro .intro-wrapper .intro-box .intro-box-img{z-index:1000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-wrap.intro .header-menu-wrap{position:absolute;top:unset;bottom:18%;left:50%;transform:translateX(-50%);transition:all ease;flex:0 1;display:none}.section-wrap .main-wrap{z-index:1;display:flex;justify-content:flex-start;background:#fff;transform:translateY(0);border-top:1px solid #000}.section-wrap .main-wrap .main-left-section{width:calc(100% - 410px);position:relative;background:#fff;border-right:1px solid #000}.section-wrap .main-wrap .main-left-section .main-section-wrap{width:100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap{padding:60px 90px;border-bottom:1px solid #000}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap{padding:0;background:#f9f9f6}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper{width:100%;height:100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide{display:flex;justify-content:center;align-items:center;height:unset}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-one{background:url(/img/SP-intro-back.png) 50% 40% no-repeat;background-size:120%;height:unset}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-two{position:relative;background:url(/img/img-two-back.png) 50% 40% no-repeat;background-size:100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-two .bg-wrapper{position:relative;width:1330px;height:628px;overflow:hidden}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-two .bg-wrapper .video-wrapper{width:100%;height:100%;-webkit-clip-path:url(#heartClip);clip-path:url(#heartClip);overflow:hidden}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-two .bg-wrapper .video-wrapper video{width:100%;height:100%;object-fit:cover}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-two .banner2-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-three{background:url(/img/img-three-back.svg) 50% 40% no-repeat;background-size:100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-three .bg-wrapper{display:flex;justify-content:center;min-width:1330px;min-height:628px;background:url(/img/img-swiper-bg-big.svg) no-repeat;background-size:100%;-webkit-clip-path:url(#heartClip);clip-path:url(#heartClip);overflow:hidden}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-three .bg-wrapper .bg-three-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .mySwiper .swiper-slide.bg-three .bg-wrapper.active .bg-three-content{animation:moveIMG 3.5s forwards;animation-delay:.5s}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper{width:100%;height:100%;padding:90px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-wrapper{min-width:1330px;align-items:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide{display:flex;align-items:flex-start;background:none;transition:transform .3s;transform:rotateY(0deg);cursor:pointer}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide:hover .card-flip{transform:rotateY(-180deg)}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-flip{max-width:406px;cursor:pointer;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg);transition:.5s}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front{width:100%;aspect-ratio:408/627;background-size:contain;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:url(/img/SP-img-slide-backgourd.png) no-repeat;background-size:100% 100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:100px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content.main{height:100%;gap:0;justify-content:space-around;align-items:center;width:100%}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content .card-top{text-align:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content .card-top .card-tit{font-family:kepler-std-condensed-display;font-size:70px;line-height:70px;letter-spacing:-.15rem;font-weight:400}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content .card-top .card-bt-txt{font-family:SUIT;font-size:14px;line-height:14px;letter-spacing:-.04rem;font-weight:500;line-height:22px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-front .card-content .card-bt{display:flex;align-items:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg);cursor:url(/img/SP-Main-cursor-gray.svg) 2 2,auto}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-back .main-card-back-img{position:absolute;width:100%;object-fit:cover;filter:brightness(.7)}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.slide-wrap .inSwiper .swiper-slide .card-back .card-back-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:SUIT;font-size:22px;line-height:22px;letter-spacing:-.04rem;font-weight:800;line-height:36px;text-align:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap{padding:0}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap:last-child{border-bottom:none}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-tit{display:flex;align-items:center;justify-content:flex-start;width:100%;height:60px;padding:0 40px;border-bottom:1px solid #000}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-tit a{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-family:kepler-std-display,serif;font-size:24px;line-height:24px;font-weight:300}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-tit a span{display:flex;align-items:center;gap:5px;font-family:SUIT;font-size:24px;line-height:24px;letter-spacing:-.04rem;font-weight:900}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body{display:flex;flex-direction:column}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap{display:flex;border-bottom:1px solid #000}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box{width:100%;max-height:440px;padding:40px;display:flex;justify-content:space-between;cursor:pointer}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-black{background:#000;color:#fff}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-green{background:#00311a;color:#97783c}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-green2{background:#cffbcc}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-pink{background:#f99}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-red{background:#f3dfd2}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-purple{background:#cdb8d7}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-box.hover-blue{background:#c4f0ff}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .card-long-box{width:100%;padding:40px 0 80px;display:flex;align-items:center;cursor:pointer}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .top-left-box{border-right:1px solid #000}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .top-right-box{position:relative;height:auto}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .top-right-box>div{z-index:1}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .txt-box{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .txt-box .tit{font-family:SUIT;font-size:28px;line-height:28px;letter-spacing:-.04rem;font-weight:800}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap .txt-box .txt{max-width:200px;font-family:SUIT;font-size:14px;line-height:14px;letter-spacing:-.04rem;font-weight:400;line-height:22px;white-space:nowrap}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap.body-bt,.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap.body-center{border-bottom:none}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap.body-center>div{flex-direction:column;align-items:center;gap:40px}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap.body-center .txt-box{align-items:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .body-wrap.body-center .txt-box .txt{text-align:center}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .shape-overlays{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;background:rgba(0,0,0,0)}.section-wrap .main-wrap .main-left-section .main-section-wrap .wrap.main-card-wrap .main-card-body .shape-overlays__path{transition:all .4s ease}.section-wrap .main-wrap .main-left-section .main-section-wrap .main-test{display:flex;align-items:center;justify-content:center;flex-direction:column}.section-wrap .main-wrap .main-left-section .main-section-wrap .main-test .main-cat{width:400px;height:400px}.section-wrap .main-wrap .main-left-section .main-section-wrap .main-test div{color:#fff}.section-wrap .main-wrap .main-right-section{width:410px;height:100%;background:#fff}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:30px 20px;border-bottom:1px solid #000;cursor:url(/img/SP-Now-cursor-gray.svg) 2 2,auto}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li:hover:after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;background:rgba(196,196,196,.5);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);filter:brightness(125%) saturate(125%)}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li .now-list-img{z-index:2;position:relative;width:230px;height:230px;border-radius:50%;overflow:hidden;margin:0 0 35px}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li .now-list-img img{object-fit:cover}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li .now-list-txtbox{z-index:2;width:100%;display:flex;flex-direction:column;justify-content:start;gap:8px}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li .now-list-txtbox .now-list-tit{font-family:SUIT;font-size:18px;line-height:18px;letter-spacing:-.04rem;font-weight:800;line-height:24px}.section-wrap .main-wrap .main-right-section .now-section .now-body-list li .now-list-txtbox .now-list-txt{font-family:SUIT;font-size:13px;line-height:13px;letter-spacing:-.04rem;font-weight:400;line-height:19px}.section-wrap .main-wrap .main-right-section .why-section{padding:20px 0;border-bottom:1px solid #000}.section-wrap .main-wrap .main-right-section .why-section .why-body-list{padding:40px 0;display:flex;align-items:center;flex-direction:column;gap:43px}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-img{position:relative}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-img .why-list-txt{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:SUIT;font-size:20px;line-height:20px;letter-spacing:-.04rem;font-weight:400;line-height:28px}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-img .why-list-txt span{font-weight:700}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-img.flip img{transform:scaleX(-1)}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile{display:flex;align-items:center;gap:10px;padding:28px 20px 0 28px}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile .profile-img{width:34px;height:34px}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile .profile-img img{object-fit:contain}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile .profile-txt{font-family:SUIT;font-size:12px;line-height:12px;letter-spacing:-.04rem;font-weight:500;line-height:17px}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile.flex-start{justify-content:flex-start}.section-wrap .main-wrap .main-right-section .why-section .why-body-list li .why-list-profile.flex-end{flex-direction:row-reverse}.section-wrap .main-wrap .main-right-section .apply-section{display:flex;align-items:center;justify-content:space-between;padding:20px}.section-wrap .main-wrap .main-right-section .apply-section .apply-left{display:flex;flex-direction:column;gap:30px}.section-wrap .main-wrap .main-right-section .apply-section .apply-left .apply-left-txt{font-family:SUIT;font-size:18px;line-height:18px;letter-spacing:-.04rem;font-weight:400;line-height:20px}.section-wrap .main-wrap .main-right-section .section-tit{z-index:2;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:0 20px}.section-wrap .main-wrap .main-right-section .section-tit.spoonnow{margin-bottom:30px;padding:0}.section-wrap .main-wrap .main-right-section .section-tit a{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-family:kepler-std-display,serif;font-size:24px;line-height:24px;font-weight:300}.section-wrap .main-wrap .main-right-section .section-tit a span{display:flex;align-items:center;gap:5px;font-family:SUIT;font-size:24px;line-height:24px;letter-spacing:-.04rem;font-weight:900}.swiper-button-prev{background-image:url(/img/icon/swiper-prev-icon.svg)}.swiper-button-next,.swiper-button-prev{width:50px!important;height:50px;background-size:cover;background-position:50%}.swiper-button-next{background-image:url(/img/icon/swiper-next-icon.svg)}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-pagination{margin-bottom:50px}.swiper-pagination .swiper-pagination-bullet{background:#6b6b5a!important;opacity:1!important;margin:0 10px!important}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;margin:0 15px!important}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:"";position:absolute;top:50%;left:50%;width:34px;height:26px;transform:translate(-50%,-50%);background-size:34px 26px;background:url(/img/pagenation.png) no-repeat!important}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card-mask-test{position:absolute;width:100%;aspect-ratio:408/627;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:url(/img/SP-Main-cursor-gray.svg) 2 2,auto;-webkit-mask-image:url(/img/test-img.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:center;mask-image:url(/img/test-img.png);mask-repeat:no-repeat;mask-size:cover;mask-position:center}.card-mask-test .card-img-test{background-image:url(/img/main-flip-1.png);background-size:cover;background-position:50%;width:100%;height:100%}.card-mask-test .card-img-test.second{background-image:url(/img/main-flip-2.png)}.card-mask-test .card-img-test.third{background-image:url(/img/main-flip-3.png)}.card-mask-test .card-back-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:SUIT;font-size:22px;line-height:22px;letter-spacing:-.04rem;font-weight:800;line-height:36px;text-align:center}.bg-wrapper-test{position:relative;padding:90px;overflow:hidden}.bg-wrapper-test .video-wrapper{width:100%;aspect-ratio:1330/628.38;cursor:pointer;overflow:hidden;-webkit-mask-image:url(/img/mask-lg.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:center;mask-image:url(/img/mask-lg.png);mask-repeat:no-repeat;mask-size:cover;mask-position:center}.bg-wrapper-test .video-wrapper video{width:100%;height:100%;object-fit:cover}.bg-three{background:url(/img/img-three-back.svg) 50% 40% no-repeat;background-size:100%}.bg-three .bg-wrapper-test{position:relative;padding:90px;overflow:hidden;width:100%;height:100%}.bg-three .bg-wrapper-test .bg-three-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:40px;width:100%;background-image:url(/img/main-3.png);aspect-ratio:1330/628.38;background-repeat:no-repeat;background-size:100%;cursor:pointer;overflow:hidden;-webkit-mask-image:url(/img/mask-lg.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:cover;-webkit-mask-position:center;mask-image:url(/img/mask-lg.png);mask-repeat:no-repeat;mask-size:cover;mask-position:center}.bg-three .bg-wrapper-test .bg-three-content .bg-three-content-wrap{transform:translateY(15%)}.bg-three .bg-wrapper-test .bg-three-content .tit{font-family:kepler-std-condensed-display;font-size:70px;line-height:70px;letter-spacing:-.15rem;font-weight:400}.bg-three .bg-wrapper-test .bg-three-content .txt{font-family:kepler-std-display,serif;font-size:22px;line-height:22px;font-weight:300}.bg-three .bg-wrapper-test.active .bg-three-content-wrap{animation:moveIMG 3.5s forwards;animation-delay:.5s}@keyframes moveIMG{0%{transform:translateY(15%)}to{transform:translateY(-15%)}}