@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,button,input,select,table,textarea{font-family:var(--mainEng-font),var(--mainKor-font),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:hover,a:focus{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}:root{--mainKor-font:"NaumSquareNeo";--mainEng-font:"Space Grotesk";--mainBg-color:#f3ede8;--subBg500:#8ad0e0;--subBg400:#a3d2dd;--subBg300:#b3d1d8;--subBg200:#c8d7db;--subBg100:#d9dbdc;--white:#fff;--black:#000;--black100:#2b2b2b;--black200:#434343;--black300:#686868;--black400:#e0e0e0;font-family:var(--mainEng-font),var(--mainKor-font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;font-weight:400;line-height:1.5}body{background-color:var(--white)}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix)format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff)format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf)format("truetype")}.mont{font-family:Montserrat}.space{font-family:Space Grotesk,sans-serif}#header{z-index:10000;width:100%;position:fixed;inset:0 auto auto 0}.header__inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#8ad0e0e6;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}@media (max-width:800px){.header__inner{padding:.7rem}}.header__logo{align-items:center;display:flex}.header__logo a{align-items:center;transition:all .3s;display:inline-flex}.header__logo img{cursor:pointer;width:auto;height:56px;display:block}@media (max-width:800px){.header__logo img{height:50px}.header__nav{display:none}.header__nav.show{display:block}.header__nav.show ul{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;background-color:#8ad0e080;min-width:150px;padding:20px 0;display:block;position:absolute;top:64px;right:0}.header__nav.show ul li{text-align:right;display:block}.header__nav.show ul li a{padding:10px;display:inline-block}.header__nav.show+.header__nav__mobile span:before,.header__nav.show+.header__nav__mobile span:after{width:20px}}.header__nav li{display:inline}.header__nav li a{text-transform:uppercase;padding:1.25rem;font-size:15px;font-weight:405;transition:all .3s;position:relative}.header__nav li a:hover{color:var(--white)}.header__nav li a:before{content:"";background-color:var(--black);width:calc(100% - 28px);height:1px;transition:all .3s;position:absolute;bottom:10px;left:14px;transform:scaleX(0)}.header__nav li a:hover:before{cursor:pointer;transform:scaleX(1)}.header__nav li a.a-changed{color:var(--black)}.header__nav li a.a-clicked{color:#fff}.header__nav li a.a-clicked:before{transform:scaleX(1)}.header__nav__mobile{cursor:pointer;width:40px;height:40px;display:none}@media (max-width:800px){.header__nav__mobile{display:block}}.header__nav__mobile span{background-color:var(--black);width:40px;height:2px;margin-top:19px;display:block;position:relative}.header__nav__mobile span:before{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;top:6px;right:0}.header__nav__mobile span:after{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;bottom:6px;left:0}#intro{width:100%;min-height:100vh;position:relative;overflow:hidden}.intro__bg{z-index:0;position:absolute;inset:0}.intro__inner{z-index:1;text-align:center;color:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative}@media (max-width:800px){.intro__inner{align-items:flex-start;min-height:100vh;padding-top:30vh}}.crawl-wrapper{perspective:800px;justify-content:center;align-items:flex-end;width:100%;max-width:1000px;height:40vh;display:flex;overflow:hidden}@media (max-width:800px){.crawl-wrapper{max-width:90%;height:35vh}}.crawl{cursor:default;color:#ffe81f;text-shadow:0 0 8px #000000e6;transform-origin:50% 100%;width:100%;max-width:900px;transform-style:preserve-3d;font-size:clamp(20px,3vw,40px);font-weight:900;line-height:1.8;animation:40s linear infinite intro-crawl;display:inline-block}@media (max-width:800px){.crawl{font-size:clamp(16px,5vw,26px);line-height:1.7}}@keyframes intro-crawl{0%{opacity:1;transform:perspective(800px)rotateX(20deg)translateY(100%)scale(1.4)}to{opacity:0;transform:perspective(800px)rotateX(20deg)translateY(-140%)scale(.4)}}#vision{width:100%;min-height:100vh;position:relative;overflow:visible}.vision__inner{padding:16px;position:static;top:auto}.vision__inner .vision__title{text-transform:uppercase;width:100%;color:var(--black100);border-bottom:.4vw solid var(--black100);margin:60px 0 25px;font-size:3.5vw;font-weight:900;line-height:1.6;position:static;top:auto;left:0}.vision__inner .vision__title em{font-size:2.5vw;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.vision__inner .vision__title{margin:60px 0 25px;font-size:6vw;line-height:1.2}.vision__inner .vision__title em{font-size:4vw;line-height:1.2}}.vision__inner .vision__desc{grid-template-columns:1fr;align-items:stretch;gap:24px;width:100%;margin-top:0;padding:0;display:grid}@media (min-width:900px){.vision__inner .vision__desc{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.vision__inner .vision__item{background-color:#d9d5d9;border-radius:12px;flex-direction:column;padding:20px;display:flex;box-shadow:0 4px 12px #0000000a}.vision__inner span{margin-bottom:8px;font-size:1.25rem;font-weight:700;display:block}.vision__inner h3{margin-top:0;margin-bottom:4px;font-size:1.4rem;font-weight:900;line-height:1.4}.vision__inner p{margin-top:6px;margin-bottom:12px;font-size:.95rem;line-height:1.6}.vision__inner .desc__img{margin-top:auto;margin-bottom:12px}.vision__inner .desc__img img{object-fit:cover;border-radius:8px;width:100%;height:500px;display:block}html,body{background:#f5f7fa}#main{padding-top:72px}section{width:100%}#products{width:100%;min-height:100vh;position:relative;overflow:visible}.products__inner{padding:16px;position:static;top:auto}.products__inner .products__title{text-transform:uppercase;width:100%;color:var(--black100);border-bottom:.4vw solid var(--black100);margin-top:60px;font-size:3.5vw;font-weight:900;line-height:1.6;position:static}.products__inner .products__title em{font-size:2.5vw;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.products__inner .products__title{margin-top:60px;font-size:6vw;line-height:1.2}.products__inner .products__title em{font-size:4vw;line-height:1.2}}.products__inner .products__desc{flex-direction:column;gap:24px;width:100%;margin-top:15px;padding:15px;display:flex}.products__inner .products__item{flex-direction:column;gap:16px;display:flex}@media (min-width:900px){.products__inner .products__item{flex-direction:row;align-items:flex-start}}.products__inner .products__text{flex:1}@media (min-width:900px){.products__inner .products__text{flex:0 0 40%;max-width:40%}}.products__inner .products__text h3{margin-top:0;margin-bottom:14px;font-size:1.4rem;font-weight:550;line-height:1.4}.products__inner .products__text p{margin-top:6px;margin-bottom:6px;padding-left:1rem;font-size:.95rem;line-height:1.6}.products__inner .desc__img{flex:1;gap:12px;display:grid}@media (min-width:900px){.products__inner .desc__img{flex:0 0 60%;max-width:60%}}.products__inner .desc__img{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.products__inner .desc__img img{object-fit:contain;width:100%;height:auto;max-height:350px;display:block;border-radius:12px!important}#contact{flex-direction:column;height:90vh;min-height:90vh;display:flex;position:relative}.contact__inner{justify-content:space-between;padding:16px;display:flex}.contact__inner .contact__title{text-transform:uppercase;width:100%;color:var(--black100);border-bottom:.4vw solid var(--black100);margin:60px 0 0;font-size:3.5vw;font-weight:900;line-height:1.6;position:sticky;left:0}@media (max-width:800px){.contact__inner .contact__title{width:100%;margin:60px 0 0;font-size:6vw;line-height:1.2}}.contact__inner .contact__title em{font-size:1.25rem;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.contact__inner .contact__title em{font-size:1.1rem;line-height:.7}}.contact__info{margin-left:30px;padding:16px;font-size:1.6rem}@media (max-width:800px){.contact__info{max-width:100%;margin:0 auto;padding:0 30px}}.contact__info .contact__input{margin-top:30px}.contact__info .contact__input form{gap:1rem;display:flex}@media (max-width:800px){.contact__info .contact__input form{flex-direction:column;display:flex}}.contact__info .contact__input form input{height:30px}@media (max-width:800px){.contact__info .contact__input form input{width:150px}}.contact__info .contact__input form textarea{resize:none;width:550px;height:150px}@media (max-width:800px){.contact__info .contact__input form textarea{max-width:100%}}.contact__info .contact__input form button{cursor:pointer;width:80px;height:40px;padding:4px;transition:all .3s}.contact__info .contact__input form button:hover{background-color:var(--subBg400);border-radius:3px}.contact__info .contact__input .submit__status{padding:16px}.contact__email{margin-left:11px;padding:20px;font-size:1.1rem}#footer{z-index:10000;width:100%;min-height:10vh;position:relative}.footer__inner{background-color:var(--subBg200);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-family:var(--mainEng-font);box-sizing:border-box;justify-content:center;align-items:center;padding:2.5rem;display:flex}@media (max-width:800px){.footer__inner{padding:1.5rem}}.footer__inner .title{text-align:center;width:100%;font-size:.8rem}.webxr-gallery{min-height:100vh;margin:0 auto}.webxr__inner{justify-content:space-between;padding:16px;display:flex}.webxr__inner .webxr-gallery-title{text-transform:uppercase;width:100%;color:var(--black100);border-bottom:.4vw solid var(--black100);margin:60px 0 0;font-size:3.5vw;font-weight:900;line-height:1.6;position:sticky;left:0}@media (max-width:800px){.webxr__inner .webxr-gallery-title{width:100%;margin:60px 0 0;font-size:6vw;line-height:1.2}}.webxr__info{margin-top:0;margin-bottom:14px;margin-left:30px;padding:16px;font-size:1.4rem;font-weight:550;line-height:1.4}@media (max-width:800px){.webxr__info{max-width:100%;margin:0 auto;padding:0 30px}}.webxr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;padding:20px;display:grid}@media (max-width:1100px){.webxr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.webxr-grid{grid-template-columns:1fr}}.webxr-card{background:#050505;border:1px solid #ffffff14;border-radius:16px;min-height:420px;position:relative;overflow:hidden}.webxr-card:hover{cursor:pointer}.webxr-card-title{color:#ffe81f;z-index:30;padding:.8rem 1rem 0;font-size:1rem;font-weight:600}.webxr-card canvas{cursor:pointer;background:#0b0b0b;width:100%;height:320px;display:block}.xr-controls{z-index:10;background:linear-gradient(#0000,#000000d9);border-radius:12px;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.xr-controls button{color:#eee;cursor:pointer;background:#151515;border:1px solid #333;border-radius:8px;padding:6px 10px;font-size:.8rem}.xr-controls button:hover{background:#222}.xr-anims{z-index:20;flex-direction:column;gap:4px;display:flex;position:absolute;top:8px;right:8px}.xr-anims button{color:#eee;cursor:pointer;background:#111;border:1px solid #444;border-radius:8px;padding:6px 10px;font-size:11px}.xr-anims button:hover{background:#222}.xr-log{color:#9aa;z-index:15;font-size:12px;position:absolute;bottom:60px;left:8px}