{"version":3,"file":"80eff2dd-64ed9ed2baae0361a0f5.js","mappings":"kKAE2E,qLAE3E,MAgDMA,EAA6BC,IACjCC,EAAAA,EAAAA,IAAI,CACFC,QAAS,OACTC,WAAY,SACZ,0BAA2B,CACzBC,QAAS,KACTF,QAAS,QACTG,OAAQ,UACRC,MAAO,MACPC,OAAQ,OACRC,WAAYR,EAAMS,OAAOC,KAAK,IAEhC,wBAAyB,CACvBC,WAAY,OAGdC,EAAG,CACDV,QAAS,OACTC,WAAY,SACZU,YAAa,MACbC,MAAOd,EAAMS,OAAOC,KAAK,GACzBK,WAAY,MACZC,WAAY,OACZC,cAAe,QACfC,SAAU,GACV,WAAY,CACVJ,MAAOd,EAAMS,OAAOC,KAAK,GACzBK,WAAY,OAGjB,aAEH,IAhFyB,KACvB,MAAMf,GAAQmB,EAAAA,EAAAA,MACRC,EAA4BrB,EAA0BC,GAC5D,OACEqB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,UAAUtB,IAAKuB,EAAsBxB,KAClDqB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CACFrB,IAAG,IAIHoB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACrB,IAAKwB,EAA0BzB,KAClCqB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,KAAKtB,IAAG,IACrBoB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACrB,IAAKmB,EAA2BG,UAAU,OAC7CF,EAAAA,EAAAA,IAAAA,IAAAA,CAAGK,KAAMC,EAAAA,GAAoBC,IAAI,eAC/BP,EAAAA,EAAAA,IAAAA,MAAAA,CACEQ,IAAQC,EAAAA,GAAc,oDACtB7B,IAAG,IACH,QAINoB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACrB,IAAKmB,EAA2BG,UAAU,OAC7CF,EAAAA,EAAAA,IAAAA,IAAAA,CAAGK,KAAK,sBAAsBK,UAAU,UAAS,aAKrDV,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACC,UAAU,KAAKtB,IAAG,IACrBoB,EAAAA,EAAAA,IAACC,EAAAA,EAAG,CAACrB,IAAKmB,EAA2BG,UAAU,OAC7CF,EAAAA,EAAAA,IAAAA,IAAAA,CACEW,OAAO,SACPN,KAAK,0BACLE,IAAI,aACJ3B,KAAG,QAAE,CACHc,WAAY,IACZkB,QAAS,EACTnB,MAAOd,EAAMS,OAAOC,KAAK,IAC1B,cAAE,iBAOT,EAqCV,MAAMe,EAA6BzB,IACjCC,EAAAA,EAAAA,IAAI,CACFC,QAAS,OACTK,OAAQ,OACR2B,eAAgB,gBAChB7B,OAAQ,SACR4B,QAAS,SACTE,SAAU,KACVrB,MAAOd,EAAMS,OAAOC,KAAK,GACzB,CAAC0B,EAAAA,GAAAA,QAAgC,CAC/BH,QAAS,WAEZ,aAEGT,EAAyBxB,IAC7BC,EAAAA,EAAAA,IAAI,CACFoC,SAAU,WACV9B,OAAQ,OACRL,QAAS,OACTC,WAAY,SACZ+B,eAAgB,SAChBI,gBAAiBtC,EAAMuC,MACvBC,aAAa,aAAcxC,EAAMS,OAAOC,KAAK,GAC7C+B,OAAQ,IACT,Y","sources":["webpack://inflearn-static/./src/components/infcon-2023/commons/GNB/IntegratedHeader.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { Box, type MantineTheme, desktopFirstMediaQuery, useTheme } from '@inflearn/ds-react';\nimport { GATSBY_ANT_MAN_URL, GATSBY_CDN_URL } from '../../../../utils/env';\n\nconst IntegratedHeader = () => {\n  const theme = useTheme();\n  const integratedHeaderLinkStyle = IntegratedHeaderLinkStyle(theme);\n  return (\n    <Box component=\"section\" css={styleIntegratedHeader(theme)}>\n      <Box\n        css={{\n          width: '100%',\n          maxWidth: 1200\n        }}>\n        <Box css={styleIntegratedHeaderBody(theme)}>\n          <Box component=\"ul\" css={{ display: 'flex' }}>\n            <Box css={integratedHeaderLinkStyle} component=\"li\">\n              <a href={GATSBY_ANT_MAN_URL} rel=\"noreferrer\">\n                <img\n                  src={`${GATSBY_CDN_URL}/infcon/infcon-2023/main-header-gray-inflearn.svg`}\n                  css={{ marginRight: '4px' }}\n                />\n                교육\n              </a>\n            </Box>\n            <Box css={integratedHeaderLinkStyle} component=\"li\">\n              <a href=\"https://infcon.day/\" className=\"active\">\n                INFCON\n              </a>\n            </Box>\n          </Box>\n          <Box component=\"ul\" css={{ display: 'flex' }}>\n            <Box css={integratedHeaderLinkStyle} component=\"li\">\n              <a\n                target=\"_blank\"\n                href=\"https://infcon.day/2022\"\n                rel=\"noreferrer\"\n                css={{\n                  fontWeight: 500,\n                  padding: 0,\n                  color: theme.colors.gray[8]\n                }}>\n                지난 인프콘 보기\n              </a>\n            </Box>\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n\nconst IntegratedHeaderLinkStyle = (theme: MantineTheme) =>\n  css({\n    display: 'flex',\n    alignItems: 'center',\n    ':not(:last-child):after': {\n      content: \"''\",\n      display: 'block',\n      margin: '0px 8px',\n      width: '1px',\n      height: '12px',\n      background: theme.colors.gray[4]\n    },\n    ':not(:first-of-child)': {\n      marginLeft: '2px'\n    },\n\n    a: {\n      display: 'flex',\n      alignItems: 'center',\n      marginRight: '2px',\n      color: theme.colors.gray[6],\n      fontWeight: '500',\n      lineHeight: '1.43',\n      letterSpacing: '-.3px',\n      fontSize: 14,\n      '&.active': {\n        color: theme.colors.gray[9],\n        fontWeight: 700\n      }\n    }\n  });\n\nexport default IntegratedHeader;\nconst styleIntegratedHeaderBody = (theme: MantineTheme) =>\n  css({\n    display: 'flex',\n    height: '100%',\n    justifyContent: 'space-between',\n    margin: '0 auto',\n    padding: '0 32px',\n    maxWidth: 1200,\n    color: theme.colors.gray[7],\n    [desktopFirstMediaQuery.mobile]: {\n      padding: '0 16px'\n    }\n  });\n\nconst styleIntegratedHeader = (theme: MantineTheme) =>\n  css({\n    position: 'relative',\n    height: '40px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: theme.white,\n    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n    zIndex: 30\n  });\n"],"names":["IntegratedHeaderLinkStyle","theme","css","display","alignItems","content","margin","width","height","background","colors","gray","marginLeft","a","marginRight","color","fontWeight","lineHeight","letterSpacing","fontSize","useTheme","integratedHeaderLinkStyle","___EmotionJSX","Box","component","styleIntegratedHeader","styleIntegratedHeaderBody","href","GATSBY_ANT_MAN_URL","rel","src","GATSBY_CDN_URL","className","target","padding","justifyContent","maxWidth","desktopFirstMediaQuery","position","backgroundColor","white","borderBottom","zIndex"],"sourceRoot":""}