{"version":3,"sources":["webpack:///./src/components/component/LpBanner.vue?944f","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/CareServiceIntro.vue?0408","webpack:///src/components/page/CareServiceIntro.vue","webpack:///./src/components/page/CareServiceIntro.vue?1c29","webpack:///./src/components/page/CareServiceIntro.vue","webpack:///./src/components/page/CareServiceIntro.vue?cacb"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","staticClass","_e","_v","_s","title","subTitle","staticStyle","staticRenderFns","component","attrs","text","title1","content1","title2","content2","_l","list_item","idx","key","item","item_idx","class","name","price","price_sub","content_item","content_idx","star"],"mappings":"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","file":"js/chunk-5a013b62.ade09e19.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',{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","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\"\r\n                 title=\"런치팩 케어서비스\" sub-title=\"서비스 유지/관리 플랜 안내\"\r\n                 color=\"#242428\" textAlign=\"left\" :isDim=\"false\"\r\n                 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\"\r\n                    :key=\"'item-'+item_idx\" class=\"card-inner\"\r\n                    :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\"\r\n                        :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\"\r\n                 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\"\r\n                    :key=\"'item-'+item_idx\" class=\"card-inner\"\r\n                    :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\"\r\n                        :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\n  import LpBanner from \"../component/LpBanner\";\r\n  export 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: '260,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=644ba6ec&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=644ba6ec&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  \"644ba6ec\",\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!./CareServiceIntro.vue?vue&type=style&index=0&id=644ba6ec&lang=stylus&scoped=true&\""],"sourceRoot":""}