{"version":3,"sources":["webpack:///./src/components/page/SolutionInfo.vue?d74b","webpack:///src/components/page/SolutionInfo.vue","webpack:///./src/components/page/SolutionInfo.vue?fd11","webpack:///./src/components/page/SolutionInfo.vue","webpack:///./src/components/page/SolutionInfo.vue?5a5b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","class","detail","circle","style","background","_e","_v","_s","title","subTitle","attrs","mainButton","link","name","_m","img","_l","pack","idx","key","item","i","staticRenderFns","component"],"mappings":"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","file":"js/chunk-9a473b1e.c626b13e.js","sourcesContent":["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\",staticStyle:{\"padding-bottom\":\"40px\"}},[_c('div',{staticClass:\"banner\",class:{'bg-dark': !_vm.detail.circle}},[_c('div',{staticClass:\"container\"},[(_vm.detail.circle)?_c('div',{staticClass:\"circle\",style:({background: _vm.detail.circle})}):_vm._e()]),_c('div',{staticClass:\"banner-content\"},[_c('div',{staticClass:\"col-5 flex-align\"},[_c('div',[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"body0-medium gray3\",staticStyle:{\"font-weight\":\"400\",\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.detail.subTitle))]),_c('a',{attrs:{\"href\":_vm.detail.mainButton.link,\"target\":\"_blank\"}},[_c('button',{staticClass:\"button\",class:(\"\" + (_vm.detail.mainButton.class)),staticStyle:{\"margin-top\":\"32px\",\"width\":\"242px\"}},[_vm._v(_vm._s(_vm.detail.mainButton.name))])])])]),_c('div',{staticClass:\"col-7 flex\",staticStyle:{\"align-items\":\"flex-end\"}},[_c('img',{attrs:{\"src\":(\"/static/img/guide/\" + (_vm.detail.img) + \".png\"),\"alt\":_vm.detail.title}})])])]),_c('div',{staticClass:\"container\",staticStyle:{\"margin-top\":\"100px\",\"text-align\":\"center\"}},[_c('div',{staticClass:\"subtitle1 main\",staticStyle:{\"margin-bottom\":\"24px\"}},[_vm._v(\"플랫폼 서비스는 앱만 있으면 되는게 아닙니다.\")]),_vm._m(0),_c('img',{staticStyle:{\"margin-top\":\"60px\",\"width\":\"800px\"},attrs:{\"src\":_vm.img('img-solution-1@2x'),\"alt\":\"플랫폼 구성\"}}),_c('div',{staticClass:\"subtitle1 main\",staticStyle:{\"margin\":\"120px 0 24px 0\"}},[_vm._v(\"런치팩 플랫폼 운영 솔루션은 무엇인가요?\")]),_vm._m(1),_c('img',{staticStyle:{\"width\":\"1000px\",\"margin-top\":\"60px\"},attrs:{\"src\":_vm.img('img-solution-2@2x'),\"alt\":\"관리자사이트 예시\"}})]),_c('div',{staticClass:\"bg-ice\",staticStyle:{\"margin-top\":\"120px\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"flex\"},[_c('img',{staticStyle:{\"width\":\"580px\"},attrs:{\"src\":_vm.img('img-solution-3@2x'),\"alt\":\"플랫폼 서비스 전용 솔루션이 필요한 이유\"}}),_vm._m(2)])])]),_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.img('img-solution-wave@2x')}}),_c('div',{staticClass:\"container\",staticStyle:{\"margin-top\":\"120px\"}},[_c('div',{staticClass:\"subtitle1 main text-center\"},[_vm._v(\"런치팩 플랫폼 운영 솔루션이 제공하는 기능\")]),_vm._l((_vm.packs),function(pack,idx){return _c('div',{key:'pack-'+idx,staticClass:\"pack\"},[_c('div',{staticClass:\"flex-center pack-title\"},[_c('div',{staticClass:\"lp-divider-gray1\"}),_c('div',{staticClass:\"h5 main\",staticStyle:{\"padding\":\"0 20px\"}},[_vm._v(_vm._s(pack.title)+\" PACK\")]),_c('div',{staticClass:\"lp-divider-gray1\"})]),_c('div',{staticClass:\"flex wrap\"},_vm._l((pack.list),function(item,i){return _c('div',{key:'pack-item-'+i,staticClass:\"col-4 flex-align\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._m(3,true),_c('span',{staticClass:\"body1 main\"},[_vm._v(_vm._s(item))])])}),0)])})],2)]),_c('div',{staticClass:\"mobile\"},[_c('div',{staticClass:\"banner\",class:{'bg-dark': !_vm.detail.circle}},[_c('div',{staticClass:\"container\"},[(_vm.detail.circle)?_c('div',{staticClass:\"circle\",style:({background: _vm.detail.circle})}):_vm._e()]),_c('div',{staticClass:\"banner-content-mobile\"},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"body4\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.detail.subTitle))]),_c('a',{attrs:{\"href\":_vm.detail.mainButton.link,\"target\":\"_blank\"}},[_c('button',{staticClass:\"button body5-medium is-primary\",staticStyle:{\"margin-top\":\"16px\",\"width\":\"180px\"}},[_vm._v(_vm._s(_vm.detail.mainButton.name))])])])]),_c('div',{staticClass:\"container\",staticStyle:{\"margin-top\":\"40px\",\"text-align\":\"center\"}},[_vm._m(4),_vm._m(5),_c('img',{staticStyle:{\"margin-top\":\"32px\",\"width\":\"100%\"},attrs:{\"src\":_vm.img('img-solution-1@2x'),\"alt\":\"플랫폼 구성\"}}),_vm._m(6),_vm._m(7),_c('img',{staticStyle:{\"width\":\"1000px\",\"margin-top\":\"32px\"},attrs:{\"src\":_vm.img('img-solution-2@2x'),\"alt\":\"관리자사이트 예시\"}})]),_vm._m(8),_c('div',{staticClass:\"bg-ice\",staticStyle:{\"margin-top\":\"40px\",\"padding-bottom\":\"24px\"}},[_c('div',{staticClass:\"container\"},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.img('img-solution-3@2x'),\"alt\":\"플랫폼 서비스 전용 솔루션이 필요한 이유\"}}),_vm._m(9)])]),_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":_vm.img('img-solution-wave@2x')}}),_c('div',{staticClass:\"container\",staticStyle:{\"margin-top\":\"40px\"}},[_vm._m(10),_vm._l((_vm.packs),function(pack,idx){return _c('div',{key:'pack-'+idx,staticClass:\"pack\"},[_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"32px\"}},[_c('div',{staticClass:\"lp-divider-gray1\"}),_c('div',{staticClass:\"h7 main\",staticStyle:{\"padding\":\"0 20px\"}},[_vm._v(_vm._s(pack.title)+\" PACK\")]),_c('div',{staticClass:\"lp-divider-gray1\"})]),_c('div',{staticClass:\"box-pack\"},[_c('div',_vm._l((pack.list),function(item,i){return _c('div',{key:'pack-item-'+i,staticClass:\"flex-align\",staticStyle:{\"margin-bottom\":\"12px\"}},[_vm._m(11,true),_c('span',{staticClass:\"body4 main\"},[_vm._v(_vm._s(item))])])}),0)])])})],2)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body1 sub2\"},[_vm._v(\"플랫폼 서비스를 관리할 수 있는 사이트와\"),_c('br'),_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:\"body1 sub2\"},[_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',[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"subtitle1 main\"},[_vm._v(\"플랫폼 서비스 전용 솔루션이 필요한 이유\")]),_c('div',{staticClass:\"body1 sub2\",staticStyle:{\"margin-top\":\"24px\"}},[_vm._v(\"플랫폼 서비스 창업을 준비하시는 분들이 항상 겪게되는 문제가 있습니다.\"),_c('br'),_vm._v(\" 처음 서비스를 기획할 때 생각했던 부분만으로는 실제로 서비스를 운영하고\"),_c('br'),_vm._v(\" 관리할 수 없다는 것입니다. 처음 기획한 내용은 빙산의 일각이고\"),_c('br'),_vm._v(\" 런칭을 위해 추가로 고려해야하는 사항은 끝도 없이 발생하게 됩니다.\")])]),_c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"240px\",\"color\":\"white\"}},[_c('div',{staticClass:\"subtitle1\"},[_vm._v(\"런치팩 솔루션을 이용해야 하는 이유\")]),_c('div',{staticClass:\"body1\",staticStyle:{\"margin-top\":\"40px\"}},[_vm._v(\"현재 시장을 선도하는 플랫폼 서비스들의 특징은\"),_c('br'),_vm._v(\" 전문 개발팀과 디자이너팀을 보유하고 있다는 것입니다.\"),_c('br'),_c('br'),_vm._v(\" 그만큼 플랫폼 서비스는 전문성이 중요한 분야이기 때문에\"),_c('br'),_vm._v(\" 런치팩을 통해 창업하는 것이 일반 개발자 채용보다\"),_c('br'),_vm._v(\" 훨씬 빠르고 정확하게 전문적인 서비스를 만드는 데 유리합니다.\"),_c('br'),_c('br'),_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('span',{staticClass:\"check\"},[_c('img',{staticClass:\"svg-white\",staticStyle:{\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"src\":\"/static/icon/fi_check.svg\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body0-medium main\",staticStyle:{\"margin-bottom\":\"16px\"}},[_vm._v(\"플랫폼 서비스는 앱만 있으면\"),_c('br'),_vm._v(\"되는게 아닙니다.\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body4 sub2\"},[_vm._v(\"플랫폼 서비스를 관리할 수 있는 사이트와\"),_c('br'),_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:\"body0-medium main\",staticStyle:{\"margin\":\"40px 0 16px 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:\"body4 sub2\"},[_vm._v(\"플랫폼 관리자와 파트너 관리자 사이트 등\"),_c('br'),_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:\"container\",staticStyle:{\"margin-top\":\"60px\"}},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"body0-medium main\"},[_vm._v(\"플랫폼 서비스 전용 솔루션이\"),_c('br'),_vm._v(\"필요한 이유\")]),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"16px\"}},[_vm._v(\"플랫폼 서비스 창업을 준비하시는 분들이 항상 겪게되는 문제가 있습니다. 처음 서비스를 기획할 때 생각했던 부분만으로는 실제로 서비스를 운영하고 관리할 수 없다는 것입니다. 처음 기획한 내용은 빙산의 일각이고 런칭을 위해 추가로 고려해야하는 사항은 끝도 없이 발생하게 됩니다.\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\",staticStyle:{\"margin-top\":\"24px\",\"color\":\"white\"}},[_c('div',{staticClass:\"body0-medium\"},[_vm._v(\"런치팩 솔루션을 이용해야 하는 이유\")]),_c('div',{staticClass:\"body4\",staticStyle:{\"margin-top\":\"24px\",\"word-break\":\"break-all\"}},[_c('p',[_vm._v(\"현재 시장을 선도하는 플랫폼 서비스들의 특징은 전문 개발팀과 디자이너팀을 보유하고 있다는 것입니다.\")]),_c('p',[_vm._v(\"그만큼 플랫폼 서비스는 전문성이 중요한 분야이기 때문에 런치팩을 통해 창업하는 것이 일반 개발자 채용보다 훨씬 빠르고 정확하게 전문적인 서비스를 만드는 데 유리합니다.\")]),_c('p',[_vm._v(\" 그동안 다양한 플랫폼 서비스를 운영한 노하우를 살려 창업자가 미처 고려하지 못했던 고급 운영 기능들을 풀스펙으로 제공해드립니다.\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"body0-medium main text-center\"},[_vm._v(\"런치팩 플랫폼 운영 솔루션이\"),_c('br'),_vm._v(\"제공하는 기능\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"check-mobile\"},[_c('img',{staticClass:\"svg-white\",staticStyle:{\"width\":\"14px\",\"height\":\"14px\"},attrs:{\"src\":\"/static/icon/fi_check.svg\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\" style=\"padding-bottom:40px\">\r\n      <div class=\"banner\" :class=\"{'bg-dark': !detail.circle}\">\r\n        <div class=\"container\">\r\n          <div v-if=\"detail.circle\" class=\"circle\" :style=\"{background: detail.circle}\"></div>\r\n        </div>\r\n        <div class=\"banner-content\">\r\n          <div class=\"col-5 flex-align\">\r\n            <div>\r\n              <div class=\"h2\">{{ detail.title }}</div>\r\n              <div class=\"body0-medium gray3\" style=\"font-weight:400;margin-top:12px\">{{ detail.subTitle }}</div>\r\n              <a :href=\"detail.mainButton.link\" target=\"_blank\">\r\n              <button class=\"button\" style=\"margin-top:32px;width:242px\"\r\n                      :class=\"`${detail.mainButton.class}`\">{{ detail.mainButton.name }}</button>\r\n              </a>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-7 flex\" style=\"align-items: flex-end\">\r\n            <img :src=\"`/static/img/guide/${detail.img}.png`\" :alt=\"detail.title\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"container\" style=\"margin-top:100px;text-align: center\">\r\n        <div class=\"subtitle1 main\" style=\"margin-bottom:24px\">플랫폼 서비스는 앱만 있으면 되는게 아닙니다.</div>\r\n        <div class=\"body1 sub2\">플랫폼 서비스를 관리할 수 있는 사이트와<br>\r\n          파트너들이 본인의 상품과 정보를 운영할 수 있는<br>파트너 관리자 사이트가 있어야<br>제대로 된 비즈니스를 할 수 있습니다.</div>\r\n        <img :src=\"img('img-solution-1@2x')\" alt=\"플랫폼 구성\" style=\"margin-top:60px;width:800px\">\r\n\r\n        <div class=\"subtitle1 main\" style=\"margin:120px 0 24px 0\">런치팩 플랫폼 운영 솔루션은 무엇인가요?</div>\r\n        <div class=\"body1 sub2\">플랫폼 관리자와 파트너 관리자 사이트 등<br>운영에 필요한 지표정산, 회원, 상품 관리 기능을 제공하여<br>\r\n          서비스 런칭 후 성공적인 비즈니스 운영을 돕는 플랫폼 관리자 솔루션 입니다.</div>\r\n        <img :src=\"img('img-solution-2@2x')\" alt=\"관리자사이트 예시\" style=\"width:1000px;margin-top:60px\">\r\n      </div>\r\n      <div class=\"bg-ice\" style=\"margin-top:120px\">\r\n        <div class=\"container\">\r\n          <div class=\"flex\">\r\n            <img :src=\"img('img-solution-3@2x')\" alt=\"플랫폼 서비스 전용 솔루션이 필요한 이유\" style=\"width:580px\">\r\n            <div>\r\n              <div class=\"text-center\">\r\n                <div class=\"subtitle1 main\">플랫폼 서비스 전용 솔루션이 필요한 이유</div>\r\n                <div class=\"body1 sub2\" style=\"margin-top:24px\">플랫폼 서비스 창업을 준비하시는 분들이 항상 겪게되는 문제가 있습니다.<br>\r\n                  처음 서비스를 기획할 때 생각했던 부분만으로는 실제로 서비스를 운영하고<br>\r\n                  관리할 수 없다는 것입니다. 처음 기획한 내용은 빙산의 일각이고<br>\r\n                  런칭을 위해 추가로 고려해야하는 사항은 끝도 없이 발생하게 됩니다.</div>\r\n              </div>\r\n              <div class=\"text-center\" style=\"margin-top: 240px;color:white\">\r\n                <div class=\"subtitle1\">런치팩 솔루션을 이용해야 하는 이유</div>\r\n                <div class=\"body1\" style=\"margin-top:40px\">현재 시장을 선도하는 플랫폼 서비스들의 특징은<br>\r\n                  전문 개발팀과 디자이너팀을 보유하고 있다는 것입니다.<br><br>\r\n\r\n                  그만큼 플랫폼 서비스는 전문성이 중요한 분야이기 때문에<br>\r\n                  런치팩을 통해 창업하는 것이 일반 개발자 채용보다<br>\r\n                  훨씬 빠르고 정확하게 전문적인 서비스를 만드는 데 유리합니다.<br><br>\r\n\r\n                  그동안 다양한 플랫폼 서비스를 운영한 노하우를 살려<br>\r\n                  창업자가 미처 고려하지 못했던 고급 운영 기능들을<br>\r\n                  풀스펙으로 제공해드립니다.\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <img :src=\"img('img-solution-wave@2x')\" style=\"width:100%\">\r\n\r\n      <div class=\"container\" style=\"margin-top:120px\">\r\n        <div class=\"subtitle1 main text-center\">런치팩 플랫폼 운영 솔루션이 제공하는 기능</div>\r\n\r\n        <div v-for=\"(pack,idx) in packs\" :key=\"'pack-'+idx\" class=\"pack\">\r\n          <div class=\"flex-center pack-title\">\r\n            <div class=\"lp-divider-gray1\"></div>\r\n            <div class=\"h5 main\" style=\"padding:0 20px\">{{ pack.title }} PACK</div>\r\n            <div class=\"lp-divider-gray1\"></div>\r\n          </div>\r\n          <div class=\"flex wrap\">\r\n            <div class=\"col-4 flex-align\" v-for=\"(item,i) in pack.list\" :key=\"'pack-item-'+i\" style=\"margin-bottom:20px\">\r\n              <span class=\"check\">\r\n                <img style=\"width:16px;height:16px\" class=\"svg-white\" src=\"/static/icon/fi_check.svg\">\r\n              </span>\r\n              <span class=\"body1 main\">{{ item }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <div class=\"banner\" :class=\"{'bg-dark': !detail.circle}\">\r\n        <div class=\"container\">\r\n          <div v-if=\"detail.circle\" class=\"circle\" :style=\"{background: detail.circle}\"></div>\r\n        </div>\r\n        <div class=\"banner-content-mobile\">\r\n          <div class=\"h6\">{{ detail.title }}</div>\r\n          <div class=\"body4\" style=\"margin-top:4px\">{{ detail.subTitle }}</div>\r\n          <a :href=\"detail.mainButton.link\" target=\"_blank\">\r\n            <button class=\"button body5-medium is-primary\" style=\"margin-top:16px;width:180px\">{{ detail.mainButton.name }}</button>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <div class=\"container\" style=\"margin-top:40px;text-align: center\">\r\n        <div class=\"body0-medium main\" style=\"margin-bottom:16px\">플랫폼 서비스는 앱만 있으면<br>되는게 아닙니다.</div>\r\n        <div class=\"body4 sub2\">플랫폼 서비스를 관리할 수 있는 사이트와<br>\r\n          파트너들이 본인의 상품과 정보를 운영할 수 있는<br>파트너 관리자 사이트가 있어야<br>제대로 된 비즈니스를 할 수 있습니다.</div>\r\n        <img :src=\"img('img-solution-1@2x')\" alt=\"플랫폼 구성\" style=\"margin-top:32px;width:100%\">\r\n\r\n        <div class=\"body0-medium main\" style=\"margin:40px 0 16px 0\">런치팩 플랫폼 운영 솔루션은<br>무엇인가요?</div>\r\n        <div class=\"body4 sub2\">플랫폼 관리자와 파트너 관리자 사이트 등<br>운영에 필요한 지표정산, 회원, 상품 관리 기능을 제공하여<br>\r\n          서비스 런칭 후 성공적인 비즈니스 운영을 돕는<br>플랫폼 관리자 솔루션 입니다.</div>\r\n        <img :src=\"img('img-solution-2@2x')\" alt=\"관리자사이트 예시\" style=\"width:1000px;margin-top:32px\">\r\n      </div>\r\n      <div class=\"container\" style=\"margin-top:60px\">\r\n        <div class=\"text-center\">\r\n          <div class=\"body0-medium main\">플랫폼 서비스 전용 솔루션이<br>필요한 이유</div>\r\n          <div class=\"body4 sub2\" style=\"margin-top:16px\">플랫폼 서비스 창업을 준비하시는 분들이 항상 겪게되는 문제가 있습니다.\r\n            처음 서비스를 기획할 때 생각했던 부분만으로는 실제로 서비스를 운영하고\r\n            관리할 수 없다는 것입니다. 처음 기획한 내용은 빙산의 일각이고\r\n            런칭을 위해 추가로 고려해야하는 사항은 끝도 없이 발생하게 됩니다.</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"bg-ice\" style=\"margin-top:40px;padding-bottom:24px\">\r\n        <div class=\"container\">\r\n          <img :src=\"img('img-solution-3@2x')\" alt=\"플랫폼 서비스 전용 솔루션이 필요한 이유\" style=\"width:100%\">\r\n          <div class=\"text-center\" style=\"margin-top: 24px;color:white\">\r\n            <div class=\"body0-medium\">런치팩 솔루션을 이용해야 하는 이유</div>\r\n            <div class=\"body4\" style=\"margin-top:24px;word-break:break-all\">\r\n              <p>현재 시장을 선도하는 플랫폼 서비스들의 특징은\r\n                전문 개발팀과 디자이너팀을 보유하고 있다는 것입니다.</p>\r\n              <p>그만큼 플랫폼 서비스는 전문성이 중요한 분야이기 때문에\r\n                런치팩을 통해 창업하는 것이 일반 개발자 채용보다\r\n                훨씬 빠르고 정확하게 전문적인 서비스를 만드는 데 유리합니다.</p>\r\n              <p>\r\n              그동안 다양한 플랫폼 서비스를 운영한 노하우를 살려\r\n              창업자가 미처 고려하지 못했던 고급 운영 기능들을\r\n              풀스펙으로 제공해드립니다.</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <img :src=\"img('img-solution-wave@2x')\" style=\"width:100%\">\r\n\r\n      <div class=\"container\" style=\"margin-top:40px\">\r\n        <div class=\"body0-medium main text-center\">런치팩 플랫폼 운영 솔루션이<br>제공하는 기능</div>\r\n\r\n        <div v-for=\"(pack,idx) in packs\" :key=\"'pack-'+idx\" class=\"pack\">\r\n          <div class=\"flex-center\" style=\"margin-top:32px\">\r\n            <div class=\"lp-divider-gray1\"></div>\r\n            <div class=\"h7 main\" style=\"padding:0 20px\">{{ pack.title }} PACK</div>\r\n            <div class=\"lp-divider-gray1\"></div>\r\n          </div>\r\n          <div class=\"box-pack\">\r\n            <div>\r\n              <div class=\"flex-align\" v-for=\"(item,i) in pack.list\" :key=\"'pack-item-'+i\" style=\"margin-bottom:12px\">\r\n                <span class=\"check-mobile\">\r\n                  <img style=\"width:14px;height:14px\" class=\"svg-white\" src=\"/static/icon/fi_check.svg\">\r\n                </span>\r\n                <span class=\"body4 main\">{{ item }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"SolutionInfo\",\r\n    created() {\r\n\r\n    },\r\n    data() {\r\n      return {\r\n        detail: {\r\n          title: '플랫폼 운영 솔루션',\r\n          subTitle: '플랫폼 운영에 필요한 통합 솔루션',\r\n          img: 'img_page_api',\r\n          mainButton: {\r\n            name: '데모 사이트 바로가기',\r\n            class: 'is-primary',\r\n            link: 'https://demooffice.launchpack.co.kr/office/admin'\r\n          }\r\n        },\r\n        packs: [\r\n          {\r\n            title: '기본',\r\n            list: ['대쉬보드', '서비스 관리', '회원 관리', '파트너 관리', '상품 관리', '기본 게시판 관리', '주문전환 관리',\r\n              '필터/정렬 관리', '지역/카테고리 관리', '후기/문의 관리', '고객센터 관리']\r\n          },\r\n          {\r\n            title: '주문전환',\r\n            list: ['플랫폼서비스의 판매 상품 커머스', '장소 예약 커머스', '입점형 파트너 정산 커머스', '디지털 컨텐츠 다운로드 커머스',\r\n              '모임 신청 커머스', '행사 예매 커머스\\n(좌석 지정 기능은 미포함)', '사용권 쿠폰 커머스']\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    methods: {\r\n      img(img) {\r\n        return `/static/img/solution/${img}.png`;\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-ice\r\n    background linear-gradient(180deg, #fff, #dbdde5, #657090, #152457)\r\n\r\n  .lp-divider-gray1\r\n    flex 1\r\n\r\n  .pack\r\n    margin auto\r\n\r\n  .box-pack\r\n    display flex\r\n    justify-content center\r\n    margin-top 40px\r\n    div\r\n      width 320px\r\n      white-space pre-line\r\n\r\n  .check\r\n  .check-mobile\r\n    width 20px\r\n    height 20px\r\n    background $primary\r\n    color white\r\n    border-radius 100%\r\n    line-height 20px\r\n    font-size 15px\r\n    text-align center\r\n    margin-right 12px\r\n    display flex\r\n    justify-content center\r\n    align-items center\r\n\r\n  .check-mobile\r\n    width 18px\r\n    height 18px\r\n    line-height 18px\r\n    font-size 14px\r\n    margin-right 8px\r\n\r\n  .banner\r\n    background-color $gray4\r\n    height 440px\r\n    position relative\r\n    overflow hidden\r\n    color $main\r\n  .banner-content\r\n    position absolute\r\n    width $page-width\r\n    left 50%\r\n    transform translateX(-50%)\r\n    display flex\r\n    height 100%\r\n    z-index 1\r\n  .circle\r\n    opacity 0.15\r\n    filter blur(300px)\r\n    -webkit-backdrop-filter blur(300px)\r\n    backdrop-filter blur(300px)\r\n    position absolute\r\n    top -50px\r\n    left -603px\r\n    width $page-width\r\n    height $page-width\r\n\r\n  .bg-dark\r\n    background linear-gradient(132.62deg, #242428 34.49%, #4F4F4F 88.8%)\r\n    color white\r\n\r\n  .pack-title\r\n    margin 80px 0 40px 0\r\n\r\n  @media (max-width:1024px)\r\n    .banner\r\n      height 160px\r\n      padding 0\r\n      position relative\r\n    .banner-content-mobile\r\n      display block\r\n      text-align center\r\n      width 100%\r\n      top 50%\r\n      left 50%\r\n      position absolute\r\n      transform translate(-50%, -50%)\r\n    .circle\r\n      width 370px\r\n      height 370px\r\n      top -44px\r\n      left -50px\r\n    p\r\n      margin-bottom 12px\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!./SolutionInfo.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!./SolutionInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SolutionInfo.vue?vue&type=template&id=25026e1e&scoped=true&\"\nimport script from \"./SolutionInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./SolutionInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SolutionInfo.vue?vue&type=style&index=0&id=25026e1e&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  \"25026e1e\",\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!./SolutionInfo.vue?vue&type=style&index=0&id=25026e1e&lang=stylus&scoped=true&\""],"sourceRoot":""}