{"version":3,"file":"static/chunks/8636-2f1727daa0e989c6.js","mappings":"uGAAIA,EAASC,E,WAEb,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBJ,EAASa,MAAMC,KAAMR,WAwBtU,IApByB,SAA4BS,GACnD,OAAoB,gBAAoB,MAAOf,EAAS,CACtDgB,MAAO,GACPC,OAAQ,GACRC,KAAM,OACNC,MAAO,8BACNJ,GAAQjB,IAAYA,EAAuB,gBAAoB,SAAU,CAC1EsB,GAAI,GACJC,GAAI,GACJC,EAAG,GACHJ,KAAM,UACNK,YAAa,OACVxB,IAAUA,EAAqB,gBAAoB,OAAQ,CAC9DyB,SAAU,UACVC,SAAU,UACVC,EAAG,6GACHR,KAAM,a,sCCtBNpB,EAASC,E,WAEb,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBJ,EAASa,MAAMC,KAAMR,WAwBtU,IApB0B,SAA6BS,GACrD,OAAoB,gBAAoB,MAAOf,EAAS,CACtDgB,MAAO,GACPC,OAAQ,GACRC,KAAM,OACNC,MAAO,8BACNJ,GAAQjB,IAAYA,EAAuB,gBAAoB,SAAU,CAC1EsB,GAAI,GACJC,GAAI,GACJC,EAAG,GACHJ,KAAM,UACNK,YAAa,OACVxB,IAAUA,EAAqB,gBAAoB,OAAQ,CAC9DyB,SAAU,UACVC,SAAU,UACVC,EAAG,6GACHR,KAAM,a,0HChBV,I,4NCuBAS,EAAAA,GAAAA,IAAe,CAACC,EAAAA,GAAYC,EAAAA,GAAYC,EAAAA,KAExC,IAAMC,EAAgB,SAAC,GAAa,IAAZC,EAAY,EAAZA,OACpB,OACI,iCACI,gBAAKC,MAAO,CAACjB,MAAO,QAASkB,IAAKF,EAAOG,iBAAkBC,IAAKJ,EAAOK,MAAQ,kBAE1EL,EAAOM,eACR,gBAAKC,UAAWC,IAAAA,WAEpB,iBAAKD,UAAWC,IAAAA,cAAhB,WACI,iBAAMD,UAAWC,IAAAA,WAAjB,SAAqCR,EAAOK,QAC5C,iBAAME,UAAWC,IAAAA,cAAjB,SAAwCR,EAAOS,eAEnD,iBAAMF,UAAWC,IAAAA,YAAjB,SAAsCR,EAAOU,YAM1C,SAASC,EAAT,GAAgE,IAA3CC,EAA2C,EAA3CA,QAAoBC,GAAuB,EAAlCC,UAAkC,EAAvBD,eAAeE,EAAQ,EAARA,MAG7DC,IAFWC,EAAAA,EAAAA,GAAc,cAAD,OAAeC,IAAAA,iBAAf,OAEdC,EAAAA,EAAAA,QAAO,OACjBC,GAAUD,EAAAA,EAAAA,QAAO,MAGjBE,GAAYF,EAAAA,EAAAA,UACZG,GAAYH,EAAAA,EAAAA,QAAO,GAEzB,GAAwDI,EAAAA,EAAAA,YAAWC,EAAAA,IAA1CC,GAAzB,EAAOC,iBAAP,EAAyBD,6BAEnBE,GAASC,EAAAA,EAAAA,aAGTC,EAAU,SAAC7B,EAAQ8B,GACrBC,QAAQC,IAAI,SAAUhC,GACF,qBAAbiC,UAA4BA,SAASC,MACxC,cAAe,CACXC,YAAaL,EACbM,WAAYpC,EAAOqC,YACnBC,UAAWtC,EAAOsC,UAClBC,KAAMvC,EAAOuC,OAIjBvC,EAAOuC,MACPZ,EAAOa,KAAKxC,EAAOuC,MAEb,OAANvC,QAAM,IAANA,GAAAA,EAAQyC,oBAAqBC,EAAAA,EAAAA,OAC7BjB,EAA4BzB,EAAOyC,kBAE7B,OAANzC,QAAM,IAANA,GAAAA,EAAQ2C,uBAAwBD,EAAAA,EAAAA,OAChCjB,EAA4BzB,EAAO2C,uBAIrCC,EAAkB,WACA,qBAAbX,UAA4BA,SAASC,MAAM,yBAGtDW,EAAAA,EAAAA,YAAU,WACN,GAAKxB,EAAUyB,QAAf,CACA,IAAMC,EAAuBC,SAASC,eAAe,qBACrD,GAAKF,EAEL,OADAA,EAAqBG,iBAAiB,QAASN,GACxC,WACHG,EAAqBI,oBAAoB,QAASP,OAEvD,CAACvB,EAAUyB,UAEd,IAgBMM,GAAWjC,EAAAA,EAAAA,QAAO,MAElBkC,EAAiB,SAAjBA,IACEzC,GAAWA,EAAQrC,QAAU,IAC7B6E,EAASN,SAASQ,aAAaF,EAASN,SAC5CM,EAASN,QAAUS,YAAW,WAAM,MAChC,UAAIlC,EAAUyB,eAAd,OAAI,EAAmBU,QACnBnC,EAAUyB,QAAQU,OAAOC,YAE7BJ,MACD,OAGDK,EAAe,WACbN,EAASN,SAASQ,aAAaF,EAASN,UAG1Ca,EAAiB,WACnBN,KAiBJ,OAdAR,EAAAA,EAAAA,YAAU,WACNQ,MACD,KAEHR,EAAAA,EAAAA,YAAU,WACN,GAAKxB,EAAUyB,QAGf,OAFAzB,EAAUyB,QAAQI,iBAAiB,aAAcQ,GACjDrC,EAAUyB,QAAQI,iBAAiB,aAAcS,GAC1C,WACHtC,EAAUyB,QAAQK,oBAAoB,aAAcO,GACpDrC,EAAUyB,QAAQK,oBAAoB,aAAcQ,MAEzD,CAACtC,EAAUyB,WAGV,gBAAKvC,UAAWqD,IAAWpD,IAAAA,KAAaO,EAAQP,IAAAA,WAAeqD,GAA/D,UACI,gBAAKtD,UAAWC,IAAAA,cAAhB,SAEQI,GAAWA,EAAQrC,OAAS,GACxB,SAAC,KAAD,CACIgC,UAAWC,IAAAA,OACXsD,IAAKzC,EACL0C,KAAMnD,GAAYA,EAAQrC,OAAS,EACnCyF,eAAgBC,EAAAA,GAQhBC,OAAQ,SAACV,GACLA,EAAOW,OAAOC,WAAWC,OAASrD,EAAQ8B,QAC1CU,EAAOW,OAAOC,WAAWE,OAASlD,EAAQ0B,QAC1CU,EAAOY,WAAWG,OAClBf,EAAOY,WAAWI,UAEtBC,2BAA4B,SAACjB,GACzBH,KAEJqB,aAAc,EACdC,cAAe,EACfC,UAAW,GACXC,WAAY,CACRC,KAAM,WAONC,gBAAiBlE,EAAgBL,IAAAA,aAAsBA,IAAAA,iBACvDwE,aAAcnE,EAAgBL,IAAAA,aAAsBA,IAAAA,cACpDyE,eAAgB,SAACD,EAAcE,GAC3B,MAAO,kDAAP,OACWC,EAAAA,GADX,sFAEc3E,IAAAA,2BAFd,mEAGkBA,IAAAA,oBAHlB,wEAIuBwE,EAJvB,kCAI6DE,EAJ7D,0HAMkB1E,IAAAA,wBANlB,woBAkBR4E,cAzGF,SAAC5B,GACwB,MAAvC6B,KAAKC,MAAQhE,EAAUwB,QAAU,MACb,qBAAbb,UAA4BA,SAASC,MACxC,0BACA,CACIqD,YAAa/B,EAAO+B,YACpBC,eAAc,UAAE5E,EAAQ4C,EAAO+B,oBAAjB,aAAE,EAA6BlD,gBAoGrCoD,WA9GL,SAACjC,GAChBlC,EAAUwB,QAAUuC,KAAKC,OAuDT,SAyDQ1E,EAAQ8E,KAAI,SAAC1F,EAAQ8B,GACjB,OACI,SAAC,KAAD,UAEQ9B,EAAOuC,MACH,SAAC,IAAD,CAAMoD,KAAM3F,EAAOuC,MAAQ,GAA3B,UACI,cAAGhC,UAAWC,IAAAA,WAAmBqB,QAAS,kBAAMA,EAAQ7B,EAAQ8B,IAAhE,UACI,SAAC/B,EAAD,CAAeC,OAAQA,SAG/B,gBAAKO,UAAWC,IAAAA,WAAmBqB,QAAS,kBAAMA,EAAQ7B,EAAQ8B,IAAlE,UACI,SAAC/B,EAAD,CAAeC,OAAQA,OATrB8B,SA0BlC,gBAAKvB,UAAWqD,IAAWpD,IAAAA,KAAaO,EAAQP,IAAAA,WAAeqD,EAAWrD,IAAAA,qB,kBChPlGoF,EAAOC,QAAU,CAAC,MAAQ,UAAU,MAAQ,UAAU,MAAQ,UAAU,iBAAmB,WAAW,iBAAmB,WAAW,kBAAoB,WAAW,aAAe,OAAO,uBAAyB,OAAO,WAAa,OAAO,gBAAkB,OAAO,gBAAkB,OAAO,qBAAuB,OAAO,sBAAwB,OAAO,WAAa,+BAA+B,UAAY,8BAA8B,UAAY,8BAA8B,UAAY,8BAA8B,aAAe,iCAAiC,aAAe,iCAAiC,WAAa,+BAA+B,KAAO,yBAAyB,SAAW,6BAA6B,UAAY,8BAA8B,WAAa,+BAA+B,YAAc,gCAAgC,cAAgB,kCAAkC,iBAAmB,qCAAqC,iBAAmB,qCAAqC,iBAAmB,qCAAqC,UAAY,8BAA8B,WAAa,+BAA+B,UAAY,8BAA8B,YAAc,gCAAgC,MAAQ,0BAA0B,YAAc,gCAAgC,UAAY,8BAA8B,SAAW,6BAA6B,eAAiB,mCAAmC,oBAAsB,wCAAwC,qBAAuB,yCAAyC,wBAA0B,4CAA4C,2BAA6B,+CAA+C,kBAAoB,sCAAsC,iBAAmB,qCAAqC,WAAa,+BAA+B,gBAAkB,oCAAoC,cAAgB,kCAAkC,cAAgB,kCAAkC,QAAU,4BAA4B,2BAA6B,+CAA+C,0BAA4B,8CAA8C,QAAU,4BAA4B,QAAU,4BAA4B,UAAY,8BAA8B,SAAW,6BAA6B,SAAW,6BAA6B,YAAc,gCAAgC,OAAS,2BAA2B,eAAiB,mCAAmC,YAAY,8BAA8B,gBAAkB,oCAAoC,YAAc,gCAAgC,qBAAuB,yCAAyC,aAAe,iCAAiC,qBAAuB,yCAAyC,SAAW,6BAA6B,KAAO,yBAAyB,SAAW,6BAA6B,UAAY,8BAA8B,cAAgB,kCAAkC,YAAc,gCAAgC,SAAW,6BAA6B,OAAS,2BAA2B,UAAY,8BAA8B,UAAY,8BAA8B,YAAc,gCAAgC,eAAiB,mCAAmC,gBAAkB,oCAAoC,WAAa,+BAA+B,WAAa,+BAA+B,kBAAoB,sCAAsC,aAAe,iCAAiC,SAAW,6BAA6B,eAAiB,mCAAmC,UAAY,8BAA8B,cAAgB,kCAAkC,eAAiB,mCAAmC,KAAO,yBAAyB,cAAgB,kCAAkC,YAAc,gCAAgC,gBAAkB,oCAAoC,UAAY,8BAA8B,SAAW,6BAA6B,YAAc,gCAAgC,kBAAoB,sCAAsC,uBAAyB,2CAA2C,OAAS,2BAA2B,UAAY,8BAA8B,KAAO,yBAAyB,cAAgB,kCAAkC,OAAS,2BAA2B,MAAQ,0BAA0B,YAAc,gCAAgC,kBAAoB,sCAAsC,WAAa,+BAA+B,QAAU,4BAA4B,gBAAkB,oCAAoC,cAAgB,kCAAkC,WAAa,+BAA+B,cAAgB,kCAAkC,YAAc,gCAAgC,aAAe,iCAAiC,oBAAsB,wCAAwC,cAAgB,kCAAkC,aAAe,iCAAiC,mBAAqB,uCAAuC,YAAc","sources":["webpack://_N_E/./src/images/icons/arrow_left_circle.svg","webpack://_N_E/./src/images/icons/arrow_right_circle.svg","webpack://_N_E/./src/images/icons/carousel_right_button.svg","webpack://_N_E/./src/components/sections/MainBanner.js","webpack://_N_E/./src/components/sections/mainBanner.module.scss"],"sourcesContent":["var _circle, _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgArrowLeftCircle = function SvgArrowLeftCircle(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 12,\n    cy: 12,\n    r: 12,\n    fill: \"#191919\",\n    fillOpacity: 0.35\n  })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M15.388 5.438 8.826 12l6.562 6.563-1.325 1.326-7.226-7.226a.938.938 0 0 1 0-1.326l7.226-7.225 1.325 1.326Z\",\n    fill: \"#fff\"\n  })));\n};\n\nexport default SvgArrowLeftCircle;","var _circle, _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgArrowRightCircle = function SvgArrowRightCircle(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 12,\n    cy: 12,\n    r: 12,\n    fill: \"#191919\",\n    fillOpacity: 0.35\n  })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"m9.937 4.112 7.226 7.225a.938.938 0 0 1 0 1.326L9.937 19.89l-1.326-1.326L15.174 12 8.61 5.438l1.326-1.326Z\",\n    fill: \"#fff\"\n  })));\n};\n\nexport default SvgArrowRightCircle;","var _circle, _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgCarouselRightButton = function SvgCarouselRightButton(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 32,\n    height: 32,\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n    cx: 16,\n    cy: 16,\n    r: 16,\n    fill: \"#DBDBDB\",\n    fillOpacity: 0.7\n  })), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"m13.252 5.482 9.634 9.634a1.25 1.25 0 0 1 0 1.768l-9.634 9.633-1.768-1.767 8.75-8.75-8.75-8.75 1.768-1.768Z\",\n    fill: \"#fff\"\n  })));\n};\n\nexport default SvgCarouselRightButton;","import styles from \"components/sections/mainBanner.module.scss\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport {Carousel} from \"react-responsive-carousel\";\nimport CarouselLeftButton from \"images/icons/carousel_left_button.svg\";\nimport CarouselRightButton from \"images/icons/carousel_right_button.svg\";\nimport classNames from \"classnames\";\nimport Image from \"next/image\";\nimport testBanner from \"images/test_banner.png\";\nimport testBannerMobile from \"images/test_banner_mobile.png\";\nimport {useEffect, useRef, useState, useContext} from \"react\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport {Swiper, SwiperSlide} from \"swiper/react\";\nimport SwiperCore, {Autoplay, Navigation, Pagination} from \"swiper\";\nimport 'swiper/css';\nimport \"swiper/css/pagination\";\nimport \"swiper/css/navigation\";\nimport {Axios} from \"api\";\nimport ArrowLeftCircle from \"images/icons/arrow_left_circle.svg\";\nimport ArrowRightCircle from \"images/icons/arrow_right_circle.svg\";\nimport {captureException} from \"@sentry/nextjs\";\nimport Link from \"next/link\";\nimport utilStyles from 'styles/utils.module.scss'\nimport Loading from \"components/Loading\";\nimport {eventsRoute} from \"common/const\";\nimport {isApp, isIOSChrome, swiperCustomAnimation} from \"common/utils\";\nimport ModalContext from \"context/ModalContext\";\nimport {useRouter} from \"next/router\";\n\n\nSwiperCore.use([Navigation, Pagination, Autoplay]);\n\nconst BannerContent = ({banner}) => {\n    return (\n        <>\n            <img style={{width: '100%'}} src={banner.mobile_image_url} alt={banner.text || \"배너\"} />\n            {\n                !banner.hide_overlay &&\n                <div className={styles.overlay}/>\n            }\n            <div className={styles.textContainer}>\n                <span className={styles.bannerText}>{banner.text}</span>\n                <span className={styles.bannerSubText}>{banner.sub_text}</span>\n            </div>\n            <span className={styles.bannerTitle}>{banner.title}</span>\n        </>\n    )\n}\n\n\nexport default function MainBanner({banners, isLoading, hidePaginator, small}) {\n    const isMobile = useMediaQuery(`(max-width:${utilStyles.breakpointMobile})`);\n\n    const prevRef = useRef(null);\n    const nextRef = useRef(null);\n\n\n    const swiperRef = useRef();\n    const swipedRef = useRef(0);\n\n    const {openChuseokModal, openCouponModalByIdentifier} = useContext(ModalContext);\n\n    const router = useRouter();\n\n\n    const onClick = (banner, idx) => {\n        console.log('banner', banner);\n        typeof mixpanel !== 'undefined' && mixpanel.track(\n            'BannerClick', {\n                bannerIndex: idx,\n                adminTitle: banner.admin_title,\n                image_url: banner.image_url,\n                link: banner.link\n            }\n        );\n\n        if (banner.link) {\n            router.push(banner.link);\n        }\n        if (banner?.modal_identifier && !isApp()) {\n            openCouponModalByIdentifier(banner.modal_identifier);\n        }\n        if (banner?.app_modal_identifier && isApp()) {\n            openCouponModalByIdentifier(banner.app_modal_identifier);\n        }\n    };\n\n    const onShowMoreClick = () => {\n        typeof mixpanel !== 'undefined' && mixpanel.track('BannerShowMoreClick');\n    }\n\n    useEffect(() => {\n        if (!swiperRef.current) return;\n        const bannerShowMoreButton = document.getElementById('fractionContainer');\n        if (!bannerShowMoreButton) return;\n        bannerShowMoreButton.addEventListener('click', onShowMoreClick);\n        return () => {\n            bannerShowMoreButton.removeEventListener('click', onShowMoreClick);\n        }\n    }, [swiperRef.current]);\n\n    const onTouchEnd = (swiper) => {\n        swipedRef.current = Date.now();\n    };\n\n    const onSlideChange = (swiper) => {\n        if (Date.now() - swipedRef.current < 1000) {\n            typeof mixpanel !== 'undefined' && mixpanel.track(\n                'MainPageMainBannerSwipe',\n                {\n                    activeIndex: swiper.activeIndex,\n                    nextBannerName: banners[swiper.activeIndex]?.admin_title,\n                }\n            );\n        }\n    }\n\n    const timerRef = useRef(null);\n\n    const swiperAutoPlay = () => {\n        if (banners && banners.length <= 1) return;\n        if (timerRef.current) clearTimeout(timerRef.current);\n        timerRef.current = setTimeout(() => {\n            if (swiperRef.current?.swiper) {\n                swiperRef.current.swiper.slideNext();\n            }\n            swiperAutoPlay();\n        }, 2000);\n    }\n\n    const stopAutoPlay = () => {\n        if (timerRef.current) clearTimeout(timerRef.current);\n    }\n\n    const resumeAutoPlay = () => {\n        swiperAutoPlay();\n    }\n\n    useEffect(() => {\n        swiperAutoPlay();\n    }, []);\n\n    useEffect(() => {\n        if (!swiperRef.current) return;\n        swiperRef.current.addEventListener('mouseenter', stopAutoPlay);\n        swiperRef.current.addEventListener('mouseleave', resumeAutoPlay);\n        return () => {\n            swiperRef.current.removeEventListener('mouseenter', stopAutoPlay);\n            swiperRef.current.removeEventListener('mouseleave', resumeAutoPlay);\n        }\n    }, [swiperRef.current]);\n\n    return (\n        <div className={classNames(styles.root, small ? styles.small : undefined)}>\n            <div className={styles.swiperWrapper}>\n                {\n                    banners && banners.length > 0 ?\n                        <Swiper\n                            className={styles.swiper}\n                            ref={swiperRef}\n                            loop={banners && (banners.length > 1)}\n                            onSetTranslate={swiperCustomAnimation}\n\n                            // autoplay={{\n                            //     delay: 3500,\n                            //     disableOnInteraction: false,\n                            //     pauseOnMouseEnter: true,\n                            //     stopOnLastSlide: false,\n                            // }}\n                            onInit={(swiper) => {\n                                swiper.params.navigation.prevEl = prevRef.current;\n                                swiper.params.navigation.nextEl = nextRef.current;\n                                swiper.navigation.init();\n                                swiper.navigation.update();\n                            }}\n                            onSlideChangeTransitionEnd={(swiper) => {\n                                swiperAutoPlay();\n                            }}\n                            spaceBetween={0}\n                            slidesPerView={1}\n                            threshold={20}\n                            pagination={{\n                                type: 'fraction',\n                                // renderFraction: (currentClass, totalClass) => {\n                                //     return\n                                // }\n                                // renderBullet: (index, className) => {\n                                //     return <span>{index}</span>\n                                // }\n                                horizontalClass: hidePaginator ? styles.hiddenSwiper : styles.swiperHorizontal,\n                                currentClass: hidePaginator ? styles.hiddenSwiper : styles.swiperCurrent,\n                                renderFraction: (currentClass, totalClass) => {\n                                    return `\n                                    <a href=\"${eventsRoute}\" id=\"fractionContainer\">\n                                    <div class=\"${styles.paginationIndicatorWrapper}\">\n                                        <div class=\"${styles.paginationIndicator}\">\n                                            <span class=\"${currentClass}\"></span>/<span class=\"${totalClass}\"></span>\n                                        </div>\n                                        <div class=\"${styles.paginationSeeMoreButton}\">\n                                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                                <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M5.9975 2.39062L11.1356 7.5287C11.3959 7.78905 11.3959 8.21116 11.1356 8.47151L5.9975 13.6096L5.05469 12.6668L9.72135 8.0001L5.05469 3.33343L5.9975 2.39062Z\" fill=\"#757575\"></path>\n                                            </svg>\n                                        </div>\n                                    </div>\n                                    </a>\n                                `;\n                                }\n                                // bulletClass: styles.swiperBullet,\n                                // bulletActiveClass: styles.swiperBulletActive,\n                            }}\n                            onSlideChange={onSlideChange}\n                            onTouchEnd={onTouchEnd}\n                        >\n                            {\n                                banners.map((banner, idx) => {\n                                    return (\n                                        <SwiperSlide key={idx}>\n                                            {\n                                                banner.link ?\n                                                    <Link href={banner.link || ''}>\n                                                        <a className={styles.bannerItem} onClick={() => onClick(banner, idx)}>\n                                                            <BannerContent banner={banner} />\n                                                        </a>\n                                                    </Link> :\n                                                    <div className={styles.bannerItem} onClick={() => onClick(banner, idx)}>\n                                                        <BannerContent banner={banner} />\n                                                    </div>\n                                            }\n                                        </SwiperSlide>\n                                    )\n                                })\n                            }\n                            {/*<div className={styles.buttonControllerContainer}>*/}\n                            {/*    <div ref={prevRef} className={styles.swiperPrevButton} style={{display: isMobile ? 'none' : undefined}}>*/}\n                            {/*        <ArrowLeftCircle viewBox=\"0 0 24 24\" />*/}\n                            {/*    </div>*/}\n                            {/*    <div ref={nextRef} className={styles.swiperNextButton} style={{display: isMobile ? 'none' : undefined}}>*/}\n                            {/*        <ArrowRightCircle viewBox=\"0 0 24 24\" />*/}\n                            {/*    </div>*/}\n                            {/*</div>*/}\n                        </Swiper>\n                        :\n                        <div className={classNames(styles.root, small ? styles.small : undefined, styles.placeholder)} />\n                }\n            </div>\n        </div>\n    )\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brand\":\"#ffa0cc\",\"typo1\":\"#9e9e9e\",\"typo3\":\"#424242\",\"breakpointMobile\":\"999999px\",\"breakpointTablet\":\"999999px\",\"breakpointDesktop\":\"999999px\",\"topBarHeight\":\"80px\",\"mobilStoreNavBarHeight\":\"40px\",\"topPadding\":\"40px\",\"topBannerHeight\":\"40px\",\"topTabBarHeight\":\"56px\",\"layoutLeftPaddingNew\":\"16px\",\"layoutRightPaddingNew\":\"16px\",\"heading2Xl\":\"mainBanner_heading2Xl__x2Y_o\",\"headingXl\":\"mainBanner_headingXl__rUKEF\",\"headingLg\":\"mainBanner_headingLg__AVFek\",\"headingMd\":\"mainBanner_headingMd__Yuvcr\",\"borderCircle\":\"mainBanner_borderCircle__OopG_\",\"colorInherit\":\"mainBanner_colorInherit__PVLm0\",\"padding1px\":\"mainBanner_padding1px__cs74z\",\"list\":\"mainBanner_list__9wjx5\",\"listItem\":\"mainBanner_listItem__0Y2UL\",\"lightText\":\"mainBanner_lightText__rwYu_\",\"testButton\":\"mainBanner_testButton__hK_NB\",\"testProduct\":\"mainBanner_testProduct__j1Jjg\",\"cursorPointer\":\"mainBanner_cursorPointer__e__Pi\",\"swiperNextButton\":\"mainBanner_swiperNextButton__Dkwv3\",\"swiperPrevButton\":\"mainBanner_swiperPrevButton___F2WY\",\"swiperHorizontal\":\"mainBanner_swiperHorizontal___87rQ\",\"indicator\":\"mainBanner_indicator__Myswk\",\"arrowRight\":\"mainBanner_arrowRight__jVpzV\",\"arrowLeft\":\"mainBanner_arrowLeft__XOu1K\",\"cursorUnset\":\"mainBanner_cursorUnset__NXsAi\",\"block\":\"mainBanner_block__A_5aq\",\"inlineBlock\":\"mainBanner_inlineBlock__rAyJg\",\"fullWidth\":\"mainBanner_fullWidth__Ygd8i\",\"fullFlex\":\"mainBanner_fullFlex__FBZgi\",\"verticalMiddle\":\"mainBanner_verticalMiddle___GNzj\",\"justifyContentStart\":\"mainBanner_justifyContentStart__NDuH7\",\"justifyContentCenter\":\"mainBanner_justifyContentCenter__QhA_1\",\"paginationSeeMoreButton\":\"mainBanner_paginationSeeMoreButton__eo_r1\",\"justifyContentSpaceBetween\":\"mainBanner_justifyContentSpaceBetween__0aDuE\",\"justifyContentEnd\":\"mainBanner_justifyContentEnd__dkc72\",\"alignItemsCenter\":\"mainBanner_alignItemsCenter__zJWvE\",\"socialIcon\":\"mainBanner_socialIcon__i3FuV\",\"alignItemsStart\":\"mainBanner_alignItemsStart__uUrM4\",\"alignItemsEnd\":\"mainBanner_alignItemsEnd__UcUB5\",\"rootContainer\":\"mainBanner_rootContainer__8xRKX\",\"flexRow\":\"mainBanner_flexRow__MvNqK\",\"paginationIndicatorWrapper\":\"mainBanner_paginationIndicatorWrapper__j9sHY\",\"buttonControllerContainer\":\"mainBanner_buttonControllerContainer__RPuqo\",\"flexCol\":\"mainBanner_flexCol__OOsXh\",\"flexFit\":\"mainBanner_flexFit__j_HbM\",\"container\":\"mainBanner_container__awfGm\",\"relative\":\"mainBanner_relative__h3IqM\",\"absolute\":\"mainBanner_absolute__BUTrl\",\"displayNone\":\"mainBanner_displayNone__Eg3vj\",\"square\":\"mainBanner_square__nQxD8\",\"noBorderRadius\":\"mainBanner_noBorderRadius__gZxfI\",\"no-select\":\"mainBanner_no-select__3ogEd\",\"borderUnderLine\":\"mainBanner_borderUnderLine__WN1vS\",\"borderLine2\":\"mainBanner_borderLine2__vQAL7\",\"borderUnderLineThick\":\"mainBanner_borderUnderLineThick__R9kTz\",\"mobileBorder\":\"mainBanner_mobileBorder__wggN1\",\"tableBorderUnderLine\":\"mainBanner_tableBorderUnderLine__HmV3t\",\"txtTitle\":\"mainBanner_txtTitle__cdsXX\",\"bold\":\"mainBanner_bold__ytzZF\",\"semiBold\":\"mainBanner_semiBold____HCd\",\"txtIndent\":\"mainBanner_txtIndent__D3Q_K\",\"txtSmallTitle\":\"mainBanner_txtSmallTitle__va4is\",\"txtSubTitle\":\"mainBanner_txtSubTitle__wCeca\",\"txtPlain\":\"mainBanner_txtPlain__g_Tm8\",\"bullet\":\"mainBanner_bullet__gUBdG\",\"invisible\":\"mainBanner_invisible__TIw8v\",\"pageTitle\":\"mainBanner_pageTitle__IDabF\",\"sidePadding\":\"mainBanner_sidePadding__lxfXp\",\"newSidePadding\":\"mainBanner_newSidePadding__kzApf\",\"whiteBackground\":\"mainBanner_whiteBackground__Fg3w8\",\"sideMargin\":\"mainBanner_sideMargin__MLfjP\",\"fullHeight\":\"mainBanner_fullHeight__l7KQw\",\"containerElevated\":\"mainBanner_containerElevated__finDh\",\"noLineHeight\":\"mainBanner_noLineHeight__1oLx3\",\"noMargin\":\"mainBanner_noMargin__9Gk4O\",\"fullLineHeight\":\"mainBanner_fullLineHeight__nffxF\",\"mainTitle\":\"mainBanner_mainTitle__EP8UL\",\"hideScrollbar\":\"mainBanner_hideScrollbar__Qm71M\",\"brandColorText\":\"mainBanner_brandColorText__GV9gg\",\"hide\":\"mainBanner_hide__QfvrT\",\"pageContainer\":\"mainBanner_pageContainer__ldawc\",\"transparent\":\"mainBanner_transparent__Kp_4X\",\"textAlignCenter\":\"mainBanner_textAlignCenter__TzK_P\",\"topSticky\":\"mainBanner_topSticky__d6vtB\",\"topFixed\":\"mainBanner_topFixed__uijWW\",\"stickBottom\":\"mainBanner_stickBottom__R_slq\",\"transparentButton\":\"mainBanner_transparentButton__z0gi0\",\"transparentChildButton\":\"mainBanner_transparentChildButton__yxQ11\",\"medium\":\"mainBanner_medium__CDdSu\",\"errorText\":\"mainBanner_errorText__1fWYs\",\"root\":\"mainBanner_root__RhE7j\",\"swiperWrapper\":\"mainBanner_swiperWrapper__2kkOl\",\"swiper\":\"mainBanner_swiper__V8fX1\",\"small\":\"mainBanner_small__9GzRw\",\"bannerImage\":\"mainBanner_bannerImage__g7MR_\",\"indicatorSelected\":\"mainBanner_indicatorSelected__C9WAh\",\"bannerItem\":\"mainBanner_bannerItem__xOVdc\",\"overlay\":\"mainBanner_overlay__7Bm7l\",\"bannerContainer\":\"mainBanner_bannerContainer__jzZzY\",\"textContainer\":\"mainBanner_textContainer__tXfmd\",\"bannerText\":\"mainBanner_bannerText__GtsMx\",\"bannerSubText\":\"mainBanner_bannerSubText__MfHQj\",\"bannerTitle\":\"mainBanner_bannerTitle__3ouy8\",\"hiddenSwiper\":\"mainBanner_hiddenSwiper__OJUmp\",\"paginationIndicator\":\"mainBanner_paginationIndicator__f6x32\",\"swiperCurrent\":\"mainBanner_swiperCurrent___fp4I\",\"swiperBullet\":\"mainBanner_swiperBullet__xXicZ\",\"swiperBulletActive\":\"mainBanner_swiperBulletActive__RXkWS\",\"placeholder\":\"mainBanner_placeholder__IaMhe\"};"],"names":["_circle","_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","width","height","fill","xmlns","cx","cy","r","fillOpacity","fillRule","clipRule","d","SwiperCore","Navigation","Pagination","Autoplay","BannerContent","banner","style","src","mobile_image_url","alt","text","hide_overlay","className","styles","sub_text","title","MainBanner","banners","hidePaginator","isLoading","small","prevRef","useMediaQuery","utilStyles","useRef","nextRef","swiperRef","swipedRef","useContext","ModalContext","openCouponModalByIdentifier","openChuseokModal","router","useRouter","onClick","idx","console","log","mixpanel","track","bannerIndex","adminTitle","admin_title","image_url","link","push","modal_identifier","isApp","app_modal_identifier","onShowMoreClick","useEffect","current","bannerShowMoreButton","document","getElementById","addEventListener","removeEventListener","timerRef","swiperAutoPlay","clearTimeout","setTimeout","swiper","slideNext","stopAutoPlay","resumeAutoPlay","classNames","undefined","ref","loop","onSetTranslate","swiperCustomAnimation","onInit","params","navigation","prevEl","nextEl","init","update","onSlideChangeTransitionEnd","spaceBetween","slidesPerView","threshold","pagination","type","horizontalClass","currentClass","renderFraction","totalClass","eventsRoute","onSlideChange","Date","now","activeIndex","nextBannerName","onTouchEnd","map","href","module","exports"],"sourceRoot":""}