{"version":3,"sources":["store/atoms.js","components/HeaderWithoutLang/HeaderWithoutLang.js","page/Home/Banner/Banner.js","page/Home/Belief/Belief.js","page/Home/Product/Product.js","page/Home/Partners/Partners.js","page/Home/History/NewHistorySlider/NewHistorySlider.js","page/Home/History/History.js","page/Home/Home.js","page/About/Banner/BannerSlider/BannerSlider.js","page/About/Banner/Banner.js","page/About/CoreValue/NewValuesSlider/NewValuesSlider.js","page/About/CoreValue/CoreValue.js","page/About/Principle/Principle.js","page/About/Benefits/Benefits.js","page/About/About.js","page/Team/Member/Member.js","page/Team/Team.js","page/News/Article/Article.js","page/News/News.js","components/FooterWithoutLang/FooterWithoutLang.js","App.js","styles/fonts/NotoSans/NotoSansKR-Light.otf","styles/fonts/NotoSans/NotoSansKR-Light.woff","styles/fonts/NotoSans/NotoSansKR-Light.woff2","styles/fonts/NotoSans/NotoSansKR-Regular.otf","styles/fonts/NotoSans/NotoSansKR-Regular.woff","styles/fonts/NotoSans/NotoSansKR-Regular.woff2","styles/fonts/NotoSans/NotoSansKR-Medium.otf","styles/fonts/NotoSans/NotoSansKR-Medium.woff","styles/fonts/NotoSans/NotoSansKR-Medium.woff2","styles/fonts/NotoSans/NotoSansKR-Bold.otf","styles/fonts/NotoSans/NotoSansKR-Bold.woff","styles/fonts/NotoSans/NotoSansKR-Bold.woff2","styles/GlobalStyle.js","styles/theme.js","styles/media.js","index.js"],"names":["isHeaderBlackState","atom","key","default","isClientWidthState","isModalOnState","HeaderWithoutLang","history","useHistory","location","useLocation","pathname","isHeaderBlack","useRecoilValue","useRecoilState","isModalOn","setIsModalOn","handleClick","push","handleModalClose","e","isClickedInside","target","closest","isClickedCloseBtn","useEffect","document","body","style","overflow","window","addEventListener","removeEventListener","StyledNavbar","onClick","StyledContentsContainer","StyledLogoContainer","StyledLogo","alt","src","StyledBtnContainer","StyledCategoryContainer","StyledStudioBtn","href","rel","StyledAboutBtn","StyledTeamBtn","StyledNewsBtn","StyledBurger","className","active","burger","color","scale","StyledMobileModal","setOff","StyledMobileCategoryContainer","StyledMobileModalBackground","styled","header","theme","colors","black","pureWhite","div","flex","mobile","img","nav","StyledBtn","button","grey3","pixelToRem","green","Banner","StyledBanner","StyledBannerBackground","StyledBannerContentsContainer","StyledTitle","StyledParagraph","article","white","h1","p","Belief","StyledBelief","StyledBeliefContentsContainer","StyledTag","StyledMobileTitle","StyledBold","h2","h3","span","Product","StyledProduct","StyledIqStudio","StyledProductNumber","StyledProductNameContainer","StyledProductName","StyledIqStudioPointer","StyledProductDescription","StyledIqStudioImage","StyledMobileIqStudioImage","StyledMobileProductDescription","StyledIqon","StyledIqonPointer","StyledIqonImage","StyledMobileIqonImage","StyledCryptoQuant","StyledCryptoPointer","StyledCryptoQuantImage","StyledMobileCryptoQuantImage","StyledBiQonMobileProductDescription","pixelToMobileVw","a","Partners","StyledPartners","StyledPartnersLogo","StyledPartnersMobileLogo","grey4","HistorySlider","StyledHistorySlider","settings","HISTORY_IMAGES","map","id","StyledHistoryImage","SwiperCore","use","Pagination","Autoplay","SwiperSlide","slidesPerView","navigation","pagination","clickable","scrollbar","draggable","autoplay","delay","disableOnInteraction","pauseOnMouseEnter","speed","loop","History","StyledHistory","StyledHistoryContentsContainer","StyledMobileHistoryImage","Home","setIsHeaderBlack","useSetRecoilState","handleScroll","scrollTop","documentElement","scrollTo","Helmet","property","content","name","StyledHome","section","BannerSlider","dots","arrows","infinite","slidesToShow","slidesToScroll","autoplaySpeed","getAutoPlaySpeed","StyledBannerSlider","StyledCrew1","StyledCrew2","isClientWidth","setIsClientWidth","getClientWidth","clientWidth","handleWidthSize","StyledAboutTitle","StyledAboutDescription","StyledScrollAnimaion","StyledScrollBorder","StyledScrollCircle","StyledScrollText","handleScrollAnimation","keyframes","posCenterXY","ValuesSlider","StyledValuesSlider","StyledValue","StyledValueTitle","StyledValueSubtitle","StyledValueDescription","grey2","CoreValue","StyledCoreValue","StyledCoreValueContainer","NewValuesSlider","ul","li","pixelToVw","Principle","StyledPrinciple","StyledPrincipleContentsContainer","StyledPrincipleList","StyledPrincipleContent","StyledDescription","Benefits","StyledBenefits","StyledBenefitsContentsContainer","StyledBenefitsList","BENEFITS_IMAGES","StyledBenefitItem","StyledBenefitImage","StyledMobileBenefitsList","BENEFITS_MOBILE_IMAGES","text","StyledMobileBenefitItem","StyledMobileBenefitImage","StyledBenefitText","About","setIsHeaderBlackState","useLayoutEffect","StyledAbout","Member","image","role","info","careers","StyledMember","StyledImageContainer","StyledImage","StyledCarrer","carrer","idx","StyledName","StyledRole","StyledInfo","grey1","Team","StyledTeam","StyledTeamContentsContainer","StyledTeamMembersContainer","TEAM_MEMBER","index","Article","title","publisher","pressImage","pubdate","desc","link","StyledArticle","StyledPublishInfoContainer","StyledPublisher","StyledPubdate","StyledDesc","multiLines","News","StyledNews","StyledNewsContentsContainer","StyledNewsArticleContainer","NEWS_ARTICLE","FooterWithoutLang","StyledFooter","StyledMobileFooterNavbar","to","StyledInformationContainer","StyledSnsIconContainer","StyledLink","StyledIcon","footer","Handle404","replace","search","App","tagManagerArgs","gtmId","process","TagManager","initialize","StyledWrapper","exact","path","render","component","GlobalStyle","createGlobalStyle","reset","NotoSansLightWoff2","NotoSansLightWoff","NotoSansLightOtf","NotoSansRegularWoff2","NotoSansRegularWoff","NotoSansRegularOtf","NotoSansMediumWoff2","NotoSansMediumWoff","NotoSansMediumOtf","NotoSansBoldWoff2","NotoSansBoldWoff","NotoSansBoldOtf","direction","justify","align","posCenterX","type","posCenterY","size","MobilePixelToRem","lines","transparentBlack","pureBlack","grey5","breakpoint","Object","keys","reduce","acc","device","css","ReactDOM","media","getElementById"],"mappings":"iOAEaA,EAAqBC,YAAK,CACrCC,IAAK,qBACLC,SAAS,IAQEC,GALgBH,YAAK,CAChCC,IAAK,gBACLC,SAAS,IAGuBF,YAAK,CACrCC,IAAK,qBACLC,QAAS,KAGEE,EAAiBJ,YAAK,CACjCC,IAAK,iBACLC,SAAS,I,sBCVI,SAASG,IACtB,IAAMC,EAAUC,cACVC,EAAWC,cAAcC,SACzBC,EAAgBC,YAAeb,GACrC,EAAkCc,YAAeT,GAAjD,mBAAOU,EAAP,KAAkBC,EAAlB,KAEMC,EAAc,WAAoB,IAAnBR,EAAkB,uDAAP,GAC9BF,EAAQW,KAAR,WAAiBT,IACbM,GAAWC,GAAa,IAQxBG,EAAmB,SAAAC,GACvB,IAAMC,EAAkBD,EAAEE,OAAOC,QAAQ,UACnCC,EAAoBJ,EAAEE,OAAOC,QAAQ,UAEtCF,GAAoBG,GACvBR,GAAa,IAcjB,OAVAS,qBAAU,WAIR,OAHIV,IAAWW,SAASC,KAAKC,MAAMC,SAAW,UACzCd,IAAWW,SAASC,KAAKC,MAAMC,SAAW,SAC/CC,OAAOC,iBAAiB,QAASZ,GAC1B,WACLW,OAAOE,oBAAoB,QAASb,MAGrC,CAACJ,IAGF,eAACkB,EAAD,CACErB,cAAeA,EACfH,SAAUA,EACVyB,QAASf,EAHX,UAKE,eAACgB,EAAD,WACE,cAACC,EAAD,UACE,cAACC,EAAD,CACEC,IAAI,oBACJC,KACG3B,GAAiBG,EACd,mCACA,mCAENmB,QAAS,WACPjB,SAIN,cAACuB,GAAD,UACE,eAACC,EAAD,WACE,cAACC,GAAD,UACE,oBACEC,KAAK,+BACLrB,OAAO,SACPsB,IAAI,aAHN,qCAME,qBAAKN,IAAI,aAAaC,IAAI,yCAG9B,cAACM,GAAD,CACEX,QAAS,WACPjB,EAAY,UAEdR,SAAUA,EAJZ,sCAQA,cAACqC,GAAD,CACEZ,QAAS,WACPjB,EAAY,SAEdR,SAAUA,EAJZ,oBAQA,cAACsC,GAAD,CACEb,QAAS,WACPjB,EAAY,SAEdR,SAAUA,EAJZ,+BAUJ,cAACuC,GAAD,CAAcC,UAAU,QAAxB,SACE,cAAC,IAAD,CACEC,OAAQnC,EACRoC,OAAO,SACPC,OAAQxC,GAAiBG,EAAY,QAAU,QAC/CsC,MAAO,GACPnB,QAxFU,WACdnB,GAAWC,GAAa,GACvBD,GAAWC,GAAa,WA0F3B,cAACsC,GAAD,CACEvC,UAAWA,EACXwC,OAAQvC,EACRiC,UAAU,QAHZ,SAKE,eAACO,GAAD,WACE,cAACd,GAAD,UACE,oBACEC,KAAK,+BACLrB,OAAO,SACPsB,IAAI,aAHN,qCAME,qBAAKN,IAAI,aAAaC,IAAI,yCAG9B,cAACM,GAAD,CACEX,QAAS,WACPjB,EAAY,UAEdR,SAAUA,EAJZ,sCAQA,cAACqC,GAAD,CACEZ,QAAS,WACPjB,EAAY,SAEdR,SAAUA,EAJZ,oBAQA,cAACsC,GAAD,CACEb,QAAS,WACPjB,EAAY,SAEdR,SAAUA,EAJZ,+BAUHM,GAAa,cAAC0C,GAAD,OAKpB,I,kBAAMxB,EAAeyB,IAAOC,OAAV,+KACI,gBAAGC,EAAH,EAAGA,MAAH,SAAUhD,cACZgD,EAAMC,OAAOC,MAAQF,EAAMC,OAAOE,aAMtC,qBAAGnD,eACf,4CAGEuB,EAA0BuB,IAAOM,IAAV,2KACzB,qBAAGJ,MAAkBK,KAAK,MAAO,oBAUjC,qBAAGL,MAAkBM,OAApB,IAAD,oDAKE9B,EAAsBsB,IAAOM,IAAV,oCACrB,mBAAyBC,EAAzB,EAAGL,MAASK,WAGV5B,EAAaqB,IAAOS,IAAV,uMAYZ,qBAAGP,MAAkBM,OAApB,IAAD,gDAKEzB,EAA0BiB,IAAOU,IAAV,8EAMvB5B,GAAqBkB,IAAOM,IAAV,4CACpB,qBAAGJ,MAAkBK,UAErB,qBAAGL,MAAkBM,OAApB,IAAD,iDAKEG,GAAYX,IAAOY,OAAV,8OAEJ,qBAAGV,MAAkBC,OAAOU,SACxB,qBAAGX,MAAkBY,WAAW,OAczC9B,GAAkBgB,YAAOW,GAAPX,CAAH,sKAafb,GAAiBa,YAAOW,GAAPX,CAAH,2CACT,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,WADe,EAAfnD,SAERmD,EAAMC,OAAOY,MAEfb,EAAMC,OAAOU,SAIlBzB,GAAgBY,YAAOW,GAAPX,CAAH,2CACR,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,UADe,EAAfnD,SAERmD,EAAMC,OAAOY,MAEfb,EAAMC,OAAOU,SAIlBxB,GAAgBW,YAAOW,GAAPX,CAAH,2CACR,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,UADe,EAAfnD,SAERmD,EAAMC,OAAOY,MAEfb,EAAMC,OAAOU,SAIlBf,GAAgCE,IAAOM,IAAV,2JAC/B,qBAAGJ,MAAkBK,KAAK,SAAU,aAAc,iBAYhDR,GAA8BC,IAAOM,IAAV,6JAQ7B,qBAAGJ,MAAkBM,OAApB,IAAD,kDAKEZ,GAAoBI,IAAOM,IAAV,+OAKD,qBAAGJ,MAAkBC,OAAOE,aAInC,YACX,OAD8B,EAAhBhD,UAEL,OAEF,sBAGP,qBAAG6C,MAAkBM,OAApB,IAAD,kDAMElB,GAAeU,IAAOM,IAAV,0hBAkBd,qBAAGJ,MAAkBM,OAApB,IAAD,kD,SCrVW,SAASQ,KACtB,OACE,cAACC,GAAD,UACE,cAACC,GAAD,UACE,eAACC,GAAD,WACE,cAACC,GAAD,iEACA,cAACC,GAAD,6MASV,I,iCAAMJ,GAAejB,IAAOsB,QAAV,qEACP,qBAAGpB,MAAkBC,OAAOoB,SACjB,qBAAGrB,MAAkBC,OAAOC,SAG5Cc,GAAyBlB,IAAOM,IAAV,sOAExB,qBAAGJ,MAAkBK,UAMrB,qBAAGL,MAAkBM,OAApB,MAAD,yEAMEW,GAAgCnB,IAAOM,IAAV,+HAI/B,qBAAGJ,MAAkBK,KAAK,aAG1B,mBAA2BC,EAA3B,EAAGN,MAASM,QAAX,MAAD,kEAMEY,GAAcpB,IAAOwB,GAAV,yIAEN,qBAAGtB,MAAkBC,OAAOoB,SACxB,qBAAGrB,MAAkBY,WAAW,OAI3C,gBAAGZ,EAAH,EAAGA,MAAH,OAAeA,EAAMM,OAApB,MAAD,qEACaN,EAAMY,WAAW,QAK5BO,GAAkBrB,IAAOyB,EAAV,uEACV,qBAAGvB,MAAkBC,OAAOoB,SACxB,qBAAGrB,MAAkBY,WAAW,OAE3C,gBAAGZ,EAAH,EAAGA,MAAH,OAAeA,EAAMM,OAApB,MAAD,qEACaN,EAAMY,WAAW,QCjEnB,SAASY,KACtB,OACE,cAACC,GAAD,UACE,eAACC,GAAD,WACE,cAACC,GAAD,yBACA,eAAC,GAAD,oDACU,uBADV,qCAIA,cAACC,GAAD,oFACA,mOAEE,cAACC,GAAD,2DAFF,SAGE,cAACA,GAAD,4BAHF,iHAKE,uBALF,8YAeR,I,+GAAMJ,GAAe3B,IAAOsB,QAAV,oRAGI,qBAAGpB,MAAkBC,OAAOoB,SAM9C,qBAAGrB,MAAkBM,OAApB,QAAD,wGAQEoB,GAAgC5B,IAAOM,IAAV,kHAM7B,gBAAGJ,EAAH,EAAGA,MAAH,OAAeA,EAAMM,OAApB,QAAD,6HAGaN,EAAMY,WAAW,QAO9Be,GAAY7B,IAAOgC,GAAV,iGAEJ,qBAAG9B,MAAkBC,OAAOY,SACxB,qBAAGb,MAAkBY,WAAW,OAE3C,qBAAGZ,MAAkBM,OAApB,QAAD,qDAMEY,GAAcpB,IAAOiC,GAAV,0HAGF,qBAAG/B,MAAkBY,WAAW,OAG3C,gBAAGZ,EAAH,EAAGA,MAAH,OAAeA,EAAMM,OAApB,QAAD,mFAGWN,EAAMY,WAAW,QAI1BgB,GAAoB9B,IAAOiC,GAAV,yHAGR,qBAAG/B,MAAkBY,WAAW,OAG3C,gBAAGZ,EAAH,EAAGA,MAAH,OAAeA,EAAMM,OAApB,QAAD,oFAGWN,EAAMY,WAAW,QAI1BiB,GAAa/B,IAAOkC,KAAV,mDC/FD,SAASC,KACtB,OACE,eAACC,GAAD,WACE,eAACC,GAAD,WACE,gCACE,cAACC,GAAD,iBACA,cAACC,GAAD,UACE,eAACC,GAAD,iCAEE,cAACC,GAAD,CACExD,KAAK,0BACLrB,OAAO,SAFT,SAIE,qBACEgB,IAAI,UACJC,IAAI,sDAKZ,eAAC6D,GAAD,8MAGE,uBAHF,kLAKE,uBALF,kMAUF,cAACC,GAAD,IACA,cAACC,GAAD,CACEhE,IAAI,wBACJC,IAAI,gEAEN,eAACgE,GAAD,8MAGE,uBAHF,kLAKE,uBALF,kMASF,eAACC,GAAD,WACE,gCACE,cAACR,GAAD,iBACA,cAACC,GAAD,UACE,eAACC,GAAD,kBAEE,cAACO,GAAD,CACE9D,KAAK,0EACLrB,OAAO,SAFT,SAIE,qBACEgB,IAAI,UACJC,IAAI,sDAKZ,eAAC6D,GAAD,kMAEE,uBAFF,0NAKE,uBALF,4OAUF,cAACM,GAAD,IACA,cAACC,GAAD,CACErE,IAAI,oBACJC,IAAI,6CAEN,eAACgE,GAAD,kMAEE,uBAFF,0NAKE,uBALF,4OAUF,eAACK,GAAD,WACE,gCACE,cAACZ,GAAD,iBACA,cAACC,GAAD,UACE,eAACC,GAAD,mCAEE,cAACW,GAAD,CAAqBlE,KAAK,wBAAwBrB,OAAO,SAAzD,SACE,qBACEgB,IAAI,UACJC,IAAI,sDAKZ,eAAC6D,GAAD,WACE,2CACA,uBAFF,sSAKE,uBALF,mQASA,eAACA,GAAD,WACE,2CACA,uBAFF,oKAIE,uBAJF,wRASF,cAACU,GAAD,IACA,cAACC,GAAD,CACEzE,IAAI,2BACJC,IAAI,oDAEN,eAACgE,GAAD,WACE,2CACA,uBAFF,oLAIE,uBAJF,oHAME,uBANF,uIAOkC,uBAPlC,+HAUA,eAACS,GAAD,WACE,2CACA,uBAFF,oKAIE,uBAJF,gKAKkC,uBALlC,8HAaR,I,qBAAMlB,GAAgBpC,IAAOsB,QAAV,8GAKf,qBAAGpB,MAAkBM,OAApB,QAAD,yGAOEkC,GAA2B1C,IAAOyB,EAAV,0DAG1B,qBAAGvB,MAAkBM,OAApB,QAAD,+CAKEqC,GAAiC7C,IAAOyB,EAAV,4EAErB,qBAAGvB,MAAkBY,WAAW,OAE3C,qBAAGZ,MAAkBM,OAApB,QAAD,gDAKE8C,GAAsCtD,YAC1C6C,GAD0C7C,CAAH,mDAMnCsC,GAAsBtC,IAAOgC,GAAV,sLACI,qBAAG9B,MAAkBC,OAAOE,aAE1B,qBAAGH,MAAkBC,OAAOY,SAC5C,qBAAGb,MAAkBY,WAAW,OAG3C,qBAAGZ,MAAkBM,OAApB,QAAD,6CACa,qBAAGN,MAAkBY,WAAW,UAI3CyB,GAA6BvC,IAAOM,IAAV,4BAE1BkC,GAAoBxC,IAAOiC,GAAV,8HAGR,qBAAG/B,MAAkBY,WAAW,OAG3C,qBAAGZ,MAAkBM,OAApB,QAAD,uEAEa,qBAAGN,MAAkBqD,gBAAgB,UAIhDd,GAAwBzC,IAAOwD,EAAV,oQAarB,qBAAGtD,MAAkBM,OAApB,QAAD,0IAYAuC,GAAoB/C,YAAOyC,GAAPzC,CAAH,4BAEjBmD,GAAsBnD,YAAOyC,GAAPzC,CAAH,4BAEnBqC,GAAiBrC,IAAOM,IAAV,yIAChB,qBAAGJ,MAAkBK,KAAK,MAAO,SAAU,iBAMzC,qBAAGL,MAAkBM,OAApB,QAAD,qDAKF,qBAAGN,MAAkBM,OAApB,QAAD,uDACA,qBAAGN,MAAkBK,KAAK,gBAKxBoC,GAAsB3C,IAAOM,IAAV,oRASrB,qBAAGJ,MAAkBM,OAApB,QAAD,6CAKEoC,GAA4B5C,IAAOS,IAAV,gGAK3B,qBAAGP,MAAkBM,OAApB,KAAD,mDAKEsC,GAAa9C,IAAOM,IAAV,0JACZ,qBAAGJ,MAAkBK,KAAK,MAAO,SAAU,iBAOzC,qBAAGL,MAAkBM,OAApB,KAAD,wDAKF,qBAAGN,MAAkBM,OAApB,KAAD,6GACA,qBAAGN,MAAkBK,KAAK,gBAUxByC,GAAkBhD,IAAOM,IAAV,8QASjB,qBAAGJ,MAAkBM,OAApB,KAAD,kDAKEyC,GAAwBjD,IAAOS,IAAV,gGAKvB,qBAAGP,MAAkBM,OAApB,KAAD,mDAKE0C,GAAoBlD,IAAOM,IAAV,oLACnB,qBAAGJ,MAAkBK,KAAK,MAAO,SAAU,iBAUzC,qBAAGL,MAAkBM,OAApB,KAAD,wDAKF,qBAAGN,MAAkBM,OAApB,KAAD,iDACA,qBAAGN,MAAkBK,KAAK,gBAKxB6C,GAAyBpD,IAAOM,IAAV,qRASxB,qBAAGJ,MAAkBM,OAApB,KAAD,kDAKE6C,GAA+BrD,IAAOS,IAAV,gGAK9B,qBAAGP,MAAkBM,OAApB,KAAD,mDC/WW,SAASiD,KACtB,OACE,eAACC,GAAD,WACE,cAAC,GAAD,2BACA,cAACC,GAAD,CACE/E,IAAI,gBACJC,IAAI,8CAEN,cAAC+E,GAAD,CACEhF,IAAI,uBACJC,IAAI,8DAMZ,I,SAAM6E,GAAiB1D,IAAOsB,QAAV,qDAIdF,GAAcpB,IAAOgC,GAAV,mKAGF,qBAAG9B,MAAkBY,WAAW,OAElB,qBAAGZ,MAAkBC,OAAO0D,SAErD,qBAAG3D,MAAkBM,OAApB,QAAD,uGAIa,qBAAGN,MAAkBY,WAAW,UAK3C6C,GAAqB3D,IAAOS,IAAV,mHAMpB,qBAAGP,MAAkBM,OAApB,QAAD,2CAKEoD,GAA2B5D,IAAOS,IAAV,yEAI1B,qBAAGP,MAAkBM,OAApB,QAAD,4C,oCC3CW,SAASsD,KACtB,OACE,cAACC,GAAD,UACE,cAAC,KAAD,2BAAYC,IAAZ,aACGC,GAAeC,KAAI,gBAAGC,EAAH,EAAGA,GAAItF,EAAP,EAAOA,IAAP,OAClB,cAAC,KAAD,UACE,cAACuF,GAAD,CAAoBxF,IAAI,gBAAgBC,IAAKA,KAD7BsF,WAP5BE,KAAWC,IAAI,CAACC,KAAYC,OAgB5B,I,8BAAMT,GAAsB/D,YAAOyE,KAAPzE,CAAH,+bAGrB,qBAAGE,MAAkBM,OAApB,QAAD,gDAYsB,qBAAGN,MAASC,OAAsBoB,SAMlC,qBAAGrB,MAASC,OAAsBY,SAOtDqD,GAAqBpE,IAAOS,IAAV,2FAMlBuD,GAAW,CACfzE,UAAW,mBACXmF,cAAe,EACfC,YAAY,EACZC,WAAY,CAAEC,WAAW,GACzBC,UAAW,CAAEC,WAAW,GACxBC,SAAU,CACRC,MAAO,IACPC,sBAAsB,EACtBC,mBAAmB,GAErBC,MAAO,IACPC,MAAM,GAGFpB,GAAiB,CACrB,CACEE,GAAI,EACJtF,IAAK,4CAEP,CACEsF,GAAI,EACJtF,IAAK,4CAEP,CACEsF,GAAI,EACJtF,IAAK,4CAEP,CACEsF,GAAI,EACJtF,IAAK,6CCpFM,SAASyG,KACtB,OACE,eAACC,GAAD,WACE,eAACC,GAAD,WACE,cAAC,GAAD,0BACA,eAAC,GAAD,yHACwB,uBADxB,8EAKF,cAAC,GAAD,CACE5G,IAAI,gBACJC,IAAI,4CAEN,cAAC4G,GAAD,UACE,cAAC,GAAD,SAMR,I,MAAMF,GAAgBvF,IAAOsB,QAAV,wJAGG,qBAAGpB,MAAkBC,OAAOC,SAG9C,qBAAGF,MAAkBM,OAApB,QAAD,2EAMEgF,GAAiCxF,IAAOM,IAAV,2FAM9BuB,GAAY7B,IAAOgC,GAAV,wFAEJ,qBAAG9B,MAAkBC,OAAOY,SACxB,qBAAGb,MAAkBY,WAAW,OAGzCM,GAAcpB,IAAOiC,GAAV,sHAEN,qBAAG/B,MAAkBC,OAAOoB,SACxB,qBAAGrB,MAAkBY,WAAW,OAG3C,qBAAGZ,MAAkBM,OAApB,QAAD,mEACW,qBAAGN,MAAkBY,WAAW,UAKzCsD,GAAqBpE,IAAOS,IAAV,mHAMpB,qBAAGP,MAAkBM,OAApB,QAAD,+CAKEiF,GAA2BzF,IAAOM,IAAV,uNAO1B,qBAAGJ,MAAkBM,OAApB,QAAD,gDCpEW,SAASkF,KACtB,IAAMC,EAAmBC,YAAkBtJ,GAErCuJ,EAAe,WACnB,IAAQC,EAAc9H,SAAS+H,gBAAvBD,UACJA,EAAY,GAAGH,GAAiB,GAClB,IAAdG,GAAiBH,GAAiB,IAaxC,OAVA5H,qBAAU,WAIR,OAHA4H,GAAiB,GACjBvH,OAAO4H,SAAS,EAAG,GACnB5H,OAAOC,iBAAiB,SAAUwH,GAC3B,WACLzH,OAAOE,oBAAoB,SAAUuH,MAGtC,IAGD,qCACE,eAACI,GAAA,EAAD,WACE,sBACEC,SAAS,iBACTC,QAAQ,oGAEV,sBACEC,KAAK,cACLD,QAAQ,uGAIZ,eAACE,GAAD,WACE,cAACrF,GAAD,IACA,cAACU,GAAD,IACA,cAACS,GAAD,IACA,cAACsB,GAAD,IACA,cAAC6B,GAAD,UAMR,I,eAAMe,GAAarG,IAAOsG,QAAV,yGAMZ,qBAAGpG,MAAkBM,OAApB,QAAD,+C,gCCtDW,SAAS+F,GAAT,GAA6C,IACpDvC,EAAW,CACfwC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,aAAc,EACdC,eAAgB,EAChB5B,UAAU,EACV6B,eAAeC,EARwC,EAApBA,oBASnC1B,MAAO,KAGT,OACE,cAAC2B,GAAD,UACE,eAAC,KAAD,2BAAY/C,GAAZ,cACE,cAACgD,GAAD,IACA,cAACC,GAAD,UAKR,I,oCAAMF,GAAqB/G,IAAOM,IAAV,iGAOpB,qBAAGJ,MAAkBM,OAApB,QAAD,8CAIEwG,GAAchH,IAAOM,IAAV,kNAOb,qBAAGJ,MAAkBM,OAApB,QAAD,mDAMEyG,GAAcjH,YAAOgH,GAAPhH,CAAH,2FC7CF,SAASgB,KACtB,MAA0C5D,YAAeV,GAAzD,mBAAOwK,EAAP,KAAsBC,EAAtB,KAEMC,EAAiB,WAErB,OADwBpJ,SAAS+H,gBAAzBsB,aAIJC,EAAkB,WACtBH,EAAiBC,MAmBnB,OARArJ,qBAAU,WAGR,OAFAK,OAAOC,iBAAiB,SAAUiJ,GAE3B,WACLlJ,OAAOC,iBAAiB,SAAUiJ,MAEnC,IAGD,eAAC,GAAD,WACE,cAACf,GAAD,CAAcO,iBAlBO,WACvB,OAAIM,IAAmB,KAAOF,GAAiB,EACtC,IAGF,OAcL,eAAC,GAAD,WACE,eAACK,GAAD,yFACiB,uBADjB,8FAIA,eAACC,GAAD,4MAEE,uBAFF,iNAMA,eAACC,GAAD,WACE,cAACC,GAAD,UACE,cAACC,GAAD,MAEF,cAACC,GAAD,8BAMV,I,eAAMC,GAAwBC,YAAH,2GAUrB7G,GAAejB,IAAOsB,QAAV,qDAIZ7C,GAA0BuB,IAAOM,IAAV,iJAMzB,qBAAGJ,MAAkBM,OAApB,QAAD,iHACA,qBAAGN,MAAkB6H,oBASnBR,GAAmBvH,IAAOwB,GAAV,8GAEX,qBAAGtB,MAAkBC,OAAOE,aAKjCmH,GAAyBxH,IAAOgC,GAAV,4EAEjB,qBAAG9B,MAAkBC,OAAOE,aACnC,qBAAGH,MAAkBM,OAApB,QAAD,6CACa,qBAAGN,MAAkBY,WAAW,UAI3C2G,GAAuBzH,IAAOM,IAAV,gDACtB,qBAAGJ,MAAkBK,KAAK,SAAU,SAAU,iBAE9C,qBAAGL,MAAkBM,OAApB,QAAD,gCACA,qBAAGN,MAAkBK,KAAK,gBAIxBmH,GAAqB1H,IAAOM,IAAV,0LAMF,qBAAGJ,MAAkBC,OAAOE,aAI5CuH,GAAmB5H,IAAOkC,KAAV,2GACX,qBAAGhC,MAAkBC,OAAOE,aACxB,qBAAGH,MAAkBY,WAAW,OAKzC6G,GAAqB3H,IAAOM,IAAV,oQAOF,qBAAGJ,MAAkBC,OAAOE,YACnCwH,IChIfxD,KAAWC,IAAI,CAACC,KAAYC,OAqDbwD,I,qBAAAA,GAnDf,WACE,OACE,cAACC,GAAD,UACE,eAAC,KAAD,2BAAYjE,IAAZ,cACE,cAAC,KAAD,UACE,eAACkE,GAAD,WACE,cAACC,GAAD,uCACA,cAACC,GAAD,oBACA,eAACC,GAAD,0JACgC,uBADhC,yKAGE,uBAHF,sHAI2B,uBAJ3B,oKASJ,cAAC,KAAD,UACE,eAACH,GAAD,WACE,cAACC,GAAD,4CACA,cAACC,GAAD,yBACA,eAACC,GAAD,qJAEE,uBAFF,iIAIE,uBAJF,2JAME,uBANF,qIAWJ,cAAC,KAAD,UACE,eAACH,GAAD,WACE,cAACC,GAAD,8CACA,cAACC,GAAD,2BACA,eAACC,GAAD,8JAEE,uBAFF,8KAIE,uBAJF,8KAME,uBANF,qIAiBNJ,GAAqBjI,IAAOM,IAAV,goBAuBE,qBAAGJ,MAASC,OAAsBmI,SAMlC,qBAAGpI,MAASC,OAAsBY,SAOtDmH,GAAclI,IAAOM,IAAV,uDAIX6H,GAAmBnI,IAAOM,IAAV,8FAEP,qBAAGJ,MAAkBY,WAAW,OAIzCsH,GAAsBpI,IAAOM,IAAV,8FAEV,qBAAGJ,MAAkBY,WAAW,OAIzCuH,GAAyBrI,IAAOyB,EAAV,iDACb,qBAAGvB,MAAkBY,WAAW,OAGzCkD,GAAW,CACfzE,UAAW,mBACXmF,cAAe,EACfC,YAAY,EACZC,WAAY,CAAEC,WAAW,GACzBC,UAAW,CAAEC,WAAW,GACxBC,SAAU,CACRC,MAAO,IACPC,sBAAsB,EACtBC,mBAAmB,GAErBC,MAAO,IACPC,MAAM,GC3HO,SAASkD,KACtB,MAA0CnL,YAAeV,GAAzD,mBAAOwK,EAAP,KAAsBC,EAAtB,KAEMC,EAAiB,WACrB,OAAOpJ,SAAS+H,gBAAgBsB,aAG5BC,EAAkB,WACtBH,EAAiBC,MAUnB,OAPArJ,qBAAU,WAER,OADAK,OAAOC,iBAAiB,SAAUiJ,GAC3B,WACLlJ,OAAOE,oBAAoB,SAAUgJ,MAEtC,IAGD,eAACkB,GAAD,WACE,cAAC,GAAD,8BACCpB,IAAmB,KAAOF,GAAiB,GAC1C,eAACuB,GAAD,WACE,eAAC,GAAD,WACE,cAAC,GAAD,uCACA,cAAC,GAAD,oBACA,6KACgC,uBADhC,yKAGE,uBAHF,sHAI2B,uBAJ3B,kKAQF,eAAC,GAAD,WACE,cAAC,GAAD,2CACA,cAAC,GAAD,wBACA,wKAEE,uBAFF,iIAIE,uBAJF,2JAME,uBANF,mIAUF,eAAC,GAAD,WACE,cAAC,GAAD,8CACA,cAAC,GAAD,2BACA,iLAEE,uBAFF,8KAIE,uBAJF,8KAME,uBANF,+HAWLrB,KAAoB,KAAOF,GAAiB,GAAK,cAACwB,GAAD,OAKxD,I,0CAAMF,GAAkBxI,IAAOsB,QAAV,2EAKfO,GAAY7B,IAAOgC,GAAV,wHAIJ,qBAAG9B,MAAkBC,OAAOY,SAEnC,qBAAGb,MAAkBM,OAApB,QAAD,8EAMEiI,GAA2BzI,IAAO2I,GAAV,kIAG1B,qBAAGzI,MAAkBK,KAAK,MAAO,SAAU,cAOzC2H,GAAclI,IAAO4I,GAAV,2JAKW,qBAAG1I,MAAkBC,OAAOC,SAGlD+H,GAAmBnI,IAAOM,IAAV,0EACH,qBAAGJ,MAAkB2I,UAAU,QAI5CT,GAAsBpI,IAAOM,IAAV,+FChHV,SAASwI,KACtB,OACE,cAACC,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,0BACA,eAACC,GAAD,WACE,eAACC,GAAD,WACE,eAAC,GAAD,6EACe,uBADf,qCAIA,eAACC,GAAD,yJAEE,uBAFF,kLAIE,uBAJF,qJAQF,eAACD,GAAD,WACE,eAAC,GAAD,sEAEE,uBAFF,0EAKA,eAACC,GAAD,mKACoC,uBADpC,uIAGE,uBAHF,qFAKE,6BAGJ,eAACD,GAAD,WACE,eAAC,GAAD,iFAEE,uBAFF,oCAKA,eAACC,GAAD,2KAEE,uBAFF,mJAIE,uBAJF,uIAQF,eAACD,GAAD,WACE,eAAC,GAAD,mDAEE,uBAFF,6DAKA,eAACC,GAAD,qJAEE,uBAFF,oJAIE,uBAJF,kKAcZ,I,uCAAMJ,GAAkB/I,IAAOsB,QAAV,8DAGjB,qBAAGpB,MAAkBM,OAApB,QAAD,oDAKEwI,GAAmChJ,IAAO2I,GAAV,2FAMhCM,GAAsBjJ,IAAO2I,GAAV,0aACrB,qBAAGzI,MAAkBK,KAAK,MAAO,gBAAiB,cAK9B,qBAAGL,MAAkBC,OAAOoB,SAS5B,qBAAGrB,MAAkBC,OAAOoB,SAI9C,qBAAGrB,MAAkBM,OAApB,QAAD,sDAKF,qBAAGN,MAAkBM,OAApB,QAAD,iCACE,qBAAGN,MAAkBK,KAAK,gBAI1BsB,GAAY7B,IAAOgC,GAAV,8EAEJ,qBAAG9B,MAAkBC,OAAOY,SAEnC,qBAAGb,MAAkBM,OAApB,QAAD,qDAKE0I,GAAyBlJ,IAAO4I,GAAV,kGAKxB,qBAAG1I,MAAkBM,OAApB,QAAD,4FAOEY,GAAcpB,IAAOyB,EAAV,6HAMb,qBAAGvB,MAAkBM,OAApB,QAAD,mEAEW,qBAAGN,MAAkBY,WAAW,UAIzCqI,GAAoBnJ,IAAOyB,EAAV,4DAGnB,qBAAGvB,MAAkBM,OAApB,QAAD,2CACW,qBAAGN,MAAkBY,WAAW,UCnJhC,SAASsI,KACtB,OACE,cAACC,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,oCACA,cAACC,GAAD,UACGC,GAAgBtF,KAAI,gBAAGC,EAAH,EAAGA,GAAIvF,EAAP,EAAOA,IAAKC,EAAZ,EAAYA,IAAZ,OACnB,cAAC4K,GAAD,UACE,cAACC,GAAD,CAAoB9K,IAAKA,EAAKC,IAAKA,KADbsF,QAK5B,cAACwF,GAAD,UACGC,GAAuB1F,KAAI,gBAAGC,EAAH,EAAGA,GAAIvF,EAAP,EAAOA,IAAKC,EAAZ,EAAYA,IAAKgL,EAAjB,EAAiBA,KAAjB,OAC1B,eAACC,GAAD,WACE,cAACC,GAAD,CAA0BnL,IAAKA,EAAKC,IAAKA,IACzC,cAACmL,GAAD,UAAoBH,MAFQ1F,aAW1C,I,MAAMkF,GAAiBrJ,IAAOsB,QAAV,kEAGhB,qBAAGpB,MAAkBM,OAApB,QAAD,gDAKE8I,GAAkCtJ,IAAOM,IAAV,2FAM/BuB,GAAY7B,IAAOgC,GAAV,qEACJ,qBAAG9B,MAAkBC,OAAOY,SAIjCwI,GAAqBvJ,IAAO2I,GAAV,4IACpB,qBAAGzI,MAAkBK,KAAK,MAAO,oBAOjC,qBAAGL,MAAkBM,OAApB,QAAD,+CAKEmJ,GAA2B3J,IAAO2I,GAAV,yDAG1B,qBAAGzI,MAAkBM,OAApB,QAAD,sDACE,qBAAGN,MAAkBK,KAAK,MAAO,gBAAiB,iBAKlDkJ,GAAoBzJ,IAAO4I,GAAV,uEAKjBkB,GAA0B9J,IAAO4I,GAAV,yHAGzB,mBAAyBrI,EAAzB,EAAGL,MAASK,MAAkB,SAAU,iBAEtB,qBAAGL,MAASC,OAAsB0D,SAGlD6F,GAAqB1J,IAAOS,IAAV,8CAIlBsJ,GAA2B/J,IAAOS,IAAV,gDAIxBuJ,GAAoBhK,IAAOyB,EAAV,uEAKjB+H,GAAkB,CACtB,CACErF,GAAI,EACJvF,IAAK,aACLC,IAAK,0CAEP,CACEsF,GAAI,EACJvF,IAAK,kBACLC,IAAK,oDAEP,CACEsF,GAAI,EACJvF,IAAK,iBACLC,IAAK,kDAEP,CACEsF,GAAI,EACJvF,IAAK,gBACLC,IAAK,gDAEP,CACEsF,GAAI,EACJvF,IAAK,iBACLC,IAAK,kDAEP,CACEsF,GAAI,EACJvF,IAAK,sBACLC,IAAK,4DAEP,CACEsF,GAAI,EACJvF,IAAK,qBACLC,IAAK,0DAEP,CACEsF,GAAI,EACJvF,IAAK,qBACLC,IAAK,2DAIH+K,GAAyB,CAC7B,CACEzF,GAAI,EACJvF,IAAK,qBACLC,IAAK,iDAELgL,KAAM,+HAER,CACE1F,GAAI,EACJvF,IAAK,0BACLC,IAAK,2DAELgL,KAAM,gJAER,CACE1F,GAAI,EACJvF,IAAK,yBACLC,IAAK,yDAELgL,KAAM,iIAER,CACE1F,GAAI,EACJvF,IAAK,wBACLC,IAAK,uDAELgL,KAAM,iGAER,CACE1F,GAAI,EACJvF,IAAK,yBACLC,IAAK,yDAELgL,KAAM,0HAER,CACE1F,GAAI,EACJvF,IAAK,8BACLC,IAAK,mEAELgL,KAAM,kIAER,CACE1F,GAAI,EACJvF,IAAK,6BACLC,IAAK,iEAELgL,KAAM,8LAER,CACE1F,GAAI,EACJvF,IAAK,6BACLC,IAAK,iEAELgL,KAAM,8KCrLK,SAASI,KACtB,IAAMC,EAAwBtE,YAAkBtJ,GAUhD,OARAyB,qBAAU,WACRK,OAAO4H,SAAS,EAAG,KAClB,IAEHmE,2BAAgB,WACdD,GAAsB,KACrB,IAGD,qCACE,eAACjE,GAAA,EAAD,WACE,sBAAMC,SAAS,iBAAiBC,QAAQ,yEACxC,sBAAMC,KAAK,cAAcD,QAAQ,4EAEnC,eAACiE,GAAD,WACE,cAAC,GAAD,IACA,cAAC7B,GAAD,IACA,cAACO,GAAD,IACA,cAACM,GAAD,UAMR,I,iCAAMgB,GAAcpK,IAAOsG,QAAV,4DAGb,qBAAGpG,MAAkBM,OAApB,QAAD,wECvCW,SAAS6J,GAAT,GAAuD,IAArCjE,EAAoC,EAApCA,KAAMkE,EAA8B,EAA9BA,MAAOC,EAAuB,EAAvBA,KAAMC,EAAiB,EAAjBA,KAAMC,EAAW,EAAXA,QACxD,OACE,eAACC,GAAD,WACE,eAACC,GAAD,WACE,cAACC,GAAD,CAAahM,IAAI,gBAAgBC,IAAKyL,IACtC,cAACO,GAAD,UACGJ,EAAQvG,KAAI,SAAC4G,EAAQC,GAAT,OACX,6BAAeD,GAANC,WAIf,cAACC,GAAD,UAAa5E,IACb,cAAC6E,GAAD,UAAaV,IACb,cAACW,GAAD,UAAaV,OAKnB,I,2BAAME,GAAe1K,IAAO4I,GAAV,mJASd,qBAAG1I,MAAkBM,OAApB,QAAD,qFAOEmK,GAAuB3K,IAAOM,IAAV,qDAIpBsK,GAAc5K,IAAOS,IAAV,qDAEb,qBAAGP,MAAkBM,OAApB,QAAD,6CAKEqK,GAAe7K,IAAO2I,GAAV,uVAiBZ,qBAAGzI,MAAkBM,OAApB,QAAD,qGACgB,qBAAGN,MAAkBqD,gBAAgB,UAMvD,qBAAGrD,MAAkBM,OAApB,QAAD,6CAKEwK,GAAahL,IAAOM,IAAV,sEACD,qBAAGJ,MAAkBY,WAAW,OAIzCmK,GAAajL,IAAOM,IAAV,+HAGa,qBAAGJ,MAAkBC,OAAOoB,SAC9C,qBAAGrB,MAAkBC,OAAOmI,SAGjC4C,GAAalL,IAAOyB,EAAV,4GACL,qBAAGvB,MAAkBC,OAAOgL,SACxB,qBAAGjL,MAAkBY,WAAW,OClFhC,SAASsK,KACtB,IAAMzF,EAAmBC,YAAkBtJ,GAU3C,OARAyB,qBAAU,WACRK,OAAO4H,SAAS,EAAG,KAClB,IAEHmE,2BAAgB,WACdxE,GAAiB,KAChB,IAGD,qCACE,eAACM,GAAA,EAAD,WACE,sBAAMC,SAAS,iBAAiBC,QAAQ,sDACxC,sBAAMC,KAAK,cAAcD,QAAQ,yDAEnC,cAACkF,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,uBACA,eAAC,GAAD,gJACgC,uBADhC,oIAIA,cAACC,GAAD,UACGC,GAAYtH,KAAI,WAAuCuH,GAAW,IAA/CrF,EAA8C,EAA9CA,KAAMkE,EAAwC,EAAxCA,MAAOC,EAAiC,EAAjCA,KAAMC,EAA2B,EAA3BA,KAAMC,EAAqB,EAArBA,QAC3C,OACE,cAACJ,GAAD,CAEEjE,KAAMA,EACNkE,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNC,QAASA,GALJgB,EAAQ,gBAgB/B,I,2BAAMJ,GAAarL,IAAOsG,QAAV,oFAIZ,qBAAGpG,MAAkBM,OAApB,QAAD,mDAKE8K,GAA8BtL,IAAOsB,QAAV,0GAK7B,qBAAGpB,MAAkBM,OAApB,QAAD,uEAMEqB,GAAY7B,IAAOwB,GAAV,iGAEJ,qBAAGtB,MAAkBC,OAAOY,SACxB,qBAAGb,MAAkBY,WAAW,OAE3C,qBAAGZ,MAAkBM,OAApB,QAAD,8CACa,qBAAGN,MAAkBY,WAAW,UAK3CM,GAAcpB,IAAOgC,GAAV,+FAEF,qBAAG9B,MAAkBY,WAAW,OAIzCyK,GAA6BvL,IAAO2I,GAAV,0WAC5B,qBAAGzI,MAAkBK,KAAK,MAAO,SAAU,cAK3C,qBAAGL,MAAkBM,OAApB,QAAD,6DACA,qBAAGN,MAAkBK,KAAK,MAAO,gBAAiB,iBAsBhDiL,GAAc,CAClB,CACEpF,KAAM,SACNkE,MAAO,yCACPC,KAAM,MACNC,KAAM,ycACNC,QAAS,CACP,sFACA,sFACA,qFAGJ,CACErE,KAAM,WACNkE,MAAO,6CACPC,KAAM,MACNC,KAAM,qYACNC,QAAS,CACP,8CACA,0EACA,4FAGJ,CACErE,KAAM,OACNkE,MAAO,yCACPC,KAAM,MACNC,KAAM,iVACNC,QAAS,CACP,8CACA,qCACA,yFACA,oFAGJ,CACErE,KAAM,YACNkE,MAAO,8CACPC,KAAM,eACNC,KAAM,wVACNC,QAAS,IAEX,CACErE,KAAM,UACNkE,MAAO,4CACPC,KAAM,gBACNC,KAAM,qUACNC,QAAS,IAEX,CACErE,KAAM,QACNkE,MAAO,0CACPC,KAAM,kBACNC,KAAM,2UACNC,QAAS,IAEX,CACErE,KAAM,QACNkE,MAAO,2CACPC,KAAM,sBACNC,KAAM,8VACNC,QAAS,IAEX,CACErE,KAAM,QACNkE,MAAO,2CACPC,KAAM,qBACNC,KAAM,+VACNC,QAAS,IAEX,CACErE,KAAM,QACNkE,MAAO,2CACPC,KAAM,oBACNC,KAAM,mUACNC,QAAS,KC/LE,SAASiB,GAAT,GAOX,IANFC,EAMC,EANDA,MACAC,EAKC,EALDA,UACAC,EAIC,EAJDA,WACAC,EAGC,EAHDA,QACAC,EAEC,EAFDA,KACAC,EACC,EADDA,KAEA,OACE,cAACC,GAAD,UACE,oBAAGhN,KAAM+M,EAAMpO,OAAO,SAASsB,IAAI,aAAnC,UACE,cAAC,GAAD,CAAsB2M,WAAYA,IAClC,eAACK,GAAD,WACE,cAACC,GAAD,UAAkBP,IAClB,cAACQ,GAAD,UAAgBN,OAElB,cAAC,GAAD,UAAcH,IACd,cAACU,GAAD,UAAaN,SAMrB,I,8BAAME,GAAgBjM,IAAO4I,GAAV,+RAKU,qBAAG1I,MAAkBC,OAAO0D,SAOrD,qBAAG3D,MAAkBM,OAApB,QAAD,8CASEmK,GAAuB3K,IAAOM,IAAV,iMAGJ,gBAAGuL,EAAH,EAAGA,WAAH,oBAA2BA,EAA3B,QAKlB,qBAAG3L,MAAkBM,OAApB,QAAD,+CAKE0L,GAA6BlM,IAAOM,IAAV,uDAE5B,qBAAGJ,MAAkBK,KAAK,MAAO,gBAAiB,iBAGhD4L,GAAkBnM,IAAOM,IAAV,qFACV,qBAAGJ,MAAkBC,OAAOmI,SACxB,qBAAGpI,MAAkBY,WAAW,OAIzCsL,GAAgBpM,IAAOM,IAAV,gEACJ,qBAAGJ,MAAkBY,WAAW,OACpC,qBAAGZ,MAAkBC,OAAOU,SAGjCO,GAAcpB,IAAOM,IAAV,uGAEF,qBAAGJ,MAAkBY,WAAW,OAG3C,qBAAGZ,MAAkBoM,WAAW,MAG9BD,GAAarM,IAAOyB,EAAV,8FACL,qBAAGvB,MAAkBC,OAAOmI,SACxB,qBAAGpI,MAAkBY,WAAW,OAG3C,qBAAGZ,MAAkBoM,gBChFV,SAASC,KACtB,IAAMrC,EAAwBtE,YAAkBtJ,GAUhD,OARAyB,qBAAU,WACRK,OAAO4H,SAAS,EAAG,KAClB,IAEHmE,2BAAgB,WACdD,GAAsB,KACrB,IAGD,qCACE,eAACjE,GAAA,EAAD,WACE,sBAAMC,SAAS,iBAAiBC,QAAQ,yEACxC,sBAAMC,KAAK,cAAcD,QAAQ,4EAEnC,eAACqG,GAAD,WACE,eAACC,GAAD,WACE,cAAC,GAAD,uBACA,eAAC,GAAD,yFACiB,uBADjB,wCAKF,cAACC,GAAD,UACGC,GAAazI,KACZ,WAAwDuH,GAAW,IAAhEE,EAA+D,EAA/DA,MAAOE,EAAwD,EAAxDA,WAAYC,EAA4C,EAA5CA,QAASC,EAAmC,EAAnCA,KAAMH,EAA6B,EAA7BA,UAAWI,EAAkB,EAAlBA,KAC9C,OACE,cAACN,GAAD,CAEEC,MAAOA,EACPE,WAAYA,EACZD,UAAWA,EACXE,QAASA,EACTC,KAAMA,EACNC,KAAMA,GANDP,EAAQ,cAiB/B,I,sDAAMe,GAAaxM,IAAOsG,QAAV,0GAKZ,qBAAGpG,MAAkBM,OAApB,QAAD,4EAMEiM,GAA8BzM,IAAOsB,QAAV,gEAG7B,qBAAGpB,MAAkBM,OAApB,QAAD,qDAKEqB,GAAY7B,IAAOwB,GAAV,iGAEJ,qBAAGtB,MAAkBC,OAAOY,SACxB,qBAAGb,MAAkBY,WAAW,OAE3C,qBAAGZ,MAAkBM,OAApB,QAAD,qDAMEY,GAAcpB,IAAOgC,GAAV,sEACF,qBAAG9B,MAAkBY,WAAW,OAIzC4L,GAA6B1M,IAAO2I,GAAV,kSAE5B,qBAAGzI,MAAkBK,KAAK,MAAO,gBAAiB,cAIlD,qBAAGL,MAAkBM,OAApB,QAAD,mDAQE,qBAAGN,MAAkBM,OAApB,QAAD,sDAYAmM,GAAe,CACnB,CACEhB,MAAO,4HACPE,WAAY,6BACZD,UAAW,oDACXE,QAAS,aACTC,KAAM,4pCACNC,KAAM,0CAER,CACEL,MAAO,mMACPE,WAAY,4BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,wcACNC,KAAM,gEAER,CACEL,MAAO,qKACPE,WAAY,4BACZD,UAAW,uCACXE,QAAS,aACTC,KAAM,kcACNC,KAAM,2CAER,CACEL,MACE,wOACFE,WAAY,2BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,kUACNC,KAAM,2DAER,CACEL,MACE,0MACFE,WAAY,6BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,ieACNC,KAAM,yCAER,CACEL,MAAO,iHACPE,WAAY,2BACZD,UAAW,6CACXE,QAAS,aACTC,KAAM,gYACNC,KAAM,oEAER,CACEL,MAAO,yEACPE,WAAY,2BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,ocACNC,KAAM,0DAER,CACEL,MAAO,iJACPE,WAAY,2BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,gWACNC,KAAM,wDAER,CACEL,MAAO,6KACPE,WAAY,2BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,miBACNC,KAAM,yDAER,CACEL,MAAO,iGACPE,WAAY,2BACZD,UAAW,MACXE,QAAS,aACTC,KAAM,4iBACNC,KAAM,0GAER,CACEL,MAAO,2IACPE,WAAY,4BACZD,UAAW,qBACXE,QAAS,aACTC,KAAM,4eACNC,KAAM,oDAER,CACEL,MAAO,kIACPE,WAAY,4BACZD,UAAW,iCACXE,QAAS,aACTC,KAAM,6hBACNC,KAAM,yDAER,CACEL,MAAO,uKACPE,WAAY,4BACZD,UAAW,2BACXE,QAAS,aACTC,KAAM,qdACNC,KAAM,+CAER,CACEL,MAAO,qKACPE,WAAY,4BACZD,UAAW,6BACXE,QAAS,aACTC,KAAM,uTACNC,KAAM,uDAER,CACEL,MAAO,6KACPE,WAAY,4BACZD,UAAW,6BACXE,QAAS,aACTC,KAAM,8ZACNC,KAAM,wEAER,CACEL,MAAO,8JACPE,WAAY,4BACZD,UAAW,6BACXE,QAAS,aACTC,KAAM,4UACNC,KAAM,uDAER,CACEL,MAAO,gJACPE,WAAY,4BACZD,UAAW,6BACXE,QAAS,aACTC,KAAM,ifACNC,KAAM,mFCzPK,SAASY,KACtB,IAAM7P,EAAWC,cAAcC,SAE/B,OACE,eAAC4P,GAAD,WACE,cAACC,GAAD,UACE,gCACE,cAAC,GAAD,CAAgB/P,SAAUA,EAA1B,SACE,cAAC,IAAD,CAAMgQ,GAAG,QAAT,wCAEF,cAAC,GAAD,CAAehQ,SAAUA,EAAzB,SACE,cAAC,IAAD,CAAMgQ,GAAG,OAAT,sBAEF,cAAC,GAAD,CAAehQ,SAAUA,EAAzB,SACE,cAAC,IAAD,CAAMgQ,GAAG,OAAT,iCAIN,eAAC,GAAD,WACE,eAACC,GAAD,WACE,8VAIE,uBAJF,6DAOA,wFAEE,uBAFF,iDAEmB,uBAFnB,mMAKE,uBALF,6DAQA,yEAEE,uBACA,mBAAG/N,KAAK,+BAAR,SACE,qEAIJ,+EAEF,eAACgO,GAAD,WACE,cAACC,GAAD,CACEjO,KAAK,sCACLrB,OAAO,SAFT,SAIE,cAACuP,GAAD,CACEvO,IAAI,OACJC,IAAI,oDAGR,cAACqO,GAAD,CACEjO,KAAK,yCACLrB,OAAO,SAFT,SAIE,cAACuP,GAAD,CACEvO,IAAI,gBACJC,IAAI,wDAGR,cAACqO,GAAD,CACEjO,KAAK,uDACLrB,OAAO,SAFT,SAIE,cAACuP,GAAD,CACEvO,IAAI,gBACJC,IAAI,iEASlB,I,GAAMgO,GAAe7M,IAAOoN,OAAV,uPAGI,qBAAGlN,MAAkBC,OAAOC,SAIrC,qBAAGF,MAAkBC,OAAOmI,SACxB,qBAAGpI,MAAkBY,WAAW,OAW7C,qBAAGZ,MAAkBM,OAApB,QAAD,oDAKE/B,GAA0BuB,IAAOM,IAAV,2GAIzB,qBAAGJ,MAAkBK,KAAK,MAAO,gBAAiB,iBAElD,qBAAGL,MAAkBM,OAApB,QAAD,kDACE,qBAAGN,MAAkBK,KAAK,MAAO,gBAAiB,kBAKlDyM,GAA6BhN,IAAOM,IAAV,oRAI1B,qBAAGJ,MAAkBM,OAApB,QAAD,mDASA,qBAAGN,MAAkBM,OAApB,QAAD,oDAcAyM,GAAyBjN,IAAOM,IAAV,oFAKxB,qBAAGJ,MAAkBM,OAApB,QAAD,uFACE,qBAAGN,MAAkBK,KAAK,gBAQ1B4M,GAAanN,IAAOS,IAAV,8CAIVyM,GAAalN,IAAOwD,EAAV,8DAGZ,qBAAGtD,MAAkBM,OAApB,QAAD,2EAMEsM,GAA2B9M,IAAOM,IAAV,iFAI1B,qBAAGJ,MAAkBM,OAApB,QAAD,qDAEA,qBAAGN,MAAkBK,KAAK,MAAO,uBAI/BI,GAAYX,IAAOY,OAAV,qKAEJ,qBAAGV,MAAkBC,OAAOU,SACxB,qBAAGX,MAAkBY,WAAW,OAQzC3B,GAAiBa,YAAOW,GAAPX,CAAH,2DAEP,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,WADe,EAAfnD,SACiBmD,EAAMC,OAAOoB,MAExCrB,EAAMC,OAAOU,SAKpBzB,GAAgBY,YAAOW,GAAPX,CAAH,2DAEN,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,UADe,EAAfnD,SACgBmD,EAAMC,OAAOoB,MAEvCrB,EAAMC,OAAOU,SAKpBxB,GAAgBW,YAAOW,GAAPX,CAAH,2DAEN,YAA0B,IAAvBE,EAAsB,EAAtBA,MACV,MAAiB,UADe,EAAfnD,SACgBmD,EAAMC,OAAOoB,MAEvCrB,EAAMC,OAAOU,S,oBC3M1B,SAASwM,KACP,IAAMtQ,EAAWC,cAKjB,OAHAoB,OAAOrB,SAASuQ,QACd,0BAA4BvQ,EAASE,SAAWF,EAASwQ,QAEpD,KAGM,SAASC,KACtB,IAAMC,EAAiB,CACrBC,MAAOC,eAOT,OAJA5P,qBAAU,WACR6P,KAAWC,WAAWJ,KACrB,IAGD,cAAC,IAAD,UACE,eAACK,GAAD,WACE,cAAClR,EAAD,IACA,eAAC,IAAD,WACE,cAAC,IAAD,CAAOmR,OAAK,EAACC,KAAK,IAAIC,OAAQ,kBAAM,cAACvI,GAAD,OACpC,cAAC,IAAD,CAAOqI,OAAK,EAACC,KAAK,SAASC,OAAQ,kBAAM,cAAChE,GAAD,OACzC,cAAC,IAAD,CAAO8D,OAAK,EAACC,KAAK,QAAQC,OAAQ,kBAAM,cAAC7C,GAAD,OACxC,cAAC,IAAD,CAAO2C,OAAK,EAACC,KAAK,QAAQC,OAAQ,kBAAM,cAAC1B,GAAD,OACxC,cAAC,IAAD,CAAOyB,KAAK,IAAIE,UAAWb,QAE7B,cAACT,GAAD,SAMR,I,MAAMkB,GAAgB9N,IAAOM,IAAV,iG,SCrDJ,OAA0B,6CCA1B,OAA0B,8CCA1B,OAA0B,+CCA1B,OAA0B,+CCA1B,OAA0B,gDCA1B,OAA0B,iDCA1B,OAA0B,8CCA1B,OAA0B,+CCA1B,OAA0B,gDCA1B,OAA0B,4CCA1B,OAA0B,6CCA1B,OAA0B,8CC2H1B6N,GA3GKC,YAAH,krDACbC,KAUWC,GACLC,GACAC,GAOKC,GACLC,GACAC,GAOKC,GACLC,GACAC,GAOKC,GACLC,GACAC,ICcJ/O,GAAQ,CACZK,KAvEW,WAA8D,IAA7D2O,EAA4D,uDAAhD,MAAOC,EAAyC,uDAA/B,SAAUC,EAAqB,uDAAb,SAC3D,MAAM,0CAAN,OAEmBD,EAFnB,6BAGeC,EAHf,gCAIkBF,EAJlB,UAuEAG,WA/DiB,WAAwB,IAAvBC,EAAsB,uDAAf,WACzB,MAAM,iBAAN,OACYA,EADZ,sDA+DAC,WAxDiB,WAAwB,IAAvBD,EAAsB,uDAAf,WACzB,MAAM,iBAAN,OACYA,EADZ,uDAwDAvH,YAjDkB,WAAwB,IAAvBuH,EAAsB,uDAAf,WAC1B,MAAM,iBAAN,OACYA,EADZ,yEAiDAxO,WAxCiB,SAAA0O,GAAI,gBAAOA,EAAO,GAAd,OAyCrBC,iBAxCuB,SAAAD,GAAI,gBAAOA,EAAO,GAAd,OAyC3BlD,WAvBiB,WAAgB,IAAfoD,EAAc,uDAAN,EAC1B,MAAM,qGAAN,OAIsBA,EAJtB,qEAuBAvP,OAvCa,CACbC,MAAO,UACPuP,iBAAkB,4BAClBC,UAAW,UACXrO,MAAO,UACPlB,UAAW,UACXU,MAAO,UACPoK,MAAO,UACP7C,MAAO,UACPzH,MAAO,UACPgD,MAAO,UACPgM,MAAO,WA6BPhH,UAbgB,SAAA2G,GAAI,oBAAY,IAAMA,EAAQ,KAA1B,cAAoCA,EAApC,QAcpBjM,gBAbsB,SAAAiM,GAAI,oBAAY,IAAMA,EAAQ,IAA1B,cAAmCA,EAAnC,SAgBbtP,MCjFT4P,GAAa,CACjBtP,OAAQ,KAGKuP,UAAOC,KAAKF,IAAYG,QAAO,SAACC,EAAKC,GAMlD,OALAD,EAAIC,GAAU,kBAAkBC,YAAjB,QAAD,sFACoBN,GAAWK,GACvCC,IAAG,WAAH,eAGCF,IACN,ICFHG,IAASpC,OACP,eAAC,IAAD,WACE,cAAC,GAAD,IACA,cAAC,IAAD,CAAe/N,MAAK,2BAAOA,IAAUoQ,IAArC,SACE,cAAC9C,GAAD,SAGJxP,SAASuS,eAAe,W","file":"static/js/main.30294389.chunk.js","sourcesContent":["import { atom } from 'recoil';\n\nexport const isHeaderBlackState = atom({\n key: 'isHeaderBlackState',\n default: true,\n});\n\nexport const isKoreanState = atom({\n key: 'isKoreanState',\n default: true,\n});\n\nexport const isClientWidthState = atom({\n key: 'isClientWidthState',\n default: 0,\n});\n\nexport const isModalOnState = atom({\n key: 'isModalOnState',\n default: false,\n});\n","import React, { useEffect } from 'react';\n\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { useRecoilValue, useRecoilState } from 'recoil';\nimport { isHeaderBlackState, isModalOnState } from '../../store/atoms';\nimport Burger from 'react-css-burger';\n\nimport styled from 'styled-components';\n\nexport default function HeaderWithoutLang() {\n const history = useHistory();\n const location = useLocation().pathname;\n const isHeaderBlack = useRecoilValue(isHeaderBlackState);\n const [isModalOn, setIsModalOn] = useRecoilState(isModalOnState);\n\n const handleClick = (location = '') => {\n history.push(`/${location}`);\n if (isModalOn) setIsModalOn(false);\n };\n\n const handleModal = () => {\n if (isModalOn) setIsModalOn(false);\n if (!isModalOn) setIsModalOn(true);\n };\n\n const handleModalClose = e => {\n const isClickedInside = e.target.closest('.modal');\n const isClickedCloseBtn = e.target.closest('.close');\n\n if (!isClickedInside && !isClickedCloseBtn) {\n setIsModalOn(false);\n }\n };\n\n useEffect(() => {\n if (isModalOn) document.body.style.overflow = 'hidden';\n if (!isModalOn) document.body.style.overflow = 'unset';\n window.addEventListener('click', handleModalClose);\n return () => {\n window.removeEventListener('click', handleModalClose);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isModalOn]);\n\n return (\n \n \n \n {\n handleClick();\n }}\n />\n \n \n \n \n \n 스튜디오\n \"right\n \n \n {\n handleClick('about');\n }}\n location={location}\n >\n 회사소개\n \n {\n handleClick('team');\n }}\n location={location}\n >\n 팀\n \n {\n handleClick('news');\n }}\n location={location}\n >\n 뉴스\n \n \n \n \n \n \n \n \n \n \n \n 스튜디오\n \"right\n \n \n {\n handleClick('about');\n }}\n location={location}\n >\n 회사소개\n \n {\n handleClick('team');\n }}\n location={location}\n >\n 팀\n \n {\n handleClick('news');\n }}\n location={location}\n >\n 뉴스\n \n \n \n {isModalOn && }\n \n );\n}\n\nconst StyledNavbar = styled.header`\n background-color: ${({ theme, isHeaderBlack }) =>\n isHeaderBlack ? theme.colors.black : theme.colors.pureWhite};\n position: fixed;\n top: 0;\n width: 100%;\n transition: background-color 0.3s;\n z-index: 10;\n box-shadow: ${({ isHeaderBlack }) =>\n !isHeaderBlack && `0 2px 10px 0 rgba(240, 240, 240, 0.5);`};\n`;\n\nconst StyledContentsContainer = styled.div`\n ${({ theme }) => theme.flex('row', 'space-between')}\n margin: 0 auto;\n max-width: 1340px;\n padding: 19px 30px;\n\n button:last-child {\n margin: 0;\n padding: 0;\n }\n\n ${({ theme }) => theme.mobile`\n padding: 15px 31px;\n `}\n`;\n\nconst StyledLogoContainer = styled.div`\n ${({ theme: { flex } }) => flex()};\n`;\n\nconst StyledLogo = styled.img`\n width: 217px;\n transition: 0.3s opacity;\n z-index: 10;\n height: 46px;\n object-fit: cover;\n\n &:hover {\n cursor: pointer;\n opacity: 0.7;\n }\n\n ${({ theme }) => theme.mobile`\n width: 141px;\n `}\n`;\n\nconst StyledCategoryContainer = styled.nav`\n button:last-child {\n margin-right: 0;\n }\n`;\n\nconst StyledBtnContainer = styled.div`\n ${({ theme }) => theme.flex()}\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledBtn = styled.button`\n margin-right: 62px;\n color: ${({ theme }) => theme.colors.grey3};\n font-size: ${({ theme }) => theme.pixelToRem(20)};\n font-weight: 400;\n transition: 0.3s all;\n\n &:hover {\n cursor: pointer;\n opacity: 0.8;\n\n &:active {\n opacity: 0.7;\n }\n }\n`;\n\nconst StyledStudioBtn = styled(StyledBtn)`\n a {\n display: inline-block;\n }\n\n img {\n width: 11px;\n position: relative;\n margin-left: 10px;\n top: 1px;\n }\n`;\n\nconst StyledAboutBtn = styled(StyledBtn)`\n color: ${({ theme, location }) => {\n if (location === '/about') {\n return theme.colors.green;\n }\n return theme.colors.grey3;\n }};\n`;\n\nconst StyledTeamBtn = styled(StyledBtn)`\n color: ${({ theme, location }) => {\n if (location === '/team') {\n return theme.colors.green;\n }\n return theme.colors.grey3;\n }};\n`;\n\nconst StyledNewsBtn = styled(StyledBtn)`\n color: ${({ theme, location }) => {\n if (location === '/news') {\n return theme.colors.green;\n }\n return theme.colors.grey3;\n }};\n`;\n\nconst StyledMobileCategoryContainer = styled.div`\n ${({ theme }) => theme.flex('column', 'flex-start', 'flex-start')}\n margin-top: 60px;\n\n button {\n margin-bottom: 32px;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n`;\n\nconst StyledMobileModalBackground = styled.div`\n display: none;\n position: absolute;\n width: 100%;\n height: 100vh;\n background-color: black;\n opacity: 0.7;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n\nconst StyledMobileModal = styled.div`\n display: none;\n position: absolute;\n width: 100%;\n padding: 19px 32px 102px;\n background-color: ${({ theme }) => theme.colors.pureWhite};\n top: 0;\n right: 0;\n z-index: 5;\n transform: ${({ isModalOn }) => {\n if (isModalOn) {\n return 'none';\n }\n return 'translateX(100%)';\n }};\n\n ${({ theme }) => theme.mobile`\n display: block;\n `};\n transition: 0.3s transform;\n`;\n\nconst StyledBurger = styled.div`\n display: none;\n z-index: 100;\n\n .burger_hamburger-inner__14XT2::before {\n width: 25px;\n right: 0;\n }\n .burger_hamburger-inner__14XT2::after {\n width: 12.5px;\n right: 0;\n }\n\n .burger_is-active__3Yxiv .burger_hamburger-inner__14XT2::before,\n .burger_is-active__3Yxiv .burger_hamburger-inner__14XT2::after {\n width: 40px;\n }\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n\n button {\n span {\n span,\n span::before,\n span::after {\n transition-duration: 0.3s;\n }\n }\n }\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Banner() {\n return (\n \n \n \n 현명한 투자의 시작\n \n 인텔리퀀트는 당신의 경제적 자유를 돕기 위한 투자 솔루션을 만듭니다.\n \n \n \n \n );\n}\n\nconst StyledBanner = styled.article`\n color: ${({ theme }) => theme.colors.white};\n background-color: ${({ theme }) => theme.colors.black};\n`;\n\nconst StyledBannerBackground = styled.div`\n height: 876px;\n ${({ theme }) => theme.flex()};\n background-image: url('images/Home/bannerBackground/3-4-x.png');\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n\n ${({ theme }) => theme.mobile`\n background-size: cover%;\n height: 100vh;\n `}\n`;\n\nconst StyledBannerContentsContainer = styled.div`\n margin: 0 20%;\n position: relative;\n bottom: 100px;\n ${({ theme }) => theme.flex('column')};\n text-align: center;\n\n ${({ theme: { mobile } }) => mobile`\n position: static;\n bottom: 0;\n `}\n`;\n\nconst StyledTitle = styled.h1`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.white};\n font-size: ${({ theme }) => theme.pixelToRem(60)};\n font-weight: 700;\n line-height: 1.2;\n\n ${({ theme }) => theme.mobile`\n font-size: ${theme.pixelToRem(30)};\n text-align: center;\n `}\n`;\n\nconst StyledParagraph = styled.p`\n color: ${({ theme }) => theme.colors.white};\n font-size: ${({ theme }) => theme.pixelToRem(26)};\n\n ${({ theme }) => theme.mobile`\n font-size: ${theme.pixelToRem(14)};\n text-align: center;\n `}\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Belief() {\n return (\n \n \n OUR BELIEF\n \n 당신은 충분히
\n 현명합니다.\n \n 당신은 충분히 현명합니다.\n

\n “최소수익은 안전을 최우선시하는 수동적인 투자자의 몫이고, 최고 수익은\n 우수한 지적능력과\n 기술을 갖고 있는 투자자의 몫이라 할 수\n 있다.”\n
\n 역사상 가장 현명한 투자자 중 한 분인 ‘벤저민 그레이엄’이 남긴\n 말입니다. 인텔리퀀트는 당신의 현명한 투자를 돕기 위한 금융 서비스들을\n 만듭니다.\n

\n \n \n );\n}\n\nconst StyledBelief = styled.article`\n padding: 150px 0 150px;\n position: relative;\n background-color: ${({ theme }) => theme.colors.white};\n background-image: url('images/Home/belief/fill-1.png');\n background-repeat: no-repeat;\n background-position: bottom right 55%;\n background-size: cover;\n\n ${({ theme }) => theme.mobile`\n padding: 9.7% ;\n text-align: center;\n background-position: contain;\n\n `}\n`;\n\nconst StyledBeliefContentsContainer = styled.div`\n margin: 0 auto;\n max-width: 1340px;\n padding: 0 30px;\n\n p {\n ${({ theme }) => theme.mobile`\n max-width: 420px;\n margin: 0 auto;\n font-size: ${theme.pixelToRem(14)};\n text-align: center;\n\n `}\n }\n`;\n\nconst StyledTag = styled.h2`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.green};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 10px;\n\n `}\n`;\n\nconst StyledTitle = styled.h3`\n display: block;\n margin-bottom: 18px;\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n font-weight: 700;\n\n ${({ theme }) => theme.mobile`\n display: none;\n margin-bottom: 10px;\n font-size: ${theme.pixelToRem(24)}\n `}\n`;\n\nconst StyledMobileTitle = styled.h3`\n display: none;\n margin-bottom: 18px;\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n font-weight: 700;\n\n ${({ theme }) => theme.mobile`\n display: block;\n margin-bottom: 10px;\n font-size: ${theme.pixelToRem(24)}\n `}\n`;\n\nconst StyledBold = styled.span`\n font-weight: 700;\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Product() {\n return (\n \n \n
\n 01\n \n \n IntelliQuant Studio\n \n \n \n \n \n \n IQ Studio는 전문적인 퀀트 투자를 개인 투자자도 가능하게 만드는\n 서비스입니다.\n
\n 복잡하고 정교한 데이터 수집부터 백테스트 성과분석, 자동매매까지\n
\n 퀀트 전략 개발에 필요한 모든 기술적 장벽을 허무는 것을 목표로\n 합니다.\n \n
\n \n \n \n IQ Studio는 전문적인 퀀트 투자를 개인 투자자도 가능하게 만드는\n 서비스입니다.\n
\n 복잡하고 정교한 데이터 수집부터 백테스트 성과분석, 자동매매까지\n
\n 퀀트 전략 개발에 필요한 모든 기술적 장벽을 허무는 것을 목표로 합니다.\n \n \n \n
\n 02\n \n \n iQon\n \n \n \n \n \n \n iQon은 인텔리퀀트팀의 모든 정수가 담긴 로보어드바이저 서비스 입니다.\n
\n 돈을 다루는 알고리즘이지만, 항상 그 너머에 있는 투자자를 최우선으로\n 생각합니다.\n
\n 알고리즘을 통한 모든 이들의 경제적 자유 달성. iQon의 존재 이유이자\n 궁극적인 목표입니다.\n \n
\n \n \n \n iQon은 인텔리퀀트팀의 모든 정수가 담긴 로보어드바이저 서비스 입니다.\n
\n 돈을 다루는 알고리즘이지만, 항상 그 너머에 있는 투자자를 최우선으로\n 생각합니다.\n
\n 알고리즘을 통한 모든 이들의 경제적 자유 달성. iQon의 존재 이유이자\n 궁극적인 목표입니다.\n \n \n \n
\n 03\n \n \n Crypto-asset Platform\n \n \n \n \n \n \n Prism\n
\n Prism은 거래소 간에 상이한 가격, 단일 거래소의 유동성이 부족한\n 문제를 해결하기 위해 만든 트레이딩 솔루션입니다.\n
\n Prism을 통해 최적의 가격으로 다중 거래소의 유동성을 모두 통합한 주문\n 집행으로 해결할 수 있습니다.\n \n \n BiQon\n
\n BiQon은 디지털자산 투자자를 위한 로보어드바이저 서비스입니다.\n
\n 변동성이 큰 디지털자산 시장에서 안정적이고 꾸준한 수익을 최우선으로\n 한 맞춤형 운용을 목표로 합니다.\n \n
\n \n \n \n Prism\n
\n Prism은 거래소 간에 상이한 가격, 단일 거래소의 유동성이 부족한 문제를\n
\n 해결하기 위해 만든 트레이딩 솔루션입니다.\n
\n Prism을 통해 최적의 가격으로 다중 거래소의 유동성을
\n 모두 통합한 주문 집행으로 해결할 수 있습니다.\n \n \n BiQon\n
\n BiQon은 디지털자산 투자자를 위한 로보어드바이저 서비스입니다.\n
\n 변동성이 큰 디지털자산 시장에서 안정적이고 꾸준한 수익을
\n 최우선으로 한 맞춤형 운용을 목표로 합니다.\n \n \n \n );\n}\n\nconst StyledProduct = styled.article`\n padding-top: 151px;\n margin-bottom: 200px;\n overflow-x: hidden;\n\n ${({ theme }) => theme.mobile`\n text-align: center;\n margin-bottom: 96px;\n padding: 70px 30px 0;\n `}\n`;\n\nconst StyledProductDescription = styled.p`\n display: block;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileProductDescription = styled.p`\n display: none;\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n\nconst StyledBiQonMobileProductDescription = styled(\n StyledMobileProductDescription\n)`\n margin-top: 20px;\n`;\n\nconst StyledProductNumber = styled.h2`\n -webkit-text-fill-color: ${({ theme }) => theme.colors.pureWhite};\n -webkit-text-stroke-width: 1px;\n -webkit-text-stroke-color: ${({ theme }) => theme.colors.green};\n font-size: ${({ theme }) => theme.pixelToRem(50)};\n font-weight: 700;\n\n ${({ theme }) => theme.mobile`\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n `}\n`;\n\nconst StyledProductNameContainer = styled.div``;\n\nconst StyledProductName = styled.h3`\n margin-bottom: 34px;\n position: relative;\n font-size: ${({ theme }) => theme.pixelToRem(50)};\n font-weight: 300;\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 28px;\n font-size: ${({ theme }) => theme.pixelToMobileVw(30)};\n `}\n`;\n\nconst StyledIqStudioPointer = styled.a`\n img {\n position: absolute;\n width: 200px;\n bottom: -40%;\n transition: transform 0.3s;\n transform-origin: 40% 60%;\n cursor: pointer;\n\n &:hover {\n transform: scale(1.5);\n }\n\n ${({ theme }) => theme.mobile`\n width: 35vw;\n bottom: -135%;\n right: -30vw;\n\n &:hover {\n transform: scale(1.2);\n }\n `};\n }\n`;\n\nconst StyledIqonPointer = styled(StyledIqStudioPointer)``;\n\nconst StyledCryptoPointer = styled(StyledIqStudioPointer)``;\n\nconst StyledIqStudio = styled.div`\n ${({ theme }) => theme.flex('row', 'center', 'flex-start')}\n margin: 0 0 200px 16%;\n\n div:first-child {\n margin-right: 142px;\n\n ${({ theme }) => theme.mobile`\n margin-right: 0;\n `}\n }\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')};\n margin: 0 0 96px 0;\n `}\n`;\n\nconst StyledIqStudioImage = styled.div`\n display: block;\n width: 930px;\n height: 500px;\n background-image: url('images/Home/product/iqstudio/group-41@3x.png');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: right -10% bottom 45%;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileIqStudioImage = styled.img`\n display: none;\n width: 70%;\n margin-bottom: 28px;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n\nconst StyledIqon = styled.div`\n ${({ theme }) => theme.flex('row', 'center', 'flex-start')}\n display: flex;\n margin: 0 0 200px 8%;\n\n div:first-child {\n margin-right: 178px;\n\n ${({ theme }) => theme.mobile`\n margin-right: 0;\n `}\n }\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')};\n margin: 0 0 96px 0;\n\n .iQonPointer{\n width: 90%;\n }\n \n `}\n`;\n\nconst StyledIqonImage = styled.div`\n display: block;\n width: 500px;\n height: 500px;\n background-image: url('images/Home/product/iqon/group-25@3x.png');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: left 23% bottom 45%;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileIqonImage = styled.img`\n display: none;\n width: 30%;\n margin-bottom: 28px;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n\nconst StyledCryptoQuant = styled.div`\n ${({ theme }) => theme.flex('row', 'center', 'flex-start')}\n margin-left: 200px;\n\n div:first-child {\n margin-right: 140px;\n\n p {\n margin-bottom: 30px;\n }\n\n ${({ theme }) => theme.mobile`\n margin-right: 0;\n `}\n }\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')};\n margin: 0;\n `}\n`;\n\nconst StyledCryptoQuantImage = styled.div`\n display: block;\n width: 588px;\n height: 500px;\n background-image: url('images/Home/product/cryptoquant/group-31@3x.png');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: left 30% bottom 45%;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileCryptoQuantImage = styled.img`\n display: none;\n width: 60%;\n margin-bottom: 28px;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Partners() {\n return (\n \n Our Partners\n \n \n \n );\n}\n\nconst StyledPartners = styled.article`\n text-align: center;\n`;\n\nconst StyledTitle = styled.h2`\n margin-bottom: -110px;\n padding-bottom: 30px;\n font-size: ${({ theme }) => theme.pixelToRem(50)};\n font-weight: 700;\n border-bottom: 1px solid ${({ theme }) => theme.colors.grey4};\n\n ${({ theme }) => theme.mobile`\n padding-bottom: 28px;\n margin-bottom: 0;\n\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n \n `}\n`;\n\nconst StyledPartnersLogo = styled.img`\n display: block;\n max-width: 2000px;\n width: 100%;\n margin: 0 auto;\n\n ${({ theme }) => theme.mobile`\n display: none;\n`}\n`;\n\nconst StyledPartnersMobileLogo = styled.img`\n display: none;\n width: 100%;\n\n ${({ theme }) => theme.mobile`\n display: block;\n`}\n`;\n","import React from 'react';\n\nimport SwiperCore, { Pagination, Autoplay } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react/swiper-react.js';\nimport 'swiper/swiper.scss';\nimport 'swiper/modules/pagination/pagination.scss';\nimport 'swiper/modules/autoplay/autoplay.scss';\n\nimport styled from 'styled-components';\n\nSwiperCore.use([Pagination, Autoplay]);\n\nexport default function HistorySlider() {\n return (\n \n \n {HISTORY_IMAGES.map(({ id, src }) => (\n \n \n \n ))}\n \n \n );\n}\n\nconst StyledHistorySlider = styled(SwiperSlide)`\n display: none;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n\n .swiper-slide .swiper-container {\n position: static;\n }\n\n .swiper-pagination {\n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n background-color: ${({ theme: { colors } }) => colors.white};\n transition: all 0.3s;\n }\n\n .swiper-pagination-bullet-active {\n width: 35px;\n background-color: ${({ theme: { colors } }) => colors.green};\n border-radius: 10px;\n transition: all 1s;\n }\n }\n`;\n\nconst StyledHistoryImage = styled.img`\n width: 225px;\n padding-bottom: 50px;\n margin: 0 auto;\n`;\n\nconst settings = {\n className: 'swiper-container',\n slidesPerView: 1,\n navigation: true,\n pagination: { clickable: true },\n scrollbar: { draggable: true },\n autoplay: {\n delay: 4000,\n disableOnInteraction: false,\n pauseOnMouseEnter: false,\n },\n speed: 1000,\n loop: true,\n};\n\nconst HISTORY_IMAGES = [\n {\n id: 1,\n src: 'images/Home/history/2021/group-17@3x.png',\n },\n {\n id: 2,\n src: 'images/Home/history/2018/group-13@3x.png',\n },\n {\n id: 3,\n src: 'images/Home/history/2017/group-13@3x.png',\n },\n {\n id: 4,\n src: 'images/Home/history/2016/group-14@3x.png',\n },\n];\n","import React from 'react';\n\nimport NewHistorySlider from './NewHistorySlider/NewHistorySlider';\n\nimport styled from 'styled-components';\n\nexport default function History() {\n return (\n \n \n OUR HISTORY\n \n 인텔리퀀트 팀은 오늘도 진실된 마음으로
\n 발걸음을 내딛고 있습니다.\n \n \n \n \n \n \n \n );\n}\n\nconst StyledHistory = styled.article`\n padding: 200px 0 130px;\n position: relative;\n background-color: ${({ theme }) => theme.colors.black};\n border-bottom: 1px solid #252525;\n\n ${({ theme }) => theme.mobile`\n padding-top 96px;\n text-align: center;\n `}\n`;\n\nconst StyledHistoryContentsContainer = styled.div`\n max-width: 1340px;\n padding: 0 30px;\n margin: 0 auto;\n`;\n\nconst StyledTag = styled.h2`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.green};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n`;\n\nconst StyledTitle = styled.h3`\n margin-bottom: 67px;\n color: ${({ theme }) => theme.colors.white};\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n font-weight: 700;\n\n ${({ theme }) => theme.mobile`\n font-size: ${({ theme }) => theme.pixelToRem(24)};\n margin-bottom: 70px;\n `}\n`;\n\nconst StyledHistoryImage = styled.img`\n display: block;\n width: 100%;\n max-width: 1920px;\n margin: 0 auto;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileHistoryImage = styled.div`\n display: none;\n background-image: url('images/Home/history/group-33@3x.png');\n background-size: cover;\n background-position: 20% 50%;\n background-repeat: no-repeat;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n`;\n","import React, { useEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Banner from './Banner/Banner';\nimport Belief from './Belief/Belief';\nimport Product from './Product/Product';\nimport Partners from './Partners/Partners';\nimport History from './History/History';\n\nimport { useSetRecoilState } from 'recoil';\nimport { isHeaderBlackState } from '../../store/atoms';\n\nimport styled from 'styled-components';\n\nexport default function Home() {\n const setIsHeaderBlack = useSetRecoilState(isHeaderBlackState);\n\n const handleScroll = () => {\n const { scrollTop } = document.documentElement;\n if (scrollTop > 0) setIsHeaderBlack(false);\n if (scrollTop === 0) setIsHeaderBlack(true);\n };\n\n useEffect(() => {\n setIsHeaderBlack(true);\n window.scrollTo(0, 0);\n window.addEventListener('scroll', handleScroll);\n return () => {\n window.removeEventListener('scroll', handleScroll);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <>\n \n \n \n \n\n \n \n \n \n \n \n \n \n );\n}\n\nconst StyledHome = styled.section`\n width: 100%;\n height: 100%;\n flex: 1;\n margin-top: 83px;\n\n ${({ theme }) => theme.mobile`\n margin-top: 0;\n `}\n`;\n","import React from 'react';\n\nimport Slider from 'react-slick';\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\n\nimport styled from 'styled-components';\n\nexport default function BannerSlider({ getAutoPlaySpeed }) {\n const settings = {\n dots: false,\n arrows: false,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n autoplaySpeed: getAutoPlaySpeed(),\n speed: 1000,\n };\n\n return (\n \n \n \n \n \n \n );\n}\nconst StyledBannerSlider = styled.div`\n margin: 0 auto;\n\n button {\n display: none;\n }\n\n ${({ theme }) => theme.mobile`\n margin: 0 auto;\n `}\n`;\nconst StyledCrew1 = styled.div`\n height: 876px;\n background-image: url('images/About/banner/crew1-1.png');\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n ${({ theme }) => theme.mobile`\n height: 100vh;\n \n `}\n`;\n\nconst StyledCrew2 = styled(StyledCrew1)`\n background-image: url('images/About/banner/crew2-1.png');\n`;\n","import React, { useEffect } from 'react';\n\nimport BannerSlider from './BannerSlider/BannerSlider';\n\nimport { useRecoilState } from 'recoil';\nimport { isClientWidthState } from '../../../store/atoms';\n\nimport styled, { keyframes } from 'styled-components';\nexport default function Banner() {\n const [isClientWidth, setIsClientWidth] = useRecoilState(isClientWidthState);\n\n const getClientWidth = () => {\n const { clientWidth } = document.documentElement;\n return clientWidth;\n };\n\n const handleWidthSize = () => {\n setIsClientWidth(getClientWidth());\n };\n\n const getAutoPlaySpeed = () => {\n if (getClientWidth() > 750 && isClientWidth >= 0) {\n return 6000;\n }\n\n return 3000;\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleWidthSize);\n\n return () => {\n window.addEventListener('resize', handleWidthSize);\n };\n }, []);\n\n return (\n \n \n \n \n 투자자를 우선으로 생각하는
\n 알고리즘 투자 서비스를 만듭니다.\n \n \n 기계와 돈을 다루기 위해 모였지만 우리의 모든 중심에는 사람이 있습니다.\n
\n 우리는 알고리즘 투자를 통해 누구나 경제적 자유를 달성할 수 있다고\n 믿습니다.\n \n \n \n \n \n scroll\n \n \n \n );\n}\nconst handleScrollAnimation = keyframes`\n 0% {\n top: 20%\n }\n 100% {\n top: 80%;\n opacity: 0;\n }\n \n`;\nconst StyledBanner = styled.article`\n position: relative;\n`;\n\nconst StyledContentsContainer = styled.div`\n max-width: 1280px;\n padding-top: 210px;\n position: absolute;\n top: 0;\n left: 18%;\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.posCenterXY()};\n text-align: center;\n padding-top: 80px;\n width: 80%;\n top: 45%;\n `}\n z-index: 0;\n`;\n\nconst StyledAboutTitle = styled.h1`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.pureWhite};\n font-size: 30px;\n font-weight: 700;\n`;\n\nconst StyledAboutDescription = styled.h2`\n margin-bottom: 68px;\n color: ${({ theme }) => theme.colors.pureWhite};\n ${({ theme }) => theme.mobile`\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n `}\n`;\n\nconst StyledScrollAnimaion = styled.div`\n ${({ theme }) => theme.flex('column', 'center', 'flex-start')};\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')};\n `};\n`;\n\nconst StyledScrollBorder = styled.div`\n display: inline-block;\n margin-bottom: 10px;\n position: relative;\n width: 38px;\n height: 68px;\n border: 1px solid ${({ theme }) => theme.colors.pureWhite};\n border-radius: 30px;\n`;\n\nconst StyledScrollText = styled.span`\n color: ${({ theme }) => theme.colors.pureWhite};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n font-weight: 300;\n padding-left: 2px;\n`;\n\nconst StyledScrollCircle = styled.div`\n position: absolute;\n top: 20%;\n left: 50%;\n width: 8px;\n height: 8px;\n border-radius: 50px;\n background-color: ${({ theme }) => theme.colors.pureWhite};\n animation: ${handleScrollAnimation} 1700ms cubic-bezier(0, 0, 0.2, 1) infinite;\n transform: translate(-50%, -50%);\n`;\n","import React from 'react';\n\nimport SwiperCore, { Pagination, Autoplay } from 'swiper';\nimport { Swiper, SwiperSlide } from 'swiper/react/swiper-react.js';\nimport 'swiper/swiper.scss';\nimport 'swiper/modules/pagination/pagination.scss';\nimport 'swiper/modules/autoplay/autoplay.scss';\n\nimport styled from 'styled-components';\n\nSwiperCore.use([Pagination, Autoplay]);\n\nfunction ValuesSlider() {\n return (\n \n \n \n \n SMART 현명함\n Smart\n \n 성공적인 투자를 위해서는 단순한 \"똑똑함\"을 넘어서는
\n \"현명함\"이 필요합니다. 기계가 가진 똑똑함은 사람을 능가하지만,\n
\n 결코 기계는 스스로 현명해질 수는 없습니다.
\n 우리는 사람만이 갖출 수 있는 현명함이 가진 힘을 믿습니다.\n \n \n \n \n \n INTERGRITY 진실됨\n Intergrity\n \n \"지능과 열정만 있고 진실성이 없는 직원은 최악이다.\"\n
\n 전설적인 투자자 ‘워런 버핏’이 남긴 말입니다.\n
\n 우리는 진실된 마음을 가진 자만이 지능과 열정의 힘을 빌어\n
\n 세상을 더 나은 곳으로 바꿀 수 있다고 믿습니다.\n \n \n \n \n \n PROFESSIONAL 전문성\n Professional\n \n 겉으로 보이는 성공적인 성과에는 겉으로는 보이지 않는\n
치열하게 고민해야만 만들어낼 수 있는 디테일들이 숨어\n 있습니다.\n
우리는 그 어떤 똑똑한 알고리즘도 결국 치열하게 고민하는\n 사람의\n
머리와 손에 의해 완성된다는 것을 믿습니다.\n \n \n \n \n \n );\n}\n\nexport default ValuesSlider;\n\nconst StyledValuesSlider = styled.div`\n text-align: center;\n\n .swiper-slide .swiper-container {\n position: static;\n }\n\n .swiper-container {\n position: static;\n margin: 0 30px;\n background-color: rgba(40, 222, 44, 0.1);\n }\n\n .swiper-wrapper {\n margin-bottom: 32px;\n }\n\n .swiper-pagination {\n bottom: -35px;\n\n .swiper-pagination-bullet {\n width: 6px;\n height: 6px;\n background-color: ${({ theme: { colors } }) => colors.grey2};\n transition: all 0.3s;\n }\n\n .swiper-pagination-bullet-active {\n width: 35px;\n background-color: ${({ theme: { colors } }) => colors.green};\n border-radius: 10px;\n transition: all 1s;\n }\n }\n`;\n\nconst StyledValue = styled.div`\n padding: 28px 30px 0;\n`;\n\nconst StyledValueTitle = styled.div`\n margin-bottom: 70px;\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n font-weight: 700;\n`;\n\nconst StyledValueSubtitle = styled.div`\n margin-bottom: 10px;\n font-size: ${({ theme }) => theme.pixelToRem(24)};\n font-weight: 700;\n`;\n\nconst StyledValueDescription = styled.p`\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n`;\n\nconst settings = {\n className: 'swiper-container',\n slidesPerView: 1,\n navigation: true,\n pagination: { clickable: true },\n scrollbar: { draggable: true },\n autoplay: {\n delay: 4000,\n disableOnInteraction: false,\n pauseOnMouseEnter: false,\n },\n speed: 1000,\n loop: true,\n};\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect } from 'react';\n\nimport NewValuesSlider from './NewValuesSlider/NewValuesSlider';\n\nimport { useRecoilState } from 'recoil';\nimport { isClientWidthState } from '../../../store/atoms';\n\nimport styled from 'styled-components';\n\nexport default function CoreValue() {\n const [isClientWidth, setIsClientWidth] = useRecoilState(isClientWidthState);\n\n const getClientWidth = () => {\n return document.documentElement.clientWidth;\n };\n\n const handleWidthSize = () => {\n setIsClientWidth(getClientWidth());\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleWidthSize);\n return () => {\n window.removeEventListener('resize', handleWidthSize);\n };\n }, []);\n\n return (\n \n OUR CORE VALUES\n {getClientWidth() > 750 && isClientWidth >= 0 && (\n \n \n SMART 현명함\n Smart\n

\n 성공적인 투자를 위해서는 단순한 \"똑똑함\"을 넘어서는
\n \"현명함\"이 필요합니다. 기계가 가진 똑똑함은 사람을 능가하지만,\n
\n 결코 기계는 스스로 현명해질 수는 없습니다.
\n 우리는 사람만이 갖출 수 있는 현명함이 가진 힘을 믿습니다.\n

\n \n \n INTEGRITY 진실됨\n Integrity\n

\n \"지능과 열정만 있고 진실성이 없는 직원은 최악이다.\"\n
\n 전설적인 투자자 ‘워런 버핏’이 남긴 말입니다.\n
\n 우리는 진실된 마음을 가진 자만이 지능과 열정의 힘을 빌어\n
\n 세상을 더 나은 곳으로 바꿀 수 있다고 믿습니다.\n

\n \n \n PROFESSIONAL 전문성\n Professional\n

\n 겉으로 보이는 성공적인 성과에는 겉으로는 보이지 않는\n
치열하게 고민해야만 만들어낼 수 있는 디테일들이 숨어\n 있습니다.\n
우리는 그 어떤 똑똑한 알고리즘도 결국 치열하게 고민하는\n 사람의\n
머리와 손에 의해 완성된다는 것을 믿습니다.\n

\n \n \n )}\n {getClientWidth() <= 750 && isClientWidth >= 0 && }\n \n );\n}\n\nconst StyledCoreValue = styled.article`\n padding-top: 70px;\n position: relative;\n`;\n\nconst StyledTag = styled.h2`\n max-width: 1340px;\n padding: 0 30px;\n margin: 0 auto 18px;\n color: ${({ theme }) => theme.colors.green};\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 10px;\n text-align: center;\n `}\n`;\n\nconst StyledCoreValueContainer = styled.ul`\n max-width: 1920px;\n margin: 0 auto;\n ${({ theme }) => theme.flex('row', 'center', 'stretch')};\n\n li:last-child {\n border-right: none;\n }\n`;\n\nconst StyledValue = styled.li`\n width: 33%;\n padding: 4%;\n flex-grow: 1;\n background-color: rgba(40, 222, 44, 0.1);\n border-right: 1px solid ${({ theme }) => theme.colors.black};\n`;\n\nconst StyledValueTitle = styled.div`\n margin-bottom: ${({ theme }) => theme.pixelToVw(200)};\n font-weight: 700;\n`;\n\nconst StyledValueSubtitle = styled.div`\n margin-bottom: 18px;\n font-size: 30px;\n font-weight: 700;\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Principle() {\n return (\n \n \n OUR CULTURE\n \n \n \n 우리는 수평적인 문화를
\n 추구합니다.\n \n \n 우리는 영어 닉네임을 사용하며, 단순히 영어 닉네임만\n
\n 사용한다고 조직의 수평적인 문화가 확립되지는 않는다고 믿습니다.\n
\n 회사 내 수평적인 문화를 갖추기 위해 항상 노력합니다.\n \n \n \n \n 주도적인 업무 진행과\n
\n 성장의 기회가 주어집니다\n \n \n 연차, 직급, 직무라는 틀에 개인의 능력을 가두지 않습니다.
\n 회사에서 본인이 기여할 수 있는 분야에는 무엇이든\n
\n 기여하면서 성장할 수 있습니다.\n
\n \n \n \n \n 효율적인 커뮤니케이션을\n
\n 추구합니다\n \n \n 회의는 최소한으로 진행하는 것을 추구합니다. 반드시 회의를\n
\n 진행해야 한다면 회의의 결과로 도출되는 액션 아이템이\n
\n 명확해야 하고 그것이 기록되고 지켜져야 합니다.\n \n \n \n \n 모든 사람들을\n
\n 소중하게 생각합니다\n \n \n 구성원, 투자자, 고객, 우리와 함께하는 모든 사람들을\n
\n 소중하게 생각합니다. 우리는 돈을 다루기 위해 모였지만\n
\n 가장 중요한 본질은 사람이라는 사실을 항상 기억합니다.\n \n \n \n \n \n );\n}\n\nconst StyledPrinciple = styled.article`\n padding-top: 200px;\n\n ${({ theme }) => theme.mobile`\n padding-top: 134px;\n `}\n`;\n\nconst StyledPrincipleContentsContainer = styled.ul`\n max-width: 1340px;\n padding: 0 30px;\n margin: 0 auto;\n`;\n\nconst StyledPrincipleList = styled.ul`\n ${({ theme }) => theme.flex('row', 'space-between', 'stretch')}\n flex-wrap: wrap;\n\n li:nth-child(2),\n li:nth-child(3) {\n background-color: ${({ theme }) => theme.colors.white};\n }\n\n li:nth-child(1),\n li:nth-child(4) {\n background-image: url('images/About/principle/group10@2x.png');\n background-position: right bottom;\n background-repeat: no-repeat;\n background-size: cover;\n background-color: ${({ theme }) => theme.colors.white};\n }\n\n li:last-child {\n ${({ theme }) => theme.mobile`\n margin-bottom: 0;\n `}\n }\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')}\n `}\n`;\n\nconst StyledTag = styled.h2`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.green};\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 10px;\n `}\n`;\n\nconst StyledPrincipleContent = styled.li`\n width: 47.8%;\n padding: 3.6%;\n margin-bottom: 56px;\n\n ${({ theme }) => theme.mobile`\n width: 100%;\n margin-bottom: 28px;\n padding: 9.35%;\n `}\n`;\n\nconst StyledTitle = styled.p`\n margin-bottom: 18px;\n font-size: 30px;\n font-weight: 700;\n line-height: 1.5;\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 10px;\n font-size: ${({ theme }) => theme.pixelToRem(24)};\n `}\n`;\n\nconst StyledDescription = styled.p`\n line-height: 1.6;\n\n ${({ theme }) => theme.mobile`\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n `}\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Benefits() {\n return (\n \n \n BENEFITS AND WELLNESS\n \n {BENEFITS_IMAGES.map(({ id, alt, src }) => (\n \n \n \n ))}\n \n \n {BENEFITS_MOBILE_IMAGES.map(({ id, alt, src, text }) => (\n \n \n {text}\n \n ))}\n \n \n \n );\n}\n\nconst StyledBenefits = styled.article`\n padding: 200px 0 200px;\n\n ${({ theme }) => theme.mobile`\n padding: 96px 0 ;\n `}\n`;\n\nconst StyledBenefitsContentsContainer = styled.div`\n margin: 0 auto;\n padding: 0 30px;\n max-width: 1340px;\n`;\n\nconst StyledTag = styled.h2`\n color: ${({ theme }) => theme.colors.green};\n margin-bottom: 18px;\n`;\n\nconst StyledBenefitsList = styled.ul`\n ${({ theme }) => theme.flex('row', 'space-between')};\n flex-wrap: wrap;\n\n li:nth-child(n + 5):nth-child(-n + 8) {\n margin-bottom: 0;\n }\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n`;\n\nconst StyledMobileBenefitsList = styled.ul`\n display: none;\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('row', 'space-between', 'stretch')};\n flex-wrap: wrap;\n `}\n`;\n\nconst StyledBenefitItem = styled.li`\n width: 23.4%;\n margin-bottom: 28px;\n`;\n\nconst StyledMobileBenefitItem = styled.li`\n width: 48%;\n margin-bottom: 28px;\n ${({ theme: { flex } }) => flex('column', 'flex-start')};\n padding: 28px;\n border: 1px solid ${({ theme: { colors } }) => colors.grey4};\n`;\n\nconst StyledBenefitImage = styled.img`\n width: 100%;\n`;\n\nconst StyledMobileBenefitImage = styled.img`\n width: 15.3vw;\n`;\n\nconst StyledBenefitText = styled.p`\n font-size: 14px;\n max-width: 190px;\n`;\n\nconst BENEFITS_IMAGES = [\n {\n id: 1,\n alt: 'meal image',\n src: 'images/About/benefits/meal/meal@3x.png',\n },\n {\n id: 2,\n alt: 'education image',\n src: 'images/About/benefits/education/education@3x.png',\n },\n {\n id: 3,\n alt: 'location image',\n src: 'images/About/benefits/location/location@3x.png',\n },\n {\n id: 4,\n alt: 'working image',\n src: 'images/About/benefits/working/working@3x.png',\n },\n {\n id: 5,\n alt: 'vacation image',\n src: 'images/About/benefits/vacation/vacation@3x.png',\n },\n {\n id: 6,\n alt: 'night_working image',\n src: 'images/About/benefits/night_working/night_working@3x.png',\n },\n {\n id: 7,\n alt: 'home_working image',\n src: 'images/About/benefits/home_working/home_working@3x.png',\n },\n {\n id: 8,\n alt: 'professional image',\n src: 'images/About/benefits/professional/professional@3x.png',\n },\n];\n\nconst BENEFITS_MOBILE_IMAGES = [\n {\n id: 1,\n alt: 'meal mobile images',\n src: 'images/About/benefits/meal/meal_mobile2@3x.png',\n\n text: '점심 / 저녁(부득이한 야근시) 식대를 지원합니다.',\n },\n {\n id: 2,\n alt: 'education mobile images',\n src: 'images/About/benefits/education/education_mobile2@3x.png',\n\n text: '개인의 성장을 위핸 직무 교육비, 도서비를 지원합니다.',\n },\n {\n id: 3,\n alt: 'location mobile images',\n src: 'images/About/benefits/location/location_mobile2@3x.png',\n\n text: '대한민국 금융의 중심지 여의도에 위치한 사무실',\n },\n {\n id: 4,\n alt: 'working mobile images',\n src: 'images/About/benefits/working/working_mobile2@3x.png',\n\n text: '주 5일 유연 근무 (8-11시 출근 / 17-20시 퇴근)',\n },\n {\n id: 5,\n alt: 'vacation mobile images',\n src: 'images/About/benefits/vacation/vacation_mobile2@3x.png',\n\n text: '자율 휴가제(연차 / 반차) 사유는 묻지 않습니다.',\n },\n {\n id: 6,\n alt: 'night_working mobile images',\n src: 'images/About/benefits/night_working/night_working_mobile2@3x.png',\n\n text: '야근을 강요하지 않고 회식도 강요하지 않습니다.',\n },\n {\n id: 7,\n alt: 'home_working mobile images',\n src: 'images/About/benefits/home_working/home_working_mobile2@3x.png',\n\n text: '원격(재택) 근무로 출퇴근 시간의 제약 없이 효율적으로 일할 수 있습니다.',\n },\n {\n id: 8,\n alt: 'professional mobile images',\n src: 'images/About/benefits/professional/professional_mobile2@3x.png',\n\n text: '각 분야의 전문가들이 전문분야를 공유하는 세미나를 진행합니다.',\n },\n];\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useLayoutEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Banner from './Banner/Banner';\nimport CoreValue from './CoreValue/CoreValue';\nimport Principle from './Principle/Principle';\n\nimport { useSetRecoilState } from 'recoil';\nimport { isHeaderBlackState } from '../../store/atoms';\n\nimport styled from 'styled-components';\nimport Benefits from './Benefits/Benefits';\n\nexport default function About() {\n const setIsHeaderBlackState = useSetRecoilState(isHeaderBlackState);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useLayoutEffect(() => {\n setIsHeaderBlackState(false);\n }, []);\n\n return (\n <>\n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nconst StyledAbout = styled.section`\n margin-top: 83px;\n\n ${({ theme }) => theme.mobile`\n margin-top: 0;\n text-align: center;\n `}\n`;\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Member({ name, image, role, info, careers }) {\n return (\n \n \n \n \n {careers.map((carrer, idx) => (\n
  • {carrer}
    • \n ))}\n     \n     \n {name}\n {role}\n {info}\n     \n );\n}\n\nconst StyledMember = styled.li`\n max-width: 278px;\n margin-bottom: 56px;\n position: relative;\n\n div {\n line-height: 1.35;\n }\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 20px;\n max-width: 47.95%;\n\n `}\n`;\n\nconst StyledImageContainer = styled.div`\n position: relative;\n`;\n\nconst StyledImage = styled.img`\n width: 100%;\n ${({ theme }) => theme.mobile`\n width: 100%;\n `}\n`;\n\nconst StyledCarrer = styled.ul`\n position: absolute;\n padding: 13% 5% 5% 15%;\n width: 100%;\n height: 97%;\n top: 0;\n left: 0;\n opacity: 0;\n background-color: rgba(0, 0, 0, 0.7);\n\n > li {\n margin-bottom: 2px;\n color: white;\n font-size: 14px;\n line-height: 2;\n list-style-type: disc;\n\n ${({ theme }) => theme.mobile`\n // font-size: ${({ theme }) => theme.pixelToMobileVw(12)};\n font-size: 12px;\n line-height: 1.6;\n `}\n }\n\n ${({ theme }) => theme.mobile`\n height: 97%;\n `}\n`;\n\nconst StyledName = styled.div`\n font-size: ${({ theme }) => theme.pixelToRem(24)};\n font-weight: 700;\n`;\n\nconst StyledRole = styled.div`\n margin-bottom: 10px;\n padding-bottom: 10px;\n border-bottom: 1px solid ${({ theme }) => theme.colors.white};\n color: ${({ theme }) => theme.colors.grey2};\n`;\n\nconst StyledInfo = styled.p`\n color: ${({ theme }) => theme.colors.grey1};\n font-size: ${({ theme }) => theme.pixelToRem(16)};\n line-height: 1.5;\n word-break: normal;\n`;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useLayoutEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Member from './Member/Member';\n\nimport { useSetRecoilState } from 'recoil';\nimport { isHeaderBlackState } from '../../store/atoms';\n\nimport styled from 'styled-components';\n\nexport default function Team() {\n const setIsHeaderBlack = useSetRecoilState(isHeaderBlackState);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useLayoutEffect(() => {\n setIsHeaderBlack(false);\n }, []);\n\n return (\n <>\n \n \n \n \n \n \n OUR TEAM\n \n 금융과 IT의 진정한 접목이라는 그 누구도 풀지 못한
    \n 난제를 풀기 위해 최고의 전문가들이 모였습니다.\n     \n \n {TEAM_MEMBER.map(({ name, image, role, info, careers }, index) => {\n return (\n \n );\n })}\n \n     \n     \n \n );\n}\n\nconst StyledTeam = styled.section`\n margin-top: 184px;\n overflow-x: hidden;\n\n ${({ theme }) => theme.mobile`\n margin-top: 134px;\n `}\n`;\n\nconst StyledTeamContentsContainer = styled.article`\n max-width: 1340px;\n margin: 0 auto 144px;\n padding: 0 30px;\n\n ${({ theme }) => theme.mobile`\n padding: 0 32px;\n margin: 0 auto 76px;\n `}\n`;\n\nconst StyledTag = styled.h1`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.green};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n\n ${({ theme }) => theme.mobile`\n font-size: ${({ theme }) => theme.pixelToRem(14)}\n\n `}\n`;\n\nconst StyledTitle = styled.h2`\n margin-bottom: 100px;\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n font-weight: 700;\n`;\n\nconst StyledTeamMembersContainer = styled.ul`\n ${({ theme }) => theme.flex('row', 'center', 'stretch')};\n display: flex;\n flex-wrap: wrap;\n column-gap: 56px;\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('row', 'space-between', 'stretch')};\n gap: 0;\n row-gap: 28px;\n `}\n\n li:nth-child(1),\n li:nth-child(2),\n li:nth-child(3) {\n div:hover {\n img:first-child {\n opacity: 0.07;\n transition: all 0.3s;\n }\n\n ul {\n transition: all 0.3s;\n opacity: 1;\n }\n }\n }\n`;\n\nconst TEAM_MEMBER = [\n {\n name: 'Joseph',\n image: 'images/Team/member/Joseph/group@3x.png',\n role: 'CEO',\n info: 'Joseph은 IT와 투자 분야를 두루 거친 경험과 전문성을 바탕으로 개인투자자를 위한 투자서비스를 혁신하고자 인텔리퀀트를 창업하였으며, 사업전략과 투자운용을 총괄하고 있습니다.',\n careers: [\n 'KAIST 전기 및 전자공학과 학/석/박사',\n '한국 IBM 유비쿼터스 컴퓨팅 Lab 부장',\n '에이서투자자문 퀀트운용 총괄',\n ],\n },\n {\n name: 'Joeffrey',\n image: 'images/Team/member/Joeffrey/group-2@3x.png',\n role: 'CTO',\n info: 'Joeffrey는 인텔리퀀트의 기술과 금융의 접목 과정을 총괄하고 있습니다. 개인적으로 촘촘한 모니터링과 시스템의 장애예방에 많은 관심을 가지고 있습니다.',\n careers: [\n 'KAIST 전산학과 학사',\n '네이버 / 카카오 / PUBG Senior Software Engineer',\n '23년 이상 SW개발 및 엔지니어링 경력',\n ],\n },\n {\n name: 'Alex',\n image: 'images/Team/member/Alex/group-5@3x.png',\n role: 'CFO',\n info: 'Alex는 인텔리퀀트의 운영과 재무에 관련된 사항을 총괄하며, 구성원들이 업무를 잘 수행할 수 있도록 돕는 역할을 담당하고 있습니다.',\n careers: [\n 'KAIST 산업공학 학사',\n '한양대학교 MBA',\n '한글과컴퓨터 신제품마케팅 팀장',\n '바른소프트기술 경영기획실장',\n ],\n },\n {\n name: 'Sebastian',\n image: 'images/Team/member/Sebastian/group-6@3x.png',\n role: 'R&D Director',\n info: 'Sebastian은 새로운 기술에 대한 관심이 많은 개발자로, 다양한 IT 분야에서 일했던 경험을 살려 인텔리퀀트의 기술을 고도화시키고 있습니다.',\n careers: [],\n },\n {\n name: 'Raymond',\n image: 'images/Team/member/Raymond/group-7@3x.png',\n role: 'Quant Manager',\n info: 'Raymond는 다년에 걸친 자산운용과 트레이딩 경험을 바탕으로 인텔리퀀트의 금융,디지털 자산 투자전략을 고도화 시키고 있습니다.',\n careers: [],\n },\n {\n name: 'Steve',\n image: 'images/Team/member/Steve/group-8@3x.png',\n role: 'Quant Developer',\n info: 'Steve는 금융과 데이터와 개미를 좋아하는 퀀트개발자입니다. 복잡한 계산을 대신 해주는 코드를 통해 쉬운 금융을 만들고자 합니다.',\n careers: [],\n },\n {\n name: 'Jamie',\n image: 'images/Team/member/Jamie/group-10@3x.png',\n role: 'Front-end Developer',\n info: 'Jamie는 재밌게, 프로페셔널하게. 두 가지의 균형 속에서 최상의 경험을 함께 상상하고 스크린에 풀어내어 여러분을 맞이하는 개발자입니다.',\n careers: [],\n },\n {\n name: 'Jacob',\n image: 'images/Team/member/Jacob/group-11@3x.png',\n role: 'Back-end Developer',\n info: 'Jacob은 인텔리퀀트의 엔진을 개발 하고 있는 개발자로 사용자들이 믿고 사용할 수 있는 알고리즘 투자 플랫폼 개발을 목표로 하고 있습니다.',\n careers: [],\n },\n {\n name: 'Devin',\n image: 'images/Team/member/Devin/group-15@3x.png',\n role: 'Marketing Manager',\n info: 'Devin은 그로스 마케터로서 데이터에 기반한 마케팅 전략을 수립하고 사용자 친화적인 커뮤니티 환경 조성을 담당하고 있습니다.',\n careers: [],\n },\n // {\n // name: 'Dawn',\n // image: 'images/Team/member/Dawn/dawn.jpg',\n // role: 'Product Designer',\n // info: 'Dawn은 디자이너로서 사용자가 필요한 것을 기획, 설계하고 화면으로 구체화해 표현하여 최상의 사용자 경험을 전달하고자 합니다.',\n // careers: [],\n // },\n // {\n // name: 'JD',\n // image: 'images/Team/member/JD/jd.jpg',\n // role: 'Front-end Developer',\n // info: 'JD는 프론트엔드 개발자로서 서비스 품질을 개선하여 고객이 인텔리퀀트의 제품을 접근하기 쉽고 편리하게 이용하고자 합니다.',\n // careers: [],\n // },\n];\n","import React from 'react';\n\nimport styled from 'styled-components';\n\nexport default function Article({\n title,\n publisher,\n pressImage,\n pubdate,\n desc,\n link,\n}) {\n return (\n \n \n \n \n {publisher}\n {pubdate}\n \n {title}\n {desc}\n \n \n );\n}\n\nconst StyledArticle = styled.li`\n max-width: 23%;\n position: relative;\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid ${({ theme }) => theme.colors.grey4};\n transition: transform 0.3s;\n\n div {\n line-height: 1.6;\n }\n\n ${({ theme }) => theme.mobile`\n max-width: 49%;\n `}\n\n &:hover {\n transform: translateY(-3px);\n }\n`;\n\nconst StyledImageContainer = styled.div`\n width: 100%;\n height: 300px;\n background-image: ${({ pressImage }) => `url(${pressImage})`};\n background-position: center;\n background-size: contain;\n background-repeat: no-repeat;\n\n ${({ theme }) => theme.mobile`\n height: 200px;\n `}\n`;\n\nconst StyledPublishInfoContainer = styled.div`\n margin: 8px 0;\n ${({ theme }) => theme.flex('row', 'space-between', 'flex-start')}\n`;\n\nconst StyledPublisher = styled.div`\n color: ${({ theme }) => theme.colors.grey2};\n font-size: ${({ theme }) => theme.pixelToRem(11)};\n font-weight: 700;\n`;\n\nconst StyledPubdate = styled.div`\n font-size: ${({ theme }) => theme.pixelToRem(11)};\n color: ${({ theme }) => theme.colors.grey3};\n`;\n\nconst StyledTitle = styled.div`\n margin-bottom: 16px;\n font-size: ${({ theme }) => theme.pixelToRem(18)};\n font-weight: 700;\n\n ${({ theme }) => theme.multiLines(2)}\n`;\n\nconst StyledDesc = styled.p`\n color: ${({ theme }) => theme.colors.grey2};\n font-size: ${({ theme }) => theme.pixelToRem(16)};\n line-height: 1.5;\n\n ${({ theme }) => theme.multiLines()}\n`;\n","/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useEffect, useLayoutEffect } from 'react';\nimport { Helmet } from 'react-helmet';\nimport Article from './Article/Article';\n\nimport { useSetRecoilState } from 'recoil';\nimport { isHeaderBlackState } from '../../store/atoms';\n\nimport styled from 'styled-components';\n\nexport default function News() {\n const setIsHeaderBlackState = useSetRecoilState(isHeaderBlackState);\n\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n\n useLayoutEffect(() => {\n setIsHeaderBlackState(false);\n }, []);\n\n return (\n <>\n \n \n \n \n \n \n OUR NEWS\n \n 언론에 소개된 인텔리퀀트를
    \n 만나보세요.\n     \n     \n \n {NEWS_ARTICLE.map(\n ({ title, pressImage, pubdate, desc, publisher, link }, index) => {\n return (\n \n );\n }\n )}\n \n     \n \n );\n}\n\nconst StyledNews = styled.section`\n max-width: 1340px;\n padding: 0 30px;\n margin: 184px auto 0;\n\n ${({ theme }) => theme.mobile`\n margin: 130px auto 0;\n padding: 0 30px;\n `}\n`;\n\nconst StyledNewsContentsContainer = styled.article`\n margin-bottom: 100px;\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 70px;\n `}\n`;\n\nconst StyledTag = styled.h1`\n margin-bottom: 18px;\n color: ${({ theme }) => theme.colors.green};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n\n ${({ theme }) => theme.mobile`\n margin-bottom: 10px;\n\n `}\n`;\n\nconst StyledTitle = styled.h2`\n font-size: ${({ theme }) => theme.pixelToRem(30)};\n font-weight: 700;\n`;\n\nconst StyledNewsArticleContainer = styled.ul`\n margin: 0 auto 350px;\n ${({ theme }) => theme.flex('row', 'space-between', 'stretch')}\n bottom: 100px;\n flex-wrap: wrap;\n\n ${({ theme }) => theme.mobile`\n margin: 0 auto 97px;\n `}\n\n li:nth-child(even) {\n position: relative;\n top: 150px;\n\n ${({ theme }) => theme.mobile`\n position: static;\n `}\n\n &:nth-child(4) {\n div:first-child {\n background-size: 105%;\n }\n }\n }\n`;\n\nconst NEWS_ARTICLE = [\n {\n title: '[바스리] 개인이 만든 투자 알고리즘을 사고판다',\n pressImage: '/images/News/press_20.jpeg',\n publisher: '바이라인 네트워크',\n pubdate: '2021.12.27',\n desc: '주식 투자를 하면서 이런 아쉬운 소리가 나올 때가 많습니다. 세상 일 내 마음대로 되지 않는다고 하던데, 투자는 더더욱 그렇습니다. 그런데, 사용자가 원하는 시점에 주식을 매수하고 매도할 수 있는 투자 알고리즘을 만들 수 있는 곳이 있다고 합니다. 개발 좀 할 줄 아는 사용자라면 직접 인텔리퀀트의 서비스에서 투자 알고리즘을 설계하고 만들어 실전에서 활용할 수 있도록 했다는데요. 로보어드바이저 스타트업 인텔리퀀트가 이러한 서비스를 제공하고 있습니다.',\n link: 'https://byline.network/2021/12/27-171/',\n },\n {\n title: '인텔리퀀트, 알고리즘 투자플랫폼 업그레이드…”미국주식도 직접 투자”',\n pressImage: 'images/News/press_1-1.png',\n publisher: '세계일보',\n pubdate: '2021.06.28',\n desc: '알고리즘 투자플랫폼 ‘인텔리퀀트 스튜디오’를 서비스하고 있는 ㈜인텔리퀀트가 국내 주식에 이어 미국 주식으로 그 대상을 확대하며 서비스를 업그레이드한다고 28일 밝혔다.',\n link: 'http://www.segyebiz.com/newsView/20210628509775?OutUrl=naver',\n },\n {\n title: '랜드박스, 인텔리퀀트와 MOU 체결..비트코인 정기구매 서비스 개발',\n pressImage: '/images/News/press_2.jpeg',\n publisher: '한국정경신문',\n pubdate: '2021.01.28',\n desc: '프롭테크 전문기업 넥스트아이비의 글로벌 부동산 투자 정보 공유 플랫폼 ‘랜드박스(LANDBOX)’가 인텔리퀀트와 27일 디지털 자산 운용 서비스에 대한 공동 연구·개발 MOU를 체결했다.',\n link: 'http://kpenews.com/View.aspx?No=1427548',\n },\n {\n title:\n '초연결 지능화 시대 이끌 ‘100대 혁신기업’ 들여다보니... 빅데이터·네트워크·AI 기업 주목',\n pressImage: '/images/News/press_3.jpg',\n publisher: '매일경제',\n pubdate: '2019.03.06',\n desc: '“AI가 모든 산업을 재정의할 것이다. AI를 제패하는 기업이 미래를 지배한다. 앞으로 AI와 관련 없는 기업에는 투자하지 않겠다.”',\n link: 'https://www.mk.co.kr/news/business/view/2019/03/135515/',\n },\n {\n title:\n '알고리즘 기반 투자플랫폼 인텔리퀀트, 비티씨인베스트먼트로부터 투자 유치',\n pressImage: '/images/News/press_4-1.png',\n publisher: '전자신문',\n pubdate: '2018.12.19',\n desc: '인텔리퀀트(대표 이종권)가 투자사인 비티씨인베스트먼트로부터 5억원 규모의 투자 유치 소식을 알렸다. 인텔리퀀트는 알고리즘 기반 투자플랫폼 서비스를 제공하는 핀테크 스타트업이다.',\n link: 'https://www.etnews.com/20181219000169',\n },\n {\n title: '개미투자자도 \"알고리즘\" 도움 받을 수 있다?',\n pressImage: '/images/News/press_5.jpg',\n publisher: '머니투데이방송',\n pubdate: '2018.09.18',\n desc: '개미투자자들도 \"알고리즘\" 트레이딩을 쉽게 펼칠 수 있게 됐다. NH투자증권이 18일 알고리즘을 기반으로 한 주식투자 솔루션 \"알고리즘 마켓\"을 선보였다.',\n link: 'https://news.mtn.co.kr/issue/viewer.mtn?gidx=2018091816074087897',\n },\n {\n title: '퀀트 투자에 푹 빠진 개미들',\n pressImage: '/images/News/press_6.jpg',\n publisher: '한경닷컴',\n pubdate: '2018.04.16',\n desc: '기관투자가들의 전유물이던 ‘퀀트 투자(계량 투자)’가 개인 투자자 사이에서도 유행처럼 번지고 있다. 퀀트 투자란 오로지 ‘숫자’에만 기반해 투자 결정을 내리는 방식이다.',\n link: 'https://www.hankyung.com/finance/article/2018041649781',\n },\n {\n title: '코스콤 1차 테스트베드 결과…로보어드바이저 수익률 1.6%',\n pressImage: '/images/News/press_7.jpg',\n publisher: '매일경제',\n pubdate: '2017.04.30',\n desc: '국내 자산에 투자하는 로보어드바이저 중에선 \"SK-쿼터백 ROBO 1호\"(7.12%), \"파운트펀드\"(4.86%), \"불리오\"(4.67%), \"아이콘-알파\"(4.24%), \"위즈봇2호\"(4.22%)가 뒤를 이었다.',\n link: 'https://www.mk.co.kr/news/stock/view/2017/04/292679/',\n },\n {\n title: '[로보어드바이저 기획] 인텔리퀀트, 챗봇으로 고객상담까지 차별화',\n pressImage: '/images/News/press_8.jpg',\n publisher: '세계일보',\n pubdate: '2017.04.28',\n desc: '로보어드바이저는 투자 의사결정과 프로세스를 인공지능으로 자동화한다. 사람이 하던 일을 대신하는 것이다. 이는 인공지능이 사람보다 더 효과적이거나 더 좋은 결과를 낼 수 있다는 생각 때문이다. 인텔리퀀트는.',\n link: 'https://www.techm.kr/news/articleView.html?idxno=3896',\n },\n {\n title: \"MBC 2016 창사특집 다큐멘터리 '미래인간 AI'\",\n pressImage: '/images/News/press_9.png',\n publisher: 'mbc',\n pubdate: '2016.12.12',\n desc: '이에 인간 주식 전문가가 인공지능에 도전장을 내밀었다.자타 공인 증권가 마이더스의 손 신영목 이사가 떠오르는 신예 로보어드바이저 업체 인텔리퀀트를 상대로1억 원의 가상 금액을 두고 펼치는 모의 투자에 나선 것!.',\n link: 'http://m.imbc.com/VOD/VodView?progCode=1003412100000100000&broadcastID=1003412100002100000&type=Prevod',\n },\n {\n title: \"로보어드바이저 'DNA인텔리퀀트', 트럼프 쇼크 뛰어넘다\",\n pressImage: '/images/News/press_10.jpg',\n publisher: '뉴스핌',\n pubdate: '2016.11.18',\n desc: 'DNA-인텔리퀀트-예스스탁 돋보여 18일 금융투자업계에 따르면 트럼프 당선 당일(한국기준 9일)부터 지난 16일 종가까지 코스콤이 운영하는 로보어드바이저 테스트베드에서 가장 높은 수익을 낸 것은.',\n link: 'https://www.newspim.com/news/view/20161118000154',\n },\n {\n title: '한화생명, 핀테크 육성센터 ‘드림플러스 63’출범',\n pressImage: '/images/News/press_11.jpg',\n publisher: '헤럴드경제',\n pubdate: '2016.10.13',\n desc: '한화생명 차남규 사장(가운데)이 핀테크센터에 입주한 인텔리퀀트, (주)핀테크 등 11개 핀테크 스타트업 대표들과 기념촬영을 하고 있다. 한화생명은 지난 7월 핀테크센터에 입주할 스타트업을 공개 모집해 사업 내용.',\n link: 'http://news.heraldcorp.com/view.php?ud=20161013000336',\n },\n {\n title: '한화證, 로보어드바이저 자산관리 서비스 ‘스마트 로보Q’ 출시',\n pressImage: '/images/News/press_12.jpg',\n publisher: '서울경제',\n pubdate: '2016.07.18',\n desc: '스마트 로보Q는 인공지능 자산관리 전문업체인 ㈜인텔리퀀트와의 제휴를 통해 만들어 졌다. 고객의 투자성향과 투자금액을 기반으로 각자에게 맞는 최적의 포트폴리오 구성을 돕는다.',\n link: 'https://www.sedaily.com/NewsVIew/1KYWW8T83B',\n },\n {\n title: \"석달간의 수익률 대결 최종 승자는…AI '위험 관리' 시스템 빛났다\",\n pressImage: '/images/News/press_13.jpg',\n publisher: '한국경제TV',\n pubdate: '2016.07.03',\n desc: '특히 대회 초반부터 줄곧 상위권을 유지해온 인텔리퀀트사의 ‘아이콘’은 누적 수익률 4.55%로 이번 대회 우승을 차지했다.',\n link: 'https://www.hankyung.com/news/article/2016070326161',\n },\n {\n title: '[인공지능 VS. 주식고수 수익률 빅매치] 인공지능, 자산관리 새길 열다',\n pressImage: '/images/News/press_14.gif',\n publisher: '한국경제TV',\n pubdate: '2016.07.01',\n desc: \"탁월한 분석력을 기반으로 대회 초반부터 인간을 따돌려온 인텔리퀀트사의 인공지능 아이콘은 '영원한 1등은 없다'는 고정관념을 깨고 결국 우승을 차지했습니다.\",\n link: 'https://www.wowtv.co.kr/NewsCenter/News/Read?articleId=A201607010249',\n },\n {\n title: \"인공지능 '아이콘' 독주…인간팀, 투자종목 축소 '집중화 전략'\",\n pressImage: '/images/News/press_16.jpg',\n publisher: '한국경제TV',\n pubdate: '2016.05.08',\n desc: '대회 6주차 누적수익률 12.31%로 1위를 달리고 있는 인텔리퀀트의 ‘아이콘’은 자신이 보유하고 있는 12개 종목 중 4개 종목을 교체했다.',\n link: 'https://www.hankyung.com/news/article/2016050826761',\n },\n {\n title: '[증시라인10] 수익률 빅매치···아이콘(AI), 압도적 1위 질주',\n pressImage: '/images/News/press_17.jpg',\n publisher: '한국경제TV',\n pubdate: '2016.04.07',\n desc: '[증시라인10] 수익률 빅매치 캐스터: 김수아 인공지능팀 : 아이콘(인텔리퀀트), 라씨(씽크풀), 슈팅스타(드라코랩스) 인간팀 : 신영목 메리츠종금증권 이사, 김우식 SK증권 부장 이종일 한국투자증권 부장',\n link: 'https://www.wowtv.co.kr/NewsCenter/News/Read?articleId=A201604070271&resource=',\n },\n];\n","import React from 'react';\n\nimport { Link, useLocation } from 'react-router-dom';\n\nimport styled from 'styled-components';\n\nexport default function FooterWithoutLang() {\n const location = useLocation().pathname;\n\n return (\n \n \n
    \n \n 회사소개\n \n \n 팀\n \n \n 뉴스\n \n
    \n     \n \n \n

    \n 주식회사 인텔리퀀트   |   대표자명: 이종권   |  \n 주소: 서울특별시 금천구 가산디지털1로 212, 1405호(1109)\n (코오롱디지털타워애스턴)\n
    \n 사업자등록번호 717-81-00238\n

    \n

    \n 주식회사 인텔리퀀트\n
    대표자명: 이종권
    \n 주소: 서울특별시 금천구 가산디지털1로 212, 1405호(1109)\n (코오롱디지털타워애스턴)\n
    \n 사업자등록번호 717-81-00238\n

    \n

    \n 대표 번호: 070-5101-0724\n
    \n \n Email: info@intelliquant.net\n \n

    \n\n

    © IntelliQuant 2021. All rights reserved

    \n     \n \n \n \n \n \n \n \n \n \n \n \n     \n     \n );\n}\n\nconst StyledFooter = styled.footer`\n padding: 80px 0;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.black};\n\n span,\n p {\n color: ${({ theme }) => theme.colors.grey2};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n }\n\n p {\n line-height: 2;\n }\n\n span {\n text-decoration: underline;\n }\n\n ${({ theme }) => theme.mobile`\n padding: 70px 32px;\n `}\n`;\n\nconst StyledContentsContainer = styled.div`\n max-width: 1340px;\n margin: 0 auto;\n padding: 0 30px;\n ${({ theme }) => theme.flex('row', 'space-between', 'flex-start')}\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('row', 'space-between', 'flex-end')}\n padding: 0;\n `}\n`;\n\nconst StyledInformationContainer = styled.div`\n p:first-child {\n margin-bottom: 20px;\n\n ${({ theme }) => theme.mobile`\n display: none;\n `}\n }\n\n p:nth-child(2) {\n display: none;\n margin-bottom: 32px;\n\n ${({ theme }) => theme.mobile`\n display: block;\n `}\n }\n\n p:nth-child(3) {\n margin-bottom: 20px;\n }\n\n p:last-child {\n font-weight: 300;\n }\n`;\n\nconst StyledSnsIconContainer = styled.div`\n a:last-child {\n margin-right: 0;\n }\n\n ${({ theme }) => theme.mobile`\n ${({ theme }) => theme.flex('column')}\n\n a:last-child {\n margin-bottom: 0;\n }\n `}\n`;\n\nconst StyledIcon = styled.img`\n width: 24px;\n`;\n\nconst StyledLink = styled.a`\n margin-right: 32px;\n\n ${({ theme }) => theme.mobile`\n margin-right: 0;\n margin-bottom: 32px;\n `}\n`;\n\nconst StyledMobileFooterNavbar = styled.div`\n display: none;\n margin-bottom: 32px;\n\n ${({ theme }) => theme.mobile`\n display: block;\n ${({ theme }) => theme.flex('row', 'space-between')};\n `}\n`;\n\nconst StyledBtn = styled.button`\n margin-right: 32px;\n color: ${({ theme }) => theme.colors.grey3};\n font-size: ${({ theme }) => theme.pixelToRem(14)};\n text-decoration: underline;\n\n &:last-child {\n margin-right: 0;\n }\n`;\n\nconst StyledAboutBtn = styled(StyledBtn)`\n a {\n color: ${({ theme, location }) => {\n if (location === '/about') return theme.colors.white;\n\n return theme.colors.grey3;\n }};\n }\n`;\n\nconst StyledTeamBtn = styled(StyledBtn)`\n a {\n color: ${({ theme, location }) => {\n if (location === '/team') return theme.colors.white;\n\n return theme.colors.grey3;\n }};\n }\n`;\n\nconst StyledNewsBtn = styled(StyledBtn)`\n a {\n color: ${({ theme, location }) => {\n if (location === '/news') return theme.colors.white;\n\n return theme.colors.grey3;\n }};\n }\n`;\n","import React, { useEffect } from 'react';\nimport {\n BrowserRouter as Router,\n Route,\n Switch,\n useLocation,\n} from 'react-router-dom';\nimport HeaderWithoutLang from './components/HeaderWithoutLang/HeaderWithoutLang';\nimport Home from './page/Home/Home';\nimport About from './page/About/About';\nimport Team from './page/Team/Team';\nimport News from './page/News/News';\nimport FooterWithoutLang from './components/FooterWithoutLang/FooterWithoutLang';\n\nimport TagManager from 'react-gtm-module';\n\nimport styled from 'styled-components';\n\nfunction Handle404() {\n const location = useLocation();\n\n window.location.replace(\n 'https://intelliquant.ai' + location.pathname + location.search\n );\n return null;\n}\n\nexport default function App() {\n const tagManagerArgs = {\n gtmId: process.env.REACT_APP_GOOGLE_TAG_MANAGER,\n };\n\n useEffect(() => {\n TagManager.initialize(tagManagerArgs);\n }, []);\n\n return (\n \n \n \n \n } />\n } />\n } />\n } />\n \n \n \n \n \n );\n}\n\nconst StyledWrapper = styled.div`\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n`;\n","export default __webpack_public_path__ + \"static/media/NotoSansKR-Light.7d4ce2f6.otf\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Light.45736342.woff\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Light.e2557c2b.woff2\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Regular.bf54b090.otf\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Regular.957d49ad.woff\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Regular.e95adf0e.woff2\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Medium.7def03a7.otf\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Medium.865a70c3.woff\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Medium.e5d0c16f.woff2\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Bold.bbb4ca5d.otf\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Bold.bccfd5fe.woff\";","export default __webpack_public_path__ + \"static/media/NotoSansKR-Bold.a4ecc3f7.woff2\";","import { createGlobalStyle } from 'styled-components';\nimport reset from 'styled-reset';\n\nimport NotoSansLightOtf from './fonts/NotoSans/NotoSansKR-Light.otf';\nimport NotoSansLightWoff from './fonts/NotoSans/NotoSansKR-Light.woff';\nimport NotoSansLightWoff2 from './fonts/NotoSans/NotoSansKR-Light.woff2';\nimport NotoSansRegularOtf from './fonts/NotoSans/NotoSansKR-Regular.otf';\nimport NotoSansRegularWoff from './fonts/NotoSans/NotoSansKR-Regular.woff';\nimport NotoSansRegularWoff2 from './fonts/NotoSans/NotoSansKR-Regular.woff2';\nimport NotoSansMediumOtf from './fonts/NotoSans/NotoSansKR-Medium.otf';\nimport NotoSansMediumWoff from './fonts/NotoSans/NotoSansKR-Medium.woff';\nimport NotoSansMediumWoff2 from './fonts/NotoSans/NotoSansKR-Medium.woff2';\nimport NotoSansBoldOtf from './fonts/NotoSans/NotoSansKR-Bold.otf';\nimport NotoSansBoldWoff from './fonts/NotoSans/NotoSansKR-Bold.woff';\nimport NotoSansBoldWoff2 from './fonts/NotoSans/NotoSansKR-Bold.woff2';\n\nconst GlobalStyle = createGlobalStyle`\n ${reset}\n :root {\n font-size: 16px;\n }\n\n\n @font-face {\n font-family: 'Noto Sans CJK KR';\n font-style: normal;\n font-weight: 300;\n src: url(${NotoSansLightWoff2}) format('woff2'),\n url(${NotoSansLightWoff}) format('woff'),\n url(${NotoSansLightOtf}) format('truetype')\n };\n\n @font-face {\n font-family: 'Noto Sans CJK KR';\n font-style: normal;\n font-weight: 400;\n src: url(${NotoSansRegularWoff2}) format('woff2'),\n url(${NotoSansRegularWoff}) format('woff'),\n url(${NotoSansRegularOtf}) format('truetype')\n };\n\n @font-face {\n font-family: 'Noto Sans CJK KR';\n font-style: normal;\n font-weight: 500;\n src: url(${NotoSansMediumWoff2}) format('woff2'),\n url(${NotoSansMediumWoff}) format('woff'),\n url(${NotoSansMediumOtf}) format('truetype')\n };\n\n @font-face {\n font-family: 'Noto Sans CJK KR';\n font-style: normal;\n font-weight: 700;\n src: url(${NotoSansBoldWoff2}) format('woff2'),\n url(${NotoSansBoldWoff}) format('woff'),\n url(${NotoSansBoldOtf}) format('truetype')\n };\n\n\n\n * {\n box-sizing: border-box;\n font-family: 'Noto Sans CJK KR', sans-serif !important;\n margin: 0;\n padding: 0;\n word-break:keep-all;\n color: #0e0e0e;\n }\n\n body{\n width: 100%;\n }\n\n button,\n input {\n background-color: transparent;\n outline: none;\n border: none;\n font-size: inherit;\n }\n\n button {\n transition: opacity 0.3s \n }\n\n button:hover{\n cursor: pointer;\n opacity: 0.8;\n }\n\n button:active {\n opacity: 0.7;\n }\n\n ul,li,ol {\n list-style: none;\n \n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n h1, h2, h3{\n line-height: 1.6;\n }\n\n p {\n line-height: 1.7;\n }\n \n strong {\n font-weight: 700;\n }\n \n img {\n -webkit-user-select: none;\n }\n\n`;\n\nexport default GlobalStyle;\n","const flex = (direction = 'row', justify = 'center', align = 'center') => {\n return `\n display: flex;\n justify-content: ${justify};\n align-items: ${align};\n flex-direction: ${direction};\n `;\n};\n\nconst posCenterX = (type = 'absolute') => {\n return `\n position: ${type};\n left:50%;\n transform:translateX(-50%);\n `;\n};\n\nconst posCenterY = (type = 'absolute') => {\n return `\n position: ${type};\n top: 50%;\n transform: translateY(-50%);\n `;\n};\n\nconst posCenterXY = (type = 'absolute') => {\n return `\n position: ${type};\n top: 50%;\n left: 50%;\n transform: translate(-50%,-50%);\n `;\n};\n\n// Rem\nconst pixelToRem = size => `${size / 16}em`;\nconst MobilePixelToRem = size => `${size / 13}em`;\n\n// Colors\nconst colors = {\n black: '#0E0E0E',\n transparentBlack: 'rgba(255, 255, 255, 0.8);',\n pureBlack: '#000000',\n white: '#F0F0F0',\n pureWhite: '#FFFFFF',\n green: '#28DE2C',\n grey1: '#3E3E3E',\n grey2: '#6E6E6E',\n grey3: '#9F9F9F',\n grey4: '#CFCFCF',\n grey5: '#E6E6E6',\n};\n\n// multilines\nconst multiLines = (lines = 3) => {\n return `\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: ${lines};\n -webkit-box-orient: vertical;\n word-wrap: break-word;\n `;\n};\n\n// font-size vw\nconst pixelToVw = size => `min(${(100 * size) / 1920}vw,${size}px)`;\nconst pixelToMobileVw = size => `min(${(100 * size) / 750}vw,${size}px)`;\n\n// theme\nconst theme = {\n flex,\n posCenterX,\n posCenterY,\n posCenterXY,\n pixelToRem,\n MobilePixelToRem,\n multiLines,\n colors,\n pixelToVw,\n pixelToMobileVw,\n};\n\nexport default theme;\n","import { css } from 'styled-components';\n\nconst breakpoint = {\n mobile: 750,\n};\n\nexport default Object.keys(breakpoint).reduce((acc, device) => {\n acc[device] = (...attribute) => css`\n @media screen and (max-width: ${breakpoint[device]}px) {\n ${css(...attribute)};\n }\n `;\n return acc;\n}, {});\n","import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport App from './App';\nimport { RecoilRoot } from 'recoil';\n\nimport { ThemeProvider } from 'styled-components';\nimport GlobalStyle from './styles/GlobalStyle';\nimport theme from './styles/theme';\nimport media from './styles/media';\n\nReactDOM.render(\n \n \n \n \n \n ,\n document.getElementById('root')\n);\n"],"sourceRoot":""}