{"version":3,"sources":["webpack:///./src/components/page/HomePc.vue?f361","webpack:///./src/components/page/HomePc.vue?84c4","webpack:///src/components/page/HomePc.vue","webpack:///./src/components/page/HomePc.vue?da1a","webpack:///./src/components/page/HomePc.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","_l","item","idx","key","on","$event","clickMenu","attrs","icon","_v","_s","name","menu","length","_e","theme","skin","routerPush","$refs","slick","prev","ref","slickOptions","onChange","prime","style","url","next","class","currentSlide","goTo","card","staticRenderFns","component"],"mappings":"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","file":"js/chunk-3659e3c0.9e1c5e92.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!./HomePc.vue?vue&type=style&index=0&id=252fe77b&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"home-container\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"sticky\"},[_c('div',{staticClass:\"container\",staticStyle:{\"padding-bottom\":\"40px\"}},_vm._l((_vm.menu),function(item,idx){return _c('div',{key:(\"menu-\" + idx),staticClass:\"flex-align\"},[_c('div',{staticClass:\"item-menu unselect\",on:{\"click\":function($event){return _vm.clickMenu(item)}}},[_c('div',[_c('svg-icon',{staticClass:\"svg-icon\",attrs:{\"icon\":item.icon,\"color\":\"sub2\"}}),_c('div',{staticClass:\"body2\"},[_vm._v(_vm._s(item.name))])],1)]),(idx < _vm.menu.length-1)?_c('div',{staticClass:\"line-vertical\"}):_vm._e()])}),0)]),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-1\"}}),_c('div',{staticClass:\"container menus\",staticStyle:{\"padding-top\":\"100px\"},attrs:{\"id\":\"container-1\"}},[_vm._m(2),_c('div',{staticClass:\"grid-4 margin-top-40\"},_vm._l((_vm.themes),function(theme){return _c('card-product',{key:(\"theme-\" + (theme.id)),attrs:{\"card\":theme,\"isTheme\":\"\"}})}),1)]),_c('div',{staticClass:\"flex-justify margin-top-40\",staticStyle:{\"background\":\"linear-gradient(180deg, rgba(250, 250, 250, 0) 36.46%, #efefef 100%)\"}},[_c('div',{staticClass:\"platformfy-info-container\"},[_c('div',{staticClass:\"img-slider\"},[_c('div',{staticClass:\"img\"},_vm._l((30),function(idx){return _c('img',{key:(\"img-slider-\" + idx),attrs:{\"src\":\"/static/img/home/info_img_full_pc.png\"}})}),0)]),_c('div',[_c('div',{staticClass:\"subtitle3 main\",staticStyle:{\"line-height\":\"36px\"}},[_vm._v(\"이미 많은 고객분들께서 플랫폼파이로\")]),_vm._m(3),_c('div',{staticClass:\"margin-top-40\"},[_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\":\"0 10px\",\"width\":\"290px\"}},[_vm._v(\" 테마 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-up-right\",\"width\":18,\"height\":18,\"color\":\"main\"}})],1)])])])])]),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-2\"}}),_c('div',{staticClass:\"menus menu2\",attrs:{\"id\":\"container-2\"}},[_c('div',{staticClass:\"container\"},[_vm._m(4),_c('div',{staticClass:\"grid-3 margin-top-40\"},_vm._l((_vm.skins),function(skin){return _c('card-product',{key:(\"skin-\" + (skin.id)),attrs:{\"card\":skin}})}),1),_c('div',{staticClass:\"margin-top-40 flex-center\"},[_c('button',{staticClass:\"button is-main body2 flex-center\",staticStyle:{\"width\":\"360px\"},on:{\"click\":function($event){return _vm.routerPush('/skin_market')}}},[_c('div',{staticClass:\"flex-align\",staticStyle:{\"gap\":\"14px\"}},[_vm._v(\" 스킨 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-right\",\"width\":24,\"height\":24,\"color\":\"main\"}})],1)])])])]),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-3\"}}),_c('div',{staticClass:\"menus menu3 position-relative\",attrs:{\"id\":\"container-3\"}},[_c('img',{staticClass:\"img-prime-back\",attrs:{\"src\":\"/static/img/home/img_prime_back2.png\",\"alt\":\"prime\"}}),_c('div',{staticClass:\"container menu3-content\"},[_c('div',[_c('img',{attrs:{\"src\":\"/static/icon/chart_mixed.svg\"}}),_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin\":\"12px 0 20px 0\"}},[_vm._v(\"비즈니스 단계\")]),_c('div',{staticClass:\"h4 white\"},[_vm._v(\"완전 맞춤제작을 원하신다면? \")]),_c('div',{staticClass:\"size-28 primary weight-700\"},[_vm._v(\"Prime\")]),_vm._m(5),_c('div',{staticClass:\"flex\",staticStyle:{\"margin-top\":\"28px\",\"gap\":\"12px\"}},[_c('button',{staticClass:\"button body2 is-primary-light\",staticStyle:{\"width\":\"180px\"},on:{\"click\":function($event){return _vm.routerPush('/prime')}}},[_vm._v(\"자세히 보기\")]),_c('button',{staticClass:\"button body2 is-primary\",staticStyle:{\"width\":\"180px\"},on:{\"click\":function($event){return _vm.routerPush('/prime#inquiry')}}},[_vm._v(\"신청하기\")])])]),_c('div',{staticClass:\"slick-content\"},[_c('div',{staticClass:\"grid-slick\"},[_c('img',{staticClass:\"unselect\",attrs:{\"src\":\"/static/icon/arrow_back_ios.svg\"},on:{\"click\":function($event){return _vm.$refs.slick.prev()}}}),_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('img',{staticClass:\"unselect\",attrs:{\"src\":\"/static/icon/arrow_forward_ios.svg\"},on:{\"click\":function($event){return _vm.$refs.slick.next()}}})],1),_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)])])]),_vm._m(6),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-4\"}}),_c('div',{staticClass:\"menus menu4\",attrs:{\"id\":\"container-4\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"box-app-market-desc\"},[_c('img',{attrs:{\"src\":\"/static/icon/rocket.svg\"}}),_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin\":\"12px 0 20px 0\"}},[_vm._v(\"서비스 런칭 단계\")]),_vm._m(7),_vm._m(8),_c('button',{staticClass:\"button body2 is-primary-light flex-align\",staticStyle:{\"width\":\"180px\"},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)])]),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-5\"}}),_c('div',{staticClass:\"container menus menu5\",attrs:{\"id\":\"container-5\"}},[_vm._m(9),_c('div',{staticClass:\"grid-3 margin-top-40\"},_vm._l((_vm.templates),function(card){return _c('card-product',{key:(\"template-\" + (card.id)),attrs:{\"card\":card}})}),1),_c('div',{staticClass:\"margin-top-48 flex-center\"},[_c('button',{staticClass:\"button is-main body2 flex-center\",staticStyle:{\"width\":\"360px\"},on:{\"click\":function($event){return _vm.routerPush('/template_market')}}},[_c('div',{staticClass:\"flex-align\",staticStyle:{\"gap\":\"14px\"}},[_vm._v(\" 템플릿 더보기 \"),_c('svg-icon',{attrs:{\"icon\":\"u_arrow-right\",\"width\":24,\"height\":24,\"color\":\"main\"}})],1)])])]),_c('a',{staticClass:\"anchor\",attrs:{\"id\":\"menu-6\"}}),_c('div',{staticClass:\"menus container\",attrs:{\"id\":\"container-6\"}},[_c('div',{staticClass:\"unselect menu6 flex-align\",staticStyle:{\"justify-content\":\"space-between\"},on:{\"click\":function($event){return _vm.routerPush('/template_market')}}},[_vm._m(10),_c('img',{staticStyle:{\"width\":\"292px\",\"height\":\"214px\"},attrs:{\"src\":\"/static/img/img_gold_2.png\"}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"page-title\"},[_vm._v(\"웹/앱 플랫폼 창업도\"),_c('span',{staticClass:\"primary\"},[_vm._v(\".\")]),_vm._v(\" 쇼핑몰 창업처럼 \"),_c('div',{staticClass:\"page-title-bold\"},[_vm._v(\"누구나 쉽고 간단하게\")])]),_c('div',{staticClass:\"flex-center\"},[_c('div',{staticClass:\"banner-white-box\"},[_vm._v(\" 수 많은 사람들이 시도하고 있는 플랫폼 서비스 창업,\"),_c('br'),_vm._v(\" 왜 아직도 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"모든 예비 창업자들이 처음부터 동일한 시행착오를 반복\")]),_vm._v(\"해야 하는 걸까요?\"),_c('br'),_c('img',{staticStyle:{\"width\":\"28px\",\"margin-top\":\"20px\"},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:\"container\"},[_c('div',{staticClass:\"h4 main text-center\",staticStyle:{\"padding\":\"80px 0 32px 0\"}},[_vm._v(\"내 창업단계에 맞는 상품으로 시작하세요.\")])])},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:\"body2-medium primary\",staticStyle:{\"margin\":\"8px 0 12px 0\"}},[_vm._v(\"아이디어 테스트 단계\")]),_c('div',{staticClass:\"h4 sub\"},[_vm._v(\"1개월 단위로 플랫폼 서비스를 운영해보고 싶은 창업자를 위한 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"플랫폼파이\"),_c('br'),_vm._v(\"무료 체험해보세요!\")])]),_c('div',{staticClass:\"body2 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:\"h5 main\",staticStyle:{\"line-height\":\"36px\"}},[_vm._v(\"초기 아이디어를 검증하고,\"),_c('br'),_vm._v(\"투자를 유치하고 계십니다!\")])},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_flag_primary.svg\"}}),_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin\":\"8px 0 12px 0\"}},[_vm._v(\"시장 선점 단계\")]),_c('div',{staticClass:\"h4 sub\"},[_vm._v(\"원하는 대로 수정제작을 하고 싶은 창업자를 위한 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"제작 스토어\")])]),_c('div',{staticClass:\"body2 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:\"body2 sub5\"},[_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 menu5\"},[_c('div',{staticClass:\"container text-center\"},[_c('div',{staticClass:\"subtitle3 main margin-bottom-16\"},[_vm._v(\"런치팩 솔루션은 일반적으로 많이 사용되는\"),_c('br'),_vm._v(\"기술스펙으로 구성되어 있습니다.\")]),_c('div',{staticClass:\"body2 sub3 margin-bottom-40\"},[_vm._v(\"언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해\"),_c('br'),_vm._v(\" 프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.\")]),_c('img',{attrs:{\"src\":\"/static/img/home/img_info_source.png\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h5 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:\"body2 sub3\",staticStyle:{\"margin\":\"20px 0 48px 0\"}},[_vm._v(\"앱포팅 및 앱마켓 등록 대행 부터 GA(Google Analytics)등록 등\"),_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:\"text-center\"},[_c('img',{attrs:{\"src\":\"/static/icon/fi_tool_primary.svg\",\"alt\":\"\"}}),_c('div',{staticClass:\"body2-medium primary\",staticStyle:{\"margin\":\"12px 0\"}},[_vm._v(\"인하우스 제작 단계\")]),_c('div',{staticClass:\"h4 sub\"},[_vm._v(\"디자이너, 개발자를 위한 \"),_c('span',{staticClass:\"primary\"},[_vm._v(\"웹/앱 템플릿 소스 스토어\")])]),_c('div',{staticClass:\"body2 sub3 margin-top-20\"},[_vm._v(\"직접 제작할 수 있는 제작자나 개발팀이 있는 창업팀이 이용할 수 있어요\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"body0 main\"},[_vm._v(\"대표님! 예산을 들여 제작한 결과물을 활용하지 않고 묵혀두고 계시나요?\")]),_c('div',{staticClass:\"flex-align margin-top-4\",staticStyle:{\"gap\":\"0 8px\"}},[_c('div',{staticClass:\"h5 main\"},[_vm._v(\"예비창업팀에게 공유하고 수익창출 하세요\")]),_c('img',{staticStyle:{\"width\":\"32px\",\"height\":\"32px\"},attrs:{\"src\":\"/static/icon/img_arrow_circle_right.svg\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"home-container\">\r\n    <div class=\"banner\">\r\n      <div class=\"page-title\">웹/앱 플랫폼 창업도<span class=\"primary\">.</span> 쇼핑몰 창업처럼\r\n        <div class=\"page-title-bold\">누구나 쉽고 간단하게</div>\r\n      </div>\r\n      <div class=\"flex-center\">\r\n        <div class=\"banner-white-box\">\r\n          수 많은 사람들이 시도하고 있는 플랫폼 서비스 창업,<br>\r\n          왜 아직도 <span class=\"primary\">모든 예비 창업자들이 처음부터 동일한 시행착오를 반복</span>해야 하는 걸까요?<br>\r\n          <img src=\"/static/icon/ic_arrow-down.svg\" alt=\"\" style=\"width:28px;margin-top:20px\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"container\">\r\n      <div class=\"h4 main text-center\" style=\"padding:80px 0 32px 0\">내 창업단계에 맞는 상품으로 시작하세요.</div>\r\n    </div>\r\n    <div class=\"sticky\">\r\n      <div class=\"container\" style=\"padding-bottom:40px\">\r\n        <div v-for=\"(item,idx) in menu\" :key=\"`menu-${idx}`\" class=\"flex-align\">\r\n          <!--<div :class=\"{'item-menu-selected': item.id === selectedMenu}\"-->\r\n               <div class=\"item-menu unselect\" @click=\"clickMenu(item)\">\r\n            <div>\r\n              <svg-icon class=\"svg-icon\" :icon=\"item.icon\" color=\"sub2\"></svg-icon>\r\n              <div class=\"body2\">{{ item.name }}</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"line-vertical\" v-if=\"idx < menu.length-1\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <a class=\"anchor\" id=\"menu-1\"></a>\r\n    <div id=\"container-1\" class=\"container menus\" style=\"padding-top: 100px\">\r\n      <div class=\"text-center\">\r\n        <img src=\"/static/icon/lightbulb_on.svg\">\r\n        <div class=\"body2-medium primary\" style=\"margin:8px 0 12px 0\">아이디어 테스트 단계</div>\r\n        <div class=\"h4 sub\">1개월 단위로 플랫폼 서비스를 운영해보고 싶은 창업자를 위한\r\n          <span class=\"primary\">플랫폼파이<br>무료 체험해보세요!</span></div>\r\n        <div class=\"body2 sub3 margin-top-20\">블럭 단위로 디자인 편집을 할 수 있는 빌더가 포함되어 있어<br>\r\n          간단히 내 아이디어에 맞게 설정하고 런칭할 수 있어요.</div>\r\n      </div>\r\n      <div class=\"grid-4 margin-top-40\">\r\n        <card-product v-for=\"theme in themes\" :key=\"`theme-${theme.id}`\" :card=\"theme\" isTheme></card-product>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"flex-justify margin-top-40\" style=\"background: linear-gradient(180deg, rgba(250, 250, 250, 0) 36.46%, #efefef 100%)\">\r\n      <div class=\"platformfy-info-container\">\r\n        <div class=\"img-slider\">\r\n          <div class=\"img\">\r\n            <img v-for=\"idx in 30\" :key=\"`img-slider-${idx}`\" src=\"/static/img/home/info_img_full_pc.png\">\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <div class=\"subtitle3 main\" style=\"line-height: 36px\">이미 많은 고객분들께서 플랫폼파이로</div>\r\n          <div class=\"h5 main\" style=\"line-height: 36px\">초기 아이디어를 검증하고,<br/>투자를 유치하고 계십니다!</div>\r\n          <div class=\"margin-top-40\">\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:0 10px;width:290px\">\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>\r\n    </div>\r\n\r\n    <a class=\"anchor\" id=\"menu-2\"></a>\r\n    <div id=\"container-2\" class=\"menus menu2\">\r\n      <div class=\"container\">\r\n        <div class=\"text-center\">\r\n          <img src=\"/static/icon/fi_flag_primary.svg\">\r\n          <div class=\"body2-medium primary\" style=\"margin:8px 0 12px 0\">시장 선점 단계</div>\r\n          <div class=\"h4 sub\">원하는 대로 수정제작을 하고 싶은 창업자를 위한 <span class=\"primary\">제작 스토어</span></div>\r\n          <div class=\"body2 sub3 margin-top-20\">유저 니즈에 맞게 부분 수정 개발을 해서 런칭할 수 있어요. <br>\r\n            플랫폼파이 테마로 먼저 테스트 하고 추가 개발 하는 것도 가능해요.</div>\r\n        </div>\r\n        <div class=\"grid-3 margin-top-40\">\r\n          <card-product v-for=\"skin in skins\" :key=\"`skin-${skin.id}`\" :card=\"skin\"></card-product>\r\n        </div>\r\n        <div class=\"margin-top-40 flex-center\">\r\n          <button class=\"button is-main body2 flex-center\" style=\"width:360px\" @click=\"routerPush('/skin_market')\">\r\n            <div class=\"flex-align\" style=\"gap:14px\">\r\n              스킨 더보기 <svg-icon icon=\"u_arrow-right\" :width=\"24\" :height=\"24\" color=\"main\"></svg-icon>\r\n            </div>\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <a class=\"anchor\" id=\"menu-3\"></a>\r\n    <div id=\"container-3\" class=\"menus menu3 position-relative\">\r\n      <img class=\"img-prime-back\" src=\"/static/img/home/img_prime_back2.png\" alt=\"prime\">\r\n      <div class=\"container menu3-content\">\r\n        <div>\r\n          <img src=\"/static/icon/chart_mixed.svg\">\r\n          <div class=\"body2-medium primary\" style=\"margin:12px 0 20px 0\">비즈니스 단계</div>\r\n          <div class=\"h4 white\">완전 맞춤제작을 원하신다면? </div>\r\n          <div class=\"size-28 primary weight-700\">Prime</div>\r\n          <div class=\"body2 sub5\">이미 매출이 발생하고 있는 비즈니스를 온라인 서비스로 런칭할 때 이용해요.<br>\r\n            높은 완성도가 무엇보다도 중요해요.\r\n          </div>\r\n          <div class=\"flex\" style=\"margin-top:28px;gap:12px\">\r\n            <button class=\"button body2 is-primary-light\" style=\"width:180px\" @click=\"routerPush('/prime')\">자세히 보기</button>\r\n            <button class=\"button body2 is-primary\" style=\"width:180px\" @click=\"routerPush('/prime#inquiry')\">신청하기</button>\r\n          </div>\r\n        </div>\r\n        <div class=\"slick-content\">\r\n          <div class=\"grid-slick\">\r\n            <img class=\"unselect\" src=\"/static/icon/arrow_back_ios.svg\" @click=\"$refs.slick.prev()\">\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            <img class=\"unselect\" src=\"/static/icon/arrow_forward_ios.svg\" @click=\"$refs.slick.next()\">\r\n          </div>\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>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"menus menu5\">\r\n      <div class=\"container text-center\">\r\n        <div class=\"subtitle3 main margin-bottom-16\">런치팩 솔루션은 일반적으로 많이 사용되는<br>기술스펙으로 구성되어 있습니다.</div>\r\n        <div class=\"body2 sub3 margin-bottom-40\">언제든 고도화가 가능하고 투자유치나 사업규모 확장으로 독립이 필요한 경우 별도 계약을 통해<br>\r\n          프론트엔드 소스코드 공유 및 백엔드 API 전송이 가능합니다.</div>\r\n        <img src=\"/static/img/home/img_info_source.png\">\r\n      </div>\r\n    </div>\r\n\r\n    <a class=\"anchor\" id=\"menu-4\"></a>\r\n    <div id=\"container-4\" class=\"menus menu4\">\r\n      <div class=\"container\">\r\n        <div class=\"box-app-market-desc\">\r\n          <img src=\"/static/icon/rocket.svg\">\r\n          <div class=\"body2-medium primary\" style=\"margin:12px 0 20px 0\">서비스 런칭 단계</div>\r\n          <div class=\"h5 sub\">런칭 준비가 끝났다면?<br>앱포팅 서비스로 내 앱을 구글플레이,<br>앱스토어에 올려보세요!</div>\r\n          <div class=\"body2 sub3\" style=\"margin:20px 0 48px 0\">앱포팅 및 앱마켓 등록 대행 부터 GA(Google Analytics)등록 등<br>\r\n            비즈니스 운영에 필요한 다양한 부가서비스를 활용해 내 서비스를<br>본격적으로 사업화 할 수 있습니다.</div>\r\n          <button class=\"button body2 is-primary-light flex-align\" style=\"width:180px\" @click=\"routerPush('/additional_service')\">\r\n            부가서비스 더보기 <img src=\"/static/icon/u_arrow-right.svg\" style=\"margin-left:8px\" class=\"svg-primary\">\r\n          </button>\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>\r\n\r\n    <a class=\"anchor\" id=\"menu-5\"></a>\r\n    <div id=\"container-5\" class=\"container menus menu5\">\r\n      <div class=\"text-center\">\r\n        <img src=\"/static/icon/fi_tool_primary.svg\" alt=\"\">\r\n        <div class=\"body2-medium primary\" style=\"margin:12px 0\">인하우스 제작 단계</div>\r\n        <div class=\"h4 sub\">디자이너, 개발자를 위한 <span class=\"primary\">웹/앱 템플릿 소스 스토어</span></div>\r\n        <div class=\"body2 sub3 margin-top-20\">직접 제작할 수 있는 제작자나 개발팀이 있는 창업팀이 이용할 수 있어요</div>\r\n      </div>\r\n      <div class=\"grid-3 margin-top-40\">\r\n        <card-product v-for=\"card in templates\" :key=\"`template-${card.id}`\" :card=\"card\"></card-product>\r\n      </div>\r\n      <div class=\"margin-top-48 flex-center\">\r\n        <button class=\"button is-main body2 flex-center\" style=\"width:360px\" @click=\"routerPush('/template_market')\">\r\n          <div class=\"flex-align\" style=\"gap:14px\">\r\n            템플릿 더보기 <svg-icon icon=\"u_arrow-right\" :width=\"24\" :height=\"24\" color=\"main\"></svg-icon>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </div>\r\n\r\n    <a class=\"anchor\" id=\"menu-6\"></a>\r\n    <div id=\"container-6\" class=\"menus container\">\r\n      <div class=\"unselect menu6 flex-align\" style=\"justify-content: space-between\"\r\n        @click=\"routerPush('/template_market')\">\r\n        <!-- <img src=\"/static/icon/fi_x-octagon_fill.svg\">\r\n        <div class=\"body2-medium main\" style=\"margin:8px 0 12px 0\">비지니스 종료 단계</div> -->\r\n        <div>\r\n          <div class=\"body0 main\">대표님! 예산을 들여 제작한 결과물을 활용하지 않고 묵혀두고 계시나요?</div>\r\n          <div class=\"flex-align margin-top-4\" style=\"gap: 0 8px\">\r\n            <div class=\"h5 main\">예비창업팀에게 공유하고 수익창출 하세요</div>\r\n            <img src=\"/static/icon/img_arrow_circle_right.svg\" style=\"width: 32px; height: 32px\">\r\n          </div>\r\n        </div>\r\n        <img src=\"/static/img/img_gold_2.png\" style=\"width: 292px; height: 214px\">\r\n        <!-- <div class=\"flex-center\" style=\"margin-top:32px\">\r\n          <button class=\"button is-primary flex-align size-16\" 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 SvgIcon from \"../component/SvgIcon\";\r\n  import CardProduct from \"../component/CardProduct\";\r\n  import Slick from 'vue-slick';\r\n  import CardProductSimple from \"../component/CardProductSimple\";\r\n\r\n  export default {\r\n    name: \"HomePc\",\r\n    components: {\r\n      CardProductSimple,\r\n      CardProduct,\r\n      SvgIcon,\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        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        popupMarket: undefined,\r\n      }\r\n    },\r\n    methods: {\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      addMessageEvent() {\r\n        window.addEventListener('message', this.onMessageMarket);\r\n      },\r\n      removeMessageEvent() {\r\n        window.removeEventListener('message', this.onMessageMarket);\r\n      },\r\n      clickMoreApp() {\r\n        let url = '/market/list';\r\n        let width = 1231;\r\n        let height = 760;\r\n        this.popupMarket = window.open(url, 'appMarket', `width=${width}, height=${height}, top=0, left=0, menubar=no, toolbar=no, titlebar=yes`);\r\n        this.addMessageEvent();\r\n      },\r\n      onChange(event, slick, currentSlide) {\r\n        this.currentSlide = currentSlide;\r\n      },\r\n      scrollListener() {\r\n        const html = document.getElementsByTagName('html')[0].getBoundingClientRect();\r\n        if(html.y === 0) {\r\n          this.selectedMenu = 0;\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      clickMenu(item) {\r\n        location.href = '#menu-' + item.id;\r\n        setTimeout(()=>{\r\n          this.selectedMenu = item.id;\r\n        },100);\r\n      },\r\n      colorValue(item) {\r\n        return item.id === this.selectedMenu ? 'primary' : 'sub2';\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          ordering: 'priority'\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    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  @keyframes img-slider\r\n    from\r\n      transform translateX(0)\r\n    to\r\n      transform translateX(-100%)\r\n      \r\n  .img-slider\r\n    width 677px\r\n    overflow-x hidden\r\n    .img\r\n      animation img-slider 1200s linear infinite\r\n      display flex\r\n      width 53100px\r\n    img\r\n      height 280px\r\n    .img:hover\r\n      animation-play-state paused\r\n\r\n      \r\n\r\n  .home-container\r\n    margin-top 64px\r\n\r\n  .platformfy-info-container\r\n    padding 60px 0 100px\r\n    display flex\r\n    align-items center\r\n    gap 0 80px\r\n\r\n  .info-img-wrap\r\n    display grid\r\n    grid-template-columns repeat(4, 1fr)\r\n    gap 0 50px\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    text-align center\r\n\r\n  .page-title\r\n    padding 144px 0 90px 0\r\n    font-weight 300\r\n\r\n  .page-title\r\n  .page-title-bold\r\n    font-size 48px\r\n    line-height 72px\r\n    color $main\r\n  .page-title-bold\r\n    font-weight 700\r\n\r\n\r\n  .banner-white-box\r\n    background-color white\r\n    border-top-left-radius 20px\r\n    border-top-right-radius 20px\r\n    padding 28px 40px 12px 40px\r\n    font-size 16px\r\n    line-height 25.6px\r\n\r\n\r\n  .sticky\r\n    /*position sticky*/\r\n    top 64px\r\n    z-index 100\r\n    background-color white\r\n    box-shadow 0 5px 10px 0 rgba(0, 0, 0, 0.05)\r\n    .container\r\n      display grid\r\n      grid-template-columns repeat(6, 1fr)\r\n\r\n  .item-menu\r\n    width 192px\r\n    height 152px\r\n    text-align center\r\n    color $sub2\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    border-bottom 2px solid transparent\r\n  .item-menu-selected\r\n    color $primary\r\n    border-bottom 2px solid $primary\r\n\r\n  .line-vertical\r\n    width 1px\r\n    background-color $gray1\r\n    height 32px\r\n\r\n  .svg-icon\r\n    height 32px\r\n    margin-bottom 12px\r\n\r\n  .menu1\r\n  .menu2\r\n  .menu4\r\n  .menu5\r\n    padding 100px 0\r\n\r\n  .menu2\r\n    border-top 1px solid $gray3\r\n\r\n  .menu3\r\n    height 562px\r\n    overflow hidden\r\n    background-color $main\r\n    display flex\r\n    align-items center\r\n  .menu3-content\r\n    z-index 1\r\n    display flex\r\n    gap 60px\r\n\r\n  .menu4\r\n    background-color $gray3\r\n    .container\r\n      display grid\r\n      grid-template-columns repeat(2, 1fr)\r\n      grid-gap 40px\r\n      .menu4-items\r\n        display grid\r\n        grid-template-columns repeat(2, 1fr)\r\n        grid-gap 24px\r\n      .box-app-market-desc\r\n        background-color white\r\n        padding 40px\r\n\r\n  .menu6\r\n    background-color $subcolor50\r\n    padding 0px 40px\r\n    text-align center\r\n    margin-bottom 100px\r\n    border-radius 12px\r\n    overflow hidden\r\n    height 192px\r\n\r\n  .box-error-50\r\n    display flex\r\n    align-items center\r\n    background-color $error50\r\n    color $error\r\n    font-size 20px\r\n    padding 12px 60px\r\n    border-radius 50px\r\n    img\r\n      margin-right 12px\r\n    b\r\n      margin-left 4px\r\n\r\n  .grid-4\r\n    display grid\r\n    grid-template-columns repeat(4, 1fr)\r\n    grid-gap 36px\r\n  .grid-3\r\n    display grid\r\n    grid-template-columns repeat(3, 1fr)\r\n    grid-gap 36px\r\n\r\n  .box-primary-light2\r\n    background-color $primary-light2\r\n    color $primary\r\n    gap 12px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n    padding 12px\r\n    border-radius 8px\r\n\r\n    .emoticon\r\n      width 40px\r\n      height 40px\r\n\r\n  a.anchor\r\n    top -62px\r\n    position relative\r\n\r\n  .img-prime-back\r\n    position absolute\r\n    top -112px\r\n    left calc(50% - 709px)\r\n    width 915px\r\n\r\n  .grid-slick\r\n    display grid\r\n    grid-template-columns 1fr 453px 1fr\r\n    align-items center\r\n    grid-gap 25px\r\n  .slick-img\r\n    height 254px\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</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!./HomePc.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!./HomePc.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HomePc.vue?vue&type=template&id=252fe77b&scoped=true&\"\nimport script from \"./HomePc.vue?vue&type=script&lang=js&\"\nexport * from \"./HomePc.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HomePc.vue?vue&type=style&index=0&id=252fe77b&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  \"252fe77b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}