{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?944f","webpack:///./src/components/page/HostingIntro.vue?c2d1","webpack:///src/components/page/HostingIntro.vue","webpack:///./src/components/page/HostingIntro.vue?777f","webpack:///./src/components/page/HostingIntro.vue","webpack:///./src/components/component/LpBanner.vue?01cd","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue","webpack:///./src/components/page/HostingIntro.vue?4b03"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","text","title1","content1","_m","content2","_l","item","key","name","price_type","_f","price","price_text","desc","title2","staticRenderFns","staticStyle","component","style","_e","title","subTitle"],"mappings":"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","file":"js/chunk-21fd9074.bd69b27b.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!./LpBanner.vue?vue&type=style&index=0&id=fcf49d94&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('lp-banner',{attrs:{\"img\":\"page_thumb_server_hosting.png\",\"device\":\"pc\",\"title\":\"AWS 서버 호스팅\",\"sub-title\":\"아마존 웹서비스 서버\"}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"padding-top-80\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(_vm._s(_vm.text.title1))]),_c('div',{staticClass:\"body4 error margin-left-8\"},[_vm._v(\"*필수가입사항\")])]),_c('div',{staticClass:\"body2 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_vm._m(0),_c('div',{staticClass:\"body2 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-52\"},[_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info\"},[_c('div',{staticClass:\"h7 primary\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"margin-top-4\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"h5 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]):_c('div',{staticClass:\"h5 main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"lp-divider-gray2 margin-top-24 margin-bottom-36\"}),_c('div',{staticClass:\"body2 sub3 padding-bottom-24\"},[_c('div',[_vm._v(_vm._s(item.desc))]),_c('div',[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)])])])],1),_c('div',{staticClass:\"mobile\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_server_hosting.png\",\"device\":\"mobile\",\"title\":\"AWS 서버 호스팅\",\"sub-title\":\"아마존 웹서비스 서버\"}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"padding-top-32\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.text.title1))]),_c('div',{staticClass:\"body6 error margin-left-8\"},[_vm._v(\"*필수가입사항\")])]),_c('div',{staticClass:\"body4 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_c('div',{staticClass:\"flex-align margin-top-32\"},[_c('div',{staticClass:\"subtitle5 main\"},[_vm._v(_vm._s(_vm.text.title2))]),_c('div',{staticClass:\"body6 error margin-left-8\"},[_vm._v(\"*vat별도\")])]),_c('div',{staticClass:\"body4 sub2 margin-top-16 introduction-content\"},[_vm._v(_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-52\"},[_c('div',_vm._l((_vm.list),function(item){return _c('div',{key:(\"hosting-\" + (item.id)),staticClass:\"card-info\"},[_c('div',{staticClass:\"h7 primary\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"margin-top-4\"},[(item.price_type===0)?_c('div',[_c('span',{staticClass:\"h7 main\"},[_vm._v(_vm._s(_vm._f(\"currencyNum\")(item.price)))]),_c('span',{staticClass:\"body4 main\"},[_vm._v(\"원\")]),_c('span',{staticClass:\"body4 sub3\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"body4 sub3 margin-left-4\"},[_vm._v(\"월\")])]):_c('div',{staticClass:\"h7 main\"},[_vm._v(_vm._s(item.price_text))])]),_c('div',{staticClass:\"lp-divider-gray2 margin-top-16 margin-bottom-16\"}),_c('div',{staticClass:\"body2 sub3\"},[_c('div',[_vm._v(_vm._s(item.desc))]),_c('div',[_vm._v(_vm._s(item.name==='BASIC'? '최초 개설 시 추천':''))])])])}),0)])])])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-top\":\"90px\"}},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(\"플랜 및 가격\")]),_c('div',{staticClass:\"body4 error margin-left-8\"},[_vm._v(\"*vat별도\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <lp-banner img=\"page_thumb_server_hosting.png\" device=\"pc\"\r\n                 title=\"AWS 서버 호스팅\" sub-title=\"아마존 웹서비스 서버\"></lp-banner>\r\n      <div class=\"container\">\r\n        <div class=\"padding-top-80\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"subtitle3 main\">{{ text.title1 }}</div>\r\n            <div class=\"body4 error margin-left-8\">*필수가입사항</div>\r\n          </div>\r\n          <div class=\"body2 sub2 margin-top-16 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align\" style=\"margin-top:90px\">\r\n            <div class=\"subtitle3 main\">플랜 및 가격</div>\r\n            <div class=\"body4 error margin-left-8\">*vat별도</div>\r\n          </div>\r\n          <div class=\"body2 sub2 margin-top-16 introduction-content\">{{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-52\">\r\n            <div class=\"card-wrapper\">\r\n              <div class=\"card-info\" v-for=\"item in list\" :key=\"`hosting-${item.id}`\">\r\n                <div class=\"h7 primary\">{{ item.name }}</div>\r\n                <div class=\"margin-top-4\">\r\n                  <div v-if=\"item.price_type===0\">\r\n                    <span class=\"h5 main\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main\">원</span>\r\n                    <span class=\"body4 sub3\">/</span>\r\n                    <span class=\"body4 sub3 margin-left-4\">월</span>\r\n                  </div>\r\n                  <div class=\"h5 main\" v-else>{{ item.price_text }}</div>\r\n                </div>\r\n                <div class=\"lp-divider-gray2 margin-top-24 margin-bottom-36\"></div>\r\n                <div class=\"body2 sub3 padding-bottom-24\">\r\n                  <div>{{ item.desc }}</div>\r\n                  <div>{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"mobile\">\r\n      <lp-banner img=\"page_thumb_server_hosting.png\" device=\"mobile\"\r\n                 title=\"AWS 서버 호스팅\" sub-title=\"아마존 웹서비스 서버\"></lp-banner>\r\n      <div class=\"container\">\r\n        <div class=\"padding-top-32\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"subtitle5 main\">{{ text.title1 }}</div>\r\n            <div class=\"body6 error margin-left-8\">*필수가입사항</div>\r\n          </div>\r\n          <div class=\"body4 sub2 margin-top-16 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align margin-top-32\">\r\n            <div class=\"subtitle5 main\">{{ text.title2 }}</div>\r\n            <div class=\"body6 error margin-left-8\">*vat별도</div>\r\n          </div>\r\n          <div class=\"body4 sub2 margin-top-16 introduction-content\">{{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-52\">\r\n            <div>\r\n              <div class=\"card-info\" v-for=\"item in list\" :key=\"`hosting-${item.id}`\">\r\n                <div class=\"h7 primary\">{{ item.name }}</div>\r\n                <div class=\"margin-top-4\">\r\n                  <div v-if=\"item.price_type===0\">\r\n                    <span class=\"h7 main\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main\">원</span>\r\n                    <span class=\"body4 sub3\">/</span>\r\n                    <span class=\"body4 sub3 margin-left-4\">월</span>\r\n                  </div>\r\n                  <div class=\"h7 main\" v-else>{{ item.price_text }}</div>\r\n                </div>\r\n                <div class=\"lp-divider-gray2 margin-top-16 margin-bottom-16\"></div>\r\n                <div class=\"body2 sub3\">\r\n                  <div>{{ item.desc }}</div>\r\n                  <div>{{ item.name==='BASIC'? '최초 개설 시 추천':'' }}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n  import LpBanner from \"../component/LpBanner\";\r\n  export default {\r\n    name: \"HostingIntro\",\r\n    components: {LpBanner},\r\n    created() {\r\n      this.getData();\r\n    },\r\n    data() {\r\n      return {\r\n        list: [],\r\n        text: {\r\n          title1: 'AWS 서버 호스팅이란?',\r\n          title2: '플랜 및 가격',\r\n          content1: '고객의 서비스 개설 및 플랫폼 유지를 위해 필요한 안정적인 서버를 제공합니다.  런치팩에서 제공하는 호스팅은  AWS 서비스를 기반으로 하며 지속성과 안정성을 보장합니다. \\n' +\r\n            '*AWS-Amazon web  services',\r\n          content2: '동시접속자의 수에 따라 플랜이 결정됩니다. 동시 접속 수는 1초에 서비스에서 발생하는 서버 호출 트래픽 양을 대략적으로 환산한 수치로 실제 접속한 사용자의 수와 차이가 있을 수 있습니다.\\n' +\r\n            '\\n' +\r\n            '100건 미만/100~500건/500건 이상으로 플랜이 구분되며, 약 500건 이상의 동시 접속 수가 꾸준히 발생하는 서비스의 경우 해당 서비스의 트래픽 환경에 적합한 서버를 구성해 드리는 독립 호스팅을 추천드립니다. \\n' +\r\n            '\\n' +\r\n            '최초 개설시에는 BASIC 단계를 추전드리며, 차후 접속자 수에 따라 플랜변경이 가능합니다. '\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      getData() {\r\n        this.$axios.get('public/launchpack/hosting').then(res=>{\r\n          this.list = res.data;\r\n        })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"stylus\" scoped>\r\n  @import '~assets/css/lp_main'\r\n  .pc\r\n    .card-wrapper\r\n      display grid\r\n      grid-gap 24px\r\n      grid-template-columns repeat(3, 1fr)\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 32px 40px\r\n      border-radius 8px\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 24px\r\n      border-radius 8px\r\n      margin-top 24px\r\n\r\n  .introduction-content\r\n    white-space pre-line\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!./HostingIntro.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!./HostingIntro.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HostingIntro.vue?vue&type=template&id=c8ab18a0&scoped=true&\"\nimport script from \"./HostingIntro.vue?vue&type=script&lang=js&\"\nexport * from \"./HostingIntro.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HostingIntro.vue?vue&type=style&index=0&id=c8ab18a0&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  \"c8ab18a0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{style:(_vm.bgStyle)},[(_vm.isDim)?_c('div',{staticClass:\"dim\"}):_vm._e(),_c('div',{staticClass:\"pc content\",style:(_vm.contentStylePc)},[_c('div',{staticClass:\"h2\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle!=='')?_c('div',{staticClass:\"size-18\",staticStyle:{\"margin-top\":\"12px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()]),_c('div',{staticClass:\"mobile content\",style:(_vm.contentStyleM)},[_c('div',{staticClass:\"h6\"},[_vm._v(_vm._s(_vm.title))]),(_vm.subTitle!=='')?_c('div',{staticClass:\"size-14\",staticStyle:{\"margin-top\":\"4px\"}},[_vm._v(_vm._s(_vm.subTitle))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :style=\"bgStyle\">\r\n    <div v-if=\"isDim\" class=\"dim\"></div>\r\n    <div class=\"pc content\" :style=\"contentStylePc\">\r\n      <div class=\"h2\">{{ title }}</div>\r\n      <div class=\"size-18\" style=\"margin-top:12px\" v-if=\"subTitle!==''\">{{ subTitle }}</div>\r\n    </div>\r\n    <div class=\"mobile content\" :style=\"contentStyleM\">\r\n      <div class=\"h6\">{{ title }}</div>\r\n      <div class=\"size-14\" style=\"margin-top:4px\" v-if=\"subTitle!==''\">{{ subTitle }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: \"LpBanner\",\r\n    props: {\r\n      title: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      subTitle: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      img: {\r\n        type: String,\r\n        default: ''\r\n      },\r\n      device: {\r\n        type: String,\r\n        default: 'pc'\r\n      },\r\n      color: {\r\n        type: String,\r\n        default: 'white'\r\n      },\r\n      textAlign: {\r\n        type: String,\r\n        default: 'center'\r\n      },\r\n      isDim: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      contentWidthPc: {\r\n        type: String,\r\n        default: 'calc(100% - 80px)'\r\n      },\r\n      contentWidthM: {\r\n        type: String,\r\n        default: 'calc(100% - 80px)'\r\n      },\r\n      height: {\r\n        type: Number\r\n      },\r\n      top: {\r\n        type: String,\r\n        default: '50%'\r\n      }\r\n\r\n    },\r\n    created() {\r\n      this.setBg();\r\n      this.ev = () => {\r\n        this.setBg();\r\n      };\r\n      window.addEventListener('resize', this.ev);\r\n    },\r\n    beforeDestroy() {\r\n      window.removeEventListener('resize', this.ev);\r\n    },\r\n    data() {\r\n      return {\r\n        bgStyle: {\r\n          backgroundPosition: 'center',\r\n          backgroundRepeat: 'no-repeat',\r\n          backgroundSize: 'cover',\r\n          width: '100%',\r\n          color: 'white',\r\n          textAlign: 'center',\r\n          height: '100px',\r\n          position: 'relative'\r\n        },\r\n        ev: undefined\r\n      }\r\n    },\r\n    methods: {\r\n      setBg() {\r\n        this.bgStyle.backgroundImage = `url(/static/img/${this.img})`;\r\n        let height = 0;\r\n        if (this.height) {\r\n          height = this.height;\r\n        } else {\r\n          if(this.device === 'pc') {\r\n            height = window.innerWidth / 6;\r\n          } else {\r\n            height = window.innerWidth / 2.3;\r\n          }\r\n        }\r\n        this.bgStyle.height = `${height}px`;\r\n        this.bgStyle.color = this.color;\r\n        this.bgStyle.textAlign = this.textAlign;\r\n      }\r\n    },\r\n    computed: {\r\n      contentStylePc() {\r\n        return {\r\n          width: this.contentWidthPc,\r\n          top: this.top\r\n        }\r\n      },\r\n      contentStyleM() {\r\n        return {\r\n          width: this.contentWidthM,\r\n          top: this.top\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n  .dim\r\n    background-color rgba(0,0,0,0.3)\r\n    position absolute\r\n    top 0\r\n    left 0\r\n    width 100%\r\n    height 100%\r\n\r\n  .content\r\n    position absolute\r\n    left 50%\r\n    transform translate(-50%, -50%)\r\n    white-space pre-line\r\n    word-break keep-all\r\n\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!./LpBanner.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!./LpBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpBanner.vue?vue&type=template&id=fcf49d94&scoped=true&\"\nimport script from \"./LpBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./LpBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpBanner.vue?vue&type=style&index=0&id=fcf49d94&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  \"fcf49d94\",\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!./HostingIntro.vue?vue&type=style&index=0&id=c8ab18a0&lang=stylus&scoped=true&\""],"sourceRoot":""}