{"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/assets/source/images sync nonrecursive \\.png$","webpack:///./src/components/sub_head.vue?b298","webpack:///./src/assets/source/images sync nonrecursive \\.jpg$","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/HappyTable/BrandStory.vue?21c4","webpack:///src/views/HappyTable/BrandStory.vue","webpack:///./src/views/HappyTable/BrandStory.vue?43e2","webpack:///./src/views/HappyTable/BrandStory.vue","webpack:///./src/views/HappyTable/BrandStory.vue?e8ef","webpack:///./src/components/BreadCrumb.vue?fa10","webpack:///./src/assets/source/images/screenshots sync nonrecursive \\.jpg$"],"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","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","directives","name","rawName","value","isMobile","expression","route","nativeOn","$event","goRoutePage","routeList","sub","currentRoute","path","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","_m","staticStyle","content","ht_info","cms_info","is_over","pic_index","showModal","modalInfo","is_jpg","frameWidth","frameHeight","showGame","mounted","handleResize","beforeDestroy","removeEventListener","getImgSrc","images","src","getCMSImgSrc","is_mouseOver","is_mouseDown","product_detail","document","querySelector","style","overflow","closeModal","overflowY","matchMedia","matches","show_game","navigator","sayswho","ua","userAgent","test","M","tem","exec","match","splice","join"],"mappings":"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","file":"js/chunk-f4d90d04.2e1a9b0d.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&\"","var map = {\n\t\"./award01_01.png\": \"b845\",\n\t\"./award01_02.png\": \"6f81\",\n\t\"./award02_01.png\": \"f1ec\",\n\t\"./award02_02.png\": \"8217\",\n\t\"./award02_03.png\": \"da4d\",\n\t\"./award02_04.png\": \"6fc4\",\n\t\"./award03_01.png\": \"27cd\",\n\t\"./award03_02.png\": \"0c1b\",\n\t\"./award04_01.png\": \"ec68\",\n\t\"./award04_02.png\": \"3db7\",\n\t\"./award04_03.png\": \"775c\",\n\t\"./award04_04.png\": \"6426\",\n\t\"./award04_05.png\": \"4ee8\",\n\t\"./award04_06.png\": \"ac7a\",\n\t\"./award04_07.png\": \"4ed6\",\n\t\"./award04_08.png\": \"980f\",\n\t\"./award04_09.png\": \"e6a6\",\n\t\"./award04_10.png\": \"f704\",\n\t\"./award04_11.png\": \"1a75\",\n\t\"./award04_12.png\": \"4ef6\",\n\t\"./award04_13.png\": \"687a\",\n\t\"./award04_14.png\": \"71ee\",\n\t\"./award04_15.png\": \"c02a\",\n\t\"./award05_01.png\": \"12e4\",\n\t\"./award_top.png\": \"cfaf\",\n\t\"./brandstory_info.png\": \"adda\",\n\t\"./brandstory_info02.png\": \"5ecf\",\n\t\"./brandstory_info02_mobile.png\": \"e076\",\n\t\"./brandstory_logo1.png\": \"b427\",\n\t\"./brandstory_logo2.png\": \"7541\",\n\t\"./brandstory_top.png\": \"12f1\",\n\t\"./cognitive_img06.png\": \"0c5a\",\n\t\"./cognitive_img07.png\": \"f0b0\",\n\t\"./cognitive_img08.png\": \"68c8\",\n\t\"./cognitive_img09.png\": \"b2e4\",\n\t\"./cognitive_img10.png\": \"5148\",\n\t\"./cognitive_top.png\": \"5b1b\",\n\t\"./company_happytablebi.png\": \"d869\",\n\t\"./facebook.png\": \"d638\",\n\t\"./footer_logo.png\": \"4877\",\n\t\"./game_top.png\": \"f542\",\n\t\"./happytable-default.png\": \"cd5e\",\n\t\"./hydol_img01.png\": \"320b\",\n\t\"./hydol_img02.png\": \"f1b3\",\n\t\"./hydol_img03.png\": \"73f3\",\n\t\"./hydol_img04.png\": \"f63d\",\n\t\"./ic_awardarrow_down.png\": \"fa7e\",\n\t\"./ic_awardarrow_right.png\": \"3315\",\n\t\"./ic_awardleaf.png\": \"29b6\",\n\t\"./ic_brandstory.png\": \"2a14\",\n\t\"./ic_brandstory_hover.png\": \"4784\",\n\t\"./ic_close.png\": \"670e\",\n\t\"./ic_cognitiveview.png\": \"bf73\",\n\t\"./ic_facebook.png\": \"c903\",\n\t\"./ic_faq.png\": \"0106\",\n\t\"./ic_faq_hover.png\": \"15eb\",\n\t\"./ic_finalevaluation.png\": \"2452\",\n\t\"./ic_game_more.png\": \"f2f4\",\n\t\"./ic_gameresults.png\": \"6ada8\",\n\t\"./ic_happytable_cms.png\": \"87bc\",\n\t\"./ic_happytable_consent.png\": \"c204\",\n\t\"./ic_happytable_datastorage.png\": \"36b2\",\n\t\"./ic_happytable_management.png\": \"4ab7\",\n\t\"./ic_happytable_play.png\": \"3f51\",\n\t\"./ic_happytable_usedata.png\": \"fbe2\",\n\t\"./ic_home.png\": \"dff0\",\n\t\"./ic_hydol.png\": \"6b21\",\n\t\"./ic_instagram.png\": \"b336\",\n\t\"./ic_installation.png\": \"86f8\",\n\t\"./ic_installation_hover.png\": \"371b\",\n\t\"./ic_manager.png\": \"84c2\",\n\t\"./ic_mentalhealth.png\": \"8489\",\n\t\"./ic_newsmore.png\": \"28bf\",\n\t\"./ic_product.png\": \"823f\",\n\t\"./ic_product_hover.png\": \"fc50\",\n\t\"./ic_slide_point2.png\": \"92ac\",\n\t\"./ic_sns_facebook.png\": \"8eef\",\n\t\"./ic_sns_insta.png\": \"3af1\",\n\t\"./ic_sns_kakao.png\": \"b273\",\n\t\"./ic_up.png\": \"2562\",\n\t\"./ic_updatearrow.png\": \"0c02\",\n\t\"./login_img.png\": \"3b49\",\n\t\"./logo.png\": \"1f31\",\n\t\"./logo_happytable.png\": \"9026\",\n\t\"./logo_springsoft.png\": \"7544\",\n\t\"./m_happytable-default.png\": \"e5ad\",\n\t\"./m_hydol_top.png\": \"f3cc\",\n\t\"./m_ic_menu.png\": \"fa7e4\",\n\t\"./m_ic_sns_facebook.png\": \"77f6\",\n\t\"./m_ic_sns_insta.png\": \"b0a6\",\n\t\"./m_ic_sns_kakao.png\": \"8280\",\n\t\"./m_logo_springsoft.png\": \"6e1d\",\n\t\"./mupdate.png\": \"0d64\",\n\t\"./pop01.png\": \"5cca\",\n\t\"./product_top.png\": \"6765\",\n\t\"./springsoft_logo.png\": \"53bb\",\n\t\"./update_topbg.png\": \"8c3c\",\n\t\"./updateimg01.png\": \"90f4\",\n\t\"./updateimg02.png\": \"aa79\",\n\t\"./updateimg03.png\": \"7f09\",\n\t\"./updateimg04.png\": \"4347\",\n\t\"./updateimg05.png\": \"1fe4\",\n\t\"./updateimg06.png\": \"fb48\",\n\t\"./updateimg07.png\": \"da11\",\n\t\"./그룹 4195.png\": \"7b50\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"210b\";","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&\"","var map = {\n\t\"./Installation_map.jpg\": \"4314\",\n\t\"./award_img01.jpg\": \"9d07\",\n\t\"./award_img02.jpg\": \"39e3\",\n\t\"./award_img03.jpg\": \"1afa\",\n\t\"./award_img04.jpg\": \"4702\",\n\t\"./cognitive_bg.jpg\": \"e01e\",\n\t\"./cognitive_data_img01.jpg\": \"a048\",\n\t\"./cognitive_data_img02.jpg\": \"180f\",\n\t\"./cognitive_img01.jpg\": \"73ef\",\n\t\"./cognitive_img02.jpg\": \"b2f9\",\n\t\"./cognitive_img03.jpg\": \"b88f\",\n\t\"./cognitive_img04.jpg\": \"d0a8\",\n\t\"./cognitive_img05.jpg\": \"46f7\",\n\t\"./company_happytablebi.jpg\": \"2700\",\n\t\"./company_logo3.jpg\": \"2b9b\",\n\t\"./company_logo4.jpg\": \"611e\",\n\t\"./happytable_info1.jpg\": \"aabc\",\n\t\"./happytable_info2.jpg\": \"e699\",\n\t\"./happytable_info3.jpg\": \"0192\",\n\t\"./happytable_info4.jpg\": \"c317\",\n\t\"./happytable_product2.jpg\": \"76f5\",\n\t\"./happytable_product3.jpg\": \"fe15\",\n\t\"./happytable_product4.jpg\": \"454c\",\n\t\"./hydol_top.jpg\": \"4f12\",\n\t\"./m_award_img01.jpg\": \"2905\",\n\t\"./m_award_img02.jpg\": \"c1bf\",\n\t\"./m_award_img03.jpg\": \"7db5\",\n\t\"./m_award_img04.jpg\": \"a869\",\n\t\"./m_brandstory_img01.jpg\": \"a855\",\n\t\"./m_hydol_top480.jpg\": \"3561\",\n\t\"./m_mainslide01.jpg\": \"40b6\",\n\t\"./product_0_1.jpg\": \"87d3\",\n\t\"./product_0_2.jpg\": \"e389\",\n\t\"./product_0_3.jpg\": \"da01\",\n\t\"./product_0_4.jpg\": \"5aaf\",\n\t\"./product_1_1.jpg\": \"e24f\",\n\t\"./product_1_2.jpg\": \"0d4b\",\n\t\"./product_1_3.jpg\": \"66f3\",\n\t\"./product_1_4.jpg\": \"c560\",\n\t\"./webtoon.jpg\": \"b96a\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"84d8\";","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:\"content banner web\",attrs:{\"subTitle\":\"브랜드 이야기\",\"subImg\":\"brandstory_top\"}}),_c('sub-head',{staticClass:\"content banner mobile\",attrs:{\"subTitle\":\"브랜드 이야기\"}}),_c('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{attrs:{\"path\":_vm.$route}})],1),_vm._m(0),_vm._m(1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"page_padding\"},[_c('div',{staticClass:\"title-background\"},[_c('span',{staticClass:\"text\"},[_vm._v(\"해피테이블과 함께 \\\"100세 까지 총명하게\\\"\")])]),_c('div',{staticClass:\"p-relative paddingT text-center\"},[_c('p',{staticClass:\"fontBold line-height3 word_break title font34\"},[_c('span',{staticClass:\"fontBold textOrange\"},[_vm._v(\"\\\"100세까지 총명하게\\\"\")]),_c('span',{staticClass:\"fontBold gray\"},[_vm._v(\" 라는 슬로건을 바탕으로 시니어들의 인지력향상에 기여하며 초고령사회에 재미와 행복을 드리겠습니다.\")])])]),_c('p',{staticClass:\"font18 word_break sub-title\"},[_vm._v(\" 시니어들의 여가생활증진과 인지력 향상을 위한 종합관리 플랫폼 \"),_c('span',{staticClass:\"textOrange\"},[_vm._v(\"\\\"해피테이블\\\"\")]),_vm._v(\" 은 초고령사회의 시니어들이 느끼는 부족한 사회적 요소를 채워주고 게임을 통해 시니어들의 흥미를 불러일으켜 건강하게 게임 할 수 있는 환경을 제공합니다. \")]),_c('div',{staticClass:\"brandstory-img\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory_info.png\")}})])]),_c('div',{staticClass:\"bgBackground\",staticStyle:{\"margin-bottom\":\"1rem\"}},[_c('div',{staticClass:\"page_padding\"},[_c('span',{staticClass:\"logo-text fontBold\"},[_vm._v(\"해피테이블 로고\")]),_c('div',{staticClass:\"happytable_logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory_info02.png\")}})]),_c('div',{staticClass:\"happytable_logo-mobile\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory_info02_mobile.png\")}})]),_c('div',{staticClass:\"center-background\"},[_c('span',{staticClass:\"center-text\"},[_vm._v(\"해피테이블의 이미지를 이니셜 H와 테이블 그리고 클로버 잎을 기본 모티브로 하여 \")]),_c('span',[_vm._v(\"행복을 상징하는 클로버 잎을 사람으로 형상화하면서 테이블을 둘러싼 이미지로 표현하였습니다.\")])]),_c('div',{staticClass:\"logo-img\"},[_c('div',{staticClass:\"imgWrap\",staticStyle:{\"margin-right\":\"1rem\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory_logo1.png\")}})]),_c('div',{staticClass:\"imgWrap\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory_logo2.png\")}})])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"page_padding\"},[_c('div',{staticClass:\"paddingTB\"},[_c('div',{staticClass:\"text-center\"},[_c('span',{staticClass:\"fontBold vision\"},[_vm._v(\"비 전\")]),_c('p',{staticClass:\"fontBold gray sub-title-text font30\"},[_vm._v(\" \\\" 시니어와 가족 \"),_c('span',{staticClass:\"textOrange fontBold\"},[_vm._v(\"삶의 질 향상에 기여\")]),_vm._v(\"할 수 있는 플랫폼 구축 \\\" \")])]),_c('p',{staticClass:\"font18 word_break sub-title text-left width100\"},[_vm._v(\" 글로벌한 인지능력 향상 기술 개발 및 보유 기업으로 성장함과 동시에 사용자 지향형“ICT융합 인지능력 향상 프로젝트-해피테이블”의 사업화로 전 세계적으로 건전한 고령화 사회 확립에 기여, 디지털 기반의 “시니어 여가 활동 증진＂이라는 신 시장을 창출하여 스마트 헬스케어 시장에 미래 지향형 투자 생태계를 마련함과 동시에 디지털 치료제로의 사업 방향성으로 나아가겠습니다. \")]),_c('div',{staticClass:\"verticalSpacer-half\"}),_c('div',{staticClass:\"verticalSpacer-half\"}),_c('div',{staticClass:\"bottom-img page_padding\"},[_c('p',{staticClass:\"bottom-img-first padding padding10\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory/brandstory_img2.png\")}}),_c('span',{staticClass:\"fontBold font22\"},[_vm._v(\"이해관계자의 이익을 생각합니다.\")]),_c('span',{staticClass:\"font14\"},[_vm._v(\"의료진에게는 치매 연구 데이터 제공, 예방 전문가에게는 사용 편의성과 효율성 제공 당사자 및 보호자에게는 지속적인 상태 자가 진단 서비스 제공\")])]),_c('p',{staticClass:\"bottom-img-first  padding10\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory/brandstory_img3.png\")}}),_c('span',{staticClass:\"fontBold font22\"},[_vm._v(\"해피테이블 생태계를 조성하겠습니다.\")]),_c('span',{staticClass:\"font14\"},[_vm._v(\"치매 관리를 위한 \\\"통합 관리 서비스\\\" 개발 치매 예방을 위한 치매 예방 콘텐츠 생태계 조성\")])]),_c('p',{staticClass:\"bottom-img-first  padding10\"},[_c('img',{attrs:{\"src\":require(\"@/assets/source/images/brandstory/brandstory_img4.png\")}}),_c('span',{staticClass:\"fontBold font22\"},[_vm._v(\"당신께 힘이 되어드리겠습니다.\")]),_c('span',{staticClass:\"font14\"},[_vm._v(\"인지기능 향상과 여가 활동 증진에 기여 다양한 프로그램을 통하여 협동, 경쟁을 통한 사회성 향상 우울증 감소 및 정서적 안정 기대\")])])])])])])}]\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\r\n      subTitle=\"브랜드 이야기\"\r\n      subImg=\"brandstory_top\"\r\n      class=\"content banner web\"\r\n    ></sub-head>\r\n    <sub-head subTitle=\"브랜드 이야기\" class=\"content banner mobile\"></sub-head>\r\n\r\n    <div class=\"page_padding\">\r\n      <bread-crumb :path=\"$route\" class=\"\"></bread-crumb>\r\n    </div>\r\n    <div>\r\n      <div class=\"page_padding\">\r\n        <div class=\"title-background\">\r\n          <span class=\"text\">해피테이블과 함께 \"100세 까지 총명하게\"</span>\r\n        </div>\r\n        <div class=\"p-relative paddingT text-center\">\r\n          <p class=\"fontBold line-height3 word_break title font34\">\r\n            <span class=\"fontBold textOrange\">\"100세까지 총명하게\"</span>\r\n            <span class=\"fontBold gray\">\r\n              라는 슬로건을 바탕으로 시니어들의 인지력향상에 기여하며\r\n              초고령사회에 재미와 행복을 드리겠습니다.</span\r\n            >\r\n          </p>\r\n        </div>\r\n        <p class=\"font18 word_break sub-title\">\r\n          시니어들의 여가생활증진과 인지력 향상을 위한 종합관리 플랫폼\r\n          <span class=\"textOrange\">\"해피테이블\"</span> 은 초고령사회의\r\n          시니어들이 느끼는 부족한 사회적 요소를 채워주고 게임을 통해 시니어들의\r\n          흥미를 불러일으켜 건강하게 게임 할 수 있는 환경을 제공합니다.\r\n        </p>\r\n        <div class=\"brandstory-img\">\r\n          <img src=\"@/assets/source/images/brandstory_info.png\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"bgBackground\" style=\"margin-bottom:1rem\">\r\n        <div class=\"page_padding\">\r\n          <span class=\"logo-text fontBold\">해피테이블 로고</span>\r\n          <div class=\"happytable_logo\">\r\n            <img src=\"@/assets/source/images/brandstory_info02.png\" />\r\n          </div>\r\n          <div class=\"happytable_logo-mobile\">\r\n            <img src=\"@/assets/source/images/brandstory_info02_mobile.png\" />\r\n          </div>\r\n          <div class=\"center-background\">\r\n            <span class=\"center-text\"\r\n              >해피테이블의 이미지를 이니셜 H와 테이블 그리고 클로버 잎을 기본\r\n              모티브로 하여 </span\r\n            ><span\r\n              >행복을 상징하는 클로버 잎을 사람으로 형상화하면서 테이블을 둘러싼\r\n              이미지로 표현하였습니다.</span\r\n            >\r\n          </div>\r\n          <div class=\"logo-img\">\r\n            <div class=\"imgWrap\" style=\"margin-right:1rem\">\r\n              <img src=\"@/assets/source/images/brandstory_logo1.png\" />\r\n            </div>\r\n            <div class=\"imgWrap\">\r\n              <img src=\"@/assets/source/images/brandstory_logo2.png\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div class=\"page_padding\">\r\n        <div class=\"paddingTB\">\r\n          <div class=\"text-center\">\r\n            <span class=\"fontBold vision\">비 전</span>\r\n            <p class=\"fontBold gray sub-title-text font30\">\r\n              \" 시니어와 가족\r\n              <span class=\"textOrange fontBold\">삶의 질 향상에 기여</span>할 수\r\n              있는 플랫폼 구축 \"\r\n            </p>\r\n          </div>\r\n          <p class=\"font18 word_break sub-title text-left width100\">\r\n            글로벌한 인지능력 향상 기술 개발 및 보유 기업으로 성장함과 동시에\r\n            사용자 지향형“ICT융합 인지능력 향상 프로젝트-해피테이블”의 사업화로\r\n            전 세계적으로 건전한 고령화 사회 확립에 기여, 디지털 기반의 “시니어\r\n            여가 활동 증진＂이라는 신 시장을 창출하여 스마트 헬스케어 시장에\r\n            미래 지향형 투자 생태계를 마련함과 동시에 디지털 치료제로의 사업\r\n            방향성으로 나아가겠습니다.\r\n          </p>\r\n          <div class=\"verticalSpacer-half\"></div>\r\n          <!-- <p class=\"happy-table-text\">{{ visionText }}</p> -->\r\n          <div class=\"verticalSpacer-half\"></div>\r\n\r\n          <div class=\"bottom-img page_padding\">\r\n            <p class=\"bottom-img-first padding padding10\">\r\n              <img\r\n                src=\"@/assets/source/images/brandstory/brandstory_img2.png\"\r\n              />\r\n              <span class=\"fontBold font22\"\r\n                >이해관계자의 이익을 생각합니다.</span\r\n              >\r\n              <span class=\"font14\"\r\n                >의료진에게는 치매 연구 데이터 제공, 예방 전문가에게는 사용\r\n                편의성과 효율성 제공 당사자 및 보호자에게는 지속적인 상태 자가\r\n                진단 서비스 제공</span\r\n              >\r\n            </p>\r\n            <p class=\"bottom-img-first  padding10\">\r\n              <img\r\n                src=\"@/assets/source/images/brandstory/brandstory_img3.png\"\r\n              />\r\n              <span class=\"fontBold font22\"\r\n                >해피테이블 생태계를 조성하겠습니다.</span\r\n              >\r\n              <span class=\"font14\"\r\n                >치매 관리를 위한 \"통합 관리 서비스\" 개발 치매 예방을 위한 치매\r\n                예방 콘텐츠 생태계 조성</span\r\n              >\r\n            </p>\r\n            <p class=\"bottom-img-first  padding10\">\r\n              <img\r\n                src=\"@/assets/source/images/brandstory/brandstory_img4.png\"\r\n              />\r\n              <span class=\"fontBold font22\">당신께 힘이 되어드리겠습니다.</span>\r\n              <span class=\"font14\"\r\n                >인지기능 향상과 여가 활동 증진에 기여 다양한 프로그램을 통하여\r\n                협동, 경쟁을 통한 사회성 향상 우울증 감소 및 정서적 안정\r\n                기대</span\r\n              >\r\n            </p>\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 jsonContents from \"../../assets/source/json/sub_top.json\";\r\nimport cmsContents from \"../../assets/source/json/happytable_cms.json\";\r\nimport htContents from \"../../assets/source/json/happytable_info.json\";\r\n\r\nimport BreadCrumb from \"../../components/BreadCrumb.vue\";\r\nimport SubHead from \"../../components/sub_head.vue\";\r\n\r\nexport default {\r\n  components: {BreadCrumb, SubHead},\r\n  data() {\r\n    return {\r\n      content: jsonContents,\r\n      ht_info: htContents,\r\n      cms_info: cmsContents,\r\n      is_over: false,\r\n      pic_index: 0,\r\n      showModal: false,\r\n      modalInfo: {\r\n        is_jpg: true,\r\n        name: \"\",\r\n        path: \"\",\r\n      },\r\n      frameWidth: \"700\",\r\n      frameHeight: \"395\",\r\n      showGame: true,\r\n    };\r\n  },\r\n  mounted() {\r\n    window.addEventListener(\"resize\", this.handleResize);\r\n  },\r\n  created() {\r\n    this.handleResize();\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.handleResize);\r\n  },\r\n  methods: {\r\n    getImgSrc(src, path) {\r\n      var images;\r\n      if (path == \"\") {\r\n        src = \"happytable_product\" + (src + 2);\r\n        images = require.context(\r\n          \"../../assets/source/images/\",\r\n          false,\r\n          /\\.jpg$/\r\n        );\r\n        return images(\"./\" + src + \".jpg\");\r\n      } else if (path == \"modal_product\") {\r\n        images = require.context(\r\n          \"../../assets/source/images/\",\r\n          false,\r\n          /\\.jpg$/\r\n        );\r\n        return images(\"./\" + src + \".jpg\");\r\n      } else {\r\n        images = require.context(\r\n          \"../../assets/source/images/screenshots\",\r\n          false,\r\n          /\\.jpg$/\r\n        );\r\n        return images(\"./\" + src + \".jpg\");\r\n      }\r\n    },\r\n    getCMSImgSrc(src) {\r\n      var images = require.context(\r\n        \"../../assets/source/images\",\r\n        false,\r\n        /\\.png$/\r\n      );\r\n      return images(\"./\" + src + \".png\");\r\n    },\r\n    is_mouseOver(index) {\r\n      this.pic_index = index;\r\n      this.is_over = true;\r\n    },\r\n    is_mouseDown(index) {\r\n      this.pic_index = index;\r\n      this.is_over = false;\r\n    },\r\n    product_detail(index) {\r\n      this.showModal = true;\r\n      this.modalInfo.name = \"happytable_product\" + (index + 2);\r\n      document.querySelector(\"body\").style.overflow = \"hidden\";\r\n      return this.modalInfo;\r\n    },\r\n\r\n    closeModal() {\r\n      this.showModal = false;\r\n      document.querySelector(\"body\").style.overflowY = \"scroll\";\r\n    },\r\n    handleResize() {\r\n      if (matchMedia(\"(min-width: 1701px)\").matches) {\r\n        this.frameWidth = \"700\";\r\n        this.frameHeight = \"395\";\r\n      } else if (\r\n        matchMedia(\"(min-width: 1024px) and (max-width: 1279px)\").matches\r\n      ) {\r\n        this.frameWidth = \"380\";\r\n        this.frameHeight = \"220\";\r\n      } else if (\r\n        matchMedia(\"(min-width: 768px) and (max-width: 919px)\").matches\r\n      ) {\r\n        this.frameWidth = \"250\";\r\n        this.frameHeight = \"150\";\r\n      } else if (\r\n        matchMedia(\"(min-width: 920px) and (max-width: 1023px)\").matches\r\n      ) {\r\n        this.frameWidth = \"320\";\r\n        this.frameHeight = \"190\";\r\n      } else if (\r\n        matchMedia(\"(min-width:1281px) and (max-width:1500px)\").matches\r\n      ) {\r\n        this.frameWidth = \"500\";\r\n        this.frameHeight = \"300\";\r\n      } else if (\r\n        matchMedia(\"(min-width:1501px) and (max-width:1700px)\").matches\r\n      ) {\r\n        this.frameWidth = \"600\";\r\n        this.frameHeight = \"350\";\r\n      }\r\n      if (matchMedia(\"(max-width:767px)\").matches) {\r\n        this.showGame = false;\r\n      } else {\r\n        this.showGame = true;\r\n      }\r\n    },\r\n    show_game() {\r\n      navigator.sayswho = (function() {\r\n        var ua = navigator.userAgent,\r\n          tem,\r\n          M =\r\n            ua.match(\r\n              /(opera|chrome|safari|firefox|msie|trident(?=\\/))\\/?\\s*(\\d+)/i\r\n            ) || [];\r\n        if (/trident/i.test(M[1])) {\r\n          tem = /\\brv[ :]+(\\d+)/g.exec(ua) || [];\r\n          return \"IE \" + (tem[1] || \"\");\r\n        }\r\n        if (M[1] === \"Chrome\") {\r\n          tem = ua.match(/\\b(OPR|Edge)\\/(\\d+)/);\r\n          if (tem != null)\r\n            return tem\r\n              .slice(1)\r\n              .join(\" \")\r\n              .replace(\"OPR\", \"Opera\");\r\n        }\r\n        M = M[2]\r\n          ? [M[1], M[2]]\r\n          : [navigator.appName, navigator.appVersion, \"-?\"];\r\n        if ((tem = ua.match(/version\\/(\\d+)/i)) != null) M.splice(1, 1, tem[1]);\r\n        return M.join(\" \");\r\n      })();\r\n\r\n      if (\r\n        navigator.sayswho == \"IE 11\" ||\r\n        navigator.sayswho == \"MSIE 10\" ||\r\n        navigator.sayswho == \"MSIE 9\" ||\r\n        matchMedia(\"(max-width: 767px)\").matches\r\n      ) {\r\n        this.showGame = false;\r\n      }\r\n      return this.showGame;\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\n.marginTBAuto {\r\n  margin: auto 0;\r\n}\r\n.paddingT {\r\n  padding-top: 100px;\r\n}\r\n.block div.main_product_overlay {\r\n  margin: 1rem;\r\n}\r\n.block div.main_product_overlay.pic2 {\r\n  margin-left: 0;\r\n}\r\n.block div.main_product_overlay:last-child {\r\n  margin-right: 0;\r\n}\r\n.block div img {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 10px;\r\n}\r\n.block .modal_img img {\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 0px;\r\n}\r\n.d-flex-reverse {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.d-flex .right_text {\r\n  padding: 0 3rem;\r\n}\r\n.d-flex-reverse .right_text {\r\n  padding-right: 1rem;\r\n}\r\n.iconWrap {\r\n  width: 150px;\r\n  height: 150px;\r\n}\r\n.iconWrap img {\r\n  width: 50%;\r\n  height: 50%;\r\n}\r\n\r\n.cms_content {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n.cms_content .d-flex {\r\n  width: 50%;\r\n}\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}\r\n\r\n.banner-title {\r\n  font-size: 42px;\r\n}\r\n.title {\r\n  /* font-size: 34px; */\r\n  line-height: 1.8;\r\n}\r\n\r\n.title-background {\r\n  height: 383px;\r\n  margin-top: 6.2rem;\r\n  background-repeat: no-repeat;\r\n  background-image: url(\"../../assets/source/images/brandstory/brandstory_img1.png\");\r\n}\r\n\r\n.title-background .text {\r\n  color: #fff;\r\n  font-size: 30px;\r\n  line-height: 370px;\r\n}\r\n.sub-title {\r\n  color: #5a5a5a;\r\n  font-size: 16px;\r\n  line-height: 1.9;\r\n  width: 90%;\r\n  margin: 0 auto;\r\n  padding-top: 3.8rem;\r\n}\r\n\r\n.brandstory-img {\r\n  padding: 6.2rem 0;\r\n}\r\n.bgBackground {\r\n  background: #f7f9fb;\r\n  padding: 10rem 0;\r\n}\r\n.logo-text {\r\n  color: #0a0a0a;\r\n  font-size: 40px;\r\n}\r\n.happytable_logo {\r\n  padding: 6.2rem 0;\r\n}\r\n\r\n.center-background {\r\n  background-color: #ffffff;\r\n  padding: 4.6rem 11.5rem;\r\n}\r\n\r\n.center-text {\r\n  display: block;\r\n}\r\n\r\n.logo-img {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding-top: 2rem;\r\n}\r\n\r\n.title {\r\n  padding-top: 5rem;\r\n}\r\n\r\n.vision {\r\n  margin: 1rem 0;\r\n  font-size: 34px;\r\n}\r\n\r\n.text-center .sub-title-text {\r\n  margin-top: 3.6rem;\r\n  word-break: keep-all;\r\n}\r\n\r\n.happy-table-text {\r\n  text-align: left;\r\n  color: #5a5a5a;\r\n  line-height: 2;\r\n  font-size: 1.1rem;\r\n}\r\n.font22 {\r\n  font-size: 1.375rem;\r\n  text-align: left;\r\n  margin: 0.5rem 0;\r\n}\r\n.font14 {\r\n  font-size: 1rem;\r\n  color: #5a5a5a;\r\n  text-align: left;\r\n}\r\n\r\n.padding10 {\r\n  padding: 1rem;\r\n}\r\n.padding10:first-child {\r\n  padding-left: 0;\r\n}\r\n.padding10:last-child {\r\n  padding-right: 0;\r\n}\r\n\r\n.margin10 {\r\n  margin: 2rem 0;\r\n}\r\n.bottom-img {\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n.bottom-img-first {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 500px;\r\n  min-width: 33.3%;\r\n}\r\n\r\n/* .happytable_game {\r\n  background-image: url(\"../../assets/source/images/happytable.png\");\r\n  background-repeat: no-repeat;\r\n  padding: 1rem;\r\n} */\r\n.width100 img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n}\r\n.product_picture {\r\n  /* background-image: url(\"../../assets/source/images/happytable_bg.jpg\");\r\n  height: 100%;\r\n  background-size: cover;\r\n  background-repeat: no-repeat; */\r\n  /* height: 480px; */\r\n  height: 25vw;\r\n}\r\n.overlay_wrap {\r\n  width: 50px;\r\n  height: 50px;\r\n}\r\n.overlay_icon_position {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.overlay_icon_position .overlay_flex {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.overlay_wrap {\r\n  z-index: -1;\r\n}\r\n\r\n.is_on .overlay_wrap {\r\n  z-index: 10;\r\n}\r\n.imgWrap img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.edge {\r\n  position: relative;\r\n}\r\n\r\n.iframe-wrapper {\r\n  position: relative;\r\n  background-color: #2b2e35;\r\n  border-radius: 40px;\r\n  padding: 7rem 0;\r\n  width: 100%;\r\n}\r\n.iframe-wrapper .iframe {\r\n  /* position: absolute; */\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.imgWrap img {\r\n  width: 100%;\r\n  border-radius: 10px;\r\n}\r\n.experience_logo {\r\n  position: absolute;\r\n  bottom: 40px;\r\n  left: 40px;\r\n  /* width: 80px;\r\n  height: 80px; */\r\n}\r\n.verticalSpacer-big {\r\n  width: 100%;\r\n  height: 10vw;\r\n  margin: 0 auto;\r\n}\r\n.content-padding {\r\n  padding: 3rem 0;\r\n}\r\n.margin_3 {\r\n  margin: 3rem 0;\r\n  padding: 2rem 0;\r\n}\r\n.info_img .imgWrap > img {\r\n  border-radius: 10px !important;\r\n}\r\n.modal_img {\r\n  height: 100%;\r\n}\r\n.modal_img.imgWrap img {\r\n  border-radius: 0px;\r\n  height: 100% !important;\r\n}\r\n.modal_imgWrap.imgWrap {\r\n  height: 100%;\r\n}\r\n.modal_imgWrap.imgWrap img {\r\n  height: 100%;\r\n}\r\niframe {\r\n  width: 700;\r\n  height: 395;\r\n}\r\n\r\n.btn:hover {\r\n  background-color: transparent;\r\n  border-color: white;\r\n}\r\na {\r\n  text-decoration: none;\r\n}\r\n/* .game_more {\r\n  height: 180px;\r\n  background-image: url(\"../../assets/source/images/gamemore_bg.jpg\");\r\n} */\r\n\r\n.happytable_logo-mobile {\r\n  display: none;\r\n}\r\n@media (max-width: 767px) {\r\n  .banner.content.banner.web {\r\n    margin-top: 60px;\r\n    .banner-title {\r\n      line-height: 2.2rem;\r\n    }\r\n  }\r\n  .title-background {\r\n    display: flex;\r\n    padding: 5px;\r\n    .text {\r\n      margin-top: 120px;\r\n      font-size: 2rem;\r\n      line-height: 4rem;\r\n    }\r\n  }\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n  .center-background {\r\n    padding: 0;\r\n  }\r\n\r\n  .bottom-img {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .font22 {\r\n    font-size: 1.2rem;\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!./BrandStory.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!./BrandStory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrandStory.vue?vue&type=template&id=522cac29&scoped=true&\"\nimport script from \"./BrandStory.vue?vue&type=script&lang=js&\"\nexport * from \"./BrandStory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrandStory.vue?vue&type=style&index=0&id=522cac29&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  \"522cac29\",\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!./BrandStory.vue?vue&type=style&index=0&id=522cac29&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!./BreadCrumb.vue?vue&type=style&index=0&id=2bf61cc4&scoped=true&lang=css&\"","var map = {\n\t\"./GAME_AIRPLANE1.jpg\": \"d42c\",\n\t\"./GAME_AIRPLANE2.jpg\": \"da31\",\n\t\"./GAME_BALLOON1.jpg\": \"1ebd\",\n\t\"./GAME_BALLOON2.jpg\": \"e8be\",\n\t\"./GAME_BEAUTIFULFLOWER1.jpg\": \"595b\",\n\t\"./GAME_BEAUTIFULFLOWER2.jpg\": \"7898\",\n\t\"./GAME_BLOCKFLIP1.jpg\": \"4ffe\",\n\t\"./GAME_BLOCKFLIP2.jpg\": \"eb8f\",\n\t\"./GAME_BUNGEOPPANG.jpg\": \"9bcd\",\n\t\"./GAME_BUNGEOPPANG1.jpg\": \"44f1\",\n\t\"./GAME_BUNGEOPPANG2.jpg\": \"0ff7\",\n\t\"./GAME_BUTTERFLY.jpg\": \"7217\",\n\t\"./GAME_BUTTERFLY1.jpg\": \"5211\",\n\t\"./GAME_BUTTERFLY2.jpg\": \"2448\",\n\t\"./GAME_CARDPAIR.jpg\": \"f11d\",\n\t\"./GAME_CARDPAIR1.jpg\": \"08b7\",\n\t\"./GAME_CARDPAIR2.jpg\": \"4664\",\n\t\"./GAME_CARDRIVE1.jpg\": \"9a23\",\n\t\"./GAME_CARDRIVE2.jpg\": \"8bd2\",\n\t\"./GAME_CATCHTHEFISH.jpg\": \"ff58\",\n\t\"./GAME_CATCHTHEFISH1.jpg\": \"fd7e\",\n\t\"./GAME_CATCHTHEFISH2.jpg\": \"de18\",\n\t\"./GAME_CATCHTHEMOLE.jpg\": \"6601\",\n\t\"./GAME_CATCHTHEMOLE1.jpg\": \"964a\",\n\t\"./GAME_CATCHTHEMOLE2.jpg\": \"7242\",\n\t\"./GAME_CHILGYO1.jpg\": \"65da\",\n\t\"./GAME_CHILGYO2.jpg\": \"95db\",\n\t\"./GAME_COLORDRAW.jpg\": \"e066\",\n\t\"./GAME_COLORDRAW1.jpg\": \"e63e\",\n\t\"./GAME_COLORDRAW2.jpg\": \"c978\",\n\t\"./GAME_COLORLOTUS.jpg\": \"8a1b\",\n\t\"./GAME_COLORLOTUS1.jpg\": \"a593\",\n\t\"./GAME_COLORLOTUS2.jpg\": \"50e7\",\n\t\"./GAME_COLORPAPER.jpg\": \"e931\",\n\t\"./GAME_COLORPAPER1.jpg\": \"b461\",\n\t\"./GAME_COLORPAPER2.jpg\": \"baa6\",\n\t\"./GAME_COUNTCHICKS1.jpg\": \"d1d5\",\n\t\"./GAME_COUNTCHICKS2.jpg\": \"b462\",\n\t\"./GAME_CROSSTURTLE1.jpg\": \"e81c\",\n\t\"./GAME_CROSSTURTLE2.jpg\": \"6481\",\n\t\"./GAME_DICTATION1.jpg\": \"9cde\",\n\t\"./GAME_DICTATION2.jpg\": \"d534\",\n\t\"./GAME_FINDSAMEPICTURE.jpg\": \"7845\",\n\t\"./GAME_FINDSAMEPICTURE1.jpg\": \"3625\",\n\t\"./GAME_FINDSAMEPICTURE2.jpg\": \"e51c\",\n\t\"./GAME_FLAG.jpg\": \"4d38\",\n\t\"./GAME_FLAG1.jpg\": \"60a2\",\n\t\"./GAME_FLAG2.jpg\": \"ed81\",\n\t\"./GAME_GATU1.jpg\": \"f142\",\n\t\"./GAME_GATU2.jpg\": \"32a6\",\n\t\"./GAME_GETTHENUMBERDISH.jpg\": \"0426\",\n\t\"./GAME_GETTHENUMBERDISH1.jpg\": \"ab28\",\n\t\"./GAME_GETTHENUMBERDISH2.jpg\": \"31b4\",\n\t\"./GAME_GLACIER1.jpg\": \"2da7\",\n\t\"./GAME_GLACIER2.jpg\": \"5bd5\",\n\t\"./GAME_GOSTOP.jpg\": \"b2d3\",\n\t\"./GAME_GOSTOP1.jpg\": \"c072\",\n\t\"./GAME_GOSTOP2.jpg\": \"ae53\",\n\t\"./GAME_GUKHWAPPANG1.jpg\": \"41d8\",\n\t\"./GAME_GUKHWAPPANG2.jpg\": \"c961\",\n\t\"./GAME_HORSE.jpg\": \"eec4\",\n\t\"./GAME_HORSE1.jpg\": \"966d\",\n\t\"./GAME_HORSE2.jpg\": \"c8c5\",\n\t\"./GAME_JANGGI1.jpg\": \"de47\",\n\t\"./GAME_JANGGI2.jpg\": \"e0b6\",\n\t\"./GAME_LIGHTBUG1.jpg\": \"7b20\",\n\t\"./GAME_LIGHTBUG2.jpg\": \"3795\",\n\t\"./GAME_LINKRIBBON1.jpg\": \"c523\",\n\t\"./GAME_LINKRIBBON2.jpg\": \"6f0b\",\n\t\"./GAME_MINHWATU.jpg\": \"2a36\",\n\t\"./GAME_MINHWATU1.jpg\": \"f704b\",\n\t\"./GAME_MINHWATU2.jpg\": \"f579\",\n\t\"./GAME_MULTI GOSTOP1.jpg\": \"cdaf\",\n\t\"./GAME_MULTI GOSTOP2.jpg\": \"7b32\",\n\t\"./GAME_MULTI JANGGI1.jpg\": \"1e9f\",\n\t\"./GAME_MULTI JANGGI2.jpg\": \"f2f5\",\n\t\"./GAME_MULTI OMOK1.jpg\": \"56f4\",\n\t\"./GAME_MULTI OMOK2.jpg\": \"075d\",\n\t\"./GAME_NIGHTSKY.jpg\": \"a6c7\",\n\t\"./GAME_NIGHTSKY1.jpg\": \"1ddb\",\n\t\"./GAME_NIGHTSKY2.jpg\": \"7708\",\n\t\"./GAME_NUMBER.jpg\": \"5e44\",\n\t\"./GAME_NUMBER1.jpg\": \"90e2\",\n\t\"./GAME_NUMBER2.jpg\": \"cf29\",\n\t\"./GAME_OILPAINT.jpg\": \"02ef\",\n\t\"./GAME_OILPAINT1.jpg\": \"8288\",\n\t\"./GAME_OILPAINT2.jpg\": \"950e\",\n\t\"./GAME_OMOK1.jpg\": \"84fc\",\n\t\"./GAME_OMOK2.jpg\": \"8849\",\n\t\"./GAME_OXQUIZ.jpg\": \"2eb6\",\n\t\"./GAME_OXQUIZ1.jpg\": \"bc8f\",\n\t\"./GAME_OXQUIZ2.jpg\": \"adb9\",\n\t\"./GAME_PAINTBALL.jpg\": \"2a42\",\n\t\"./GAME_PAINTBALL1.jpg\": \"14fa\",\n\t\"./GAME_PAINTBALL2.jpg\": \"2ac2\",\n\t\"./GAME_PIANO.jpg\": \"2874\",\n\t\"./GAME_PIANO1.jpg\": \"6daf\",\n\t\"./GAME_PIANO2.jpg\": \"b3d8\",\n\t\"./GAME_PICTURECORRECT1.jpg\": \"dc01\",\n\t\"./GAME_PICTURECORRECT2.jpg\": \"eeda\",\n\t\"./GAME_PICTURELOTUS.jpg\": \"f514\",\n\t\"./GAME_PICTURELOTUS1.jpg\": \"6052\",\n\t\"./GAME_PICTURELOTUS2.jpg\": \"e78e\",\n\t\"./GAME_POND1.jpg\": \"b83a\",\n\t\"./GAME_POND2.jpg\": \"3930\",\n\t\"./GAME_QUIZ.jpg\": \"d228\",\n\t\"./GAME_QUIZ1.jpg\": \"4a91\",\n\t\"./GAME_QUIZ2.jpg\": \"5e45\",\n\t\"./GAME_QUIZNORI1.jpg\": \"929e\",\n\t\"./GAME_QUIZNORI2.jpg\": \"7c35\",\n\t\"./GAME_RAINWINDOW.jpg\": \"f412\",\n\t\"./GAME_RAINWINDOW1.jpg\": \"5040\",\n\t\"./GAME_RAINWINDOW2.jpg\": \"17c3\",\n\t\"./GAME_RECYCLING1.jpg\": \"fe3d\",\n\t\"./GAME_RECYCLING2.jpg\": \"8460\",\n\t\"./GAME_SEAOFFANTASY.jpg\": \"ecde\",\n\t\"./GAME_SEAOFFANTASY1.jpg\": \"e9a7\",\n\t\"./GAME_SEAOFFANTASY2.jpg\": \"c3e5\",\n\t\"./GAME_SEAWORLD.jpg\": \"beb8\",\n\t\"./GAME_SEAWORLD1.jpg\": \"5e7f\",\n\t\"./GAME_SEAWORLD2.jpg\": \"d377\",\n\t\"./GAME_SOCCER.jpg\": \"4f3b\",\n\t\"./GAME_SOCCER1.jpg\": \"4dcc\",\n\t\"./GAME_SOCCER2.jpg\": \"ced7\",\n\t\"./GAME_SOUNDLINK1.jpg\": \"4118\",\n\t\"./GAME_SOUNDLINK2.jpg\": \"270a\",\n\t\"./GAME_SWEEPLEAVES1.jpg\": \"56a5\",\n\t\"./GAME_SWEEPLEAVES2.jpg\": \"0098\",\n\t\"./GAME_THREE.jpg\": \"90c9\",\n\t\"./GAME_THREE1.jpg\": \"225d\",\n\t\"./GAME_THREE2.jpg\": \"bebf\",\n\t\"./GAME_TRAIN.jpg\": \"cc02\",\n\t\"./GAME_TRAIN1.jpg\": \"2620\",\n\t\"./GAME_TRAIN2.jpg\": \"58a9\",\n\t\"./GAME_WORDFERRISWHEEL1.jpg\": \"80f5\",\n\t\"./GAME_WORDFERRISWHEEL2.jpg\": \"44ef\",\n\t\"./GAME_YUTNORI1.jpg\": \"836c\",\n\t\"./GAME_YUTNORI2.jpg\": \"7cb2\",\n\t\"./RECREATION_MATCHPICTURE.jpg\": \"1069\",\n\t\"./RECREATION_SAMEACTION.jpg\": \"f693\",\n\t\"./RECREATION_SPEEDQUIZ.jpg\": \"e5fb\",\n\t\"./RECREATION_YOURFEELING.jpg\": \"9130\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"e38d\";"],"sourceRoot":""}