{"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/BreadCrumb.vue?d78f","webpack:///src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?794e","webpack:///./src/components/BreadCrumb.vue","webpack:///./src/views/ProductInfo/HappyTable43Inch.vue?2447","webpack:///./src/views/ProductInfo/HappyTable43Inch.vue?d655","webpack:///src/views/ProductInfo/HappyTable43Inch.vue","webpack:///./src/views/ProductInfo/HappyTable43Inch.vue?f12f","webpack:///./src/views/ProductInfo/HappyTable43Inch.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","solution","_l","obj","key","title","imgPath","content","collection","_m","spec","solutionList","dataCollectionList","specList","제품명","모델명","중량","멀티터치","스피커출력","운영체제"],"mappings":"kHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,kBAA6BC,IAAfV,EAAIW,OAAsBP,EAAG,kBAAkB,CAACQ,MAAM,CAAC,KAAO,GAAG,QAAS,EAAM,KAAOZ,EAAIW,UAAUX,EAAIa,MAAM,MAC/WC,EAAkB,G,YCetB,GACEC,WAAY,CAAd,uBACEC,MAAO,CACLP,SAAUQ,OACVN,OAAQM,QAGVC,QAAS,CACPC,iBADJ,WAEM,OAAOC,OAAOC,WAAa,OCzBiT,I,kCCS9UC,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,6CCpBf,W,oCCAA,W,oICAA,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACmB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQ1B,EAAI2B,SAAUC,WAAW,cAActB,YAAY,uBAAuB,CAACF,EAAG,cAAc,CAACQ,MAAM,CAAC,GAAK,MAAM,CAACR,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,kBAAkB,CAACQ,MAAM,CAAC,KAAO,GAAG,OAAQ,EAAM,KAAO,aAAaR,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,QAAQ,KAAKP,EAAIO,GAAG,OAAOH,EAAG,cAAc,CAACQ,MAAM,CAAC,GAAK,CAACY,KAAMxB,EAAI6B,QAAQC,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAO/B,EAAIgC,YAAYD,MAAW,CAAC3B,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIiC,UAAUjC,EAAI6B,OAAOL,WAAWxB,EAAIO,GAAG,OAAOH,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIiC,UAAUjC,EAAI6B,OAAOK,IAAIlC,EAAImC,cAAcX,MAAM,QAAQ,IACtxBV,EAAkB,G,YCwBtB,GACEC,WAAY,CAAd,uBACEC,MAAO,CACLoB,KAAMC,QAGRC,KANF,WAOI,MAAO,CACLL,UAAW,CACTM,WAAY,CACVf,KAAM,QACNU,IAAK,CACHK,WAAY,CAAxB,gBACYC,MAAO,CAAnB,kBAGQC,QAAS,CACPjB,KAAM,QACNU,IAAK,CACHQ,EAAG,CAAf,aACYC,EAAG,CAAf,aACYC,EAAG,CAAf,gBAGQC,YAAa,CACXrB,KAAM,QACNU,IAAK,CACHW,YAAa,CAAzB,aACY,SAAU,CAAtB,eAGQC,KAAM,CACJtB,KAAM,QACNU,IAAK,CACHQ,EAAG,CAAf,WACYC,EAAG,CAAf,WACYC,EAAG,CAAf,WACYG,EAAG,CAAf,WACYC,EAAG,CAAf,aAGQC,UAAW,CACTzB,KAAM,QACNU,IAAK,CACHe,UAAW,CAAvB,eACYC,UAAW,CAAvB,cACYC,gBAAiB,CAA7B,iBACYC,MAAO,CAAnB,iBAGQC,KAAM,CACJ7B,KAAM,KACNU,IAAK,CACHmB,KAAM,CAAlB,aACYC,UAAW,CAAvB,cACYC,IAAK,CAAjB,eAIM5B,UAAU,IAGd6B,SAAU,CACR3B,MADJ,WAEM,OAAO5B,KAAKmC,KAAKA,KAAKqB,MAAM,KAAK,IAEnCtB,aAJJ,WAKM,YACN,2BACA,6BAEelC,KAAKmC,KAAKZ,KAEZvB,KAAKmC,KAAKsB,MAAMC,QAG3BzC,QAAS,CACPc,YADJ,WAEyB,YAAf/B,KAAK4B,OAAsC,SAAf5B,KAAK4B,MAO/B5B,KAAK2D,QAAQzB,aAAaX,OAASvB,KAAK4B,OAC1C5B,KAAK2D,QAAQC,KAAK,CAChBrC,KAAMvB,KAAK4B,QARf5B,KAAK2D,QAAQC,KAAK,CAChBrC,KAAMvB,KAAK4B,MACX6B,MAAO,CAAjB,YAWII,kBAhBJ,cAoBEC,QAhGF,WAiGI9D,KAAK6D,oBACL1C,OAAO4C,iBAAiB,SAAU/D,KAAK6D,qBC3HyS,I,wBCQhVxC,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,6CCnBf,W,2CCAA,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,WAAW,CAACE,YAAY,MAAMM,MAAM,CAAC,SAAW,QAAQ,OAAS,iBAAiBR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACE,YAAY,QAAQM,MAAM,CAAC,KAAOZ,EAAIiE,WAAW,GAAG7D,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU4D,YAAY,CAAC,cAAc,SAAS,CAAC9D,EAAG,KAAK,CAAC+D,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIoE,QAAQC,MAAMjE,EAAG,IAAI,CAAC8D,YAAY,CAAC,aAAa,QAAQC,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIoE,QAAQE,MAAMlE,EAAG,kBAAkB,CAAC8D,YAAY,CAAC,cAAc,SAAStD,MAAM,CAAC,KAAO,+BAA+B,GAAGR,EAAG,MAAM,CAACE,YAAY,mBAAmB4D,YAAY,CAAC,cAAc,UAAU,CAAC9D,EAAG,KAAK,CAAC+D,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIuE,SAASF,MAAMjE,EAAG,IAAI,CAAC8D,YAAY,CAAC,aAAa,QAAQC,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIuE,SAASD,MAAMlE,EAAG,MAAM,CAAC8D,YAAY,CAAC,aAAa,UAAU9D,EAAG,MAAM,CAACE,YAAY,QAAQN,EAAIwE,GAAIxE,EAAgB,cAAE,SAASyE,EAAId,GAAO,OAAOvD,EAAG,MAAM,CAACsE,IAAIf,EAAQc,EAAIE,MAAMT,YAAY,CAAC,YAAY,UAAU,CAAC9D,EAAG,kBAAkB,CAACQ,MAAM,CAAC,KAAO6D,EAAIG,WAAWxE,EAAG,KAAK,CAAC8D,YAAY,CAAC,aAAa,OAAO,aAAa,SAAS,CAAClE,EAAIO,GAAG,IAAIP,EAAIQ,GAAGiE,EAAIE,OAAO,OAAOvE,EAAG,IAAI,CAAC8D,YAAY,CAAC,aAAa,OAAO,aAAa,SAAS,CAAClE,EAAIO,GAAG,IAAIP,EAAIQ,GAAGiE,EAAII,SAAS,QAAQ,MAAK,GAAGzE,EAAG,MAAM,CAAC8D,YAAY,CAAC,cAAc,aAAa9D,EAAG,MAAM,CAACE,YAAY,kBAAkB4D,YAAY,CAAC,aAAa,UAAU,CAAC9D,EAAG,KAAK,CAAC+D,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAI8E,WAAWT,MAAMjE,EAAG,IAAI,CAAC8D,YAAY,CAAC,aAAa,OAAO,aAAa,QAAQC,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAI8E,WAAWR,MAAMlE,EAAG,MAAM,CAACE,YAAY,OAAO4D,YAAY,CAAC,aAAa,UAAUlE,EAAIwE,GAAIxE,EAAsB,oBAAE,SAASyE,EAAId,GAAO,OAAOvD,EAAG,MAAM,CAACsE,IAAIf,EAAQc,EAAIE,MAAMT,YAAY,CAAC,MAAQ,UAAU,CAAC9D,EAAG,kBAAkB,CAACE,YAAY,YAAYM,MAAM,CAAC,KAAO6D,EAAIG,WAAWxE,EAAG,KAAK,CAAC8D,YAAY,CAAC,aAAa,SAAS,CAAClE,EAAIO,GAAGP,EAAIQ,GAAGiE,EAAIE,UAAUvE,EAAG,IAAI,CAAC8D,YAAY,CAAC,aAAa,OAAO,YAAY,UAAU,CAAClE,EAAIO,GAAGP,EAAIQ,GAAGiE,EAAII,aAAa,MAAK,GAAGzE,EAAG,MAAM,CAAC8D,YAAY,CAAC,aAAa,aAAalE,EAAI+E,GAAG,GAAG3E,EAAG,MAAM,CAACE,YAAY,OAAO4D,YAAY,CAAC,aAAa,UAAU,CAAC9D,EAAG,KAAK,CAAC+D,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIgF,KAAKX,MAAMjE,EAAG,KAAK,CAAC+D,SAAS,CAAC,UAAYnE,EAAIQ,GAAGR,EAAIgF,KAAKV,MAAMlE,EAAG,MAAM,CAACE,YAAY,OAAO4D,YAAY,CAAC,aAAa,UAAU,CAAC9D,EAAG,kBAAkB,CAAC8D,YAAY,CAAC,YAAY,KAAKtD,MAAM,CAAC,KAAO,8BAA8BR,EAAG,QAAQ,CAAC8D,YAAY,CAAC,OAAS,SAASlE,EAAIwE,GAAIxE,EAAY,UAAE,SAAS0B,EAAMgD,GAAK,OAAOtE,EAAG,KAAK,CAACsE,IAAIA,EAAMhD,GAAO,CAACtB,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGkE,MAAQtE,EAAG,KAAK,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGkB,WAAc,IAAI,GAAGtB,EAAG,MAAM,CAAC8D,YAAY,CAAC,cAAc,gBAAgB,IAC3pFpD,EAAkB,CAAC,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU4D,YAAY,CAAC,WAAa,SAAS,CAAC9D,EAAG,U,oCCyFjL,GACEW,WAAY,CAAd,wDAEEuB,KAHF,WAII,MAAO,CACL8B,QAAS,CACPC,EACR,iEACQC,EACR,kDAEMC,SAAU,CACRF,EAAG,iBACHC,EAAG,qCAELW,aAAc,CACpB,CACQ,MAAR,cACQ,QAAR,2FACQ,QAAR,iCAEA,CACQ,MAAR,iBACQ,QACR,+CACQ,QAAR,iCAEA,CACQ,MAAR,mBACQ,QACR,uCACQ,QAAR,iCAEA,CACQ,MAAR,cACQ,QACR,uEAEQ,QAAR,kCAGMH,WAAY,CACVT,EAAG,qBACHC,EACR,uKAIMY,mBAAoB,CAC1B,CACQ,MAAR,eACQ,QACR,oDACQ,QAAR,mCAEA,CACQ,MAAR,cACQ,QAAR,wBACQ,QAAR,mCAEA,CACQ,MAAR,cACQ,QAAR,kCACQ,QAAR,mCAEA,CACQ,MAAR,SACQ,QACR,sDACQ,QAAR,mCAEA,CACQ,MAAR,WACQ,QACR,sCACQ,QAAR,mCAEA,CACQ,MAAR,UACQ,QACR,sEACQ,QAAR,oCAGMF,KAAM,CACJX,EAAG,mBACHC,EAAG,kCAELa,SAAU,CACRC,MAAK,kBACLC,MAAK,QACL,QAAS,0BACTC,KAAI,QACJ,YAAa,aACbC,OAAM,QACNC,QAAO,KACP,UAAW,OACXC,OAAM,UC3L2V,I,wBCQrWnE,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,2CCnBf","file":"js/chunk-c6ba5418.169ecce6.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&\"","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!./HappyTable43Inch.vue?vue&type=style&index=0&id=fe39d6e6&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\":\"product_top\"}}),_c('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{staticClass:\"bread\",attrs:{\"path\":_vm.$route}})],1),_c('div',{staticClass:\"main-page\"},[_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\":\"100px\"},attrs:{\"path\":\"product43/table43_01.png\"}})],1),_c('div',{staticClass:\"solution-program\",staticStyle:{\"padding-top\":\"162px\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.solution.h)}}),_c('p',{staticStyle:{\"margin-top\":\"40px\"},domProps:{\"innerHTML\":_vm._s(_vm.solution.p)}}),_c('div',{staticStyle:{\"margin-top\":\"80px\"}}),_c('div',{staticClass:\"flex\"},_vm._l((_vm.solutionList),function(obj,index){return _c('div',{key:index + obj.title,staticStyle:{\"max-width\":\"570px\"}},[_c('image-component',{attrs:{\"path\":obj.imgPath}}),_c('h4',{staticStyle:{\"margin-top\":\"30px\",\"text-align\":\"left\"}},[_vm._v(\" \"+_vm._s(obj.title)+\" \")]),_c('p',{staticStyle:{\"margin-top\":\"20px\",\"text-align\":\"left\"}},[_vm._v(\" \"+_vm._s(obj.content)+\" \")])],1)}),0),_c('div',{staticStyle:{\"padding-top\":\"187px\"}})]),_c('div',{staticClass:\"data-collection\",staticStyle:{\"margin-top\":\"160px\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.collection.h)}}),_c('p',{staticStyle:{\"margin-top\":\"62px\",\"text-align\":\"left\"},domProps:{\"innerHTML\":_vm._s(_vm.collection.p)}}),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"110px\"}},_vm._l((_vm.dataCollectionList),function(obj,index){return _c('div',{key:index + obj.title,staticStyle:{\"width\":\"320px\"}},[_c('image-component',{staticClass:\"circle-bg\",attrs:{\"path\":obj.imgPath}}),_c('h4',{staticStyle:{\"margin-top\":\"30px\"}},[_vm._v(_vm._s(obj.title))]),_c('p',{staticStyle:{\"margin-top\":\"20px\",\"max-width\":\"300px\"}},[_vm._v(_vm._s(obj.content))])],1)}),0),_c('div',{staticStyle:{\"margin-top\":\"100px\"}})]),_vm._m(0),_c('div',{staticClass:\"spec\",staticStyle:{\"margin-top\":\"155px\"}},[_c('h1',{domProps:{\"innerHTML\":_vm._s(_vm.spec.h)}}),_c('h5',{domProps:{\"innerHTML\":_vm._s(_vm.spec.p)}}),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"163px\"}},[_c('image-component',{staticStyle:{\"flex-grow\":\"2\"},attrs:{\"path\":\"product43/table43_02.png\"}}),_c('table',{staticStyle:{\"margin\":\"auto\"}},_vm._l((_vm.specList),function(value,key){return _c('tr',{key:key + value},[_c('th',[_vm._v(_vm._s(key))]),_c('td',[_vm._v(_vm._s(value))])])}),0)],1),_c('div',{staticStyle:{\"padding-top\":\"210px\"}})])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"divider\",staticStyle:{\"background\":\"none\"}},[_c('hr')])}]\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=\"product_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 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: 90px; padding-top: 100px;\"\r\n          path=\"product43/table43_01.png\"\r\n        ></image-component>\r\n      </div>\r\n\r\n      <div class=\"solution-program\" style=\"padding-top: 162px\">\r\n        <h1 v-html=\"solution.h\"></h1>\r\n        <p style=\"margin-top: 40px\" v-html=\"solution.p\"></p>\r\n        <div style=\"margin-top: 80px;\"></div>\r\n        <div class=\"flex\">\r\n          <div\r\n            v-for=\"(obj, index) in solutionList\"\r\n            :key=\"index + obj.title\"\r\n            style=\"max-width: 570px;\"\r\n          >\r\n            <image-component :path=\"obj.imgPath\"></image-component>\r\n            <h4 style=\"margin-top: 30px; text-align: left;\">\r\n              {{ obj.title }}\r\n            </h4>\r\n            <p style=\"margin-top: 20px; text-align: left;\">\r\n              {{ obj.content }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div style=\"padding-top: 187px;\"></div>\r\n      </div>\r\n\r\n      <div class=\"data-collection\" style=\"margin-top: 160px\">\r\n        <h1 v-html=\"collection.h\"></h1>\r\n        <p\r\n          style=\"margin-top: 62px; text-align: left;\"\r\n          v-html=\"collection.p\"\r\n        ></p>\r\n        <div class=\"flex\" style=\"margin-top: 110px\">\r\n          <div\r\n            v-for=\"(obj, index) in dataCollectionList\"\r\n            :key=\"index + obj.title\"\r\n            style=\"width: 320px\"\r\n          >\r\n            <image-component\r\n              class=\"circle-bg\"\r\n              :path=\"obj.imgPath\"\r\n            ></image-component>\r\n            <h4 style=\"margin-top: 30px\">{{ obj.title }}</h4>\r\n            <p style=\"margin-top: 20px; max-width: 300px;\">{{ obj.content }}</p>\r\n          </div>\r\n        </div>\r\n        <div style=\"margin-top: 100px;\" />\r\n      </div>\r\n      <div class=\"divider\" style=\"background: none;\"><hr /></div>\r\n      <div class=\"spec\" style=\"margin-top: 155px;\">\r\n        <h1 v-html=\"spec.h\"></h1>\r\n        <h5 v-html=\"spec.p\"></h5>\r\n        <div class=\"flex\" style=\"margin-top: 163px\">\r\n          <image-component\r\n            path=\"product43/table43_02.png\"\r\n            style=\"flex-grow: 2;\"\r\n          ></image-component>\r\n          <table style=\"margin: auto;\">\r\n            <tr v-for=\"(value, key) in specList\" :key=\"key + value\">\r\n              <th>{{ key }}</th>\r\n              <td>{{ value }}</td>\r\n            </tr>\r\n          </table>\r\n        </div>\r\n        <div style=\"padding-top: 210px;\"></div>\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          '시니어 여가활동 증진 및 인지능력 향상 목적인<br />조달청 나라장터 등록 <b>\"스마트 터치 테이블\"</b>',\r\n        p:\r\n          \"사용자 데이터 기반으로 경도인지 장애를 선별하고, 지속적인 추적관리가 가능한 시스템\",\r\n      },\r\n      solution: {\r\n        h: \"해피테이블 솔루션 프로그램\",\r\n        p: \"최고의 인지능력 향상 프로그램으로 치매 예방에도 기여합니다.\",\r\n      },\r\n      solutionList: [\r\n        {\r\n          title: \"멀티 터치 디스플레이\",\r\n          content: `게임에 적합하고 4인 동시 플레이가 가능한 스마트 테이블\\n동시에 30회의 입력이 가능한 멀티 터치 디스플레이 모니터 및 내부 PC 발열을 고려한 쿨링 디자인`,\r\n          imgPath: \"product43/product43_img01.png\",\r\n        },\r\n        {\r\n          title: \"사용성 & 효과성 평가완료\",\r\n          content:\r\n            \"해피테이블이 시니어들의 인지향상에 도움된다라는 내용의 사용성과 효과성 평가 완료\",\r\n          imgPath: \"product43/product43_img02.png\",\r\n        },\r\n        {\r\n          title: \"CMS 통합 관리 사이트 제공\",\r\n          content:\r\n            \"회원별 상세데이터, 게임별 상세 데이터, 날짜별 상세 데이터 제공\",\r\n          imgPath: \"product43/product43_img03.png\",\r\n        },\r\n        {\r\n          title: \"그 외 다양한 콘텐츠\",\r\n          content:\r\n            \"치매 예방 체조, 레크레이션, 간이정신상태 검사 등 콘텐츠 탑재\\n\\\r\n            다양한 콘텐츠를 지속적으로 업데이트\",\r\n          imgPath: \"product43/product43_img04.png\",\r\n        },\r\n      ],\r\n      collection: {\r\n        h: \"기능성 게임 활동 및 데이터 관리\",\r\n        p:\r\n          \"해피 테이블을 통해 진행하는 모든 인지 활동 프로그램에 대한 데이터를 수집합니다.\\\r\n          이러한 데이터는 해피 테이블만의 알고리즘을 통하여 반응력, 기억력, 문제 해결력,\\\r\n          주의력, 유연성, 수리력에 대한 인지 기능 측정 및 치매에 관련한 위험도를 분석하고 경고합니다.\",\r\n      },\r\n      dataCollectionList: [\r\n        {\r\n          title: \"인지 강화를 위한 게임\",\r\n          content:\r\n            \"해피테이블은 정확한 데이터의 제공을 위해 필요한 최소한의 개인 정보를 수집하고 있습니다.\",\r\n          imgPath: \"product43/ic_happytable_no1.png\",\r\n        },\r\n        {\r\n          title: \"실제 사용자의 플레이\",\r\n          content: \"해피테이블의 게임 콘텐츠를 즐겨보세요.\",\r\n          imgPath: \"product43/ic_happytable_no2.png\",\r\n        },\r\n        {\r\n          title: \"플레이 데이터의 저장\",\r\n          content: \"사용자 분들의 게임 플레이 데이터를 안전하게 기록합니다.\",\r\n          imgPath: \"product43/ic_happytable_no3.png\",\r\n        },\r\n        {\r\n          title: \"데이터 관리\",\r\n          content:\r\n            \"다양한 이해 관계자 분들께 데이터를 제공하기 위해 해피테이블의 알고리즘을 통하여 관리됩니다.\",\r\n          imgPath: \"product43/ic_happytable_no4.png\",\r\n        },\r\n        {\r\n          title: \"CMS에서 확인\",\r\n          content:\r\n            \"이러한 데이터들은 해피테이블에서 제공하는 CMS에서 확인합니다.\",\r\n          imgPath: \"product43/ic_happytable_no5.png\",\r\n        },\r\n        {\r\n          title: \"데이터의 활용\",\r\n          content:\r\n            \"실제 사용자 분들에겐 분석 결과에 대한 안내를, 의료진 및 전문가 분들에게는 데이터 사용의 편의성과 효율성을 제공합니다.\",\r\n          imgPath: \"product43/ic_happytable_no6.png\",\r\n        },\r\n      ],\r\n      spec: {\r\n        h: \"43인치 키오스크형 해피테이블\",\r\n        p: \"(happytable 43inch kiosk type)\",\r\n      },\r\n      specList: {\r\n        제품명: \"해피테이블 43인치 키오스크\",\r\n        모델명: \"HT43A\",\r\n        \"제품 규격\": \"1344(W)x932(D)x750(H)mm\",\r\n        중량: \"128kg\",\r\n        \"전원 및 소비전력\": \"220V / 75W\",\r\n        멀티터치: \"40포인트\",\r\n        스피커출력: \"8W\",\r\n        \"상판 유리두께\": \"95mm\",\r\n        운영체제: \"윈도우\",\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: 2.75rem;\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\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: #f7f9fb;\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  margin: 0 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.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@media (max-width: 767px) {\r\n  .banner.web {\r\n    margin-top: 60px;\r\n    .banner-title {\r\n      font-size: 1.52rem;\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!./HappyTable43Inch.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!./HappyTable43Inch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HappyTable43Inch.vue?vue&type=template&id=fe39d6e6&scoped=true&\"\nimport script from \"./HappyTable43Inch.vue?vue&type=script&lang=js&\"\nexport * from \"./HappyTable43Inch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HappyTable43Inch.vue?vue&type=style&index=0&id=fe39d6e6&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  \"fe39d6e6\",\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":""}