{"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/views/News/Reference.vue?c9f6","webpack:///src/views/News/Reference.vue","webpack:///./src/views/News/Reference.vue?b886","webpack:///./src/views/News/Reference.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/components/BreadCrumb.vue?d78f","webpack:///src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?794e","webpack:///./src/components/BreadCrumb.vue","webpack:///./src/components/BreadCrumb.vue?fa10","webpack:///./src/views/News/Reference.vue?f702"],"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","$route","_m","_l","item","index","key","site","getImgSrc","imgSrc","data","referenceInfo","show","is_all","button_value","isMobile","mounted","checkBrowserWidth","addEventListener","images","prefix","actualSrc","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","directives","name","rawName","value","expression","route","nativeOn","$event","goRoutePage","routeList","sub","currentRoute","path","happytable","award","product","0","1","2","productinfo","game","3","4","cognition","multigame","cognitionDetail","story","news","reference","faq","computed","split","query","$router","push","created"],"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,oDCpBf,IAAIvB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,YAAYA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACQ,MAAM,CAAC,KAAOZ,EAAIuB,WAAW,GAAGnB,EAAG,MAAM,GAAG,CAACJ,EAAIwB,GAAG,GAAGpB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIwB,GAAG,GAAGpB,EAAG,MAAM,CAACE,YAAY,uBAAuBN,EAAIyB,GAAIzB,EAAiB,eAAE,SAAS0B,EAAKC,GAAO,OAAOvB,EAAG,MAAM,CAACwB,IAAID,EAAMrB,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIO,GAAGP,EAAIQ,GAAGkB,EAAKG,SAASzB,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMZ,EAAI8B,UAAUJ,EAAKK,gBAAe,UAAU,IACvlBjB,EAAkB,CAAC,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAG,cAAc,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,OAAO,CAACJ,EAAIO,GAAG,kBAAkBH,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAM,EAAQ,QAA+C,IAAM,Y,oCCgDhf,GACEG,WAAY,CAAd,kCACEiB,KAFF,WAGI,MAAO,CAELC,cAAe,EACfC,MAAM,EACNC,OAAQ,GACRC,aAAc,MACdC,UAAU,IAIdC,QAbF,WAcIrC,KAAKsC,oBACLnB,OAAOoB,iBAAiB,SAAUvC,KAAKsC,oBAEzCrB,QAAS,CACPqB,kBADJ,aAQIT,UARJ,SAQA,GACM,IAAN,0BACA,wBAKA,YAKM,OAAOW,EAAO,KAAOC,EAASC,EAAY,WCtFkT,I,wBCQ9VrB,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E,6CCnBf,W,uBCAA,IAAIsB,EAAM,CACT,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,mBAAoB,OACpB,kBAAmB,OACnB,wBAAyB,OACzB,0BAA2B,OAC3B,iCAAkC,OAClC,yBAA0B,OAC1B,yBAA0B,OAC1B,uBAAwB,OACxB,wBAAyB,OACzB,wBAAyB,OACzB,wBAAyB,OACzB,wBAAyB,OACzB,wBAAyB,OACzB,sBAAuB,OACvB,6BAA8B,OAC9B,iBAAkB,OAClB,oBAAqB,OACrB,iBAAkB,OAClB,2BAA4B,OAC5B,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,2BAA4B,OAC5B,4BAA6B,OAC7B,qBAAsB,OACtB,sBAAuB,OACvB,4BAA6B,OAC7B,iBAAkB,OAClB,yBAA0B,OAC1B,oBAAqB,OACrB,eAAgB,OAChB,qBAAsB,OACtB,2BAA4B,OAC5B,qBAAsB,OACtB,uBAAwB,QACxB,0BAA2B,OAC3B,8BAA+B,OAC/B,kCAAmC,OACnC,iCAAkC,OAClC,2BAA4B,OAC5B,8BAA+B,OAC/B,gBAAiB,OACjB,iBAAkB,OAClB,qBAAsB,OACtB,wBAAyB,OACzB,8BAA+B,OAC/B,mBAAoB,OACpB,wBAAyB,OACzB,oBAAqB,OACrB,mBAAoB,OACpB,yBAA0B,OAC1B,wBAAyB,OACzB,wBAAyB,OACzB,qBAAsB,OACtB,qBAAsB,OACtB,cAAe,OACf,uBAAwB,OACxB,kBAAmB,OACnB,aAAc,OACd,wBAAyB,OACzB,wBAAyB,OACzB,6BAA8B,OAC9B,oBAAqB,OACrB,kBAAmB,QACnB,0BAA2B,OAC3B,uBAAwB,OACxB,uBAAwB,OACxB,0BAA2B,OAC3B,gBAAiB,OACjB,cAAe,OACf,oBAAqB,OACrB,wBAAyB,OACzB,qBAAsB,OACtB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,oBAAqB,OACrB,gBAAiB,QAIlB,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,GAE5B,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,EAEP,OAAOP,EAAIE,GAEZD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,IAEpBC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,Q,oCC9HpB,W,m1KCAA,IAAIhD,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACuD,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQ9D,EAAIqC,SAAU0B,WAAW,cAAczD,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,CAACgD,KAAM5D,EAAIgE,QAAQC,SAAS,CAAC,MAAQ,SAASC,GAAQ,OAAOlE,EAAImE,YAAYD,MAAW,CAAC9D,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIoE,UAAUpE,EAAIgE,OAAOJ,WAAW5D,EAAIO,GAAG,OAAOH,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIoE,UAAUpE,EAAIgE,OAAOK,IAAIrE,EAAIsE,cAAcV,MAAM,QAAQ,IACtxB9C,EAAkB,G,YCwBtB,GACEC,WAAY,CAAd,uBACEC,MAAO,CACLuD,KAAMhB,QAGRvB,KANF,WAOI,MAAO,CACLoC,UAAW,CACTI,WAAY,CACVZ,KAAM,QACNS,IAAK,CACHG,WAAY,CAAxB,gBACYC,MAAO,CAAnB,kBAGQC,QAAS,CACPd,KAAM,QACNS,IAAK,CACHM,EAAG,CAAf,aACYC,EAAG,CAAf,aACYC,EAAG,CAAf,gBAGQC,YAAa,CACXlB,KAAM,QACNS,IAAK,CACHS,YAAa,CAAzB,aACY,SAAU,CAAtB,eAGQC,KAAM,CACJnB,KAAM,QACNS,IAAK,CACHM,EAAG,CAAf,WACYC,EAAG,CAAf,WACYC,EAAG,CAAf,WACYG,EAAG,CAAf,WACYC,EAAG,CAAf,aAGQC,UAAW,CACTtB,KAAM,QACNS,IAAK,CACHa,UAAW,CAAvB,eACYC,UAAW,CAAvB,cACYC,gBAAiB,CAA7B,iBACYC,MAAO,CAAnB,iBAGQC,KAAM,CACJ1B,KAAM,KACNS,IAAK,CACHiB,KAAM,CAAlB,aACYC,UAAW,CAAvB,cACYC,IAAK,CAAjB,eAIMnD,UAAU,IAGdoD,SAAU,CACRzB,MADJ,WAEM,OAAO/D,KAAKsE,KAAKA,KAAKmB,MAAM,KAAK,IAEnCpB,aAJJ,WAKM,YACN,2BACA,6BAEerE,KAAKsE,KAAKX,KAEZ3D,KAAKsE,KAAKoB,MAAMhE,QAG3BT,QAAS,CACPiD,YADJ,WAEyB,YAAflE,KAAK+D,OAAsC,SAAf/D,KAAK+D,MAO/B/D,KAAK2F,QAAQtB,aAAaV,OAAS3D,KAAK+D,OAC1C/D,KAAK2F,QAAQC,KAAK,CAChBjC,KAAM3D,KAAK+D,QARf/D,KAAK2F,QAAQC,KAAK,CAChBjC,KAAM3D,KAAK+D,MACX2B,MAAO,CAAjB,YAWIpD,kBAhBJ,cAoBEuD,QAhGF,WAiGI7F,KAAKsC,oBACLnB,OAAOoB,iBAAiB,SAAUvC,KAAKsC,qBC3HyS,I,wBCQhVjB,EAAY,eACd,EACAvB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,kECnBf,W,kCCAA","file":"js/chunk-287166d6.618500c3.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('sub-head'),_c('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{attrs:{\"path\":_vm.$route}})],1),_c('div',{},[_vm._m(0),_c('div',{staticClass:\"page_padding\"},[_c('div',{staticClass:\"reference-info-wrapper\"},[_vm._m(1),_c('div',{staticClass:\"reference-info-list\"},_vm._l((_vm.referenceInfo),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('span',{staticClass:\"fontBold\"},[_vm._v(_vm._s(item.site))]),_c('img',{attrs:{\"src\":_vm.getImgSrc(item.imgSrc)}})])}),0)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title marginT\"},[_c('span',{staticClass:\"fontBold font41\"},[_vm._v(\"설치 사례\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"reference-info\"},[_c('div',{staticClass:\"backgroun-color\"},[_c('span',[_vm._v(\"전국 다수 보급 중\")])]),_c('img',{attrs:{\"src\":require(\"@/assets/source/images/Installation_map.jpg\"),\"alt\":\"지도\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <sub-head></sub-head>\r\n    <div class=\"page_padding\">\r\n      <bread-crumb :path=\"$route\"></bread-crumb>\r\n    </div>\r\n    <div class=\"\">\r\n      <div class=\"title marginT\">\r\n        <span class=\"fontBold font41\">설치 사례</span>\r\n      </div>\r\n      <div class=\"page_padding\">\r\n        <div class=\"reference-info-wrapper\">\r\n          <div class=\"reference-info\">\r\n            <div class=\"backgroun-color\">\r\n              <span>전국 다수 보급 중</span>\r\n              <!-- <span class=\"font30 fontBold\">{{ referenceInfo.length }}</span> -->\r\n            </div>\r\n            <img src=\"@/assets/source/images/Installation_map.jpg\" alt=\"지도\" />\r\n          </div>\r\n          <div class=\"reference-info-list\">\r\n            <div\r\n              v-for=\"(item, index) in referenceInfo\"\r\n              :key=\"index\"\r\n              class=\"item\"\r\n            >\r\n              <span class=\"fontBold\">{{ item.site }}</span>\r\n              <!-- <image-component\r\n                class=\"refer-img\"\r\n                :is_jpg=\"false\"\r\n                path=\"\"\r\n                :name=\"isMobile ? 'm_' + item.imgSrc : item.imgSrc\"\r\n              ></image-component> -->\r\n              <!-- <img :src=\"getImgSrc(item.imgSrc)\" /> -->\r\n              <img :src=\"getImgSrc(item.imgSrc)\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport subHead from \"../../components/sub_head.vue\";\r\nimport reference from \"@/assets/source/json/reference_0605.json\";\r\n\r\nimport BreadCrumb from \"../../components/BreadCrumb.vue\";\r\n// import ImageComponent from \"../../components/imageComponent.vue\";\r\n\r\nexport default {\r\n  components: {subHead, BreadCrumb},\r\n  data() {\r\n    return {\r\n      // content: jsonContents,\r\n      referenceInfo: reference,\r\n      show: false,\r\n      is_all: \"\",\r\n      button_value: \"더보기\",\r\n      isMobile: false,\r\n    };\r\n  },\r\n\r\n  mounted() {\r\n    this.checkBrowserWidth();\r\n    window.addEventListener(\"resize\", this.checkBrowserWidth);\r\n  },\r\n  methods: {\r\n    checkBrowserWidth() {\r\n      // if (window.innerWidth <= 550) {\r\n      //   this.isMobile = true;\r\n      // } else {\r\n      //   this.isMobile = false;\r\n      // }\r\n    },\r\n    getImgSrc(src) {\r\n      const actualSrc = src ? src : \"happytable-default\";\r\n      const prefix = this.isMobile ? \"m_\" : \"\";\r\n\r\n      // if (window.innerWidth <= 550) {\r\n      //   src = \"m_\" + src;\r\n      // }\r\n      let images = require.context(\r\n        \"../../assets/source/images/\",\r\n        false,\r\n        /\\.png$/\r\n      );\r\n      return images(\"./\" + prefix + actualSrc + \".png\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.reference-info-wrapper {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-around;\r\n  margin-bottom: 8rem;\r\n}\r\n\r\n.reference-info-list,\r\n.reference-info {\r\n  border: 1px solid #dddd;\r\n  width: 30rem;\r\n  /* width: 100%; */\r\n  flex-direction: column;\r\n  height: 50rem;\r\n  overflow: scroll;\r\n  overflow-x: hidden;\r\n  box-sizing: border-box;\r\n}\r\n.reference-info-list {\r\n}\r\n.reference-info {\r\n  overflow: hidden;\r\n  width: 30rem;\r\n  padding: 19.2px;\r\n}\r\n\r\n.reference-info img {\r\n  padding: 5rem 0;\r\n  width: 100%;\r\n}\r\n\r\n.reference-info-list .item {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 1rem;\r\n  justify-content: space-between;\r\n  text-align: left;\r\n  border-bottom: 2px solid #f3f3f3;\r\n}\r\n\r\n.backgroun-color {\r\n  background-color: #ff5230;\r\n  padding: 1rem 2rem;\r\n  display: flex;\r\n  justify-content: space-between;\r\n}\r\n\r\n.backgroun-color span {\r\n  color: #fff;\r\n}\r\n\r\n.reference .d-flex {\r\n  width: 49%;\r\n  justify-content: center;\r\n  padding: 1rem 0;\r\n}\r\n.reference img {\r\n  border-radius: 20px;\r\n}\r\n.imgWrap {\r\n  width: 100%;\r\n}\r\n.imgWrap img {\r\n  width: 100%;\r\n}\r\n.d-flex div {\r\n  width: 100%;\r\n}\r\n.margin-right {\r\n  margin-right: auto;\r\n}\r\n.margin-left {\r\n  margin-left: auto;\r\n}\r\n.header {\r\n  border-bottom: 1px solid #d1d1d1;\r\n}\r\n.btn {\r\n  color: black !important;\r\n  border: none;\r\n  text-decoration: none;\r\n  background-color: #e3e3e3;\r\n  outline: none;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  height: 100px;\r\n}\r\n.btn:hover {\r\n  background-color: #e3e3e3;\r\n}\r\n.headlineWrap {\r\n  padding-bottom: 0.2rem;\r\n}\r\n.contentWrap {\r\n  color: #606060;\r\n}\r\n.marginT.reference-info-list {\r\n  margin-top: 0;\r\n}\r\n.reference-info {\r\n  margin-bottom: 2rem;\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!./Reference.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!./Reference.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Reference.vue?vue&type=template&id=631d959d&scoped=true&\"\nimport script from \"./Reference.vue?vue&type=script&lang=js&\"\nexport * from \"./Reference.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Reference.vue?vue&type=style&index=0&id=631d959d&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  \"631d959d\",\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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isMobile),expression:\"!isMobile\"}],staticClass:\"bread-crumb-wrapper\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('div',{staticClass:\"d-flex bread-crumb\"},[_c('image-component',{attrs:{\"path\":\"\",\"isJpg\":false,\"name\":\"ic_home\"}}),_c('span',{staticClass:\"route\"},[_vm._v(\"홈\")])],1)]),_vm._v(\" / \"),_c('router-link',{attrs:{\"to\":{name: _vm.route}},nativeOn:{\"click\":function($event){return _vm.goRoutePage($event)}}},[_c('span',{staticClass:\"route\"},[_vm._v(_vm._s(_vm.routeList[_vm.route].name))])]),_vm._v(\" / \"),_c('span',{staticClass:\"route current-page\"},[_vm._v(\" \"+_vm._s(_vm.routeList[_vm.route].sub[_vm.currentRoute].name)+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bread-crumb-wrapper\" v-show=\"!isMobile\">\r\n    <router-link to=\"/\">\r\n      <div class=\"d-flex bread-crumb\">\r\n        <image-component\r\n          path=\"\"\r\n          :isJpg=\"false\"\r\n          name=\"ic_home\"\r\n        ></image-component>\r\n        <span class=\"route\">홈</span>\r\n      </div>\r\n    </router-link>\r\n    /\r\n    <router-link :to=\"{name: route}\" @click.native=\"goRoutePage\"\r\n      ><span class=\"route\">{{ routeList[route].name }}</span>\r\n    </router-link>\r\n    /\r\n    <span class=\"route current-page\">\r\n      {{ routeList[route].sub[currentRoute].name }}\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ImageComponent from \"./imageComponent.vue\";\r\nexport default {\r\n  components: {ImageComponent},\r\n  props: {\r\n    path: Object,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      routeList: {\r\n        happytable: {\r\n          name: \"해피테이블\",\r\n          sub: {\r\n            happytable: {name: \"브랜드 이야기\"},\r\n            award: {name: \"인증 및 수상\"},\r\n          },\r\n        },\r\n        product: {\r\n          name: \"제품 소개\",\r\n          sub: {\r\n            0: {name: \"43인치\"},\r\n            1: {name: \"32인치\"},\r\n            2: {name: \"해피태블릿\"},\r\n          },\r\n        },\r\n        productinfo: {\r\n          name: \"제품 소개\",\r\n          sub: {\r\n            productinfo: {name: \"43인치\"},\r\n            \"32inch\": {name: \"32인치\"},\r\n          },\r\n        },\r\n        game: {\r\n          name: \"게임 소개\",\r\n          sub: {\r\n            0: {name: \"전체\"},\r\n            1: {name: \"협동\"},\r\n            2: {name: \"경쟁\"},\r\n            3: {name: \"힐링\"},\r\n            4: {name: \"학습\"},\r\n          },\r\n        },\r\n        cognition: {\r\n          name: \"게임 소개\",\r\n          sub: {\r\n            cognition: {name: \"기능성 게임\"},\r\n            multigame: {name: \"멀티 게임\"},\r\n            cognitionDetail: {name: \"인지 평가 게임\"},\r\n            story: {name: \"스토리 웹툰\"},\r\n          },\r\n        },\r\n        news: {\r\n          name: \"소식\",\r\n          sub: {\r\n            news: {name: \"공지사항\"},\r\n            reference: {name: \"설치 사례\"},\r\n            faq: {name: \"FAQ\"},\r\n          },\r\n        },\r\n      },\r\n      isMobile: false,\r\n    };\r\n  },\r\n  computed: {\r\n    route() {\r\n      return this.path.path.split(\"/\")[1];\r\n    },\r\n    currentRoute() {\r\n      if (\r\n        this.path.query.index === undefined ||\r\n        this.path.name === \"cognition\"\r\n      ) {\r\n        return this.path.name;\r\n      }\r\n      return this.path.query.index;\r\n    },\r\n  },\r\n  methods: {\r\n    goRoutePage() {\r\n      if (this.route === \"product\" || this.route === \"game\") {\r\n        this.$router.push({\r\n          name: this.route,\r\n          query: {index: 0},\r\n        });\r\n        return;\r\n      } else {\r\n        if (this.$router.currentRoute.name !== this.route) {\r\n          this.$router.push({\r\n            name: this.route,\r\n          });\r\n        }\r\n      }\r\n    },\r\n    checkBrowserWidth() {\r\n      // this.isMobile = window.innerWidth <= 1200;\r\n    },\r\n  },\r\n  created() {\r\n    this.checkBrowserWidth();\r\n    window.addEventListener(\"resize\", this.checkBrowserWidth);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.bread-crumb-wrapper {\r\n  margin: 1rem 0;\r\n  text-align: left;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n}\r\n.route.current-page {\r\n  color: #f83f1b;\r\n}\r\na {\r\n  text-decoration: none;\r\n}\r\n.route {\r\n  font-size: 14px;\r\n  color: black;\r\n  padding: 0 0.4rem;\r\n}\r\na >>> .imgWrap {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadCrumb.vue?vue&type=template&id=2bf61cc4&scoped=true&\"\nimport script from \"./BreadCrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadCrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BreadCrumb.vue?vue&type=style&index=0&id=2bf61cc4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2bf61cc4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadCrumb.vue?vue&type=style&index=0&id=2bf61cc4&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Reference.vue?vue&type=style&index=0&id=631d959d&scoped=true&lang=css&\""],"sourceRoot":""}