@charset "UTF-8";html{font-family:Apple SD Gothic Neo,Roboto,Noto Sans KR,NanumGothic,Malgun Gothic,sans-serif;line-height:1.2;word-wrap:break-word}body{-webkit-font-smoothing:antialiased}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}div,span,article,section,header,footer,aside,p,ul,li,fieldset,legend,label,a,nav,form{box-sizing:border-box}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto;border:0}button{border:0;background:transparent;cursor:pointer}html{font-family:Noto Sans KR,sans-serif;font-size:14px}body{overflow-x:hidden;color:#1d1d1f;letter-spacing:-.05em;background:white}p{line-height:1.6}a{color:#1d1d1f;text-decoration:none}body.before-load{overflow:hidden}.pc-block{display:none}@media screen and (min-width: 768px){.pc-block{display:block}}.container{overflow-x:hidden}.nav-wrap{background:rgba(255,255,255,.5);-webkit-backdrop-filter:saturate(180%) blur(15px);-moz-backdrop-filter:saturate(180%) blur(15px);-o-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}.global-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:31px;padding:0 1rem;background:rgba(47,49,50,.5)}.local-nav{position:absolute;top:31px;left:0;z-index:11;width:100%;height:62px;padding:0 1rem;background:rgba(47,49,50,.5)}.logo-black{display:none}.logo-white{display:block}.local-nav-stick .logo-black{display:block;height:20.5px}.local-nav-stick .logo-white{display:none}.local-nav-stick .local-nav{position:fixed;top:0;height:52px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:saturate(180%) blur(15px);-moz-backdrop-filter:saturate(180%) blur(15px);-o-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}.local-nav-stick .local-nav a{color:#000}.global-nav-links,.local-nav-links{display:flex;justify-content:flex-start;align-items:center;max-width:1200px;height:100%;margin:0 auto}.global-nav-links{justify-content:flex-end}.global-nav-links a{margin-left:16px;font-size:13px;line-height:31px;letter-spacing:-.021em;color:#fff}.local-nav-links .product-name{margin-right:40px}@media screen and (min-width: 768px){.local-nav-links .product-name{margin-right:80px}}.local-nav-links a{font-weight:500;font-size:16px;line-height:24px;letter-spacing:-.026em;color:#fff}.local-nav-links a:not(.product-name){margin-left:2em}.scroll-section{position:relative;padding-top:50vh}#scroll-section-0 h1{position:relative;top:-10vh;z-index:5;font-size:4rem;color:#dc143c;font-weight:500;text-align:center}.main-message{display:flex;align-items:center;justify-content:center;top:35vh;margin:5px 0;height:3em;font-size:2.5rem;opacity:0}.main-message p{font-weight:700;text-align:center;line-height:1.4;color:#f5fffa}.main-message small{display:block;margin-bottom:.5em;font-size:1.2rem}#scroll-section-2 .main-message{font-size:3.5rem}.description{max-width:1200px;margin:0 auto;padding:0 1rem;font-size:1.2rem;color:#888}.description strong{float:left;margin-right:.2em;font-size:3rem;color:#1d1d1f}.desc-message{width:50%;font-weight:700;opacity:0}.pin{width:1px;height:100px;background:rgb(29,29,31)}#scroll-section-2 .b{top:10%;left:40%}#scroll-section-2 .c{top:15%;left:45%}.mid-message{max-width:1200px;margin:0 auto;padding:0 1rem;font-size:2rem;color:#888}.mid-message strong{color:#1d1d1f}.canvas-caption{max-width:1200px;margin:-30rem auto 0;text-align:center;padding:0 1rem;font-size:1.2rem;color:#888}.footer{display:flex;align-items:center;justify-content:center;height:7rem;color:#fff;background:#2F3132}.sticky-elem{display:none;position:fixed;left:0;width:100%}#show-scene-0 #scroll-section-0 .sticky-elem,#show-scene-1 #scroll-section-1 .sticky-elem,#show-scene-2 #scroll-section-2 .sticky-elem,#show-scene-3 #scroll-section-3 .sticky-elem{display:block;will-change:transform,opacity}.sticky-elem-canvas{top:0;height:100%}.sticky-elem-canvas canvas{position:absolute;top:50%;left:50%}#scroll-section-3{display:flex;flex-direction:column;align-items:center}.image-blend-canvas.sticky{position:fixed;top:0}.loading{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:white;opacity:0;transition:.5s}.before-load .container{display:none}.before-load .loading{opacity:1}@media (min-width: 1024px){#scroll-section-0 h1{font-size:9vw}.main-message{font-size:4vw}.description{padding:0 0 10rem;font-size:2rem}.description strong{font-size:6rem}#scroll-section-2 .main-message{font-size:6vw}.main-message small{font-size:1.5vw}.desc-message{width:20%}#scroll-section-2 .b{top:20%;left:53%}#scroll-section-2 .c{left:55%}.mid-message{width:1200px;padding:0;font-size:4vw}.canvas-caption{margin-top:-8rem;padding:0;font-size:2rem}.scroll-section{padding-top:50vh}}.loader{position:relative;width:40px;height:60px;animation:heartBeat 1.2s infinite cubic-bezier(.215,.61,.355,1)}.loader:before,.loader:after{content:"";background:#ff3d00;width:40px;height:60px;border-radius:50px 50px 0 0;position:absolute;left:0;bottom:0;transform:rotate(45deg);transform-origin:50% 68%;box-shadow:5px 4px 5px #0004 inset}.loader:after{transform:rotate(-45deg)}@keyframes heartBeat{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}