@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";html,body,main,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr,textarea,input,select{margin:0;padding:0;border:0;font:inherit}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit}a:link{text-decoration:none;color:inherit}input[type=button],button,label{cursor:pointer}input,button,img,select{outline:none}button{border:none;background:none;padding:0;margin:0;outline:none}li{list-style:none}input[type=radio],input[type=checkbox]{margin-right:2px}textarea{resize:none;outline:none}button,a,select,input,textarea{font:inherit;color:inherit;letter-spacing:inherit}iframe{display:block}img{max-width:100%;max-height:100%;vertical-align:middle}@font-face{font-family:GmarketSansBold;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-weight:400;font-style:normal}html{height:100%}body{--oyblack: #1c1c1b;--oypink: #e36386;--oypinklight: #e9829e;--oypinkdark: #b64f6b;--oymist: #ddd;--oylight: #bbb;--oybright: #f5f5f5;--oygray: #999;--oydark: #666;--oyblue: #5f8dda;--oybluedark: #4c71ae;--oybluelight: #7fa4e1;--oypurple: #a25eb5;width:100%;min-width:320px;min-height:100%;display:flex;flex-direction:column;color:var(--oydark);font-size:18px;font-weight:500;line-height:1.5em;position:relative;word-break:keep-all}body:before{content:"";display:block;height:80px}body.fixed{overflow:hidden}main{flex:1 1 1px}[lang=ko] body{font-family:Pretendard,sans-serif}[lang=en] body{font-family:Poppins,sans-serif}[lang=vi] body{font-family:Inter Tight,sans-serif}a,button{transition:.2s}footer.more,footer.link{margin-top:60px;display:flex;justify-content:center}a.linkBox,button.linkBox{font-size:18px;font-weight:700;line-height:1em;padding:27px 64px 27px 32px;position:relative;box-shadow:0 0 #0000}a.linkBox:after,button.linkBox:after{content:"";display:block;position:absolute;width:7px;height:7px;border:solid var(--oydark);border-width:2px 2px 0 0;top:0;bottom:0;margin:auto 0;right:35px;transform:rotate(45deg)}a.linkBox:hover,button.linkBox:hover{box-shadow:10px 10px 10px #0003}a.linkBox.white,button.linkBox.white{background:#fff}a.blueBox,button.blueBox,a.blackBox,button.blackBox,a.whiteBox,button.whiteBox{padding:19px 32px;background:var(--oyblack);font-size:18px;line-height:1em;font-weight:700;color:#fff}a.whiteBox,button.whiteBox{background:#fff;color:var(--oyblack)}a.blueBox,button.blueBox{background:var(--oybluedark)}a.blackBox:hover,button.blackBox:hover,a.whiteBox:hover,button.whiteBox:hover,a.blueBox:hover,button.blueBox:hover,a.line:hover,button.line:hover{box-shadow:10px 10px 10px #0003}a.line,button.line{border:1px solid #fff;color:#fff;padding:24px 31px;font-weight:700;line-height:1em;display:inline-block;vertical-align:top}a.line.blue,button.line.blue{border-color:var(--oyblue);color:var(--oybluedark)}label.check{font-size:16px;line-height:1.25em;display:flex;vertical-align:middle}label.check input[type=checkbox]{position:absolute;opacity:0}label.check i{flex:0 0 20px;height:20px;box-sizing:border-box;border:1px solid var(--oyblue);display:block;background:#fff;margin-right:8px;position:relative}label.check i:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:12px;height:12px;background:var(--oyblue);transform:scale(0);transition:.2s}label.check input[type=checkbox]:checked+i:before{transform:scale(1)}.bodyWrap{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px}header.common{height:80px;background:var(--oyblack);color:#fff;display:flex;align-items:center;justify-content:center;position:fixed;left:0;right:0;top:0;z-index:8}header.common h1{margin-right:60px;font-size:0;background:url(../images/header-ci.svg) center/contain no-repeat}header.common h1 a{width:140px;height:32px;display:block}header.common nav.gnb{font-weight:700}header.common nav.gnb>ul{display:flex}header.common nav.gnb>ul>li+li{margin-left:30px}header.common nav.gnb>ul ul{display:none}header.common nav.gnb a{opacity:.6}header.common nav.gnb a:hover{opacity:1}header.common nav.gnb .on a{opacity:1;color:var(--oybluelight)}header.common nav.gnb .on:nth-child(3) a{color:var(--oypinklight)}header.common nav.gnb .about.on a{color:var(--oybluelight)}header.common nav.gnb .b2b.on a{color:var(--oypinklight)}header.common button.menu,header.common button.language{width:80px;height:80px;position:absolute;font-size:0;z-index:2}header.common button.menu{left:0}header.common button.language{right:0}header.common button.menu:before,header.common button.menu:after,header.common button.language:before,header.common button.language:after{content:"";position:absolute;display:block;width:6px;height:6px;border-radius:3px;background:#fff;top:0;bottom:0;left:0;right:0;margin:auto;transition:.2s}header.common button.menu:before,header.common button.menu:after{height:32px}header.common button.language:before,header.common button.language:after{width:32px}header.common button.menu.on:before,header.common button.language.on:before,header.common button.menu:hover:before,header.common button.language:hover:before,header.common button.menu.on:after,header.common button.language.on:after,header.common button.menu:hover:after,header.common button.language:hover:after{background:var(--oygray)}header.common button.menu.on,header.common button.language.on{width:92px}header.common button.menu.on:before,header.common button.language.on:before{transform:rotate(45deg)}header.common button.menu.on:after,header.common button.language.on:after{transform:rotate(-45deg)}header.common nav.menu,header.common nav.language{position:absolute;top:0;height:100vh;width:0;background:#fff;font-size:16px;line-height:1em;color:var(--oygray);z-index:1;box-sizing:border-box;overflow:hidden;transition:.2s,height 0s;box-shadow:0 0 20px #0000001a}header.common nav.menu{left:0;overflow-y:auto}header.common nav.menu>ul{margin:100px 40px;box-sizing:border-box;width:360px}header.common button.on+nav.menu{width:360px}header.common nav.menu li+li{margin-top:30px}header.common nav.menu a{display:block;line-height:1em;font-size:20px;color:var(--oyblack);font-weight:700}header.common nav.menu a:hover{color:var(--oydark)}header.common nav.menu ul ul{margin-top:20px;padding-left:20px}header.common nav.menu li li+li{margin-top:20px}header.common nav.menu ul ul a{font-weight:500;font-size:16px;line-height:1em;color:var(--oygray)}header.common nav.language{right:0}header.common nav.language>ul{padding:100px 18px;box-sizing:border-box;width:92px}header.common button.on+nav.language{width:92px}header.common nav.language li+li{margin-top:20px}header.common nav.language a{display:block;width:48px;padding:7px 0;box-sizing:border-box;border:1px solid var(--oymist);color:var(--oygray);text-align:center;font-weight:700}header.common nav.language a:hover{color:var(--oydark);border-color:var(--oydark)}header.common nav.language .on a{background:var(--oyblack);color:#fff;border-color:var(--oyblack)}header.common nav.language .on a:hover{box-shadow:5px 5px 5px #0003}header.page{height:172px;justify-content:center;align-items:center;display:flex;border-bottom:1px solid var(--oymist);box-sizing:border-box;text-align:center}header.page h2{font-weight:800;font-size:50px;line-height:1em;color:var(--oyblue)}header.page.b2b h2{color:var(--oypink)}nav.lnb{box-sizing:border-box;border-bottom:1px solid var(--oymist);background:var(--oybright);white-space:nowrap;text-align:center;overflow-x:auto}nav.lnb button{padding:19px 8px 20px;margin:0 10px;font-weight:700;color:var(--oygray);position:relative;overflow:hidden}nav.lnb button:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--oyblack);transition:bottom .2s}nav.lnb button:hover,nav.lnb button.on{color:var(--oyblack)}nav.lnb button.on:after{bottom:0}nav.lnb.fixed{position:fixed;left:0;right:0;top:0;padding-top:80px;z-index:7}section{padding:100px 0}section h2{font-size:48px;font-weight:200;color:var(--oyblack);line-height:1em;margin-bottom:60px}header.tab,nav.tab{margin-top:60px;border-bottom:1px solid var(--oylight);display:flex;justify-content:center}header.tab{border-bottom:0 none}header.tab h3,nav.tab button{margin-bottom:-1px;padding:15px 30px;overflow:hidden;font-size:22px;line-height:1em;font-weight:700;color:var(--oylight);position:relative}header.tab h3{margin-bottom:0}header.tab h3:after,nav.tab button:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:var(--oyblack);transition:.2s}header.tab h3,nav.tab button:hover,nav.tab button.on{color:var(--oyblack)}header.tab h3:after,nav.tab button.on:after{bottom:0}footer.contact{height:240px;display:flex;justify-content:center;align-items:center;background:url(../images/contact-bg.png) center no-repeat;background-size:cover;flex-direction:column;color:#fff;padding:100px 0}footer.contact p{margin-bottom:32px;text-align:center}footer.contact a.whiteBox,footer.contact button.whiteBox{color:var(--oybluedark)}footer.common{padding:60px 0 120px;background:var(--oydark) url(../images/footer-bg.svg) right top 120px no-repeat;color:#fff;font-size:15px;line-height:15px}footer.common li,footer.common .copyrights{color:var(--oylight)}footer.common header{display:flex;justify-content:space-between}footer.common a{opacity:1}footer.common a:hover{opacity:.8}footer.common h2{width:140px;height:32px;display:block;font-size:0;background:url(../images/header-ci.svg) center/contain no-repeat}footer.common article{margin-top:38px}footer.common h3{font-weight:700}footer.common ul+h3{margin-top:16px}footer.common ul{display:flex;margin-left:-10px;flex-wrap:wrap}footer.common li{margin-top:10px;margin-left:10px}.common.index{background:var(--oyblue)}header.common.index nav.gnb a{color:#fff;opacity:1}header.common.index nav.gnb a:hover{opacity:.8}section.indexSolution{background:var(--oyblue) url(../images/index/1solution-bg.png) center bottom no-repeat;display:flex;flex-direction:column;align-items:center;font-size:48px;line-height:1em;letter-spacing:1em;font-weight:900;color:#fff;padding:129px 0 208px 1.2em}section.indexSolution .text{width:90%;max-width:884px;margin:0 0 105px -1.2em}section.indexAbout{padding-bottom:718px;background:url(../images/index/2about-figure.png) center bottom no-repeat;text-align:center}section.indexAbout h2{width:342px;height:80px;margin:0 auto 70px;background:url(../images/index/2about-ci.svg);font-size:0}section.indexOther{background:linear-gradient(90deg,var(--oyblue),var(--oypink));position:relative;padding-bottom:0}section.indexOther h2{position:absolute;left:0;right:0;margin:0 auto;text-align:center;width:250px;height:58px;top:310px;font-size:0;background:url(../images/index/3other-ci.svg) center no-repeat}section.indexOther ul{display:flex;justify-content:center}section.indexOther ul:before{content:"";display:block;position:absolute;left:0;right:0;margin:auto;bottom:120px;background:url(../images/index/3other-slash.svg) center no-repeat;width:250px;height:432px}section.indexOther li{padding:64px 0 704px;flex:1 1 1px;text-align:center;background:no-repeat}section.indexOther li.ai{background-image:url(../images/index/3other-ai-figure.png);background-position:center 356px}section.indexOther li.b2b{background-image:url(../images/index/3other-b2b-figure.png);background-position:center 188px}header.page.about{color:var(--oyblue)}section.story{height:655px;background:url(../images/about/1story-bg.png) right center no-repeat;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff}section.story p.slogan{color:var(--oyblue);font-size:36px;font-weight:800;line-height:1.3em}section.story p.slogan sub{color:var(--oylight);font-size:18px;font-weight:500;line-height:130%;letter-spacing:-1.1px;vertical-align:baseline;padding-left:3px}section.story p{margin-top:30px}section.value{background:var(--oyblue) url(../images/about/2value-bg.png) center no-repeat;background-size:cover;color:#fff}section.value h2{color:inherit}section.value ul{display:flex;padding-bottom:100px}section.value li{flex:1 1 1px;background:rgba(255,255,255,.6);border-radius:32px;text-align:center;font-weight:400;font-size:20px;line-height:1em;padding:40px 30px;transition:.2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}section.value li+li{margin-left:30px}section.value li figure{margin:0 auto 30px;width:140px;height:140px;background:center no-repeat;box-sizing:border-box;border:2px solid #fff;border-radius:50%;transition:.2s}section.value li.integrity figure{background-image:url(../images/about/2value-icon1.svg)}section.value li.technology figure{background-image:url(../images/about/2value-icon2.svg)}section.value li.rule figure{background-image:url(../images/about/2value-icon3.svg)}section.value li:hover{background:#fff;color:var(--oyblue)}section.value li:hover figure{border-color:var(--oyblue);background-color:var(--oyblue)}section.mnv{background:url(../images/about/3mnv-bg.png) center no-repeat;background-size:cover;position:relative}section.mnv article+article{padding-top:100px}section.mnv ul.mission{display:flex}section.mnv ul.mission li{flex:1 1 1px}section.mnv ul.mission li+li{margin-left:90px}section.mnv ul.mission dt{text-transform:uppercase;color:var(--oyblue);font-size:36px;font-weight:700;line-height:26px;margin-bottom:30px}section.mnv ul.mission dt:after{content:"";display:block;margin-top:30px;width:30px;height:1px;background:var(--oyblue)}section.mnv p.vision{color:var(--oyblue);font-size:36px;font-weight:800;line-height:1.3em}section.mnv .plan{font-size:0;overflow:hidden;margin-right:calc(640px - 50vw)}section.mnv .plan li{display:none}section.mnv .scroll{display:none;width:100%;height:16px;background:url(../images/about/arrow_range.png) no-repeat center/contain;text-indent:-9999px;margin-top:20px}section.ai p.slogan{font-size:36px;font-weight:800;line-height:1.3em;color:var(--oyblue);margin-bottom:60px}section.ai ul.feature{display:flex;justify-content:center;margin:62px 0 8px;text-align:center}section.ai ul.feature li{flex:0 0 240px;margin:0 20px}section.ai ul.feature dt{color:#fff;padding:24px 0;background:var(--oyblack);font-size:32px;font-weight:700;line-height:1em;margin-bottom:16px}section.ai ul.feature dd{color:var(--oyblack);font-weight:500;margin:0 -20px}section.ai ul.feature dd:first-child{font-size:32px;font-weight:800;margin-bottom:16px}section.ai ol.process{display:flex;justify-content:center;text-align:center}section.ai ol.process li.sad,section.ai ol.process li.happy{width:300px}section.ai ol.process .tags{width:300px;margin:-3px auto}section.ai ol.process .tags li{margin:3px;border:2px solid var(--oygray);padding:8px 14px;display:inline-block;vertical-align:middle;border-radius:18px;font-size:16px;line-height:1em}section.ai ol.process li.ai{position:relative;margin-top:44px;width:456px;padding-left:112px;padding-right:112px}section.ai ol.process li.ai figure{min-height:418px}section.ai ol.process li.ai figcaption{margin-top:20px}section.ai ol.process li.ai figcaption dt{color:var(--oyblue);font-size:24px;font-weight:700;line-height:1em;margin-bottom:20px}section.ai ol.process li.ai figcaption dd{font-size:18px;line-height:1.5em}section.ai ol.process li.ai:before,section.ai ol.process li.ai:after{content:"";display:block;position:absolute;top:219px;width:32px;height:24px;background:url(../images/ai/1intro-process-arrow.svg) center no-repeat}section.ai ol.process li.ai:before{left:40px}section.ai ol.process li.ai:after{right:40px}section.future{background:var(--oybright)}section.future h3{font-size:32px;line-height:1em;font-weight:700;color:var(--oyblack);margin-bottom:40px}section.future *+h3{margin-top:100px}section.future p.overview{max-width:575px;line-height:1.5em;font-size:18px;position:absolute;width:80%}section.future p.overview sub{font-size:16px;color:var(--oygray);display:block}section.future ol{font-size:0;background:url(../images/ai/2future-graph.png) center bottom no-repeat;background-size:contain;height:380px}section.future ol li{display:none}section.future .whiteBox{margin-top:60px;background:#fff;border-radius:16px;padding:40px}section.future .whiteBox+.whiteBox{margin-top:30px}section.future .whiteBox h4{font-size:18px;line-height:1em;font-weight:700;color:var(--oyblue);margin-bottom:30px}section.future .whiteBox>ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}section.future .whiteBox dt{color:var(--oyblack);font-size:20px;line-height:1.3em;font-weight:700;margin-bottom:20px}section.future .whiteBox dt sub{display:block;color:var(--oygray)}section.future .whiteBox dd{font-size:18px;line-height:1.3em}section.future .whiteBox .dot li:before{content:"";display:block;height:4px;width:4px;background:var(--oydark);border-radius:50%;position:absolute;left:12px;top:9px}section.future .whiteBox .dot li{padding-left:27px;position:relative}section.future ul.status{margin-top:60px;display:flex;align-items:stretch}section.future ul.status li{flex:1 1 1px;padding-bottom:60px;position:relative}section.future ul.status li+li{margin-left:40px}section.future ul.status dt{margin-bottom:16px}section.future ul.status dt dl{background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;height:240px;box-sizing:border-box;border:16px solid var(--oyblue);text-align:center}section.future ul.status dt dt{color:var(--oybluedark);font-weight:700;font-size:32px;line-height:1em}section.future ul.status dd.status{position:absolute;left:0;bottom:0;padding:11px 16px;background:var(--oydark);color:#fff;line-height:1em}section.future ul.status dd.status.ing{background:var(--oyblue)}section.future ul.status dd.status.wait{background:var(--oypurple)}section.aps,section.ags{background:var(--oyblue) url(../images/ai/3aps-bg.png) left center no-repeat;background-size:auto 100%;background-blend-mode:multiply;color:#fff;height:840px;box-sizing:border-box}section.aps .bodyWrap,section.ags .bodyWrap{display:flex;height:100%}section.aps .bodyWrap{flex-flow:row-reverse}section.aps{text-align:right}section.ags{background-color:var(--oybluedark);background-image:url(../images/ai/4ags-bg.png);background-position:right center}section.aps article,section.ags article{position:relative;height:100%}section.ags article{flex:0 0 794px}section.aps h2,section.ags h2{color:#fff}section.aps h2 em,section.ags h2 em,section.aps h2 sub,section.ags h2 sub{display:block}section.aps h2 em,section.ags h2 em{margin-top:40px;margin-bottom:12px;font-size:64px;line-height:1em;font-weight:800}section.aps h2 sub,section.ags h2 sub{font-size:24px;line-height:1em;font-weight:500}section.aps p,section.ags p{margin-top:14px;opacity:.7}section.aps p.strong,section.ags p.strong{opacity:1;font-weight:800}section.aps button.morePopup,section.ags button.morePopup{width:60px;height:60px;box-sizing:border-box;border:1px solid #fff;font-size:0;position:absolute;bottom:0}section.aps button.morePopup{right:0}section.ags button.morePopup{left:0}section.aps button.morePopup:hover,section.ags button.morePopup:hover{box-shadow:10px 10px 10px #0003}section.aps button.morePopup:before,section.aps button.morePopup:after,section.ags button.morePopup:before,section.ags button.morePopup:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:3px;height:3px;background:#fff}section.aps button.morePopup:before,section.ags button.morePopup:before{width:24px}section.aps button.morePopup:after,section.ags button.morePopup:after{height:24px}.popupWrap{visibility:hidden;position:fixed;left:0;right:0;bottom:0;top:0;opacity:0;transition:.2s;background:rgba(51,51,51,.2);display:flex;align-items:center;justify-content:center;z-index:9}button.morePopup.on+.popupWrap{visibility:visible;opacity:1}.popupWrap section{padding:50px;border-radius:16px;background:#fff;width:1200px;color:var(--oygray);box-sizing:border-box;max-width:90vw;overflow:auto}.popupWrap section h3{margin-bottom:40px;text-align:center;font-size:32px;font-weight:700;line-height:1.5em;color:var(--oyblue)}.popupWrap section div.scroll{max-height:calc(70vh - 210px);overflow:auto}.popupWrap section article{display:flex;text-align:left}.popupWrap section article+article{margin-top:40px}.popupWrap section article figure{flex:0 0 490px;margin-right:30px;border-radius:16px;overflow:hidden}.popupWrap section article dt{margin-bottom:35px;color:var(--oyblack);font-size:26px;line-height:1.5em}.popupWrap section article dd+dt{margin-top:50px}.popupWrap section article .hyphen li+li{margin-top:1.5em}.popupWrap section article .hyphen li:before{content:"- "}.popupWrap section article .hyphen+sub{display:block;margin-top:1.5em;color:var(--oylight);font-size:16px}.popupWrap section article .dot li:before{content:"";display:block;height:4px;width:4px;background:var(--oygray);border-radius:50%;position:absolute;left:12px;top:14px}.popupWrap section article .dot li{padding-left:27px;position:relative}.popupWrap section footer.action{margin-top:50px;display:flex;justify-content:center}.popupWrap section footer.action button{padding:19px 60px;background:var(--oybluedark);color:#fff;font-weight:700;line-height:1em}.popupWrap section footer.action button:hover{box-shadow:10px 10px 10px #0003}section.aps figure,section.ags figure{flex:1 1 1px}section.aps figure{text-align:left}section.ags figure{text-align:right}section.exp{text-align:center;padding-bottom:396px;background:url(../images/ai/5ai-bg.png) center bottom no-repeat}section.exp h2{width:240px;height:216px;background:url(../images/ai/5exp-title-illust.svg) center no-repeat;margin:0 auto;line-height:240px;font-size:0}section.exp p{color:var(--oydark);font-size:24px;line-height:1em;font-weight:700;margin-bottom:32px}header.page.b2b{color:var(--oypink)}section.b2b{background:var(--oypink) center no-repeat;background-image:url(../images/b2b/b2b-bg.png);background-size:cover;color:#fff}section.b2b h2{color:#fff}section.b2b h3{margin-top:80px;font-size:32px;line-height:1em;font-weight:700}section.b2b p{margin-top:60px;font-weight:500;line-height:150%;color:#fffc}section.b2b p+p{margin-top:1.5em}section.b2b .slogan{font-size:36px;font-weight:800;line-height:1.3em;color:#fff}section.b2b .benefits{margin-top:80px}section.b2b .benefits h3{display:flex;align-items:center;margin-bottom:60px}section.b2b .benefits h3:after{content:"";height:1px;background:#fff;opacity:.6;flex:1 1 1px;margin-left:18px}section.b2b .benefits ul{display:flex;flex-wrap:wrap;justify-content:space-between}section.b2b .benefits li{flex:0 0 240px;height:246px;box-sizing:border-box;border:12px solid #fff;text-align:center}section.b2b .benefits li dl{padding-top:98px;position:relative}section.b2b .benefits li dl:before{content:"";position:absolute;left:0;right:0;top:18px;display:block;width:60px;height:60px;background:center no-repeat;margin:0 auto}section.b2b .benefits li dt{font-weight:800;font-size:28px;line-height:1em;height:2em}section.b2b .benefits li dd{font-size:16px;line-height:1.2em;margin-top:12px}section.b2b .benefits li.boq dl:before{background-image:url(../images/b2b/b2b-benefit-1.svg)}section.b2b .benefits li.price dl:before{background-image:url(../images/b2b/b2b-benefit-2.svg)}section.b2b .benefits li.convenience dl:before{background-image:url(../images/b2b/b2b-benefit-3.svg)}section.b2b .benefits li.delivery dl:before{background-image:url(../images/b2b/b2b-benefit-4.svg)}section.b2b .benefits li.support dl:before{background-image:url(../images/b2b/b2b-benefit-5.svg)}section.b2b .benefits footer.link a,section.b2b .benefits footer.link button{color:var(--oypink)}section.b2b .benefits footer.link a:after,section.b2b .benefits footer.link button:after{border-color:var(--oypink)}section.private h3{display:flex;align-items:center;margin-bottom:60px;margin-top:60px;font-size:32px;line-height:1em;font-weight:700;color:var(--oyblack)}section.private h3:after{content:"";height:1px;background:var(--oylight);flex:1 1 1px;margin-left:18px}section.private .values li{display:flex}section.private .values li:nth-child(2n){flex-flow:row-reverse}section.private .values li figure,section.private .values li dl{flex:1 1 1px;height:320px;box-sizing:border-box}section.private .values li figure{background:#000;background:center no-repeat;background-size:cover}section.private .values li dl{display:flex;justify-content:center;flex-direction:column}section.private .values li dt,section.private .values li dd{padding-left:55px}section.private .values li:nth-child(2n) dt,section.private .values li:nth-child(2n) dd{padding-left:0}section.private .values li dt{color:var(--oypinkdark);font-weight:800;font-size:32px;line-height:1em;margin-bottom:24px}section.private .values li.bio figure{background-image:url(../images/b2b/private-values-1.png)}section.private .values li.solution figure{background-image:url(../images/b2b/private-values-2.png)}section.private .values li.soft figure{background-image:url(../images/b2b/private-values-3.png)}section.private .values li.trust figure{background-image:url(../images/b2b/private-values-4.png)}section.products{padding-top:0}section.products h2{font-size:32px;line-height:1em;font-weight:700}section.products .list{display:none;grid-template-columns:50% 50%;margin-top:60px}section.products .list.on{display:grid}section.products .list li{padding:25px}section.products .list figure{margin-bottom:25px}section.products .list dt{color:var(--oyblack);font-weight:700;font-size:22px;line-height:1em;padding-bottom:10px}section.products .list dt .en{display:block;font-size:16px;line-height:1em;margin-bottom:20px}section.products .list dt .amount{font-weight:400;font-size:18px;line-height:18px}section.products .list dd{margin:0 -6px;color:var(--oygray)}section.products .list dd .tags{display:inline-block;vertical-align:top;margin:10px 2px;padding:8px 14px;border:2px solid var(--oygray);border-radius:18px;font-size:16px;line-height:1em}section.products .list dd p{padding:0 6px;margin-top:10px;max-width:430px}section.partner{background:var(--oybright)}section.partner:first-child{background:transparent}section.partner .list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;text-align:center}section.partner .list figcaption{margin-top:16px;font-weight:600;font-size:18px;line-height:1em;color:var(--oyblack)}section.oem .process h3{margin:60px 0;font-weight:700;color:var(--oyblack);font-size:32px;line-height:1em}section.oem .process ol{display:flex;flex-wrap:wrap}section.oem .process li{flex:0 0 152px;height:152px;border:8px solid var(--oypink);box-sizing:border-box;position:relative;overflow:visible;display:flex;justify-content:center;align-items:center;font-weight:800;color:var(--oypinkdark);margin-bottom:36px;text-align:center}section.oem .process li+li{margin-left:36px}section.oem .process li+li:before{content:"";display:block;position:absolute;left:-30px;top:0;bottom:0;margin:auto 0;width:0;height:0;border:solid transparent;border-width:8px 0 8px 8px;border-left-color:var(--oyblack)}footer.paging,footer.paging ol{display:flex;justify-content:center;align-items:center}footer.paging{margin-top:66px}footer.paging ol{flex-wrap:wrap}footer.paging .first,footer.paging .prev,footer.paging .next,footer.paging .last{text-indent:-999px;overflow:hidden}footer.paging a{display:block;box-sizing:border-box;width:40px;height:40px;font:400 16px/38px Rubik,sans-serif;border-radius:12px;border:1px solid var(--oymist);text-align:center;color:var(--oydark);margin:4px;position:relative}footer.paging a:hover{border-color:var(--oydark);color:var(--oyblack)}footer.paging a i:before,footer.paging a i:after{content:"";display:block;width:7px;height:2px;background:var(--oymist);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transition:.2s}footer.paging .first i:before,footer.paging .first i:after,footer.paging .prev i:before,footer.paging .prev i:after{transform-origin:1px center}footer.paging .last i:before,footer.paging .last i:after,footer.paging .next i:before,footer.paging .next i:after{transform-origin:6px center}footer.paging a i:before{transform:rotate(45deg)}footer.paging a i:after{transform:rotate(-45deg)}footer.paging .first i:before,footer.paging .first i:after,footer.paging .last i:before,footer.paging .last i:after{right:6px}footer.paging .first i+i:before,footer.paging .first i+i:after,footer.paging .last i+i:before,footer.paging .last i+i:after{left:6px;right:0}footer.paging a:hover i:before,footer.paging a:hover i:after{background:var(--oyblack)}footer.paging .on a{border-color:var(--oyblack);background:var(--oyblack);color:#fff;font-weight:700}footer.contact.b2b{background-color:var(--oypink);background-image:url(../images/b2b/contact-bg.png)}footer.contact.b2b a.whiteBox,footer.contact.b2b button.whiteBox{color:var(--oypinkdark)}section.products.detail .overview{padding:0;display:flex;justify-content:space-between}section.products.detail .overview figure{flex:0 0 640px;height:640px;display:flex;align-items:center;justify-content:center}section.products.detail .overview figure img{max-width:100%;max-height:100%;object-fit:contain}section.products.detail .overview dl{display:flex;flex-direction:column;justify-content:center;flex:0 0 620px}section.products.detail .overview dt{color:var(--oyblack);font-size:32px;line-height:1em;font-weight:700}section.products.detail .overview dt .category{display:flex;font-size:18px;color:var(--oylight);font-weight:700;margin-bottom:40px;line-height:1em}section.products.detail .overview dt .category li+li{padding-left:23px;position:relative}section.products.detail .overview dt .category li+li:before{content:"";display:block;position:absolute;width:7px;height:7px;border:solid var(--oylight);border-width:2px 2px 0 0;top:0;bottom:0;margin:auto 0;left:6px;transform:rotate(45deg)}section.products.detail .overview dt .category li:last-child{color:var(--oypink)}section.products.detail .overview dt .en{display:block;margin-bottom:20px;font-weight:700;font-size:18px;line-height:1em}section.products.detail .overview dt .amount{margin-left:8px;font-size:18px;line-height:1em;font-weight:400}section.products.detail .overview dd{margin-left:-6px;margin-right:-6px}section.products.detail .overview dd .tags{display:inline-block;vertical-align:top;margin:16px 2px;padding:8px 14px;border:2px solid var(--oygray);border-radius:18px;font-size:16px;line-height:1em;color:var(--oygray)}section.products.detail .overview dd p{padding-left:6px;padding-right:6px;color:var(--oygray)}section.products.detail .overview .action{margin-top:40px;margin-right:-10px;margin-left:-10px;display:flex}section.products.detail .overview .action button{margin:0 10px;color:var(--oylight);border:1px solid var(--oylight);box-sizing:border-box;height:60px;flex:1 1 1px}section.products.detail .overview .action button:hover{border-color:var(--oydark);color:var(--oydark)}section.products.detail .overview .action strong{display:contents}section.products.detail .overview .action strong button{border-color:var(--oypink);color:#fff;background:var(--oypink)}section.products.detail .overview .action strong button:hover{color:#fff;border-color:var(--oypink);background:var(--oypink);box-shadow:10px 10px 10px #0003}section.products.detail article.related{padding:87px 0 29px;margin-bottom:87px;overflow:auto;width:calc(100vw - 60px);max-width:1280px}section.products.detail article.related ul{display:flex}section.products.detail article.related li{height:280px;flex:0 0 256px}section.products.detail article.related a:hover{opacity:.8}section.products.detail article.related figure{padding:0 18px}section.products.detail article.related figcaption{font-weight:700;font-size:18px;line-height:1em;color:var(--oyblack)}section.products.detail article.related .en{display:block;margin-bottom:8px;font-size:14px;line-height:1em}section.products.detail article.details{margin-top:30px;text-align:center;color:var(--oygray)}section.products.detail article.details img{margin-left:auto;margin-right:auto;display:block;margin-bottom:60px}section.products.detail article.details header h3{color:var(--oypink);font-size:40px;line-height:1em;font-weight:800;margin-bottom:20px}section.products.detail article.details header em{color:var(--oypink);font-size:30px;line-height:1em;font-weight:700;margin-bottom:30px;display:block}section.products.detail article.details header p{margin-top:30px}section.products.detail article.details h4{margin-top:60px;margin-bottom:30px;color:var(--oypink);font-weight:500;font-size:30px;line-height:1.5em}section.products.detail article.details h4:after{content:"";display:block;margin:15px auto 0;width:30px;height:1px;background:var(--oypink)}section.products.detail article.details p+p{margin-top:1.5em}section.products.detail article.details p strong{color:var(--oydark)}section.contact{background:var(--oybright) url(../images/contactus/bg.png) right center no-repeat}section.contact article.input{max-width:600px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;margin-bottom:60px}section.contact article.input label+label{margin-top:24px}section.contact article.input .title{margin-bottom:8px;font-weight:600;color:var(--oygray);font-size:16px;line-height:1em;display:flex;align-items:flex-end;flex-wrap:wrap}section.contact article.input .title sub{font-size:14px;line-height:1em;margin-left:.3em;font-weight:600;color:var(--oylight)}section.contact article.input .title .info{font-size:16px;line-height:1em;font-weight:600;color:var(--oylight);margin-left:auto}section.contact article.input .title .info strong{color:var(--oydark)}section.contact article.input input,section.contact article.input textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--oymist);padding:12px;font-size:18px;line-height:1em;height:48px;color:var(--oyblack);font-size:400;transition:.2s}section.contact article.input textarea{height:240px}section.contact article.input input:focus,section.contact article.input textarea:focus{border-color:var(--oyblue)}section.contact article.input .files li{padding:10px 0;font-size:18px;line-height:1em;font-weight:400;color:var(--oydark);display:flex;align-items:center}section.contact article.input .files li+li{border-top:1px solid #e1e1e1}section.contact article.input .files li:first-child{margin-top:10px}section.contact article.input .files li:last-child{margin-bottom:18px}section.contact article.input .files li a:hover{color:var(--oyblue)}section.contact article.input .files li button.del{margin-left:auto;width:30px;height:30px;font-size:0;position:relative;border-radius:10px}section.contact article.input .files li button.del:before,section.contact article.input .files li button.del:after{content:"";display:block;width:17px;height:2px;background:var(--oyblack);border-radius:1px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}section.contact article.input .files li button.del:before{transform:rotate(45deg)}section.contact article.input .files li button.del:after{transform:rotate(-45deg)}section.contact article.input .files li button.del:hover{background:#fff}section.contact article.input button.fileSelect{background:var(--oyblue);color:#fff;line-height:1em;padding:16px 0}section.contact article.input button.fileSelect:hover{box-shadow:10px 10px 10px #0003}section.contact article.input .private{margin-top:24px}section.contact article.input .private li+li{margin-top:10px}section.contact article.input .private li a{color:var(--oyblue);text-decoration:underline}section.contact button.action{padding:24px 0;width:240px;margin-left:auto;margin-right:auto;display:block}section.contact .validation-message{display:none;color:red;font-size:16px}section.contact .was-validated .validation-message{display:block}@media (max-width: 1400px){section.indexOther{padding-top:0}section.indexOther h2{top:200px}section.indexOther li{background-size:contain;padding-bottom:40vw}section.indexOther li+li{margin-left:100px}section.indexOther ul:before{width:120px;background-size:contain;bottom:0}section.mnv .plan{margin-right:0}}@media (max-width: 1370px){section.ai ol.process li.ai figcaption dd br{display:inline-block;padding:0 .1em;content:""}section.products.detail .overview{display:block}section.products.detail .overview dl{max-width:620px;margin-left:auto;margin-right:auto}}@media (max-width: 1339px){section.oem .process ol{max-width:752px;margin-left:auto;margin-right:auto;justify-content:center}section.oem .process ol li{margin-bottom:36px;margin-left:36px}}@media (max-width: 1321px){.popupWrap section{width:590px}.popupWrap section article{display:block}.popupWrap section article figure{margin-right:0}.popupWrap section article dl{margin-top:20px}section.b2b .benefits ul{max-width:780px;margin-left:auto;margin-right:auto;justify-content:center}section.b2b .benefits li{margin:10px}section.private .values li dl br{display:inline-block;padding:0 .1em;content:""}}@media (max-width: 1280px){section.mnv figure.timeline{overflow-x:scroll}section.mnv figure.timeline img{max-width:none}section.mnv div.scroll{display:block}}@media (max-width: 1230px){section.story{background-position:calc(100vw - 500px) top}section.ai ol.process{flex-direction:column;align-items:center}section.ai ol.process li.ai{padding:112px 0;width:auto;max-width:456px}section.ai ol.process li.ai:before,section.ai ol.process li.ai:after{top:40px;left:0;right:0;margin:0 auto;transform:rotate(90deg)}section.ai ol.process li.ai:after{bottom:40px;top:auto}}@media (max-width: 1150px){section.future ul.status{flex-direction:column;align-items:center}section.future ul.status li{max-width:500px}section.future ul.status li+li{margin-left:0;margin-top:80px}section.aps article,section.ags article{flex:1 1 1px}section.aps article br,section.ags article br{display:inline-block;padding:0 .1em;content:""}}@media (max-width: 1070px){header.common h1{margin-right:0}nav.gnb{display:none}section.indexOther{padding-top:80px}section.indexOther h2{position:static}section.indexOther ul{display:block}section.indexOther ul:before{content:none}section.indexOther li+li{margin-left:0}section.indexOther li.ai,section.indexOther li.b2b{background-position:center 136px}section.value ul{flex-direction:column;align-items:center}section.value ul li{max-width:400px}section.value ul li+li{margin-left:0;margin-top:20px}section.b2b p br{display:inline-block;padding:0 .1em;content:""}}@media (max-width: 920px){section.indexSolution{background-size:contain}section.indexAbout{padding-bottom:70vw;background-size:80% auto}section.ai ul.feature{flex-direction:column}section.future ol{height:260px}section.future .whiteBox>ul{grid-template-columns:1fr 1fr}section.products .list{grid-template-columns:100%;max-width:400px;margin-left:auto;margin-right:auto}section.aps,section.ags{height:900px}section.mnv figure.timeline img{width:1000px}}@media (max-width: 800px){section.story{height:auto;background-size:cover}section.story br{display:inline-block;padding:0 .1em;content:""}section.aps,section.ags{height:auto;padding-top:0}section.aps .bodyWrap,section.ags .bodyWrap{flex-flow:column-reverse}section.aps .bodyWrap>article,section.ags .bodyWrap>article{padding-bottom:100px}section.aps .bodyWrap>figure{text-align:right}section.ags .bodyWrap>figure{text-align:left}section.partner .list{grid-template-columns:1fr 1fr}}@media (max-width: 780px){body{font-size:18px}body:before{height:60px}header.common{height:60px}header.common h1 a{width:106px;height:24px}header.common button.menu,header.common button.language{width:60px;height:60px}header.common button.menu:before,header.common button.menu:after{height:24px}header.common button.language:before,header.common button.language:after{width:24px}header.common button.menu.on,header.common button.language.on{width:60px}header.page{height:90px}header.page h2{font-size:24px}nav.lnb.fixed{padding-top:60px}nav.lnb button{padding:12px 6px 13px}footer.common{padding:40px 0 60px;font-size:14px;background-image:none}footer.common h2{width:106px;height:24px}footer.common article{margin-top:24px}section{padding:48px 0}section h2{font-size:32px;margin-bottom:32px}section.story{background:none}section.story p.slogan{font-size:28px}section.story p.slogan sub{font-size:18px}section.value ul{padding-bottom:0}section.value li{font-size:20px}section.mnv article+article{padding-top:48px}section.mnv ul.mission dt{font-size:28px}section.mnv p.vision{font-size:28px}section.mnv ul.mission{display:block}section.mnv ul.mission li+li{margin-left:0;margin-top:40px}section.ai p.slogan{font-size:28px;margin-bottom:32px}section.ai ul.feature{margin-top:48px}section.ai ul.feature li{flex-basis:auto;margin:0}section.ai ul.feature li+li{margin-top:24px}section.future *+h3{margin-top:60px}section.future h3{margin-bottom:32px}section.future .whiteBox{margin-top:32px}section.future ul.status{margin-top:32px}section.future ul.status li+li{margin-top:32px}section.future ul.status dt dt{font-size:24px}section.aps,section.ags{text-align:center}section.aps .bodyWrap>figure,section.ags .bodyWrap>figure{padding-top:20px;height:360px;text-align:center}section.aps button.morePopup,section.ags button.morePopup{left:calc(50% - 30px);right:unset}.popupWrap section{padding:30px 20px}.popupWrap section article dt{margin-bottom:20px}section.b2b .slogan{font-size:28px}section.b2b h3{margin-top:60px}section.b2b .benefits li dt{font-size:18px}section.private .values li dt,section.private .values li dd{padding-left:30px}section.private .values li dt{font-size:24px}nav.tab button{font-size:20px;padding:12px 18px}section.products .list dt{font-size:24px}section.products .list dt .en{font-size:16px}section.products .list dt .amount{font-size:18px}section.partner .list{grid-gap:24px}section.oem .process h3{font-size:24px}section.partner .list figcaption{font-size:18px}section.products.detail .overview dt{font-size:24px}section.products.detail .overview dt .en{font-size:16px}section.products.detail .overview dd .tags{margin:16px 2px}section.products.detail article.details header h3{font-size:32px}section.products.detail article.details header em{font-size:24px}section.products.detail article.details h4{font-size:18px;font-weight:600}section.contact{background-image:none}section.contact article.input .title{font-size:16px}section.contact article.input .title .info{font-size:14px}section.contact article.input input[type=text],section.contact article.input textarea{font-size:18px}section.contact article.input .files li{font-size:18px}section.mnv figure.timeline img{width:800px}}@media (max-width: 660px){section.indexSolution{font-size:24px}section.future .whiteBox>ul{grid-template-columns:1fr}}@media (max-width: 600px){section.private .values li{display:block}section.private .values li dl{justify-content:flex-start;text-align:center;height:auto;padding:40px 0 80px}section.private .values li dt,section.private .values li dd{padding-left:0}}@media (max-width: 435px){section.partner .list{grid-template-columns:1fr}section.oem .process li,section.oem .process li+li{margin-right:36px}section.oem .process li+li:before{left:0;right:0;top:-33px;bottom:auto;margin:0 auto;transform:rotate(90deg)}}[lang=ko] header.common nav.gnb,[lang=ko] header.common nav.menu a,[lang=ko] header.common nav.language a,[lang=ko] header.page h2,[lang=ko] nav.lnb button,[lang=ko] section h2,[lang=ko] section.mnv ul.mission dt,[lang=ko] section.ai ol.process li.ai figcaption dt{font-family:Poppins,Pretendard,sans-serif}[lang=ko] section.story p.slogan,[lang=ko] section.mnv p.vision,[lang=ko] section.ai p.slogan,[lang=ko] section.ai ul.feature dt,[lang=ko] section.b2b .slogan{font-family:GmarketSansBold;letter-spacing:-.05em}[lang=en] section.ai ul.feature dt{font-size:28px}[lang=en] section.b2b .benefits li{height:280px}@media (min-width: 801px) and (max-width: 1111px){[lang=en] section.aps,[lang=en] section.ags{height:980px}}[lang=vi] section.ai ul.feature dt{height:64px;display:flex;align-items:center;text-align:center;justify-content:center}[lang=vi] section.b2b .benefits li{height:260px}@media (min-width: 801px) and (max-width: 1111px){[lang=vi] section.aps,[lang=vi] section.ags{height:1000px}}
