{"version":3,"file":"d676735c-cf5ec6d8e32b32e436b4.js","mappings":"2NAWA,IAoFMA,GAAcC,EAAAA,EAAAA,IAAH,OAIXC,EAAW,oHAQXC,EAAS,iIAWTC,EAAY,0XA6BZC,EAAuB,iZA+BvBC,EAAc,4MAcdC,EAAyB,+YA8CzBC,EAAO,iGASPC,EAAM,iGAQZ,UApPkB,WAChB,IAAMC,EAAUC,EAAAA,SACVC,EAAeD,EAAAA,SAErB,OADAE,QAAQC,IAAI,eAEV,gBAAMb,IAAKD,IACT,QAAC,IAAD,CAAQe,YAAa,SAACC,GACP,UAATA,GACFC,OAAOC,SAAS,CACdC,KAAM,EACNC,IAAKV,EAAQW,QAAQC,UACrBC,SAAU,WAID,cAATP,GACFC,OAAOC,SAAS,CACdC,KAAM,EACNC,IAAKR,EAAaS,QAAQC,UAC1BC,SAAU,eAIhB,QAAC,IAAD,OACA,QAAC,IAAD,MACE,mBAAStB,IAAKC,IACZ,eAAKsB,IAAI,uBAAuBC,IAAI,kBAAkBxB,IAAKE,MAE7D,mBAASF,IAAKG,IACZ,gBAAMH,IAAKyB,GAAX,YACA,gBAAMzB,IAAKyB,GAAX,6BACA,gBAAMzB,IAAK0B,GAAX,sCAEF,mBAAS1B,IAAKI,IACZ,+DAGA,2FAIF,mBAASuB,IAAKlB,IACZ,QAAC,IAAD,CAAcmB,MAAM,WACpB,QAAC,IAAD,QAGF,mBAAS5B,IAAKK,EAAgBsB,IAAKhB,IACjC,QAAC,IAAD,CAAciB,MAAM,eACpB,QAAC,IAAD,OACA,mBAAS5B,IAAKM,IACZ,wBACE,eAAKN,IAAKQ,EAAQe,IAAI,eAAeC,IAAI,cAE3C,aAAGK,KAAI,iIACL,uHAGJ,mBAAS7B,IAAKM,IACZ,wBACE,eAAKN,IAAKO,EAASgB,IAAI,gBAAgBC,IAAI,WAE7C,aAAGK,KAAK,8BACN,+CAKR,kBAAQ7B,IAAK8B,IACX,mBAAS9B,IAAK+B,IACZ,wBACE,eAAK/B,IAAKgC,IACR,aAAGH,KAAK,WAAR,oBAEF,eAAK7B,IAAKiC,GAAV,kDAIF,QAAC,IAAD,UA0KV,IAAMR,EAAO,6EAMPC,EAAW,qHAQXI,EAAa,sJAWbC,EAAc,sMAYdC,EAAa,sNAsBbC,EAAS","sources":["webpack://supermagic-site/./src/pages/index.js"],"sourcesContent":["import { css } from \"@emotion/react\"\nimport * as React from \"react\"\nimport Body from \"../components/Body\"\nimport CompanyNaverMap from \"../components/CompanyNaverMap\"\nimport GateImage from \"../components/GateImage\"\nimport NavBar from \"../components/NavBar\"\nimport SectionTitle from \"../components/SectionTitle\"\nimport ToTopButton from \"../components/ToTopButton\"\nimport Games from \"../components/Games\"\n\n\nconst IndexPage = () => {\n const gameRef = React.useRef();\n const contactUsRef = React.useRef();\n console.log('index page')\n return (\n

\n {\n if (menu === \"Games\") {\n window.scrollTo({\n left: 0,\n top: gameRef.current.offsetTop,\n behavior: 'smooth'\n })\n }\n\n if (menu === \"ContactUs\") {\n window.scrollTo({\n left: 0,\n top: contactUsRef.current.offsetTop,\n behavior: 'smooth'\n })\n }\n }} />\n \n \n

\n $\"supermagic-logo\"$ \n

\n HELLO!!\n WE WILL STEAL YOUR TIME.\n HELLO!! WE WILL STEAL YOUR TIME.\n

\n \n SuperMagic is a group of simple games. \n \n \n If you want SuperMagic to publish your precious game, contact us.\n \n

\n \n \n

\n\n

\n \n \n

\n $\"address\"$ \n

\n \n 06236 152, Teheran-ro, Gangnam-gu, Seoul, Republic of Korea GFC(Gangnam Finance Center), 33F\n \n

\n $\"mail\"$ \n

\n \n help@supermagic.io\n \n

\n \n \n

\n )\n}\n\nconst mainWrapper = css`\n \n`\n\nconst logoWrapper = css`\n text-align: center;\n margin-top: 380px;\n @media screen and (max-width: 768px) {\n margin-top: 100px;\n }\n`\n\nconst logoImage = css`\n width: 33%;\n height: auto;\n max-width: 457px;\n\n @media screen and (max-width: 768px) {\n width: 60%;\n max-width: 411px;\n }\n`\n\nconst helloWrapper = css`\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 62px;\n > span {\n font-size: 64px;\n font-weight: 900;\n color: #e40606;\n line-height: 1;\n font-family: \"Exo2\";\n text-align: center;\n }\n\n @media screen and (max-width: 768px) {\n flex-direction: row;\n justify-content: center;\n > span {\n font-size: 67px;\n }\n }\n @media screen and (max-width: 450px) {\n margin-top: 30px;\n > span {\n font-size: 34px;\n }\n }\n`\n\nconst helloDescriptionWrapper = css`\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 58px;\n margin-bottom: 400px;\n flex-wrap: wrap;\n > span {\n font-size: 26px;\n line-height: 1.5;\n color: #363442;\n font-family: \"NotoSans\";\n word-break: break-word;\n }\n\n @media screen and (max-width: 768px) {\n > span {\n text-align: center;\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 450px) {\n > span {\n font-size: 16px;\n }\n margin-bottom: 200px;\n padding: 0 10%;\n }\n`\n\nconst contactWrapper = css`\n padding: 0 140px;\n margin-bottom: 150px;\n margin-top: 350px;\n @media screen and (max-width: 768px) {\n padding: 0 4%;\n }\n\n @media screen and (max-width: 450px) {\n margin-bottom: 48px;\n margin-top: 202px;\n }\n`\n\nconst contactDescriptionWrapper = css`\n display: flex;\n align-items: center;\n margin-top: 26px;\n\n a {\n text-decoration: none;\n width: 90%;\n }\n\n article {\n display: flex;\n align-items: center;\n width: 5%;\n \n }\n\n span {\n font-size: 20px;\n line-height: 1.2;\n color: #363442;\n opacity: 0.8;\n \n font-family: \"NotoSans\";\n &:hover {\n color: #e40606;\n }\n }\n\n @media screen and (max-width: 768px) {\n article {\n width: 8%;\n }\n\n span {\n width: 92%;\n }\n }\n\n @media screen and (max-width: 450px) {\n span {\n font-size: 12px;\n }\n }\n`\n\nconst mailImg = css`\n width: 30px;\n height: auto;\n\n @media screen and (max-width: 768px) {\n width: 70%;\n }\n`\n\nconst mapImg = css`\n width: 36px;\n height: auto;\n @media screen and (max-width: 768px) {\n width: 80%;\n }\n`\n\nexport default IndexPage\n\n\nconst pcTitle = css`\n @media screen and (max-width: 768px) {\n display: none;\n }\n`\n\nconst mobileTitle = css`\n display: none;\n @media screen and (max-width: 768px) {\n display: inline-block;\n text-align: center;\n }\n`\n\nconst footerWrapper = css`\n width: 100%;\n display: flex;\n justify-content: center;\n background: #e8e8e8;\n\n @media screen and (max-width: 450px) {\n padding-bottom: 0px;\n }\n`\n\nconst footerContents = css`\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n width: 1400px;\n padding: 24px 140px 0;\n @media screen and (max-width: 1400px) {\n width: 100%;\n padding: 16px 0 0 10px;\n }\n`\n\nconst personalPlicy = css`\n font-family: \"NotoSans\";\n font-size: 20px;\n font-weight: bold;\n cursor: pointer;\n\n a {\n text-decoration: none;\n color: #2c2c2c;\n }\n\n @media screen and (max-width: 450px) {\n font-size: 16px;\n }\n\n &:hover {\n a {\n color: #e40606;\n }\n }\n`\n\nconst copyright = css`\n margin-top: 10px;\n margin-bottom: 42px;\n font-family: \"NotoSans\";\n font-size: 18px;\n font-weight: 300;\n\n @media screen and (max-width: 450px) {\n font-size: 12px;\n margin-top: 4px;\n }\n`"],"names":["mainWrapper","css","logoWrapper","logoImage","helloWrapper","helloDescriptionWrapper","contactWrapper","contactDescriptionWrapper","mailImg","mapImg","gameRef","React","contactUsRef","console","log","onMenuClick","menu","window","scrollTo","left","top","current","offsetTop","behavior","src","alt","pcTitle","mobileTitle","ref","title","href","footerWrapper","footerContents","personalPlicy","copyright"],"sourceRoot":""}