.Menu_menu-wrap__hnT2q{position:fixed;z-index:99}.Menu_menu__dGGWo.Menu_active__gTTjb{opacity:1}.Menu_menu__dGGWo{position:fixed;right:20px;bottom:20px;z-index:101;opacity:0}.Menu_menu__dGGWo button{position:relative;display:flex;background-color:#fff;font-size:13px;box-sizing:content-box;border-radius:40px;padding:8px;background-color:rgba(255,255,255,.4);box-shadow:0 24px 90px rgba(0,0,0,.2)}.Menu_menu__dGGWo button .Menu_menu-text__M2olk{background-color:#fff;border-radius:20px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 24px 90px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.15);box-sizing:border-box}.Menu_svg-menu__4HgJK{position:absolute;z-index:20;pointer-events:none;fill:none;width:100px;height:42px;overflow:visible;top:8px;left:9px}.Menu_menu__dGGWo button:hover .Menu_menu-text__M2olk{background:var(--inkwell);color:#fff}.Menu_menu__dGGWo button:hover .Menu_text-con__unwzT{transform:translateY(-16px)}.Menu_menu__dGGWo button.Menu_active-btn__vLP3_ .Menu_menu-text__M2olk{background:var(--inkwell);color:#fff}.Menu_menu__dGGWo button.Menu_active-btn__vLP3_ .Menu_text-con__unwzT{transform:translateY(-16px)}.Menu_menu__dGGWo button .Menu_menu-default__JUhdP{line-height:100%;color:#000}.Menu_menu__dGGWo button .Menu_menu-over__p0u50{line-height:100%}.Menu_menu__dGGWo button .Menu_text-wrap__q3CVs{height:16px;display:flex;flex-direction:column;width:100px;overflow:hidden;padding:0 20px}.Menu_menu__dGGWo button .Menu_text-con__unwzT{display:flex;flex-direction:column;transition:all .2s ease}.Menu_menu__dGGWo button .Menu_text-con__unwzT>div{height:16px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.Menu_eq__om49Q{position:fixed;left:20px;bottom:20px;z-index:10}.Menu_eq__om49Q button{position:relative;display:flex;background-color:#fff;font-size:13px;box-sizing:content-box;border-radius:40px;padding:8px;background-color:rgba(255,255,255,.4);box-shadow:0 24px 90px rgba(0,0,0,.2)}.Menu_eq__om49Q button .Menu_eq-wrap__ckU2T{background-color:#fff;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 24px 90px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.15)}.Menu_eq__om49Q button:hover .Menu_eq-wrap__ckU2T{background:var(--inkwell);color:#fff}.Menu_eq__om49Q button:hover .Menu_bar__kMmnx{background-color:#fff}.Menu_bars__OX1TK{overflow:hidden;height:12px;width:22px;margin:0 auto;position:relative;cursor:pointer}.Menu_bar__kMmnx{height:1px;width:3px;display:inline-block;background-color:#333;bottom:0;position:absolute;animation-duration:.5s;animation-play-state:running;animation-direction:alternate;animation-timing-function:linear;animation-iteration-count:infinite}.Menu_animating__JEe_z .Menu_bar__kMmnx:first-child{left:0;height:0;animation-name:Menu_danceHeight1__Hwp67;animation-delay:0s}.Menu_animating__JEe_z .Menu_bar__kMmnx:nth-child(2){left:6px;height:0;animation-name:Menu_danceHeight2__PVCoN;animation-delay:.3s}.Menu_animating__JEe_z .Menu_bar__kMmnx:nth-child(3){left:12px;height:0;animation-name:Menu_danceHeight3__aWcfZ;animation-delay:.6s}.Menu_animating__JEe_z .Menu_bar__kMmnx:nth-child(4){left:18px;height:0;animation-name:Menu_danceHeight4__Kk32C;animation-delay:.9s}.Menu_paused__cHYQu .Menu_bar__kMmnx{height:1px!important;animation-name:none;transition:height 2.5s linear}.Menu_paused__cHYQu .Menu_bar__kMmnx:first-child{left:0}.Menu_paused__cHYQu .Menu_bar__kMmnx:nth-child(2){left:6px}.Menu_paused__cHYQu .Menu_bar__kMmnx:nth-child(3){left:12px}.Menu_paused__cHYQu .Menu_bar__kMmnx:nth-child(4){left:18px}@keyframes Menu_danceHeight1__Hwp67{0%{height:1px}to{height:12px}}@keyframes Menu_danceHeight2__PVCoN{0%{height:1px}to{height:12px}}@keyframes Menu_danceHeight3__aWcfZ{0%{height:1px}to{height:12px}}@keyframes Menu_danceHeight4__Kk32C{0%{height:1px}to{height:12px}}.Menu_menuBlock__vdtlQ{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.8);transform:translateY(-100%);overflow:hidden;background-color:var(--inkwell);z-index:90}.Menu_menuBlock__vdtlQ a,.Menu_menuBlock__vdtlQ svg *{transition:all .4s ease}.Menu_menuBlock__vdtlQ a text{transition:all .4s ease;font-size:24px}.Menu_menuBlock__vdtlQ a:hover text{fill:#000}.Menu_navCon__a4YS6 svg{fill:#fff;stroke:#000}.Menu_navCon__a4YS6 svg text{stroke-width:0;transition:all .4s ease}.Menu_navCon__a4YS6.Menu_navCon-01__CivUy{width:160rem;max-width:160px}.Menu_navCon__a4YS6.Menu_navCon-01__CivUy svg text{transform:translateY(10px)}.Menu_navCon__a4YS6.Menu_navCon-02__aXMdL,.Menu_navCon__a4YS6.Menu_navCon-03__nsluu{width:150rem;max-width:150px;height:150rem;max-height:150px}.Menu_navCon__a4YS6.Menu_navCon-04__JlpkJ{width:160rem;max-width:160px;height:140rem;max-height:140px}.Menu_navCon__a4YS6{position:absolute;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0}.Menu_menuBlock__vdtlQ canvas{position:absolute;left:0;top:0;height:100%;width:100%}@media (max-width:768px){.Menu_menu__dGGWo{right:10px;bottom:10px}.Menu_eq__om49Q{left:auto;right:10px;bottom:130px}.Menu_navCon__a4YS6.Menu_navCon-01__CivUy{width:150px}.Menu_navCon__a4YS6.Menu_navCon-02__aXMdL,.Menu_navCon__a4YS6.Menu_navCon-03__nsluu{width:150px;height:150px}.Menu_navCon__a4YS6.Menu_navCon-04__JlpkJ{width:160px;height:160px}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-20{margin-bottom:20rem}.mb-4{margin-bottom:4rem}.mb-6{margin-bottom:6rem}.mt-1{margin-top:1rem}.mt-100{margin-top:100rem}.mt-30{margin-top:30rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-dvh{height:100dvh}.h-full{height:100%}.w-full{width:100%}.max-w-\[800px\]{max-width:800px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:10rem}.gap-50{gap:50rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(4rem * var(--tw-space-x-reverse));margin-left:calc(4rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded{border-radius:.25rem}.rounded-20{border-radius:20rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-right{background-position:100%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:10rem}.p-4{padding:4rem}.text-center{text-align:center}.text-14{font-size:14rem}.text-20{font-size:20rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-thin{font-weight:100}.italic{font-style:italic}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-50{opacity:.5}.mix-blend-difference{mix-blend-mode:difference}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url("/fonts/pretandard.css");:root{--color-1:#178dfc;--black:black;--dark-purple:#07011c;--white:white;--ecru:#f8f3f0;--cobolt:#4c00ff;--mist:#cbc2ff;--deep-violet:#26065d;--poppy:#ff5252;--ash:#d5d2c9;--inkwell:#130032;--white-2:white;--black-2:black;--base-font-size:14px;--color-pink:#FF2B51}::-webkit-scrollbar{display:none}html{touch-action:manipulation}body{scrollbar-width:none;touch-action:pan-y pinch-zoom}body,html{font-size:.07142857142857142vw;-webkit-overflow-scrolling:touch;min-height:100lvh}body{font-family:var(--font-lato),"Pretendard",sans-serif;font-weight:400;font-size:18rem;min-height:100vh;-webkit-font-smoothing:antialiased;background-color:#f7f7f7}.main,body{display:flex;flex-direction:column}.main{touch-action:pan-y pinch-zoom;background-color:var(--dark-purple);color:#fff;position:relative;flex-grow:1;overflow:hidden;padding-left:10rem;padding-right:10rem}@media (min-width:768px){.main{padding-left:50rem;padding-right:50rem}}.main{min-height:100dvh;max-height:100dvh;perspective:1000px;transform-style:preserve-3d}.main .contents{width:100%;position:relative;z-index:10;display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}.main .bg{top:0;z-index:0;height:200vh;background:url(/images/blur_gradient.svg) no-repeat;background-size:100%;background-position:50%;opacity:.8}.footer,.main .bg{position:fixed;left:0;display:flex;width:100%}.footer{bottom:0;justify-content:space-between;padding:10rem;font-size:11rem;opacity:.5}.footer *{color:var(--white)}header h1 a{line-height:100%}#wrapper{position:relative}.background-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.circle-wrap{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:101;transform-style:preserve-3d;opacity:0;pointer-events:none}.index-circle{width:500px}.index-circle .circle-bottom{opacity:.3}.logo-text{display:flex;flex-grow:1;align-items:center;justify-content:center;position:relative;z-index:20}.logo-text h1{display:flex;gap:175px;height:150px}.logo-text h1 div{line-height:80%;opacity:0;width:200px}.logo-text h1 div.title{text-align:right;font-size:30px;letter-spacing:0;display:flex;justify-content:flex-end;align-items:flex-end;transform:rotate(-90deg) translateY(-100%);transform-origin:right top;font-weight:900}.logo-text h1 div.sub-title{font-size:16px;letter-spacing:1px;text-align:left;font-weight:600;text-transform:uppercase;display:flex;flex-direction:column;gap:5px;line-height:100%}.page-start div{font-size:16px;position:fixed;left:50%;transform:translateX(-50%);bottom:50px;z-index:10001;display:flex;padding:10px 20px;align-items:center}.page-start p{transition:all .2s ease;color:#fff;font-weight:500;-webkit-font-smoothing:auto}.page-start:hover p{opacity:1;transform:translateY(5px)}.path.path-001{border:1px solid #f00;width:400rem;height:400rem;display:flex;flex:none}.path.path-001 svg{width:100%;-o-object-fit:cover;object-fit:cover;border:5px solid #000;height:100%}.path svg{overflow:visible}.svg-logo{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;transform-style:preserve-3d}.logo-mask{opacity:0}.svg-logo svg{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;transform:translateX(-50%) translateY(-50%);overflow:visible}.svg-logo.logo-white{opacity:0}.svg-logo-01,.svg-logo-02,.svg-logo-03{fill:#fff;transform-style:preserve-3d}h1{font-weight:700}#contents{position:relative;z-index:10}.back-panel{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden;background-color:#07011c;color:#fff}.back-panel>div{bottom:0;align-items:center;justify-content:center;overflow:hidden}.back-panel>div,.back-panel>div:after{position:absolute;width:100%;height:100%;left:0;display:flex}.back-panel>div:after{top:0;background-color:rgba(0,0,0,.2);content:"";display:none}.back-panel .panel-con{height:50dvh;flex-grow:1;display:flex;align-items:center;justify-content:center;gap:40rem;opacity:1;overflow:hidden;width:100%}.back-panel .panel-con svg{transform:rotate(-180deg)}.back-panel .panel-con.center{margin-top:0dvh;opacity:1}.panel-svg{width:120rem;margin-left:-150rem}.panel-svg .svg-back-panel{stroke-width:3rem;stroke-dashoffset:0;stroke-dasharray:0}.back-panel .panel-con .text{font-size:50rem;font-weight:700}.page-container{position:relative;z-index:10}.frontPanel{position:fixed;width:100%;min-height:100svh;pointer-events:none;top:0;left:0;z-index:12;opacity:0;max-height:100svh}.frontPanel .panel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000;overflow:hidden}.frontPanel .panel p{background:linear-gradient(90deg,oklch(36% .5 340),oklch(90% .5 200));color:transparent;white-space:nowrap;-webkit-background-clip:text;font-size:20vw;font-weight:900}.scene{width:100lvh;min-height:100lvh;perspective:2000rem;left:50%;transform:translateX(-50%);z-index:0}.cube,.scene{position:absolute;top:0;transform-style:preserve-3d}.cube{transform-origin:center;transform:rotateY(180deg);will-change:transform}.cube,.face{width:100%;height:100%}.face{position:absolute;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:25%;font-size:40rem;color:#fff}.face.top{transform:rotateX(90deg) translateZ(30vh);transform-style:preserve-3d}.face.bottom{transform:rotateX(-90deg) translateZ(30vh);transform-style:preserve-3d}.face.front{transform:rotateY(180deg) translateZ(50vh);transform-style:preserve-3d}.face.front,.face.left{display:flex;align-items:center;justify-content:center}.face.left{transform:rotateY(-90deg) translateZ(50vh);transform-style:preserve-3d}.face.right{transform:rotateY(90deg) translateZ(50vh);transform-style:preserve-3d}.face.back,.face.right{display:flex;align-items:center;justify-content:center}.face.back{transform:translateZ(50vh);transform-style:preserve-3d}.circle{display:flex;align-items:center;justify-content:center;transform:rotateX(90deg) rotateY(0);transform-origin:50% 50%;transform-style:preserve-3d}.circle span{width:20rem;height:20rem;background:white;border-radius:50%;backface-visibility:visible;box-shadow:0 0 30rem rgba(255,255,255,1);display:flex}.section{background-color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center}.section-bottom{height:100dvh;background-color:transparent}.section-black{background:var(--dark-purple) url(/images/blur_gradient.svg) no-repeat;background-size:70vw auto;background-position:-20vw 11vw;color:#fff}.section-black.bg-right{background-position:50vw 50%}.section-con{display:flex;align-items:center;justify-content:center;min-height:100lvh;position:relative;z-index:20;width:100%;flex-direction:column;max-height:100lvh}svg{fill:none;overflow:visible}svg path{will-change:stroke-dashoffset;transform:translateZ(0)}.svg-background{height:300dvh;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-100lvh;overflow:hidden}.svg-background,.svg-box{position:relative;z-index:10}.svg-box{display:inline-flex;width:var(--svg-size,180px);max-width:300px;transform-origin:center center;justify-content:center;align-items:center;transform-style:preserve-3d;will-change:transform;height:auto}.svg-box svg{width:100%;height:auto;max-width:100%;max-height:300px;stroke:#777;stroke-dashoffset:2000px;stroke-dasharray:2000px;will-change:stroke-dashoffset}.svg-gradient{position:absolute;top:0;left:0;opacity:0;pointer-events:none}.svg-box.svg-round{border-radius:50%;aspect-ratio:1/1!important}.svg-box.svg-round,.svg-box.svg-round-square{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.svg-box.svg-round-square{border-radius:30rem;aspect-ratio:1/1.2!important}.svg-box.svg-round-1{border-radius:10% 50% 50% 50%;aspect-ratio:1/1!important}.svg-box.svg-round-1,.svg-box.svg-round-4{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.svg-box.svg-round-4{border-radius:500rem;z-index:50!important}.svg-box.svg-xs{--svg-size:80px;z-index:20}.svg-box.svg-sm{--svg-size:150px;z-index:30}.svg-box.svg-md{--svg-size:220px;z-index:40}.svg-box.svg-lg{--svg-size:300px;z-index:50}.svg-background canvas{top:0;left:0;width:100%;height:100%;z-index:0}.hide,.svg-background canvas{position:absolute;pointer-events:none}.hide{z-index:-1}.background-block{position:relative;top:0;width:100%}.el-con,.svg-animation-bg{overflow:hidden}.el-con{display:flex;width:100%;min-height:100lvh;justify-content:center;align-items:center}.el-con,.svg-bg{position:relative}.svg-bg{width:34vh;z-index:10;margin:0 -17vh}.el-con rect{stroke-width:.4px}.svg-bg rect{transform-origin:50% 60%}.svg-bg .sub-00{fill:#fff}.svg-bg .sub-01{stroke:none;opacity:0;fill:var(--dark-purple)}.svg-bg .sub-02{stroke:none;opacity:0;fill:#17153B}.svg-bg .sub-03{stroke:none;opacity:0;fill:#2E236C}.svg-bg .sub-04{stroke:none;opacity:0;fill:#433D8B}.svg-bg .sub-05{stroke:none;opacity:0;fill:#C8ACD6}.el-con .svg-bg-back{z-index:0;width:34vh;stroke:#888;margin:0 -17vh}.svgBackGround{position:absolute;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;overflow:hidden}.IndexBackground{opacity:0}.scenePortfolio{height:100lvh;max-height:100lvh;position:relative;top:0;align-items:flex-start;justify-content:center;display:flex;width:100%;perspective:2000px;z-index:20;overflow:visible}.carousel{margin-top:50dvh;width:45vw;pointer-events:none;min-height:100%}.carousel,.carousel-item{transform-style:preserve-3d;backface-visibility:visible;position:relative}.carousel-item{margin-top:-20dvh;width:100%;height:40dvh;padding:8px;background:rgba(255,255,255,.1);transform-origin:center center;display:flex;flex-direction:column;pointer-events:auto;z-index:10;color:#fff;border-radius:10px;outline:1px solid #9dcaf2}.carousel-item:after{content:"";transform-style:preserve-3d;position:absolute;top:0;left:0;z-index:-2;width:100%;height:100%;pointer-events:none;background:radial-gradient(141.53% 114.68% at 87.46% 55.27%,#9A7CFF 36.75%,rgba(14,10,162,0) 100%);filter:blur(42px);border-radius:inherit;opacity:.55;transform:scale(1.05);display:none}.carousel-item .image{height:50dvh;overflow:hidden;border-radius:8px;display:flex;justify-content:center;align-items:flex-start;position:relative}.carousel-item .image img,.carousel-item .image video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;position:relative}.carousel-item .image img:hover{cursor:pointer}.carousel-item .infoBlock{position:absolute;transform-style:preserve-3d;transform:translateZ(30px);bottom:10rem;left:0;right:0;padding:10rem 20rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.3);border-radius:5rem}.carousel-item .infoBlock h2{font-size:14px;font-weight:700;display:block;position:relative;transform-style:preserve-3d;transform-origin:center center;display:flex;justify-content:space-between;align-items:center;-webkit-font-smoothing:antialiased;color:#fff}.carousel-item .infoBlock h2 span{font-size:12px;font-weight:400}.carousel-item .infoBlock h2 a{pointer-events:all;font-size:13px;font-weight:700;display:flex;align-items:center;transition:all .4s ease;background:linear-gradient(90deg,#60efff,#0061ff);color:transparent;-webkit-background-clip:text}.carousel-item .infoBlock h2 a:hover{color:#fff;text-shadow:0 0 10px #fff}.carousel-item .infoBlock h2 a img{width:14rem}.carousel-item .detail{font-size:12rem;display:none}.carousel-item .image-m{position:absolute;transform-style:preserve-3d;transform:translateY(-50%) translateZ(30px);bottom:20rem;top:50%;right:5%;height:60%;width:auto;display:flex;padding:5px;background-color:rgba(255,255,255,.3);border-radius:8px;-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);box-shadow:10rem 10rem 20rem rgba(0,0,0,.4);box-sizing:content-box;backface-visibility:visible;transition:all .4s ease;pointer-events:none;z-index:10}.carousel-item .image-m img{opacity:1;border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;transform-style:preserve-3d;transform:translateZ(30rem);backface-visibility:visible;perspective:1000px}.carousel-item:nth-child(4n+1){transform:rotateY(0deg) translateZ(30vw)}.carousel-item:nth-child(4n+2){transform:rotateY(90deg) translateZ(30vw)}.carousel-item:nth-child(4n+3){transform:rotateY(180deg) translateZ(30vw)}.carousel-item:nth-child(4n+4){transform:rotateY(270deg) translateZ(30vw)}@media (min-width:2500px){.carousel{width:35vw}.carousel-item:nth-child(4n+1){transform:rotateY(0deg) translateZ(25vw)}.carousel-item:nth-child(4n+2){transform:rotateY(90deg) translateZ(25vw)}.carousel-item:nth-child(4n+3){transform:rotateY(180deg) translateZ(25vw)}.carousel-item:nth-child(4n+4){transform:rotateY(270deg) translateZ(25vw)}}.carousel-item.clone{overflow:scroll;transform:rotateY(0);height:auto;flex-direction:column;justify-content:flex-start;background-color:rgba(255,255,255,.8);border-radius:0;border:none;-webkit-backdrop-filter:blur(20rem);backdrop-filter:blur(20rem)}.carousel-item.clone .image{height:auto;overflow:hidden;position:static;max-height:calc(80dvh);flex:none;margin:20rem;border-radius:10rem}.carousel-item.clone .image-m{display:none}.carousel-item.clone img{height:auto}.carousel-item.clone .infoBlock{position:static;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.carousel-item.clone .infoBlock h2{color:#333;font-size:36rem;padding-top:20rem;font-weight:600;padding-left:30rem;padding-right:30rem}.carousel-item.clone .detail{display:flex;flex-direction:column;padding:30rem 50rem 20rem}.carousel-item.clone .detail .detail-image{display:grid;grid-template-columns:1fr 1fr;gap:10rem}.carousel-item.clone .detail h3{color:#000;font-size:30rem;font-weight:500;-webkit-font-smoothing:antialiased}.carousel-item.clone .detail img,.carousel-item.clone .detail video{border-radius:10rem;width:100%}.carousel-item.clone .detail .text{color:#130032;display:grid;grid-template-columns:1fr 1fr;gap:10rem;-webkit-font-smoothing:antialiased;margin-bottom:100rem}.carousel-item.clone .detail .text .info,.carousel-item.clone .detail .text .summery{display:flex;flex-direction:column;gap:30rem}.carousel-item.clone .detail .text .info{font-size:14rem;width:80%}.carousel-item.clone .detail .text dl dt{font-size:14rem;margin-bottom:5rem;font-weight:500}.carousel-item.clone .detail .text dl dd{font-size:14rem;color:#555}.carousel-item.clone .detail .text p{line-height:160%}.carousel-item.clone .detail .text ul{color:#555;font-size:12rem;display:flex;flex-direction:column;gap:5rem}.carousel-item.clone h2 a{display:none}.form-container{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10}.form-container h1{text-align:center;margin-bottom:20px}.form-container .error{color:red;margin-bottom:10px}.form-container form{display:flex;flex-direction:column}.form-container form div{margin-bottom:15px}.form-container form label{display:block;font-weight:700;margin-bottom:5px}.form-container form input,.form-container form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.form-container form button{padding:10px 20px;background-color:#178dfc;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-container form button:hover{background-color:#0f7ae6}.text-move{height:-moz-fit-content;height:fit-content;overflow:hidden}.text-move span{display:inline-flex;opacity:0;transform:translateY(100%)}.text-40{font-weight:700;background:linear-gradient(90deg,oklch(36% .5 340),oklch(90% .5 200));color:transparent;-webkit-background-clip:text;font-size:36rem}:root{--bg:hsl(0 0% 2%);--color:hsl(0 0% 100%/0.1);--underline-width:1lh;--underline-block-width:100vmax;--underline-color:hsl(0 0% 100%/0.15);--underline-color-hover:hsl(180 100% 50%/1);--underline-transition:5s;--finish-fill:hsl(0 0% 100%);--accent:hsl(0 0% 100%);--fill:hsl(0 0% 80%/0.5)}.long{position:static;z-index:30}.long,.text-wrap{height:100vh;top:0}.text-wrap{position:sticky;width:100%;display:grid;place-items:center;text-align:center}.text-wrap p>span{font-size:clamp(30rem,36rem,36rem);color:var(--color);font-weight:700;text-decoration:none;background-image:linear-gradient(90deg,transparent calc(100% - 8ch),var(--accent) calc(100% - 8ch)),linear-gradient(90deg,var(--fill),var(--fill)),linear-gradient(90deg,var(--underline-color),var(--underline-color));background-size:var(--underline-block-width) var(--underline-width),var(--underline-block-width) var(--underline-width),100% var(--underline-width);background-repeat:no-repeat;background-position-x:0;background-position-y:100%;-webkit-background-clip:text;background-clip:text;color:var(--finish-fill)}main{view-timeline-name:--section}@keyframes fill-up{to{background-position-x:0,0,0}}@keyframes color-in{to{color:var(--finish-fill)}}.widjet{position:sticky;top:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;z-index:10}.iphone{height:600px}.iphone,.widgets{position:absolute}.widgets{z-index:-1;scale:0;max-width:150rem;border-radius:5rem;box-shadow:0 0 30px rgba(0,0,0,.5)}.mt-100{margin-top:-100lvh}.section-half{height:50dvh}.number-slide .number-wrap{flex-grow:1;display:flex;flex-direction:column;gap:2vh;overflow:hidden;width:100%;justify-content:center;height:100dvh}.number-slide .number-con{height:50%;display:flex;align-items:flex-end;gap:1vw;will-change:transform;transform:translateZ(0)}.number-slide img{width:auto;height:100%;height:52vh}.number-slide .slide-top img.sm{height:40vh}.number-slide .slide-bottom{align-items:flex-start;justify-content:flex-end;justify-self:flex-start}.number-slide .slide-bottom img{height:50vh}.number-slide .slide-top{white-space:nowrap}.number-slide .slide-bottom,.number-slide .slide-top{transform-style:preserve-3d;width:-moz-max-content;width:max-content}.number-slide .slide-bottom{transform-origin:right center;justify-self:flex-end;align-self:flex-end}.bg-left-pupple{background:url(/images/bg-left-purple.svg) no-repeat -20vw -20vh/auto 40%,url(/images/bg-right-pink.svg) no-repeat right 50%/auto 50%,url(/images/bg-left-purple.svg) no-repeat -20vw bottom/auto 50%;background-color:#fff}.bg-right-pink{background:#fff url(/images/bg-right-pink.svg) no-repeat right -20vw 10vh;background-size:80vw auto}.fc-pink{color:var(--color-pink)}.three-container{position:absolute;left:0;z-index:30}.area,.three-container{top:0;width:100%;height:100vh}.area{background-image:linear-gradient(0deg,#07011c,#26065d 30%,#26065d 60%,#07011c);position:sticky}.circles{top:0;left:0;width:100%;height:100%}.circles,.circles li{position:absolute;overflow:hidden}.circles li{display:block;list-style:none;width:40rem;height:40rem;background:rgba(255,255,255,.2);border-radius:80rem;border:1px solid rgba(255,255,255,.4);animation:animate 15s linear infinite;bottom:-150rem;display:flex;align-items:center;justify-content:center;padding:15rem}.circles li>.background-video{animation:animateConMv 15s linear infinite;width:100%;-o-object-fit:cover;object-fit:cover}.circles li>:not(.background-video){animation:animateCon 15s linear infinite;width:100%;-o-object-fit:cover;object-fit:cover}.circles li:first-child{left:25%;width:80rem;height:80rem;animation-delay:0s;animation-duration:12s}.circles li:first-child>*{animation-delay:0;animation-duration:12s}.circles li:nth-child(2){left:10%;width:20rem;height:20rem;animation-delay:.5s;animation-duration:3s}.circles li:nth-child(3){left:70%;width:20rem;height:20rem;animation-delay:1s}.circles li:nth-child(4){left:40%;width:60rem;height:60rem;animation-delay:0s;animation-duration:4.5s}.circles li:nth-child(5){left:65%;width:20rem;height:20rem;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110rem;height:110rem}.circles li:nth-child(6),.circles li:nth-child(6)>*{animation-delay:.75s;animation-duration:15s}.circles li:nth-child(7){left:35%;width:150rem;height:150rem}.circles li:nth-child(7),.circles li:nth-child(7)>*{animation-delay:1.75s;animation-duration:19s}.circles li:nth-child(8){left:50%;width:25rem;height:25rem;animation-delay:3.75s;animation-duration:11.25s}.circles li:nth-child(9){left:20%;width:15rem;height:15rem;animation-delay:.5s;animation-duration:8.75s}.circles li:nth-child(10){right:2%;width:150rem;height:150rem;animation-delay:0s;animation-duration:9s}.circles li:nth-child(10)>*{animation-delay:0;animation-duration:9s}.circles li:nth-child(11){left:-2%;width:120rem;height:120rem}.circles li:nth-child(11),.circles li:nth-child(11)>*{animation-delay:3s;animation-duration:9s}@keyframes animate{0%{transform:translateY(20dvh) rotate(0deg);border-radius:10%}25%{border-radius:50% 10% 10% 10%}50%{border-radius:50% 50% 10% 10%}75%{border-radius:50% 50% 50% 10%}85%{border-radius:50%}to{transform:translateY(-125dvh) rotate(2turn)}}@keyframes animateCon{0%{transform:rotate(0deg)}to{transform:rotate(-2turn)}}@keyframes animateConMv{0%{transform:scale(2) rotate(0deg)}to{transform:scale(2) rotate(-2turn)}}.sticky-block{position:sticky;top:0;min-height:100vh;min-height:100lvh;width:100vw;position:-webkit-sticky;overflow:hidden}.textWrap{width:100%;height:100vh;position:sticky;top:0;overflow:hidden;perspective:500px;z-index:20}.scrollTxt{position:absolute;bottom:-50vw;right:0;animation-name:scroll;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.scrollTxt p{opacity:.5;font-size:6vw;text-transform:uppercase;text-align:center;font-weight:900;line-height:100%;background:linear-gradient(90deg,#fff,#550CFF);color:transparent;-webkit-background-clip:text}@keyframes scroll{0%{transform:rotateX(20deg) rotate(30deg)}to{transform:rotateX(20deg) rotate(30deg) translateY(66vw)}}.blur-block{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20rem 30rem;border-radius:10rem}.blur-block,.menuSlogan{display:flex;flex-direction:column;align-items:center;justify-content:center}.menuSlogan{color:#fff;position:absolute;width:100%;height:100%;padding-bottom:250px}.memu-title-1{font-size:62px;font-weight:900;transform:rotate(-15deg) translateX(-100px)}.memu-title-2{font-size:20px;font-weight:700;transform:rotate(-15deg) translateX(100px)}.contact{display:flex;flex-direction:column;justify-content:center;font-size:clamp(14px,12rem,12rem);flex-grow:1;padding:0 150rem;position:relative;z-index:100;mix-blend-mode:screen;gap:50rem;color:#000;width:100%}.contact .slogan{display:flex;flex-direction:column;gap:20rem}.contact .slogan .logo-block{display:flex;gap:10rem;align-items:flex-end;text-transform:uppercase;font-size:clamp(20px,20rem,20rem);line-height:80%;font-weight:900}.contact .slogan .logo{width:clamp(30px,30rem,30rem)}.contact .slogan .logo svg{width:100%;mix-blend-mode:difference}.contact .slogan dl dt{font-size:16rem;font-weight:700}.logo-bg{position:fixed;z-index:0;width:100%;height:100%;left:0;top:0;display:flex;align-items:center}.logo-bg svg{width:100%;-o-object-fit:cover;object-fit:cover}.contact-info{display:flex;flex-direction:column;gap:5rem;font-weight:600}.contact-info dd{font-size:clamp(16px,14rem,14rem);font-weight:400}.project-wrap{width:100%;min-height:150vh;padding:0 10px;border:5px solid #fff}.grid-header{display:flex;justify-content:space-between;position:sticky;top:0;z-index:30;mix-blend-mode:difference;color:#fff;padding:15px 10px 15rem}.grid-header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:-10px;margin-right:-10px;padding-left:20px;padding-right:20px}.grid-header .grid-title{font-weight:900}.filters{display:flex;justify-content:flex-end;gap:8px;font-size:14px;align-items:center}.filters button.active{font-weight:700}.grid{position:relative;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start}.grid-sizer{width:20%}.grid-item{width:20%;box-sizing:border-box;text-align:center;padding:5px;overflow:hidden;position:relative}.grid-item.wide{width:40%}.grid-item.wide1{width:80%}.grid-item.wide2{width:60%}.grid-item img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:5px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;pointer-events:none}.chat-btn{position:fixed;bottom:20px;right:150px;z-index:1000;background-color:rgba(255,255,255,.4);cursor:pointer;box-shadow:0 24px 90px rgba(0,0,0,.2);padding:8px}.chat-btn,.chat-btn span{border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-btn span{width:100%;height:100%;box-shadow:0 2px 4px rgba(0,0,0,.15);width:40px;height:40px;padding:10px;transition:all .3s ease;background-color:#fff}.chat-btn span svg{transform-origin:center bottom}.chat-btn:hover span{background:var(--inkwell);color:#fff}.chat-btn:hover span svg path{fill:#fff}.chat{margin:0 auto;border:1px solid #ddd;border-radius:8px 0 0 8px;overflow:hidden;position:fixed;top:0;height:100dvh;display:flex;flex-direction:column;right:0;width:500px;z-index:1000;color:#333;font-size:14px;transition:all .3s ease;transform:translateX(100%);&.active{transform:translateX(0);box-shadow:0 0 20px rgba(0,0,0,.3)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f9f9f9;border-bottom:1px solid #ddd;h2{display:flex;align-items:flex-end;gap:5px;font-size:14px;line-height:100%;color:#000}h2 img{-o-object-fit:cover;object-fit:cover}button,h2 img{width:20px;height:20px}button{color:#777;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}button svg{width:100%;height:100%}}.messages{flex:1 1 auto;padding:10px;min-height:0;flex-grow:1;overflow-y:scroll;background-color:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);.message{position:relative;display:flex;align-items:flex-start;margin-bottom:10px;&.user{justify-content:flex-end}.chat-content{max-width:70%;padding:10px;margin:0;border-radius:10px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);white-space:pre-wrap;&.user{background-color:#e0f7fa}.timestamp{font-size:.8em;color:#888;margin-top:5px}}.avatar{width:25px;height:auto;margin-right:10px;img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}flex:none;&.user{margin-left:10px;margin-right:0}}}}.chat-form{display:flex;padding:10px;border-top:1px solid #ddd;background-color:#fff;input[type=text]{flex:1;padding:5px 10px;border:1px solid #ccc;border-radius:4px;margin-right:10px;flex-grow:1;width:100%;&:focus{outline:none}}button{padding:10px 20px;background-color:#130032;color:#fff;border:none;border-radius:4px;cursor:pointer;&:hover{background-color:#3700b3}}}}.text-zoom{font-size:36rem!important;font-weight:900!important;text-align:center;position:sticky;top:0}.bg-type-01{background:url(/images/blur_gradient.svg) no-repeat;background-size:contain;background-position:50% 50%;border:1px solid #888}.bg-type-02{background:url(/images/bg-left-purple.svg) no-repeat;background-size:auto 100%;background-position:50% 50%;border:10px solid #888}.bg-type-03{background:url(/images/bg-right-pink.svg) no-repeat;background-size:auto 100%;background-position:-30vw 50%;border:1px solid #888}.gradient-type-01{background:linear-gradient(90deg,#FC307B,#A22DC9);color:transparent;-webkit-background-clip:text}.section-con.section-padding{height:200vh;border:1px solid #f00}.video-wrap{width:100%;height:600dvh;margin-top:-100dvh;-o-object-fit:cover;object-fit:cover;position:relative;top:0;left:0;z-index:0;opacity:0}.video-play{position:sticky;will-change:transform opacity;transform:translateZ(0)}.section-background,.video-play{top:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.section-background{position:absolute;left:0;z-index:0;overflow:hidden}.fixed-block{width:100%;min-height:100lvh;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.section-con{gap:20rem}.section-type-01{text-align:left;.content-title{padding:0 5%;width:100%}.section-title{font-size:80rem;line-height:100%;font-weight:700;color:#000;text-align:left}.section-title span.sub{font-size:40rem;font-weight:400;line-height:100%}.sub-title{font-weight:400;margin-top:20rem}.text-content{color:#333;width:50%;text-align:center}.char{opacity:0}}.svg-mask-wrapper{position:relative;width:100%;overflow:hidden;padding:0 5%;.video-mask,.video-mask video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;display:flex;align-items:center;justify-content:center}svg{margin-top:15%}.text-mask{font-weight:900;text-anchor:middle}.text-mask .line-1{font-size:80px}.text-mask .line-1-sub{font-size:40px;font-weight:600}.text-mask .line-2{font-size:80px}}.section-type-02{.content-title{padding-left:47%;padding-right:5%;width:100%;text-align:left}.section-title-sm{font-size:80rem;text-align:left;line-height:110%;font-weight:300}.sub-title{font-weight:500;margin-top:20rem}}.section-type-03{background-color:#fdfdfd;.content-title{padding:0 5%;width:100%;text-align:center}.section-title-sm{font-size:80rem;line-height:110%;font-weight:300}.sub-title{font-weight:500;margin-top:20rem}}.section-type-04{.content-title{padding:0 5%;width:100%;text-align:center}.section-title-sm{font-size:80rem;line-height:110%;font-weight:300}.sub-title{font-weight:500;margin-top:20rem}}.section-type-05{height:300dvh;justify-content:flex-start;.content-title{padding:0 5%;width:100%;text-align:left}.section-title-sm{font-size:80rem;text-align:left;line-height:110%;font-weight:300}.sub-title{font-weight:400;margin-top:20rem}}.section-type-06{height:300dvh;justify-content:flex-start;.content-title{padding:0 5%;width:100%;text-align:center}.section-title-sm{font-size:80rem;line-height:110%;font-weight:300}.sub-title{font-weight:500;margin-top:20rem}}.section-title-sm{font-family:Pretendard,sans-serif}.section-title-sm span.sub{font-size:40rem;line-height:110%;letter-spacing:normal}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;mix-blend-mode:screen;opacity:0;will-change:transform opacity}.grid-bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn-explore{position:absolute;left:0;bottom:50px;display:grid;grid-template-columns:100%;grid-template-rows:100%;align-items:center;justify-items:center;width:100%;z-index:100}.particles{display:flex}.particles-canvas{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.particles-wrapper{display:inline-block;overflow:hidden}.particles-button,.particles-wrapper{position:relative;will-change:transform}.particles-button{border-radius:40px;background:none;color:#fff;font-weight:600;height:40px;width:150px;border:none;cursor:pointer;font-size:14px;-webkit-backdrop-filter:brightness(2);backdrop-filter:brightness(2);opacity:0}@media (max-width:1024px){.svg-background{grid-template-columns:repeat(3,1fr)}}.m-view{display:none}@media (max-width:768px){.m-view{display:block}.chat input[type=text],.chat textarea{font-size:16px!important}.chat{width:100%}.chat-btn{right:10px;bottom:70px}.svg-background{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr)}.menuSlogan{display:none}.carousel{width:75vw}.carousel-item:nth-child(4n+1){transform:rotateY(0deg) translateZ(45vw)}.carousel-item:nth-child(4n+2){transform:rotateY(90deg) translateZ(45vw)}.carousel-item:nth-child(4n+3){transform:rotateY(180deg) translateZ(45vw)}.carousel-item:nth-child(4n+4){transform:rotateY(270deg) translateZ(45vw)}.section-con{gap:20px}.section-con .section-title{font-size:clamp(40px,100rem,100rem);line-height:110%;font-weight:900}.section-con .section-title-sm{font-size:clamp(34px,80rem,80rem);line-height:120%;font-weight:300;text-align:left}.section-con .section-title-sm span.sub{font-size:clamp(20px,30rem,30rem)}.section-con .sub-title{margin-top:20rem;font-size:clamp(18px,30rem,30rem);text-align:left}.section-con .text-content{font-size:clamp(15px,20rem,20rem);text-align:left}.section-type-01{.section-title,.sub-title{text-align:left}.section-title span.sub{font-size:20px}.text-content{text-align:left;padding-right:10%;width:100%}}.section-type-02{.content-title{padding-left:40%}}.section-type-04{.content-title,.section-title-sm,.sub-title{text-align:center}.content-title{width:90%}}.section-type-05{.content-title,.section-title-sm,.sub-title{text-align:right}.content-title{padding-left:20%}}.section-type-06{.content-title{padding-right:20%}}.scene{perspective:2000rem;position:absolute;left:0;transform:translateX(0);z-index:0;display:flex;align-items:center}.cube,.scene{width:100%;height:100vw;transform-style:preserve-3d}.cube{position:static;top:0;transform-origin:center;transform:rotateY(180deg) translateY(0);will-change:transform}.index-circle{width:300px}.svg-logo svg{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;transform:translateX(-50%) translateY(-50%);overflow:visible;width:120px;height:120px}.background-video{width:120px!important;height:120px!important;mask-size:120px 120px!important;-webkit-mask-size:120px 120px!important}.logo-text{display:flex;flex-grow:1;align-items:center;justify-content:center;position:relative;z-index:20}.logo-text h1{display:flex;flex-direction:column;gap:0;height:auto;width:120px;padding-top:15px}.logo-text h1 div{line-height:80%;opacity:0;width:auto}.logo-text h1 div.title{text-align:left;letter-spacing:0;display:flex;justify-content:flex-start;align-items:flex-end;transform:none;transform-origin:right top;font-size:24px}.logo-text h1 div.sub-title{font-size:16px;letter-spacing:1px;text-align:left;font-weight:600;text-transform:uppercase;display:flex;flex-direction:column;gap:5px;line-height:100%;margin-top:150px}.contact{display:flex;flex-direction:column;justify-content:center;font-size:clamp(14px,12rem,12rem);flex-grow:1;padding:0 5%;position:relative;z-index:100;mix-blend-mode:screen;gap:50rem;color:#000;width:100%}.contact .slogan{display:flex;flex-direction:column;gap:20px}.contact .slogan .logo-block{display:flex;gap:5px;align-items:flex-end;text-transform:uppercase;font-size:clamp(20px,20rem,20rem);line-height:80%;font-weight:900}.contact .slogan .logo-block p:not(.logo){display:none}.contact .slogan .logo{width:clamp(30px,30rem,30rem)}.contact .slogan .logo svg{width:100%;mix-blend-mode:difference}.contact .slogan dl dt{font-size:16rem;font-weight:700}.contact .slogan dl dd{font-size:14px;font-weight:400}.random-shape:after{font-size:30px!important}.svg-box svg circle,.svg-box svg path,.svg-box svg rect{stroke-width:2px}.back-panel .panel-con{height:20dvh;flex-grow:1;display:flex;align-items:center;justify-content:center;gap:20px;opacity:1;overflow:hidden;width:100%}.back-panel .panel-con svg{transform:rotate(-180deg)}.back-panel .panel-con.center{margin-top:0dvh;opacity:1}.panel-svg{width:50px;margin-left:0}.panel-svg path{stroke-width:5px}.panel-svg .svg-back-panel{stroke-width:10px;stroke-dashoffset:0;stroke-dasharray:0}.back-panel .panel-con .text{font-size:50px;font-weight:700}}.contact-section .section-con{min-height:100lvh;height:100lvh;overflow:hidden}@media (max-width:768px){.carousel-item.clone{padding:10px;background-color:rgba(255,255,255,.95)}.carousel-item.clone .image{max-height:calc(70dvh);flex:none;margin:0}.carousel-item.clone .infoBlock{padding:0}.carousel-item.clone .infoBlock h2{color:#000;font-size:20px;padding-top:0;font-weight:900;padding-left:0;padding-right:0;margin-top:30px}.carousel-item.clone .detail{display:flex;flex-direction:column;padding:0}.carousel-item.clone .detail .detail-image{display:grid;grid-template-columns:1fr;gap:10px}.carousel-item.clone .detail h3{color:#000;font-size:20px;font-weight:600;-webkit-font-smoothing:antialiased;margin-bottom:5px}.carousel-item.clone .detail img,.carousel-item.clone .detail video{border-radius:10rem;width:100%}.carousel-item.clone .detail .text{grid-template-columns:1fr;gap:10rem;margin-bottom:20px}.carousel-item.clone .detail .text .summery{margin-top:20px;gap:10px}.carousel-item.clone .detail .text .info{font-size:14px;margin-top:20px;width:100%}.carousel-item.clone .detail .text dl{display:flex;justify-content:space-between;align-items:center}.carousel-item.clone .detail .text dl dt{font-size:16px;margin-bottom:0;font-weight:500}.carousel-item.clone .detail .text dl dd{font-size:14px;color:#555}.carousel-item.clone .detail .text p{line-height:160%}.carousel-item.clone .detail .text ul{color:#333;font-size:14px;display:flex;flex-direction:column;gap:5rem}.carousel-item.clone h2 a{display:none}}.notice{left:0;color:#fff;font-size:18px;font-weight:600;text-align:center;z-index:10000;padding:20px 10px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #fff;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.header-container,.notice{position:fixed;top:0;width:100%}.header-container{z-index:9999}.header{padding:20px 10px;gap:40px;max-width:1420px;margin:0 auto;display:flex;width:100%;align-items:center;justify-content:space-between}.header h1 button{font-size:20px;font-weight:900;letter-spacing:1px;-webkit-font-smoothing:auto;display:flex;gap:4px}.gnb{display:flex;justify-content:space-between;flex-grow:1}.gnb ul{font-size:15px;font-weight:500;display:flex;gap:10rem;color:#888}.gnb ul.page-nav{gap:40px;font-size:16px;color:#666;font-weight:700}.gnb ul.sub-gnb{gap:30px}@media (max-width:768px){.header-container{z-index:9999;position:fixed;top:0;width:100%}.header{padding:10px;gap:40px;max-width:1420px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,.5);display:flex;width:100%;align-items:center;justify-content:space-between}.header h1 button{font-size:20px;font-weight:900;letter-spacing:1px;-webkit-font-smoothing:auto;display:flex;gap:4px}.gnb{display:flex;justify-content:space-between;flex-grow:1}.gnb ul{font-size:15px;font-weight:500;display:flex;gap:10rem;color:#888;margin-left:auto}.gnb ul.page-nav{gap:20px;font-size:16px;color:#666;font-weight:700}.gnb ul.sub-gnb{display:none}}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@font-face{font-family:Lato;font-style:italic;font-weight:100;font-display:swap;src:url(/_next/static/media/df968dbda6790f3f-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:Lato;font-style:italic;font-weight:100;font-display:swap;src:url(/_next/static/media/6ee7df5b3965574d-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:Lato;font-style:italic;font-weight:300;font-display:swap;src:url(/_next/static/media/c2a5901aad8f0152-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:Lato;font-style:italic;font-weight:300;font-display:swap;src:url(/_next/static/media/b5215411e8ce7768-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:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/e77829e76dbc15a5-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:Lato;font-style:italic;font-weight:400;font-display:swap;src:url(/_next/static/media/756f9c755543fe29-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:Lato;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebe173d0f0ad7a9-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:Lato;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/25460892714ab800-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:Lato;font-style:italic;font-weight:900;font-display:swap;src:url(/_next/static/media/df30991d5854ede3-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:Lato;font-style:italic;font-weight:900;font-display:swap;src:url(/_next/static/media/9364c9a9ce248cb1-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:Lato;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/e54d8da3d7d1722e-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:Lato;font-style:normal;font-weight:100;font-display:swap;src:url(/_next/static/media/55c20a7790588da9-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:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/9ce3050912c26948-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:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/155cae559bbd1a77-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:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cce080f35d014443-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:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4de1fea1a954a5b6-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:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/39969fcf98a3026e-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:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6d664cce900333ee-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:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/f97d1853053d8931-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:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(/_next/static/media/7ff6869a1704182a-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:Lato Fallback;src:local("Arial");ascent-override:101.03%;descent-override:21.80%;line-gap-override:0.00%;size-adjust:97.69%}.__className_470fb5{font-family:Lato,Lato Fallback}.__variable_470fb5{--font-lato:"Lato","Lato Fallback"}