@keyframes slideUpMain{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes slideUpRight{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpProduct{0%{opacity:0;transform:translate(-50%,calc(20px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.intro-overlay{background:var(--color-primary-600);z-index:1000;animation:.95s cubic-bezier(.25,1,.4,1) .1s forwards slideUpRight;position:fixed;inset:0}.hero{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-left{background:var(--color-neutral-100);transition:background .7s var(--ease-slide);flex-direction:column;flex:1;padding:3.3rem 5.6rem 5.6rem clamp(2.5rem,4vw,5.6rem);display:flex;position:relative}.header-logo{background:url(/resource/images/common/logo-lg.svg) 0/contain no-repeat;width:clamp(42rem,55vw,84.8rem);height:clamp(10.2rem,13.4vw,20.6rem)}.header-logo:after{content:"";opacity:0;transition:opacity .7s var(--ease-slide);z-index:100;background:url(/resource/images/common/logo-lg_white.svg) 0/contain no-repeat;position:absolute;inset:0}body:has(.hero.slide-1) .header-logo:after{opacity:1}.page-home .header{justify-content:flex-end;align-items:flex-start}.page-home .header-logo{opacity:0;animation:.8s .5s forwards fadeUp}.hero-logo{z-index:5;font-family:var(--font-display);letter-spacing:-2px;color:var(--color-primary-800);opacity:0;transition:color .7s var(--ease-slide);margin-top:clamp(10.2rem,13.4vw,21rem);font-size:clamp(36px,5vw,60px);font-weight:300;animation:.7s 1.5s forwards fadeUp;display:block;position:relative}.hero-content{opacity:0;transition:opacity .7s var(--ease-slide);pointer-events:none;position:absolute;bottom:13.3rem;left:clamp(2.5rem,4vw,5.6rem)}.hero-content.active{opacity:1;pointer-events:auto}.hero-content[data-index="0"].active{animation:.7s .7s both fadeUp}.hero.slides-ready .hero-content.active{animation:none}.hero-title{letter-spacing:-.25px;color:var(--color-primary-800);transition:color .7s var(--ease-slide);margin-bottom:1.6rem;font-family:Outfit;font-size:clamp(2.6rem,2vw,4rem);font-weight:600;line-height:1.3}.hero-desc{color:var(--color-primary-600);letter-spacing:-.25px;transition:color .7s var(--ease-slide);margin-bottom:4rem;font-family:Outfit;font-size:clamp(1.4rem,1.2vw,2rem);font-weight:400;line-height:1.5}.hero-left .btn{color:var(--color-neutral-100);text-align:center;letter-spacing:-.25px;text-transform:uppercase;border:0;padding:.95rem 6.4rem;font-family:Pretendard;font-size:1.4rem;font-style:normal;font-weight:600;line-height:1.5}.hero-content.slide2 .hero-title{letter-spacing:-.25px;color:var(--color-neutral-100);font-family:Pretendard;font-size:clamp(18px,2vw,4rem);font-weight:600;line-height:1.3;bottom:13.3rem;left:5.6rem}.hero-content.slide2 .hero-desc{font-family:Pretendard}.hero-content.slide2 .btn{color:var(--color-primary-800)}.hero-right{width:50%;position:relative;overflow:hidden}.hero-right-track{width:200%;height:100%;transition:transform .7s var(--ease-slide);display:flex}.hero-right-track.slide-1{transform:translate(-50%)}.hero-right-item{width:50%;height:100%;position:relative}.hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-product{aspect-ratio:500/667;z-index:2;opacity:0;width:100%;max-width:50rem;height:auto;animation:.7s .8s forwards fadeUpProduct;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(20px - 50%))}.hero-pagination{z-index:50;opacity:0;align-items:center;gap:.8rem;animation:.7s .7s forwards fadeUp;display:flex;position:absolute;bottom:5.6rem;left:clamp(2.5rem,4vw,5.6rem)}.hero-pag-item{letter-spacing:-.25px;width:2rem;color:var(--color-primary-200);font-family:Outfit;font-size:1.4rem;font-weight:600;line-height:1.5;transition:color .3s}.hero-pag-item.active{color:var(--color-primary-800);transition:color .7s var(--ease-slide)}.hero-progress{background:var(--color-primary-50);width:16rem;height:2px;margin-left:1.6rem;position:relative}.hero-progress-bar{background:var(--color-primary-800);width:0%;position:absolute;inset:0 auto 0 0}.right-overlay{background:var(--color-primary-400);z-index:5;animation:.9s cubic-bezier(.16,1,.3,1) .2s forwards slideUpRight;position:absolute;inset:0}.right-overlay:after{content:"";background:var(--color-primary-200);width:100%;height:2px;position:absolute;bottom:0;left:0}.hero.slide-1 .hero-left{background:var(--color-primary-600)}.hero.slide-1 .hero-logo,.hero.slide-1 .hero-title{color:var(--color-neutral-100)}.hero.slide-1 .hero-desc{color:var(--color-primary-100)}.hero.slide-1 .btn--dark{border-color:var(--color-neutral-100);color:var(--color-neutral-100)}.hero.slide-1 .btn--dark:hover{background:var(--color-neutral-100);color:var(--color-primary-800)}.hero.slide-1 .hero-pag-item{color:var(--color-primary-400)}.hero.slide-1 .hero-pag-item.active{color:var(--color-neutral-100)}.hero.slide-1 .hero-progress{background:var(--color-primary-600)}.hero.slide-1 .hero-progress-bar{background:var(--color-neutral-100)}@media (min-width:768px){.hero-left .btn:hover{color:var(--color-neutral-100);background:var(--color-primary-600)}.hero-content.slide2 .btn:hover{color:var(--color-primary-800);background:var(--color-primary-200)}}@media (max-width:1919px){.header-logo{width:clamp(12rem,40vw,84.8rem);height:clamp(2.9rem,9.7vw,20.6rem)}}@media (max-width:1200px){.hero-product{padding:2rem}}@media (max-width:1024px){.hero-product{padding:2rem}}@media (max-width:768px){.header-logo{width:clamp(8rem,38vw,18rem);height:clamp(2rem,9vw,4.5rem);transition:width .6s ease-in-out,height .6s ease-in-out;position:relative;top:0;left:0}.page-home .header--scrolled .header-logo{width:clamp(7rem,22vw,10rem);height:clamp(1.97rem,5.4vw,2.5rem)}.page-home .header{-webkit-backdrop-filter:blur(25px);transition:background .7s var(--ease-slide);background:#f0eee9d9;align-items:center}body.page-home:has(.hero.slide-1) .header{background:#5e5a39d9}.hero{flex-direction:column;height:auto;overflow:visible}.hero-content{bottom:12rem;left:16px}.hero-left{flex:none;width:100%;height:55vh;padding:3.3rem 16px 4rem;position:relative}.hero-pagination{width:92%;bottom:4rem}.hero-right{aspect-ratio:390/390;flex:none;width:100%}.hero-right-item{height:100%}.hero-title,.hero-content.slide2 .hero-title{font-size:3rem}.hero-desc{margin-bottom:3.2rem;font-size:1.9rem}.hero-progress{width:100%;margin-left:.8rem}.hero-title{margin-bottom:.8rem}.hero-video,.hero-product{object-fit:cover;width:100%;height:100%}}@media (max-width:420px){.hero-pagination{width:89%}}@media (max-width:375px){.hero-left{flex:0 0 56vh}.hero-content.slide2 .hero-title{font-size:2.4rem}}@media (max-height:750px){.hero-content{bottom:10rem}.hero-product{max-width:50%}}