{"version":3,"file":"9bc8b050-056c037fbd6c01541d79.js","mappings":"wOASsD,uLAEtD,MAuEMA,EAAmB,CACvB,CAACC,EAAAA,GAAAA,QAAgC,CAC/BC,SAAU,IAEZ,CAACD,EAAAA,GAAAA,QAAgC,CAC/BC,SAAU,KAIRC,GAAkBC,EAAAA,EAAAA,IAAI,CAC1BC,QAAS,OACTC,eAAgB,SAChBC,QAAS,wBACTC,gBAAiB,QACjB,CAACP,EAAAA,GAAAA,QAAgC,CAC/BM,QAAS,wBAEZ,aAEKE,GAAeL,EAAAA,EAAAA,IAAI,CACvBC,QAAS,OACTK,SAAU,SACVC,MAAO,OACPC,IAAK,GACL,CAACX,EAAAA,GAAAA,QAAgC,CAC/BY,cAAe,SACfC,UAAW,UAEb,CAACb,EAAAA,GAAAA,QAAgC,CAC/BW,IAAK,KAER,aAEKG,GAAgBX,EAAAA,EAAAA,IAAI,CACxB,CAACH,EAAAA,GAAAA,QAAgC,CAC/BC,SAAU,IAEZ,CAACD,EAAAA,GAAAA,QAAgC,CAC/BC,SAAU,KAEb,aAEKc,EAAoB,4FAM1B,IAvHY,KAERC,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,UAAUf,IAAG,CAAGgB,EAAAA,EAAcjB,EAAe,SAC1Dc,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACd,IAAKK,IACRQ,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACd,IAAG,IACNa,EAAAA,EAAAA,IAACI,EAAAA,EAAAA,IAAU,CACTC,SAAU,CAAEC,MAAM,GAClBC,WAAY,IAAKC,EAAAA,IACjBC,QAASC,EAAAA,GACTC,YAAaC,EAAAA,KACbZ,EAAAA,EAAAA,IAACa,EAAAA,EAAK,CAACC,MAAO,EAAGC,KAAM,GAAIC,MAAM,SAASC,GAAI,EAAG9B,IAAKW,GAAe,YAC3D,mBAAM,iBAGlBE,EAAAA,EAAAA,IAACI,EAAAA,EAAAA,IAAU,CACTC,SAAU,CAAEC,MAAM,GAClBC,WAAY,IAAKC,EAAAA,GAA8BU,MAAO,IACtDT,QAASC,EAAAA,GACTC,YAAaC,EAAAA,KACbZ,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CACFgB,GAAI,GACJ9B,KAAG,QAAE,CACH,CAACH,EAAAA,GAAAA,QAAgC,CAC/BmC,aAAc,SAEjB,eACDnB,EAAAA,EAAAA,IAACoB,EAAAA,EAAI,CAACJ,MAAM,SAASD,KAAM,GAAI5B,IAAKJ,GAAkB,wBAGtDiB,EAAAA,EAAAA,IAACoB,EAAAA,EAAI,CAACJ,MAAM,SAASD,KAAM,GAAI5B,IAAKJ,GAAkB,qBAK1DiB,EAAAA,EAAAA,IAACI,EAAAA,EAAAA,IAAU,CACTC,SAAU,CAAEC,MAAM,GAClBC,WAAY,IAAKC,EAAAA,GAA8BU,MAAO,IACtDT,QAASC,EAAAA,GACTC,YAAaC,EAAAA,KACbZ,EAAAA,EAAAA,IAACqB,EAAAA,EAAM,CACLnB,UAAU,IACVoB,QAAQ,UACRN,MAAM,OACND,KAAK,KACLQ,OAAO,KACPC,KAAK,4BACLC,OAAO,SACPtC,IAAG,EAMHuC,UAAU1B,EAAAA,EAAAA,IAAC2B,EAAAA,EAAI,CAACC,KAAMC,EAAAA,OAAqB,UAKjD7B,EAAAA,EAAAA,IAACI,EAAAA,EAAAA,IAAU,CACTC,SAAU,CAAEC,MAAM,GAClBC,WAAY,IAAKC,EAAAA,GAA8BU,MAAO,IACtDT,QAASC,EAAAA,GACTC,YAAaC,EAAAA,GACbzB,IAAG,IACHa,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAAC6B,GAAG,WAAW3C,IAAKY,M","sources":["webpack://inflearn-static/./src/components/infcon-2023/main/sections/Map/index.tsx"],"sourcesContent":["import { faLocationArrow } from '@fortawesome/pro-regular-svg-icons';\nimport { Box, Button, Icon, Text, Title, desktopFirstMediaQuery } from '@inflearn/ds-react';\nimport { motion } from 'framer-motion';\nimport {\n  textTransitionAnimateOptions,\n  textTransitionInitialOptions,\n  textTransitionTimingFunction\n} from '../../../../../styles/transitions';\nimport { css } from '@emotion/react';\nimport { styleSection } from '../InteractionSections';\n\nconst Map = () => {\n  return (\n    <Box component=\"section\" css={[styleSection, styleMapSection]}>\n      <Box css={styleMapBody}>\n        <Box css={{ flexShrink: 0 }}>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Title order={2} size={60} color=\"dark.9\" mb={8} css={styleMapTitle}>\n              8월 15일, <br /> 우리 여기서 만나요\n            </Title>\n          </motion.div>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction, delay: 0.2 }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Box\n              mb={40}\n              css={{\n                [desktopFirstMediaQuery.mobile]: {\n                  marginBottom: '24px'\n                }\n              }}>\n              <Text color=\"gray.5\" size={24} css={styleMapSubTitle}>\n                * 교통이 혼잡할 것으로 예상되니,\n              </Text>\n              <Text color=\"gray.5\" size={24} css={styleMapSubTitle}>\n                대중교통 이용을 권장드려요\n              </Text>\n            </Box>\n          </motion.div>\n          <motion.div\n            viewport={{ once: true }}\n            transition={{ ...textTransitionTimingFunction, delay: 0.4 }}\n            initial={textTransitionInitialOptions}\n            whileInView={textTransitionAnimateOptions}>\n            <Button\n              component=\"a\"\n              variant=\"outline\"\n              color=\"dark\"\n              size=\"xl\"\n              radius=\"xl\"\n              href=\"https://naver.me/GvkWW8by\"\n              target=\"_blank\"\n              css={{\n                ':hover': {\n                  backgroundColor: '#25262b',\n                  color: 'white'\n                }\n              }}\n              leftIcon={<Icon icon={faLocationArrow} />}>\n              길찾기\n            </Button>\n          </motion.div>\n        </Box>\n        <motion.div\n          viewport={{ once: true }}\n          transition={{ ...textTransitionTimingFunction, delay: 0.4 }}\n          initial={textTransitionInitialOptions}\n          whileInView={textTransitionAnimateOptions}\n          css={{ width: '100%', height: '100%', flexShrink: 1 }}>\n          <Box id=\"koex-map\" css={styleNaverMapWrapper}></Box>\n        </motion.div>\n      </Box>\n    </Box>\n  );\n};\n\nconst styleMapSubTitle = {\n  [desktopFirstMediaQuery.tablet]: {\n    fontSize: 24\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    fontSize: 14\n  }\n};\n\nconst styleMapSection = css({\n  display: 'flex',\n  justifyContent: 'center',\n  padding: '200px 32px 100px 32px',\n  backgroundColor: 'white',\n  [desktopFirstMediaQuery.mobile]: {\n    padding: '80px 16px 40px 16px'\n  }\n});\n\nconst styleMapBody = css({\n  display: 'flex',\n  maxWidth: '1200px',\n  width: '100%',\n  gap: 80,\n  [desktopFirstMediaQuery.tablet]: {\n    flexDirection: 'column',\n    textAlign: 'center'\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    gap: 40\n  }\n});\n\nconst styleMapTitle = css({\n  [desktopFirstMediaQuery.tablet]: {\n    fontSize: 54\n  },\n  [desktopFirstMediaQuery.mobile]: {\n    fontSize: 28\n  }\n});\n\nconst styleNaverMapWrapper = css({\n  borderRadius: '20px',\n  width: '100%',\n  aspectRatio: '1.7629310344827587 / 1'\n});\n\nexport default Map;\n"],"names":["styleMapSubTitle","desktopFirstMediaQuery","fontSize","styleMapSection","css","display","justifyContent","padding","backgroundColor","styleMapBody","maxWidth","width","gap","flexDirection","textAlign","styleMapTitle","styleNaverMapWrapper","___EmotionJSX","Box","component","styleSection","motion","viewport","once","transition","textTransitionTimingFunction","initial","textTransitionInitialOptions","whileInView","textTransitionAnimateOptions","Title","order","size","color","mb","delay","marginBottom","Text","Button","variant","radius","href","target","leftIcon","Icon","icon","faLocationArrow","id"],"sourceRoot":""}