@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";
@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}:root{--mainKor-font:"NanumSquareNeo";--mainEng-font:"Montserrat";--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}@media (max-width:800px){:root{font-size:14px;line-height:1.4}}body{background-color:var(--white)}*,:before,:after{box-sizing:border-box}@media (max-width:800px){html,body{touch-action:pan-y;overflow-x:hidden!important}}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,figure,figcaption{margin:0;padding:0}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}ul{list-style:none}em,address{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{z-index:100000;color:var(--white);background:var(--black);padding:10px 30px;font-size:1rem;position:absolute;top:-92px;left:10px}#skip a:focus,#skip a:active{top:10px}#header{z-index:10000;width:100%;position:fixed;top:0;left:0}.header__inner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#8ad0e0cc;justify-content:space-between;align-items:center;padding:1rem;display:flex}@media (max-width:800px){.header__inner{justify-content:space-between;align-items:center;padding:.5rem;display:flex}}.header__inner .header__logo a{transition:all .3s}.header__inner .header__logo a img{cursor:pointer;width:auto;max-width:100%;height:70px}@media (max-width:800px){.header__inner .header__logo a img{justify-content:flex-start;width:auto;max-width:100%;height:50px}.header__inner .header__nav{display:none}.header__inner .header__nav.show{display:block}.header__inner .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__inner .header__nav.show ul li{text-align:right;display:block}.header__inner .header__nav.show ul li a{padding:10px;display:inline-block}.header__inner .header__nav.show+.header__nav__mobile span:before,.header__inner .header__nav.show+.header__nav__mobile span:after{width:20px}}.header__inner .header__nav li{display:inline}.header__inner .header__nav li a{text-transform:uppercase;padding:1.25rem;font-size:15px;font-weight:405;transition:all .3s;position:relative}.header__inner .header__nav li a:hover{color:var(--white)}.header__inner .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__inner .header__nav li a:hover:before{cursor:pointer;transform:scaleX(1)}.header__inner .header__nav li a.a-changed{color:var(--black)}.header__inner .header__nav li a.a-clicked{color:#fff}.header__inner .header__nav li a.a-clicked:before{transform:scaleX(1)}.header__inner .header__nav__mobile{cursor:pointer;width:40px;height:40px;display:none}@media (max-width:800px){.header__inner .header__nav__mobile{display:block}}.header__inner .header__nav__mobile span{background-color:var(--black);width:40px;height:2px;margin-top:19px;display:block;position:relative}.header__inner .header__nav__mobile span:before{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;top:6px;right:0}.header__inner .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%;height:100vh;position:relative}.intro__inner{flex-direction:column;align-items:center;width:100%;padding:16px;display:flex;position:absolute;top:33%;left:0}.intro__inner .intro__text{width:100%;height:20vh;color:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center}.intro__inner .intro__text .text{text-align:center;z-index:100;cursor:all-scroll;padding:.2em .4em;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:3vw;font-weight:900;line-height:1.5;transition:all .3s;display:inline-block;position:relative}.intro__inner .intro__text .text .text__inner div{font-style:italic}.intro__inner .intro__text .text .text__inner div:first-child,.intro__inner .intro__text .text .text__inner div:nth-child(2){font-size:3.5rem}.intro__inner .intro__text .text .text__inner div:nth-child(3){font-style:normal}@media (max-width:800px){.intro__inner .intro__text .text .text__inner div:first-child{font-size:2.5rem}.intro__inner .intro__text .text .text__inner div:nth-child(2){font-size:2rem}.intro__inner .intro__text .text .text__inner div:nth-child(3){font-size:2rem;font-style:normal}}#brand{width:100%;height:240vh;position:relative;overflow:visible}@media (max-width:800px){#brand{height:240vh;overflow:hidden}}.brand__inner{justify-content:space-between;align-items:flex-start;padding:16px;display:flex;position:sticky;top:65px}@media (max-width:800px){.brand__inner{flex-direction:column;height:auto;min-height:20vh;display:flex}}.brand__inner .brand__title{text-transform:uppercase;width:50%;height:6vw;color:var(--black100);border-bottom:.4vw solid var(--black100);font-family:--mainKor-font;font-size:3.5vw;font-weight:900;line-height:1.6;position:sticky;top:80px;left:0}@media (max-width:800px){.brand__inner .brand__title{width:100%;font-size:5vw;line-height:.7;position:sticky}}.brand__inner .brand__title em{font-size:1.25rem;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.brand__inner .brand__title em{font-size:1.1rem;line-height:.7}}.brand__inner .brand__title .title__image{width:100%;height:200px;margin-top:20px;position:relative}.brand__inner .brand__desc{width:50%;margin-top:250px;padding:60px;line-height:1.6}@media (max-width:800px){.brand__inner .brand__desc{width:100%;margin-top:35px;padding:30px}}.brand__inner .brand__desc span{font-size:4.5vw;font-weight:900;line-height:1.6}@media (max-width:800px){.brand__inner .brand__desc span{margin-top:50px;font-size:5vw}}.brand__inner .brand__desc h3{text-underline-position:under;margin-bottom:1vw;font-size:2rem;font-weight:900;text-decoration:underline}@media (max-width:800px){.brand__inner .brand__desc h3{font-size:4vw}}.brand__inner .brand__desc p{margin-bottom:30vh;font-size:1.5rem}@media (max-width:800px){.brand__inner .brand__desc p{margin-bottom:5vh;font-size:4vw}.brand__inner .brand__desc .desc__img{border-radius:5px;width:70%;margin:0 auto 70px}}#product{width:100%;height:89vh;position:relative}@media (max-width:800px){#product{width:100%;height:110vh;position:relative}}.product__content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;padding:2rem 1rem;display:flex}.product__image{flex:400px;max-width:500px}@media (max-width:800px){.product__image{flex:70%;max-width:70%}}.product__inner{padding:16px;position:sticky}.product__inner .product__title{text-transform:uppercase;width:100%;height:6vw;color:var(--black100);border-bottom:.4vw solid var(--black100);text-indent:-.26vw;margin-top:75px;margin-bottom:16px;font-family:--mainKor-font;font-size:3.5vw;font-weight:900;line-height:1.6}@media (max-width:800px){.product__inner .product__title{font-size:5vw;line-height:.7}}.product__inner .product__title em{font-size:1.25rem;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.product__inner .product__title em{font-size:1.1rem;line-height:.7}}.product__info{margin-top:50px;left:5px}@media (max-width:800px){.product__info{margin-left:10px}}.product__info ul{font-size:1.2rem;line-height:1.6;list-style-type:disc}@media (max-width:800px){.product__info ul{font-size:1.3rem}}.info__title{margin-bottom:1rem;font-size:2rem;font-weight:700}@media (max-width:768px){.product__content{flex-direction:column;align-items:center}.product__image,.product__info{max-width:100%}}#usecases{flex-direction:column;height:100vh;display:flex}@media (max-width:800px){#usecases{height:90vh;margin-top:20px}}.usecases__inner{justify-content:space-between;margin-top:75px;padding:16px;display:flex}.usecases__inner .usecases__title{text-transform:uppercase;width:80%;height:6vw;color:var(--black100);border-bottom:.4vw solid var(--black100);margin-bottom:20px;font-family:--mainKor-font;font-size:3.5vw;font-weight:900;line-height:1.6;position:sticky;top:150px;left:0}@media (max-width:800px){.usecases__inner .usecases__title{width:100%;font-size:5vw;line-height:.7}}.usecases__inner .usecases__title em{font-size:1.25rem;font-weight:400;line-height:2;font-family:var(--mainKor-font)}@media (max-width:800px){.usecases__inner .usecases__title em{font-size:1.1rem;line-height:.7}}.usecases__video{text-align:center;justify-content:center;align-items:flex-start;gap:20vh;display:flex}.usecases__video .responsive-video{width:100%;max-width:750px;height:auto}@media (max-width:800px){.usecases__video .usecases__video{flex-direction:column;align-items:center;gap:3vh;font-size:1.1rem;line-height:2;display:flex}.usecases__video .responsive-video{width:300px}}.usecases__video h3{text-underline-position:under;margin-bottom:20px;font-size:2rem;text-decoration:underline}@media (max-width:800px){.usecases__video h3{margin-bottom:2px;font-size:1.1rem;line-height:2}}.usecases__video img{filter:saturate(0%);border-radius:5px;width:300px;height:300px;transition:all .3s}.usecases__video img:hover{filter:saturate();margin-top:20px}@media (max-width:800px){.usecases__video img{filter:saturate();width:200px;height:200px}.usecases__video img:hover{filter:unset;margin-top:unset}}#footer{z-index:10000;width:100%;height:10vh}.footer__inner{background-color:var(--subBg200);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-family:var(--mainKor-font);align-items:center;padding:2.5rem;display:flex}@media (max-width:800px){.footer__inner{height:10vh}}.footer__inner .title{text-align:center;width:100%;font-size:.8rem}#contact{flex-direction:column;height:89vh;display:flex}.contact__inner{justify-content:space-between;margin-top:70px;padding:16px;display:flex}.contact__inner .contact__title{text-transform:uppercase;width:80%;height:6vw;color:var(--black100);border-bottom:.4vw solid var(--black100);font-family:--mainKor-font;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%;font-size:5vw;line-height:.7}}.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}