{"version":3,"sources":["webpack:///./src/components/page/ApiGuide.vue?58e8","webpack:///src/components/page/ApiGuide.vue","webpack:///./src/components/page/ApiGuide.vue?fb34","webpack:///./src/components/page/ApiGuide.vue?d9ba","webpack:///./src/components/page/ApiGuide.vue?4edf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","idx","key","_v","_s","title","content","staticStyle","attrs","img","step","on","clickLink","staticRenderFns","component"],"mappings":"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","file":"js/chunk-4d4e8280.47c49315.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"pc container-top\"},[_vm._m(0),_c('div',{staticClass:\"container\"},[_vm._l((_vm.content),function(item,idx){return _c('div',{key:'content-'+idx},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(_vm._s(item.title))]),(item.content)?[_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(item.content))]),_c('img',{staticStyle:{\"margin-top\":\"32px\"},attrs:{\"src\":item.img,\"alt\":item.title}})]:_vm._l((item.step),function(step,idx){return _c('div',{key:'step-'+idx,staticClass:\"box-step\"},[_c('div',{staticClass:\"h7 primary\"},[_vm._v(\"STEP \"+_vm._s(idx+1))]),_c('div',{staticClass:\"h6 main step-title\"},[_vm._v(_vm._s(step.title))]),_c('div',{staticClass:\"body2 sub2\"},[_vm._v(_vm._s(step.content))])])})],2)}),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-primary\",on:{\"click\":_vm.clickLink}},[_vm._v(\"견적신청 바로가기\")])])],2)]),_c('div',{staticClass:\"mobile container-top\"},[_vm._m(1),_c('div',{staticClass:\"container\"},[_vm._l((_vm.content),function(item,idx){return _c('div',{key:'content-'+idx},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(item.title))]),(item.content)?[_c('div',{staticClass:\"body4 sub2\"},[_vm._v(_vm._s(item.content))]),_c('img',{staticStyle:{\"margin-top\":\"18px\"},attrs:{\"src\":item.img,\"alt\":item.title}})]:_c('div',_vm._l((item.step),function(step,idx){return _c('div',{key:'step-'+idx,staticClass:\"box-step\"},[_c('div',{staticClass:\"h8 primary\"},[_vm._v(\"STEP \"+_vm._s(idx+1))]),_c('div',{staticClass:\"body4-bold main step-title\"},[_vm._v(_vm._s(step.title))]),_c('div',{staticClass:\"body5 sub2\"},[_vm._v(_vm._s(step.content))])])}),0)],2)}),_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"80px\"}},[_c('button',{staticClass:\"button is-primary\",on:{\"click\":_vm.clickLink}},[_vm._v(\"견적신청 바로가기\")])])],2)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-content\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"size-36 weight-700\",staticStyle:{\"line-height\":\"48px\",\"margin-bottom\":\"12px\"}},[_vm._v(\"플랫폼 운영 솔루션 API 이용 가이드\")]),_c('div',{staticClass:\"body0-medium\"},[_vm._v(\"플랫폼 운영에 필요한 관리자 사이트+백엔드\")])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"banner-content\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"size-22 weight-700\",staticStyle:{\"line-height\":\"28px\",\"margin-bottom\":\"4px\"}},[_vm._v(\"플랫폼 운영 솔루션 API 이용 가이드\")]),_c('div',{staticClass:\"size-14\"},[_vm._v(\"플랫폼 운영에 필요한 관리자 사이트+백엔드\")])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc container-top\">\r\n      <div class=\"banner\">\r\n        <div class=\"banner-content\">\r\n          <div style=\"text-align: center\">\r\n            <div class=\"size-36 weight-700\" style=\"line-height: 48px;margin-bottom: 12px\">플랫폼 운영 솔루션 API 이용 가이드</div>\r\n            <div class=\"body0-medium\">플랫폼 운영에 필요한 관리자 사이트+백엔드</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"container\">\r\n        <div v-for=\"(item,idx) in content\" :key=\"'content-'+idx\">\r\n          <div class=\"subtitle3 main\">{{ item.title }}</div>\r\n          <template v-if=\"item.content\">\r\n            <div class=\"body2 sub2\">{{ item.content }}</div>\r\n            <img :src=\"item.img\" :alt=\"item.title\" style=\"margin-top:32px\">\r\n          </template>\r\n          <template v-else>\r\n            <div v-for=\"(step,idx) in item.step\" :key=\"'step-'+idx\" class=\"box-step\">\r\n              <div class=\"h7 primary\">STEP {{ idx+1 }}</div>\r\n              <div class=\"h6 main step-title\">{{ step.title }}</div>\r\n              <div class=\"body2 sub2\">{{ step.content }}</div>\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <div class=\"flex-center\" style=\"margin-top:80px\">\r\n          <button class=\"button is-primary\" @click=\"clickLink\">견적신청 바로가기</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile container-top\">\r\n      <div class=\"banner\">\r\n        <div class=\"banner-content\">\r\n          <div style=\"text-align: center\">\r\n            <div class=\"size-22 weight-700\" style=\"line-height: 28px;margin-bottom: 4px\">플랫폼 운영 솔루션 API 이용 가이드</div>\r\n            <div class=\"size-14\">플랫폼 운영에 필요한 관리자 사이트+백엔드</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"container\">\r\n        <div v-for=\"(item,idx) in content\" :key=\"'content-'+idx\">\r\n          <div class=\"subtitle5 main\">{{ item.title }}</div>\r\n          <template v-if=\"item.content\">\r\n            <div class=\"body4 sub2\">{{ item.content }}</div>\r\n            <img :src=\"item.img\" :alt=\"item.title\" style=\"margin-top:18px\">\r\n          </template>\r\n          <div v-else>\r\n            <div v-for=\"(step,idx) in item.step\" :key=\"'step-'+idx\" class=\"box-step\">\r\n              <div class=\"h8 primary\">STEP {{ idx+1 }}</div>\r\n              <div class=\"body4-bold main step-title\">{{ step.title }}</div>\r\n              <div class=\"body5 sub2\">{{ step.content }}</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"flex-center\" style=\"margin-top:80px\">\r\n          <button class=\"button is-primary\" @click=\"clickLink\">견적신청 바로가기</button>\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: \"ServiceInquiryGuide\",\r\n    created() {\r\n\r\n    },\r\n    data() {\r\n      return {\r\n        content: [\r\n          {\r\n            title: '플렛폼 운영 솔루션 API이란?',\r\n            content: '프론트엔드 자체 제작을 원하는 클라이언트에게 런치팩의 관리자 사이트와 운영 솔루션을 제공하는 상품입니다. 런치팩의 관리자 사이트는 플랫폼 사업 운영에 반드시 필요한 기능들(상품/파트너 관리, 배송/주문 관리, 정산 등)을 포함합니다. 시장에서 성능 검증을 마친 안정성 있는 관리자 사이트로 플랫폼 개발 부담을 줄여보세요!',\r\n            img: '/static/img/img_api.png',\r\n          },\r\n          {\r\n            title: '계약진행절차',\r\n            step: [\r\n              {\r\n                title: '이용 신청',\r\n                content: \"‘Solution API 이용 신청’ 페이지에서 이용 신청서를 작성합니다. 이후 상세한 서비스 파악을 위해  담당지와 유선 상담을 진행합니다.\"\r\n              },\r\n              {\r\n                title: '계약 진행',\r\n                content: '선택하신 상품의 조건과 이용 기간을 검토한 후 계약을 진행합니다. 관리자 사이트 API와 운영 솔루션의 이용 기간은 고객의 서비스 예상 이용 기간에 맞춰 조건 설정이 가능합니다.'\r\n              },\r\n              {\r\n                title: '서비스 이용',\r\n                content: '계약 진행 후 고객이 구매한 상품을 이용가이드와 함께 메일로 전달합니다. 호스팅, 운영 솔루션 이용료는 서비스 이용 시작일을 기준으로 매달 정기 결제 됩니다. '\r\n              }\r\n            ]\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink() {\r\n        this.$router.push('/solution_api_reg');\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  .banner\r\n    background linear-gradient(132.62deg, #242428 34.49%, #4F4F4F 88.8%);\r\n    height 320px\r\n    position relative\r\n    overflow hidden\r\n    color white\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    align-items center\r\n    justify-content center\r\n    height 100%\r\n    z-index 1\r\n\r\n  .subtitle3\r\n    margin 80px 0 16px 0\r\n  .subtitle5\r\n    margin 32px 0 8px 0\r\n  .body2\r\n  .body4\r\n  .body5\r\n    white-space pre-line\r\n  .box-step\r\n    border 1px solid $gray1\r\n    border-radius 8px\r\n    padding 40px\r\n    margin-top 32px\r\n  .box-step:first-child\r\n    margin-top 16px\r\n\r\n  .step-title\r\n    padding 8px 0 16px 0\r\n    border-bottom 1px solid $gray2\r\n    margin-bottom 16px\r\n  .button\r\n    width 242px\r\n\r\n  @media (max-width:1024px)\r\n    .banner\r\n      height 160px\r\n      padding 28px 0\r\n    .banner-content\r\n      width 100%\r\n      text-align center\r\n      top 0\r\n    .box-step\r\n      padding 16px\r\n    .step-title\r\n      padding 8px 0\r\n      margin-bottom 8px\r\n    .button\r\n      font-size 13px\r\n      width 170px\r\n      height 36px\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!./ApiGuide.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!./ApiGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApiGuide.vue?vue&type=template&id=dc6ec1ba&scoped=true&\"\nimport script from \"./ApiGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./ApiGuide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ApiGuide.vue?vue&type=style&index=0&id=dc6ec1ba&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  \"dc6ec1ba\",\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!./ApiGuide.vue?vue&type=style&index=0&id=dc6ec1ba&lang=stylus&scoped=true&\""],"sourceRoot":""}