{"version":3,"sources":["webpack:///./src/components/page/ServiceCreate/ServiceCreateStep5.vue?f40c","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep5.vue?33d1","webpack:///src/components/page/ServiceCreate/ServiceCreateStep5.vue","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep5.vue?0002","webpack:///./src/components/page/ServiceCreate/ServiceCreateStep5.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_l","st1_c","st1_c_idx","key","attrs","_s","_m","on","clickNext","staticRenderFns","component"],"mappings":"6bAAA,W,4CCAA,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,CAACG,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACN,EAAIQ,GAAG,6CAA6CJ,EAAG,MAAM,CAACE,YAAY,wBAAwBC,YAAY,CAAC,aAAa,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,QAAQ,eAAe,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,8BAA8BR,EAAIS,GAAIT,EAAY,UAAE,SAASU,EAAMC,GAAW,OAAOP,EAAG,MAAM,CAACQ,IAAK,SAAWD,EAAWL,YAAY,OAAOC,YAAY,CAAC,cAAc,aAAa,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQM,MAAM,CAAC,IAAM,8BAA8BT,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,cAAc,QAAQ,CAACP,EAAIQ,GAAGR,EAAIc,GAAGJ,YAAe,GAAGN,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,SAASM,MAAM,CAAC,IAAM,oCAAoCT,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIe,GAAG,GAAGX,EAAG,MAAM,CAACG,YAAY,CAAC,QAAU,iBAAiB,mBAAmB,UAAU,gBAAgB,QAAQP,EAAIS,GAAIT,EAAY,UAAE,SAASU,EAAMC,GAAW,OAAOP,EAAG,MAAM,CAACQ,IAAK,SAAWD,EAAWL,YAAY,OAAOC,YAAY,CAAC,cAAc,aAAa,aAAa,SAAS,CAACH,EAAG,MAAM,CAACE,YAAY,cAAcC,YAAY,CAAC,MAAQ,OAAO,OAAS,QAAQM,MAAM,CAAC,IAAM,8BAA8BT,EAAG,MAAM,CAACE,YAAY,aAAaC,YAAY,CAAC,aAAa,OAAO,cAAc,QAAQ,CAACP,EAAIQ,GAAGR,EAAIc,GAAGJ,WAAc,OAAON,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,QAAQS,GAAG,CAAC,MAAQhB,EAAIiB,YAAY,CAACjB,EAAIQ,GAAG,kBAC74DU,EAAkB,CAAC,WAAa,IAAIlB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,2DAA2D,CAACN,EAAIQ,GAAG,eAAeJ,EAAG,MAAMJ,EAAIQ,GAAG,aAAaJ,EAAG,MAAMJ,EAAIQ,GAAG,yBC4C/P,GACE,KAAF,qBACE,WAAF,GACE,MAAF,CACI,MAAJ,CACM,KAAN,SAGE,KARF,WASI,MAAJ,CACM,SAAN,CACA,yBACA,oCACA,6BAIE,SAAF,GAEE,QAAF,CACI,UADJ,WAEM,KAAN,iBClE0X,I,wBCQtXW,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2543a833.d612bb02.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!./ServiceCreateStep5.vue?vue&type=style&index=0&id=2414b7aa&lang=stylus&scoped=true&\"","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',{staticStyle:{\"margin-top\":\"12px\"}},[_c('div',{staticClass:\"pc\"},[_c('div',{staticClass:\"h6 main step-title\"},[_vm._v(\"내 서비스가 개설되면 다양한 앱이 있는 앱 마켓도 이용 할 수 있어요.\")]),_c('div',{staticClass:\"step4-content-wrapper\",staticStyle:{\"margin-top\":\"40px\"}},[_c('div',{staticStyle:{\"width\":\"350px\",\"margin-right\":\"92px\"}},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(\"개설 후 팩과 플러그인을 추가할 수 있어요.\")]),_vm._l((_vm.contents),function(st1_c,st1_c_idx){return _c('div',{key:(\"st1_c-\" + st1_c_idx),staticClass:\"flex\",staticStyle:{\"align-items\":\"flex-start\",\"margin-top\":\"16px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"22px\",\"height\":\"22px\"},attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"body2 sub2\",staticStyle:{\"margin-left\":\"8px\"}},[_vm._v(_vm._s(st1_c))])])})],2),_c('img',{staticStyle:{\"width\":\"433px\"},attrs:{\"src\":\"/static/img/app_market.png\"}})])]),_c('div',{staticClass:\"mobile\"},[_vm._m(0),_c('div',{staticStyle:{\"padding\":\"16px 20px 32px\",\"background-color\":\"#f5f5f5\",\"border-radius\":\"8px\"}},_vm._l((_vm.contents),function(st1_c,st1_c_idx){return _c('div',{key:(\"st1_c-\" + st1_c_idx),staticClass:\"flex\",staticStyle:{\"align-items\":\"flex-start\",\"margin-top\":\"16px\"}},[_c('img',{staticClass:\"svg-primary\",staticStyle:{\"width\":\"24px\",\"height\":\"24px\"},attrs:{\"src\":\"/static/icon/u_check.svg\"}}),_c('div',{staticClass:\"body4 sub2\",staticStyle:{\"text-align\":\"left\",\"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 = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center margin-bottom-32 main mo-section-title-bold\"},[_vm._v(\"내 서비스가 개설되면\"),_c('br'),_vm._v(\"다양한 앱이 있는\"),_c('br'),_vm._v(\"앱 마켓도 이용 할 수 있어요.\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"step-container\">\r\n    <div class=\"text-center\">\r\n      <div style=\"margin-top:12px\">\r\n\r\n          <div class=\"pc\">\r\n            <div class=\"h6 main step-title\">내 서비스가 개설되면 다양한 앱이 있는 앱 마켓도 이용 할 수 있어요.</div>\r\n            <div class=\"step4-content-wrapper\" style=\"margin-top:40px\">\r\n              <div style=\"width:350px;margin-right:92px\">\r\n                <div class=\"subtitle4 main\">개설 후 팩과 플러그인을 추가할 수 있어요.</div>\r\n                <div class=\"flex\"\r\n                     style=\"align-items:flex-start;margin-top:16px\"\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=\"width:22px;height:22px\"/>\r\n                  <div class=\"body2 sub2\" style=\"margin-left:8px\">{{ st1_c }}</div>\r\n                </div>\r\n              </div>\r\n              <img src=\"/static/img/app_market.png\" style=\"width:433px\"/>\r\n            </div>\r\n          </div>\r\n          <div class=\"mobile\">\r\n            <div class=\"text-center margin-bottom-32 main mo-section-title-bold\">내 서비스가 개설되면<br>다양한 앱이 있는<br>앱 마켓도 이용 할 수 있어요.</div>\r\n            <div style=\"padding:16px 20px 32px;background-color: #f5f5f5;border-radius: 8px;\">\r\n              <div class=\"flex\"\r\n                  style=\"align-items:flex-start;margin-top:16px\"\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=\"width:24px;height:24px\"/>\r\n                <div class=\"body4 sub2\" style=\"text-align:left;margin-left:8px\">{{ st1_c }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\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: \"ServiceCreateStep5\",\r\n    components: {},\r\n    props: {\r\n      order: {\r\n        type: Object\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        contents: [\r\n          '앱 마켓에 있는 기능들도 14일간 무료!',\r\n          '내 플랫폼 서비스에 원하는 기능을 자유롭게 붙여볼 수 있어요',\r\n          '작게 시작하고! 플러그인으로 고도화 하고!'\r\n        ],\r\n      }\r\n    },\r\n    computed: {\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!./ServiceCreateStep5.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!./ServiceCreateStep5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ServiceCreateStep5.vue?vue&type=template&id=2414b7aa&scoped=true&\"\nimport script from \"./ServiceCreateStep5.vue?vue&type=script&lang=js&\"\nexport * from \"./ServiceCreateStep5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ServiceCreateStep5.vue?vue&type=style&index=0&id=2414b7aa&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  \"2414b7aa\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}