{"version":3,"sources":["webpack:///./src/components/page/PlatformfyInfo.vue?bb5d","webpack:///./src/components/module/ScrollWrapper.vue?b81c","webpack:///src/components/module/ScrollWrapper.vue","webpack:///./src/components/module/ScrollWrapper.vue?0a01","webpack:///./src/components/module/ScrollWrapper.vue?f6bf","webpack:///./src/components/page/PlatformfyInfo.vue?19ce","webpack:///src/components/page/PlatformfyInfo.vue","webpack:///./src/components/page/PlatformfyInfo.vue?e3dc","webpack:///./src/components/page/PlatformfyInfo.vue?a710","webpack:///./src/components/module/ScrollWrapper.vue?ce57"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","component","staticStyle","_v","_s","intro","text","title1","title2","title3","content1","_l","item","idx","key","class","isDark","name","content","on","$event","clickItem","id","attrs","icon","style","img","_e","ref","menu","Number","selectedId","section","bgColor","title","subTitle","head","primary","label","desc","link","routerPush","sectionContentPcStyle","mainButton","length","feature","packs","pack","selectedPack","info","links","clickButton","imgs_pc","pack_img","button","Object","keys","plugins","plugin","menuItem","img_direction","defaultPack","imgs","refInFor","slickOptions","img_mobile","mainButtonStyle","label_mobile","imgs_mobile","buttonText"],"mappings":"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","file":"js/chunk-0559e93e.f970f82e.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PlatformfyInfo.vue?vue&type=style&index=0&id=4e4a036b&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"grid-container\"},[_c('main',{staticClass:\"grid-item main\"},[_c('div',{staticClass:\"items\"},[_vm._t(\"default\")],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"grid-container\">\r\n      <main class=\"grid-item main\">\r\n        <div class=\"items\">\r\n          <slot></slot>\r\n        </div>\r\n      </main>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: \"ScrollWrapper\",\r\n    created() {\r\n    },\r\n    data() {\r\n      return {\r\n        ev: {\r\n          up: undefined,\r\n          down: undefined,\r\n          leave: undefined,\r\n          move: undefined,\r\n        }\r\n      }\r\n    },\r\n    mounted() {\r\n      this.setScrollTable();\r\n    },\r\n    methods: {\r\n      setScrollTable() {\r\n        this.$nextTick(() => {\r\n          const slider = document.querySelector('.items');\r\n          slider.style.userSelect = 'none';\r\n          slider.style.cursor = 'pointer';\r\n\r\n          let isDown = false;\r\n          let startX;\r\n          let scrollLeft;\r\n          this.ev.down = (e) => {\r\n            // console.log('pageX',e.pageX, slider.offsetLeft)\r\n            isDown = true;\r\n            slider.classList.add('active');\r\n            startX = e.pageX - slider.offsetLeft;\r\n            scrollLeft = slider.scrollLeft;\r\n          };\r\n          slider.addEventListener('mousedown', this.ev.down);\r\n          this.ev.leave = () => {\r\n            isDown = false;\r\n            slider.classList.remove('active');\r\n          }\r\n          slider.addEventListener('mouseleave', this.ev.leave);\r\n          this.ev.up = () => {\r\n            isDown = false;\r\n            slider.classList.remove('active');\r\n          }\r\n          slider.addEventListener('mouseup', this.ev.up);\r\n          this.ev.move = (e) => {\r\n            if (!isDown) return;\r\n            e.preventDefault();\r\n            const x = e.pageX - slider.offsetLeft;\r\n            const walk = (x - startX) * 1; //scroll-fast\r\n            slider.scrollLeft = scrollLeft - walk;\r\n            // console.log(walk);\r\n          }\r\n          slider.addEventListener('mousemove', this.ev.move);\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  //VARIABLES BECAUSE CSS PREPROCESSORS ARE COOL\r\n  $gray = #555\r\n  $white #efefef\r\n\r\n  .grid-container\r\n    background $white\r\n\r\n  //ENABLE CSS GRID FOR LIFT OFF  🚀\r\n  @supports (display grid)\r\n    .grid-item\r\n      color #fff\r\n      //background skyblue\r\n      padding 3.5em 1em\r\n      font-size 1em\r\n\r\n    .header\r\n      //background-color darken(skyblue, 60%)\r\n      grid-area header\r\n      padding 1em\r\n\r\n    .title\r\n      color $gray\r\n      //background-color lighten(skyblue, 25%)\r\n      grid-area title\r\n\r\n    .main\r\n      color lighten($gray, 25%)\r\n      //background-color lighten(skyblue, 60%)\r\n      grid-area main\r\n      padding 0\r\n\r\n    .items\r\n      position relative\r\n      width 100%\r\n      overflow-x scroll\r\n      overflow-y hidden\r\n      transition all 0.2s\r\n      will-change transform\r\n      -ms-overflow-style none /* IE and Edge */\r\n      scrollbar-width none /* Firefox */\r\n\r\n    .items::-webkit-scrollbar\r\n      display none /* Chrome, Safari, Opera*/\r\n\r\n    .items tr\r\n      border-bottom 1px solid #eee\r\n\r\n    .lp-table\r\n      width 100%\r\n\r\n    .items.active\r\n      background rgba(255, 255, 255, 0.3)\r\n      cursor grabbing\r\n      cursor -webkit-grabbing\r\n\r\n    .item\r\n      text-align center\r\n      padding 1em\r\n      vertical-align middle\r\n      @media screen and (max-width 500px)\r\n        min-height 200px\r\n        min-width 200px\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!./ScrollWrapper.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!./ScrollWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ScrollWrapper.vue?vue&type=template&id=011cad02&scoped=true&\"\nimport script from \"./ScrollWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./ScrollWrapper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ScrollWrapper.vue?vue&type=style&index=0&id=011cad02&lang=stylus&scoped=true&\"\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  \"011cad02\",\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',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"bg-gray3\",staticStyle:{\"padding\":\"120px 0\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"intro\"},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(_vm._s(_vm.intro.text.title1))]),_c('div',{staticClass:\"section-title\"},[_c('span',{staticClass:\"section-title-bold\"},[_vm._v(_vm._s(_vm.intro.text.title2))]),_vm._v(_vm._s(_vm.intro.text.title3)+\" \")])]),_c('div',{staticClass:\"margin-top-24 sub2\"},[_vm._v(_vm._s(_vm.intro.text.content1))]),_c('div',{staticClass:\"margin-top-60\"},[_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.intro.list),function(item,idx){return _c('div',{key:'card-item-'+idx,staticClass:\"card-info\",class:{'bg-white': !item.isDark, 'bg-dark': item.isDark}},[_c('div',{staticClass:\"h6\",class:{'main': !item.isDark}},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"body2 margin-top-8\",class:{'sub2': !item.isDark}},[_vm._v(_vm._s(item.content))]),_c('div',{staticClass:\"margin-top-20 flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"unselect flex-align body2-medium\",class:{'main': !item.isDark},on:{\"click\":function($event){return _vm.clickItem(item.id)}}},[_c('div',[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"margin-left-12 svg-sub3\",attrs:{\"src\":_vm.icon('draw_arrow-right')}})]),_c('div',{staticClass:\"flex-end full-width\"},[(item.img)?_c('img',{staticClass:\"flex-end\",style:({'height': ((item.imgHeight) + \"px\")}),attrs:{\"src\":_vm.img(item.img)}}):_vm._e()])])])}),0)])])])]),_c('div',{staticClass:\"main-section\"},[_c('div',{ref:\"tabMenu\",staticClass:\"flex-center section-menu-container\",style:(_vm.fixedStyle)},_vm._l((_vm.sectionMenu),function(menu,idx){return _c('div',{key:'section-menu-'+idx,staticClass:\"unselect padding-top-20 padding-bottom-20 padding-left-24 padding-right-24 subtitle5\",class:{'sub2': Number(_vm.selectedId) !== Number(menu.id), 'selected': Number(_vm.selectedId) === Number(menu.id)},on:{\"click\":function($event){return _vm.clickItem(menu.id)}}},[_vm._v(\" \"+_vm._s(menu.name)+\" \")])}),0),_vm._l((_vm.sections),function(section,idx){return _c('div',{key:'section-'+idx,class:{'bg-gray3': section.bgColor === 'gray3', 'bg-primary-light2': section.bgColor === 'primary-light2'},staticStyle:{\"padding\":\"120px 0\"},attrs:{\"id\":(\"section\" + (section.id))}},[_c('div',{staticClass:\"container\"},[((section.title && section.title !== '') || (section.subTitle && section.subTitle !== ''))?_c('div',{staticClass:\"margin-bottom-40\"},[(section.title && section.title !== '')?_c('div',{staticClass:\"section-title main\"},[_vm._v(_vm._s(section.title)+\" \")]):_vm._e(),(section.subTitle && section.subTitle !== '')?_c('div',{staticClass:\"section-title-bold main\"},[_vm._v(_vm._s(section.subTitle)+\" \")]):_vm._e()]):_vm._e(),(section.head)?_c('div',{staticClass:\"section-head-grid-container\",style:({'grid-template-columns': section.head.img && section.head.img !== '' ? 'repeat(2, 1fr)' : '','grid-gap': section.head.img && section.head.img !== '' ? '0px 120px' : ''})},[_c('div',[(section.head.primary && section.head.primary !== '')?_c('div',{staticClass:\"h8 primary margin-bottom-8\"},[_vm._v(_vm._s(section.head.primary)+\" \")]):_vm._e(),_c('div',{staticClass:\"flex-align\"},[_c('div',[_c('div',{staticClass:\"section-title main\"},[_vm._v(_vm._s(section.head.title))]),_c('div',{staticClass:\"section-title-bold main\"},[_vm._v(_vm._s(section.head.title2))])])]),(section.head.label && section.head.label !== '')?_c('div',{staticClass:\"flex-center bg-primary body5-medium\",staticStyle:{\"margin-top\":\"10px\",\"display\":\"inline-block\",\"color\":\"#fff\",\"padding\":\"2px 8px 4px 8px\",\"border-radius\":\"4px\"}},[_vm._v(\" \"+_vm._s(section.head.label)+\" \")]):_vm._e(),(section.head.desc && section.head.desc !== '')?_c('div',{staticClass:\"body2 sub2 margin-top-24\"},[_vm._v(_vm._s(section.head.desc)+\" \")]):_vm._e(),(section.head.text && section.head.text !== '')?_c('div',{staticClass:\"margin-top-16 body2 sub3\"},[_vm._v(_vm._s(section.head.text)+\" \")]):_vm._e(),(section.head.link && section.head.link !== '')?_c('div',{staticClass:\"unselect flex-align margin-top-24\",on:{\"click\":function($event){return _vm.routerPush(section.head.link)}}},[_c('div',{staticClass:\"body2-medium main\"},[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"margin-left-12 svg-sub3\",attrs:{\"src\":_vm.icon('draw_arrow-right')}})]):_vm._e()]),(section.head.img && section.head.img !== '')?_c('img',{attrs:{\"src\":_vm.img(section.head.img)}}):_vm._e()]):_vm._e(),(section.content)?_c('div',{staticClass:\"margin-top-40\"},[(section.content.img && section.content.img !== '')?_c('div',{style:(_vm.sectionContentPcStyle(section.content))},[(section.content.text && section.content.text !== '')?_c('div',{staticClass:\"body3 sub2\"},[_vm._v(_vm._s(section.content.text)+\" \")]):_vm._e(),_c('img',{attrs:{\"src\":_vm.img(section.content.img)}})]):(section.content.img === '' && section.content.text && section.content.text !== '')?_c('div',{staticClass:\"body3 sub2 margin-top-40\"},[_vm._v(_vm._s(section.content.text)+\" \")]):_vm._e()]):_vm._e(),(section.feature)?_c('div',{style:((\"margin-top: \" + (section.content ? '160' : '0') + \"px\"))},[_c('div',{staticClass:\"section-head-grid-container\",style:({'alignItems': section.mainButton && section.mainButton.length > 0 ? 'flex-end' : 'center', 'grid-gap': section.feature.img && section.feature.img !== '' ? '0px 150px' : ''})},[_c('div',[(section.feature.primary && section.feature.primary !== '')?_c('div',{staticClass:\"h8 primary margin-bottom-8\"},[_vm._v(_vm._s(section.feature.primary)+\" \")]):_vm._e(),_c('div',{staticClass:\"flex-align\"},[_c('div',[_c('div',{staticClass:\"section-title main\"},[_vm._v(_vm._s(section.feature.title))]),_c('div',{staticClass:\"section-title-bold main\"},[_vm._v(_vm._s(section.feature.title2))])])]),(section.feature.desc && section.feature.desc !== '')?_c('div',{staticClass:\"body2 sub2 margin-top-24\"},[_vm._v(_vm._s(section.feature.desc)+\" \")]):_vm._e(),(section.feature.text && section.feature.text !== '')?_c('div',{staticClass:\"margin-top-16 body2 sub3\"},[_vm._v(_vm._s(section.feature.text)+\" \")]):_vm._e()]),(section.feature.img && section.feature.img !== '')?_c('div',{staticClass:\"margin-top-40\"},[_c('img',{attrs:{\"src\":_vm.img(section.feature.img)}})]):_vm._e()])]):_vm._e(),(section.packs && section.packs.length > 0)?_c('div',{staticClass:\"bg-white\",staticStyle:{\"padding\":\"100px 0\"}},[_c('div',{staticClass:\"section-title-bold main\"},[_vm._v(\"테마에 제공되는 기본 화면과 기능들을 확인 해 보세요!\")]),_c('div',{staticClass:\"tabs\"},_vm._l((section.packs),function(pack,idx){return _c('div',{key:(\"pack-\" + idx),staticClass:\"item-tab unselect\",class:{'item-tab-selected': idx === _vm.selectedPack},on:{\"click\":function($event){_vm.selectedPack=idx}}},[_vm._v(_vm._s(pack.info.name)+\" \")])}),0),_c('transition-group',{attrs:{\"name\":\"fade\"}},[_vm._l((section.packs),function(pack,idx){return [(idx === _vm.selectedPack)?_c('div',{key:'pack-'+idx},[(pack.title !== '' || pack.title2 !== '')?_c('div',{staticStyle:{\"margin-bottom\":\"60px\"}},[_c('div',{staticClass:\"section-title main\"},[_vm._v(_vm._s(pack.title))]),_c('div',{staticClass:\"section-title-bold main\"},[_vm._v(_vm._s(pack.title2))])]):_vm._e(),(pack.info)?_c('div',{staticClass:\"pack-info-wrapper\"},[_c('div',[(pack.info.label && pack.info.label !== '')?_c('div',{staticClass:\"body4-medium bg-primary-light2 primary\",staticStyle:{\"margin-bottom\":\"12px\",\"border-radius\":\"4px\",\"text-align\":\"center\",\"width\":\"68px\",\"height\":\"26px\",\"padding\":\"2px 8px\"}},[_vm._v(\" \"+_vm._s(pack.info.label)+\" \")]):_vm._e(),_c('div',{staticClass:\"subtitle2 main\"},[_vm._v(_vm._s(pack.info.name))]),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(pack.info.desc))]),(pack.info.links && pack.info.links.length > 0)?_c('div',{staticClass:\"margin-top-40 flex-align\"},_vm._l((pack.info.links),function(link,idx){return _c('div',{key:'link-'+idx,staticClass:\"flex-align unselect\",class:{'primary': idx === 0, 'sub': idx === 1, 'margin-left-40': idx === 1},on:{\"click\":function($event){return _vm.clickButton(link)}}},[_c('div',{staticClass:\"body2-medium\"},[_vm._v(_vm._s(link.name))]),_c('img',{staticClass:\"margin-left-4\",class:{'svg-primary': idx === 0, 'svg-sub': idx === 1},attrs:{\"src\":_vm.icon('u:arrow-up-right')}})])}),0):_vm._e()]),_c('img',{attrs:{\"src\":_vm.img(pack.info.img)}})]):_vm._e(),(pack.imgs_pc && pack.imgs_pc.length > 0)?_c('div',{staticClass:\"margin-top-60\"},_vm._l((pack.imgs_pc),function(pack_img,idx){return _c('div',{key:'pack_img-'+idx,class:{'margin-bottom-16': idx !== pack.imgs_pc.length - 1}},[(pack_img.name !== '')?_c('img',{attrs:{\"src\":_vm.img(pack_img.name)}}):_vm._e()])}),0):_vm._e(),(pack.button && Object.keys(pack.button).length > 0)?_c('div',{staticClass:\"margin-top-60 flex-center\"},[_c('button',{staticClass:\"body2-bold button is-primary\",staticStyle:{\"height\":\"56px\",\"padding\":\"16px 58px\"},on:{\"click\":function($event){return _vm.clickButton(pack.button)}}},[_vm._v(_vm._s(pack.button.name)+\" \")])]):_vm._e()]):_vm._e()]})],2)],1):_vm._e(),(section.plugins && section.plugins.length > 0)?_c('div',{staticStyle:{\"margin-top\":\"100px\"}},[_c('div',{staticClass:\"subtitle2 main\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\" 필요한 기능이 있다면 플러그인을 추가할 수 있습니다. \")]),_c('div',{staticClass:\"margin-top-40 plugins-wrapper\"},_vm._l((section.plugins),function(plugin,idx){return _c('div',{key:'plugin-'+idx,staticClass:\"flex-align bg-white\",staticStyle:{\"padding\":\"20px\",\"height\":\"88px\",\"border-radius\":\"4px\"}},[_c('div',{staticClass:\"flex-center bg-gray3\",staticStyle:{\"border-radius\":\"12px\",\"width\":\"48px\",\"height\":\"48px\"}},[_c('img',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"src\":_vm.icon(plugin.icon)}})]),_c('div',{staticClass:\"margin-left-12 body3 sub\"},[_vm._v(_vm._s(plugin.name))])])}),0),_c('div',{staticClass:\"margin-top-40 body4 sub3\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"*더 많은 플러그인이 준비되어있으며, 팩과 플러그인은 지속적으로 업데이트됩니다. \")])]):_vm._e(),(section.info)?_c('div',{staticClass:\"margin-top-60\"},[_c('div',{staticClass:\"section-grid-info\"},[_c('img',{attrs:{\"src\":_vm.img(section.info.img)}}),_c('div',{staticClass:\"section-grid-info-item\"},_vm._l((section.info.menu),function(menuItem,idx){return _c('div',{key:'menuItem-'+idx,staticClass:\"flex-align bg-white\",staticStyle:{\"padding\":\"16px\"}},[_c('img',{staticClass:\"svg-sub2\",staticStyle:{\"margin-right\":\"8px\",\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"src\":_vm.icon(menuItem.icon)}}),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(menuItem.name))])])}),0)]),_c('div',{staticStyle:{\"margin-top\":\"120px\"}},[_c('div',{staticClass:\"main section-title\"},[_vm._v(_vm._s(section.info.title))]),_c('div',{staticClass:\"main section-title-bold\"},[_vm._v(_vm._s(section.info.title2))]),_c('div',{staticClass:\"body1 sub2 margin-top-24\"},[_vm._v(_vm._s(section.info.desc))])])]):_vm._e(),_vm._l((section.list),function(item,idx){return _c('div',{key:'section-list-item'+idx,staticClass:\"section-grid-list\",staticStyle:{\"padding\":\"100px 0\"}},[(item.img && item.img_direction === 'left')?_c('div',[_c('img',{attrs:{\"src\":_vm.img(item.img)}})]):_vm._e(),_c('div',[_c('div',{staticClass:\"body2-bold primary\"},[_vm._v(_vm._s(item.primary))]),_c('div',{staticClass:\"h5 main\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"body2 sub2 margin-top-24\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"body4 sub3 margin-top-12\"},[_vm._v(_vm._s(item.info))])]),(item.img && item.img_direction === 'right')?_c('div',[_c('img',{attrs:{\"src\":_vm.img(item.img)}})]):_vm._e()])}),(section.defaultPack)?_c('div',{staticClass:\"section-grid-default-pack\",staticStyle:{\"padding\":\"160px 0 120px\"}},[_c('div',[_c('div',{staticClass:\"body2-bold primary\"},[_vm._v(_vm._s(section.defaultPack.primary))]),_c('div',{staticClass:\"h5 main\",staticStyle:{\"margin-top\":\"10px\"}},[_vm._v(_vm._s(section.defaultPack.title))]),_c('div',{staticClass:\"body2 sub2 margin-top-24\"},[_vm._v(_vm._s(section.defaultPack.desc))]),_c('div',{staticClass:\"body4 sub3 margin-top-12\"},[_vm._v(_vm._s(section.defaultPack.info))])]),_c('div',{staticClass:\"menuitem-wrapper-2\",staticStyle:{\"margin-left\":\"100px\"}},_vm._l((section.defaultPack.menu),function(menuItem,idx){return _c('div',{key:'menuItem-'+idx,staticClass:\"bg-white border-gray flex-align\",staticStyle:{\"width\":\"200px\",\"height\":\"54px\",\"padding\":\"16px 20px\"}},[_c('img',{staticClass:\"svg-sub2\",staticStyle:{\"margin-right\":\"14px\",\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"src\":_vm.icon(menuItem.icon)}}),_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(menuItem.name))])])}),0)]):_vm._e(),(section.imgs && section.imgs.length > 0)?_c('div',{staticStyle:{\"padding\":\"0 75px\"}},[(section.imgs)?_c('div',{staticClass:\"content-slide\"},[_c('slick',{ref:\"slick\",refInFor:true,attrs:{\"options\":_vm.slickOptions}},_vm._l((section.imgs),function(img,idx){return _c('div',{key:'slide-'+idx,staticClass:\"slick-img-outer\"},[_c('img',{staticClass:\"slick-img\",style:(_vm.slickImg),attrs:{\"src\":img,\"alt\":\"\"}})])}),0)],1):_vm._e()]):_vm._e()],2)])})],2)]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"intro bg-gray3\",staticStyle:{\"padding\":\"60px 20px\"}},[_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"mo-pagetitle\"},[_vm._v(_vm._s(_vm.intro.text.title1))]),_c('div',{staticClass:\"mo-pagetitle-bold\"},[_vm._v(_vm._s(_vm.intro.text.title2))]),_c('div',{staticClass:\"mo-pagetitle\"},[_vm._v(_vm._s(_vm.intro.text.title3))])]),_c('div',{staticClass:\"margin-top-16 body3 sub2\"},[_vm._v(_vm._s(_vm.intro.text.content1))]),_c('div',{staticClass:\"margin-top-40\"},[_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.intro.list),function(item,idx){return _c('div',{key:'card-item-'+idx,staticClass:\"card-info\",class:{'bg-white': !item.isDark, 'bg-dark': item.isDark}},[_c('div',{staticClass:\"h8\",class:{'main': !item.isDark}},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"body5 margin-top-4\",class:{'sub2': !item.isDark}},[_vm._v(_vm._s(item.content))]),_c('div',{staticClass:\"margin-top-12 flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"unselect flex-align body4-medium\",class:{'main': !item.isDark},on:{\"click\":function($event){return _vm.clickItem(item.id)}}},[_c('div',[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"margin-left-8\",class:{'svg-main': !item.isDark, 'svg-white': item.isDark},attrs:{\"src\":_vm.icon('draw_arrow-right')}})]),_c('div',{staticClass:\"flex-end\"},[(item.img_mobile)?_c('img',{staticClass:\"flex-end\",attrs:{\"src\":_vm.img(item.img_mobile)}}):_vm._e()])])])}),0)])]),_c('div',{staticClass:\"main-section\"},[_c('div',{ref:\"tabMenuMobile\",staticClass:\"flex-align section-menu-container\",staticStyle:{\"padding\":\"0 16px\",\"overflow\":\"hidden\"},style:(_vm.fixedStyleMobile)},[_c('div',{staticClass:\"flex-align drag-scroll-mobile\"},_vm._l((_vm.sectionMenu),function(menu,idx){return _c('div',{key:'section-menu-'+idx,staticClass:\"unselect padding-top-12 padding-bottom-12 padding-left-16 padding-right-16 subtitle7 text-center\",class:{'sub': Number(_vm.selectedId) !== Number(menu.id), 'selected': Number(_vm.selectedId) === Number(menu.id)},staticStyle:{\"width\":\"300px\",\"scroll-snap-align\":\"start\"},on:{\"click\":function($event){return _vm.clickItem(menu.id)}}},[_vm._v(\" \"+_vm._s(menu.name)+\" \")])}),0)]),_vm._l((_vm.sections),function(section,idx){return _c('div',{key:'section-'+idx,class:{'bg-gray3': section.bgColor === 'gray3', 'bg-primary-light2': section.bgColor === 'primary-light2'},staticStyle:{\"padding\":\"60px 20px\"},attrs:{\"id\":(\"section-mobile-\" + (section.id))}},[((section.title && section.title !== '') || (section.subTitle && section.subTitle !== ''))?_c('div',{staticClass:\"margin-bottom-32\"},[(section.title && section.title !== '')?_c('div',{staticClass:\"mo-section-title main\"},[_vm._v(_vm._s(section.title)+\" \")]):_vm._e(),(section.subTitle && section.subTitle !== '')?_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(_vm._s(section.subTitle)+\" \")]):_vm._e()]):_vm._e(),(section.head)?_c('div',{staticClass:\"head\"},[(section.head.primary && section.head.primary !== '')?_c('div',{staticClass:\"body4-bold primary margin-bottom-4\"},[_vm._v(_vm._s(section.head.primary)+\" \")]):_vm._e(),_c('div',{staticClass:\"mo-section-title main\"},[_vm._v(_vm._s(section.head.title))]),_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(_vm._s(section.head.title2))])]),(section.head.label && section.head.label !== '')?_c('div',{staticClass:\"flex-center margin-top-8 bg-primary body5-medium\",staticStyle:{\"display\":\"inline-block\",\"color\":\"#fff\",\"padding\":\"2px 8px 4px\",\"border-radius\":\"4px\"}},[_vm._v(_vm._s(section.head.label)+\" \")]):_vm._e(),_c('div',{staticClass:\"body2 main margin-top-16\"},[_vm._v(_vm._s(section.head.desc))]),(section.head.text && section.head.text !== '')?_c('div',{staticClass:\"margin-top-16 body4 sub2\"},[_vm._v(_vm._s(section.head.text)+\" \")]):_vm._e(),(section.id !== 4 && section.head.link && section.head.link !== '')?_c('div',{staticClass:\"unselect flex-align margin-top-16\",on:{\"click\":function($event){return _vm.routerPush(section.head.link)}}},[_c('div',{staticClass:\"body4-bold main\"},[_vm._v(\"자세히 보기\")]),_c('img',{staticClass:\"margin-left-12 svg-sub3\",attrs:{\"src\":_vm.icon('draw_arrow-right')}})]):_vm._e(),(section.head.img_mobile && section.head.img_mobile !== '')?_c('img',{staticClass:\"margin-top-40\",attrs:{\"src\":_vm.img(section.head.img_mobile)}}):_vm._e(),(section.mainButton && section.mainButton.length > 0)?_c('div',{staticClass:\"flex-align margin-top-16\"},_vm._l((section.mainButton),function(button,idx){return _c('button',{key:'mainButton-'+idx,staticClass:\"button flex-center unselect body4-medium\",class:{'is-dark': idx === 0, 'is-gray': idx === 1},staticStyle:{\"width\":\"50%\",\"height\":\"40px\",\"border-radius\":\"8px\"},style:(_vm.mainButtonStyle(section.mainButton, idx)),on:{\"click\":function($event){return _vm.clickButton(button)}}},[_vm._v(\" \"+_vm._s(button.name)+\" \")])}),0):_vm._e()]):_vm._e(),(section.content)?_c('div',{staticClass:\"margin-top-16\"},[(section.content.img_mobile && section.content.img_mobile !== '')?_c('div',[_c('img',{attrs:{\"src\":_vm.img(section.content.img_mobile)}})]):_vm._e(),_c('div',{staticClass:\"body4 sub2 margin-top-16\"},[_vm._v(_vm._s(section.content.text))])]):_vm._e(),(section.feature)?_c('div',{class:{'margin-top-60': section.content}},[_c('div',{staticClass:\"head\"},[(section.feature.primary && section.feature.primary !== '')?_c('div',{staticClass:\"body4-bold primary margin-bottom-4\"},[_vm._v(_vm._s(section.feature.primary)+\" \")]):_vm._e(),_c('div',{staticClass:\"mo-section-title main\"},[_vm._v(_vm._s(section.feature.title))]),_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(_vm._s(section.feature.title2))]),(section.feature.label && section.feature.label !== '')?_c('div',{staticClass:\"flex-center margin-left-8 bg-primary body5-medium\",staticStyle:{\"color\":\"#fff\",\"padding\":\"2px 8px\",\"border-radius\":\"4px\"}},[_vm._v(_vm._s(section.head.label)+\" \")]):_vm._e()]),(section.feature.desc && section.feature.desc !== '')?_c('div',{staticClass:\"body2 main margin-top-16\"},[_vm._v(_vm._s(section.feature.desc)+\" \")]):_vm._e(),(section.feature.text && section.feature.text !== '')?_c('div',{staticClass:\"margin-top-16 body4 sub2\"},[_vm._v(_vm._s(section.feature.text)+\" \")]):_vm._e(),(section.feature.img_mobile && section.feature.img_mobile !== '')?_c('img',{staticClass:\"margin-top-40\",attrs:{\"src\":_vm.img(section.feature.img_mobile)}}):_vm._e()])]):_vm._e(),(section.packs && section.packs.length > 0)?_c('div',{staticClass:\"bg-white\",staticStyle:{\"padding\":\"40px 0\"}},[_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(\"테마에 제공되는 기본 화면과 기능들을 확인 해 보세요!\")]),_c('div',{staticClass:\"tabs\"},_vm._l((section.packs),function(pack,idx){return _c('div',{key:(\"pack-\" + idx),staticClass:\"item-tab unselect\",class:{'item-tab-selected': idx === _vm.selectedPack},on:{\"click\":function($event){_vm.selectedPack=idx}}},[_vm._v(_vm._s(pack.info.name)+\" \")])}),0),_c('transition-group',{attrs:{\"name\":\"fade\"}},[_vm._l((section.packs),function(pack,idx){return [(idx === _vm.selectedPack)?_c('div',{key:'pack-'+idx},[(pack.title !== '' || pack.title2 !== '')?_c('div',{staticStyle:{\"margin-bottom\":\"40px\"}},[_c('div',{staticClass:\"mo-section-title main\"},[_vm._v(_vm._s(pack.title))]),_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(_vm._s(pack.title2))])]):_vm._e(),_c('img',{attrs:{\"src\":_vm.img(pack.info.img_mobile)}}),(pack.info)?_c('div',{staticStyle:{\"margin-top\":\"16px\"}},[_c('div',[(pack.info.label_mobile && pack.info.label_mobile !== '')?_c('div',{staticClass:\"body6-medium bg-primary-light2 primary\",staticStyle:{\"margin-bottom\":\"8px\",\"border-radius\":\"4px\",\"text-align\":\"center\",\"width\":\"110px\",\"height\":\"22px\",\"padding\":\"2px 8px\"}},[_vm._v(\" \"+_vm._s(pack.info.label_mobile)+\" \")]):_vm._e(),_c('div',{staticClass:\"h7 main\"},[_vm._v(_vm._s(pack.info.name))]),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(_vm._s(pack.info.desc))]),(pack.info.links && pack.info.links.length > 0)?_c('div',{staticClass:\"margin-top-24 flex-align\"},[_c('button',{staticClass:\"button is-dark flex-center\",staticStyle:{\"width\":\"100%\",\"height\":\"40px\"},on:{\"click\":function($event){return _vm.clickButton(pack.info.links[0])}}},[_vm._v(_vm._s(pack.info.links[0].name)+\" \")])]):_vm._e()])]):_vm._e(),(pack.imgs_mobile && pack.imgs_mobile.length > 0)?_c('div',{staticClass:\"margin-top-40 flex-align\",staticStyle:{\"overflow-x\":\"auto\",\"scroll-snap-type\":\"x mandatory\"}},_vm._l((pack.imgs_mobile),function(pack_img,idx){return _c('img',{key:'pack_img-'+idx,class:{'margin-right-12': idx !== pack.imgs_mobile.length - 1},staticStyle:{\"scroll-snap-align\":\"start\",\"border-radius\":\"8px\",\"height\":\"200px\"},attrs:{\"src\":_vm.img(pack_img.name)}})}),0):_vm._e(),(pack.button && Object.keys(pack.button).length > 0)?_c('div',{staticClass:\"margin-top-36 flex-center\"},[_c('button',{staticClass:\"body2-medium button is-primary\",staticStyle:{\"height\":\"52px\",\"padding\":\"14px 30px\"},on:{\"click\":function($event){return _vm.clickButton(pack.button)}}},[_vm._v(_vm._s(pack.button.name)+\" \")])]):_vm._e()]):_vm._e()]})],2)],1):_vm._e(),(section.plugins && section.plugins.length > 0)?_c('div',{staticStyle:{\"margin-top\":\"60px\"}},[_c('div',{staticClass:\"mo-section-title main\"},[_vm._v(\"필요한 기능이 있다면\")]),_c('div',{staticClass:\"mo-section-title-bold main\"},[_vm._v(\"플러그인을 추가할 수 있습니다.\")]),_c('div',{staticClass:\"margin-top-20 plugins-wrapper\"},[_vm._l((section.plugins),function(plugin,idx){return [(idx !== section.plugins.length - 1)?_c('div',{key:'plugin-'+idx,staticClass:\"flex-center bg-white\",staticStyle:{\"height\":\"100px\",\"padding\":\"0px 20px\",\"border-radius\":\"4px\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('img',{staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"src\":_vm.icon(plugin.icon)}}),_c('div',{staticClass:\"margin-top-6 body5 sub2\"},[_vm._v(_vm._s(plugin.name))])])]):_vm._e()]})],2),_c('div',{staticClass:\"margin-top-20 body6 sub3\"},[_vm._v(\" *더 많은 플러그인이 준비되어있으며, 팩과 플러그인은 지속적으로 업데이트됩니다. \")])]):_vm._e(),(section.info)?_c('div',{staticClass:\"margin-top-40\"},[_c('div',{staticClass:\"section-grid-info-item\"},[_vm._l((section.info.menu),function(menuItem,idx){return [(idx !== section.info.menu.length - 1)?_c('div',{key:'menuItem-'+idx,staticClass:\"flex-align\",staticStyle:{\"background\":\"#fff\",\"padding\":\"12px 16px\"}},[_c('img',{staticClass:\"svg-sub2\",staticStyle:{\"margin-right\":\"8px\",\"width\":\"20px\",\"height\":\"16px\"},attrs:{\"src\":_vm.icon(menuItem.icon)}}),_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(menuItem.name))])]):_vm._e()]})],2),_c('div',{staticStyle:{\"margin-top\":\"50px\"}},[_c('img',{attrs:{\"src\":_vm.img(section.info.img)}})]),_c('div',{staticClass:\"margin-top-60\"},[_c('div',{staticClass:\"main mo-section-title\"},[_vm._v(_vm._s(section.info.title))]),_c('div',{staticClass:\"main mo-section-title-bold\"},[_vm._v(_vm._s(section.info.title2))]),_c('div',{staticClass:\"body4 sub2 margin-top-8\"},[_vm._v(_vm._s(section.info.desc))])])]):_vm._e(),_vm._l((section.list),function(item,idx){return _c('div',{key:'section-list-item'+idx,staticStyle:{\"padding-top\":\"60px\"}},[(item.img_mobile && item.img_mobile !== '')?_c('div',[_c('img',{attrs:{\"src\":_vm.img(item.img_mobile)}})]):_vm._e(),_c('div',{staticClass:\"margin-top-20\"},[(item.primary && item.primary !== '')?_c('div',{staticClass:\"body4-bold primary margin-bottom-4\"},[_vm._v(_vm._s(item.primary)+\" \")]):_vm._e(),_c('div',{staticClass:\"h8 main\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"body4 sub2 margin-top-8\"},[_vm._v(_vm._s(item.desc))]),_c('div',{staticClass:\"body6 sub3 margin-top-8\"},[_vm._v(_vm._s(item.info))])])])}),(section.defaultPack)?_c('div',{staticClass:\"margin-top-60\"},[_c('div',[_c('div',{staticClass:\"body4-bold primary margin-bottom-4\"},[_vm._v(_vm._s(section.defaultPack.primary))]),_c('div',{staticClass:\"h8 main\"},[_vm._v(_vm._s(section.defaultPack.title))]),_c('div',{staticClass:\"body4 sub2 margin-top-8\"},[_vm._v(_vm._s(section.defaultPack.desc))]),_c('div',{staticClass:\"body6 sub3 margin-top-8\"},[_vm._v(_vm._s(section.defaultPack.info))])]),_c('div',{staticClass:\"margin-top-20 section-defaultpack-menu\"},_vm._l((section.defaultPack.menu),function(menuItem,idx){return _c('div',{key:'menuItem-'+idx,staticClass:\"bg-white border-gray flex-align\",staticStyle:{\"height\":\"54px\",\"padding\":\"16px 12px\"}},[_c('img',{staticClass:\"svg-sub2\",staticStyle:{\"margin-right\":\"8px\",\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"src\":_vm.icon(menuItem.icon)}}),_c('div',{staticClass:\"body4 main\"},[_vm._v(_vm._s(menuItem.name))])])}),0)]):_vm._e(),(section.imgs && section.imgs.length>0)?_c('div',{staticClass:\"content is-12\",staticStyle:{\"padding-top\":\"60px\"}},[(section.imgs)?_c('div',{staticClass:\"content-slide\"},[_c('scroll-wrapper',[_c('div',{staticClass:\"flex-align\"},[_vm._l((section.imgs),function(img,idx){return [_c('img',{key:'slide-'+idx,staticClass:\"slick-img\",staticStyle:{\"width\":\"260px\",\"height\":\"385px\",\"margin\":\"0 6px\",\"border-radius\":\"12px\"},attrs:{\"src\":img,\"alt\":\"\"}})]})],2)])],1):_vm._e()]):_vm._e()],2)})],2)]),_c('div',{staticClass:\"flex-align bottom-menu-btn-wrap\",staticStyle:{\"padding\":\"12px 16px\"},style:(_vm.fixedBottomStyle)},_vm._l((_vm.bottomMenu),function(menu,idx){return _c('button',{key:'bottom-menu-'+idx,staticClass:\"button unselect flex-center body4-bold\",class:{'is-primary': idx === 0, 'is-dark': idx === 1},staticStyle:{\"height\":\"48px\"},on:{\"click\":function($event){return _vm.routerPush((\"\" + (menu.link)))}}},[_c('div',{class:{'primary': idx === 1}},[_vm._v(_vm._s(menu.buttonText))])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <div class=\"bg-gray3\" style=\"padding: 120px 0\">\r\n        <div class=\"container\">\r\n          <div class=\"intro\">\r\n            <div class=\"main\">\r\n              <div class=\"section-title\">{{ intro.text.title1 }}</div>\r\n              <div class=\"section-title\"><span class=\"section-title-bold\">{{ intro.text.title2 }}</span>{{ intro.text.title3 }}\r\n              </div>\r\n            </div>\r\n            <div class=\"margin-top-24 sub2\">{{ intro.text.content1 }}</div>\r\n\r\n            <div class=\"margin-top-60\">\r\n              <div class=\"card-wrapper\">\r\n                <div v-for=\"(item, idx) in intro.list\" :key=\"'card-item-'+idx\"\r\n                     class=\"card-info\" :class=\"{'bg-white': !item.isDark, 'bg-dark': item.isDark}\">\r\n                  <div class=\"h6\" :class=\"{'main': !item.isDark}\">{{ item.name }}</div>\r\n                  <div class=\"body2 margin-top-8\" :class=\"{'sub2': !item.isDark}\">{{ item.content }}</div>\r\n                  <div class=\"margin-top-20 flex-between\"\r\n                       style=\"align-items: flex-start\">\r\n                    <div class=\"unselect flex-align body2-medium\"\r\n                         :class=\"{'main': !item.isDark}\" @click=\"clickItem(item.id)\">\r\n                      <div>자세히 보기</div>\r\n                      <img :src=\"icon('draw_arrow-right')\" class=\"margin-left-12 svg-sub3\">\r\n                    </div>\r\n\r\n                    <div class=\"flex-end full-width\">\r\n                      <img v-if=\"item.img\" :src=\"img(item.img)\" class=\"flex-end\"\r\n                           :style=\"{'height': `${item.imgHeight}px`}\">\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"main-section\">\r\n        <div class=\"flex-center section-menu-container\" ref=\"tabMenu\" :style=\"fixedStyle\">\r\n          <div v-for=\"(menu, idx) in sectionMenu\" :key=\"'section-menu-'+idx\"\r\n               class=\"unselect padding-top-20 padding-bottom-20 padding-left-24 padding-right-24 subtitle5\"\r\n               :class=\"{'sub2': Number(selectedId) !== Number(menu.id), 'selected': Number(selectedId) === Number(menu.id)}\"\r\n               @click=\"clickItem(menu.id)\">\r\n            {{ menu.name }}\r\n          </div>\r\n        </div>\r\n        <div v-for=\"(section, idx) in sections\" :key=\"'section-'+idx\"\r\n             :id=\"`section${section.id}`\" style=\"padding: 120px 0\"\r\n             :class=\"{'bg-gray3': section.bgColor === 'gray3', 'bg-primary-light2': section.bgColor === 'primary-light2'}\">\r\n\r\n          <div class=\"container\">\r\n            <div v-if=\"(section.title && section.title !== '') || (section.subTitle && section.subTitle !== '')\"\r\n                 class=\"margin-bottom-40\">\r\n              <div v-if=\"section.title && section.title !== ''\"\r\n                   class=\"section-title main\">{{ section.title }}\r\n              </div>\r\n              <div v-if=\"section.subTitle && section.subTitle !== ''\"\r\n                   class=\"section-title-bold main\">{{ section.subTitle }}\r\n              </div>\r\n            </div>\r\n            <div class=\"section-head-grid-container\" v-if=\"section.head\"\r\n                 :style=\"{'grid-template-columns': section.head.img && section.head.img !== '' ? 'repeat(2, 1fr)' : '','grid-gap': section.head.img && section.head.img !== '' ? '0px 120px' : ''}\">\r\n              <div>\r\n                <div v-if=\"section.head.primary && section.head.primary !== ''\"\r\n                     class=\"h8 primary margin-bottom-8\">{{ section.head.primary }}\r\n                </div>\r\n                <div class=\"flex-align\">\r\n                  <div>\r\n                    <div class=\"section-title main\">{{ section.head.title }}</div>\r\n                    <div class=\"section-title-bold main\">{{ section.head.title2 }}</div>\r\n                  </div>\r\n                </div>\r\n                <div v-if=\"section.head.label && section.head.label !== ''\"\r\n                     class=\"flex-center bg-primary body5-medium\"\r\n                     style=\"margin-top: 10px; display: inline-block; color: #fff; padding: 2px 8px 4px 8px; border-radius: 4px\">\r\n                  {{ section.head.label }}\r\n                </div>\r\n                <div v-if=\"section.head.desc && section.head.desc !== ''\" class=\"body2 sub2 margin-top-24\">{{\r\n                  section.head.desc }}\r\n                </div>\r\n                <div v-if=\"section.head.text && section.head.text !== ''\"\r\n                     class=\"margin-top-16 body2 sub3\">{{ section.head.text }}\r\n                </div>\r\n                <div v-if=\"section.head.link && section.head.link !== ''\"\r\n                     class=\"unselect flex-align margin-top-24\" @click=\"routerPush(section.head.link)\">\r\n                  <div class=\"body2-medium main\">자세히 보기</div>\r\n                  <img :src=\"icon('draw_arrow-right')\" class=\"margin-left-12 svg-sub3\">\r\n                </div>\r\n              </div>\r\n              <img v-if=\"section.head.img && section.head.img !== ''\"\r\n                   :src=\"img(section.head.img)\">\r\n            </div>\r\n\r\n            <div v-if=\"section.content\" class=\"margin-top-40\">\r\n              <div v-if=\"section.content.img && section.content.img !== ''\"\r\n                   :style=\"sectionContentPcStyle(section.content)\">\r\n                <div v-if=\"section.content.text && section.content.text !== ''\"\r\n                     class=\"body3 sub2\">{{ section.content.text }}\r\n                </div>\r\n                <img :src=\"img(section.content.img)\">\r\n              </div>\r\n              <div v-else-if=\"section.content.img === '' && section.content.text && section.content.text !== ''\"\r\n                   class=\"body3 sub2 margin-top-40\">{{ section.content.text }}\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.feature\" :style=\"`margin-top: ${section.content ? '160' : '0'}px`\">\r\n              <div class=\"section-head-grid-container\"\r\n                   :style=\"{'alignItems': section.mainButton && section.mainButton.length > 0 ? 'flex-end' : 'center', 'grid-gap': section.feature.img && section.feature.img !== '' ? '0px 150px' : ''}\">\r\n                <div>\r\n                  <div v-if=\"section.feature.primary && section.feature.primary !== ''\"\r\n                       class=\"h8 primary margin-bottom-8\">{{ section.feature.primary }}\r\n                  </div>\r\n                  <div class=\"flex-align\">\r\n                    <div>\r\n                      <div class=\"section-title main\">{{ section.feature.title }}</div>\r\n                      <div class=\"section-title-bold main\">{{ section.feature.title2 }}</div>\r\n                    </div>\r\n                  </div>\r\n                  <div v-if=\"section.feature.desc && section.feature.desc !== ''\" class=\"body2 sub2 margin-top-24\">{{\r\n                    section.feature.desc }}\r\n                  </div>\r\n\r\n                  <div v-if=\"section.feature.text && section.feature.text !== ''\"\r\n                       class=\"margin-top-16 body2 sub3\">{{ section.feature.text }}\r\n                  </div>\r\n                </div>\r\n                <div v-if=\"section.feature.img && section.feature.img !== ''\"\r\n                     class=\"margin-top-40\">\r\n                  <img :src=\"img(section.feature.img)\">\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.packs && section.packs.length > 0\"\r\n                 class=\"bg-white\" style=\"padding: 100px 0\">\r\n              <div class=\"section-title-bold main\">테마에 제공되는 기본 화면과 기능들을 확인 해 보세요!</div>\r\n              <div class=\"tabs\">\r\n                <div v-for=\"(pack, idx) in section.packs\" :key=\"`pack-${idx}`\"\r\n                     class=\"item-tab unselect\" :class=\"{'item-tab-selected': idx === selectedPack}\"\r\n                     @click=\"selectedPack=idx\">{{ pack.info.name }}\r\n                </div>\r\n              </div>\r\n              <transition-group name=\"fade\">\r\n              <template v-for=\"(pack, idx) in section.packs\">\r\n                <div v-if=\"idx === selectedPack\" :key=\"'pack-'+idx\">\r\n                  <div v-if=\"pack.title !== '' || pack.title2 !== ''\" style=\"margin-bottom: 60px\">\r\n                    <div class=\"section-title main\">{{ pack.title }}</div>\r\n                    <div class=\"section-title-bold main\">{{ pack.title2 }}</div>\r\n                  </div>\r\n\r\n                  <div v-if=\"pack.info\" class=\"pack-info-wrapper\">\r\n                    <div>\r\n                      <div v-if=\"pack.info.label && pack.info.label !== ''\"\r\n                           class=\"body4-medium bg-primary-light2 primary\"\r\n                           style=\"margin-bottom: 12px; border-radius: 4px; text-align: center; width: 68px; height: 26px; padding: 2px 8px\">\r\n                        {{ pack.info.label }}\r\n                      </div>\r\n                      <div class=\"subtitle2 main\">{{ pack.info.name }}</div>\r\n                      <div class=\"body2 sub2\" style=\"margin-top: 12px\">{{ pack.info.desc }}</div>\r\n                      <div v-if=\"pack.info.links && pack.info.links.length > 0\"\r\n                           class=\"margin-top-40 flex-align\">\r\n                        <div v-for=\"(link, idx) in pack.info.links\"\r\n                             :key=\"'link-'+idx\" class=\"flex-align unselect\"\r\n                             @click=\"clickButton(link)\"\r\n                             :class=\"{'primary': idx === 0, 'sub': idx === 1, 'margin-left-40': idx === 1}\">\r\n                          <div class=\"body2-medium\">{{ link.name }}</div>\r\n                          <img :src=\"icon('u:arrow-up-right')\" class=\"margin-left-4\"\r\n                               :class=\"{'svg-primary': idx === 0, 'svg-sub': idx === 1}\">\r\n                        </div>\r\n\r\n                      </div>\r\n                    </div>\r\n                    <img :src=\"img(pack.info.img)\">\r\n                  </div>\r\n\r\n                  <div v-if=\"pack.imgs_pc && pack.imgs_pc.length > 0\"\r\n                       class=\"margin-top-60\">\r\n                    <div v-for=\"(pack_img, idx) in pack.imgs_pc\"\r\n                         :key=\"'pack_img-'+idx\"\r\n                         :class=\"{'margin-bottom-16': idx !== pack.imgs_pc.length - 1}\">\r\n                      <img v-if=\"pack_img.name !== ''\" :src=\"img(pack_img.name)\">\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div v-if=\"pack.button && Object.keys(pack.button).length > 0\"\r\n                       class=\"margin-top-60 flex-center\">\r\n                    <button class=\"body2-bold button is-primary\"\r\n                            style=\"height: 56px; padding: 16px 58px\"\r\n                            @click=\"clickButton(pack.button)\">{{ pack.button.name }}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </template>\r\n              </transition-group>\r\n            </div>\r\n\r\n            <div v-if=\"section.plugins && section.plugins.length > 0\"\r\n                 style=\"margin-top: 100px\">\r\n              <div class=\"subtitle2 main\" style=\"text-align: center\">\r\n                필요한 기능이 있다면 플러그인을 추가할 수 있습니다.\r\n              </div>\r\n              <div class=\"margin-top-40 plugins-wrapper\">\r\n                <div v-for=\"(plugin, idx) in section.plugins\" :key=\"'plugin-'+idx\"\r\n                     class=\"flex-align bg-white\"\r\n                     style=\"padding: 20px; height: 88px; border-radius: 4px\">\r\n                  <div class=\"flex-center bg-gray3\"\r\n                       style=\"border-radius: 12px; width: 48px; height: 48px\">\r\n                    <img :src=\"icon(plugin.icon)\" style=\"width: 24px; height: 24px\">\r\n                  </div>\r\n                  <div class=\"margin-left-12 body3 sub\">{{ plugin.name }}</div>\r\n\r\n                </div>\r\n              </div>\r\n              <div class=\"margin-top-40 body4 sub3\"\r\n                   style=\"text-align: center\">*더 많은 플러그인이 준비되어있으며, 팩과 플러그인은 지속적으로 업데이트됩니다.\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.info\" class=\"margin-top-60\">\r\n              <div class=\"section-grid-info\">\r\n                <img :src=\"img(section.info.img)\">\r\n                <div class=\"section-grid-info-item\">\r\n                  <div v-for=\"(menuItem, idx) in section.info.menu\" :key=\"'menuItem-'+idx\"\r\n                       class=\"flex-align bg-white\" style=\"padding: 16px\">\r\n                    <img :src=\"icon(menuItem.icon)\" class=\"svg-sub2\"\r\n                         style=\"margin-right: 8px; width: 20px; height: 20px\">\r\n                    <div class=\"body4 sub2\">{{ menuItem.name }}</div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div style=\"margin-top: 120px\">\r\n                <div class=\"main section-title\">{{ section.info.title }}</div>\r\n                <div class=\"main section-title-bold\">{{ section.info.title2 }}</div>\r\n                <div class=\"body1 sub2 margin-top-24\">{{ section.info.desc }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-for=\"(item, idx) in section.list\" :key=\"'section-list-item'+idx\"\r\n                 class=\"section-grid-list\" style=\"padding: 100px 0\">\r\n              <div v-if=\"item.img && item.img_direction === 'left'\">\r\n                <img :src=\"img(item.img)\">\r\n              </div>\r\n              <div>\r\n                <div class=\"body2-bold primary\">{{ item.primary }}</div>\r\n                <div class=\"h5 main\" style=\"margin-top: 10px\">{{ item.title }}</div>\r\n                <div class=\"body2 sub2 margin-top-24\">{{ item.desc }}</div>\r\n                <div class=\"body4 sub3 margin-top-12\">{{ item.info }}</div>\r\n              </div>\r\n              <div v-if=\"item.img && item.img_direction === 'right'\">\r\n                <img :src=\"img(item.img)\">\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.defaultPack\"\r\n                 class=\"section-grid-default-pack\" style=\"padding: 160px 0 120px\">\r\n              <div>\r\n                <div class=\"body2-bold primary\">{{ section.defaultPack.primary }}</div>\r\n                <div class=\"h5 main\" style=\"margin-top: 10px\">{{ section.defaultPack.title }}</div>\r\n                <div class=\"body2 sub2 margin-top-24\">{{ section.defaultPack.desc }}</div>\r\n                <div class=\"body4 sub3 margin-top-12\">{{ section.defaultPack.info }}</div>\r\n              </div>\r\n              <div style=\"margin-left: 100px\" class=\"menuitem-wrapper-2\">\r\n                <div v-for=\"(menuItem, idx) in section.defaultPack.menu\"\r\n                     :key=\"'menuItem-'+idx\" class=\"bg-white border-gray flex-align\"\r\n                     style=\"width: 200px; height: 54px; padding: 16px 20px\">\r\n                  <img :src=\"icon(menuItem.icon)\" class=\"svg-sub2\"\r\n                       style=\"margin-right: 14px; width: 16px; height: 16px\">\r\n                  <div class=\"body4 main\">{{ menuItem.name }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.imgs && section.imgs.length > 0\" style=\"padding:0 75px\">\r\n              <div class=\"content-slide\" v-if=\"section.imgs\">\r\n                <slick ref=\"slick\" :options=\"slickOptions\">\r\n                  <div v-for=\"(img, idx) in section.imgs\"\r\n                       :key=\"'slide-'+idx\" class=\"slick-img-outer\">\r\n                    <img :src=\"img\" alt=\"\" class=\"slick-img\" :style=\"slickImg\">\r\n                  </div>\r\n                </slick>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n\r\n      <!--<div class=\"flex-center bottom-menu-btn-wrap\" :style=\"fixedBottomStyle\">\r\n        <div v-for=\"(menu, idx) in bottomMenu\" :key=\"'bottom-menu-'+idx\"\r\n             class=\"flex-align padding-top-20 padding-bottom-20\"\r\n             :style=\"bottomMenuStyle(bottomMenu, idx)\">\r\n          <div class=\"body2\" :class=\"{'primary': idx === 0, 'main': idx === 1}\">\r\n            {{ menu.desc }}\r\n          </div>\r\n          <button class=\"button unselect flex-center flex-align h8 margin-left-16\"\r\n                  :class=\"{'is-primary': idx === 0, 'is-dark': idx === 1}\"\r\n                  style=\"width: 230px; height: 48px; border-radius: 8px\"\r\n                  @click=\"routerPush(`${menu.link}`)\">\r\n            <div class=\"h8\" :class=\"{'primary': idx=== 1}\">{{ menu.buttonText }}</div>\r\n            <img :src=\"icon(menu.icon)\" class=\"margin-left-4\"\r\n                 :class=\"{'svg-white': idx === 0, 'svg-primary': idx === 1}\">\r\n          </button>\r\n        </div>\r\n      </div>-->\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <div class=\"container\">\r\n        <div class=\"intro bg-gray3\" style=\"padding: 60px 20px\">\r\n          <div class=\"main\">\r\n            <div class=\"mo-pagetitle\">{{ intro.text.title1 }}</div>\r\n            <div class=\"mo-pagetitle-bold\">{{ intro.text.title2 }}</div>\r\n            <div class=\"mo-pagetitle\">{{ intro.text.title3 }}</div>\r\n          </div>\r\n          <div class=\"margin-top-16 body3 sub2\">{{ intro.text.content1 }}</div>\r\n          <div class=\"margin-top-40\">\r\n            <div class=\"card-wrapper\">\r\n              <div v-for=\"(item, idx) in intro.list\" :key=\"'card-item-'+idx\"\r\n                   class=\"card-info\" :class=\"{'bg-white': !item.isDark, 'bg-dark': item.isDark}\">\r\n                <div class=\"h8\" :class=\"{'main': !item.isDark}\">{{ item.name }}</div>\r\n                <div class=\"body5 margin-top-4\" :class=\"{'sub2': !item.isDark}\">{{ item.content }}</div>\r\n                <div class=\"margin-top-12 flex-between\"\r\n                     style=\"align-items: flex-start\">\r\n                  <div class=\"unselect flex-align body4-medium\"\r\n                       :class=\"{'main': !item.isDark}\" @click=\"clickItem(item.id)\">\r\n                    <div>자세히 보기</div>\r\n                    <img :src=\"icon('draw_arrow-right')\" class=\"margin-left-8\"\r\n                         :class=\"{'svg-main': !item.isDark, 'svg-white': item.isDark}\">\r\n                  </div>\r\n                  <div class=\"flex-end\">\r\n                    <img v-if=\"item.img_mobile\" :src=\"img(item.img_mobile)\" class=\"flex-end\">\r\n                  </div>\r\n                </div>\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"main-section\">\r\n          <div class=\"flex-align section-menu-container\" ref=\"tabMenuMobile\" :style=\"fixedStyleMobile\"\r\n               style=\"padding: 0 16px; overflow: hidden\">\r\n            <div class=\"flex-align drag-scroll-mobile\">\r\n              <div v-for=\"(menu, idx) in sectionMenu\" :key=\"'section-menu-'+idx\"\r\n                   class=\"unselect padding-top-12 padding-bottom-12 padding-left-16 padding-right-16 subtitle7 text-center\"\r\n                   :class=\"{'sub': Number(selectedId) !== Number(menu.id), 'selected': Number(selectedId) === Number(menu.id)}\"\r\n                   style=\"width: 300px; scroll-snap-align: start\" @click=\"clickItem(menu.id)\">\r\n                {{ menu.name }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div v-for=\"(section, idx) in sections\" :key=\"'section-'+idx\"\r\n               :id=\"`section-mobile-${section.id}`\" style=\"padding: 60px 20px\"\r\n               :class=\"{'bg-gray3': section.bgColor === 'gray3', 'bg-primary-light2': section.bgColor === 'primary-light2'}\">\r\n\r\n            <div v-if=\"(section.title && section.title !== '') || (section.subTitle && section.subTitle !== '')\"\r\n                 class=\"margin-bottom-32\">\r\n              <div v-if=\"section.title && section.title !== ''\"\r\n                   class=\"mo-section-title main\">{{ section.title }}\r\n              </div>\r\n              <div v-if=\"section.subTitle && section.subTitle !== ''\"\r\n                   class=\"mo-section-title-bold main\">{{ section.subTitle }}\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"head\" v-if=\"section.head\">\r\n              <div v-if=\"section.head.primary && section.head.primary !== ''\"\r\n                   class=\"body4-bold primary margin-bottom-4\">{{ section.head.primary }}\r\n              </div>\r\n              <div class=\"mo-section-title main\">{{ section.head.title }}</div>\r\n              <div class=\"flex-align\">\r\n                <div class=\"mo-section-title-bold main\">{{ section.head.title2 }}</div>\r\n              </div>\r\n              <div v-if=\"section.head.label && section.head.label !== ''\"\r\n                   class=\"flex-center margin-top-8 bg-primary body5-medium\"\r\n                   style=\"display: inline-block; color: #fff; padding: 2px 8px 4px; border-radius: 4px\">{{\r\n                section.head.label }}\r\n              </div>\r\n              <div class=\"body2 main margin-top-16\">{{ section.head.desc }}</div>\r\n              <div v-if=\"section.head.text && section.head.text !== ''\"\r\n                   class=\"margin-top-16 body4 sub2\">{{ section.head.text }}\r\n              </div>\r\n              <div v-if=\"section.id !== 4 && section.head.link && section.head.link !== ''\"\r\n                   class=\"unselect flex-align margin-top-16\" @click=\"routerPush(section.head.link)\">\r\n                <div class=\"body4-bold main\">자세히 보기</div>\r\n                <img :src=\"icon('draw_arrow-right')\" class=\"margin-left-12 svg-sub3\">\r\n              </div>\r\n              <img v-if=\"section.head.img_mobile && section.head.img_mobile !== ''\"\r\n                   :src=\"img(section.head.img_mobile)\" class=\"margin-top-40\">\r\n              <div v-if=\"section.mainButton && section.mainButton.length > 0\"\r\n                   class=\"flex-align margin-top-16\">\r\n                <button v-for=\"(button, idx) in section.mainButton\"\r\n                        :key=\"'mainButton-'+idx\"\r\n                        class=\"button flex-center unselect body4-medium\"\r\n                        :class=\"{'is-dark': idx === 0, 'is-gray': idx === 1}\"\r\n                        style=\"width: 50%; height: 40px; border-radius: 8px\"\r\n                        :style=\"mainButtonStyle(section.mainButton, idx)\"\r\n                        @click=\"clickButton(button)\">\r\n                  {{ button.name }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.content\" class=\"margin-top-16\">\r\n              <div v-if=\"section.content.img_mobile && section.content.img_mobile !== ''\">\r\n                <img :src=\"img(section.content.img_mobile)\">\r\n              </div>\r\n              <div class=\"body4 sub2 margin-top-16\">{{ section.content.text }}</div>\r\n            </div>\r\n\r\n            <div v-if=\"section.feature\" :class=\"{'margin-top-60': section.content}\">\r\n              <div class=\"head\">\r\n                <div v-if=\"section.feature.primary && section.feature.primary !== ''\"\r\n                     class=\"body4-bold primary margin-bottom-4\">{{ section.feature.primary }}\r\n                </div>\r\n                <div class=\"mo-section-title main\">{{ section.feature.title }}</div>\r\n                <div class=\"flex-align\">\r\n                  <div class=\"mo-section-title-bold main\">{{ section.feature.title2 }}</div>\r\n                  <div v-if=\"section.feature.label && section.feature.label !== ''\"\r\n                       class=\"flex-center margin-left-8 bg-primary body5-medium\"\r\n                       style=\"color: #fff; padding: 2px 8px; border-radius: 4px\">{{ section.head.label }}\r\n                  </div>\r\n                </div>\r\n                <div v-if=\"section.feature.desc && section.feature.desc !== ''\"\r\n                     class=\"body2 main margin-top-16\">{{ section.feature.desc }}\r\n                </div>\r\n\r\n                <div v-if=\"section.feature.text && section.feature.text !== ''\"\r\n                     class=\"margin-top-16 body4 sub2\">{{ section.feature.text }}\r\n                </div>\r\n                <img v-if=\"section.feature.img_mobile && section.feature.img_mobile !== ''\"\r\n                     :src=\"img(section.feature.img_mobile)\" class=\"margin-top-40\">\r\n\r\n              </div>\r\n            </div>\r\n\r\n\r\n            <div v-if=\"section.packs && section.packs.length > 0\" style=\"padding:40px 0\" class=\"bg-white\">\r\n              <div class=\"mo-section-title-bold main\">테마에 제공되는 기본 화면과 기능들을 확인 해 보세요!</div>\r\n              <div class=\"tabs\">\r\n                <div v-for=\"(pack, idx) in section.packs\" :key=\"`pack-${idx}`\"\r\n                     class=\"item-tab unselect\" :class=\"{'item-tab-selected': idx === selectedPack}\"\r\n                     @click=\"selectedPack=idx\">{{ pack.info.name }}\r\n                </div>\r\n              </div>\r\n\r\n              <transition-group name=\"fade\">\r\n                <template v-for=\"(pack, idx) in section.packs\">\r\n                  <div v-if=\"idx === selectedPack\" :key=\"'pack-'+idx\">\r\n\r\n                    <div v-if=\"pack.title !== '' || pack.title2 !== ''\"\r\n                         style=\"margin-bottom: 40px\">\r\n                      <div class=\"mo-section-title main\">{{ pack.title }}</div>\r\n                      <div class=\"mo-section-title-bold main\">{{ pack.title2 }}</div>\r\n                    </div>\r\n\r\n                    <img :src=\"img(pack.info.img_mobile)\">\r\n                    <div v-if=\"pack.info\" style=\"margin-top: 16px\">\r\n                      <div>\r\n                        <div v-if=\"pack.info.label_mobile && pack.info.label_mobile !== ''\"\r\n                             class=\"body6-medium bg-primary-light2 primary\"\r\n                             style=\"margin-bottom: 8px; border-radius: 4px; text-align: center; width: 110px; height: 22px; padding: 2px 8px\">\r\n                          {{ pack.info.label_mobile }}\r\n                        </div>\r\n                        <div class=\"h7 main\">{{ pack.info.name }}</div>\r\n                        <div class=\"body4 sub2\" style=\"margin-top: 8px\">{{ pack.info.desc }}</div>\r\n                        <div v-if=\"pack.info.links && pack.info.links.length > 0\"\r\n                             class=\"margin-top-24 flex-align\">\r\n                          <button class=\"button is-dark flex-center\"\r\n                                  style=\"width: 100%; height: 40px\"\r\n                                  @click=\"clickButton(pack.info.links[0])\">{{ pack.info.links[0].name }}\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n\r\n                    </div>\r\n\r\n                    <div v-if=\"pack.imgs_mobile && pack.imgs_mobile.length > 0\"\r\n                         class=\"margin-top-40 flex-align\"\r\n                         style=\"overflow-x: auto; scroll-snap-type: x mandatory\">\r\n                      <img v-for=\"(pack_img, idx) in pack.imgs_mobile\"\r\n                           :key=\"'pack_img-'+idx\" :src=\"img(pack_img.name)\"\r\n                           :class=\"{'margin-right-12': idx !== pack.imgs_mobile.length - 1}\"\r\n                           style=\"scroll-snap-align: start; border-radius: 8px; height: 200px\">\r\n                    </div>\r\n\r\n                    <div v-if=\"pack.button && Object.keys(pack.button).length > 0\"\r\n                         class=\"margin-top-36 flex-center\">\r\n                      <button class=\"body2-medium button is-primary\"\r\n                              style=\"height: 52px; padding: 14px 30px\"\r\n                              @click=\"clickButton(pack.button)\">{{ pack.button.name }}\r\n                      </button>\r\n                    </div>\r\n\r\n                  </div>\r\n                </template>\r\n              </transition-group>\r\n            </div>\r\n\r\n            <div v-if=\"section.plugins && section.plugins.length > 0\"\r\n                 style=\"margin-top: 60px\">\r\n              <div class=\"mo-section-title main\">필요한 기능이 있다면</div>\r\n              <div class=\"mo-section-title-bold main\">플러그인을 추가할 수 있습니다.</div>\r\n              <div class=\"margin-top-20 plugins-wrapper\">\r\n                <template v-for=\"(plugin, idx) in section.plugins\">\r\n                  <div v-if=\"idx !== section.plugins.length - 1\" :key=\"'plugin-'+idx\"\r\n                       class=\"flex-center bg-white\"\r\n                       style=\"height: 100px; padding: 0px 20px; border-radius: 4px\">\r\n                    <div style=\"text-align: center\">\r\n                      <img :src=\"icon(plugin.icon)\" style=\"width: 24px; height: 24px\">\r\n                      <div class=\"margin-top-6 body5 sub2\">{{ plugin.name }}</div>\r\n                    </div>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n              <div class=\"margin-top-20 body6 sub3\">\r\n                *더 많은 플러그인이 준비되어있으며, 팩과 플러그인은 지속적으로 업데이트됩니다.\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div v-if=\"section.info\">\r\n              <div style=\"padding: 20px 20px 32px\"\r\n                class=\"bg-dark margin-top-32\">\r\n                <div class=\"menuitem-wrapper\">\r\n                  <div v-for=\"(menuItem, idx) in section.info.menu\"\r\n                    :key=\"'menuItem-'+idx\" class=\"flex-align bg-white\"\r\n                    style=\"height: 40px; padding: 12px 16px\">\r\n                    <img :src=\"icon(menuItem.icon)\" class=\"svg-gray\"\r\n                      style=\"margin-right: 6px; width: 16px; height: 16px\">\r\n                    <div class=\"body7\" style=\"color: #50545c\">{{ menuItem.name }}</div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"flex-align margin-top-40\">\r\n                  <div class=\"col-12\">\r\n                    <img :src=\"img(section.info.img_mobile)\">\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"margin-top-20\">\r\n                <div class=\"h8 main\">{{ section.info.title }}</div>\r\n                <div class=\"body4 sub2 margin-top-8\">{{ section.info.desc }}</div>\r\n              </div>\r\n            </div> -->\r\n\r\n            <div v-if=\"section.info\" class=\"margin-top-40\">\r\n              <div class=\"section-grid-info-item\">\r\n                <template v-for=\"(menuItem, idx) in section.info.menu\">\r\n                  <div v-if=\"idx !== section.info.menu.length - 1\" :key=\"'menuItem-'+idx\"\r\n                       class=\"flex-align\" style=\"background: #fff; padding: 12px 16px\">\r\n                    <img :src=\"icon(menuItem.icon)\" class=\"svg-sub2\"\r\n                         style=\"margin-right: 8px; width: 20px; height: 16px\">\r\n                    <div class=\"body4 sub2\">{{ menuItem.name }}</div>\r\n                  </div>\r\n\r\n                </template>\r\n              </div>\r\n              <div style=\"margin-top: 50px\">\r\n                <img :src=\"img(section.info.img)\">\r\n              </div>\r\n              <div class=\"margin-top-60\">\r\n                <div class=\"main mo-section-title\">{{ section.info.title }}</div>\r\n                <div class=\"main mo-section-title-bold\">{{ section.info.title2 }}</div>\r\n                <div class=\"body4 sub2 margin-top-8\">{{ section.info.desc }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-for=\"(item, idx) in section.list\" :key=\"'section-list-item'+idx\"\r\n                 style=\"padding-top: 60px\">\r\n              <div v-if=\"item.img_mobile && item.img_mobile !== ''\">\r\n                <img :src=\"img(item.img_mobile)\">\r\n              </div>\r\n              <div class=\"margin-top-20\">\r\n                <div v-if=\"item.primary && item.primary !== ''\"\r\n                     class=\"body4-bold primary margin-bottom-4\">{{ item.primary }}\r\n                </div>\r\n                <div class=\"h8 main\">{{ item.title }}</div>\r\n                <div class=\"body4 sub2 margin-top-8\">{{ item.desc }}</div>\r\n                <div class=\"body6 sub3 margin-top-8\">{{ item.info }}</div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.defaultPack\" class=\"margin-top-60\">\r\n              <div>\r\n                <div class=\"body4-bold primary margin-bottom-4\">{{ section.defaultPack.primary }}</div>\r\n                <div class=\"h8 main\">{{ section.defaultPack.title }}</div>\r\n                <div class=\"body4 sub2 margin-top-8\">{{ section.defaultPack.desc }}</div>\r\n                <div class=\"body6 sub3 margin-top-8\">{{ section.defaultPack.info }}</div>\r\n              </div>\r\n              <div class=\"margin-top-20 section-defaultpack-menu\">\r\n                <div v-for=\"(menuItem, idx) in section.defaultPack.menu\"\r\n                     :key=\"'menuItem-'+idx\" class=\"bg-white border-gray flex-align\"\r\n                     style=\"height: 54px; padding: 16px 12px\">\r\n                  <img :src=\"icon(menuItem.icon)\" class=\"svg-sub2\"\r\n                       style=\"margin-right: 8px; width: 20px; height: 20px\">\r\n                  <div class=\"body4 main\">{{ menuItem.name }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div v-if=\"section.imgs && section.imgs.length>0\"\r\n                 class=\"content is-12\" style=\"padding-top: 60px\">\r\n              <div class=\"content-slide\" v-if=\"section.imgs\">\r\n                <scroll-wrapper>\r\n                  <div class=\"flex-align\">\r\n                    <template v-for=\"(img, idx) in section.imgs\">\r\n                      <img :src=\"img\" alt=\"\" class=\"slick-img\"\r\n                           style=\"width:260px;height:385px;margin:0 6px;border-radius: 12px\" :key=\"'slide-'+idx\">\r\n                    </template>\r\n                  </div>\r\n                </scroll-wrapper>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"flex-align bottom-menu-btn-wrap\" style=\"padding: 12px 16px\"\r\n           :style=\"fixedBottomStyle\">\r\n        <button v-for=\"(menu, idx) in bottomMenu\" :key=\"'bottom-menu-'+idx\"\r\n                class=\"button unselect flex-center body4-bold\"\r\n                :class=\"{'is-primary': idx === 0, 'is-dark': idx === 1}\"\r\n                style=\"height: 48px\" @click=\"routerPush(`${menu.link}`)\">\r\n          <div :class=\"{'primary': idx === 1}\">{{ menu.buttonText }}</div>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Slick from 'vue-slick'\r\n  import ScrollWrapper from \"../module/ScrollWrapper\";\r\n\r\n  export default {\r\n    name: \"PlatformfyInfo\",\r\n    components: {\r\n      ScrollWrapper,\r\n      Slick,\r\n    },\r\n    watch: {},\r\n    data() {\r\n      return {\r\n        popupMarket: undefined,\r\n        slickOptions: {\r\n          centerMode: false,\r\n          variableWidth: false,\r\n          infinite: true,\r\n          autoplay: false,\r\n          centerPadding: '20px',\r\n          slidesToShow: 3,\r\n          slidesToScroll: 1,\r\n          speed: 600,\r\n          prevArrow: '<div class=\"arrow-left\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-left.svg\" @click=\"prev\"></div>',\r\n          nextArrow: '<div class=\"arrow-right\"><img class=\"arrow-img\" src=\"/static/icon/fi_chevron-right.svg\" @click=\"next\"></div>',\r\n          responsive: [\r\n            {\r\n              breakpoint: 767,\r\n              settings: {\r\n                autoplay: true,\r\n                slidesToShow: 1,\r\n                centerMode: true,\r\n                dots: false,\r\n                arrows: false\r\n              }\r\n            }\r\n          ]\r\n        },\r\n        defaultPackId: 70,\r\n        selectedId: 1,\r\n        fixedState: false,\r\n        mobileFixedState: false,\r\n        intro: {\r\n          list: [\r\n            {\r\n              name: '쇼핑몰, 홈페이지가 아니라\\n' +\r\n                '온라인 서비스를 만들 수 있는 다양한 플랫폼 팩',\r\n              content: '창업자들이 원하는 형태의 플랫폼 웹/앱서비스를 할 수 있도록\\n' +\r\n                '다양한 플랫폼 팩을 제공하며, 앞으로도 지속적으로 팩은 추가됩니다.',\r\n              id: 3,\r\n              img: 'img_platform_pack',\r\n              img_mobile: 'img_platform_pack-mobile',\r\n              imgHeight: 102,\r\n              class: false,\r\n              isDark: false,\r\n            },\r\n            {\r\n              name: '기획, 디자인, 프론트엔드 개발 대신\\n' +\r\n                '디자인 템플릿 빌더',\r\n              content: '주요한 페이지의 디자인을 수정할 수 있도록\\n' +\r\n                '블럭 템플릿을 제공합니다.',\r\n              id: 1,\r\n              img: 'img_design_builder',\r\n              img_mobile: 'img_design_builder-mobile',\r\n              imgHeight: 168,\r\n              class: true,\r\n              isDark: false\r\n            },\r\n            /* {\r\n              name: '플랫폼 운영 솔루션',\r\n              content: '플랫폼의 회원, 파트너, 주문,\\n' +\r\n                '배너 컨텐츠 등을 관리할 수 있습니다.',\r\n              id: 2,\r\n              img: 'img_platform_solution',\r\n              img_mobile: 'img_platform_solution-mobile',\r\n              isDark: true,\r\n              class: false\r\n            }, */\r\n\r\n            {\r\n              name: '서버, 백엔드 개발 대신\\n' +\r\n                '플랫폼 관리자사이트',\r\n              content: '플랫폼과 플랫폼에 등록된 파트너들의 회원, 주문, 문의,\\n' +\r\n                '배너 컨텐츠 등을 관리할 수 있습니다.',\r\n              id: 2,\r\n              img: 'img_platform_admin',\r\n              img_mobile: 'img_platform_admin-mobile',\r\n              imgHeight: 126,\r\n              isDark: false,\r\n              class: false\r\n            },\r\n            {\r\n              name: '날마다 주문내역 엑셀파일 메일로 보내는 대신\\n입점 파트너의 관리자사이트',\r\n              content: '플랫폼에 입점한 파트너들이 기본정보와 상품등록을 하고\\n'+\r\n              '날마다 들어온 주문과 문의 답변을\\n'+\r\n              '직접 파트너 관리자사이트에서 할 수 있습니다.',\r\n              id: 3,\r\n              img: 'img_platform_partner_admin',\r\n              img_mobile: 'img_platform_partner_admin-mobile',\r\n              imgHeight: 126,\r\n              isDark: false,\r\n              class: false\r\n            },\r\n            {\r\n              name: '추가 개발 대신\\n' +\r\n                '앱 마켓',\r\n              content: '제작한 서비스에 추가기능이 필요할 때\\n' +\r\n                '개발 없이 원하는 기능만 구매해서 붙일 수 있습니다.',\r\n              id: 4,\r\n              img: 'img_app_market',\r\n              img_mobile: 'img_app_market-mobile',\r\n              imgHeight: 120,\r\n              class: true,\r\n              isDark: false\r\n            },\r\n            {\r\n              name: '그리고\\n' +\r\n                '케어서비스',\r\n              content: '좀 더 전문적인 케어가 필요한 팀을 위해\\n' +\r\n                '개발팀이 없어도 초기 비즈니스를 안정적으로 할 수 있도록\\n' +\r\n                '디자인, 개발 불문하고 지원해 드립니다.',\r\n              id: 5,\r\n              img: 'img_care_service',\r\n              img_mobile: 'img_care_service-mobile',\r\n              imgHeight: 130,\r\n              class: false,\r\n              isDark: false\r\n            },\r\n          ],\r\n          text: {\r\n            title1: '플랫폼파이로 플랫폼을 런칭하는 과정에',\r\n            title2: '개발자가 필요하지 않은 이유를 소개합니다',\r\n            title3: '',\r\n            content1: '플랫폼파이는 누구나 아이디어를 구현하고, 시장을 검증할 수 있도록 하기 위해 오랜 시간 연구해왔습니다.'\r\n          }\r\n        },\r\n        sectionMenu: [\r\n          {\r\n            id: 1,\r\n            name: '디자인 편집 빌더'\r\n          },\r\n          {\r\n            id: 2,\r\n            name: '플랫폼 운영 솔루션'\r\n          },\r\n          {\r\n            id: 3,\r\n            name: '기본 플랫폼 팩 소개'\r\n          },\r\n          {\r\n            id: 4,\r\n            name: '앱 마켓'\r\n          },\r\n          {\r\n            id: 5,\r\n            name: '케어서비스'\r\n          }\r\n        ],\r\n        bottomMenu: [\r\n          {\r\n            buttonText: '14일 무료체험',\r\n            icon: 'u:arrow-up-right',\r\n            link: '/theme_market?tab=1',\r\n            desc: '쉽고 빠르게 아이디어를 실현해 보고 싶다면?'\r\n          },\r\n          {\r\n            buttonText: 'Prime',\r\n            icon: 'u:arrow-up-right',\r\n            link: '/prime',\r\n            desc: '나에게 꼭 맞춘 커스텀 플랫폼을 만들고 싶다면?'\r\n          }\r\n        ],\r\n        selectedPack: 0,\r\n        sections: [\r\n          {\r\n            id: 1,\r\n            bgColor: 'white',\r\n            circle: '#17FF90',\r\n            mainButton: [],\r\n            title: '',\r\n            subTitle: '',\r\n            img: 'img_page_order_make',\r\n            tablet_img: 'img_page_order_make_tablet',\r\n            head: {\r\n              primary: '',\r\n              title: '최신 디자인 트렌드가 적용된 블럭을 추가하고',\r\n              title2: '내 서비스에 맞는 템플릿으로 변경할 수 있어요',\r\n              desc: '일반적인 플랫폼 사이트 주요 페이지 디자인 구성이 다들 비슷하다는 사실을 아시나요?\\n' +\r\n                '플랫폼파이는 플랫폼 서비스에서 범용적으로 쓰이는 블럭을 추가하고, 최신 트렌드가 반영된 템플릿을 제공해서 누구나 템플릿만 선택하면 디자인이 완성될 수 있도록 하였습니다.'\r\n            },\r\n            list: [\r\n              {\r\n                img: 'builder_img_1',\r\n                img_mobile: 'builder_img_1',\r\n                img_direction: 'right',\r\n                primary: 'Simple',\r\n                icon: 'u_file-edit-alt',\r\n                title: '기본 디자인에 템플릿 변경만 하면\\n' +\r\n                  '화면 디자인 완성!',\r\n                title2: '',\r\n                desc: '디자인을 몰라도 상관 없어요.\\n' +\r\n                  '내 서비스에 필요한 블럭을 추가하거나 기본 디자인 스타일 템플릿을 변경하기만 하면 내 화면 디자인 완성!'\r\n              },\r\n              {\r\n                img: 'builder_img_2',\r\n                img_mobile: 'builder_img_2_mobile',\r\n                img_direction: 'right',\r\n                primary: 'Style Design',\r\n                icon: 'u_comment-alt-check',\r\n                title: '브랜드 로고, 컬러, 폰트를 설정해\\n'+\r\n                '내 서비스만의 아이덴티티를 표현해요',\r\n                title2: '',\r\n                desc: '내 브랜드에 맞춰 사이트 로고, 컬러를 설정해보세요.\\n'+\r\n                  '유저들에게 브랜드 아이덴티티가 전달될거예요.\\n'+\r\n                  '브랜드 로고, 컬러는 언제든지 변경 할 수 있습니다.',\r\n                info: ''\r\n              },\r\n              {\r\n                img: 'builder_img_3',\r\n                img_mobile: 'builder_img_3',\r\n                img_direction: 'right',\r\n                primary: 'Custom design',\r\n                icon: 'u_expand-from-corner',\r\n                title: '원하는 디자인이 없다면\\n' +\r\n                  '커스텀 디자인을 요청하세요!',\r\n                title2: '',\r\n                desc: '원하는 디자인 템플릿이 없디면 내 서비스에 필요한 커스텀 디자인을 요청하고 받아보세요. 디자인부터 페이지 개발까지 디자인 빌더에서 올인원으로 해결!',\r\n                info: '커스텀 디자인에는 별도 비용이 청구됩니다. '\r\n              }\r\n            ],\r\n            links: {}\r\n          },\r\n          {\r\n            id: 2,\r\n            bgColor: 'gray3',\r\n            circle: '#7B61FF',\r\n            title: '',\r\n            subTitle: '',\r\n            mainButton: [],\r\n            img: '',\r\n            tablet_img: '',\r\n            head: {\r\n              primary: '',\r\n              title: '서비스 뿐만 아니라 관리자 사이트까지 제공되어',\r\n              title2: '플랫폼 운영에 필요한 관리 기능을 고민하고 제작하느라 추가개발 할 필요가 없어요.',\r\n              desc: ''\r\n            },\r\n            info: {\r\n              // title: '플랫폼 운영 솔루션은 플랫폼을 운영하는데 필요한 관리자 사이트예요.',\r\n              // title2: '관리자 사이트에 플랫폼 운영에 필요한 기능이 이미 포함되어 있어요.',\r\n              // desc: '플랫폼파이에서는 기획과 개발에서 많은 리소스가 필요한  플랫폼 관리/운영 솔루션 이 이미 구축되어 있습니다.\\n' +\r\n              //   '추가 기획/개발 비용 없이 플랫폼 사업 운영의 노하우가 집약된 플랫폼파이의 운영솔루션 팩과 함께  효율적으로 플랫폼 서비스를 운영해보세요!',\r\n              img: 'notebook',\r\n              img_mobile: 'notebook',\r\n              menu: [\r\n                {\r\n                  icon: 'u:panel-add',\r\n                  name: '대쉬보드'\r\n                },\r\n                {\r\n                  icon: 'u:phone-volume',\r\n                  name: '전화연결'\r\n                },\r\n                {\r\n                  icon: 'u:comment-dots',\r\n                  name: '고객센터'\r\n                },\r\n                {\r\n                  icon: 'u:setting',\r\n                  name: '서비스 관리'\r\n                },\r\n                {\r\n                  icon: 'u:filter',\r\n                  name: '필터/정렬'\r\n                },\r\n                {\r\n                  icon: 'u:fast-mail',\r\n                  name: '메일/SNS 전송'\r\n                },\r\n                {\r\n                  icon: 'u:clipboard-notes',\r\n                  name: '게시판 관리'\r\n                },\r\n                {\r\n                  icon: 'u:money-withdraw',\r\n                  name: '정산 관리'\r\n                },\r\n                {\r\n                  icon: 'u:box',\r\n                  name: '상품 관리'\r\n                },\r\n                {\r\n                  icon: 'u:user',\r\n                  name: '회원 관리'\r\n                },\r\n                {\r\n                  icon: 'u:apps',\r\n                  name: '카테고리'\r\n                },\r\n                {\r\n                  icon: 'u:edit-alt',\r\n                  name: '후기/문의'\r\n                },\r\n                {\r\n                  icon: 'u:users-alt',\r\n                  name: '파트너 관리'\r\n                },\r\n                {\r\n                  icon: 'u:calender',\r\n                  name: '예약 관리'\r\n                },\r\n                {\r\n                  icon: 'u:file-check',\r\n                  name: '주문관리'\r\n                },\r\n              ],\r\n            },\r\n            // list: [\r\n            //   {\r\n            //     icon: 'u:chart-down',\r\n            //     img: 'img_platform_solution_1',\r\n            //     img_mobile: 'img_platform_solution_1_mobile',\r\n            //     img_direction: 'right',\r\n            //     title: '플랫폼 서비스는\\n' +\r\n            //       '웹/앱만 있으면 되는 게 아닙니다.',\r\n            //     title2: '',\r\n            //     desc: '플랫폼 서비스를 관리할 수 있는 사이트와 파트너들이 본인의 상품과 정보를 운영할 수 있는 파트너 관리자 사이트가 있어야 제대로 된 비즈니스를 할 수 있습니다.'\r\n            //   },\r\n            //   {\r\n            //     icon: 'fi:edit-3',\r\n            //     img: 'img_platform_solution_2',\r\n            //     img_mobile: 'img_platform_solution_2',\r\n            //     img_direction: 'left',\r\n            //     title: '플랫폼 서비스 전용 솔루션이 필요한 이유',\r\n            //     title2: '',\r\n            //     desc: '플랫폼 서비스 창업을 준비하시는 분들이 항상 겪는 문제가 있습니다.\\n' +\r\n            //       '처음 서비스를 기획할 때 생각했던 부분만으로는 실제로 서비스를 운영·관리할 수 없다는 것입니다.\\n' +\r\n            //       '런칭을 위해, 안정적인 서비스 운영을 위해  추가로 고려해야하는 사항이 끝도 없이 발생하게 됩니다.',\r\n            //   },\r\n            // ],\r\n            links: {}\r\n          },\r\n          {\r\n            id: 3,\r\n            bgColor: 'white',\r\n            circle: '#FF6600',\r\n            feature: {\r\n              primary: '플랫폼파이 가능 기능',\r\n              title: '프로토타입 정도가 아니예요.',\r\n              title2: '플랫폼파이로 만들면 비즈니스가 가능한 내 서비스가 만들어집니다.',\r\n              desc: '',\r\n              img: 'img_defaultpack_feature',\r\n              img_mobile: 'img_defaultpack_feature_mobile'\r\n            },\r\n\r\n            packs: [\r\n              {\r\n                title: '',\r\n                title2: '',\r\n                info: {\r\n                  name: '상품 택배 주문 테마',\r\n                  label: '',\r\n                  img: 'img_pack_info_delivery',\r\n                  img_mobile: 'img_pack_info_delivery_mobile',\r\n                  desc: '유저가 파트너들의 상품 구매 및\\n' +\r\n                    '택배배송을 받을 수 있습니다.',\r\n                  links: [\r\n                    {\r\n                      name: '제작사례 보기',\r\n                      class: 'is-dark',\r\n                      linkType: 'outlink',\r\n                      link: 'https://ddbread.launchpack.co.kr/home'\r\n                    },\r\n                    {\r\n                      name: '자세히 보기',\r\n                      class: '',\r\n                      linkType: 'link',\r\n                      link: '/theme_detail?id=188'\r\n                    },\r\n                  ]\r\n                },\r\n                button: {\r\n                  name: '14일 무료체험으로 직접 확인 해 보기',\r\n                  linkType: 'link',\r\n                  link: '/theme_detail?id=188'\r\n                },\r\n                imgs_pc: [\r\n                  {\r\n                    name: 'img_delivery_detail_pc_1'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_pc_2'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_pc_3'\r\n                  },\r\n                ],\r\n                imgs_mobile: [\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_1'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_2'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_3'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_4'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_5'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_6'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_7'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_8'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_9'\r\n                  },\r\n                  {\r\n                    name: 'img_delivery_detail_mobile_10'\r\n                  },\r\n                ]\r\n              },\r\n              {\r\n                title: '',\r\n                title2: '',\r\n                info: {\r\n                  name: '서비스 예약 테마 (시간단위)',\r\n                  label: '',\r\n                  img: 'img_pack_info_reservation',\r\n                  img_mobile: 'img_pack_info_reservation_mobile',\r\n                  desc: '시/분 단위로 유저가 파트너의 서비스 상품을\\n' +\r\n                    '예약할 수 있습니다.',\r\n                  links: [\r\n                    {\r\n                      name: '제작사례 보기',\r\n                      class: 'is-dark',\r\n                      linkType: 'outlink',\r\n                      link: 'https://easycamping.launchpack.co.kr/home'\r\n                    },\r\n                    {\r\n                      name: '자세히 보기',\r\n                      class: '',\r\n                      linkType: 'link',\r\n                      link: '/theme_detail?id=190'\r\n                    },\r\n                  ]\r\n                },\r\n                button: {\r\n                  name: '14일 무료체험으로 직접 확인 해 보기',\r\n                  linkType: 'link',\r\n                  link: '/theme_detail?id=190'\r\n                },\r\n                imgs_pc: [\r\n                  {\r\n                    name: 'img_reservation_detail_pc_1'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_pc_1'\r\n                  },\r\n                ],\r\n                imgs_mobile: [\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_1'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_2'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_3'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_4'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_5'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_6'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_7'\r\n                  },\r\n                  {\r\n                    name: 'img_reservation_detail_mobile_8'\r\n                  },\r\n                ]\r\n              },\r\n              {\r\n                title: '',\r\n                title2: '',\r\n                info: {\r\n                  name: '서비스 예약 테마 (기간단위)',\r\n                  label: '',\r\n                  img: 'img_pack_info_booking',\r\n                  img_mobile: 'img_pack_info_booking_mobile',\r\n                  desc: '기간(일) 단위로 유저가 파트너들의 서비스 상품을\\n' +\r\n                    '예약할 수 있습니다.',\r\n                  links: [\r\n                    {\r\n                      name: '제작사례 보기',\r\n                      class: 'is-dark',\r\n                      linkType: 'outlink',\r\n                      link: 'https://goodplace.launchpack.co.kr/home'\r\n                    },\r\n                    {\r\n                      name: '자세히 보기',\r\n                      class: '',\r\n                      linkType: 'link',\r\n                      link: '/theme_detail?id=189'\r\n                    },\r\n                  ]\r\n                },\r\n                button: {\r\n                  name: '14일 무료체험으로 직접 확인 해 보기',\r\n                  linkType: 'link',\r\n                  link: '/theme_detail?id=189'\r\n                },\r\n                imgs_pc: [\r\n                  {\r\n                    name: 'img_booking_detail_pc_1'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_pc_1'\r\n                  },\r\n                ],\r\n                imgs_mobile: [\r\n                  {\r\n                    name: 'img_booking_detail_mobile_1'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_2'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_3'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_4'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_5'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_6'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_7'\r\n                  },\r\n                  {\r\n                    name: 'img_booking_detail_mobile_8'\r\n                  },\r\n                ]\r\n              },\r\n              {\r\n                title: '',\r\n                title2: '',\r\n                info: {\r\n                  name: '전화연결 테마',\r\n                  /*label: '기본제공',\r\n                  label_mobile: '기본제공 플랫폼 팩',*/\r\n                  img: 'img_pack_info_default',\r\n                  img_mobile: 'img_pack_info_default_mobile',\r\n                  desc: '유저가 파트너의 서비스 상품을\\n' +\r\n                    '전화로 주문할 수 있습니다.',\r\n                  links: [\r\n                    {\r\n                      name: '제작사례 보기',\r\n                      class: 'is-dark',\r\n                      linkType: 'outlink',\r\n                      link: 'https://educ.launchpack.co.kr/home'\r\n                    },\r\n                    {\r\n                      name: '자세히 보기',\r\n                      class: '',\r\n                      linkType: 'link',\r\n                      link: '/theme_detail?id=191'\r\n                    },\r\n                  ]\r\n                },\r\n                button: {\r\n                  name: '14일 무료체험으로 직접 확인 해 보기',\r\n                  linkType: 'link',\r\n                  link: '/theme_detail?id=191'\r\n                },\r\n                imgs_pc: [\r\n                  {\r\n                    name: 'img_defaultpack_detail_pc_1'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_pc_2'\r\n                  }\r\n                ],\r\n                imgs_mobile: [\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_1'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_2'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_3'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_4'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_5'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_6'\r\n                  },\r\n                  {\r\n                    name: 'img_defaultpack_detail_mobile_7'\r\n                  }\r\n                ]\r\n              },\r\n            ],\r\n            imgs: [],\r\n            links: {}\r\n          },\r\n          {\r\n            id: 4,\r\n            bgColor: 'primary-light2',\r\n            title: '플랫폼파이는 누구나 합리적 가격으로 런칭 할 수 있도록',\r\n            subTitle: '불필요한 기능을 빼고 부가 기능이 필요한 고객만 플러그인으로 추가해서 이용할 수 있게 제공합니다.',\r\n            img: 'img_page_api',\r\n            tablet_img: 'img_page_api_tablet',\r\n            head: {\r\n              primary: '',\r\n              title: '',\r\n              title2: '앱마켓',\r\n              label: '무료체험 기간동안 앱마켓도 무료!',\r\n              link: '/market/list',\r\n              img: 'img_appmarket_head',\r\n              img_mobile: 'img_appmarket_head_mobile',\r\n              desc: '플랫폼파이에서는 기본 팩에 다양한 디자인, 기능 조합을 추가할 수 있는 앱마켓을 이용할 수 있어요.\\n' +\r\n                '지금 바로 14일 동안 앱마켓에서 모든 기능을  추가해보며 내 서비스를 구현해 보고 이용을 결정해보세요!'\r\n            },\r\n            mainButton: [],\r\n            apps: [],\r\n            packs: [],\r\n            plugins: [\r\n              {\r\n                icon: 'u:file-alt-color',\r\n                name: '추가 게시판'\r\n              },\r\n              {\r\n                icon: 'u:clipboard-alt-color',\r\n                name: '공지사항 팝업'\r\n              },\r\n              {\r\n                icon: 'u:user-color',\r\n                name: '본인인증'\r\n              },\r\n              {\r\n                icon: 'u:comment-lines-color',\r\n                name: '앱푸시 알림'\r\n              },\r\n              {\r\n                icon: 'u:folder-upload-color',\r\n                name: '상품엑셀파일업로드'\r\n              },\r\n\r\n              {\r\n                icon: 'u:user-square-color',\r\n                name: '파트너 기획전'\r\n              },\r\n              {\r\n                icon: 'u:user-check-color',\r\n                name: '성인인증'\r\n              },\r\n              {\r\n                icon: 'u:brightness-plus-color',\r\n                name: '적립금/쿠폰 관리'\r\n              },\r\n              {\r\n                icon: 'u:database-alt-color',\r\n                name: '상품맞춤DB관리'\r\n              },\r\n              {\r\n                icon: 'u:database-alt-color',\r\n                name: '파트너맞춤DB관리'\r\n              },\r\n              {\r\n                icon: 'u:database-alt-color',\r\n                name: '회원맞춤DB관리'\r\n              },\r\n              {\r\n                icon: 'u:image-upload-color',\r\n                name: '상품이미지 일괄등록'\r\n              },\r\n              {\r\n                icon: 'u:product-recent-color',\r\n                name: '최근 본 상품'\r\n              },\r\n              {\r\n                icon: 'u:partner-product-color',\r\n                name: '파트너별상품기획전'\r\n              },\r\n              {\r\n                icon: 'u:print-color',\r\n                name: '주문 상세페이지 인쇄'\r\n              },\r\n              {\r\n                icon: 'plugin:naver-pay',\r\n                name: '네이버페이'\r\n              }\r\n            ],\r\n            list: [],\r\n            links: {}\r\n          },\r\n          {\r\n            id: 5,\r\n            bgColor: 'white',\r\n            circle: '#FF6600',\r\n            title: '그래도 도움이 필요하시다면,',\r\n            subTitle: '저희가 직접 도와드리겠습니다.',\r\n            img: '',\r\n            tablet_img: '',\r\n            head: {\r\n              primary: '',\r\n              title: '',\r\n              title2: '케어서비스',\r\n              desc: '플랫폼파이에서는 기본 서비스 보안, 유지 보수, 관리자 사이트 1:1 문의 서비스 제공을 통해 고객이 원활하게 서비스를 운영할 수 있도록 돕고 있어요.',\r\n              text: '전문가 없이도 서비스 수정, 에러의 안정적인 해결 등이 가능하도록 기획, 개발, 디자인 등의 추가 용역을 충전금으로 이용할 수 있는 케어서비스를 제공해요. 케어서비스를 이용해 개발자, 디자이너, 기획자 없이도 내 서비스를 안정적으로 유지하고 확장해보세요!  ',\r\n              img: 'img_careservice_head',\r\n              img_mobile: 'img_careservice_head',\r\n              link: '/care_service/intro',\r\n            },\r\n            content: {\r\n              text: ''\r\n            },\r\n            mainButton: [],\r\n            list: [],\r\n            imgs: [],\r\n            links: {}\r\n          },\r\n        ]\r\n      }\r\n    },\r\n    created() {\r\n    },\r\n    mounted() {\r\n      let isMobile = matchMedia(\"(max-width: 1024px)\").matches;\r\n      if (isMobile) {\r\n        document.getElementsByClassName('btn-top')[0].style.setProperty('bottom', '80px', 'important');\r\n        window.addEventListener('scroll', this.detectClientHeightMobile);\r\n      } else {\r\n        window.addEventListener('scroll', this.detectClientHeight);\r\n      }\r\n      this.$nextTick(() => {\r\n        if (this.$route.query.id) {\r\n          setTimeout(() => {\r\n            this.clickItem(this.$route.query.id)\r\n          }, 500)\r\n        }\r\n        setTimeout(() => {\r\n          document.getElementById('ch-plugin').style.display = 'none';\r\n        }, 1000);\r\n      })\r\n    },\r\n    beforeDestroy() {\r\n      document.getElementById('ch-plugin').style.display = '';\r\n      let isMobile = matchMedia(\"(max-width: 1024px)\").matches;\r\n      if (isMobile) {\r\n        window.removeEventListener('scroll', this.detectClientHeightMobile);\r\n      } else {\r\n        window.removeEventListener('scroll', this.detectClientHeight);\r\n      }\r\n    },\r\n    methods: {\r\n      addMessageEvent() {\r\n        window.addEventListener('message', this.onMessageMarket);\r\n      },\r\n      removeMessageEvent() {\r\n        window.removeEventListener('message', this.onMessageMarket);\r\n      },\r\n      onMessageMarket(e) {\r\n        if (e.data.close) {\r\n          this.popupMarket.close();\r\n          this.removeMessageEvent();\r\n          if (e.data.redirectUrl) {\r\n            setTimeout(() => {\r\n              window.open(e.data.redirectUrl);\r\n            }, 300);\r\n          }\r\n        }\r\n      },\r\n      next() {\r\n        this.$refs.slick.next();\r\n      },\r\n\r\n      prev() {\r\n        this.$refs.slick.prev();\r\n      },\r\n      detectClientHeight() {\r\n        this.$nextTick(() => {\r\n          let scrollTop = document.documentElement.scrollTop;\r\n          if (this.$refs.tabMenu) {\r\n            if (scrollTop > this.$refs.tabMenu.getBoundingClientRect().top + 1500) {\r\n              this.fixedState = true;\r\n            } else {\r\n              this.fixedState = false;\r\n            }\r\n          }\r\n          let section1 = document.getElementById('section1').getBoundingClientRect().top + window.pageYOffset;\r\n          let section2 = document.getElementById('section2').getBoundingClientRect().top + window.pageYOffset;\r\n          let section3 = document.getElementById('section3').getBoundingClientRect().top + window.pageYOffset;\r\n          let section4 = document.getElementById('section4').getBoundingClientRect().top + window.pageYOffset;\r\n          let section5 = document.getElementById('section5').getBoundingClientRect().top + window.pageYOffset;\r\n          if (this.fixedState) {\r\n            section1 -= this.$refs.tabMenu.clientHeight;\r\n            section2 -= this.$refs.tabMenu.clientHeight + 120;\r\n            section3 -= this.$refs.tabMenu.clientHeight + 120;\r\n            section4 -= this.$refs.tabMenu.clientHeight + 120;\r\n            section5 -= this.$refs.tabMenu.clientHeight + 120;\r\n          }\r\n\r\n          if (scrollTop > section1) {\r\n            this.selectedId = 1\r\n          }\r\n          if (scrollTop > section2) {\r\n            this.selectedId = 2\r\n          }\r\n          if (scrollTop > section3) {\r\n            this.selectedId = 3\r\n          }\r\n          if (scrollTop > section4) {\r\n            this.selectedId = 4\r\n          }\r\n          if (scrollTop > section5) {\r\n            this.selectedId = 5\r\n          }\r\n        })\r\n      },\r\n      detectClientHeightMobile() {\r\n        this.$nextTick(() => {\r\n          let scrollTop = document.documentElement.scrollTop;\r\n          if (this.$refs.tabMenuMobile) {\r\n            if (scrollTop > this.$refs.tabMenuMobile.getBoundingClientRect().top + 1500) {\r\n              this.mobileFixedState = true;\r\n            } else {\r\n              this.mobileFixedState = false;\r\n            }\r\n          }\r\n\r\n          let section1 = document.getElementById('section-mobile-1').getBoundingClientRect().top + window.pageYOffset;\r\n          let section2 = document.getElementById('section-mobile-2').getBoundingClientRect().top + window.pageYOffset;\r\n          let section3 = document.getElementById('section-mobile-3').getBoundingClientRect().top + window.pageYOffset;\r\n          let section4 = document.getElementById('section-mobile-4').getBoundingClientRect().top + window.pageYOffset;\r\n          let section5 = document.getElementById('section-mobile-5').getBoundingClientRect().top + window.pageYOffset;\r\n\r\n          let tabMenu = document.getElementsByClassName('drag-scroll-mobile')[0];\r\n\r\n          if (this.fixedState) {\r\n            section1 -= this.$refs.tabMenuMobile.clientHeight;\r\n            section2 -= this.$refs.tabMenuMobile.clientHeight + 120;\r\n            section3 -= this.$refs.tabMenuMobile.clientHeight + 120;\r\n            section4 -= this.$refs.tabMenuMobile.clientHeight + 120;\r\n            section5 -= this.$refs.tabMenuMobile.clientHeight + 120;\r\n\r\n          }\r\n\r\n          if (scrollTop > section1) {\r\n            this.selectedId = 1;\r\n            tabMenu.scrollLeft = tabMenu.children[0].offsetLeft;\r\n          }\r\n          if (scrollTop + 120 > section2) {\r\n            this.selectedId = 2;\r\n            tabMenu.scrollLeft = tabMenu.children[1].offsetLeft;\r\n          }\r\n          if (scrollTop + 120 > section3) {\r\n            this.selectedId = 3;\r\n            tabMenu.scrollLeft = tabMenu.children[2].offsetLeft;\r\n          }\r\n          if (scrollTop + 120 > section4) {\r\n            this.selectedId = 4;\r\n            tabMenu.scrollLeft = tabMenu.children[3].offsetLeft;\r\n          }\r\n          if (scrollTop + 120 > section5) {\r\n            this.selectedId = 5;\r\n            tabMenu.scrollLeft = tabMenu.children[4].offsetLeft;\r\n          }\r\n        })\r\n      },\r\n      clickItem(id) {\r\n        // this.selectedId = id;\r\n        let element = undefined;\r\n        let offset = undefined;\r\n        if (matchMedia(\"(max-width: 1024px)\").matches) {\r\n          element = document.getElementById(`section-mobile-${id}`)\r\n          offset = window.pageYOffset + element.getBoundingClientRect().top - 60;\r\n        } else {\r\n          element = document.getElementById(`section${id}`);\r\n          offset = window.pageYOffset + element.getBoundingClientRect().top - 64;\r\n        }\r\n        if (!this.fixedState) {\r\n          offset -= this.$refs.tabMenu.clientHeight;\r\n        }\r\n        if (!this.mobileFixedState) {\r\n          offset -= this.$refs.tabMenuMobile.clientHeight;\r\n        }\r\n        window.scrollTo({\r\n          top: offset,\r\n          behavior: 'smooth'\r\n        })\r\n      },\r\n      clickButton(item) {\r\n        if (item.link.indexOf('/market/detail') > -1) {\r\n          let width = 1231;\r\n          let height = 760;\r\n          this.popupMarket = window.open(item.link, 'appMarket', `width=${width}, height=${height}, top=0, left=0, menubar=no, toolbar=no, titlebar=yes`)\r\n          this.addMessageEvent();\r\n        } else if (item.linkType === 'outlink') {\r\n          const a = document.createElement('a');\r\n          a.href = item.link;\r\n          a.target = '_blank';\r\n          a.style.display = 'none';\r\n          document.body.appendChild(a);\r\n          a.click();\r\n          a.parentNode.removeChild(a);\r\n        } else {\r\n          this.routerPush(`${item.link}`);\r\n        }\r\n      },\r\n      icon(img) {\r\n        return `/static/icon/${img.replace(':', '_')}.svg`;\r\n      },\r\n      img(img) {\r\n        return `/static/img/${img}.png`;\r\n      },\r\n      tagStyle(tags, idx) {\r\n        let deco = {\r\n          marginRight: '4px'\r\n        }\r\n        if (idx === tags.length - 1) {\r\n          deco.marginRight = '0px';\r\n        }\r\n        return deco;\r\n      },\r\n      buttonMenuStyle(buttonMenu, idx) {\r\n        let deco = {\r\n          marginRight: '12px'\r\n        }\r\n        if (idx === buttonMenu.length - 1) {\r\n          deco.marginRight = '0px';\r\n        }\r\n        return deco;\r\n      },\r\n      mainButtonStyle(mainButton, idx) {\r\n        let deco = {\r\n          marginRight: '16px'\r\n        }\r\n        if (idx === mainButton.length - 1) {\r\n          deco.marginRight = '0px';\r\n        }\r\n        return deco;\r\n      },\r\n      mobilePackImgStyle(packs, idx) {\r\n        let deco = {\r\n          marginRight: '16px'\r\n        }\r\n        if (idx === packs.length - 1) {\r\n          deco.marginRight = '0px'\r\n        }\r\n        return deco;\r\n      },\r\n      bottomMenuStyle(menu, idx) {\r\n        let deco = {\r\n          marginRight: '60px'\r\n        }\r\n        if (idx === menu.length - 1) {\r\n          deco.marginRight = '0px'\r\n        }\r\n        return deco;\r\n      },\r\n      sectionContentPcStyle(content) {\r\n        let deco = {\r\n          display: 'grid',\r\n          alignItems: 'center'\r\n        }\r\n        if (content.img !== '' && content.text !== '') {\r\n          deco.gridTemplateColumns = 'repeat(2, 1fr)';\r\n          deco.gridGap = '0px 98px';\r\n        }\r\n        return deco;\r\n      },\r\n    },\r\n    computed: {\r\n\r\n      slickImg() {\r\n        if (window.innerWidth > 500) {\r\n          let width = 318;\r\n          let height = 483;\r\n          let margin = '0 6px';\r\n          return {\r\n            width: width + 'px',\r\n            height: height + 'px',\r\n            margin: margin,\r\n            borderRadius: '8px'\r\n          }\r\n        } else {\r\n          let width = window.innerWidth - 24.5;\r\n          let height = width * 1.31;\r\n          let padding = '0 6px';\r\n          return {\r\n            width: width + 'px',\r\n            height: height + 'px',\r\n            padding: padding,\r\n            borderRadius: '8px'\r\n          }\r\n        }\r\n      },\r\n      fixedStyle() {\r\n        let deco = {};\r\n        if (this.fixedState) {\r\n          deco = {\r\n            width: '100%',\r\n            backgroundColor: '#fff',\r\n            position: 'fixed',\r\n            top: '64px',\r\n            left: '0px',\r\n            zIndex: 9\r\n          }\r\n        }\r\n        return deco;\r\n      },\r\n      fixedStyleMobile() {\r\n        let deco = {};\r\n        if (this.mobileFixedState) {\r\n          deco = {\r\n            width: '100%',\r\n            backgroundColor: '#fff',\r\n            position: 'fixed',\r\n            top: '60px',\r\n            left: '0px',\r\n            zIndex: 999\r\n          }\r\n        }\r\n        return deco;\r\n      },\r\n      fixedBottomStyle() {\r\n        let deco = {\r\n          width: '100%',\r\n          backgroundColor: '#fff',\r\n          position: 'fixed',\r\n          bottom: '0px',\r\n          left: '0px',\r\n          zIndex: 999\r\n        }\r\n        return deco;\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n\r\n  .bg-white\r\n    background-color white\r\n\r\n  .bg-dark\r\n    background-color $sub\r\n    color white\r\n\r\n  .bg-gray3\r\n    background-color $gray3\r\n\r\n  .bg-primary\r\n    background-color $primary\r\n\r\n  .bg-primary-light2\r\n    background-color $primary-light2\r\n\r\n  .border-gray\r\n    border 1px solid $gray\r\n\r\n  .border-top-gray\r\n    border-top 1px solid $gray\r\n\r\n  .border-primary-light1\r\n    border 1px solid $primary-light1\r\n\r\n  .button-main\r\n    border 1px solid $main\r\n    color $main\r\n\r\n  .section-menu-container\r\n    border-bottom 1px solid $gray\r\n\r\n  .bottom-menu-btn-wrap\r\n    border-top 1px solid $gray\r\n\r\n  .selected\r\n    color $primary\r\n    border-bottom 3px solid $primary\r\n\r\n\r\n  .container\r\n    word-break keep-all\r\n    white-space pre-line\r\n\r\n  .tabs\r\n    display flex\r\n    align-content center\r\n    gap 10px\r\n    margin 40px 0 60px 0\r\n  .item-tab\r\n    border-radius 30px\r\n    padding 10px 24px\r\n    background-color #ffffff\r\n    border 1px solid $gray\r\n    font-size 16px\r\n    font-weight 500\r\n  .item-tab-selected\r\n    background-color $primary\r\n    border 1px solid $primary\r\n    color #ffffff\r\n\r\n  .pc\r\n    .section-head-grid-container\r\n      display grid\r\n      grid-gap 0px 120px\r\n      align-items center\r\n\r\n    .section-grid-list\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 0px 120px\r\n      align-items center\r\n\r\n    .section-grid-info\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 0px 80px\r\n\r\n    .section-grid-info-item\r\n      display grid\r\n      grid-template-columns repeat(3, 1fr)\r\n      grid-gap 12px\r\n\r\n    .section-grid-default-pack\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 0px 100px\r\n      align-items center\r\n\r\n    .pack-info-wrapper\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 0px 24px\r\n      align-items center\r\n\r\n    .menuitem-wrapper\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 12px 20px\r\n\r\n    .menuitem-wrapper-2\r\n      display grid\r\n      grid-template-columns repeat(3, 1fr)\r\n      grid-gap 12px 20px\r\n\r\n    .apps-wrapper\r\n      display grid\r\n      grid-template-columns repeat(3, 1fr)\r\n      grid-gap 0px 24px\r\n\r\n    .packs-wrapper\r\n      display grid\r\n      grid-template-columns repeat(3, 1fr)\r\n      grid-gap 0px 24px\r\n\r\n    .plugins-wrapper\r\n      display grid\r\n      grid-template-columns repeat(4, 1fr)\r\n      grid-gap 16px 16px\r\n\r\n    .split-bar\r\n      border-top 1px solid $gray1\r\n      width 30px\r\n      height 0px\r\n      transform rotate(90deg)\r\n\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(2, 1fr)\r\n\r\n    .card-info\r\n      border-radius 12px\r\n      padding 32px\r\n      box-shadow 0px 10px 20px rgba(0, 0, 0, 0.04)\r\n\r\n    .quick-builder-button\r\n      background-color $primary\r\n      color #fff\r\n\r\n    .prime-button\r\n      background-color $main\r\n      color $primary\r\n\r\n  .mobile\r\n    .section-grid-info-item\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 8px 10px\r\n\r\n    .section-defaultpack-menu\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 10px\r\n\r\n    .menuitem-wrapper\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 4px 4px\r\n\r\n    .card-wrapper\r\n      display grid\r\n      grid-template-columns repeat(1, 1fr)\r\n      grid-gap 12px 0\r\n\r\n    .card-info\r\n      border-radius 8px\r\n      padding 20px 20px 24px\r\n      box-shadow 0px 10px 20px rgba(0, 0, 0, 0.04)\r\n\r\n    .drag-scroll-mobile\r\n      white-space nowrap\r\n      overflow-x scroll\r\n      scroll-snap-type x mandatory\r\n      -webkit-overflow-scrolling touch\r\n      overflow-y hidden\r\n\r\n    .drag-scroll-mobile::-webkit-scrollbar\r\n      display none\r\n\r\n    .apps-wrapper\r\n      display grid\r\n      grid-template-columns repeat(1, 1fr)\r\n      grid-gap 12px 0\r\n\r\n    .packs-wrapper\r\n      display grid\r\n      grid-template-columns repeat(1, 1fr)\r\n      grid-gap 24px 0\r\n\r\n    .plugins-wrapper\r\n      display grid\r\n      grid-template-columns repeat(3, 1fr)\r\n      grid-gap 8px 8px\r\n      word-break normal\r\n\r\n    .menuitem-wrapper-2\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 10px 10px\r\n\r\n    .bottom-menu-btn-wrap\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 0px 12px\r\n\r\n    .tabs\r\n      display flex\r\n      flex-wrap wrap\r\n      gap 8px\r\n      margin 40px 0\r\n    .item-tab\r\n      border-radius 30px\r\n      padding 8px 16px\r\n      background-color #ffffff\r\n      border 1px solid $gray\r\n      font-size 13px\r\n      font-weight 500\r\n    .item-tab-selected\r\n      background-color $primary\r\n      border 1px solid $primary\r\n      color #ffffff\r\n\r\n  @media (max-width 1024px)\r\n    .container\r\n      padding 0px\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!./PlatformfyInfo.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!./PlatformfyInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PlatformfyInfo.vue?vue&type=template&id=4e4a036b&scoped=true&\"\nimport script from \"./PlatformfyInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./PlatformfyInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PlatformfyInfo.vue?vue&type=style&index=0&id=4e4a036b&lang=stylus&scoped=true&\"\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  \"4e4a036b\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ScrollWrapper.vue?vue&type=style&index=0&id=011cad02&lang=stylus&scoped=true&\""],"sourceRoot":""}