@keyframes key-ani-fade-out{0%{opacity:.9}to{opacity:0}}@keyframes key-ani-zoom{0%{transform:scale(1.2) translateY(-3rem)}to{transform:scale(1) translateY(0)}}@keyframes ani-up{0%{transform:translate3d(0,100%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes ani-up2{0%{transform:translate3d(0,70%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes key_opacity_01{0%{opacity:0}to{opacity:1}}@keyframes key_opacity_02{0%{opacity:.3}50%{opacity:.6}to{opacity:1}}@keyframes key_opacity_03{0%{opacity:.2}50%{opacity:.2}to{opacity:1}}@keyframes ani-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ani-scale-center{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(3)}}.custom-header-group{position:fixed;top:0;left:0;right:0}.page-our-story *{margin:0;padding:0}.page-our-story ul,.page-our-story ol{font:inherit;color:inherit;list-style:none;padding:0}.page-our-story h1,.page-our-story h2,.page-our-story h3,.page-our-story h4,.page-our-story h5,.page-our-story p{font:inherit;color:inherit}.page-our-story button,.page-our-story a,.page-our-story .button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;background-color:transparent;border:none;cursor:pointer}.page-our-story dl,.page-our-story dt,.page-our-story dd{display:initial;font:inherit;color:inherit}.page-our-story img{vertical-align:top}.page-our-story em,.page-our-story i{font-style:normal}.page-our-story a{text-decoration:none}.page-our-story{position:relative;overflow:hidden;background-color:#000}.page-our-story .story_keyvisual{position:relative}.page-our-story .story_keyvisual .kv_video{overflow:hidden;height:100vh}.page-our-story .story_keyvisual .kv_video video{height:100%;-o-object-fit:cover;object-fit:cover}.page-our-story .story_keyvisual .btn_scroll{color:#767676;padding-bottom:4.2rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:100}.page-our-story .story_keyvisual .btn_scroll:after{content:"";display:block;color:#fff;width:3.6rem;height:1.3rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAANCAQAAABrqgTtAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAD1SURBVCjPndKtWgJRFIXhl8Fg9A483AFkAnIFYjRZbWChqslsozFEG0TTDNE03IHjHYyNaPCPgXEeZMW991lnPd/ejXGQiN07VCduDXQiub7g1elBNkEi6CiaXQoLhbljy3/aDE1M3Fhz9FWaWUq0jbztnWWKs+/56KeRa1lJXe1lcy4z1//9ttndbC8txIIX61q8D0YuPW0Wo62hXAdZDfqeDB1puVxOBGvPCrGTSvRDE9cedxNHqjTT1945iSAx0LaoelJtRO5CbLWBfigp4y2rMa6hKkik7rybCgZ1pxHV+ci15FKZ/O8s+yT6VE9je0e7+gCsC0KpxTM5QwAAAABJRU5ErkJggg==) no-repeat;position:absolute;left:calc(50% - 1.8rem)}.page-our-story .story_brand{overflow:hidden;position:relative;height:100vh;background:url(/cdn/shop/files/page_ourstory_kv_image1_pc_int.jpg?v=1744935183) no-repeat;background-size:cover}.page-our-story .story_brand .text_info{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:futura-pt,sans-serif;font-weight:400;position:relative;z-index:100;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(100%);opacity:0;color:#fff;transition:all 1.5s}.page-our-story .story_brand .text_info .text_area{max-width:85%;margin:0 auto}.page-our-story .story_brand .text_info h3{margin-bottom:4rem;font-size:4.8rem;font-weight:400;line-height:1.4}.page-our-story .story_brand .text_info h3 em{font-family:noto-sans-cjk-kr,sans-serif;font-weight:500;font-size:88%}.page-our-story .story_brand .text_info p{max-width:132.8rem;margin:0 auto;padding:0 0 6rem;font-family:noto-sans-cjk-kr,sans-serif;font-weight:300;font-size:2rem}.page-our-story .story_brand .text_info .btn_more{position:relative;line-height:1.8;padding-right:2.2rem;color:#fff;font-size:1.6rem}.page-our-story .story_brand .text_info .btn_more:before{content:"";display:block;width:100%;height:.1rem;background:#fff;position:absolute;bottom:0;left:0}.page-our-story .story_brand .text_info .btn_more:after{content:"";display:block;width:1.5rem;height:1.2rem;background:url(/cdn/shop/files/icon_common.png?v=1744680368) -12rem -11.2rem no-repeat;background-size:50rem 50rem;position:absolute;top:calc(50% - .6rem);right:0}.page-our-story .story_brand.active .brand_intro .story_title{transform:translateY(-50rem);opacity:0;transition:all 1.3s .1s}.page-our-story .story_brand.active .brand_intro .story_title h2{transform:translateY(-3rem);transition:all .5s}.page-our-story .story_brand.active .brand_intro .story_title p{transform:translateY(-1rem);transition:all .5s}.page-our-story .story_brand.active .brand_intro .kv_img img{transform:translate(-50%,-45%);transition:all 1s;transition-delay:.1s}.page-our-story .story_brand.active .brand_intro .text_info{opacity:1;transform:translateY(0);transition:all 1.5s;visibility:visible}.page-our-story .story_brand .interview_video{position:fixed;left:100%;top:6.2rem;width:100%;height:calc(100vh - 6.2rem);transition:transform .5s;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:futura-pt,sans-serif;font-size:6.4rem;line-height:1.2;color:#fff;text-align:center;font-weight:400;z-index:998;background-color:#000}.page-our-story .story_brand .interview_video.on{transform:translate(-100%)}.page-our-story .story_brand .interview_video h3{margin-bottom:1rem;font-size:3.6rem;font-weight:400}.page-our-story .story_brand .interview_video p{max-width:132.8rem;padding:0;font-size:2.4rem;color:#707984;line-height:1.5}.page-our-story .story_brand .interview_video .video{position:relative;width:150rem;max-width:100%;margin:0 auto 3rem}.page-our-story .story_brand .interview_video video{width:auto;height:60.7rem;max-width:100%;max-height:calc(60vh - 7rem);margin:0 auto}.page-our-story .story_brand .interview_video .btn_more{position:relative;line-height:1.8;padding-left:2.2rem;color:#fff;font-size:1.6rem}.page-our-story .story_brand .interview_video .btn_more:before{content:"";display:block;width:100%;height:.1rem;background:#fff;position:absolute;bottom:0;left:0}.page-our-story .story_brand .interview_video .btn_more:after{content:"";display:block;width:1.5rem;height:1.2rem;background:url(/cdn/shop/files/icon_common.png?v=1744680368) -12rem -11.2rem no-repeat;background-size:50rem 50rem;position:absolute;top:calc(50% - .6rem);transform:rotate(180deg);left:0}.page-our-story .story_content{overflow:hidden;background-color:#fff}.page-our-story .collection{margin-top:16rem;background:#f2f2f2;position:relative;z-index:2;overflow:hidden}.page-our-story .collection .layout_inner{max-width:150rem;width:100%;display:flex;flex-direction:column;justify-content:center;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);text-align:right}.page-our-story .collection .bg_wrap{width:100%;height:100%;position:relative;transform:scale(1.3);transition:all .5s;mix-blend-mode:multiply}.page-our-story .collection .bg_wrap img{width:100%;display:block}.page-our-story .collection h2{font-family:futura-pt,sans-serif;font-weight:400;font-size:5.6rem;line-height:1.1;transform:translateY(16rem);opacity:0;transition:all .7s}.page-our-story .collection p{margin-top:3rem;font-weight:300;font-size:2rem;transform:translateY(14rem);opacity:0;transition:all .7s}.page-our-story .collection button,.page-our-story .collection a{display:block;text-align:center;font-family:futura-pt,sans-serif;font-weight:400;font-size:1.8rem;color:#fff;width:32rem;height:5.2rem;line-height:5.2rem;padding:0;background:#02060f;margin-top:6rem;margin-left:auto;transform:translateY(10rem);opacity:0;transition:all .7s}.page-our-story .collection.active h2,.page-our-story .collection.active p,.page-our-story .collection.active button,.page-our-story .collection.active a,.page-our-story .collection:focus h2,.page-our-story .collection:focus p,.page-our-story .collection:focus button,.page-our-story .collection:focus a,.page-our-story .collection.focus h2,.page-our-story .collection.focus p,.page-our-story .collection.focus button,.page-our-story .collection.focus a{transform:translateY(0);opacity:1;transition:all .7s}.page-our-story .collection.active .layout_inner .bg_wrap,.page-our-story .collection.active .bg_wrap,.page-our-story .collection:focus .layout_inner .bg_wrap,.page-our-story .collection:focus .bg_wrap,.page-our-story .collection.focus .layout_inner .bg_wrap,.page-our-story .collection.focus .bg_wrap{transform:scale(1);transition:all 1s}.page-our-story .key_line{height:calc(100vh - 8.2rem);position:relative;transition:all .5s ease-out}.page-our-story .key_line .text_info{position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;padding-left:10%;color:#fff;display:flex;flex-direction:column;justify-content:center;transition:all .5s ease-out}.page-our-story .key_line .text_info li{margin-top:1rem;display:flex;transform:translate(7rem);opacity:1}.page-our-story .key_line .text_info li:first-child{margin-top:0;transform:translate(-7rem)}.page-our-story .key_line .text_info span{font-family:futura-pt,sans-serif;font-weight:400;font-size:6.4rem;line-height:1.1;margin-left:4rem;opacity:0;transition:all 1.5s}.page-our-story .key_line .text_info span:first-child{margin-left:0}.page-our-story .key_line .text_info div{margin-top:4rem;font-weight:300;font-size:2rem;line-height:1.8;color:#e5eaef;transform:translateY(5rem)}.page-our-story .key_line .text_info div p{transform:translateY(0);opacity:0}.page-our-story .key_line .text_info div p:nth-child(2){transform:translateY(3rem)}.page-our-story .key_line .text_info div p:nth-child(3){transform:translateY(7rem)}.page-our-story .key_line.dark .text_info:before{content:"";display:block;background:#0003;position:absolute;top:0;left:0;right:0;bottom:0}.page-our-story .key_line .video,.page-our-story .key_line .img{height:100%;line-height:0}.page-our-story .key_line video,.page-our-story .key_line img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-our-story .key_line.active .text_info li,.page-our-story .key_line.active .text_info li:first-child{transform:translate(0);transition:all .5s}.page-our-story .key_line.active .text_info span{margin:0;transition:all 1.3s;animation:key_opacity_02 1.3s;opacity:1}.page-our-story .key_line.active .text_info span:nth-child(odd){animation:key_opacity_03 1.3s}.page-our-story .key_line.active .text_info div{transform:translateY(0);transition:all .5s}.page-our-story .key_line.active .text_info div p{transform:translateY(0);transition:all .5s;animation:key_opacity_01 forwards}.page-our-story .key_line.active .text_info div p:nth-child(1){animation-duration:2s;animation-delay:.2s}.page-our-story .key_line.active .text_info div p:nth-child(2){animation-duration:1.8s;animation-delay:.2s}.page-our-story .key_line.active .text_info div p:nth-child(3){animation-duration:1.5s;animation-delay:.2s}.page-our-story .skin_science{width:100%;max-width:192rem;margin:0 auto}.page-our-story .skin_science .title{display:flex;flex-direction:column;align-items:flex-start;margin-top:18rem;padding-left:19rem}.page-our-story .skin_science .title li{display:flex;flex-wrap:wrap}.page-our-story .skin_science .title li:first-child span:first-child{transform:translate(-5rem)}.page-our-story .skin_science .title li:nth-child(2) span{margin-left:5rem}.page-our-story .skin_science .title span{font-family:futura-pt,sans-serif;font-weight:400;font-size:8rem;line-height:1.1;opacity:0;transition:all .5s}.page-our-story .skin_science .title.active li:first-child span:first-child{transform:translate(0)}.page-our-story .skin_science .title.active li:nth-child(2) span{margin-left:0}.page-our-story .skin_science .title.active span{animation:science_opacity_01 1s;opacity:1;transition:all 1s}.page-our-story .skin_science .title.active span:nth-child(odd){animation:science_opacity_02 1s;opacity:1}.page-our-story .skin_science .screen{max-width:100%;margin-top:10rem;display:flex;flex-direction:column}.page-our-story .skin_science .screen [class^=type_]{display:flex}.page-our-story .skin_science .screen [class^=type_] .text_info{display:flex;flex-direction:column;flex-shrink:0;transform:translateY(100%);opacity:0;transition:transform 1s,opacity .7s}.page-our-story .skin_science .screen [class^=type_] .img{position:relative;z-index:9;display:block;overflow:hidden}.page-our-story .skin_science .screen [class^=type_] .img:before{content:"";display:block;width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:10;transition:all 1.3s}.page-our-story .skin_science .screen [class^=type_].active .img:before{height:0;transition:all 1.3s}.page-our-story .skin_science .screen [class^=type_].active img{transform:scale(1) translate(0);opacity:1;transition:transform 1.5s,opacity 1.7s}.page-our-story .skin_science .screen [class^=type_].active .text_info{transform:translateY(0);opacity:1;transition:transform 1s,opacity .7s}.page-our-story .skin_science .screen h3{font-family:futura-pt,sans-serif;font-weight:400;font-size:4.8rem;line-height:1.1;letter-spacing:.05rem}.page-our-story .skin_science .screen p{margin-top:2rem;font-size:2rem;line-height:1.8;font-weight:300;letter-spacing:.05rem;color:#444649}.page-our-story .skin_science img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;transform:scale(1.5) translate(-10%,30%);opacity:0;transition:transform 1.5s,opacity 1.7s}.page-our-story .skin_science .type_a{margin-left:31%;position:relative;right:0;justify-content:flex-end;align-self:flex-end}.page-our-story .skin_science .type_a .text_info{width:40.3%;padding:6rem 8rem 0 0}.page-our-story .skin_science .type_a .img{width:100%}.page-our-story .skin_science .type_a:before{content:"";display:none;width:13rem;height:.3rem;background:#02060f;position:absolute;left:-38%;top:60%;z-index:10;transform:rotate(0);transition:all 1s}.page-our-story .skin_science .type_a.active:before{transform:rotate(112deg);top:32%;transition:all 1s}.page-our-story .skin_science .type_b{margin-right:43%;margin-top:-17%;align-items:end}.page-our-story .skin_science .type_b .img{width:100%;min-width:40rem}.page-our-story .skin_science .type_b .text_info{width:48%;padding:0 0 6rem 8rem}.page-our-story .skin_science .type_c{margin-left:7.813%;margin-top:20rem;justify-content:flex-end;align-self:flex-end}.page-our-story .skin_science .type_c .img{width:100%}.page-our-story .skin_science .type_c img{transform:scale(1)}.page-our-story .skin_science .type_c .text_info{width:29%;padding:6rem 8rem 0 0}.page-our-story .skin_science .type_c.active .img:before{transition:all 1s}@media (max-width: 1280px){.page-our-story .story_brand .text_info h3{font-size:3.2rem}.page-our-story .story_brand .text_info p{font-size:1.8rem}.page-our-story .breadcrumbs{top:2rem!important}.page-our-story .key_line .text_info span{font-size:4.2rem}.page-our-story .key_line .text_info div{font-size:1.4rem}.page-our-story .skin_science .screen{margin-top:6rem}.page-our-story .skin_science .title{padding-left:7%}.page-our-story .skin_science .title span{font-size:5.2rem}.page-our-story .skin_science.active .type_a:before{width:9rem}.page-our-story .skin_science .type_a .text_info{padding:3rem 4rem 0 0}.page-our-story .skin_science .type_b{margin-top:-5%}.page-our-story .skin_science .type_b .text_info{padding:0 0 3rem 4rem}.page-our-story .skin_science .type_c .text_info{padding:3rem 4rem 0 0}.page-our-story .skin_science .screen h3{font-size:3.6rem}.page-our-story .skin_science .screen .text_info{font-size:1.4rem}.page-our-story .collection .layout_inner{padding:0 3.2rem 0 30rem}.page-our-story .collection .layout_inner:before{width:45rem;height:48.5rem}.page-our-story .collection .layout_inner .bg_wrap{right:8rem}.page-our-story .collection button,.page-our-story .collection a{width:20rem;font-size:1.6rem;height:4.2rem;line-height:4.2rem;margin-top:4rem}.page-our-story .collection h2{font-size:3.6rem}.page-our-story .collection p{font-size:1.4rem}}@media (max-width: 768px){.page-our-story{margin-top:62px}.page-our-story .story_keyvisual{height:calc(100dvh - 6.2rem)}.page-our-story .story_keyvisual .btn_scroll{text-indent:100%;white-space:nowrap;overflow:hidden;bottom:1rem}.page-our-story .story_brand{height:calc(100dvh - 6.2rem);background-image:url(/cdn/shop/files/page_ourstory_kv_image1_mo_int.jpg?v=1744935183)}.page-our-story .story_brand .text_info{padding-bottom:4rem}.page-our-story .story_brand .text_info h3{margin-bottom:2rem;font-size:2.8rem;line-height:1.2}.page-our-story .story_brand .text_info p{padding-bottom:2rem;font-size:1.4rem}.page-our-story .story_brand .text_info .btn_more{font-size:1.4rem;margin-top:2rem}.page-our-story .story_brand .interview_video{top:0;height:100%}.page-our-story .story_brand .interview_video video{max-height:calc(42vh - 7rem)}.page-our-story .story_brand .interview_video .btn_more{font-size:1.4rem;margin-top:2rem}.page-our-story .key_line{height:calc(100dvh - 6.2rem)}.page-our-story .key_line .text_info{padding-left:3rem;padding-right:3rem;padding-top:8rem;justify-content:start}.page-our-story .key_line .text_info span{font-size:3.2rem}.page-our-story .key_line .text_info li{margin-top:.5rem}.page-our-story .key_line .text_info div{max-width:28rem;margin-top:2rem;line-height:2;font-size:1.4rem}.page-our-story .key_line .text_info div p{font-weight:300;font-size:1.4rem;display:inline}.page-our-story .skin_science{padding-left:0;margin-top:6rem;justify-content:start}.page-our-story .skin_science .title{margin-top:6rem;padding-left:3rem}.page-our-story .skin_science .title span{font-size:3.2rem}.page-our-story .skin_science .screen{margin-top:6rem}.page-our-story .skin_science .screen [class^=type_]{width:100%;height:auto;flex-direction:column;align-items:flex-start;justify-content:start}.page-our-story .skin_science .screen [class^=type_]:not(.type_a){margin-top:8rem}.page-our-story .skin_science .screen [class^=type_] .text_info{width:100%;position:relative;order:2;top:auto;right:auto;padding:4rem 3rem 0;text-align:left}.page-our-story .skin_science .screen [class^=type_] .img{width:100%;line-height:0}.page-our-story .skin_science .screen h3{font-size:2.8rem}.page-our-story .skin_science .screen p{font-size:1.4rem}.page-our-story .skin_science .type_a:before{left:3%;width:6.2rem;height:.2rem}.page-our-story .skin_science .type_a .img{padding-left:28%}.page-our-story .skin_science.active .type_a:before{width:6.2rem;top:30.7rem}.page-our-story .skin_science .type_b .img{min-width:100%;padding-right:41.4%}.page-our-story .skin_science .type_c .img{padding-left:28%}.page-our-story .collection{margin-top:8rem}.page-our-story .collection .layout_inner{min-height:1000px;padding:8rem 3rem 80vw;justify-content:start;text-align:left}.page-our-story .collection h2{font-size:3.2rem}.page-our-story .collection p{margin-top:2rem;font-size:1.4rem}.page-our-story .collection button,.page-our-story .collection a{width:18rem;font-size:1.4rem;height:3.2rem;line-height:3.2rem;padding:0;margin-top:4rem;margin-left:0}}@media all and (min-width: 769px) and (max-width: 1025px){.page-our-story .skin_science .type_a{margin-left:20%}.page-our-story .skin_science .type_b{margin-right:20%;margin-top:0%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/page-our-story.scss.css.map */