{"version":3,"sources":["webpack:///./src/components/page/Guide.vue?76d7","webpack:///./src/components/page/Guide.vue?f911","webpack:///src/components/page/Guide.vue","webpack:///./src/components/page/Guide.vue?4e3d","webpack:///./src/components/page/Guide.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","detail","circle","style","background","_e","staticStyle","_v","_s","title","subTitle","_l","item","idx","key","content","step","stepIdx","ex","attrs","img","link","desc","on","$event","routerPush","button","clickButton","staticRenderFns","component"],"mappings":"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","file":"js/chunk-45878e25.161acaa4.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!./Guide.vue?vue&type=style&index=0&id=7eb98556&lang=stylus&scoped=true&\"","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\"},[_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',{staticStyle:{\"text-align\":\"center\"}},[_c('div',[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"body0-medium sub2\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.detail.subTitle))])])])])]),_c('div',{staticClass:\"container\"},[_vm._l((_vm.detail.contents),function(item,idx){return _c('div',{key:'content-'+idx,staticStyle:{\"margin-top\":\"80px\"}},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(_vm._s(item.title))]),(item.content)?_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-top\":\"16px\"}},[_vm._v(_vm._s(item.content))]):_c('div',_vm._l((item.step),function(step,stepIdx){return _c('div',{key:'step-'+stepIdx,staticStyle:{\"padding\":\"48px 0\"}},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"h5 primary\"},[_vm._v(\"STEP \"+_vm._s(stepIdx+1))]),_c('div',{staticClass:\"h6 main\",staticStyle:{\"margin-left\":\"12px\"}},[_vm._v(_vm._s(step.title))])]),_c('div',{staticClass:\"body1 sub2\",staticStyle:{\"margin-top\":\"16px\"}},[_vm._v(_vm._s(step.content))]),(step.ex)?_c('div',{staticClass:\"body1 sub4\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(step.ex))]):_vm._e(),_c('img',{staticStyle:{\"width\":\"100%\",\"margin-top\":\"32px\"},attrs:{\"src\":_vm.img(step.img),\"alt\":step.title}})])}),0)])}),_c('div',{staticClass:\"box-link\"},[_c('div',[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.detail.link.title))]),_c('div',{staticClass:\"subtitle4\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(_vm._s(_vm.detail.link.desc))])]),_c('button',{staticClass:\"button is-primary-light\",staticStyle:{\"width\":\"242px\"},on:{\"click\":function($event){return _vm.routerPush(_vm.detail.link.link)}}},[_vm._v(_vm._s(_vm.detail.link.button))])])],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\"},[_c('div',[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.detail.subTitle))])])])]),_c('div',{staticClass:\"container\"},_vm._l((_vm.detail.contents),function(item,idx){return _c('div',{key:'content-'+idx,staticStyle:{\"margin-top\":\"24px\"}},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(_vm._s(item.title))]),(item.content)?_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(item.content))]):_c('div',_vm._l((item.step),function(step,stepIdx){return _c('div',{key:'step-'+stepIdx,staticStyle:{\"padding\":\"24px 0\"}},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"body4-bold primary\"},[_vm._v(\"STEP \"+_vm._s(stepIdx+1))]),_c('div',{staticClass:\"body4-bold main\",staticStyle:{\"margin-left\":\"12px\"}},[_vm._v(_vm._s(step.title))])]),_c('div',{staticClass:\"body5 sub2\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(step.content))]),(step.ex)?_c('div',{staticClass:\"body6 sub4\",staticStyle:{\"margin-top\":\"8px\"}},[_vm._v(_vm._s(step.ex))]):_vm._e(),_c('img',{staticStyle:{\"width\":\"100%\",\"margin-top\":\"16px\"},attrs:{\"src\":_vm.img(step.img),\"alt\":step.title}})])}),0)])}),0),(_vm.detail.link.link!=='/quickbuilder')?_c('div',{staticClass:\"flex-center\",staticStyle:{\"margin-top\":\"28px\"}},[_c('button',{staticClass:\"button is-primary body5-medium\",staticStyle:{\"width\":\"170px\"},on:{\"click\":function($event){return _vm.clickButton(_vm.detail.link.link)}}},[_vm._v(_vm._s(_vm.detail.link.button))])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\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 style=\"text-align: center\">\r\n            <div>\r\n              <div class=\"h2\">{{ detail.title }}</div>\r\n              <div class=\"body0-medium sub2\" style=\"margin-top:12px\">{{ detail.subTitle }}</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 detail.contents\" :key=\"'content-'+idx\" style=\"margin-top:80px\">\r\n          <div class=\"subtitle3 main\">{{ item.title }}</div>\r\n          <div v-if=\"item.content\" class=\"body2 sub2\" style=\"margin-top:16px\">{{ item.content }}</div>\r\n          <div v-else>\r\n            <div v-for=\"(step,stepIdx) in item.step\" :key=\"'step-'+stepIdx\" style=\"padding:48px 0\">\r\n              <div class=\"flex-align\">\r\n                <div class=\"h5 primary\">STEP {{ stepIdx+1 }}</div>\r\n                <div class=\"h6 main\" style=\"margin-left:12px\">{{ step.title }}</div>\r\n              </div>\r\n              <div class=\"body1 sub2\" style=\"margin-top:16px\">{{ step.content }}</div>\r\n              <div class=\"body1 sub4\" style=\"margin-top:12px\" v-if=\"step.ex\">{{ step.ex }}</div>\r\n              <img :src=\"img(step.img)\" :alt=\"step.title\" style=\"width:100%;margin-top:32px\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"box-link\">\r\n          <div>\r\n            <div class=\"h6\">{{ detail.link.title }}</div>\r\n            <div class=\"subtitle4\" style=\"margin-top:8px\">{{ detail.link.desc }}</div>\r\n          </div>\r\n          <button class=\"button is-primary-light\" style=\"width:242px\"\r\n                  @click=\"routerPush(detail.link.link)\">{{ detail.link.button }}</button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\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\">\r\n          <div>\r\n            <div class=\"h6\">{{ detail.title }}</div>\r\n            <div class=\"body4 sub2\" style=\"margin-top:4px\">{{ detail.subTitle }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"container\">\r\n        <div v-for=\"(item,idx) in detail.contents\" :key=\"'content-'+idx\" style=\"margin-top:24px\">\r\n          <div class=\"subtitle4 main\">{{ item.title }}</div>\r\n          <div v-if=\"item.content\" class=\"body4 sub2\" style=\"margin-top:4px\">{{ item.content }}</div>\r\n          <div v-else>\r\n            <div v-for=\"(step,stepIdx) in item.step\" :key=\"'step-'+stepIdx\" style=\"padding:24px 0\">\r\n              <div class=\"flex\">\r\n                <div class=\"body4-bold primary\">STEP {{ stepIdx+1 }}</div>\r\n                <div class=\"body4-bold main\" style=\"margin-left:12px\">{{ step.title }}</div>\r\n              </div>\r\n              <div class=\"body5 sub2\" style=\"margin-top:4px\">{{ step.content }}</div>\r\n              <div class=\"body6 sub4\" style=\"margin-top:8px\" v-if=\"step.ex\">{{ step.ex }}</div>\r\n              <img :src=\"img(step.img)\" :alt=\"step.title\" style=\"width:100%;margin-top:16px\">\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"flex-center\" style=\"margin-top:28px\" v-if=\"detail.link.link!=='/quickbuilder'\">\r\n        <button class=\"button is-primary body5-medium\" style=\"width:170px\"\r\n                @click=\"clickButton(detail.link.link)\">{{ detail.link.button }}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"Guide\",\r\n    created() {\r\n      this.detail = this.list[this.$route.query.id];\r\n    },\r\n    watch: {\r\n      $route() {\r\n        this.detail = this.list[this.$route.query.id];\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        detail: undefined,\r\n        list: [\r\n          {\r\n            circle: '#7B61FF',\r\n            title: '디자인 마켓 이용 가이드',\r\n            subTitle: '디자이너, 개발자 없이도 손가락 하나로 내 서비스 운영',\r\n            contents: [\r\n              {\r\n                title: '디자인 마켓이란?',\r\n                content: '창업자가 디자인 마켓에서 원하는 디자인 스킨을 선택해 서비스를 런칭하는 솔루션입니다. 최소한의 비용으로 높은 퀄리티의 서비스를 런칭할 수 있도록 전문 디자이너가 제작한 다양한 디자인 스킨을 제공합니다. 디자인 스킨 수정을 원하실 경우 수정 옵션을 선택할 수 있습니다. 결제 후 가이드에 따라 디자인 수정 요청서를 배치된 담당자에게 제출하면 나에게 맞춰 디자인을 수정할 수 있습니다. 월 최소 35만 원의 합리적인 요금제로 나만의 플랫폼 서비스를 런칭해보세요!',\r\n              },\r\n              {\r\n                title: '디자인 마켓 이용 방법 ',\r\n                step: [\r\n                  {\r\n                    title: '디자인 스킨 선택',\r\n                    content: '디자인 마켓에서 내 주문전환 방식에 맞는 디자인 스킨을 선택합니다.',\r\n                    img: 'img_de_step1'\r\n                  },\r\n                  {\r\n                    title: '옵션 선택하기',\r\n                    content: '나의 사업 모델에 적합한 상품 옵션을 선택합니다. ',\r\n                    img: 'img_de_step2'\r\n                  },\r\n                  {\r\n                    title: '부가 서비스 선택 및 결제',\r\n                    content: '선택한 테마의 결제 방식과 부가서비스 이용 여부를 선택하고 결제합니다. 디자인 스킨 수정을 선택하지 않은 고객은 STEP 4,5를 건너뛰셔도 됩니다. ',\r\n                    img: 'img_de_step3'\r\n                  },\r\n                  {\r\n                    title: '담당자 배치와 수정 의견서 작성 (수정 옵션 선택 시)',\r\n                    content: '‘디자인 스킨 + 부분 수정 개발 요청’ 옵션을 선택한 고객의 경우, 결제 후 서비스 신청이 접수되면 담당자가 배치됩니다. 담당자가 제시하는 가이드에 따라 수정 의견서를 작성합니다. ',\r\n                    img: 'img_de_step4'\r\n                  },\r\n                  {\r\n                    title: '디자인 컨펌 (수정 옵션 선택 시)',\r\n                    content: '수정 제안서의 디자인, 개발 요소를 검토합니다. ',\r\n                    img: 'img_de_step5'\r\n                  },\r\n                  {\r\n                    title: '개발 진행',\r\n                    content: '검수가 완료된 디자인 시안을 바탕으로 개발에 착수합니다. ',\r\n                    img: 'img_de_step6'\r\n                  },\r\n                  {\r\n                    title: '내 서비스 신청 완료!',\r\n                    content: '런치팩과의 커뮤니케이션으로 지속적인 업데이트가 가능합니다. ',\r\n                    img: 'img_de_step7'\r\n                  }\r\n                ]\r\n              }\r\n            ],\r\n            link: {\r\n              title: '디자인 마켓을 이용한 서비스 런칭을 원한다면? ',\r\n              desc: '원하는 디자인 스킨을 선택해 나만의 플랫폼 서비스를 런칭해 보세요!',\r\n              button: '디자인 마켓 바로 가기',\r\n              link: 'store'\r\n            }\r\n          },\r\n          {\r\n            circle: '#FF6600',\r\n            title: '퀵빌더 이용 가이드',\r\n            subTitle: '블럭들을 조합해서 1시간 만에 런칭',\r\n            contents: [\r\n              {\r\n                title: '퀵빌더란?',\r\n                content: '창업자가 최소한의 비용으로 빠르게 플랫폼을 창업해보고 시장 가능성을 확인할 수 있도록 제공하는 서비스입니다. 전용 빌더 시스템으로 전문가 없이도 쉽게 디자인 블럭을 조합하고 결제 하면, 1시간 내에 서비스를 런칭할 수 있습니다. 월 최소 28만 원의 요금제로 기존 플랫폼 외주개발비용(평균 2,500만 원)과 비교하여 경제적인 가격으로 비즈니스 워킹이 가능합니다.'\r\n              },\r\n              {\r\n                title: '퀵빌더 이용 방법',\r\n                step: [\r\n                  {\r\n                    title: '퀵빌더 접속',\r\n                    content: '홈의 ‘1시간 내 런칭하기’ 또는 솔루션의  ‘퀵빌더로 바로 런칭하기’를 클릭해 퀵빌더로 이동합니다.',\r\n                    img: 'img_qu_step1'\r\n                  },\r\n                  {\r\n                    title: '서비스 정보 입력',\r\n                    content: '내 서비스 이름과 아이디를 입력합니다.',\r\n                    img: 'img_qu_step2'\r\n                  },\r\n                  {\r\n                    title: '상품 주문 방식 선택',\r\n                    content: '전화주문/예약주문/상품배송주문 등 내 플랫폼의 특성에 따라 파트너가 주문을 받는 방식을 의미합니다 (주문 전환 방식에 대한 자세한 설명은 퀵빌더\\n' +\r\n                      '서비스 내에서 확인하실 수 있습니다.)',\r\n                    ex: 'ex) 식자재 배달-상품배송주문 / 병원 예약-예약 주문',\r\n                    img: 'img_qu_step3'\r\n                  },\r\n                  {\r\n                    title: '플러그인 선택',\r\n                    content: '성인인증/ 공지사항 팝업 등 내 플랫폼의 특성에 따른 기능을 추가합니다 (플러그인 기능에 대한 자세한 설명은 퀵빌더 서비스 내에서 확인하실 수 있습니다.)',\r\n                    ex: 'ex) 국산주류판매-성인인증',\r\n                    img: 'img_qu_step4'\r\n                  },\r\n                  {\r\n                    title: '페이지 구성',\r\n                    content: '블럭 템플릿을 이용하여 나만의 페이지를 구성합니다.',\r\n                    img: 'img_qu_step5'\r\n                  },\r\n                  {\r\n                    title: '부가 서비스 선택 및 결제',\r\n                    content: '선택한 상품의 결제 방식과 부가 서비스 이용 여부를 선택하고 결제합니다.',\r\n                    img: 'img_qu_step6'\r\n                  },\r\n                  {\r\n                    title: '내 서비스 신청 완료!',\r\n                    content: '약 1시간 내로 개설이 완료되며, 완료 시 신청자 이메일로 안내드립니다.',\r\n                    img: 'img_qu_step7'\r\n                  },\r\n                ]\r\n              }\r\n            ],\r\n            link: {\r\n              title: '퀵빌더를 통해 한 시간 만에 플랫폼 런칭하기',\r\n              desc: '한 시간 만에 플랫폼 런칭을 원한다면 지금 바로 퀵빌더를 이용해 보세요!',\r\n              button: '퀵빌더 바로 가기',\r\n              link: '/quickbuilder'\r\n            }\r\n          }\r\n        ]\r\n      }\r\n    },\r\n    methods: {\r\n      clickButton(link) {\r\n        if(link === '/quickbuilder' && this.isMobile) {\r\n          this.toast('PC에서만 제공되는 서비스입니다');\r\n        } else {\r\n          this.routerPush(link);\r\n        }\r\n      },\r\n      img(img) {\r\n        return `/static/img/guide/${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  .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    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  .box-link\r\n    background linear-gradient(322.3deg, #FF6600 22.51%, #F43B00 100%)\r\n    color white\r\n    display flex\r\n    align-items center\r\n    justify-content space-between\r\n    padding 32px 40px\r\n    border-radius 12px\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</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!./Guide.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!./Guide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Guide.vue?vue&type=template&id=7eb98556&scoped=true&\"\nimport script from \"./Guide.vue?vue&type=script&lang=js&\"\nexport * from \"./Guide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Guide.vue?vue&type=style&index=0&id=7eb98556&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  \"7eb98556\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}