{"version":3,"sources":["webpack:///./src/components/sub_head.vue?0f12","webpack:///src/components/sub_head.vue","webpack:///./src/components/sub_head.vue?8953","webpack:///./src/components/sub_head.vue","webpack:///./src/components/sub_head.vue?9e67","webpack:///./src/components/sub_head.vue?b298","webpack:///./src/components/GameInfoBadge.vue?7ef8","webpack:///./src/components/modal/GameModal.vue?542e","webpack:///./src/views/Game/Game.vue?10d9","webpack:///./src/components/BreadCrumb.vue?d78f","webpack:///src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?794e","webpack:///./src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?fa10","webpack:///./src/components/Tab.vue?a0b3","webpack:///./src/views/Game/Game.vue?f442","webpack:///./src/components/modal/GameModal.vue?a492","webpack:///./src/components/GameInfoBadge.vue?4fef","webpack:///src/components/GameInfoBadge.vue","webpack:///./src/components/GameInfoBadge.vue?63a6","webpack:///./src/components/GameInfoBadge.vue","webpack:///src/components/modal/GameModal.vue","webpack:///./src/components/modal/GameModal.vue?b132","webpack:///./src/components/modal/GameModal.vue","webpack:///./src/components/Tab.vue?34f6","webpack:///src/components/Tab.vue","webpack:///./src/components/Tab.vue?1581","webpack:///./src/components/Tab.vue","webpack:///src/views/Game/Game.vue","webpack:///./src/views/Game/Game.vue?1343","webpack:///./src/views/Game/Game.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","subTitle","undefined","subImg","attrs","_e","staticRenderFns","components","props","String","methods","checkMobileWidth","window","innerWidth","component","directives","name","rawName","value","isMobile","expression","route","nativeOn","$event","goRoutePage","routeList","sub","currentRoute","path","Object","data","happytable","award","product","0","1","2","productinfo","game","3","4","cognition","multigame","cognitionDetail","story","news","reference","faq","computed","split","query","index","$router","push","checkBrowserWidth","created","addEventListener","$route","ref","modalInfo","on","closeModal","tabList","parseInt","setActiveTab","_l","filtering_game","game_kind","is_all","item","info","key","game_detail","openModal","game_eng","game_kor","kind","player","game_count","game_info","length","showing_count","showAll","button_value","$emit","stopPropagation","modalItem","text","_m","check_screenWidth","staticStyle","_obj","class","gameInfo","mounted","beforeDestroy","removeEventListener","screen","width","active","activeIndex","activeTab","Array","Number","menuName","watch","subHead","ImageComponent","GameModal","Tab","GameInfoBadge","BreadCrumb","content","all_game_info","is_true","isShowAll","is_moreshow","showModal","gameCount","hiddenCount","empty_box","i","gameList","filter","more","slice","filter_game_kind","document","querySelector","style","overflow","getElementById","scrollTop","removeProperty","openSlideModal","game_name"],"mappings":"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","file":"js/chunk-7aba66e1.a7ef501f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"page_padding top-banner\"},[_c('span',{staticClass:\"banner-title fontBold\"},[_vm._v(_vm._s(_vm.subTitle))]),(_vm.subImg !== undefined)?_c('image-component',{attrs:{\"path\":\"\",\"is_jpg\":false,\"name\":_vm.subImg}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"banner\">\r\n    <div class=\"page_padding top-banner\">\r\n      <span class=\"banner-title fontBold\">{{ subTitle }}</span>\r\n      <image-component\r\n        v-if=\"subImg !== undefined\"\r\n        path=\"\"\r\n        :is_jpg=\"false\"\r\n        :name=\"subImg\"\r\n      ></image-component>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImageComponent from \"./imageComponent.vue\";\r\nexport default {\r\n  components: {ImageComponent},\r\n  props: {\r\n    subTitle: String,\r\n    subImg: String,\r\n  },\r\n\r\n  methods: {\r\n    checkMobileWidth() {\r\n      return window.innerWidth > 767;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n@import url(\"../assets/source/css/style.css\");\r\n.banner {\r\n  background-color: #f8f8f8;\r\n}\r\n.top-banner {\r\n  width: 100%;\r\n  padding-top: 71px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  height: max-content;\r\n  box-sizing: border-box;\r\n  height: 100%;\r\n}\r\n\r\n.banner-title {\r\n  font-size: 2rem;\r\n  word-break: keep-all;\r\n}\r\n</style>\r\n<style scoped>\r\n.top-banner >>> img {\r\n  display: block;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sub_head.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sub_head.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./sub_head.vue?vue&type=template&id=f36aecca&scoped=true&\"\nimport script from \"./sub_head.vue?vue&type=script&lang=js&\"\nexport * from \"./sub_head.vue?vue&type=script&lang=js&\"\nimport style0 from \"./sub_head.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./sub_head.vue?vue&type=style&index=1&id=f36aecca&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f36aecca\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sub_head.vue?vue&type=style&index=1&id=f36aecca&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./sub_head.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameInfoBadge.vue?vue&type=style&index=0&id=a0edbe0c&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameModal.vue?vue&type=style&index=0&id=6abc4bcc&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game.vue?vue&type=style&index=0&id=0710bc89&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isMobile),expression:\"!isMobile\"}],staticClass:\"bread-crumb-wrapper\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('div',{staticClass:\"d-flex bread-crumb\"},[_c('image-component',{attrs:{\"path\":\"\",\"isJpg\":false,\"name\":\"ic_home\"}}),_c('span',{staticClass:\"route\"},[_vm._v(\"홈\")])],1)]),_vm._v(\" / \"),_c('router-link',{attrs:{\"to\":{name: _vm.route}},nativeOn:{\"click\":function($event){return _vm.goRoutePage($event)}}},[_c('span',{staticClass:\"route\"},[_vm._v(_vm._s(_vm.routeList[_vm.route].name))])]),_vm._v(\" / \"),_c('span',{staticClass:\"route current-page\"},[_vm._v(\" \"+_vm._s(_vm.routeList[_vm.route].sub[_vm.currentRoute].name)+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bread-crumb-wrapper\" v-show=\"!isMobile\">\r\n    <router-link to=\"/\">\r\n      <div class=\"d-flex bread-crumb\">\r\n        <image-component\r\n          path=\"\"\r\n          :isJpg=\"false\"\r\n          name=\"ic_home\"\r\n        ></image-component>\r\n        <span class=\"route\">홈</span>\r\n      </div>\r\n    </router-link>\r\n    /\r\n    <router-link :to=\"{name: route}\" @click.native=\"goRoutePage\"\r\n      ><span class=\"route\">{{ routeList[route].name }}</span>\r\n    </router-link>\r\n    /\r\n    <span class=\"route current-page\">\r\n      {{ routeList[route].sub[currentRoute].name }}\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImageComponent from \"./imageComponent.vue\";\r\nexport default {\r\n  components: {ImageComponent},\r\n  props: {\r\n    path: Object,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      routeList: {\r\n        happytable: {\r\n          name: \"해피테이블\",\r\n          sub: {\r\n            happytable: {name: \"브랜드 이야기\"},\r\n            award: {name: \"인증 및 수상\"},\r\n          },\r\n        },\r\n        product: {\r\n          name: \"제품 소개\",\r\n          sub: {\r\n            0: {name: \"43인치\"},\r\n            1: {name: \"32인치\"},\r\n            2: {name: \"해피태블릿\"},\r\n          },\r\n        },\r\n        productinfo: {\r\n          name: \"제품 소개\",\r\n          sub: {\r\n            productinfo: {name: \"43인치\"},\r\n            \"32inch\": {name: \"32인치\"},\r\n          },\r\n        },\r\n        game: {\r\n          name: \"게임 소개\",\r\n          sub: {\r\n            0: {name: \"전체\"},\r\n            1: {name: \"협동\"},\r\n            2: {name: \"경쟁\"},\r\n            3: {name: \"힐링\"},\r\n            4: {name: \"학습\"},\r\n          },\r\n        },\r\n        cognition: {\r\n          name: \"게임 소개\",\r\n          sub: {\r\n            cognition: {name: \"기능성 게임\"},\r\n            multigame: {name: \"멀티 게임\"},\r\n            cognitionDetail: {name: \"인지 평가 게임\"},\r\n            story: {name: \"스토리 웹툰\"},\r\n          },\r\n        },\r\n        news: {\r\n          name: \"소식\",\r\n          sub: {\r\n            news: {name: \"공지사항\"},\r\n            reference: {name: \"설치 사례\"},\r\n            faq: {name: \"FAQ\"},\r\n          },\r\n        },\r\n      },\r\n      isMobile: false,\r\n    };\r\n  },\r\n  computed: {\r\n    route() {\r\n      return this.path.path.split(\"/\")[1];\r\n    },\r\n    currentRoute() {\r\n      if (\r\n        this.path.query.index === undefined ||\r\n        this.path.name === \"cognition\"\r\n      ) {\r\n        return this.path.name;\r\n      }\r\n      return this.path.query.index;\r\n    },\r\n  },\r\n  methods: {\r\n    goRoutePage() {\r\n      if (this.route === \"product\" || this.route === \"game\") {\r\n        this.$router.push({\r\n          name: this.route,\r\n          query: {index: 0},\r\n        });\r\n        return;\r\n      } else {\r\n        if (this.$router.currentRoute.name !== this.route) {\r\n          this.$router.push({\r\n            name: this.route,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    checkBrowserWidth() {\r\n      // this.isMobile = window.innerWidth <= 1200;\r\n    },\r\n  },\r\n  created() {\r\n    this.checkBrowserWidth();\r\n    window.addEventListener(\"resize\", this.checkBrowserWidth);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bread-crumb-wrapper {\r\n  margin: 1rem 0;\r\n  text-align: left;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.route.current-page {\r\n  color: #f83f1b;\r\n}\r\na {\r\n  text-decoration: none;\r\n}\r\n.route {\r\n  font-size: 14px;\r\n  color: black;\r\n  padding: 0 0.4rem;\r\n}\r\na >>> .imgWrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadCrumb.vue?vue&type=template&id=2bf61cc4&scoped=true&\"\nimport script from \"./BreadCrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadCrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BreadCrumb.vue?vue&type=style&index=0&id=2bf61cc4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2bf61cc4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=style&index=0&id=2bf61cc4&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tab.vue?vue&type=style&index=0&id=011c607c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('sub-head',{staticClass:\"web\",attrs:{\"subTitle\":\"기능성 게임\",\"subImg\":\"game_top\"}}),_c('sub-head',{staticClass:\"mobile\",attrs:{\"subTitle\":\"기능성 게임\"}}),_c('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{attrs:{\"path\":_vm.$route}})],1),_c('game-modal',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showModal),expression:\"showModal\"}],ref:\"gameModal\",attrs:{\"modalItem\":_vm.modalInfo},on:{\"close\":_vm.closeModal}}),_c('div',{staticClass:\"page_padding\"},[_c('div',{staticClass:\"paddingTB\"},[_c('tab',{attrs:{\"tabList\":_vm.tabList,\"index\":parseInt(_vm.index)},on:{\"active-tab\":_vm.setActiveTab}}),_c('div',{staticClass:\"game-list-wrapper\"},[_vm._l((_vm.filtering_game(_vm.game_kind, _vm.is_all)),function(item,info){return _c('div',{key:info,staticClass:\"item\",on:{\"click\":function($event){return _vm.game_detail(item)}}},[_c('div',{staticClass:\"game-block-wrapper\",on:{\"click\":_vm.openModal}},[_c('image-component',{attrs:{\"is_jpg\":false,\"name\":item.game,\"path\":\"icons\"}}),_c('div',[_c('span',{staticClass:\"font20 fontExtraBold text333\"},[_vm._v(\" \"+_vm._s(item.game_eng)+\" \")])]),_c('div',{staticClass:\"title text333\"},[_c('span',[_vm._v(_vm._s(item.game_kor))])])],1),_c('game-info-badge',{attrs:{\"gameInfo\":{kind: item.game_kind, player: item.player}}})],1)}),_vm._l((_vm.game_count()),function(item){return _c('div',{key:item,staticClass:\"item hidden\"})})],2),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(this.game_info.length > this.showing_count),expression:\"this.game_info.length > this.showing_count\"}],staticClass:\"show_more_btn\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.showAll()}}},[_vm._v(\" \"+_vm._s(_vm.button_value)+\" \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"modal-mask\",on:{\"mousedown\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"modal-wrapper\"},[_c('div',{staticClass:\"modal-container\",attrs:{\"id\":\"gameModal\"},on:{\"mousedown\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"modal-header\"},[_c('div',[_c('div',{staticClass:\"d-flex modal_head\"},[_c('div',{staticClass:\"modal_imgWrap flex-set width45\"},[_c('image-component',{staticClass:\"borderRadius bgBackground\",attrs:{\"is_jpg\":false,\"name\":_vm.modalItem.game,\"path\":\"icons\"}})],1),_c('div',{staticClass:\"modal_gameInfo text-left paddingM width55\"},[_c('div',{staticClass:\"game_name\"},[_c('span',{staticClass:\"font30 fontExtraBold text333\"},[_vm._v(\" \"+_vm._s(_vm.modalItem.game_eng)+\" \")])]),_c('div',{staticClass:\"paddingTB1\"},[_c('span',{staticClass:\"font24 text333\"},[_vm._v(\" \"+_vm._s(_vm.modalItem.game_kor)+\" \")])]),_c('game-info-badge',{attrs:{\"gameInfo\":{\n                    kind: _vm.modalItem.game_kind,\n                    player: _vm.modalItem.player,\n                  }}})],1)])])]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"text-left fontS\"},[_vm._v(\" \"+_vm._s(_vm.modalItem.text)+\" \")])]),_c('div',{staticClass:\"modal-footer\"},[_vm._m(0),_vm._l((2),function(item,index){return _c('div',{key:index,staticClass:\"screenshot-wrap\"},[_c('image-component',{attrs:{\"is_jpg\":true,\"name\":_vm.modalItem.game + (index + 1),\"path\":\"screenshots\"}})],1)}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.check_screenWidth()),expression:\"check_screenWidth()\"}],staticClass:\"modal-default-button\",on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('image-component',{attrs:{\"is_jpg\":false,\"name\":\"ic_close\",\"path\":\"\"}})],1)],2)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-left paddingTB1\",staticStyle:{\"border-top\":\"1px solid lightgray\"}},[_c('span',{staticClass:\"font20 fontMedium\"},[_vm._v(\"게임 스크린샷\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"game-info-wrapper\"},[_c('div',{staticClass:\"info-item\",class:( _obj = {}, _obj[_vm.gameInfo.kind] = true, _obj )},[_c('span',[_vm._v(_vm._s(_vm.gameInfo.kind))])]),_c('div',{staticClass:\"info-item\"},[_c('span',[_vm._v(_vm._s(_vm.gameInfo.player))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"game-info-wrapper\">\r\n    <div class=\"info-item\" :class=\"{[gameInfo.kind]: true}\">\r\n      <span>{{ gameInfo.kind }}</span>\r\n    </div>\r\n    <div class=\"info-item\">\r\n      <span>{{ gameInfo.player }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    gameInfo: Object,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.game-info-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.info-item {\r\n  /* border: 1px solid grey; */\r\n  padding: 0 10px;\r\n  border-radius: 50px;\r\n  border: 1px solid grey;\r\n}\r\n.info-item:nth-child(1) {\r\n  margin-right: 5px;\r\n}\r\n.info-item span {\r\n  font: 12px/20px paybooc;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  /* padding: 2px 0; */\r\n  /* vertical-align: middle; */\r\n}\r\n\r\n.경쟁 {\r\n  /* background-color: #db3960; */\r\n  border: 1px solid #db3960;\r\n  background-color: transparent;\r\n}\r\n.경쟁 span {\r\n  color: #db3960;\r\n}\r\n\r\n.협동 {\r\n  border: 1px solid #3e85fb;\r\n  background-color: transparent;\r\n}\r\n.협동 span {\r\n  color: #3e85fb;\r\n}\r\n.힐링 {\r\n  border: 1px solid #45ab47;\r\n  background-color: transparent;\r\n}\r\n.힐링 span {\r\n  color: #45ab47;\r\n}\r\n.학습 {\r\n  border: 1px solid #f18716;\r\n  background-color: transparent;\r\n}\r\n.학습 span {\r\n  color: #f18716;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameInfoBadge.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameInfoBadge.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GameInfoBadge.vue?vue&type=template&id=a0edbe0c&scoped=true&\"\nimport script from \"./GameInfoBadge.vue?vue&type=script&lang=js&\"\nexport * from \"./GameInfoBadge.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GameInfoBadge.vue?vue&type=style&index=0&id=a0edbe0c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a0edbe0c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"modal-mask\" @mousedown=\"$emit('close')\" style=\"\">\r\n      <div class=\"modal-wrapper\">\r\n        <div id=\"gameModal\" class=\"modal-container\" @mousedown.stop>\r\n          <div class=\"modal-header\">\r\n            <div>\r\n              <div class=\"d-flex modal_head\">\r\n                <div class=\"modal_imgWrap flex-set width45\">\r\n                  <image-component\r\n                    :is_jpg=\"false\"\r\n                    :name=\"modalItem.game\"\r\n                    path=\"icons\"\r\n                    class=\"borderRadius bgBackground\"\r\n                  ></image-component>\r\n                </div>\r\n                <div class=\"modal_gameInfo text-left paddingM width55\">\r\n                  <div class=\"game_name\">\r\n                    <span class=\"font30 fontExtraBold text333\">\r\n                      {{ modalItem.game_eng }}\r\n                    </span>\r\n                  </div>\r\n                  <div class=\"paddingTB1\">\r\n                    <span class=\"font24 text333\">\r\n                      {{ modalItem.game_kor }}\r\n                    </span>\r\n                  </div>\r\n                  <game-info-badge\r\n                    :gameInfo=\"{\r\n                      kind: modalItem.game_kind,\r\n                      player: modalItem.player,\r\n                    }\"\r\n                  ></game-info-badge>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"modal-body\">\r\n            <div class=\"text-left fontS\">\r\n              {{ modalItem.text }}\r\n            </div>\r\n          </div>\r\n          <div class=\"modal-footer\">\r\n            <div\r\n              class=\"text-left paddingTB1\"\r\n              style=\"border-top: 1px solid lightgray;\"\r\n            >\r\n              <span class=\"font20 fontMedium\">게임 스크린샷</span>\r\n            </div>\r\n            <div\r\n              v-for=\"(item, index) in 2\"\r\n              :key=\"index\"\r\n              class=\"screenshot-wrap\"\r\n            >\r\n              <image-component\r\n                :is_jpg=\"true\"\r\n                :name=\"modalItem.game + (index + 1)\"\r\n                path=\"screenshots\"\r\n              ></image-component>\r\n            </div>\r\n            <div\r\n              v-show=\"check_screenWidth()\"\r\n              class=\"modal-default-button\"\r\n              @click=\"$emit('close')\"\r\n            >\r\n              <image-component\r\n                :is_jpg=\"false\"\r\n                name=\"ic_close\"\r\n                path=\"\"\r\n              ></image-component>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport GameInfoBadge from \"../GameInfoBadge.vue\";\r\nimport imageComponent from \"../imageComponent.vue\";\r\nexport default {\r\n  components: {imageComponent, GameInfoBadge},\r\n  props: {modalItem: Object},\r\n  mounted() {\r\n    window.addEventListener(\"resize\", this.check_screenWidth);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.check_screenWidth);\r\n  },\r\n  methods: {\r\n    check_screenWidth() {\r\n      return screen.width >= 767;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.modal-mask {\r\n  position: fixed;\r\n  z-index: 9998;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: table;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.modal-wrapper {\r\n  display: table-cell;\r\n  vertical-align: middle;\r\n}\r\n\r\n.modal-container {\r\n  position: relative;\r\n  width: 30vw;\r\n  min-width: 250px;\r\n  max-height: 70vh;\r\n  margin: 0px auto;\r\n  padding: 6vw;\r\n  background-color: #fff;\r\n  border-radius: 2px;\r\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\r\n  transition: all 0.3s ease;\r\n  font-family: Helvetica, Arial, sans-serif;\r\n  overflow-y: scroll;\r\n}\r\n\r\n.modal-body {\r\n  padding-bottom: 50px;\r\n  margin-top: 36px;\r\n}\r\n\r\n.modal-default-button {\r\n  position: fixed;\r\n  /* top: 10vh;\r\n  left: 65vw; */\r\n  top: 10px;\r\n  right: 10px;\r\n  /* background-color: #9a9a9a; */\r\n  padding: 0.2rem;\r\n  width: 60px;\r\n  height: 60px;\r\n}\r\n.modal-default-button img {\r\n  width: 100%;\r\n}\r\n\r\n.modal-enter {\r\n  opacity: 0;\r\n}\r\n\r\n.modal-leave-active {\r\n  opacity: 0;\r\n}\r\n.modal-container {\r\n  -ms-overflow-style: none; /* IE and Edge */\r\n  scrollbar-width: none; /* Firefox */\r\n}\r\n.modal-container::-webkit-scrollbar {\r\n  display: none; /* Chrome, Safari, Opera*/\r\n}\r\n.modal_imgWrap {\r\n  max-width: 180px;\r\n  max-height: 180px;\r\n}\r\n.modal_imgWrap img {\r\n  border-radius: 0 !important;\r\n}\r\n.modal_gameInfo {\r\n  /* padding: 0.5rem 0 1rem 2rem; */\r\n  display: flex;\r\n  justify-content: space-around;\r\n  flex-direction: column;\r\n  padding-left: 10px;\r\n  align-items: flex-start;\r\n}\r\n.modal_gameInfo .kind {\r\n  margin-right: 10px;\r\n}\r\n.screenshot-wrap:nth-child(1) {\r\n  margin: 30px 0;\r\n}\r\n.modal_gameInfo >>> .game-info-wrapper {\r\n  justify-content: start !important;\r\n}\r\n.modal_imgWrap >>> img {\r\n  display: block;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GameModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GameModal.vue?vue&type=template&id=6abc4bcc&scoped=true&\"\nimport script from \"./GameModal.vue?vue&type=script&lang=js&\"\nexport * from \"./GameModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GameModal.vue?vue&type=style&index=0&id=6abc4bcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6abc4bcc\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"filter-wrapper\"},_vm._l((_vm.tabList),function(value,index){return _c('div',{key:index,staticClass:\"item\",class:{active: index === _vm.activeIndex},on:{\"click\":function($event){return _vm.activeTab(index)}}},[_c('span',[_vm._v(_vm._s(value))])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"filter-wrapper\">\r\n    <div\r\n      class=\"item\"\r\n      :class=\"{active: index === activeIndex}\"\r\n      v-for=\"(value, index) in tabList\"\r\n      :key=\"index\"\r\n      @click=\"activeTab(index)\"\r\n    >\r\n      <span>{{ value }}</span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    tabList: Array,\r\n    index: Number,\r\n  },\r\n  data() {\r\n    return {\r\n      activeIndex: this.index,\r\n    };\r\n  },\r\n  methods: {\r\n    activeTab(index) {\r\n      this.activeIndex = index;\r\n      let menuName = this.$route.name;\r\n      this.$emit(\"active-tab\", index);\r\n      this.$router.push({\r\n        name: menuName,\r\n        query: {index: index},\r\n      });\r\n    },\r\n  },\r\n  watch: {\r\n    index(value) {\r\n      this.activeIndex = value;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.filter-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  padding: 1rem 0;\r\n}\r\n.item {\r\n  width: 100%;\r\n  height: 4rem;\r\n  border: 1px solid #e6e6e6;\r\n  border-bottom: 1px solid #f83f1b;\r\n  background-color: #f4f4f4;\r\n  text-align: center;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  margin-left: -1px;\r\n  cursor: pointer;\r\n}\r\n.item.active {\r\n  border: 1px solid #f83f1b !important;\r\n  border-bottom: 0 !important;\r\n  background-color: transparent;\r\n  z-index: 2;\r\n}\r\n.active span {\r\n  color: #f83f1b;\r\n  font-weight: bold;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tab.vue?vue&type=template&id=011c607c&scoped=true&\"\nimport script from \"./Tab.vue?vue&type=script&lang=js&\"\nexport * from \"./Tab.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tab.vue?vue&type=style&index=0&id=011c607c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"011c607c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <sub-head subTitle=\"기능성 게임\" subImg=\"game_top\" class=\"web\"></sub-head>\r\n    <sub-head subTitle=\"기능성 게임\" class=\"mobile\"></sub-head>\r\n\r\n    <div class=\"page_padding\">\r\n      <bread-crumb :path=\"$route\"></bread-crumb>\r\n    </div>\r\n    <game-modal\r\n      v-show=\"showModal\"\r\n      v-on:close=\"closeModal\"\r\n      :modalItem=\"modalInfo\"\r\n      ref=\"gameModal\"\r\n    ></game-modal>\r\n    <div class=\"page_padding\">\r\n      <div class=\"paddingTB\">\r\n        <tab\r\n          :tabList=\"tabList\"\r\n          @active-tab=\"setActiveTab\"\r\n          :index=\"parseInt(index)\"\r\n        ></tab>\r\n        <div class=\"game-list-wrapper\">\r\n          <div\r\n            v-for=\"(item, info) in filtering_game(game_kind, is_all)\"\r\n            :key=\"info\"\r\n            class=\"item\"\r\n            v-on:click=\"game_detail(item)\"\r\n          >\r\n            <div @click=\"openModal\" class=\"game-block-wrapper\">\r\n              <image-component\r\n                :is_jpg=\"false\"\r\n                :name=\"item.game\"\r\n                path=\"icons\"\r\n              ></image-component>\r\n              <div>\r\n                <span class=\"font20 fontExtraBold text333\">\r\n                  {{ item.game_eng }}\r\n                </span>\r\n              </div>\r\n              <div class=\"title text333\">\r\n                <span>{{ item.game_kor }}</span>\r\n              </div>\r\n              <!-- <div\r\n                  class=\"textWhite d-flex borderRadius justify-content-center paddingTB1 game_property\"\r\n                >\r\n                  <div :class=\"{[item.game_kind]: true}\" class=\"kind\">\r\n                    <span class=\"font14\">{{ item.game_kind }}</span>\r\n                  </div>\r\n                  <div class=\"player\">\r\n                    <span class=\"font14\">{{ item.player }}</span>\r\n                  </div>\r\n                </div> -->\r\n            </div>\r\n            <game-info-badge\r\n              :gameInfo=\"{kind: item.game_kind, player: item.player}\"\r\n            ></game-info-badge>\r\n            <!-- 경쟁, 2 ~ 4인용 컴포넌트로 빼서 모달에도 끼기 -->\r\n            <!-- <div class=\"game-info-wrapper\">\r\n              <div class=\"info-item\" :class=\"{[item.game_kind]: true}\">\r\n                <span>{{ item.game_kind }}</span>\r\n              </div>\r\n              <div class=\"info-item\"><span>2-4인용</span></div>\r\n            </div> -->\r\n          </div>\r\n          <div\r\n            class=\"item hidden\"\r\n            v-for=\"item in game_count()\"\r\n            :key=\"item\"\r\n          ></div>\r\n        </div>\r\n        <button\r\n          href=\"#\"\r\n          class=\"show_more_btn\"\r\n          @click=\"showAll()\"\r\n          v-show=\"this.game_info.length > this.showing_count\"\r\n        >\r\n          {{ button_value }}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport subTopContents from \"../../assets/source/json/sub_top.json\";\r\nimport gameContents from \"../../assets/source/json/game_info.json\";\r\nimport subHead from \"../../components/sub_head.vue\";\r\nimport ImageComponent from \"../../components/imageComponent.vue\";\r\nimport GameModal from \"../../components/modal/GameModal.vue\";\r\nimport Tab from \"../../components/Tab.vue\";\r\nimport GameInfoBadge from \"../../components/GameInfoBadge.vue\";\r\nimport BreadCrumb from \"../../components/BreadCrumb.vue\";\r\nexport default {\r\n  components: {\r\n    subHead,\r\n    ImageComponent,\r\n    GameModal,\r\n    Tab,\r\n    GameInfoBadge,\r\n    BreadCrumb,\r\n  },\r\n  props: [\"game_name\"],\r\n  data() {\r\n    return {\r\n      content: subTopContents,\r\n      all_game_info: gameContents,\r\n      game_info: gameContents,\r\n      is_true: false,\r\n      game_kind: \"all\",\r\n      isShowAll: false,\r\n      is_all: \"\",\r\n      button_value: \"더보기\",\r\n      is_moreshow: true,\r\n      showing_count: 12,\r\n      showModal: false,\r\n      modalInfo: {\r\n        game: \"GAME_BALLOON\",\r\n        game_eng: \"\",\r\n        game_kor: \"\",\r\n        game_kind: \"\",\r\n        player: \"\",\r\n        text: \"\",\r\n      },\r\n      tabList: [\"전체\", \"협동\", \"경쟁\", \"힐링\", \"학습\"],\r\n    };\r\n  },\r\n  computed: {\r\n    index() {\r\n      return this.$route.query.index || 0;\r\n    },\r\n  },\r\n  methods: {\r\n    game_detail(item) {\r\n      this.is_true = true;\r\n      this.showModal = true;\r\n      this.modalInfo.game = item.game;\r\n      this.modalInfo.game_eng = item.game_eng;\r\n      this.modalInfo.game_kor = item.game_kor;\r\n      this.modalInfo.game_kind = item.game_kind;\r\n      this.modalInfo.player = item.player;\r\n      this.modalInfo.text = item.text;\r\n      return this.modalInfo;\r\n    },\r\n    game_count() {\r\n      let gameCount = Object.keys(this.game_info).length;\r\n      let empty_box = [];\r\n      let hiddenCount = 0;\r\n      if (gameCount % 4 != 0) {\r\n        hiddenCount = 4 - (gameCount % 4);\r\n      }\r\n      for (let i = 0; i < hiddenCount; i++) {\r\n        empty_box[i] = \"empty\" + i;\r\n      }\r\n      return empty_box;\r\n    },\r\n    showAll() {\r\n      if (!this.isShowAll) {\r\n        this.isShowAll = true;\r\n        this.is_all = \"all\";\r\n        this.button_value = \"접기\";\r\n        return;\r\n      }\r\n      this.isShowAll = false;\r\n      this.is_all = \"\";\r\n      this.button_value = \"더보기\";\r\n    },\r\n    filtering_game: function(kind, more) {\r\n      let gameList = this.game_info;\r\n\r\n      // 게임 종류 필터링\r\n      if (kind !== \"all\") {\r\n        gameList = this.game_info.filter(function(content) {\r\n          return content.game_kind === kind;\r\n        });\r\n      }\r\n      // 전체 보기 or 필터링\r\n      if (more !== \"all\") {\r\n        return gameList.slice(0, this.showing_count);\r\n      }\r\n      return gameList;\r\n    },\r\n    filter_game_kind(kind) {\r\n      this.game_kind = kind;\r\n      this.game_info = [];\r\n      if (this.game_kind == \"all\") {\r\n        this.game_info = this.all_game_info;\r\n      } else {\r\n        for (var i = 0; i < this.all_game_info.length; i++) {\r\n          if (this.all_game_info[i].game_kind == this.game_kind) {\r\n            this.game_info.push(this.all_game_info[i]);\r\n          }\r\n        }\r\n      }\r\n      this.isShowAll = false;\r\n      this.is_all = \"\";\r\n      this.button_value = \"더보기\";\r\n    },\r\n    openModal() {\r\n      document.querySelector(\"#app\").style.overflow = \"hidden\";\r\n      this.showModal = true;\r\n    },\r\n    closeModal() {\r\n      document.getElementById(\"gameModal\").scrollTop = 0;\r\n      this.showModal = false;\r\n      document.querySelector(\"#app\").style.removeProperty(\"overflow\");\r\n    },\r\n    openSlideModal(game_name) {\r\n      for (var i = 0; i < this.all_game_info.length; i++) {\r\n        if (game_name == this.all_game_info[i].game) {\r\n          this.game_detail(this.all_game_info[i]);\r\n        }\r\n      }\r\n    },\r\n    setActiveTab(index) {\r\n      index = parseInt(index);\r\n      this.game_kind = index === 0 ? \"all\" : this.tabList[index];\r\n      this.game_info = [];\r\n      if (index === 0) {\r\n        this.game_info = this.all_game_info;\r\n      } else {\r\n        for (var i = 0; i < this.all_game_info.length; i++) {\r\n          if (this.all_game_info[i].game_kind == this.game_kind) {\r\n            this.game_info.push(this.all_game_info[i]);\r\n          }\r\n        }\r\n      }\r\n      this.isShowAll = false;\r\n      this.is_all = \"\";\r\n      this.button_value = \"더보기\";\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    this.setActiveTab(this.index);\r\n    if (this.game_name != \"\") {\r\n      this.openSlideModal(this.game_name);\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    $route() {\r\n      let index = this.index;\r\n      this.setActiveTab(index);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.mobile {\r\n  display: none;\r\n}\r\nul li {\r\n  list-style: none;\r\n  border-right: 1px solid #e6e6e6;\r\n  width: 25%;\r\n  padding: 1.5rem 0;\r\n  background-color: #f4f4f4;\r\n  color: #333;\r\n  font-size: 1.1rem;\r\n}\r\nul li:last-child {\r\n  border-right: 0px solid gray;\r\n}\r\n\r\nul {\r\n  display: flex;\r\n  width: 100%;\r\n  /* border: 1px solid gray; */\r\n}\r\n.padding0-8 {\r\n  padding: 0.8rem 0;\r\n}\r\n.imgWrap img {\r\n  width: 100%;\r\n}\r\n.modal_imgWrap {\r\n  max-width: 180px;\r\n  max-height: 180px;\r\n}\r\n.modal_imgWrap img {\r\n  border-radius: 0 !important;\r\n}\r\n.game-list-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  padding: 1rem 0;\r\n}\r\n.game-list-wrapper .item {\r\n  width: 24%;\r\n  min-width: 160px;\r\n  padding: 1.8rem 0 3.2rem 0;\r\n  border: 1px solid #d4d3d3;\r\n  margin: 1rem 0;\r\n}\r\n\r\n/* .item:hover {\r\n  cursor: pointer;\r\n  border: 1px solid #f83f1b;\r\n  box-shadow: 0 0 0 1px #f82f1b inset;\r\n} */\r\n.item.hidden {\r\n  border: none;\r\n  box-shadow: none;\r\n  cursor: unset;\r\n  margin: 0;\r\n}\r\n.active {\r\n  background-color: #f83f1b;\r\n  border-color: #f83f1b !important;\r\n  color: white;\r\n}\r\n\r\n.kind,\r\n.player {\r\n  padding: 0.2rem 1rem;\r\n  border-radius: 10px;\r\n}\r\n.kind {\r\n  margin-right: 10px;\r\n}\r\n.player {\r\n  background-color: #2b2e35;\r\n}\r\n.bgBackground {\r\n  background-color: #e6e6e6;\r\n}\r\n.borderRadius {\r\n  border-radius: 28px;\r\n}\r\n.overflowAuto {\r\n  overflow: auto;\r\n}\r\n.game-block-wrapper {\r\n  word-break: keep-all;\r\n  height: calc(100% - 40px);\r\n  padding: 0 24%;\r\n  line-height: 1;\r\n}\r\n.game-block-wrapper .title {\r\n  margin-bottom: 1rem;\r\n}\r\n.game-info-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.info-item {\r\n  padding: 0 10px;\r\n  border-radius: 50px;\r\n  border: 1px solid grey;\r\n}\r\n.info-item:nth-child(1) {\r\n  margin-right: 5px;\r\n}\r\n.info-item span {\r\n  font: 12px/20px paybooc;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .banner.web {\r\n    margin-top: 60px;\r\n    .banner-title {\r\n      font-size: 1.5rem;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Game.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Game.vue?vue&type=template&id=0710bc89&scoped=true&\"\nimport script from \"./Game.vue?vue&type=script&lang=js&\"\nexport * from \"./Game.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Game.vue?vue&type=style&index=0&id=0710bc89&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0710bc89\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}