{"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/views/Game/MultiGame.vue?9bfd","webpack:///./src/components/BreadCrumb.vue?d78f","webpack:///src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?794e","webpack:///./src/components/BreadCrumb.vue","webpack:///./src/views/Game/MultiGame.vue?e11a","webpack:///src/views/Game/MultiGame.vue","webpack:///./src/views/Game/MultiGame.vue?8477","webpack:///./src/views/Game/MultiGame.vue","webpack:///./src/components/BreadCrumb.vue?fa10"],"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","staticStyle","domProps","summary","h","p","summaryFooter","howto","_l","obj","key","title","imgPath","content","extra","tabletInfo","howtoList"],"mappings":"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","file":"js/chunk-51a076f4.6fb12334.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!./MultiGame.vue?vue&type=style&index=0&id=87bec546&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","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('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{staticClass:\"bread\",attrs:{\"path\":_vm.$route}})],1),_c('div',{staticClass:\"main-page\"},[(_vm.summary)?_c('div',{staticClass:\"summary\",staticStyle:{\"padding-top\":\"90px\"}},[_c('h2',{domProps:{\"innerHTML\":_vm._s(_vm.summary.h)}}),_c('p',{staticStyle:{\"margin-top\":\"40px\"},domProps:{\"innerHTML\":_vm._s(_vm.summary.p)}}),_c('image-component',{staticStyle:{\"padding-top\":\"40px\",\"max-width\":\"918px\"},attrs:{\"path\":\"multi/multi_image01.png\"}}),_c('div',{staticClass:\"flex\",staticStyle:{\"justify-content\":\"center\",\"margin-top\":\"40px\",\"gap\":\"16px\",\"max-width\":\"920px\"}},[_c('image-component',{staticStyle:{\"max-width\":\"296px\"},attrs:{\"path\":\"multi/multi_image02.png\"}}),_c('image-component',{staticStyle:{\"max-width\":\"296px\"},attrs:{\"path\":\"multi/multi_image03.png\"}}),_c('image-component',{staticStyle:{\"max-width\":\"296px\"},attrs:{\"path\":\"multi/multi_image04.png\"}})],1),_c('p',{staticStyle:{\"margin-top\":\"58px\",\"margin-bottom\":\"118px\"}},[_vm._v(\" \"+_vm._s(_vm.summaryFooter)+\" \")])],1):_vm._e(),(_vm.howto)?_c('div',{staticClass:\"howto\",staticStyle:{\"padding-top\":\"162px\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.howto.h)}}),_c('p',{staticStyle:{\"margin-top\":\"40px\"},domProps:{\"innerHTML\":_vm._s(_vm.howto.p)}}),(_vm.howtoList)?_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"80px\",\"flex-direction\":\"column\",\"gap\":\"40px\"}},_vm._l((_vm.howtoList),function(obj,index){return _c('div',{key:index + obj.title,staticClass:\"flex\",staticStyle:{\"justify-content\":\"center\",\"align-content\":\"center\",\"gap\":\"40px 30px\",\"padding\":\"34px 60px\"}},[_c('image-component',{staticStyle:{\"flex-grow\":\"0\"},attrs:{\"path\":obj.imgPath}}),_c('div',{staticStyle:{\"text-align\":\"left\",\"flex-grow\":\"1\"}},[_c('h4',{staticStyle:{\"margin-top\":\"30px\"}},[_vm._v(\" \"+_vm._s(obj.title)+\" \")]),_c('p',{staticStyle:{\"margin-top\":\"20px\",\"font-size\":\"1.0rem\",\"line-height\":\"1.875rem\"}},[_vm._v(\" \"+_vm._s(obj.content)+\" \")]),(obj.extra)?_c('p',{staticClass:\"endnotes\",staticStyle:{\"margin-top\":\"40px\"}},[_vm._v(\" \"+_vm._s(obj.extra)+\" \")]):_vm._e()])],1)}),0):_vm._e(),_c('div',{staticStyle:{\"padding-top\":\"187px\"}})]):_vm._e(),(_vm.tabletInfo)?_c('div',{staticClass:\"tabletInfo\",staticStyle:{\"padding-top\":\"115px\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.tabletInfo.h)}}),_c('p',{staticStyle:{\"margin-top\":\"40px\"},domProps:{\"innerHTML\":_vm._s(_vm.tabletInfo.p)}}),_c('image-component',{staticStyle:{\"margin-top\":\"85px\",\"margin-bottom\":\"205px\"},attrs:{\"path\":_vm.tabletInfo.imgPath}})],1):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" /> -->\r\n    <sub-head subTitle=\"멀티 게임\" subImg=\"game_top\" class=\"web\"></sub-head>\r\n    <div class=\"page_padding\">\r\n      <bread-crumb :path=\"$route\" class=\"bread\"></bread-crumb>\r\n    </div>\r\n\r\n    <div class=\"main-page\">\r\n      <div v-if=\"summary\" class=\"summary\" style=\"padding-top: 90px\">\r\n        <h2 v-html=\"summary.h\"></h2>\r\n        <p style=\"margin-top: 40px\" v-html=\"summary.p\"></p>\r\n        <image-component\r\n          style=\"padding-top: 40px; max-width: 918px;\"\r\n          path=\"multi/multi_image01.png\"\r\n        ></image-component>\r\n        <div\r\n          class=\"flex\"\r\n          style=\"justify-content: center; margin-top: 40px; gap: 16px; max-width: 920px;\"\r\n        >\r\n          <image-component\r\n            style=\"max-width: 296px;\"\r\n            path=\"multi/multi_image02.png\"\r\n          ></image-component>\r\n          <image-component\r\n            style=\"max-width: 296px;\"\r\n            path=\"multi/multi_image03.png\"\r\n          ></image-component>\r\n          <image-component\r\n            style=\"max-width: 296px;\"\r\n            path=\"multi/multi_image04.png\"\r\n          ></image-component>\r\n        </div>\r\n        <p style=\"margin-top: 58px; margin-bottom: 118px;\">\r\n          {{ summaryFooter }}\r\n        </p>\r\n      </div>\r\n\r\n      <div v-if=\"howto\" class=\"howto\" style=\"padding-top: 162px\">\r\n        <h1 v-html=\"howto.h\"></h1>\r\n        <p style=\"margin-top: 40px\" v-html=\"howto.p\"></p>\r\n        <div\r\n          v-if=\"howtoList\"\r\n          class=\"flex\"\r\n          style=\"margin-top: 80px; flex-direction: column; gap: 40px;\"\r\n        >\r\n          <div\r\n            class=\"flex\"\r\n            style=\"justify-content: center; align-content: center; gap: 40px 30px; padding: 34px 60px;\"\r\n            v-for=\"(obj, index) in howtoList\"\r\n            :key=\"index + obj.title\"\r\n          >\r\n            <image-component\r\n              style=\"flex-grow: 0;\"\r\n              :path=\"obj.imgPath\"\r\n            ></image-component>\r\n            <div style=\"text-align: left; flex-grow: 1;\">\r\n              <h4 style=\"margin-top: 30px;\">\r\n                {{ obj.title }}\r\n              </h4>\r\n              <p\r\n                style=\"margin-top: 20px; font-size: 1.0rem; line-height: 1.875rem;\"\r\n              >\r\n                {{ obj.content }}\r\n              </p>\r\n              <p v-if=\"obj.extra\" class=\"endnotes\" style=\"margin-top: 40px;\">\r\n                {{ obj.extra }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div style=\"padding-top: 187px;\"></div>\r\n      </div>\r\n\r\n      <div v-if=\"tabletInfo\" class=\"tabletInfo\" style=\"padding-top: 115px\">\r\n        <h1 v-html=\"tabletInfo.h\"></h1>\r\n        <p style=\"margin-top: 40px;\" v-html=\"tabletInfo.p\"></p>\r\n        <image-component\r\n          style=\"margin-top: 85px; margin-bottom: 205px;\"\r\n          :path=\"tabletInfo.imgPath\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImageComponent from \"@/components/imageComponent.vue\";\r\nimport subHead from \"@/components/sub_head.vue\";\r\nimport BreadCrumb from \"@/components/BreadCrumb.vue\";\r\n\r\n// import Tab from \"@/components/Tab.vue\";\r\nexport default {\r\n  components: {subHead, ImageComponent, BreadCrumb},\r\n\r\n  data() {\r\n    return {\r\n      summary: {\r\n        h:\r\n          \"해피테이블 vs 해피테이블<br />온라인에서 만나는 <b>'해피테이블 멀티게임'</b>\",\r\n        p: \"해피테이블의 최강자는 누구일까? 숨은 강자를 찾아라!\",\r\n      },\r\n      summaryFooter:\r\n        \"3가지 게임을 통해 해피테이블 인지게임의 최강자가 되어보자\",\r\n      howto: {\r\n        h: \"게임 방법\",\r\n      },\r\n      howtoList: [\r\n        {\r\n          title: \"사용자 선택\",\r\n          content:\r\n            \"게임에 참여할 사용자를 선택합니다.\\n여러명이 로그인 되어있으면 그 중 1명의 사용자만 진행 가능합니다.\",\r\n          imgPath: \"multi/multi_image05.png\",\r\n        },\r\n        {\r\n          title: \"사용자 찾기\",\r\n          content:\r\n            \"사용자를 선택하시고 잠시 기다리시면 전국 팔도의 해피테이블 사용자들과 매칭됩니다.\",\r\n          imgPath: \"multi/multi_image06.png\",\r\n        },\r\n        {\r\n          title: \"매치 완료\",\r\n          content:\r\n            \"정정당당하게 실력을 겨뤄 해피테이블 세계에서 고수로 이름을 알리세요!\",\r\n          imgPath: \"multi/multi_image07.png\",\r\n          extra:\r\n            \"※실제 사용자들과의 매칭이기 때문에 시간이 오래걸리거나 매칭이 되지 않을 수 있습니다\",\r\n        },\r\n      ],\r\n      tabletInfo: {\r\n        h: \"<b>'태블릿용'</b> 해피테이블 멀티게임 제공\",\r\n        p:\r\n          \"해피테이블이 설치되어 있는 기관은 태블릿용 멀티게임 프로그램을 추가제공\",\r\n        imgPath: \"multi/multi_image08.png\",\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  word-break: keep-all;\r\n  word-wrap: break-word;\r\n}\r\nh1 {\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  line-height: 3.75rem;\r\n  color: #0a0a0a;\r\n}\r\n\r\nh2 {\r\n  font-size: 2.125rem;\r\n  font-weight: bold;\r\n  line-height: 3.75rem;\r\n  letter-spacing: -0.064rem;\r\n  color: #878282;\r\n}\r\n\r\nh4 {\r\n  font-size: 1.375rem;\r\n  line-height: 1.688rem;\r\n  font-weight: 800;\r\n  color: #1c1c1c;\r\n}\r\n\r\nh5 {\r\n  font-size: 1.25rem;\r\n  line-height: 2.75rem;\r\n  font-weight: 800;\r\n  color: #1c1c1c;\r\n}\r\n\r\n.main-page ::v-deep b {\r\n  color: #ff5230;\r\n}\r\n.main-page ::v-deep u {\r\n  text-decoration: unset;\r\n  border-bottom: 2px solid #ff5230;\r\n}\r\n\r\np {\r\n  font-size: 1.125rem;\r\n  font-weight: 500;\r\n  color: #5a5a5a;\r\n  line-height: 2.375rem;\r\n  word-break: keep-all;\r\n  word-wrap: break-word;\r\n  white-space: pre-line;\r\n}\r\n\r\nhr {\r\n  border: 1px solid #0a0a0a;\r\n}\r\n\r\ntable {\r\n  border-collapse: collapse;\r\n}\r\n\r\nth,\r\ntd {\r\n  border-top: 1px solid #707070;\r\n  border-bottom: 1px solid #707070;\r\n  padding: 18px 20px;\r\n}\r\n\r\ntd {\r\n  color: #5a5a5a;\r\n  text-align: left;\r\n}\r\n\r\nth {\r\n  background-color: #f6f6f6;\r\n  color: #1c1c1c;\r\n}\r\n\r\n/* TODO: because of mulfunction of image width v-deep is used, need to fix. */\r\n::v-deep img {\r\n  width: unset !important;\r\n  max-width: 100%;\r\n}\r\n\r\n.main-page > div > * {\r\n  max-width: 1200px;\r\n  margin: auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n.main-page > div:nth-child(even) {\r\n  background-color: #f6efe8;\r\n}\r\n\r\n/* .main-page > div:nth-child(odd) {} */\r\n\r\n.flex {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 60px 30px;\r\n}\r\n\r\n.flex > * {\r\n  flex: 1 1 auto;\r\n}\r\n\r\n.flex p {\r\n  font-size: 0.875rem;\r\n  line-height: 1.5rem;\r\n  margin: auto;\r\n}\r\n\r\n.spec {\r\n  background: none !important;\r\n}\r\n\r\n.endnotes {\r\n  font-size: 0.875rem;\r\n  font-weight: 500;\r\n  color: #ff5d3d;\r\n}\r\n\r\n.circle-bg {\r\n  background: #f6f6f6;\r\n  border-radius: 50%;\r\n  width: 180px;\r\n  height: 180px;\r\n  margin: auto;\r\n  padding: 39px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.scenario-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1 1 auto;\r\n  max-width: 234px;\r\n  height: 334px;\r\n\r\n  border: 2px solid #e4e4e4;\r\n  padding-top: 57px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.howto .flex .flex {\r\n  background: #ffffff 0% 0% no-repeat padding-box;\r\n  box-shadow: 0px 3px 6px #5e331529;\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  h1 {\r\n    font-size: 1.5rem;\r\n    line-height: 2rem;\r\n  }\r\n  h2 {\r\n    font-size: 1.4rem;\r\n    line-height: 1.8rem;\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!./MultiGame.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!./MultiGame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultiGame.vue?vue&type=template&id=87bec546&scoped=true&\"\nimport script from \"./MultiGame.vue?vue&type=script&lang=js&\"\nexport * from \"./MultiGame.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultiGame.vue?vue&type=style&index=0&id=87bec546&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  \"87bec546\",\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&\""],"sourceRoot":""}