{"version":3,"sources":["webpack:///./src/components/page/CareServiceIntro.vue?40cf","webpack:///./src/components/component/LpBanner.vue?94ac","webpack:///./src/components/component/LpBanner.vue?888f","webpack:///src/components/component/LpBanner.vue","webpack:///./src/components/component/LpBanner.vue?9463","webpack:///./src/components/component/LpBanner.vue","webpack:///./src/components/page/CareServiceIntro.vue?8fbc","webpack:///src/components/page/CareServiceIntro.vue","webpack:///./src/components/page/CareServiceIntro.vue?1c29","webpack:///./src/components/page/CareServiceIntro.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_e","_v","_s","title","subTitle","staticStyle","staticRenderFns","name","props","type","String","default","img","device","color","textAlign","isDim","Boolean","contentWidthPc","contentWidthM","height","Number","top","created","setBg","ev","window","addEventListener","beforeDestroy","removeEventListener","data","bgStyle","backgroundPosition","backgroundRepeat","backgroundSize","width","position","undefined","methods","console","log","backgroundImage","innerWidth","computed","contentStylePc","contentStyleM","component","attrs","text","title1","content1","title2","content2","_l","list_item","idx","key","item","item_idx","class","price","price_sub","content_item","content_idx","star","components","list","mounted","$nextTick","setListItem","isPc","items","length"],"mappings":"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","file":"js/chunk-8032b068.9b641da0.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!./CareServiceIntro.vue?vue&type=style&index=0&id=08f45d90&lang=stylus&scoped=true&\"","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=6556acc9&lang=stylus&scoped=true&\"","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\nexport 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      console.log('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=6556acc9&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=6556acc9&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  \"6556acc9\",\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',{staticClass:\"container-top\"},[_c('div',{staticClass:\"pc\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_care_service.png\",\"device\":\"pc\",\"title\":\"런치팩 케어서비스\",\"sub-title\":\"서비스 유지/관리 플랜 안내\",\"color\":\"#242428\",\"textAlign\":\"left\",\"isDim\":false,\"contentWidthPc\":\"1152px\",\"height\":320}}),_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:\"body2 sub2 margin-top-24 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_c('div',{staticClass:\"flex-align\",staticStyle:{\"margin-top\":\"80px\"}},[_c('div',{staticClass:\"subtitle3 main\"},[_vm._v(_vm._s(_vm.text.title2))])]),_c('div',{staticClass:\"body2 sub2 margin-top-24 introduction-content\"},[_vm._v(_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-24\"},[_c('div',{staticClass:\"card-wrapper\"},_vm._l((_vm.list),function(list_item,idx){return _c('div',{key:(\"hosting-\" + idx),staticClass:\"card-info\"},[_c('div',{staticClass:\"body0-bold primary\"},[_vm._v(_vm._s(list_item.title))]),_c('div',{staticClass:\"margin-top-24\"},_vm._l((list_item.items),function(item,item_idx){return _c('div',{key:'item-' + item_idx,staticClass:\"card-inner\",class:{\n                  'margin-top-24': item_idx > 0\n                }},[_c('div',{staticClass:\"flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"flex\",staticStyle:{\"align-items\":\"flex-start\",\"gap\":\"0 8px\"}},[_c('div',{staticClass:\"red-dot\"}),_c('div',{staticClass:\"body0-bold main\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticStyle:{\"text-align\":\"right\"}},[_c('div',{staticClass:\"body2-bold main\"},[_vm._v(_vm._s(item.price))]),_c('div',{staticClass:\"body5 sub2\"},[_vm._v(_vm._s(item.price_sub))])])]),_c('ul',{staticClass:\"margin-top-4\"},_vm._l((item.content),function(content_item,content_idx){return _c('li',{key:'content-' + content_idx,staticClass:\"content-item body2 sub\"},[_vm._v(_vm._s(content_item))])}),0)])}),0)])}),0),_c('div',{staticClass:\"margin-top-24 body4 sub2 introduction-content\"},[_vm._v(_vm._s(_vm.text.star))])])])])],1),_c('div',{staticClass:\"mobile\"},[_c('lp-banner',{attrs:{\"img\":\"page_thumb_care_service_m.png\",\"device\":\"mobile\",\"title\":\"런치팩 케어서비스\",\"sub-title\":\"서비스 유지/관리 플랜 안내\",\"color\":\"#242428\",\"isDim\":false,\"height\":280,\"top\":\"30%\"}}),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"padding-top-32\"},[_c('div',{staticClass:\"flex-align\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(_vm._s(_vm.text.title1))])]),_c('div',{staticClass:\"body4 sub2 margin-top-24 introduction-content\"},[_vm._v(_vm._s(_vm.text.content1))]),_c('div',{staticClass:\"flex-align margin-top-32\"},[_c('div',{staticClass:\"subtitle4 main\"},[_vm._v(_vm._s(_vm.text.title2))])]),_c('div',{staticClass:\"body4 sub2 margin-top-24 introduction-content\"},[_vm._v(\" \"+_vm._s(_vm.text.content2))]),_c('div',{staticClass:\"margin-top-32\"},[_c('div',_vm._l((_vm.list),function(list_item,idx){return _c('div',{key:(\"hosting-\" + idx),staticClass:\"card-info\"},[_c('div',{staticClass:\"h8 primary\"},[_vm._v(_vm._s(list_item.title))]),_c('div',{staticClass:\"margin-top-20\"},_vm._l((list_item.items),function(item,item_idx){return _c('div',{key:'item-' + item_idx,staticClass:\"card-inner\",class:{\n                  'margin-top-20': item_idx > 0\n                }},[_c('div',{staticClass:\"flex-between\",staticStyle:{\"align-items\":\"flex-start\"}},[_c('div',{staticClass:\"flex\",staticStyle:{\"align-items\":\"flex-start\",\"gap\":\"0 8px\"}},[_c('div',{staticClass:\"red-dot\"}),_c('div',{staticClass:\"h8 main\",staticStyle:{\"white-space\":\"pre-line\"}},[_vm._v(_vm._s(item.name))])]),_c('div',{staticStyle:{\"text-align\":\"right\"}},[_c('div',{staticClass:\"body3-bold main\"},[_vm._v(_vm._s(item.price))]),_c('div',{staticClass:\"body6 sub2\"},[_vm._v(_vm._s(item.price_sub))])])]),_c('ul',{staticClass:\"margin-top-4\"},_vm._l((item.content),function(content_item,content_idx){return _c('li',{key:'content-' + content_idx,staticClass:\"content-item body5 sub\"},[_vm._v(_vm._s(content_item))])}),0)])}),0)])}),0),_c('div',{staticClass:\"margin-top-32 body6 sub2 introduction-content\"},[_vm._v(_vm._s(_vm.text.star))])])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-top\">\r\n    <div class=\"pc\">\r\n      <lp-banner img=\"page_thumb_care_service.png\" device=\"pc\" title=\"런치팩 케어서비스\" sub-title=\"서비스 유지/관리 플랜 안내\"\r\n        color=\"#242428\" textAlign=\"left\" :isDim=\"false\" contentWidthPc=\"1152px\" :height=\"320\"></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-24 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align\" style=\"margin-top:80px\">\r\n            <div class=\"subtitle3 main\">{{ text.title2 }}</div>\r\n            <!-- <div class=\"body4 error margin-left-8\">*vat별도</div> -->\r\n          </div>\r\n          <div class=\"body2 sub2 margin-top-24 introduction-content\">{{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-24\">\r\n            <div class=\"card-wrapper\">\r\n              <div class=\"card-info\" v-for=\"(list_item, idx) in list\" :key=\"`hosting-${idx}`\">\r\n                <div class=\"body0-bold primary\">{{ list_item.title }}</div>\r\n                <div class=\"margin-top-24\">\r\n                  <div v-for=\"(item, item_idx) in list_item.items\" :key=\"'item-' + item_idx\" class=\"card-inner\" :class=\"{\r\n                    'margin-top-24': item_idx > 0\r\n                  }\">\r\n                    <div class=\"flex-between\" style=\"align-items: flex-start\">\r\n                      <div class=\"flex\" style=\"align-items: flex-start; gap: 0 8px\">\r\n                        <div class=\"red-dot\"></div>\r\n                        <div class=\"body0-bold main\">{{ item.name }}</div>\r\n                      </div>\r\n                      <div style=\"text-align: right\">\r\n                        <div class=\"body2-bold main\">{{ item.price }}</div>\r\n                        <div class=\"body5 sub2\">{{ item.price_sub }}</div>\r\n                      </div>\r\n                    </div>\r\n                    <ul class=\"margin-top-4\">\r\n                      <li v-for=\"(content_item, content_idx) in item.content\" :key=\"'content-' + content_idx\"\r\n                        class=\"content-item body2 sub\">{{ content_item }}</li>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <!-- <div class=\"margin-top-8\">\r\n                  <div class=\"flex-align\" v-if=\"item.price===0\">\r\n                    <span class=\"h5 main\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main margin-left-4\">원</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=\"flex-align\" v-else>\r\n                    <span class=\"body4 main\">충전금 최소</span>\r\n                    <span class=\"h5 main margin-left-4 margin-right-4\">{{ item.price | currencyNum }}</span>\r\n                    <span class=\"body4 main\">원 부터</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"flex margin-top-28\">\r\n                  <div class=\"body2-bold sub\">제공 내용</div>\r\n                  <div class=\"body2 sub margin-left-16\" style=\"white-space:pre-line\">{{ item.content }}</div>\r\n                </div> -->\r\n              </div>\r\n            </div>\r\n            <div class=\"margin-top-24 body4 sub2 introduction-content\">{{ text.star }}</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_care_service_m.png\" device=\"mobile\" title=\"런치팩 케어서비스\" sub-title=\"서비스 유지/관리 플랜 안내\"\r\n        color=\"#242428\" :isDim=\"false\" :height=\"280\" top=\"30%\"></lp-banner>\r\n      <div class=\"container\">\r\n        <div class=\"padding-top-32\">\r\n          <div class=\"flex-align\">\r\n            <div class=\"subtitle4 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-24 introduction-content\">{{ text.content1 }}</div>\r\n\r\n          <div class=\"flex-align margin-top-32\">\r\n            <div class=\"subtitle4 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-24 introduction-content\">\r\n            {{ text.content2 }}</div>\r\n\r\n          <div class=\"margin-top-32\">\r\n            <div>\r\n              <div class=\"card-info\" v-for=\"(list_item, idx) in list\" :key=\"`hosting-${idx}`\">\r\n                <div class=\"h8 primary\">{{ list_item.title }}</div>\r\n                <div class=\"margin-top-20\">\r\n                  <div v-for=\"(item, item_idx) in list_item.items\" :key=\"'item-' + item_idx\" class=\"card-inner\" :class=\"{\r\n                    'margin-top-20': item_idx > 0\r\n                  }\">\r\n                    <div class=\"flex-between\" style=\"align-items: flex-start\">\r\n                      <div class=\"flex\" style=\"align-items: flex-start; gap: 0 8px\">\r\n                        <div class=\"red-dot\"></div>\r\n                        <div class=\"h8 main\" style=\"white-space: pre-line\">{{ item.name }}</div>\r\n                      </div>\r\n                      <div style=\"text-align: right\">\r\n                        <div class=\"body3-bold main\">{{ item.price }}</div>\r\n                        <div class=\"body6 sub2\">{{ item.price_sub }}</div>\r\n                      </div>\r\n                    </div>\r\n                    <ul class=\"margin-top-4\">\r\n                      <li v-for=\"(content_item, content_idx) in item.content\" :key=\"'content-' + content_idx\"\r\n                        class=\"content-item body5 sub\">{{ content_item }}</li>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"margin-top-32 body6 sub2 introduction-content\">{{ text.star }}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport LpBanner from \"../component/LpBanner\";\r\nexport default {\r\n  name: \"CareServiceIntro\",\r\n  components: { LpBanner },\r\n  data() {\r\n    return {\r\n      list: [\r\n        // {\r\n        //   name: '기본',\r\n        //   price: 0,\r\n        //   content: '기본 서비스 보안, 유지보수\\n' +\r\n        //     '관리자 사이트 1:1 문의 서비스 제공'\r\n        // },\r\n        // {\r\n        //   name: '케어서비스 10시간 ',\r\n        //   price: 550000,\r\n        //   content: '서비스 수정, 운영, 에러의 안정적인 해결\\n' +\r\n        //     ' 기획/개발/디자인 등의 추가 용역'\r\n        // }\r\n        {\r\n          title: 'Track(문의 접수)',\r\n          items: [\r\n            {\r\n              name: 'Basic',\r\n              price: '솔루션 이용료',\r\n              price_sub: '*상품별 상이',\r\n              content: [\r\n                '공식홈페이지 고객센터로 문의 접수',\r\n                '서버, 결제 관련 이슈 문의 최대 72시간 내 답변',\r\n                '프론트엔드 관련 이슈 문의 최대 7일 내 답변',\r\n                '솔루션 정기 업데이트',\r\n                '월1회 솔루션 개선 요청 창구의 문의를 수집하여 개발 여부 결정'\r\n              ]\r\n            },\r\n            {\r\n              name: 'Fast',\r\n              price: '70,000원/월',\r\n              price_sub: '*vat 별도',\r\n              content: [\r\n                '어드민 내 1:1 문의 창구 개설 및 담당자 매칭',\r\n                '서버, 결제 관련 이슈 문의 최대 24시간 내 답변',\r\n                '프론트엔드 관련 이슈 문의 최대 2일 내 답변',\r\n                '솔루션 정기 업데이트 외 추가기능 즉시 적용 요청 가능',\r\n                '솔루션 보완 기능 요청 시 실작업시간의 50%만 청구하여 진행'\r\n              ]\r\n            }\r\n          ]\r\n        },\r\n        {\r\n          title: 'Care(지원)',\r\n          items: [\r\n            {\r\n              name: 'Care 4',\r\n              price: '70,000원/월',\r\n              price_sub: '*vat 별도',\r\n              content: [\r\n                '4시간의 지원/해결 보장 시간 제공',\r\n                '1:1 문의 지원'\r\n              ]\r\n            },\r\n            {\r\n              name: 'Care 8',\r\n              price: '150,000원/월',\r\n              price_sub: '*vat 별도',\r\n              content: [\r\n                '8시간의 지원/해결 보장 시간 제공',\r\n                '1:1 문의 지원'\r\n              ]\r\n            },\r\n            {\r\n              name: 'Care Ondemand',\r\n              price: '500,000원/건',\r\n              price_sub: '*선 충전금, vat 별도',\r\n              content: [\r\n                '선 충전 후 용역 발생 시마다 작업 시간 만큼의 금액 차감',\r\n                '작업 종류에 따라 시간 당 5만~8만 원 책정'\r\n              ]\r\n            }\r\n          ]\r\n        },\r\n      ],\r\n      text: {\r\n        title1: '케어서비스란?',\r\n        title2: '케어서비스 요금제 상세 안내',\r\n        content1: '런치팩에서는 개발팀이 없는 창업팀도 서비스 운영 과정에서 발생하는 모든 보수 사항들과 추가 개발에 대한 대응이 가능하도록\\n' +\r\n          '자체 유지/관리 서비스를 제공합니다.\\n\\n' +\r\n          '외주가 아닌 런치팩 내부 직원들이 작업을 진행하기 때문에\\n' +\r\n          '커뮤니케이션이나 작업 퀄리티 부분에 있어 걱정하시는 이슈 없이, 원활한 비즈니스를 하실 수 있도록 돕고 있습니다.\\n\\n' +\r\n          '런치팩의 유지관리 플랜은 Track(문의 접수)와 Care(지원)의 두 가지 종류로 분류되며,\\n' +\r\n          '각 항목 내 옵션들 중 하나씩 선택 및 조합하셔서 비즈니스 맞춤 유지관리 서비스를 합리적인 가격으로 이용하실 수 있습니다.\\n\\n' +\r\n          '안정적인 풀 케어 서비스를 통해 유저 락인(Lock-In)을 높여 보세요!',\r\n        content2: '이 요금제는 테마 상품(임대형 서비스) 이용 시에 최적화되어 있습니다.\\n' +\r\n          '테마 기반 부분수정 개발 범위 이상 스펙으로 구축된 서비스의 경우 담당자가 따로 안내하여 드립니다.\\n' +\r\n          '케어서비스 가입 및 변경을 원하시는 경우 어드민 내에서 결제해 주시거나, 문의창구를 통해 요청 내용을 남겨 주시면 1일 내 처리됩니다.',\r\n        star: '*Track과 Care 내 각 옵션을 고객이 원하는 대로 선택하여 월 관리비를 책정합니다.\\n' +\r\n          '*케어서비스 결제 후 고객센터 또는 어드민 1:1 창구를 통해 필요하신 작업을 요청하시면 해당 사항에 대한 차감 시간 또는 차감 금액을 확인해 드리고 진행합니다.\\n' +\r\n          '*케어서비스는 고객의 서비스 운영에 필요한 사항이면 어떠한 요청에도 적용 가능합니다.\\n' +\r\n          '*Basic Track 이용 고객은 언제든지 Fast Track 신청이 가능합니다.\\n' +\r\n          '*미사용 시간은 다음 달로 이월되지 않습니다.\\n' +\r\n          '*Care4, Care8 플랜에서 보장하는 시간이 전부 사용되면 Care Ondemand 시행기준에 따라 지원될 추가 용역에 대해 과금합니다.\\n' +\r\n          '*Care 플랜으로 개발 진행 시 14일 이내 동일 작업 범위 안에서 동일 원인으로 인한 오류가 발생할 경우 해당 기능에 대한 무상 대응 서비스를 제공합니다.\\n' +\r\n          '(단, 작업 범위가 같더라도 오류 발생 요인이 다르면 다른 건으로 구분됩니다.)\\n' +\r\n          '*지속 작업일 수가 2일을 초과할 것으로 예상되는 요청의 경우 플랜 보장범위 외 별도 견적으로 작업을 진행할 수 있습니다.'\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      window.addEventListener('resize', () => {\r\n        this.setListItem();\r\n      })\r\n    })\r\n  },\r\n  methods: {\r\n    setListItem() {\r\n      let isPc = window.matchMedia('(min-width:1025px').matches;\r\n      if (!isPc) {\r\n        this.list[1].items[this.list[1].items.length - 1].name = 'Care\\n' + 'Ondemand'\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(2, 1fr)\r\n    .card-info\r\n      border 1px solid $gray\r\n      padding 32px 40px\r\n      border-radius 8px\r\n      .card-inner\r\n        padding-bottom 24px\r\n        border-bottom 1px solid $gray2\r\n      .card-inner:last-child\r\n        padding-bottom 0px\r\n        border-bottom none\r\n      .red-dot\r\n        width 6px\r\n        height 6px\r\n        background-color $primary\r\n      .content-item\r\n        display flex\r\n        align-items center\r\n      .content-item::before\r\n        content \"·\"\r\n        margin-left -7px\r\n        margin-right 4px\r\n        font-size 32px\r\n\r\n  .mobile\r\n    .card-info\r\n      border 1px solid $gray1\r\n      padding 24px 20px\r\n      border-radius 8px\r\n      margin-top 20px\r\n      .card-inner\r\n        padding-bottom 20px\r\n        border-bottom 1px solid $gray2\r\n      .card-inner:last-child\r\n        padding-bottom 0px\r\n        border-bottom none\r\n      .red-dot\r\n        width 6px\r\n        height 6px\r\n        background-color $primary\r\n      .content-item\r\n        display flex\r\n      .content-item::before\r\n        content \"·\"\r\n        margin-left -6px\r\n        margin-right 4px\r\n        font-size 28px\r\n    .card-info:first-child\r\n      margin-top 0px\r\n\r\n  .card-issue-wrapper\r\n    display grid\r\n    grid-gap 24px\r\n    grid-template-columns repeat(2, 1fr)\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!./CareServiceIntro.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!./CareServiceIntro.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CareServiceIntro.vue?vue&type=template&id=08f45d90&scoped=true&\"\nimport script from \"./CareServiceIntro.vue?vue&type=script&lang=js&\"\nexport * from \"./CareServiceIntro.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CareServiceIntro.vue?vue&type=style&index=0&id=08f45d90&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  \"08f45d90\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}