{"version":3,"sources":["webpack:///./src/components/page/ServiceCreate/ServiceCreateStep2.vue?caf5","webpack:///src/components/page/ServiceCreate/ServiceCreateStep2.vue","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep2.vue?511a","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep2.vue","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep2.vue?d2d6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_s","order","service_name","_l","st1_c","st1_c_idx","key","attrs","on","clickNext","staticRenderFns","component"],"mappings":"2aAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,YAAY,CAAC,aAAa,SAAS,CAACP,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,MAAMC,cAAc,sBAAsBP,EAAG,MAAM,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,YAAYN,EAAIY,GAAIZ,EAAY,UAAE,SAASa,EAAMC,GAAW,OAAOV,EAAG,MAAM,CAACW,IAAK,SAAWD,EAAWR,YAAY,OAAOC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,aAAa,MAAM,MAAQ,OAAO,OAAS,QAAQS,MAAM,CAAC,IAAM,8BAA8BZ,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,cAAc,QAAQ,CAACP,EAAIQ,GAAGR,EAAIS,GAAGI,WAAc,KAAKT,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,YAAY,QAAQ,MAAQ,OAAO,gBAAgB,SAAS,CAACH,EAAG,SAAS,CAACE,YAAY,iCAAiCC,YAAY,CAAC,MAAQ,OAAO,OAAS,OAAO,aAAa,QAAQU,GAAG,CAAC,MAAQjB,EAAIkB,YAAY,CAAClB,EAAIQ,GAAG,kBAClkCW,EAAkB,GC2BtB,GACE,KAAF,qBACE,WAAF,GACE,MAAF,CACI,MAAJ,CACM,KAAN,SAGE,QARF,aAUE,KAVF,WAWI,MAAJ,CACM,SAAN,CACA,kCACA,WACA,+BAIE,SAAF,GAGE,QAAF,CACI,UADJ,WAEM,KAAN,iBCpD0X,I,wBCQtXC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-4445ee76.ffa71e98.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-container\"},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"h6 main step-title\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.order.service_name)+\" 서비스 개설 시작해 볼까요.\")]),_c('div',{staticStyle:{\"margin-top\":\"40px\"}},[_c('div',{staticClass:\"box-step\"},_vm._l((_vm.contents),function(st1_c,st1_c_idx){return _c('div',{key:(\"st1_c-\" + st1_c_idx),staticClass:\"flex\",staticStyle:{\"margin-top\":\"11px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"margin-top\":\"2px\",\"width\":\"20px\",\"height\":\"20px\"},attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(_vm._s(st1_c))])])}),0)]),_c('div',{staticClass:\"flex-center\"},[_c('div',{staticClass:\"flex-align\",staticStyle:{\"max-width\":\"450px\",\"width\":\"100%\",\"margin-bottom\":\"40px\"}},[_c('button',{staticClass:\"button is-primary body2-medium\",staticStyle:{\"width\":\"100%\",\"height\":\"52px\",\"margin-top\":\"40px\"},on:{\"click\":_vm.clickNext}},[_vm._v(\"다음 \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"step-container\">\r\n    <div class=\"text-center\">\r\n      <div class=\"h6 main step-title\" style=\"margin-top:12px\">{{ order.service_name }} 서비스 개설 시작해 볼까요.</div>\r\n      <div style=\"margin-top:40px\">\r\n\r\n        <div class=\"box-step\">\r\n          <div class=\"flex\"\r\n               style=\"margin-top:11px\"\r\n               v-for=\"(st1_c, st1_c_idx) in contents\"\r\n               :key=\"`st1_c-${st1_c_idx}`\">\r\n            <img src=\"/static/icon/u_check.svg\" class=\"svg-primary\" style=\"margin-top:2px;width:20px;height:20px\"/>\r\n            <div class=\"body2 sub2\" style=\"margin-left:8px\">{{ st1_c }}</div>\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n      <div class=\"flex-center\">\r\n        <div class=\"flex-align\" style=\"max-width:450px;width:100%;margin-bottom:40px\">\r\n          <button class=\"button is-primary body2-medium\" @click=\"clickNext\"\r\n                  style=\"width:100%;height:52px;margin-top:40px;\">다음\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  export default {\r\n    name: \"ServiceCreateStep2\",\r\n    components: {},\r\n    props: {\r\n      order: {\r\n        type: Object\r\n      }\r\n    },\r\n    created() {\r\n    },\r\n    data() {\r\n      return {\r\n        contents: [\r\n          '내가 생각하던 플랫폼 서비스를 구현해 볼 수 있는 기회!',\r\n          '14일간 무료!',\r\n          '클라우드 기반으로 언제 어디서나 접근하고 관리'\r\n        ]\r\n      }\r\n    },\r\n    computed: {\r\n\r\n    },\r\n    methods: {\r\n      clickNext() {\r\n        this.$emit('next');\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  @media (min-width: 1025px)\r\n    .v-mobile\r\n      display none\r\n\r\n    .plan-select-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n    .plan-item\r\n      padding-bottom 12px\r\n\r\n    .plan-item:first-child\r\n      padding-top 0\r\n      border-top 0\r\n  @media (max-width: 1024px)\r\n    .step-title\r\n      white-space pre-line\r\n    .step-container\r\n      height 100%\r\n      padding-top 40px\r\n      padding-left 16px\r\n      padding-right 16px\r\n\r\n    .plan-select-wrapper\r\n      margin-bottom 10px\r\n\r\n    .plan-sale\r\n      padding 12px 0\r\n      text-align center\r\n      border-top 1px solid $gray2\r\n      border-bottom 1px solid $gray2\r\n      margin 12px 0\r\n\r\n      img\r\n        vertical-align sub\r\n    .plan-item\r\n      border 0\r\n      padding 10px 0\r\n\r\n\r\n  .option-st\r\n    border 1px solid $gray1\r\n    border-radius 8px\r\n    margin-bottom 20px\r\n\r\n\r\n  .tag-primary\r\n    color $primary\r\n    background-color $primary-light2\r\n    border-radius 4px\r\n    font-size 13px\r\n    padding 2px 8px\r\n\r\n  .box-step\r\n    max-width 450px\r\n    margin 0 auto\r\n    padding 32px\r\n    background-color $gray4\r\n    border-radius 8px\r\n    text-align left\r\n\r\n  .box-info\r\n    margin-top 4px\r\n    background-color $gray3\r\n    width 100%\r\n    padding 10px\r\n    border-radius 8px\r\n    display flex\r\n    align-items center\r\n    justify-content center\r\n\r\n    img\r\n      width 16px\r\n      height 16px\r\n      margin-right 4px\r\n\r\n\r\n  .pc\r\n    .option-st\r\n      padding 20px 24px\r\n\r\n    .option-st.selected\r\n      padding 19px 23px\r\n\r\n  .mobile\r\n    .option-st\r\n      padding 16px 20px\r\n\r\n    .option-st.selected\r\n      padding 15px 19px\r\n\r\n  .disabled\r\n    background-color #eee\r\n\r\n  .selected\r\n    border 2px solid $primary !important\r\n\r\n  .step4-content-wrapper\r\n    background-image url(/static/img/bg_info.svg)\r\n    background-repeat no-repeat\r\n    background-size cover\r\n    background-position center\r\n    height 381px\r\n    padding 40px 50px\r\n    text-align left\r\n    display flex\r\n    align-items center\r\n    justify-content space-between\r\n\r\n  .title-s-box\r\n    padding-bottom 12px\r\n    border-bottom 1px solid $gray2\r\n\r\n  .hosting-box\r\n    width 100%\r\n    padding-top 60px\r\n    border-top 1px solid $gray\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!./ServiceCreateStep2.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!./ServiceCreateStep2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceCreateStep2.vue?vue&type=template&id=ff923a2e&scoped=true&\"\nimport script from \"./ServiceCreateStep2.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceCreateStep2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceCreateStep2.vue?vue&type=style&index=0&id=ff923a2e&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  \"ff923a2e\",\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!./ServiceCreateStep2.vue?vue&type=style&index=0&id=ff923a2e&lang=stylus&scoped=true&\""],"sourceRoot":""}