{"version":3,"sources":["webpack:///./src/components/page/ServiceInquiryGuide.vue?3b6a","webpack:///./src/components/page/ServiceInquiryGuide.vue?06ba","webpack:///src/components/page/ServiceInquiryGuide.vue","webpack:///./src/components/page/ServiceInquiryGuide.vue?e2fa","webpack:///./src/components/page/ServiceInquiryGuide.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","item","idx","key","_v","_s","title","content","step","staticStyle","on","clickLink","staticRenderFns","component"],"mappings":"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","file":"js/chunk-96f9f90e.3bf92c0b.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!./ServiceInquiryGuide.vue?vue&type=style&index=0&id=5a5e1970&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"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))]):_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('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)])}),_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:\"container\"},[_c('div',{staticClass:\"circle\"})]),_c('div',{staticClass:\"banner-content\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',[_c('div',{staticClass:\"h2\"},[_vm._v(\"주문 제작 이용 가이드\")]),_c('div',{staticClass:\"subtitle3 sub2\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(\"A to Z, 나만을 위한 VIP 솔루션\")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"circle\"})]),_c('div',{staticClass:\"banner-content\"},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',[_c('div',{staticClass:\"h6\"},[_vm._v(\"주문 제작 이용 가이드\")]),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(\"A to Z, 나만을 위한 VIP 솔루션\")])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"pc container-top\">\r\n      <div class=\"banner\">\r\n        <div class=\"container\">\r\n          <div class=\"circle\"></div>\r\n        </div>\r\n        <div class=\"banner-content\">\r\n          <div style=\"text-align: center\">\r\n            <div>\r\n              <div class=\"h2\">주문 제작 이용 가이드</div>\r\n              <div class=\"subtitle3 sub2\" style=\"margin-top:12px\">A to Z, 나만을 위한 VIP 솔루션</div>\r\n            </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          <div v-if=\"item.content\" class=\"body2 sub2\">{{ item.content }}</div>\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=\"container\">\r\n          <div class=\"circle\"></div>\r\n        </div>\r\n        <div class=\"banner-content\">\r\n          <div style=\"text-align: center\">\r\n            <div>\r\n              <div class=\"h6\">주문 제작 이용 가이드</div>\r\n              <div class=\"body4 sub2\" style=\"margin-top:4px\">A to Z, 나만을 위한 VIP 솔루션</div>\r\n            </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          <div v-if=\"item.content\" class=\"body4 sub2\">{{ item.content }}</div>\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: '주문제작 서비스란?',\r\n            content: '기획단계에서 배치된 담당자의 안내에 따라 클라이언트는 서비스 구조 설계와 uiux 디자인, ' +\r\n              '개발로 진행되는 프로젝트 전과정에 참여하여 나만의 특별한 서비스를 제작할 수 있습니다.'\r\n          },\r\n          {\r\n            title: '계약진행절차',\r\n            content: \"'서비스견적 문의하기 > 주문제작 견적신청' 페이지에서 신청서 작성 후 상세한 서비스 파악을 위해  담당자가 유선 상담을 진행합니다. \" +\r\n              \"유선 상담에서 1차적으로 파악된 서비스의 스펙으로 상담일 기준 1~2일 후 신청자의 메일 계정으로 서비스 제작 견적서 및 런치팩 포트폴리오가 발송됩니다.\" +\r\n              \" 이후 진행절차는 클라이언트의 상황에 따라 차이가 있으며, 최종으로 서비스 스펙 정리가 되면 계약을 진행합니다.\\n\\n\" +\r\n              \" 정부지원사업 대상자의 경우 진행하시는 사업 내용에 따라 사업비 지원일자에 차이가 있을 수 있습니다.\" +\r\n              \" 다만, 저희 런치팩은 선입금/후개발이 원칙이기에 계약서에 기록된 일정에 따라 계약금 부분 납부 확인 후 프로젝트가 진행된다는 점 양해부탁드립니다.\"\r\n          },\r\n          {\r\n            title: '프로젝트 진행',\r\n            step: [\r\n              {\r\n                title: '기획/디자인',\r\n                content: \"클라이언트의 기획안를 기반으로 서비스 구조 설계와 디자인 작업이 진행됩니다. 효율적인 프로젝트 진행을 위해 공통페이지(회원가입, 공지사항 등)는 런치팩이 보유한 템플릿을 응용하며, 메인페이지(홈, 상품관리,주문관리 등)는 클라이언트와 기획자,디자이너의 미팅을 통해 결정된 페이지 레이아웃을 기반으로 프론트 시안이 제작됩니다. \\n\" +\r\n                  \"\\n\" +\r\n                  \"제작된 시안을 클라이언트가 컨펌 후 개발 작업에 착수합니다. 이는 납기 후 투입될 수정 리소스를 최소화하기 위함이며 해당 과정에 전체일정의 30% 가량이  소요될 예정입니다. \"\r\n              },\r\n              {\r\n                title: '개발',\r\n                content: \"개발은 풀스택 개발자를 중심으로 프론트와 백엔드 작업자가 한팀이 되어, 선 제작된 런치팩의 플랫폼 솔루션들을 조합하거나 클라이언트가 원하는 기능을  솔루션에 추가하는 방식으로 진행됩니다. \\n\" +\r\n                  \"\\n\" +\r\n                  \"선 제작된 솔루션을 기반으로 작업을 진행하는 방식은 프로젝트 진행 일정을 축소시킬뿐 아니라, 클라이언트가 납기 전에도 틈틈히 진행 상황을 확인할 수 있어 납기 후 발생될 수 있는 제작사와 클라이언트 간 결과물 퀄리티에 대한 의견 차이를 최소화할 수 있습니다.\"\r\n              }\r\n            ]\r\n          },\r\n          {\r\n            title: '런치팩 한마디',\r\n            content: '저희 런치팩에서는 대표님들께 최초 런칭에서 풀스펙의 서비스를 구현하시는 것을 추천드리지 않습니다. ' +\r\n              '우선 mvp 수준의 서비스를 선 런칭하여 아이디어에 대한 시장 반응을 확인한 후, 점차적으로 서비스를 고도화하시는 ' +\r\n              '비즈니스 모델을 추천드립니다. 때문에 런치팩의 솔루션은 이후의 추가개발이 용이하게 진행될 수 있도록 백엔드 로직이' +\r\n              ' 구성되었으며, 주문제작 계약 고객분들에게는 서비스관리 담당자를 매칭하여 플랫폼 서비스 운영에 필요한 여러 이슈들에 대해' +\r\n              ' 유연하게 대처하실 수 있도록 지원하고 있습니다.'\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    methods: {\r\n      clickLink() {\r\n        this.$router.push('/service_inquiry_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-color $gray4\r\n    height 320px\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    align-items center\r\n    justify-content center\r\n    height 100%\r\n    z-index 1\r\n  .circle\r\n    background-color #17FF90\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 -70px\r\n    left -643px\r\n    width $page-width\r\n    height $page-width\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      top 0\r\n      text-align center\r\n    .circle\r\n      width 370px\r\n      height 370px\r\n      top -50px\r\n      left -50px\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!./ServiceInquiryGuide.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!./ServiceInquiryGuide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceInquiryGuide.vue?vue&type=template&id=5a5e1970&scoped=true&\"\nimport script from \"./ServiceInquiryGuide.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceInquiryGuide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceInquiryGuide.vue?vue&type=style&index=0&id=5a5e1970&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  \"5a5e1970\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}