.skin-main-page{position:relative}.skin-main-page:after{content:"";background:url(/_next/static/media/skin_main_bg1.9929a013.png) no-repeat 70% 15%/cover;width:100vw;height:100vh;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}@media(max-width:1280px){.skin-main-page{width:100vw;height:fit-content}}.skin-main-banner{position:relative;width:100vw;height:100vh;padding:0;color:var(--dark);overflow:hidden}.skin-main-banner .banner-swiper{width:100%;height:100%}.skin-main-banner .banner-swiper .swiper-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity 1s ease-in-out}.skin-main-banner .banner-swiper .slide-content{width:100%;height:100%;padding:5em;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center}.skin-main-banner .banner-swiper .slide-content:after{content:"";background:rgba(245,243,243,.5);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.skin-main-banner .custom-controls{display:flex;align-items:center;gap:16px;position:absolute;left:5em;bottom:5em;z-index:2}.skin-main-banner .custom-controls .slide-current{display:none;font-family:SP-B;font-size:20px}.skin-main-banner .custom-controls .slide-total{display:none;font-family:SP-L;font-size:20px}.skin-main-banner .custom-controls .progress-bar{width:100px;height:2px;background:rgba(54,60,77,.1);overflow:hidden}.skin-main-banner .custom-controls .progress-bar .progress{height:100%;background:var(--dark);transform:scaleX(0);transform-origin:left}.skin-main-banner .custom-controls .progress-bar .progress.animate{animation:fillBar 5s linear forwards}.skin-main-banner .custom-controls .custom-next,.skin-main-banner .custom-controls .custom-prev{width:20px;height:20px;cursor:pointer}.skin-main-banner .custom-controls .custom-prev img{transform:rotate(-180deg)}.skin-main-banner video{width:100%;position:relative;z-index:-2}.skin-main-banner .title{width:100%;text-align:center;color:rgba(41,41,41,.5);font-family:NT;font-size:75px}.skin-main-banner .sub-title{width:100%;text-align:center;color:rgba(41,41,41,.5);font-family:SUITL;font-size:25px}@media(max-width:1280px){.skin-main-banner .banner-swiper .slide-content{padding:5em 3em}.skin-main-banner .custom-controls{left:3em;bottom:3em}.skin-main-banner .title{font-size:50px}.skin-main-banner .sub-title{font-size:20px}}@media(max-width:800px){.skin-main-banner .banner-swiper .slide-content{padding:5em 2em}.skin-main-banner .custom-controls{left:2em;bottom:2em}.skin-main-banner .title{font-size:25px}.skin-main-banner .sub-title{font-size:14px}}@keyframes fillBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skin-category{background:#fff;padding:5em 10em;overflow:hidden}.skin-category .title{font-size:20px;text-align:center}.skin-category .item-box{margin-top:7em;display:flex;justify-content:space-between;align-items:center;gap:2em}.skin-category .item-box .item{border-radius:10px;width:calc(25% - 2em);aspect-ratio:1/1;padding:2em;position:relative;overflow:hidden}.skin-category .item-box .item .img{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;transition:.6s}.skin-category .item-box .item:first-child .img{background:url(/_next/static/media/lifting_bg.819c1773.png) no-repeat 50%/cover}.skin-category .item-box .item:nth-child(2) .img{background:url(/_next/static/media/faceline_bg.ed9007a0.png) no-repeat 50%/cover}.skin-category .item-box .item:nth-child(3) .img{background:url(/_next/static/media/skincare_bg.25eb70f8.jpg) no-repeat 50%/cover}.skin-category .item-box .item:nth-child(4) .img{background:url(/_next/static/media/bodycare_bg.88bae0e4.png) no-repeat 50%/cover}.skin-category .item-box .item .text{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.skin-category .item-box .item .text .title{text-align:left}.skin-category .item-box .item .text .title span{color:rgba(0,0,0,.5);font-family:GB;font-size:14px}.skin-category .item-box .item .text .detail{width:100%;opacity:0;transition:.3s}.skin-category .item-box .item:hover .img{transform:scale(1.05)}.skin-category .item-box .item:hover .text .detail{opacity:1}@media(max-width:1650px){.skin-category{padding:5em}}@media(max-width:1280px){.skin-category{padding:3em}.skin-category .item-box{flex-flow:row wrap;gap:10px}.skin-category .item-box .item{width:calc(50% - 10px);aspect-ratio:3/4}.skin-category .item-box .item:nth-child(2n){transform:translateY(5em)}.skin-category .item-box .item:nth-child(odd){display:flex;justify-content:flex-end}}@media(max-width:900px){.skin-category{padding:2em}.skin-category .item-box{margin:1em 0}.skin-category .item-box .item{margin:10px 0}}.skin-point{background:#fff;padding-top:7em;display:flex;flex-flow:column wrap;overflow:hidden}.skin-point .title{text-align:center;font-size:20px;font-family:SUITEL;position:relative}.skin-point .title:after{content:"Beyond Skin";width:100%;position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:rgba(225,84,38,.1);font-family:PS;font-size:75px}.skin-point .content{border-bottom:1px solid rgba(41,41,41,.1);padding:3em 10em;position:relative;overflow:hidden;transition:.3s;z-index:1;cursor:pointer}.skin-point .content:nth-child(2){margin-top:2em}.skin-point .content:last-child{border-bottom:none}.skin-point .content:before{position:absolute;right:0;bottom:50%;transform:translateY(50%);color:rgba(225,84,38,.1);font-family:PS;font-size:100px;opacity:0;transition:.3s}.skin-point .content:nth-child(2):before{content:"Healing"}.skin-point .content:nth-child(3):before{content:"Honest"}.skin-point .content:nth-child(4):before{content:"Delicate"}.skin-point .content:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;z-index:-1;transition:.3s}.skin-point .content:nth-child(2):after{background:url(/_next/static/media/skin_point_bg1.c60c31e4.png) no-repeat center 30%/cover}.skin-point .content:nth-child(3):after{background:url(/_next/static/media/skin_point_bg2.4b185ac9.png) no-repeat 0/100%}.skin-point .content:nth-child(4):after{background:url(/_next/static/media/skin_point_bg3.d872807a.png) no-repeat 100%/cover}.skin-point .content p{color:var(--dark);font-size:25px}.skin-point .content span{display:inline-block;color:rgba(41,41,41,.5);opacity:0;transform:translateY(10px);transition:.3s;position:absolute}.skin-point .content.active:before{opacity:1;right:1em}.skin-point .content.active:after{opacity:1}.skin-point .content.active span{opacity:1;position:static;transform:translateY(0)}@media(max-width:1650px){.skin-point .content{padding:3em 5em}}@media(max-width:1280px){.skin-point .content{padding:2em 3em}.skin-point .content:before{font-size:75px}}@media(max-width:800px){.skin-point .content{padding:2em}.skin-point .content:before{display:none}.skin-point .content p{font-size:20px}.skin-point .content.active:before{right:20px}}.skin-review{background:var(--gray2);padding:5em 10em;overflow:hidden}.skin-review .info-box{margin-bottom:1em}.skin-review .info-box p{font-size:25px}.skin-review .info-box p span{display:block;color:rgba(41,41,41,.7);font-size:18px}.skin-review .info-box a{border:1px solid var(--dark);border-radius:5em;width:200px;height:40px;margin-top:1em;display:flex;justify-content:center;align-items:center;color:var(--drak);position:relative;z-index:1;overflow:hidden}.skin-review .info-box a:after{content:"";background:var(--dark);width:100%;height:100%;position:absolute;left:0;bottom:-100%;z-index:-1;transition:.3s}.skin-review .info-box a:hover{color:#fff}.skin-review .info-box a:hover:after{bottom:0}.skin-review .item-container{display:flex;justify-content:flex-end;align-items:center;gap:1em}.skin-review .item-container .item{border-radius:10px;width:250px;height:300px;padding:2em;position:relative;overflow:hidden;transition:.3s;cursor:pointer}.skin-review .item-container .item:first-child{background:url(/_next/static/media/before1.a05f27ab.png) no-repeat 50%/cover}.skin-review .item-container .item:nth-child(2){background:url(/_next/static/media/before2.884da7d3.png) no-repeat 50%/cover}.skin-review .item-container .item:nth-child(3){background:url(/_next/static/media/before3.66ef547a.png) no-repeat 50%/cover}.skin-review .item-container .item:nth-child(4){background:url(/_next/static/media/before4.84f3d311.png) no-repeat 50%/cover}.skin-review .item-container .item .overlay{backdrop-filter:blur(3px);width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;transition:.3s}.skin-review .item-container .item .text{width:100%;height:fit-content;margin-bottom:1em;padding:1em;position:absolute;left:0;top:0;z-index:1}.skin-review .item-container .item .text .label{font-family:SUITEL;color:#fff;font-size:18px}.skin-review .item-container .item .text .desc{color:rgba(245,243,243,.7);font-family:SUITEL;transform:translateY(5px);transition:.3s}.skin-review .item-container .item.active:first-child{background:url(/_next/static/media/after1.01218095.png) no-repeat 50%/cover}.skin-review .item-container .item.active:nth-child(2){background:url(/_next/static/media/after2.d8a2d4c8.png) no-repeat 50%/cover}.skin-review .item-container .item.active:nth-child(3){background:url(/_next/static/media/after3.d5ecdbbb.png) no-repeat 50%/cover}.skin-review .item-container .item.active:nth-child(4){background:url(/_next/static/media/after4.059c0028.png) no-repeat 50%/cover}@media(max-width:1650px){.skin-review{padding:5em}.skin-review .item-container .item{width:200px;height:250px}}@media(max-width:1280px){.skin-review{padding:3em}.skin-review .info-box{display:flex;flex-flow:column wrap;align-items:center}.skin-review .info-box p{text-align:center}.skin-review .item-container{flex-flow:row wrap;justify-content:center}.skin-review .item-container .item{width:180px;height:230px}}@media(max-width:900px){.skin-review{padding:2em 1em}.skin-review .info-box p{font-size:20px}.skin-review .item-container .item{width:calc(50% - 1em);aspect-ratio:1/1}.skin-review .item-container .item button{width:45px;height:45px;font-size:12px}}.middle-headline{padding:10em;overflow:hidden}.middle-headline p{margin-bottom:1em;color:var(--dark);font-size:30px}.middle-headline span{display:block;font-size:18px;color:rgba(41,41,41,.8)}@media(max-width:1280px){.middle-headline{padding:5em 3em}}@media(max-width:800px){.middle-headline{padding:2em}.middle-headline p{font-size:20px}.middle-headline span{font-size:14px}}.promotion{background:url(/_next/static/media/BG_grain.7ec29f53.png) no-repeat 50%/cover;padding:5em 10em;overflow:hidden}.promotion .title{margin-bottom:2em;text-align:center;font-family:SY-R}.promotion .event-box{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:1em}.promotion .event-box .event{aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.promotion .event-box .event img{width:100%;height:100%;object-fit:cover}.promotion .event-box .event p{position:absolute;left:50%;bottom:0;transform:translateX(-50%);color:#fff;font-family:SUITR;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;z-index:1;transition:.3s;opacity:0}.promotion .event-box .event:before{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.1));opacity:0;transition:.3s}.promotion .event-box .event:after,.promotion .event-box .event:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0}.promotion .event-box .event:hover p,.promotion .event-box .event:hover:before{opacity:1}@media(max-width:1650px){.promotion{padding:5em}}@media(max-width:1280px){.promotion{padding:3em 20em}.promotion .event-box{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media(max-width:1100px){.promotion{padding:3em 15em}}@media(max-width:900px){.promotion{padding:2em}}.business-hours{background:var(--gray3);padding:5em 20em;overflow:hidden}.business-hours .title{width:100%;font-size:22px;text-align:center}.business-hours .title span{margin-left:10px;color:var(--main);font-family:SUITEB}.business-hours .info{margin-top:2em;display:flex;flex-flow:row wrap;justify-content:center}.business-hours .info .category p{margin:10px 0;color:var(--dark);font-family:SUITB;font-size:20px;transition:.3s;cursor:default}.business-hours .info .category p span{color:rgba(41,41,41,.5);font-size:16px;transition:.3s}.business-hours .info .time{margin-left:5em}.business-hours .info .time .day{margin:10px 0;font-size:20px}.business-hours .info .time .day span{display:inline-block;width:150px;font-family:SUITB}@media(max-width:1650px){.business-hours{padding:5em}}@media(max-width:1280px){.business-hours{padding:3em}}@media(max-width:800px){.business-hours .info{margin-top:1em;flex-flow:column wrap;align-items:center}.business-hours .info .category{width:100%;padding-bottom:1em}.business-hours .info .category p{font-size:16px}.business-hours .info .time{border-top:1px solid rgba(41,41,41,.3);width:100%;margin-left:0;padding-top:1em}.business-hours .info .time .day{font-size:16px}}.skin-detail-page .recommend{padding:5em 10em}.skin-detail-page .recommend .title{margin-bottom:2em;font-family:SUITL;font-size:20px;text-align:center}.skin-detail-page .recommend .item-box{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:2em}.skin-detail-page .recommend .item-box .item{background:var(--gray1);border-radius:1em;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s}.skin-detail-page .recommend .item-box .item .img{border-radius:50%;width:35%;aspect-ratio:1/1;margin-bottom:1em;transition:.3s}.skin-detail-page .recommend .item-box .item:first-child .img{background:url(/_next/static/media/graphic1.fab89b8e.png) no-repeat 50%/60%}.skin-detail-page .recommend .item-box .item:nth-child(2) .img{background:url(/_next/static/media/graphic2.8cf9c439.png) no-repeat 50%/60%}.skin-detail-page .recommend .item-box .item:nth-child(3) .img{background:url(/_next/static/media/graphic3.8d0a50b3.png) no-repeat 50%/60%}.skin-detail-page .recommend .item-box .item:nth-child(4) .img{background:url(/_next/static/media/graphic4.83303d2e.png) no-repeat 50%/60%}.skin-detail-page .recommend .item-box .item p{text-align:center}.skin-detail-page .recommend .item-box .item:hover{border-radius:1em 5em 1em 5em}@media(max-width:1280px){.skin-detail-page .recommend{padding:5em 3em}}@media(max-width:1024px){.skin-detail-page .recommend{padding:3em 2em}.skin-detail-page .recommend .item-box{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.skin-detail-page .recommend .item-box p{font-size:14px}}.skin-detail-page .philosophy{background:var(--gray1);display:flex;justify-content:space-between;align-items:center}.skin-detail-page .philosophy .img{width:50%;aspect-ratio:16/9}.skin-detail-page .philosophy .text{width:50%}.skin-detail-page .philosophy .text .sub-title{color:var(--red);font-family:SUITL;font-size:20px}.skin-detail-page .philosophy .text .title{margin-bottom:1em;font-family:SUITB;font-size:30px}.skin-detail-page .philosophy .text .philosophy-desc{color:rgba(0,0,0,.5)}.skin-detail-page .philosophy.left .text{padding:0 10em 0 5em}.skin-detail-page .philosophy.left .img{background:url(/_next/static/media/philosophy1.1736aa92.png) no-repeat 50%/cover}.skin-detail-page .philosophy.right .text{padding:0 5em 0 10em;text-align:right}.skin-detail-page .philosophy.right .img{background:url(/_next/static/media/philosophy2.cb8c81c5.gif) no-repeat 50%/cover}@media(max-width:1650px){.skin-detail-page .philosophy.left .text,.skin-detail-page .philosophy.right .text{padding:0 5em}}@media(max-width:1280px){.skin-detail-page .philosophy{padding-top:5em;flex-direction:column}.skin-detail-page .philosophy.right{padding-bottom:5em}.skin-detail-page .philosophy.left .text,.skin-detail-page .philosophy.right .text{width:100%;padding:0 3em;text-align:center}.skin-detail-page .philosophy .img{width:50%;margin-top:2em}.skin-detail-page .philosophy.left .img{order:1}}@media(max-width:1024px){.skin-detail-page .philosophy{padding-top:2em}.skin-detail-page .philosophy.right{padding-bottom:0}.skin-detail-page .philosophy.left .text,.skin-detail-page .philosophy.right .text{padding:2em}.skin-detail-page .philosophy .text .sub-title{font-size:14px}.skin-detail-page .philosophy .text .title{font-size:20px}.skin-detail-page .philosophy .text .philosophy-desc{font-size:14px}.skin-detail-page .philosophy .text .philosophy-desc br{display:none}.skin-detail-page .philosophy .img{width:100%;margin-top:0}}.skin-detail-page .solutions{padding:5em 10em;text-align:center}.skin-detail-page .solutions .title{text-align:center;font-family:SUITR;font-size:20px;letter-spacing:.5em;padding-left:.5em}.skin-detail-page .solutions .solution-desc{margin:1em 0;color:rgba(0,0,0,.5)}.skin-detail-page .solutions .card-box{border-radius:2em;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.skin-detail-page .solutions .card-box .card{width:33.3333333333%;aspect-ratio:3/4;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.skin-detail-page .solutions .card-box .card .category{margin-bottom:10px;font-family:SUITB;font-size:20px}.skin-detail-page .solutions .card-box .card .list{position:absolute;right:1em;top:1em;text-align:right;opacity:0;transition:.3s}.skin-detail-page .solutions .card-box .card .list span{margin-bottom:10px;display:block}.skin-detail-page .solutions .card-box .card .view-more{border:1px solid var(--dark);backdrop-filter:blur(3px);border-radius:5em;width:fit-content;padding:2px 1em;color:var(--dark);transition:.3s}.skin-detail-page .solutions .card-box .card:hover .list{opacity:1}.skin-detail-page .solutions .card-box .card:hover .view-more{background:var(--dark);color:#fff}@media(max-width:1280px){.skin-detail-page .solutions{padding:5em 3em}}@media(max-width:1024px){.skin-detail-page .solutions{padding:3em 2em}.skin-detail-page .solutions .title{font-size:14px;letter-spacing:10px;padding-left:10px}.skin-detail-page .solutions .solution-desc{font-size:14px}.skin-detail-page .solutions .card-box{border-radius:10px;flex-direction:column}.skin-detail-page .solutions .card-box .card{border-bottom:1px solid #fff;width:100%;height:150px;padding:2em;aspect-ratio:none;justify-content:flex-start;align-items:flex-start}.skin-detail-page .solutions .card-box .card .list{width:calc(100% - 100px);position:static;display:flex;flex-flow:row wrap;font-size:14px;text-align:left;opacity:1}.skin-detail-page .solutions .card-box .card .list span{margin-right:1em;margin-bottom:0}.skin-detail-page .solutions .card-box .card .view-more{position:absolute;right:1.5em;bottom:1.5em;font-size:13px}.skin-detail-page .solutions .card-box .card:last-child{border-bottom:none}}