{"version":3,"sources":["webpack:///./src/components/page/HomeMobile.vue?41b9","webpack:///./src/components/page/HomeMobile.vue?9f66","webpack:///src/components/page/HomeMobile.vue","webpack:///./src/components/page/HomeMobile.vue?cb07","webpack:///./src/components/page/HomeMobile.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","_m","staticClass","_l","item","idx","key","on","$event","clickMenu","attrs","icon","_v","_s","name","directives","rawName","value","expression","class","selectedMenu","id","theme","skin","routerPush","ref","slickOptions","onChange","prime","style","url","_e","currentSlide","$refs","slick","goTo","card","template","staticRenderFns","component"],"mappings":"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","file":"js/chunk-610b4eac.3356a0c5.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!./HomeMobile.vue?vue&type=style&index=0&id=553d8085&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin-top\":\"60px\"}},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"section-menu\"},[_vm._m(2),_c('div',{staticClass:\"grid-menu\"},_vm._l((_vm.menu),function(item,idx){return _c('div',{key:(\"menu-\" + idx),staticClass:\"item-menu unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_c('svg-icon',{staticClass:\"svg-icon\",attrs:{\"icon\":item.icon,\"color\":\"sub2\",\"width\":32,\"height\":32}}),_c('div',{staticClass:\"size-13 sub\"},[_vm._v(_vm._s(item.name))])],1)}),0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.vFixedMenu),expression:\"vFixedMenu\"}],staticClass:\"flex-align fixed-menu\"},[_c('div',{staticClass:\"flex-align drag-scroll-mobile\"},_vm._l((_vm.menu),function(item,idx){return _c('div',{key:'section-item-'+idx,staticClass:\"item-fixed-menu subtitle7\",class:(\"\" + (_vm.selectedMenu !== item.id ? 'sub': 'selected')),attrs:{\"id\":(\"fixed-item-\" + idx)},on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0)])]),_vm._m(3),_c('div',{staticClass:\"menus section\",attrs:{\"id\":\"container-1\"}},[_vm._m(4),_vm._l((_vm.themes),function(theme){return _c('card-product',{key:(\"theme-\" + (theme.id)),staticStyle:{\"margin-top\":\"20px\"},attrs:{\"device\":\"mobile\",\"isTheme\":\"\",\"card\":theme}})})],2),_c('div',{staticClass:\"margin-top-50 platformfy-info-container\"},[_vm._m(5),_vm._m(6),_c('div',{staticClass:\"flex-justify\"},[_c('a',{attrs:{\"href\":\"https://platformfy.com/theme_market\",\"target\":\"_blank\"}},[_c('button',{staticClass:\"button is-main body2-medium flex-align\",staticStyle:{\"background-color\":\"transparent\",\"gap\":\"10px\",\"width\":\"280px\",\"height\":\"48px\"}},[_vm._v(\" 테마 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])])]),_vm._m(7),_c('div',{staticClass:\"menus section\",attrs:{\"id\":\"container-2\"}},[_vm._m(8),_vm._l((_vm.skins),function(skin){return _c('card-product',{key:(\"skin-\" + (skin.id)),staticStyle:{\"margin-top\":\"20px\"},attrs:{\"device\":\"mobile\",\"card\":skin}})}),_c('div',{staticClass:\"margin-top-20 flex-center\"},[_c('button',{staticClass:\"button is-main body2-medium flex-align\",staticStyle:{\"gap\":\"10px\",\"width\":\"280px\",\"height\":\"48px\"},on:{\"click\":function($event){return _vm.routerPush('/skin_market')}}},[_vm._v(\" 스킨 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])],2),_vm._m(9),_c('div',{staticClass:\"menus section\",attrs:{\"id\":\"container-3\"}},[_c('div',{staticClass:\"img-prime-back\"}),_c('div',{staticClass:\"position-relative\",staticStyle:{\"z-index\":\"1\"}},[_c('img',{attrs:{\"src\":\"/static/icon/chart_mixed.svg\"}}),_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin-bottom\":\"8px\"}},[_vm._v(\"비즈니스 단계\")]),_c('div',{staticClass:\"mo-section-title-bold white\"},[_vm._v(\"완전 맞춤제작을 원하신다면?\")]),_c('div',{staticClass:\"size-28 primary weight-700 margin-top-4\"},[_vm._v(\"Prime\")]),_vm._m(10),_c('slick',{ref:\"slick\",attrs:{\"options\":_vm.slickOptions},on:{\"afterChange\":_vm.onChange}},_vm._l((_vm.primes),function(prime){return _c('div',{key:(\"prime-ex-\" + (prime.id))},[_c('div',{staticClass:\"slick-img\",style:((\"background-image:url(/static/img/prime-portfolio\" + (prime.id) + \".png)\"))}),(prime.url !== '')?_c('div',{staticClass:\"flex-center\"},[_c('a',{attrs:{\"href\":prime.url,\"target\":\"_blank\"}},[_c('div',{staticClass:\"flex margin-top-20 margin-bottom-20 primary\"},[_vm._v(\" 사이트 바로가기 \"),_c('i',{staticClass:\"material-icons\"},[_vm._v(\"keyboard_arrow_right\")])])])]):_vm._e()])}),0),_c('div',{staticClass:\"indicators\"},_vm._l((_vm.primes),function(prime,idx){return _c('div',{key:(\"indicator-\" + (prime.id)),staticClass:\"indicator unselect\",class:{'indicator-current': idx === _vm.currentSlide},on:{\"click\":function($event){return _vm.$refs.slick.goTo(idx)}}})}),0),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"36px\",\"gap\":\"12px\"}},[_c('button',{staticClass:\"button is-primary-light\",staticStyle:{\"flex\":\"1\",\"height\":\"44px\"},on:{\"click\":function($event){return _vm.routerPush('/prime')}}},[_vm._v(\"자세히 보기\")]),_c('button',{staticClass:\"button is-primary\",staticStyle:{\"flex\":\"1\",\"height\":\"44px\"},on:{\"click\":function($event){return _vm.routerPush('/prime')}}},[_vm._v(\"신청하기\")])])],1)]),_vm._m(11),_vm._m(12),_c('div',{staticClass:\"menus section text-center\",attrs:{\"id\":\"container-4\"}},[_c('div',{staticClass:\"box-app-market-desc\"},[_c('img',{attrs:{\"src\":\"/static/icon/rocket.svg\"}}),_c('div',{staticClass:\"body3 primary\",staticStyle:{\"margin\":\"6px 0 8px 0\"}},[_vm._v(\"서비스 런칭 단계\")]),_vm._m(13),_c('div',{staticClass:\"body4 sub3\"},[_vm._v(\"앱포팅 및 앱마켓 등록 대행 부터 GA(Google Analytics)등록 등 비즈니스 운영에 필요한 다양한 부가서비스를 활용해 내 서비스를 본격적으로 사업화 할 수 있습니다.\")]),_c('div',{staticClass:\"margin-top-28 flex-center\"},[_c('button',{staticClass:\"button is-primary-light body2-medium flex-align\",staticStyle:{\"width\":\"180px\",\"height\":\"48px\"},on:{\"click\":function($event){return _vm.routerPush('additional_service')}}},[_vm._v(\"부가서비스 더보기 \"),_c('img',{staticClass:\"svg-primary\",staticStyle:{\"margin-left\":\"8px\"},attrs:{\"src\":\"/static/icon/u_arrow-right.svg\"}})])])]),_c('div',{staticClass:\"menu4-items\"},_vm._l((_vm.plugins),function(card){return _c('card-product-simple',{key:(\"plugin-\" + (card.id)),attrs:{\"card\":card}})}),1)]),_vm._m(14),_c('div',{staticClass:\"menus section\",staticStyle:{\"padding-bottom\":\"0\"},attrs:{\"id\":\"container-5\"}},[_vm._m(15),_vm._l((_vm.templates),function(template){return _c('card-product',{key:(\"template-\" + (template.id)),staticStyle:{\"margin-top\":\"20px\"},attrs:{\"device\":\"mobile\",\"card\":template}})}),_c('div',{staticClass:\"margin-top-20 flex-center\"},[_c('button',{staticClass:\"button is-main body2-medium flex-align\",staticStyle:{\"gap\":\"10px\",\"width\":\"280px\",\"height\":\"48px\"},on:{\"click\":function($event){return _vm.routerPush('/template_market')}}},[_vm._v(\" 템플릿 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])],2),_vm._m(16),_c('div',{staticClass:\"menus\",staticStyle:{\"padding-top\":\"50px\"},attrs:{\"id\":\"container-6\"}},[_c('div',{staticClass:\"menu6 unselect\",on:{\"click\":function($event){return _vm.routerPush('/template_market')}}},[_c('img',{staticStyle:{\"width\":\"190px\",\"height\":\"138px\"},attrs:{\"src\":\"/static/img/img_gold_2.png\"}}),_vm._m(17),_c('div',{staticClass:\"h7 main margin-top-8\"},[_vm._v(\"예비창업팀에게 공유하고 수익창출하세요\")]),_c('img',{staticClass:\"margin-top-8\",staticStyle:{\"width\":\"32px\",\"height\":\"32px\"},attrs:{\"src\":\"/static/icon/img_arrow_circle_right.svg\"}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"size-32 weight-300\"},[_vm._v(\" 웹/앱 플랫폼 창업도\"),_c('span',{staticClass:\"primary\"},[_vm._v(\".\")]),_c('br'),_vm._v(\" 쇼핑몰 창업처럼 \")]),_c('div',{staticClass:\"mo-pagetitle-bold\"},[_vm._v(\"누구나 쉽고 간단하게\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner-white-box\"},[_vm._v(\" 수 많은 사람들이 시도하고 있는 플랫폼 서비스 창업,\"),_c('br'),_vm._v(\" 왜 아직도 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"모든 예비 창업자들이 처음부터\"),_c('br'),_vm._v(\" 동일한 시행착오를 반복\")]),_vm._v(\"해야 하는 걸까요?\"),_c('br'),_c('img',{staticStyle:{\"width\":\"24px\",\"margin-top\":\"16px\"},attrs:{\"src\":\"/static/icon/ic_arrow-down.svg\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mo-section-title-bold main text-center margin-bottom-20\"},[_vm._v(\" 내 창업단계에 맞는 \"),_c('br'),_vm._v(\" 상품으로 시작하세요. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-1\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":\"/static/icon/lightbulb_on.svg\"}}),_c('div',{staticClass:\"body3 primary\",staticStyle:{\"margin\":\"6px 0 8px 0\"}},[_vm._v(\"아이디어 테스트 단계\")]),_c('div',{staticClass:\"mo-section-title-bold text-center\"},[_vm._v(\" 1개월 단위로 플랫폼 서비스를 운영해\"),_c('br'),_vm._v(\"보고 싶은 창업자를 위한 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"플랫폼파이 \"),_c('br'),_vm._v(\"무료 체험해보세요!\")])]),_c('div',{staticClass:\"body4 sub3 text-center\",staticStyle:{\"margin\":\"8px 0 28px 0\"}},[_vm._v(\" 블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어 간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"body0 main\",staticStyle:{\"line-height\":\"32px\"}},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_c('div',{staticClass:\"body0-bold main\",staticStyle:{\"line-height\":\"32px\"}},[_vm._v(\"초기 아이디어를 검증하고,\"),_c('br'),_vm._v(\"투자를 유치하고 계십니다!\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"margin\":\"28px 0\",\"overflow\":\"hidden\"}},[_c('img',{staticStyle:{\"height\":\"220px\"},attrs:{\"src\":\"/static/img/home/info_img_full.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-2\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mo-section-title-bold text-center\"},[_c('img',{attrs:{\"src\":\"/static/icon/fi_flag_primary.svg\"}}),_c('div',{staticClass:\"body3 primary\",staticStyle:{\"margin\":\"6px 0 8px 0\"}},[_vm._v(\"시장 선점 단계\")]),_c('div',{staticClass:\"sub\"},[_vm._v(\"원하는 대로 수정제작을 하고 싶은\"),_c('br'),_vm._v(\"창업자를 위한 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"제작 스토어\")])]),_c('div',{staticClass:\"body4 sub3 margin-top-20\"},[_vm._v(\"유저 니즈에 맞게 부분 수정 개발을 해서 런칭할 수 있어요. \"),_c('br'),_vm._v(\" 플랫폼파이 테마로 먼저 테스트 하고 추가 개발 하는 것도 가능해요.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-3\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body4 sub5\",staticStyle:{\"margin\":\"8px 0 28px 0\"}},[_vm._v(\"이미 매출이 발생하고 있는 비즈니스를 온라인 서비스로\"),_c('br'),_vm._v(\" 런칭할 때 이용해요. 높은 완성도가 무엇보다도 중요해요. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menus section\"},[_c('div',{staticClass:\"body0-medium main margin-bottom-12\",staticStyle:{\"word-break\":\"keep-all\"}},[_vm._v(\"런치팩 솔루션은 일반적으로 많이 사용되는 기술스펙으로 구성되어 있습니다.\")]),_c('div',{staticClass:\"body3 sub3 margin-bottom-28\"},[_vm._v(\"언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해 프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.\")]),_c('img',{attrs:{\"src\":\"/static/img/home/mo-img_tech.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-4\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mo-section-title-bold sub\"},[_vm._v(\"런칭 준비를 마치셨다면 \"),_c('br'),_vm._v(\" 앱포팅 서비스로 내 앱을 \"),_c('br'),_vm._v(\" 구글플레이, 앱스토어에 올려보세요!\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-5\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":\"/static/icon/fi_tool_primary.svg\",\"alt\":\"\"}}),_c('div',{staticClass:\"body3 primary\",staticStyle:{\"margin-bottom\":\"8px\"}},[_vm._v(\"인하우스 제작 단계\")]),_c('div',{staticClass:\"size-20 weight-700\"},[_vm._v(\"디자이너, 개발자를 위한 \"),_c('br'),_c('span',{staticClass:\"primary\"},[_vm._v(\"웹/앱 템플릿 소스 스토어\")])]),_c('div',{staticClass:\"body4 sub3 margin-top-8\"},[_vm._v(\"직접 제작할 수 있는 제작자나 개발팀이 있는 \"),_c('br'),_vm._v(\"창업팀이 이용할 수 있어요\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"position-relative\"},[_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-m-6\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body2 main\"},[_vm._v(\"대표님! 예산을 들여 제작한 결과물을\"),_c('br'),_vm._v(\"활용하지 않고 묵혀두고 계시나요?\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"margin-top:60px\">\r\n    <div class=\"banner\">\r\n      <div class=\"size-32 weight-300\">\r\n        웹/앱 플랫폼 창업도<span class=\"primary\">.</span><br>\r\n        쇼핑몰 창업처럼\r\n      </div>\r\n      <div class=\"mo-pagetitle-bold\">누구나 쉽고 간단하게</div>\r\n\r\n    </div>\r\n    <div class=\"banner-white-box\">\r\n      수 많은 사람들이 시도하고 있는 플랫폼 서비스 창업,<br>\r\n      왜 아직도 <span class=\"primary\">모든 예비 창업자들이 처음부터<br>\r\n      동일한 시행착오를 반복</span>해야 하는 걸까요?<br>\r\n      <img src=\"/static/icon/ic_arrow-down.svg\" alt=\"\" style=\"width:24px;margin-top:16px\">\r\n    </div>\r\n\r\n    <div class=\"section-menu\">\r\n      <div class=\"mo-section-title-bold main text-center margin-bottom-20\">\r\n        내 창업단계에 맞는 <br>\r\n        상품으로 시작하세요.\r\n      </div>\r\n      <div class=\"grid-menu\">\r\n        <div v-for=\"(item,idx) in menu\" :key=\"`menu-${idx}`\"\r\n             class=\"item-menu unselect\" @click=\"clickMenu(item)\">\r\n          <!--<img :src=\"`/static/icon/m_${item.icon}.svg`\">-->\r\n          <svg-icon class=\"svg-icon\" :icon=\"item.icon\" color=\"sub2\" :width=\"32\" :height=\"32\"></svg-icon>\r\n          <div class=\"size-13 sub\">{{ item.name }}</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex-align fixed-menu\" v-show=\"vFixedMenu\">\r\n        <div class=\"flex-align drag-scroll-mobile\">\r\n          <div v-for=\"(item, idx) in menu\" :key=\"'section-item-'+idx\"\r\n               :id=\"`fixed-item-${idx}`\"\r\n               class=\"item-fixed-menu subtitle7\"\r\n               :class=\"`${selectedMenu !== item.id ? 'sub': 'selected'}`\"\r\n               @click=\"clickMenu(item)\">\r\n            {{ item.name }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-1\"></a>\r\n    </div>\r\n    <div id=\"container-1\" class=\"menus section\">\r\n      <div class=\"text-center\">\r\n        <img src=\"/static/icon/lightbulb_on.svg\">\r\n        <div class=\"body3 primary\" style=\"margin:6px 0 8px 0\">아이디어 테스트 단계</div>\r\n        <div class=\"mo-section-title-bold text-center\">\r\n          1개월 단위로 플랫폼 서비스를 운영해<br>보고 싶은 창업자를 위한 <span class=\"primary\">플랫폼파이\r\n          <br>무료 체험해보세요!</span>\r\n        </div>\r\n        <div class=\"body4 sub3 text-center\" style=\"margin:8px 0 28px 0\">\r\n          블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어 간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요.\r\n        </div>\r\n      </div>\r\n\r\n      <card-product style=\"margin-top:20px\" device=\"mobile\" isTheme\r\n        v-for=\"theme in themes\" :key=\"`theme-${theme.id}`\" :card=\"theme\"></card-product>\r\n\r\n    </div>\r\n    <div class=\"margin-top-50 platformfy-info-container\">\r\n      <div class=\"text-center\">\r\n        <div class=\"body0 main\" style=\"line-height: 32px\">이미 많은 고객분들께서 플랫폼파이로</div>\r\n        <div class=\"body0-bold main\" style=\"line-height: 32px\">초기 아이디어를 검증하고,<br/>투자를 유치하고 계십니다!</div>\r\n      </div>\r\n      <div style=\"margin: 28px 0; overflow: hidden\">\r\n        <img src=\"/static/img/home/info_img_full.png\" style=\"height: 220px\">\r\n      </div>\r\n      <div class=\"flex-justify\">\r\n        <a href=\"https://platformfy.com/theme_market\" target=\"_blank\">\r\n          <button class=\"button is-main body2-medium flex-align\" style=\"background-color: transparent; gap:10px;width:280px;height:48px\">\r\n            테마 더보기 <svg-icon icon=\"u_arrow-up-right\" :width=\"18\" :height=\"18\" color=\"main\"></svg-icon>\r\n          </button>\r\n        </a>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-2\"></a>\r\n    </div>\r\n    <div id=\"container-2\" class=\"menus section\">\r\n      <div class=\"mo-section-title-bold text-center\">\r\n        <img src=\"/static/icon/fi_flag_primary.svg\">\r\n        <div class=\"body3 primary\" style=\"margin:6px 0 8px 0\">시장 선점 단계</div>\r\n        <div class=\"sub\">원하는 대로 수정제작을 하고 싶은<br>창업자를 위한 <span class=\"primary\">제작 스토어</span></div>\r\n        <div class=\"body4 sub3 margin-top-20\">유저 니즈에 맞게 부분 수정 개발을 해서 런칭할 수 있어요. <br>\r\n          플랫폼파이 테마로 먼저 테스트 하고 추가 개발 하는 것도 가능해요.</div>\r\n      </div>\r\n\r\n      <card-product style=\"margin-top:20px\" device=\"mobile\"\r\n                    v-for=\"skin in skins\" :key=\"`skin-${skin.id}`\" :card=\"skin\"></card-product>\r\n\r\n      <div class=\"margin-top-20 flex-center\">\r\n        <button class=\"button is-main body2-medium flex-align\" style=\"gap:10px;width:280px;height:48px\"\r\n                @click=\"routerPush('/skin_market')\">\r\n          스킨 더보기 <svg-icon icon=\"u_arrow-up-right\" :width=\"18\" :height=\"18\" color=\"main\"></svg-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-3\"></a>\r\n    </div>\r\n    <div id=\"container-3\" class=\"menus section\">\r\n      <div class=\"img-prime-back\"></div>\r\n      <div class=\"position-relative\" style=\"z-index:1\">\r\n        <img src=\"/static/icon/chart_mixed.svg\">\r\n        <div class=\"body2-medium primary\" style=\"margin-bottom:8px\">비즈니스 단계</div>\r\n        <div class=\"mo-section-title-bold white\">완전 맞춤제작을 원하신다면?</div>\r\n        <div class=\"size-28 primary weight-700 margin-top-4\">Prime</div>\r\n        <div class=\"body4 sub5\" style=\"margin:8px 0 28px 0\">이미 매출이 발생하고 있는 비즈니스를 온라인 서비스로<br>\r\n          런칭할 때 이용해요. 높은 완성도가 무엇보다도 중요해요.\r\n        </div>\r\n        <slick ref=\"slick\" :options=\"slickOptions\" @afterChange=\"onChange\">\r\n          <div v-for=\"prime in primes\" :key=\"`prime-ex-${prime.id}`\">\r\n            <div class=\"slick-img\"\r\n                 :style=\"`background-image:url(/static/img/prime-portfolio${prime.id}.png)`\"></div>\r\n            <div class=\"flex-center\" v-if=\"prime.url !== ''\">\r\n              <a :href=\"prime.url\" target=\"_blank\">\r\n                <div class=\"flex margin-top-20 margin-bottom-20 primary\">\r\n                  사이트 바로가기 <i class=\"material-icons\">keyboard_arrow_right</i>\r\n                </div>\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </slick>\r\n        <div class=\"indicators\">\r\n          <div class=\"indicator unselect\"\r\n               :class=\"{'indicator-current': idx === currentSlide}\" @click=\"$refs.slick.goTo(idx)\"\r\n               v-for=\"(prime,idx) in primes\" :key=\"`indicator-${prime.id}`\"></div>\r\n        </div>\r\n        <div class=\"flex\" style=\"margin-top:36px;gap:12px\">\r\n          <button class=\"button is-primary-light\" style=\"flex:1;height:44px\" @click=\"routerPush('/prime')\">자세히 보기</button>\r\n          <button class=\"button is-primary\" style=\"flex:1;height:44px\" @click=\"routerPush('/prime')\">신청하기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"menus section\">\r\n      <div class=\"body0-medium main margin-bottom-12\"\r\n        style=\"word-break: keep-all\">런치팩 솔루션은 일반적으로 많이 사용되는 기술스펙으로 구성되어 있습니다.</div>\r\n      <div class=\"body3 sub3 margin-bottom-28\">언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해\r\n        프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.</div>\r\n      <img src=\"/static/img/home/mo-img_tech.png\">\r\n    </div>\r\n\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-4\"></a>\r\n    </div>\r\n    <div id=\"container-4\" class=\"menus section text-center\">\r\n      <div class=\"box-app-market-desc\">\r\n        <img src=\"/static/icon/rocket.svg\">\r\n        <div class=\"body3 primary\" style=\"margin:6px 0 8px 0\">서비스 런칭 단계</div>\r\n        <div class=\"mo-section-title-bold sub\">런칭 준비를 마치셨다면 <br> 앱포팅 서비스로 내 앱을 <br>\r\n          구글플레이, 앱스토어에 올려보세요!</div>\r\n        <div class=\"body4 sub3\">앱포팅 및 앱마켓 등록 대행 부터 GA(Google Analytics)등록 등 비즈니스 운영에 필요한 다양한 부가서비스를 활용해 내 서비스를 본격적으로 사업화 할 수 있습니다.</div>\r\n\r\n        <div class=\"margin-top-28 flex-center\">\r\n          <button class=\"button is-primary-light body2-medium flex-align\" style=\"width:180px;height:48px\"\r\n                  @click=\"routerPush('additional_service')\">부가서비스 더보기\r\n            <img src=\"/static/icon/u_arrow-right.svg\" style=\"margin-left:8px\" class=\"svg-primary\"></button>\r\n        </div>\r\n      </div>\r\n      <div class=\"menu4-items\">\r\n        <card-product-simple v-for=\"card in plugins\" :key=\"`plugin-${card.id}`\" :card=\"card\"></card-product-simple>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-5\"></a>\r\n    </div>\r\n    <div id=\"container-5\" class=\"menus section\" style=\"padding-bottom:0\">\r\n      <div class=\"text-center\">\r\n        <img src=\"/static/icon/fi_tool_primary.svg\" alt=\"\">\r\n        <div class=\"body3 primary\" style=\"margin-bottom:8px\">인하우스 제작 단계</div>\r\n        <div class=\"size-20 weight-700\">디자이너, 개발자를 위한 <br><span class=\"primary\">웹/앱 템플릿 소스 스토어</span></div>\r\n        <div class=\"body4 sub3 margin-top-8\">직접 제작할 수 있는 제작자나 개발팀이 있는 <br>창업팀이 이용할 수 있어요</div>\r\n      </div>\r\n      <card-product style=\"margin-top:20px\" device=\"mobile\"\r\n                    v-for=\"template in templates\" :key=\"`template-${template.id}`\" :card=\"template\"></card-product>\r\n\r\n      <div class=\"margin-top-20 flex-center\">\r\n        <button class=\"button is-main body2-medium flex-align\" style=\"gap:10px;width:280px;height:48px\"\r\n                @click=\"routerPush('/template_market')\">\r\n          템플릿 더보기 <svg-icon icon=\"u_arrow-up-right\" :width=\"18\" :height=\"18\" color=\"main\"></svg-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"position-relative\">\r\n      <a class=\"anchor\" id=\"menu-m-6\"></a>\r\n    </div>\r\n    <div id=\"container-6\" class=\"menus\" style=\"padding-top:50px\">\r\n      <div class=\"menu6 unselect\" @click=\"routerPush('/template_market')\">\r\n        <!-- <img src=\"/static/icon/fi_x-octagon_fill.svg\">\r\n        <div class=\"body3 main\" style=\"margin:8px 0 12px 0\">비지니스 종료 단계</div> -->\r\n        <img src=\"/static/img/img_gold_2.png\" style=\"width: 190px; height: 138px\">\r\n        <div class=\"body2 main\">대표님! 예산을 들여 제작한 결과물을<br>활용하지 않고 묵혀두고 계시나요?</div>\r\n        <div class=\"h7 main margin-top-8\">예비창업팀에게 공유하고 수익창출하세요</div>\r\n        <img class=\"margin-top-8\" src=\"/static/icon/img_arrow_circle_right.svg\" style=\"width: 32px; height: 32px\">\r\n        <!-- <div class=\"flex-center\" style=\"margin-top:32px\">\r\n          <button class=\"button is-primary body2-bold flex-align\" style=\"width:280px;height:48px\" @click=\"routerPush('/template_inquiry')\">\r\n            <img src=\"/static/icon/img_enelope.png\" style=\"width:24px;height:24px;margin-right:6px\"\r\n            > 내 소스 파일 판매 신청하기</button>\r\n        </div> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import CardProduct from \"../component/CardProduct\";\r\n  import SvgIcon from \"../component/SvgIcon\";\r\n  import Slick from 'vue-slick';\r\n  import CardProductSimple from \"../component/CardProductSimple\";\r\n\r\n  export default {\r\n    name: \"HomeMobile\",\r\n    components: {\r\n      CardProductSimple,\r\n      SvgIcon,\r\n      CardProduct,\r\n      Slick\r\n    },\r\n    created() {\r\n      this.getData();\r\n    },\r\n    activated() {\r\n      this.selectedMenu = 0;\r\n      this.$nextTick(()=>{\r\n        this.controller = new AbortController();\r\n        const { signal } = this.controller;\r\n        window.addEventListener('scroll', this.scrollListener, { signal });\r\n\r\n        if(this.$refs.slick) {\r\n          this.$refs.slick.destroy();\r\n          this.$nextTick(()=>{\r\n            this.$refs.slick.create();\r\n          });\r\n        }\r\n      });\r\n    },\r\n    deactivated() {\r\n      this.controller.abort();\r\n    },\r\n    data() {\r\n      return {\r\n        controller: undefined,\r\n        vFixedMenu: false,\r\n        selectedMenu: 0,\r\n        menu: [\r\n          {\r\n            id: 1,\r\n            name: '아이디어 테스트 단계',\r\n            icon: 'light_bulb'\r\n          },\r\n          {\r\n            id: 2,\r\n            name: '시장 선점 단계',\r\n            icon: 'flag'\r\n          },\r\n          {\r\n            id: 3,\r\n            name: '비즈니스 단계',\r\n            icon: 'chart'\r\n          },\r\n          {\r\n            id: 4,\r\n            name: '서비스 런칭 단계',\r\n            icon: 'rocket'\r\n          },\r\n          {\r\n            id: 5,\r\n            name: '인하우스 제작 단계',\r\n            icon: 'tool'\r\n          },\r\n          {\r\n            id: 6,\r\n            name: '비지니스 종료 단계',\r\n            icon: 'octagon'\r\n          }\r\n        ],\r\n        themes: [],\r\n        skins: [],\r\n        plugins: [],\r\n        templates: [],\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: 1,\r\n          slidesToScroll: 1,\r\n          speed: 300,\r\n          arrows: false\r\n        },\r\n        currentSlide: 0,\r\n        primes: [\r\n          { id: 2, url: 'https://garamfood.net' },\r\n          { id: 3, url: '' },\r\n          { id: 1, url: '' },\r\n          /*{ id: 1, url: 'https://weflower.co.kr' },*/\r\n        ],\r\n      }\r\n    },\r\n    watch: {\r\n      selectedMenu(n) {\r\n        n--;\r\n        let tabMenu = document.getElementsByClassName('drag-scroll-mobile')[0];\r\n        if(n < this.menu.length/2) {\r\n          n--;\r\n        } else {\r\n          n++;\r\n        }\r\n        if(n === -1) {\r\n          n = 0;\r\n        }\r\n        else if( n === 6) {\r\n          n = 5;\r\n        }\r\n        let el = document.getElementById(`fixed-item-${n}`);\r\n        if(el) {\r\n          setTimeout(()=>{\r\n            tabMenu.scrollLeft = el.offsetLeft;\r\n          })\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      onChange(event, slick, currentSlide) {\r\n        this.currentSlide = currentSlide;\r\n      },\r\n      async getData() {\r\n        let params = {\r\n          category: 59,\r\n          fields: 'id,name,simple_desc,price,img,partner.img,partner.name,category1,category2,preview_url,visit,rate,params',\r\n          page_num: 1,\r\n          page_length: 4\r\n        };\r\n        let res = await this.$axios.get('user/0/mapping/product', {params: params});\r\n        this.themes = res.data.data;\r\n        // skins\r\n        params.category = 60;\r\n        params.page_length = 3;\r\n        res = await this.$axios.get('user/0/mapping/product', {params: params});\r\n        this.skins = res.data.data;\r\n\r\n        params.category = 64;\r\n        params.page_length = 4;\r\n        res = await this.$axios.get('user/0/mapping/product', {params: params});\r\n        this.plugins = res.data.data;\r\n\r\n        params.category = 61;\r\n        params.page_length = 3;\r\n        res = await this.$axios.get('user/0/mapping/product', {params: params});\r\n        this.templates = res.data.data;\r\n      },\r\n      clickMenu(item) {\r\n        location.href = '#menu-m-' + item.id;\r\n        setTimeout(()=>{\r\n          this.selectedMenu = item.id;\r\n        },100);\r\n      },\r\n      scrollListener() {\r\n        if(document.getElementById('menu-m-1')) {\r\n          this.vFixedMenu = document.getElementById('menu-m-1').getBoundingClientRect().y <= 40;\r\n\r\n          const html = document.getElementsByTagName('html')[0].getBoundingClientRect();\r\n          if(html.y === 0) {\r\n            this.selectedMenu = 0;\r\n          }\r\n\r\n          else if(html.height + html.y - window.innerHeight < 300) {\r\n            this.selectedMenu = this.menu.length;\r\n          } else {\r\n            const menus = document.querySelectorAll('.menus');\r\n            menus.forEach(el => {\r\n              let rect = el.getBoundingClientRect();\r\n              if(rect.top < 180 && rect.height + rect.top > 0) {\r\n                this.selectedMenu = Number(el.id.replace('container-', ''));\r\n              }\r\n            });\r\n          }\r\n        }\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  .button\r\n    font-size 14px\r\n    font-weight 500\r\n\r\n  .banner\r\n    background url(/static/img/home/background_main_banner.png)\r\n    background-repeat no-repeat\r\n    background-position 50%\r\n    background-size cover\r\n    padding 68px 0 88px 0\r\n    text-align center\r\n\r\n  .banner-white-box\r\n    margin-top -20px\r\n    background-color white\r\n    border-top-left-radius 20px\r\n    border-top-right-radius 20px\r\n    padding 28px 20px 12px 20px\r\n    font-size 14px\r\n    line-height 22px\r\n    text-align center\r\n\r\n\r\n  .platformfy-info-container\r\n    background linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #EFEFEF 100%)\r\n    padding-bottom 50px\r\n\r\n  .section-menu\r\n    padding 40px 0 24px 0\r\n    box-shadow 0 5px 10px 0 rgba(0, 0, 0, 0.05)\r\n\r\n  .grid-menu\r\n    display grid\r\n    grid-template-columns repeat(3, 1fr)\r\n    grid-row-gap 28px\r\n  .item-menu\r\n    text-align center\r\n\r\n  .section\r\n    padding 50px 16px\r\n\r\n  .box-error-50\r\n    margin-bottom 8px\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n    background-color $error50\r\n    color $error\r\n    font-size 14px\r\n    padding 10px\r\n    border-radius 50px\r\n    width 100%\r\n    img\r\n      margin-right 12px\r\n    b\r\n      margin-left 4px\r\n\r\n  .box-primary-light2\r\n    background-color $primary-light2\r\n    color $primary\r\n    padding 12px\r\n    border-radius 8px\r\n\r\n    .emoticon\r\n      width 36px\r\n      height 36px\r\n\r\n  #container-2\r\n    border-top 1px solid $gray1\r\n  #container-3\r\n    background-color $main\r\n    position relative\r\n    text-align center\r\n    overflow hidden\r\n  .img-prime-back\r\n    position absolute\r\n    top -65px\r\n    left calc(50% - 394px)\r\n    background-image url(/static/img/home/img_prime_back2.png)\r\n    width 740px\r\n    background-size contain\r\n    height 509px\r\n    background-position center\r\n    background-repeat no-repeat\r\n    z-index 0\r\n\r\n  .slick-img\r\n    height 168px\r\n    width 100%\r\n    background-repeat no-repeat\r\n    background-position center\r\n    background-size contain\r\n  .indicators\r\n    display flex\r\n    align-content center\r\n    justify-content center\r\n    gap 12px\r\n    .indicator\r\n      width 6px\r\n      height 6px\r\n      border-radius 100%\r\n      background-color rgba(255, 255, 255, 0.5)\r\n    .indicator-current\r\n      background-color #ffffff\r\n\r\n\r\n  #container-4\r\n    background-color $gray3\r\n\r\n  .box-app-market-desc\r\n    background-color white\r\n    padding 24px 20px\r\n    border-radius 8px\r\n    word-break keep-all\r\n\r\n  .menu4-items\r\n    margin-top 28px\r\n    display grid\r\n    grid-template-columns repeat(2, 1fr)\r\n    grid-gap 12px\r\n\r\n  .menu6\r\n    background-color $subcolor50\r\n    padding 28px 16px\r\n    text-align center\r\n\r\n  a.anchor\r\n    top -59px\r\n    position absolute\r\n\r\n  .fixed-menu\r\n    width 100%\r\n    overflow hidden\r\n    position fixed\r\n    top 60px\r\n    left 0\r\n    z-index 10\r\n    background-color white\r\n    border-bottom 1px solid $gray1\r\n  .item-fixed-menu\r\n    padding 12px 10px\r\n    border-bottom 3px solid transparent\r\n    scroll-snap-align start\r\n    color $sub\r\n  .item-fixed-menu:first-child\r\n    margin-left 16px\r\n  .item-fixed-menu:last-child\r\n    margin-right 16px\r\n  .item-fixed-menu.selected\r\n    color $primary\r\n    font-weight 500\r\n    border-bottom 3px solid $primary\r\n\r\n  .drag-scroll-mobile\r\n    white-space nowrap\r\n    overflow-x scroll\r\n    overflow-y hidden\r\n    scroll-snap-type x mandatory\r\n\r\n  .drag-scroll-mobile::-webkit-scrollbar\r\n    display none\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!./HomeMobile.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!./HomeMobile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomeMobile.vue?vue&type=template&id=553d8085&scoped=true&\"\nimport script from \"./HomeMobile.vue?vue&type=script&lang=js&\"\nexport * from \"./HomeMobile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomeMobile.vue?vue&type=style&index=0&id=553d8085&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  \"553d8085\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}