{"version":3,"sources":["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/News/NewsFAQ.vue?20bf","webpack:///./src/components/BreadCrumb.vue?fa10","webpack:///./src/views/News/NewsFAQ.vue?6199","webpack:///src/views/News/NewsFAQ.vue","webpack:///./src/views/News/NewsFAQ.vue?1c83","webpack:///./src/views/News/NewsFAQ.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","isMobile","expression","staticClass","attrs","_v","route","nativeOn","$event","goRoutePage","_s","routeList","sub","currentRoute","staticRenderFns","components","props","path","Object","data","happytable","award","product","0","1","2","productinfo","game","3","4","cognition","multigame","cognitionDetail","story","news","reference","faq","computed","split","query","index","methods","$router","push","checkBrowserWidth","created","window","addEventListener","component","$route","_m","_l","_obj","key","class","open","faqList","isOpen","on","showAnswer","question","item","answer","length","openIndex","isOpenAnswer"],"mappings":"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","file":"js/chunk-57e528b8.c9e82edb.js","sourcesContent":["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!./NewsFAQ.vue?vue&type=style&index=0&id=352a0750&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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"news-top\"}),_c('div',{staticClass:\"page_padding\"},[_c('bread-crumb',{attrs:{\"path\":_vm.$route}})],1),_vm._m(0),_c('div',{staticClass:\"page_padding marginB\"},_vm._l((_vm.faqList),function(value,index){\nvar _obj;\nreturn _c('div',{key:index,staticClass:\"box\",class:{open: _vm.faqList[index].isOpen},on:{\"click\":function($event){return _vm.showAnswer(index)}}},[_c('div',{staticClass:\"question\",class:{open: _vm.faqList[index].isOpen}},[_c('div',{staticClass:\"mark question-mark\"},[_vm._v(\"Q\")]),_c('div',{staticClass:\"question-content\"},[_vm._v(\" \"+_vm._s(_vm.faqList[index].question)+\" \")]),_c('div',{staticClass:\"arrow\",class:( _obj = {}, _obj['arrow-open'] = _vm.faqList[index].isOpen, _obj )},[_c('span',[_vm._v(\"〈\")])])]),_c('div',{staticClass:\"answer-wrapper\"},_vm._l((value.answer),function(item,key){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.faqList[index].isOpen),expression:\"faqList[index].isOpen\"}],key:key,staticClass:\"answer\"},[_c('div',{staticClass:\"mark answer-mark\"},[_vm._v(\" A\"+_vm._s(value.answer.length > 1 ? key + 1 : \"\")+\" \")]),_c('div',{staticClass:\"question-content\"},[_vm._v(\" \"+_vm._s(value.answer[key])+\" \")])])}),0)])}),0)])}\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(\"FAQ\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"news-top\"></div>\r\n    <div class=\"page_padding\">\r\n      <bread-crumb :path=\"$route\"></bread-crumb>\r\n    </div>\r\n    <div class=\"title marginT\"><span class=\"fontBold font41\">FAQ</span></div>\r\n    <div class=\"page_padding marginB\">\r\n      <div\r\n        v-for=\"(value, index) in faqList\"\r\n        :key=\"index\"\r\n        class=\"box\"\r\n        :class=\"{open: faqList[index].isOpen}\"\r\n        @click=\"showAnswer(index)\"\r\n      >\r\n        <div class=\"question\" :class=\"{open: faqList[index].isOpen}\">\r\n          <div class=\"mark question-mark\">Q</div>\r\n          <div class=\"question-content\">\r\n            {{ faqList[index].question }}\r\n          </div>\r\n          <div class=\"arrow\" :class=\"{['arrow-open']: faqList[index].isOpen}\">\r\n            <span>〈</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"answer-wrapper\">\r\n          <div\r\n            v-show=\"faqList[index].isOpen\"\r\n            class=\"answer\"\r\n            v-for=\"(item, key) in value.answer\"\r\n            :key=\"key\"\r\n          >\r\n            <div class=\"mark answer-mark\">\r\n              A{{ value.answer.length > 1 ? key + 1 : \"\" }}\r\n            </div>\r\n            <div class=\"question-content\">\r\n              {{ value.answer[key] }}\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 BreadCrumb from \"../../components/BreadCrumb.vue\";\r\nexport default {\r\n  components: {BreadCrumb},\r\n  data() {\r\n    return {\r\n      openIndex: null,\r\n      isOpenAnswer: false,\r\n      faqList: [\r\n        {\r\n          question: \"CMS 홈페이지 로그인을 어떻게 하나요?\",\r\n          answer: [\r\n            \"해피테이블 최초 설치시 기관관리자에게 URL,ID,PW를 전송해드립니다. 분실시 카카오채널 '해피테이블'로 연락 주세요.\",\r\n          ],\r\n          isOpen: false,\r\n        },\r\n        {\r\n          question: \"CMS 홈페이지 ID,PW 정보를 잊어버렸어요.\",\r\n          answer: [\"카카오채널 '해피테이블' 로 상담을 통해 확인 가능합니다.\"],\r\n          isOpen: false,\r\n        },\r\n        {\r\n          question: \"스크린샷을 출력하는 방법이 어떻게 되나요?\",\r\n          answer: [\r\n            \"활동관리 > 게임 > 하단의 게임활동 > 하단의 회원 갤러리 내용 클릭 후 출력 가능합니다.\",\r\n          ],\r\n          isOpen: false,\r\n        },\r\n        {\r\n          question: \"해피테이블 로그인은 왜 해야 하나요?\",\r\n          answer: [\r\n            \"해피테이블 로그인을 통해 콘텐츠를 진행해야 게임 데이터를 저장할 수 있고 CMS를 통해 내용 조회가 가능합니다.\",\r\n          ],\r\n          isOpen: false,\r\n        },\r\n        {\r\n          question: \"해피테이블 회원가입을 했는데 로그인이 안됩니다.\",\r\n          answer: [\r\n            \"(회원정보를 확인표시가 뜰 경우) 회원 등록시 '전화번호' 에 입력한 번호가 해피테이블 로그인 아이디가 됩니다. 확인하시고 로그인 부탁드립니다.\",\r\n            \"(네트워크 오류가 뜰 경우) 와이파이가 연결이 안된 경우입니다. 카카오채널 '해피테이블' 채팅상담을 통해 해결해드리겠습니다.\",\r\n          ],\r\n          isOpen: false,\r\n        },\r\n        {\r\n          question: \"해피테이블을 물티슈나 물수건으로 닦아도 되나요?\",\r\n          answer: [\r\n            \"가능합니다. 단, 물자국이 남으면 사용에 지장이 되니 마른수건으로 다시 닦는 것을 권장드립니다.\",\r\n          ],\r\n          isOpen: false,\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    showAnswer(index) {\r\n      this.faqList[index].isOpen = !this.faqList[index].isOpen;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n  margin-bottom: 90px;\r\n}\r\n.mark {\r\n  width: 60px;\r\n  height: 60px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 10px;\r\n  color: white;\r\n  font-weight: bold;\r\n  font-size: 24px;\r\n}\r\n.question-mark {\r\n  background-color: lightgrey;\r\n}\r\n.question-content {\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  text-align: left;\r\n  margin-left: 30px;\r\n  margin-right: 10px;\r\n  line-height: 1.5rem;\r\n}\r\n.open.question {\r\n  border-bottom: 1px solid #ababab;\r\n  padding-bottom: 16px;\r\n}\r\n.answer-mark {\r\n  background-color: #3d3d3d;\r\n}\r\n.question {\r\n  padding: 16px 0;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n.answer {\r\n  padding: 5px 0;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n.box:nth-child(2) {\r\n  padding-top: 20px;\r\n}\r\n.open.question .mark {\r\n  background-color: #ff5230;\r\n}\r\n.question {\r\n  padding: 0;\r\n}\r\n.box {\r\n  padding: 17px 30px;\r\n  border: 1px solid #d5d5d5;\r\n  margin-bottom: 20px;\r\n}\r\n.a {\r\n  border: 1px solid lightgrey;\r\n}\r\n.arrow {\r\n  width: 20px;\r\n  margin-left: auto;\r\n  transform: rotate(-90deg);\r\n}\r\n.arrow span {\r\n  color: #0a0a0a;\r\n  font-size: 20px;\r\n}\r\n.arrow-open {\r\n  transform: rotate(-270deg);\r\n}\r\n.box.open {\r\n  border: 1px solid #ababab;\r\n}\r\n.box.open .answer-wrapper {\r\n  padding-top: 11px;\r\n}\r\n@media (max-width: 1200px) {\r\n  .box {\r\n    padding: 15px 20px;\r\n    border: 1px solid #d5d5d5;\r\n    margin-bottom: 20px;\r\n  }\r\n  .question-content {\r\n    font-size: 14px;\r\n    margin-left: 10px;\r\n    width: calc(100% - 90px);\r\n  }\r\n  .mark {\r\n    width: 45px;\r\n    height: 45px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 10px;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 18px;\r\n  }\r\n}\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n  .title.marginT {\r\n    margin-top: 100px !important;\r\n    margin-bottom: 90px;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .title.marginT {\r\n    margin-top: 100px !important;\r\n    margin-bottom: 30px;\r\n  }\r\n  .news-top {\r\n    padding-top: 0 !important;\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!./NewsFAQ.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!./NewsFAQ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsFAQ.vue?vue&type=template&id=352a0750&scoped=true&\"\nimport script from \"./NewsFAQ.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsFAQ.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsFAQ.vue?vue&type=style&index=0&id=352a0750&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  \"352a0750\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}