:root{--max-width:1400px;--border-radius:12px;--font-noto:"Noto Sans KR",sans-serif;--active:#fc0;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--shadow:rgba(99,99,99,.2) 0px 2px 8px 0px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-noto);background:#fff}body{color:rgb(var(--foreground-rgb))}a{color:inherit;text-decoration:none}div,h1,h2,h3,h4,h5,h6,p,span{word-break:keep-all}h2{font-size:max(44px,min(5vw,50px));margin-bottom:1.5rem}em{font-style:normal}header{width:100%;display:flex;justify-content:center;border-bottom:1px solid hsla(0,0%,86%,.47);height:60px;background:hsla(0,0%,100%,.5);position:fixed;top:0;z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.header-content{width:var(--max-width);justify-content:space-between}.header-content,.header-content a{display:flex;align-items:center}.logo{shape-rendering:auto;width:75px;height:30px}@keyframes animate-svg-fill-1{0%{fill:transparent}to{fill:#000}}.svg-elem-1{animation:animate-svg-fill-1 .7s cubic-bezier(.47,0,.745,.715) .8s both}@keyframes animate-svg-fill-2{0%{fill:transparent}to{fill:#000}}.svg-elem-2{animation:animate-svg-fill-2 .7s cubic-bezier(.47,0,.745,.715) .9s both}@keyframes animate-svg-fill-3{0%{fill:transparent}to{fill:#000}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.svg-elem-3{animation:animate-svg-fill-3 .7s cubic-bezier(.47,0,.745,.715) 1s both,bounce 2s infinite}@keyframes animate-svg-fill-4{0%{fill:transparent}to{fill:#000}}.svg-elem-4{animation:animate-svg-fill-4 .7s cubic-bezier(.47,0,.745,.715) 1.1s both}@keyframes animate-svg-fill-5{0%{fill:transparent}to{fill:#000}}.svg-elem-5{animation:animate-svg-fill-5 .7s cubic-bezier(.47,0,.745,.715) 1.2s both}main{flex-wrap:wrap;padding:0}main,section{display:flex;justify-content:center}section{width:100%;margin:100px 0}#works-container{margin:200px 0 0}#works-wrap h2{margin:50px 0;max-width:70%}.container{width:var(--max-width);padding:0 20px}.btn-scroll{width:2rem;height:2rem;z-index:9;border-radius:30px;background:#000;position:fixed;bottom:60px;right:30px;text-align:center}.opacity-100{opacity:1;animation:fadein 1s}.opacity-0{opacity:0}#svg-wrap{position:absolute;top:0;width:100%;display:flex;justify-content:center}#svg-wrap svg{max-width:85%;border-radius:19%;display:flex;transform:skew(2.6672rad)}#svg-wrap .svg2{filter:blur(18px);border-radius:50%;display:flex;margin:188px 538px 0 auto;max-height:550px;transform-style:preserve-3d;transform:skew(.412rad)}.shadow-circle{position:absolute;margin:210px auto 0 300px}.main-wrap{width:100%;height:100%;z-index:4}.main-section{margin:0 0 100px;position:relative;min-height:400px}.main-section h1{width:100%;font-weight:800;font-size:max(48px,min(5vw,80px));text-align:left;letter-spacing:-.01em;margin-top:180px;color:#000}#service .grid{grid-template-columns:repeat(2,minmax(50%,auto))}#service img{position:relative}#service .card{flex-direction:row;align-items:center}#service .card em{padding:0 0 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(33%,auto));max-width:100%;width:100%}.card{margin:20px;min-height:170px;transition:background .2s,border .2s;position:relative;overflow:hidden;display:flex;flex-direction:column}.card span{display:inline-block;transition:transform .2s}.card h3{font-weight:700;font-size:18px;margin:20px 0 5px}.card em{font-size:12px;font-style:normal;color:#5b5b5b;padding:0 0 10px}.card p{margin:0;opacity:.6;font-size:.9rem;line-height:1.5;max-width:30ch}#other-project{margin-top:50px}#other-project h3{font-size:max(44px,min(5vw,50px))}#other-project a:hover p{display:block}#other-project .desc{display:none;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%;padding:30px;background-color:rgba(0,0,0,.68);color:#fff;font-size:1.5rem;opacity:1}#other-project .desc em{display:block;color:#fff}.center{display:flex;justify-content:center;align-items:center;position:relative;padding:4rem 0}.center:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px}.center:after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.center:after,.center:before{content:"";left:50%;position:absolute;filter:blur(45px);transform:translateZ(0)}footer{width:100%;padding:30px 0;font-size:12px;font-weight:700;border-top:1px solid #e9e9e9;background:hsla(0,0%,100%,.5);color:#afafaf}footer,footer .container{display:flex;margin:0 auto}footer .container{width:var(--max-width);flex-direction:row;justify-content:space-between}footer .container a{padding:0 20px 0 0;color:#000}.mx-auto{margin:0 auto}[type=button],[type=reset],[type=submit],button{background-color:initial;background-image:none}[role=button],button{cursor:pointer}button,select{text-transform:none}button{min-width:40px;min-height:40px;border-radius:5px;border:0}.cursor{animation:blink 1s linear infinite forwards}.more-button{text-transform:none;min-height:40px;margin:30px auto}.more-button,.project-button{min-width:200px;border-radius:17px;border:0;display:flex;text-align:center;align-items:center;justify-content:center;font-weight:700;color:#fff;background:#000}.project-button{min-height:50px;margin:50px 0 0}.more-button svg{margin-left:10px}.rotate{animation:rotation 8s linear infinite;position:absolute;top:0;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;opacity:.2}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes levitate{0%{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(4px)}70%{transform:translateY(-15px)}to{transform:translateY(0)}}.ani-levitate{animation:levitate 15s ease 1s infinite}.icons{text-transform:none;border-radius:17px;border:1px dashed #ccc;margin:30px auto;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;background:hsla(0,0%,100%,.5);position:absolute}.icons,.loading-wrap{width:50px;height:50px;text-align:center}.loading-wrap{position:relative;margin:0 auto;padding-top:60px;font-size:12px}.loading-wrap .loading{position:absolute;top:0;left:0;width:50px;height:50px;border:7px solid #eee;border-top-color:#000;border-radius:50%}.icons img{width:50px;height:50px;padding:10px}.relative{position:relative}.ux{animation:levitate 8s ease 1s infinite;top:295px;right:120px}.ui{animation:levitate 10s ease 1s infinite;top:320px;right:227px}.dash{animation:levitate 13s ease 1s infinite;top:223px;right:200px}.code,.dash{border-radius:50%}.code{animation:levitate 16s ease 1s infinite;top:180px;right:259px}.code2{animation:levitate 14s ease 1s infinite;top:260px;right:322px;border-radius:50%;background:#000;border:0;color:#fff}.icon-img2{position:absolute;top:78%;width:100px;height:100px;right:24%;animation:levitate 10s ease 1s infinite}.header-content .container{z-index:3;display:flex;justify-content:center}.ab-center{position:absolute;top:350px;left:50%;transform:translate(-50%,-50%)}.circle{animation:circleText 10s infinite}.circle,.circle span{transform-style:preserve-3d}.circle span{position:absolute;top:0;left:0;background:#fff;color:#000;font-size:3em;transform-origin:center;padding:5px 11px;transform:rotateY(calc(var(--i) * calc(1turn / 31))) translateZ(200px)}@keyframes circleText{0%{transform:perspective(1000px) rotateY("360deg") rotateX("15deg") translateY(-30px)}to{transform:perspective(1000px) rotateY("0deg") rotateX("15deg") translateY(-30px)}}.canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:582px;position:absolute;width:100%}canvas{border-radius:50%;overflow:hidden;margin:59px 0 0 157px}#particle canvas{margin:0;position:absolute;top:0;left:10%;border-radius:0}.word-wrapper{white-space:nowrap}@media (max-width:700px){.main-wrap{top:0}.container{width:100%;box-sizing:border-box;padding:0}.header-content .container,header{padding:0 20px}#svg-wrap{filter:blur(0)}#svg-wrap svg{max-width:70%;height:auto;margin:0 auto;overflow:hidden}.shadow-circle{max-width:80%;margin:0 auto;right:0;height:auto}#wave-container{overflow:hidden;left:0;width:100%;top:60px!important}.project-button{position:absolute;bottom:-22%;left:calc(50% - 100px);margin:0;width:200px}section{width:100%;box-sizing:border-box;padding:20px}#works-container,canvas{margin:0}.icons,.icons img{max-width:40px;max-height:40px}.code2,.dash{display:none}.ux{top:240px;right:0}.code{top:290px;right:50px}.ui{top:310px;right:0}.main-section h1{font-size:max(42px,min(5vw,80px));margin-top:100px;text-align:center}.content{padding:4rem}.grid{grid-template-columns:1fr;margin-bottom:0;text-align:center}.card{min-height:100px}.card h2{margin-bottom:.5rem}.center{padding:8rem 0 6rem}.center:before{transform:none;height:300px}footer .container{width:100%;padding:0 20px}}@media (min-width:701px) and (max-width:1120px){.grid{grid-template-columns:repeat(2,50%);width:100%}.header-content .container,.main-wrap{padding:0 20px}}.navbar_navbar__1_mgH{display:flex;align-items:flex-start;justify-content:flex-start;width:100%;background-color:#000;height:0;position:absolute;top:0;left:0;transition:height .5s}.navbar_navbar__1_mgH .navbar_navigation__GNrhY{padding:10px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_button__ve0u7{background-color:transparent;border:none;font-size:1rem;cursor:pointer;color:#000;transition:color .5s}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK{content:"";width:35px;height:25px;position:relative;right:0;cursor:pointer}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenuTrigger__zBK0v{content:"";width:35px;height:25px;position:relative;right:0;cursor:pointer;z-index:100}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K{content:"";background:#000;position:absolute;width:25px;height:3px;z-index:0;top:11px;transition:width .25s ease-in-out,background-color .5s ease-in-out}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K:after{content:"";background-color:#000;position:absolute;width:35px;height:3px;transform:translateY(10px);z-index:0;transition:transform .25s ease-in-out,background-color .5s ease-in-out}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K:before{content:"";background-color:#000;position:absolute;width:35px;height:3px;transform:translateY(-10px);z-index:0;transition:transform .25s ease-in-out,background-color .5s ease-in-out}.navbar_navbar__1_mgH .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenuTrigger__zBK0v:hover~.navbar_burgerMenu__NfC_K{width:35px}.navbar_navbar__1_mgH .navbar_content__UwR8G{position:absolute;top:20vh;display:none;z-index:2;width:75%;max-width:1200px}.navbar_navbar__1_mgH .navbar_content__UwR8G ul{list-style:none;width:100%}.navbar_navbar__1_mgH .navbar_content__UwR8G ul li{display:flex;justify-content:left}.navbar_navbar__1_mgH .navbar_content__UwR8G ul li a{font-size:3rem;color:#bbb;font-weight:500;border-bottom:1px solid hsla(0,0%,100%,.2);width:100%;padding:1.2rem 0;position:relative}.navbar_navbar__1_mgH .navbar_content__UwR8G ul li a:hover{color:#fff;border-bottom:1px solid #fff}.navbar_navbar__1_mgH .navbar_content__UwR8G ul li a:hover svg{display:block;position:absolute;right:10px;top:30px;animation:navbar_fade-in-left__9uLqe .6s cubic-bezier(.39,.575,.565,1) both}.navbar_navbar__1_mgH .navbar_content__UwR8G ul li a svg{display:none}.navbar_navbar__1_mgH.navbar_active__Allpt{background:#000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:height .75s;height:100vh}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_navigation__GNrhY svg{filter:invert(100%);transition:color .5s}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K{width:0;background-color:#fff;transition:width .25s ease-in-out,background-color .25s ease-in-out}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K:after{transform:translateY(0) rotate(135deg);background-color:#fff;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenu__NfC_K:before{transform:translateY(0) rotate(-135deg);background-color:#fff;transition:transform .25s ease-in-out,background-color .25s ease-in-out}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_navigation__GNrhY .navbar_burgerMenuContainer__ZmOSK .navbar_burgerMenuTrigger__zBK0v:hover~.navbar_burgerMenu__NfC_K{width:0}.navbar_navbar__1_mgH.navbar_active__Allpt .navbar_content__UwR8G{display:initial}.navbar_box__OMKXH{width:30vh;aspect-ratio:1/1;background-color:#242424;position:absolute;top:20%;left:30%}.navbar_bg__dd8uf{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex}.navbar_star__Km7Ud{background-color:transparent}.navbar_fallingStars__tpXF1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.navbar_star__Km7Ud{position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;z-index:2}.navbar_marquee__48QdN{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;gap:4rem;position:absolute;bottom:10%;transform:rotate(-6deg)}.navbar_marquee__48QdN ul{list-style:none;flex-shrink:0;min-width:100%;display:flex;justify-content:space-between;align-items:center;gap:4rem;animation:navbar_marquee__48QdN 20s linear infinite}.navbar_marquee__48QdN .navbar_text__a3yBT{background:linear-gradient(90deg,#dbdbdb,#fff,#fff);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent;font-weight:700;font-size:20ch;gap:4rem;filter:blur(4px);opacity:.2}@keyframes navbar_marquee__48QdN{to{transform:translateX(calc(-100% - 4rem))}}@keyframes navbar_fade-in-left__9uLqe{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}