{"version":3,"sources":["webpack:///./src/components/page/Service.vue?cfd8","webpack:///src/components/page/Service.vue","webpack:///./src/components/page/Service.vue?d495","webpack:///./src/components/page/Service.vue?72bd","webpack:///./src/components/modal/LpServiceInquiryModal.vue?cabe","webpack:///./src/assets/img/img_info.png","webpack:///./src/assets/img/img_card_02.png","webpack:///./src/components/module/LpCheckBool.vue?fed0","webpack:///src/components/module/LpCheckBool.vue","webpack:///./src/components/module/LpCheckBool.vue?d336","webpack:///./src/components/module/LpCheckBool.vue?1047","webpack:///./src/assets/img/img_card_01.png","webpack:///./src/components/modal/LpServiceInquiryModal.vue?5985","webpack:///src/components/modal/LpServiceInquiryModal.vue","webpack:///./src/components/modal/LpServiceInquiryModal.vue?f618","webpack:///./src/components/modal/LpServiceInquiryModal.vue?49b9","webpack:///./src/components/module/LpCheckBool.vue?cf7c","webpack:///./src/assets/img/img_laptop.png","webpack:///./src/assets/img/img_card_03.png","webpack:///./src/components/module/oldInputFile.vue?caf3","webpack:///src/components/module/oldInputFile.vue","webpack:///./src/components/module/oldInputFile.vue?5ac9","webpack:///./src/components/module/oldInputFile.vue?cb24","webpack:///./src/assets/img/img_card_05.png","webpack:///./src/assets/img/img_main@2x.png","webpack:///./src/assets/img/img_card_04.png","webpack:///./src/components/module/oldInputFile.vue?dc14","webpack:///./src/assets/img/img_main_wave@2x.png","webpack:///./src/components/page/Service.vue?de73"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","staticStyle","on","clickTheme","_v","ref","options2","onChange","_l","item","idx","key","img","chk","_s","$event","$refs","modal","close","staticRenderFns","component","module","exports","class","isChecked","style","stopPropagation","preventDefault","clickCheck","_e","label","domProps","params","service_name","e","target","value","content","hope_date","account","setNumber","file","$set","name","phone","onKeyup","email","counsel","privacy","clickAll","contactUs","onDelete","uid","onFileChange","items","length"],"mappings":"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","file":"js/chunk-74be4e0f.29775cd9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"content-main-top-container flex relative\",attrs:{\"id\":\"service\"}},[_c('div',{staticClass:\"content-main-top flex\"},[_c('div',{staticClass:\"text\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"btn\",staticStyle:{\"color\":\"#ffffff\",\"font-weight\":\"500\"},on:{\"click\":_vm.clickTheme}},[_vm._v(\"테마 구경하기\")])]),_vm._m(2)])]),_vm._m(3),_vm._m(4),_c('div',{staticClass:\"page-container-3\"},[_c('div',{staticClass:\"content-2-container\"},[_c('div',{staticClass:\"content-2\"},[_vm._m(5),_vm._m(6),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_laptop.png\")}}),_c('div',{staticClass:\"content-slide-customdb\",attrs:{\"id\":\"content-slide-customdb\"}},[_c('slick',{ref:\"slick3\",attrs:{\"options\":_vm.options2},on:{\"afterChange\":_vm.onChange}},_vm._l((_vm.customDBSlideItems),function(item,idx){return _c('div',{key:'slide-'+idx,staticClass:\"item slick3-item\"},[_c('div',{staticStyle:{\"overflow\":\"hidden\"}},[_c('img',{staticClass:\"slick3-img\",attrs:{\"src\":item.img}})])])}),0)],1)])])])]),_c('div',{staticClass:\"page-container-4\"},[_c('div',{staticClass:\"content-3-container\"},[_c('div',{staticClass:\"content-3\"},[_c('div',[_vm._m(7),_c('div',{staticClass:\"content\"},_vm._l((_vm.checks),function(chk,idx){return _c('div',{key:'chk'+idx},[_vm._m(8,true),_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(chk))])])}),0)]),_vm._m(9)])])]),_c('sweet-modal',{ref:\"modal\"},[_c('lp-service-inquiry-modal',{on:{\"closeModal\":function($event){return _vm.$refs.modal.close()}}})],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\",staticStyle:{\"line-height\":\"42px\"}},[_vm._v(\"개발자가 없어서 \"),_c('br'),_vm._v(\"창업을 못하고 계시나요?\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_vm._v(\"런치팩을 이용하면 아이디어만 있어도 \"),_c('br'),_vm._v(\" 웹/앱 서비스를 창업할 수 있습니다. \"),_c('br'),_c('span',{staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"무엇을 기다리시나요? \"),_c('br'),_vm._v(\" 지금 바로 시장검증/시장선점 하세요!\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_main@2x.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-wave\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_main_wave@2x.png\")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-container-1\"},[_c('div',{staticClass:\"content-main-bottom-container\"},[_c('div',{staticClass:\"content-main-bottom\"},[_c('div',{staticClass:\"card-items flex\",staticStyle:{\"flex-wrap\":\"wrap\"}},[_c('div',{staticClass:\"card-item\",staticStyle:{\"margin\":\"0px 20px 20px 0px\"}},[_c('div',{staticClass:\"numbering\"},[_vm._v(\"1\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_card_01.png\")}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"솔루션 이용 신청\")])]),_c('div',{staticClass:\"card-item\"},[_c('div',{staticClass:\"numbering\"},[_vm._v(\"2\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_card_02.png\")}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"결제완료\")])]),_c('div',{staticClass:\"card-item\",staticStyle:{\"margin\":\"0px 20px 20px 0px\"}},[_c('div',{staticClass:\"numbering\"},[_vm._v(\"3\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_card_03.png\")}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"관리자 페이지 개설\")])]),_c('div',{staticClass:\"card-item\"},[_c('div',{staticClass:\"numbering\"},[_vm._v(\"4\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_card_04.png\")}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"화면/DB 구성\")])]),_c('div',{staticClass:\"card-item\"},[_c('div',{staticClass:\"numbering\"},[_vm._v(\"5\")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_card_05.png\")}})]),_c('div',{staticClass:\"text\"},[_vm._v(\"내 서비스 시작!\")])])]),_c('div',{staticClass:\"content-main-bottom-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"런치팩과 함께라면 \"),_c('br'),_vm._v(\" 누구나 웹 앱 플랫폼 서비스를 \"),_c('br'),_vm._v(\" 창업할 수 있습니다\")]),_c('div',{staticClass:\"content\"},[_vm._v(\"런치팩은 창업자들을 위해 개발자 없이도\"),_c('br'),_vm._v(\" 직접 웹/앱 서비스를 제작할 수 있는 솔루션입니다. \"),_c('br'),_vm._v(\" 제작하고자 하는 서비스에 맞춰 솔루션을 세팅하고 \"),_c('br'),_vm._v(\" 서비스화면과 관리정보를 구성하여 서비스를 시작하세요\")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\",staticStyle:{\"line-height\":\"42px\"}},[_vm._v(\"비즈니스를 하시려면 \"),_c('br'),_vm._v(\" 앱보다 관리자 페이지가 훨씬 더 중요합니다\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_vm._v(\"런치팩 솔루션은 서비스 제작 뿐만 아니라 \"),_c('br'),_vm._v(\" 비즈니스 운영이 가능하도록 맞춤형 관리자 페이지를 제공합니다. \"),_c('br'),_vm._v(\" 서비스 운영을 위해 별도의 개발과정은 필요 없습니다. \"),_c('br'),_vm._v(\" 솔루션 이용 즉시 운영에 필요한\"),_c('br',{staticClass:\"mobile\"}),_vm._v(\" 정산, 회원, 상품 등을 바로 관리할 수 있습니다. \"),_c('br')])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title service-mobile-title\",staticStyle:{\"line-height\":\"42px\"}},[_vm._v(\"런치팩은 창업자의 초기 시장 선점을 위해 \"),_c('br'),_vm._v(\"전체 클라이언트 단을 커버할 수 있도록 제공합니다. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"check\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/img_info.png\")}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 메인 소개 상단 -->\r\n    <div class=\"content-main-top-container flex relative\" id=\"service\">\r\n      <div class=\"content-main-top flex\">\r\n        <div class=\"text\">\r\n          <div class=\"title\" style=\"line-height: 42px;\">개발자가 없어서 <br />창업을 못하고 계시나요?</div>\r\n          <div class=\"content\">런치팩을 이용하면 아이디어만 있어도 <br>  웹/앱 서비스를 창업할 수 있습니다. <br />\r\n            <span style=\"font-weight:bold\">무엇을 기다리시나요? <br> 지금 바로 시장검증/시장선점 하세요!</span></div>\r\n          <div class=\"btn\" style=\"color: #ffffff; font-weight: 500\" @click=\"clickTheme\">테마 구경하기</div>\r\n        </div>\r\n        <div class=\"image\">\r\n          <img src=\"../../assets/img/img_main@2x.png\">\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"image-wave\">\r\n      <img src=\"../../assets/img/img_main_wave@2x.png\">\r\n    </div>\r\n\r\n    <!-- 메인 소개 하단 -->\r\n    <div class=\"page-container-1\">\r\n      <div class=\"content-main-bottom-container\">\r\n        <div class=\"content-main-bottom\">\r\n          <div class=\"card-items flex\" style=\"flex-wrap: wrap;\">\r\n            <div class=\"card-item\" style=\"margin: 0px 20px 20px 0px;\">\r\n              <div class=\"numbering\">1</div>\r\n              <div class=\"img\"><img src=\"../../assets/img/img_card_01.png\"></div>\r\n              <div class=\"text\">솔루션 이용 신청</div>\r\n            </div>\r\n            <div class=\"card-item\">\r\n              <div class=\"numbering\">2</div>\r\n              <div class=\"img\"><img src=\"../../assets/img/img_card_02.png\"></div>\r\n              <div class=\"text\">결제완료</div>\r\n            </div>\r\n            <div class=\"card-item\" style=\"margin: 0px 20px 20px 0px;\">\r\n              <div class=\"numbering\">3</div>\r\n              <div class=\"img\"><img src=\"../../assets/img/img_card_03.png\"></div>\r\n              <div class=\"text\">관리자 페이지 개설</div>\r\n            </div>\r\n            <div class=\"card-item\">\r\n              <div class=\"numbering\">4</div>\r\n              <div class=\"img\"><img src=\"../../assets/img/img_card_04.png\"></div>\r\n              <div class=\"text\">화면/DB 구성</div>\r\n            </div>\r\n            <div class=\"card-item\">\r\n              <div class=\"numbering\">5</div>\r\n              <div class=\"img\"><img src=\"../../assets/img/img_card_05.png\"></div>\r\n              <div class=\"text\">내 서비스 시작!</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"content-main-bottom-content\">\r\n            <div class=\"title\">런치팩과 함께라면 <br>\r\n              누구나 웹 앱 플랫폼 서비스를 <br>\r\n              창업할 수 있습니다</div>\r\n            <div class=\"content\">런치팩은 창업자들을 위해 개발자 없이도<br> 직접 웹/앱 서비스를 제작할 수 있는 솔루션입니다. <br>\r\n              제작하고자 하는 서비스에 맞춰 솔루션을 세팅하고 <br> 서비스화면과 관리정보를 구성하여 서비스를 시작하세요</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 소개내용 -->\r\n    <!--<div class=\"page-container-2 flex\">\r\n      <div class=\"content-1-container\">\r\n        <div class=\"content-1\">\r\n          <div class=\"title\" style=\"line-height: 42px;\">원하는 테마서비스를 선택하고<br>마음대로 화면을 수정해 보세요 <br class=\"pc\"></div>\r\n          <div class=\"content\">디자인 변경할 때 마다\r\n            디자이너에게 요청하고<br class=\"mobile\"> 개발업체에게 요청하고.. <br> 지치진 않으셨나요?\r\n            런치팩 솔루션은 제공되는 UI 빌더를 통해 <br>\r\n            모든 서비스 화면 페이지를 원하는대로 디자인할 수 있습니다. <br>\r\n            드래그 앤 드롭과 단축키를 이용하여 손쉽게 수정하세요</div>\r\n          <div class=\"img\"><img src=\"../../assets/img/img_laptop.png\">\r\n            <div class=\"video-container\">\r\n              <video src=\"/static/video/demovideo_builider.mp4\"\r\n                    muted autoplay=\"autoplay\" loop=\"loop\"></video>\r\n              &lt;!&ndash;onclick=\"this.play();\"&ndash;&gt;\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>-->\r\n    <div class=\"page-container-3\">\r\n      <div class=\"content-2-container\">\r\n        <div class=\"content-2\">\r\n          <div class=\"title\" style=\"line-height: 42px;\">비즈니스를 하시려면 <br>\r\n            앱보다  관리자 페이지가 훨씬 더 중요합니다</div>\r\n          <div class=\"content\">런치팩 솔루션은 서비스 제작 뿐만 아니라 <br>\r\n            비즈니스 운영이 가능하도록 맞춤형 관리자 페이지를 제공합니다. <br>\r\n            서비스 운영을 위해 별도의 개발과정은 필요 없습니다. <br>\r\n            솔루션 이용 즉시 운영에 필요한<br class=\"mobile\"> 정산, 회원, 상품 등을 바로 관리할 수 있습니다. <br>\r\n          </div>\r\n          <div class=\"img\"><img src=\"../../assets/img/img_laptop.png\">\r\n            <div class=\"content-slide-customdb\" id=\"content-slide-customdb\">\r\n              <slick ref=\"slick3\"\r\n                     @afterChange=\"onChange\"\r\n                     :options=\"options2\">\r\n                <div v-for=\"(item, idx) in customDBSlideItems\" :key=\"'slide-'+idx\" class=\"item slick3-item\">\r\n                  <div style=\"overflow: hidden;\">\r\n                    <img :src=\"item.img\" class=\"slick3-img\">\r\n                  </div>\r\n                </div>\r\n              </slick>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"page-container-4\">\r\n      <div class=\"content-3-container\">\r\n        <div class=\"content-3\">\r\n          <div>\r\n            <div class=\"title service-mobile-title\" style=\"line-height: 42px;\">런치팩은 창업자의 초기 시장 선점을 위해\r\n              <br>전체 클라이언트 단을 커버할 수 있도록 제공합니다. </div>\r\n            <div class=\"content\">\r\n              <div v-for=\"(chk,idx) in checks\" :key=\"'chk'+idx\"><div><i class=\"material-icons\">check</i></div><div class=\"text\">{{chk}}</div></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"img\"><img src=\"../../assets/img/img_info.png\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <sweet-modal ref=\"modal\">\r\n      <lp-service-inquiry-modal @closeModal=\"$refs.modal.close()\"></lp-service-inquiry-modal>\r\n    </sweet-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Slick from 'vue-slick'\r\n  import { SweetModal } from 'sweet-modal-vue';\r\n  import LpServiceInquiryModal from \"../modal/LpServiceInquiryModal\";\r\n\r\n  export default {\r\n    name: \"service\",\r\n    components: {\r\n      LpServiceInquiryModal,\r\n      Slick,\r\n      SweetModal,\r\n    },\r\n    mounted() {\r\n      if(window.innerWidth < 700) {\r\n        this.slideAmount = 1;\r\n      }\r\n\r\n      else {\r\n        this.slideAmount = 3;\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        vDemo: false,\r\n        slick: undefined,\r\n        currentSlide: 0,\r\n        slideAmount: 3,\r\n        screenWidth: screen.width,\r\n        // options: {\r\n        //   infinite: true,\r\n        //   variableWidth: false,\r\n        //   centerPadding: '0',\r\n        //   centerMode: false,\r\n        //   autoplay: true,\r\n        //   autoplaySpeed: 2500,\r\n        //   arrows: false,\r\n        //   dots: false,\r\n        //   slidesToShow: 3,\r\n        //   slidesToScroll: 1\r\n        // },\r\n        options2: {\r\n          infinite: true,\r\n          variableWidth: false,\r\n          centerPadding: '0',\r\n          centerMode: false,\r\n          autoplay: true,\r\n          arrows: false,\r\n          dots: false,\r\n          slidesToShow: 1,\r\n          slidesToScroll: 1\r\n        },\r\n        checks: [\r\n          'PC웹 (모바일 웹 뷰로 제공)',\r\n          '모바일 웹',\r\n          // '안드로이드 앱',\r\n          // 'iOS 앱',\r\n          '관리자 페이지',\r\n          '파트너(업체) 관리 페이지'\r\n        ],\r\n        slideItems: [\r\n          {\r\n            img: '/static/img/img_slide_05.png',\r\n            title: '견적서 발송을 위해\\n파트너 페이지 제공',\r\n            content: '입점 제휴 된 파트너 업체에서 바로\\n 견적요청을 확인하고 고객에게 견적서를\\n발송할 수 있게 파트너 관리자 페이지를 제공합니다'\r\n          },\r\n          {\r\n            img: '/static/img/img_slide_06.png',\r\n            title: '관리자 맞춤형\\n견적요청 양식 폼',\r\n            content: '고객이 견적 요청 시 작성하는 폼 양식을\\n다양한 형태로 제공하여 원하는대로\\n수정하고 조합하여 폼을 만들 수 있습니다'\r\n          },\r\n          {\r\n            img: '/static/img/img_slide_03.png',\r\n            title: '입점 파트너에게\\n견적 발송',\r\n            content: '사용자가 요청한 견적을 인테리어 \\n파트너업체에게 직접 선정해서 보내거나\\n자동으로 매칭해서 보낼 수 있습니다'\r\n          },\r\n          {\r\n            img: '/static/img/img_slide_02.png',\r\n            title: '테마 커스터마이징\\nUI 빌더 지원',\r\n            content: 'UI 빌더를 통해 화면디자인을\\n창업자가 원하는대로 수정하고\\n커스터마이징 할 수 있습니다'\r\n          },\r\n          {\r\n            img: '/static/img/img_slide_04.png',\r\n            title: '서비스 운영 관리\\n솔루션 제공',\r\n            content: '일반적으로 플랫폼 서비스에 필요한\\n회원관리, 파트너관리, 상품관리, 공지사항관리\\nFAQ 관리 등을 기본적으로 제공합니다'\r\n          },\r\n          {\r\n            img: '/static/img/img_slide_01.png',\r\n            title: '최신 UIUX를 반영한\\n간결하고 직관적인 디자인',\r\n            content: '사용자들이 어려워하지 않고\\n쉽게 서비스를 이용할 수 있습니다'\r\n          }\r\n        ],\r\n        customerSlideItems: [\r\n          {\r\n            img: '/static/img/img_customer_london.png',\r\n            title: '런던티켓',\r\n            content: '런던 뮤지컬 및 엔터테인먼트 티켓을\\n모아서 보여주는 서비스',\r\n            link: 'http://actuallyticket.com'\r\n          },\r\n          {\r\n            img: '/static/img/img_customer_kidsday.png',\r\n            title: '키즈데이',\r\n            content: '영유아 체험학습 및 행사정보를\\n모아서 보여주는 서비스',\r\n            link: 'http://kidsday.kr'\r\n          },\r\n          {\r\n            img: '/static/img/img_customer_farmerspace.png',\r\n            title: '파머스페이스',\r\n            content: '생산 원료가 필요한 가공업체와\\n잉여 농산물을 보유한 농가를 이어주는 서비스',\r\n            link: 'http://13.115.179.147/home'\r\n          }\r\n        ],\r\n        customDBSlideItems: [\r\n          {\r\n            img: '/static/img/img_backoffice_01.png'\r\n          },\r\n          {\r\n            img: '/static/img/img_backoffice_02.png'\r\n          }\r\n        ]\r\n      }\r\n    },\r\n\r\n    methods: {\r\n      clickTheme() {\r\n        this.setGa('테마 구경하기', '클릭', 'store', 1);\r\n        this.$router.push('store');\r\n      },\r\n      onChange(event, slick, currentSlide) {\r\n        this.currentSlide = currentSlide;\r\n      },\r\n      onModal (type) {\r\n        if (type === 'type_month') this.params.product = '580000';\r\n        if (type === 'type_opend') this.params.product = '10000000';\r\n        this.$refs.modal.open();\r\n      },\r\n      toast(msg) {\r\n        this.$root.$emit('toast', msg);\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .slick3-img {\r\n    position: relative;\r\n    left: 0px;\r\n  }\r\n\r\n  .title {\r\n    font-weight: 400;\r\n  }\r\n\r\n  .slick-slide img {\r\n    padding: 0;\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!./Service.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!./Service.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Service.vue?vue&type=template&id=753cf63e&scoped=true&\"\nimport script from \"./Service.vue?vue&type=script&lang=js&\"\nexport * from \"./Service.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Service.vue?vue&type=style&index=0&id=753cf63e&scoped=true&lang=css&\"\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  \"753cf63e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpServiceInquiryModal.vue?vue&type=style&index=0&id=4e6a20b1&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/img_info.0ef0515a.png\";","module.exports = __webpack_public_path__ + \"img/img_card_02.a0790d99.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lp-check-bool-container\"},[_c('div',{class:{ 'checked-box' : !!_vm.isChecked, 'not-checked-box' : !_vm.isChecked },style:(_vm.checkStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[(!!_vm.isChecked)?_c('i',{staticClass:\"material-icons checked-icon\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(\"check\")]):_vm._e()]),_c('div',{style:(_vm.labelStyle),on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.clickCheck($event)}}},[_vm._v(_vm._s(_vm.label))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"lp-check-bool-container\">\r\n    <div :class=\"{ 'checked-box' : !!isChecked, 'not-checked-box' : !isChecked }\"\r\n         :style=\"checkStyle\"\r\n         @click.stop.prevent=\"clickCheck\">\r\n      <i v-if=\"!!isChecked\" class=\"material-icons checked-icon\" @click.stop.prevent=\"clickCheck\">check</i>\r\n    </div>\r\n    <div :style=\"labelStyle\" @click.stop.prevent=\"clickCheck\">{{ label }}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    props: {\r\n      checkedVal: {\r\n        type: Boolean\r\n      },\r\n      label: {\r\n        type: String\r\n      },\r\n      labelStyle: {\r\n        type: Object,\r\n        default: function () {\r\n          return {\r\n            fontSize: '0.9rem',\r\n            lineHeight: '17px',\r\n            color: '#555'\r\n          }\r\n        }\r\n      }\r\n    },\r\n    created() {\r\n      this.isChecked = this.checkedVal;\r\n    },\r\n    data() {\r\n      return {\r\n        isChecked: false\r\n      }\r\n    },\r\n    computed: {\r\n      checkStyle() {\r\n        let style = {}\r\n        if(this.label) {\r\n          style.marginRight = 8;\r\n        }\r\n        else style.marginRight = 0;\r\n\r\n        return style\r\n      }\r\n    },\r\n    methods: {\r\n      clickCheck() {\r\n        if ( this.isChecked === false ) {\r\n          this.isChecked = true;\r\n        }\r\n        else if ( this.isChecked === true ) {\r\n          this.isChecked = false;\r\n        }\r\n        this.$emit('update:checkedVal', this.isChecked);\r\n        this.$emit('onCheck', this.isChecked);\r\n        this.$emit('dataCheck', {id:this.label, value:this.isChecked});\r\n      }\r\n    },\r\n    watch: {\r\n      checkedVal(n) {\r\n        this.isChecked = n;\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .lp-check-bool-container{\r\n    display: flex;\r\n    align-items: flex-end;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ff6600;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n  .not-checked-box {\r\n    position: relative;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 1px solid #dddddd;\r\n    border-radius: 3px;\r\n    margin-right: 8px !important;\r\n    text-align: center;\r\n  }\r\n\r\n  .checked-box {\r\n    background-color: #ff6600;\r\n  }\r\n\r\n  .not-checked-box {\r\n    background-color: #fff;\r\n  }\r\n\r\n  .checked-icon {\r\n    color: #fff;\r\n    font-size: 12px;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .modal-content-item div {\r\n      margin: 0;\r\n    }\r\n  }\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!./LpCheckBool.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!./LpCheckBool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpCheckBool.vue?vue&type=template&id=7b3673cd&scoped=true&\"\nimport script from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nexport * from \"./LpCheckBool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\"\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  \"7b3673cd\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/img_card_01.134da936.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"modal-container\",staticStyle:{\"padding\":\"10px\"}},[_vm._m(0),_c('div',{staticClass:\"modal-content flex\",staticStyle:{\"overflow-y\":\"unset\",\"overflow-x\":\"unset\"}},[_vm._m(1),_c('div',{staticClass:\"modal-content-items-container\"},[_c('div',{staticClass:\"modal-content-items\"},[_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":\"서비스명*\",\"maxlength\":\"50\"},domProps:{\"value\":_vm.params.service_name},on:{\"input\":function (e) { return _vm.params.service_name = e.target.value; }}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"text\",\"maxlength\":\"50\"},domProps:{\"value\":_vm.params.service_name},on:{\"input\":function (e) { return _vm.params.service_name = e.target.value; }}})])]),_c('div',{attrs:{\"id\":\"modal-content-item-second-cell\"}},[_c('div',{staticClass:\"mobile\"},[_c('textarea',{attrs:{\"type\":\"text\",\"placeholder\":\"서비스 소개*\"},domProps:{\"value\":_vm.params.content},on:{\"input\":function (e) { return _vm.params.content = e.target.value; }}})]),_c('div',{staticClass:\"pc\"},[_c('textarea',{attrs:{\"type\":\"text\"},domProps:{\"value\":_vm.params.content},on:{\"input\":function (e) { return _vm.params.content = e.target.value; }}})])]),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":\"희망 소요 기간\"},domProps:{\"value\":_vm.params.hope_date},on:{\"input\":function (e){ return _vm.params.hope_date = e.target.value; }}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"text\"},domProps:{\"value\":_vm.params.hope_date},on:{\"input\":function (e){ return _vm.params.hope_date = e.target.value; }}})])]),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"number\",\"placeholder\":\"예산\"},domProps:{\"value\":_vm.params.account},on:{\"input\":function (e) { return _vm.setNumber(e, 10); }}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"number\"},domProps:{\"value\":_vm.params.account},on:{\"input\":function (e) { return _vm.setNumber(e, 10); }}})])]),_c('div',[_c('input-file',{staticClass:\"mobile\",staticStyle:{\"margin-top\":\"10px\"},attrs:{\"files\":_vm.params.file},on:{\"update:files\":function($event){return _vm.$set(_vm.params, \"file\", $event)}}}),_c('input-file',{staticClass:\"pc\",staticStyle:{\"margin-bottom\":\"16px\"},attrs:{\"files\":_vm.params.file},on:{\"update:files\":function($event){return _vm.$set(_vm.params, \"file\", $event)}}})],1),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"text\",\"maxlength\":\"20\",\"placeholder\":\"대표자명*\"},domProps:{\"value\":_vm.params.name},on:{\"input\":function (e) { return _vm.params.name = e.target.value; }}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"text\",\"maxlength\":\"20\"},domProps:{\"value\":_vm.params.name},on:{\"input\":function (e) { return _vm.params.name = e.target.value; }}})])]),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"phone\",\"placeholder\":\"연락처*\",\"maxlength\":\"13\"},domProps:{\"value\":_vm.params.phone},on:{\"input\":function (e) { return _vm.params.phone = e.target.value; },\"keyup\":_vm.onKeyup}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"phone\",\"maxlength\":\"13\"},domProps:{\"value\":_vm.params.phone},on:{\"input\":function (e) { return _vm.params.phone = e.target.value; },\"keyup\":_vm.onKeyup}})])]),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"email\",\"placeholder\":\"이메일*\",\"maxlength\":\"50\"},domProps:{\"value\":_vm.params.email},on:{\"input\":function (e) { return _vm.params.email = e.target.value; }}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"email\",\"maxlength\":\"50\"},domProps:{\"value\":_vm.params.email},on:{\"input\":function (e) { return _vm.params.email = e.target.value; }}})])]),_c('div',{staticClass:\"modal-content-item\"},[_c('div',{staticClass:\"mobile\"},[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":\"상담시간 ex) 11월 30일 18시부터 가능\",\"maxlength\":\"13\"},domProps:{\"value\":_vm.params.counsel},on:{\"input\":function (e) { return _vm.params.counsel = e.target.value; },\"keyup\":_vm.onKeyup}})]),_c('div',{staticClass:\"pc\"},[_c('input',{attrs:{\"type\":\"text\",\"maxlength\":\"13\",\"placeholder\":\"ex) 11월 30일 18시부터 가능\"},domProps:{\"value\":_vm.params.counsel},on:{\"input\":function (e) { return _vm.params.counsel = e.target.value; },\"keyup\":_vm.onKeyup}})])]),_c('div',{staticClass:\"modal-content-item flex\",staticStyle:{\"align-items\":\"center\",\"justify-content\":\"space-between\"}},[_c('lp-check-bool',{staticStyle:{\"margin-top\":\"4px\"},attrs:{\"checkedVal\":_vm.privacy,\"label\":\"개인정보 취급방침 동의\"},on:{\"update:checkedVal\":function($event){_vm.privacy=$event},\"update:checked-val\":function($event){_vm.privacy=$event}}}),_c('div',{staticClass:\"lp-privacy-look\",on:{\"click\":function($event){return _vm.clickAll('limit')}}},[_vm._v(\"전체보기\")])],1),_vm._m(2),_c('div',{staticClass:\"flex div-request-button\",staticStyle:{\"justify-content\":\"center\"}},[_c('div',{staticClass:\"btn request-button\",on:{\"click\":_vm.contactUs}},[_vm._v(\"신청하기\")])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-title\"},[_c('div',{staticClass:\"title\",staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"24px\",\"padding\":\"0\",\"margin-bottom\":\"16px\"}},[_vm._v(\"주문제작 신청서\")]),_c('div',{staticClass:\"content pc\",staticStyle:{\"text-align\":\"left\",\"padding\":\"0 60px\",\"font-size\":\"12px\",\"color\":\"#777\"}},[_vm._v(\" 신청하시면 런치팩에서 상담전화를 드리고 견적 안내 메일을 드립니다.\")]),_c('div',{staticClass:\"content mobile\",staticStyle:{\"text-align\":\"left\",\"padding\":\"0\",\"font-size\":\"12px\",\"color\":\"#777\"}},[_vm._v(\" 신청하시면 런치팩에서 상담전화를 드리고 견적 안내 메일을 드립니다.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-content-title\"},[_c('div',[_vm._v(\"서비스 이름*\")]),_c('div',{attrs:{\"id\":\"modal-content-title-second-cell\"}},[_c('div',[_vm._v(\"서비스 소개*\")])]),_c('div',[_c('div',[_vm._v(\"희망 소요기간\")])]),_c('div',[_c('div',[_vm._v(\"예산\")])]),_c('div',[_c('div',[_vm._v(\"소개 자료\")])]),_c('div',[_c('div',[_vm._v(\"신청자 성함*\")])]),_c('div',[_c('div',[_vm._v(\"신청자 휴대전화 번호*\")])]),_c('div',[_c('div',[_vm._v(\"신청자 이메일*\")])]),_c('div',[_c('div',[_vm._v(\"상담 가능 시간\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-content-item lp-request-simple-desc\",staticStyle:{\"margin-bottom\":\"40px\"}},[_c('div',[_vm._v(\"신청한 메일주소로 별도의 가입 절차 없이 회원가입 됩니다.\"),_c('br'),_vm._v(\"작성한 이메일이 아이디가 되어 추후 로그인하여 내 서비스 현황을 볼 수 있게 됩니다.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 주문제작 신청 모달 -->\r\n  <div>\r\n    <div class=\"modal-container\" style=\"padding: 10px;\">\r\n      <div class=\"modal-title\">\r\n        <div class=\"title\" style=\"font-weight: bold; font-size:24px;padding:0;margin-bottom:16px\">주문제작 신청서</div>\r\n        <div class=\"content pc\" style=\"text-align:left; padding: 0 60px;font-size: 12px;color: #777;\">\r\n          신청하시면 런치팩에서 상담전화를 드리고 견적 안내 메일을 드립니다.</div>\r\n        <div class=\"content mobile\" style=\"text-align:left; padding: 0; font-size: 12px;color: #777;\">\r\n          신청하시면 런치팩에서 상담전화를 드리고 견적 안내 메일을 드립니다.</div>\r\n      </div>\r\n      <div class=\"modal-content flex\" style=\"overflow-y: unset;overflow-x:unset\">\r\n        <div class=\"modal-content-title\">\r\n          <div>서비스 이름*</div>\r\n          <div id=\"modal-content-title-second-cell\">\r\n            <div>서비스 소개*</div>\r\n          </div>\r\n          <!--<div>\r\n            <div>요금제 선택</div>\r\n          </div>-->\r\n          <div>\r\n            <div>희망 소요기간</div>\r\n          </div>\r\n          <div>\r\n            <div>예산</div>\r\n          </div>\r\n          <div>\r\n            <div>소개 자료</div>\r\n          </div>\r\n          <div>\r\n            <div>신청자 성함*</div>\r\n          </div>\r\n          <div>\r\n            <div>신청자 휴대전화 번호*</div>\r\n          </div>\r\n          <div>\r\n            <div>신청자 이메일*</div>\r\n          </div>\r\n          <div>\r\n            <div>상담 가능 시간</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"modal-content-items-container\">\r\n          <div class=\"modal-content-items\">\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"text\"\r\n                placeholder=\"서비스명*\"\r\n                maxlength=\"50\"\r\n                :value=\"params.service_name\"\r\n                @input=\"e => params.service_name = e.target.value\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"text\"\r\n                maxlength=\"50\"\r\n                :value=\"params.service_name\"\r\n                @input=\"e => params.service_name = e.target.value\"\r\n              ></div>\r\n            </div>\r\n            <div id=\"modal-content-item-second-cell\">\r\n              <div class=\"mobile\"><textarea\r\n                type=\"text\"\r\n                placeholder=\"서비스 소개*\"\r\n                :value=\"params.content\"\r\n                @input=\"e => params.content = e.target.value\"\r\n              ></textarea></div>\r\n              <div class=\"pc\"><textarea\r\n                type=\"text\"\r\n                :value=\"params.content\"\r\n                @input=\"e => params.content = e.target.value\"\r\n              ></textarea></div>\r\n            </div>\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\">\r\n                <input type=\"text\"\r\n                       placeholder=\"희망 소요 기간\"\r\n                       :value=\"params.hope_date\"\r\n                       @input=\"e=> params.hope_date = e.target.value\">\r\n              </div>\r\n              <div class=\"pc\">\r\n                <input type=\"text\"\r\n                       :value=\"params.hope_date\"\r\n                       @input=\"e=> params.hope_date = e.target.value\">\r\n              </div>\r\n            </div>\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"number\"\r\n                placeholder=\"예산\"\r\n                :value=\"params.account\"\r\n                @input=\"e => setNumber(e, 10)\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"number\"\r\n                :value=\"params.account\"\r\n                @input=\"e => setNumber(e, 10)\"\r\n              ></div>\r\n            </div>\r\n            <div>\r\n              <input-file class=\"mobile\" style=\"margin-top:10px\" :files.sync=\"params.file\"></input-file>\r\n              <input-file class=\"pc\" style=\"margin-bottom:16px\" :files.sync=\"params.file\"></input-file>\r\n            </div>\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"text\"\r\n                maxlength=\"20\"\r\n                placeholder=\"대표자명*\"\r\n                :value=\"params.name\"\r\n                @input=\"e => params.name = e.target.value\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"text\"\r\n                maxlength=\"20\"\r\n                :value=\"params.name\"\r\n                @input=\"e => params.name = e.target.value\"\r\n              ></div>\r\n            </div>\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"phone\"\r\n                :value=\"params.phone\"\r\n                @input=\"e => params.phone = e.target.value\"\r\n                placeholder=\"연락처*\"\r\n                maxlength=\"13\"\r\n                @keyup=\"onKeyup\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"phone\"\r\n                :value=\"params.phone\"\r\n                @input=\"e => params.phone = e.target.value\"\r\n                maxlength=\"13\"\r\n                @keyup=\"onKeyup\"\r\n              ></div>\r\n            </div>\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"email\"\r\n                placeholder=\"이메일*\"\r\n                maxlength=\"50\"\r\n                :value=\"params.email\"\r\n                @input=\"e => params.email = e.target.value\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"email\"\r\n                maxlength=\"50\"\r\n                :value=\"params.email\"\r\n                @input=\"e => params.email = e.target.value\"\r\n              ></div>\r\n            </div>\r\n\r\n            <div class=\"modal-content-item\">\r\n              <div class=\"mobile\"><input\r\n                type=\"text\"\r\n                :value=\"params.counsel\"\r\n                @input=\"e => params.counsel = e.target.value\"\r\n                placeholder=\"상담시간 ex) 11월 30일 18시부터 가능\"\r\n                maxlength=\"13\"\r\n                @keyup=\"onKeyup\"\r\n              ></div>\r\n              <div class=\"pc\"><input\r\n                type=\"text\"\r\n                :value=\"params.counsel\"\r\n                @input=\"e => params.counsel = e.target.value\"\r\n                maxlength=\"13\"\r\n                placeholder=\"ex) 11월 30일 18시부터 가능\"\r\n                @keyup=\"onKeyup\"\r\n              ></div>\r\n            </div>\r\n\r\n            <!-- 개인정보 체크박스 -->\r\n            <div class=\"modal-content-item flex\"\r\n                 style=\"align-items:center;justify-content: space-between\">\r\n              <lp-check-bool style=\"margin-top:4px\"\r\n                             :checkedVal.sync=\"privacy\" label=\"개인정보 취급방침 동의\"></lp-check-bool>\r\n              <div class=\"lp-privacy-look\"\r\n                   @click=\"clickAll('limit')\">전체보기</div>\r\n            </div>\r\n\r\n            <!-- 개인정보 수집 -->\r\n            <!--<div class=\"modal-content\" v-show=\"isShow\" style=\"margin-bottom: 20px;\">\r\n              <div class=\"lp-privacy-wrap\">\r\n                <strong>개인정보 수집/이용목적</strong>\r\n                <p>1) 고객지원: 각종 문의에 대한 지원<br>\r\n                  2) 마케팅 및 광고에 활용: 신규 서비스 개발과 이벤트 행사에 따른 정보 전달 및 맞춤 서비스 제공, 인구통계학적 특성에 따른 서비스 제공 및 광고 게재, 접속 빈도 파악 또는 회원의 서비스 이용에 대한 통계</p>\r\n                <br>\r\n                <strong>수집하는 개인정보의 항목</strong>\r\n                <p>성명, 연락처, 이메일<br>\r\n                  또한, 서비스 이용과정에서 아래와 같은 정보들이 생성되어 수집될 수 있습니다.<br>\r\n                  − IP주소, OS/브라우저 종류, 방문 일시, 서비스 이용기록, 접속로그, 쿠키</p>\r\n                <br>\r\n                <strong>개인정보의 보유 및 이용기간</strong>\r\n                <p>보존 기간은 3년이며, 정보 제공자가 삭제를 요청할 경우 즉시 파기합니다.<br>\r\n                  고객님의 정보는 개인정보 보호법에 따라 보호되며 위의 사항 외에 별도로 사용하지 않을 것을 약속드립니다.</p>\r\n              </div>\r\n            </div>-->\r\n\r\n            <div class=\"modal-content-item lp-request-simple-desc\" style=\"margin-bottom: 40px\">\r\n              <div>신청한 메일주소로 별도의 가입 절차 없이 회원가입 됩니다.<br>작성한 이메일이 아이디가 되어 추후 로그인하여 내 서비스 현황을 볼 수 있게 됩니다.</div>\r\n            </div>\r\n\r\n            <div class=\"flex div-request-button\" style=\"justify-content: center\">\r\n              <div class=\"btn request-button\" @click=\"contactUs\">신청하기</div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import InputFile from \"../module/oldInputFile\";\r\n  import LpCheckBool from \"../module/LpCheckBool\";\r\n\r\n  export default {\r\n    props: [],\r\n    name: \"lp-service-inquiry-modal\",\r\n    components: {\r\n      LpCheckBool,\r\n      InputFile\r\n    },\r\n    data() {\r\n      return {\r\n        params: {\r\n          user_id: '',\r\n          service_name: '',\r\n          account: 0,\r\n          file: [],\r\n          counsel: '',\r\n          content: '',\r\n          name: '',\r\n          email: '',\r\n          phone: '',\r\n          hope_date: '',\r\n        },\r\n        privacy: false,\r\n        isShow: false,\r\n      }\r\n    },\r\n    created() {\r\n      if(this.$store.getters.user.name) {\r\n        let user = this.cloneItem(this.$store.getters.user)\r\n        let user_id = '';\r\n        if (user.user_id > 0) user_id = user.user_id;\r\n        this.params.user_id = user_id;\r\n        this.params.name = user.name;\r\n        this.params.email = user.email;\r\n        this.params.phone = user.phone;\r\n      }\r\n    },\r\n    watch: {\r\n\r\n    },\r\n    methods: {\r\n      clickAll(type) {\r\n        if(type==='limit') {\r\n          window.open('/limit');\r\n        }\r\n      },\r\n      setNumber(e, max_length){\r\n        if( e.target.value.length > max_length ){\r\n          this.params.account = parseInt(e.target.value.substr(0,max_length));\r\n        }\r\n        else if( e.target.value.length === 0 ) {\r\n          this.params.account = 0;\r\n        }\r\n        else {\r\n          this.params.account = parseInt(e.target.value);\r\n        }\r\n      },\r\n      initData() {\r\n        this.params = {\r\n          service_name: '',\r\n          account: '',\r\n          file: [],\r\n          counsel: '',\r\n          content: '',\r\n          name: '',\r\n          email: '',\r\n          phone: '',\r\n          hope_date: ''\r\n        },\r\n          this.privacy = false;\r\n        this.isShow = false;\r\n      },\r\n      contactUs () {\r\n        if(this.isValid() === false) return;\r\n\r\n        this.$store.commit('setLoading', true);\r\n        let url = 'public/launchpack/inquiry';\r\n        let params = this.cloneItem(this.params);\r\n        params.file = this.params.file[0];\r\n        this.$axios.post(url, params).then(res => {\r\n          if (res.status === 200) {\r\n            this.setGa('주문제작 신청 완료', '응답', '주문제작 신청 완료');\r\n            this.initData();\r\n            this.$emit('closeModal');\r\n            this.toast('신청이 완료되었습니다.');\r\n            this.$store.commit('setLoading', false);\r\n            // modal text reset\r\n            let keys = Object.keys(this.params);\r\n            for(let i=0; i<keys.length; i++) {\r\n              this.params[keys[i]] = '';\r\n            }\r\n            this.privacy = false;\r\n\r\n            if(this.$store.getters.user.name){\r\n              this.$router.push('/mypage/inquiry');\r\n            }\r\n          }\r\n        }).catch(err => {\r\n          this.$store.commit('setLoading', false);\r\n          if(!err.response.data.message){\r\n            this.toast(err.response.data.detail);\r\n            console.log(err.response.data.detail);\r\n          }\r\n          else{\r\n            this.toast(err.response.data.detail);\r\n            console.log(err.response.data.message);\r\n          }\r\n        });\r\n      },\r\n      isValid() {\r\n        let valid = true;\r\n        let keys = Object.keys(this.params);\r\n        for(let i=0; i<keys.length; i++) {\r\n          let val = this.params[keys[i]];\r\n          if(['account', 'counsel', 'hope_date', 'file', 'user_id'].indexOf(keys[i])>-1){\r\n            continue;\r\n          }\r\n          if(this.isError(keys[i], val)) {\r\n            valid = false;\r\n            break;\r\n          }\r\n          if(!this.privacy) {\r\n            this.toast('개인정보취급방침 약관에 동의해주세요.');\r\n            valid = false;\r\n            break;\r\n          }\r\n        }\r\n        return valid;\r\n      },\r\n      isError(key, val) {\r\n        let error = false;\r\n        let patternEmail = /[0-9a-zA-Z][_0-9a-zA-Z-]*@[_0-9a-zA-Z-]+(\\.[_0-9a-zA-Z-]+){1,2}$/;    //이메일\r\n\r\n        if(val === '' || val === ' ') {\r\n          error = true;\r\n\r\n          let msg = '';\r\n          switch(key) {\r\n            case 'service_name':\r\n              msg = '서비스명을';\r\n              break;\r\n            case 'service_desc':\r\n              msg = '서비스 한줄 소개를';\r\n              break;\r\n            case 'content':\r\n              msg = '문의 내용을';\r\n              break;\r\n            case 'product':\r\n              msg = '요금제를';\r\n              break;\r\n            case 'name':\r\n              msg = '대표자명을';\r\n              break;\r\n            case 'email':\r\n              msg = '이메일을';\r\n              break;\r\n            case 'phone':\r\n              msg = '연락처를';\r\n              break;\r\n          }\r\n          if(msg!=='' && error)\r\n            this.toast(msg + ' 입력해주세요.');\r\n        } else if(key === 'email' && !patternEmail.test(val)) {\r\n          this.toast('올바른 이메일 형식이 아닙니다.');\r\n          error = true;\r\n        }\r\n\r\n        return error;\r\n      },\r\n      // 날짜 선택\r\n      selDateMin(val) {\r\n        this.params.hope_date = val;\r\n      },\r\n      onKeyup() {\r\n        this.params.phone = this.autoHyphenPhone(this.params.phone);\r\n      },\r\n      onClick () {\r\n        this.isShow?this.isShow=false:this.isShow=true;\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .request-button {\r\n    background-color: #FF6600;\r\n    color: #fff;\r\n    border-radius: 3px;\r\n    width: 248px;\r\n    height: 48px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    line-height: 46px;\r\n    cursor: pointer;\r\n    margin-bottom: 40px;\r\n  }\r\n\r\n  .lp-request-simple-desc {\r\n    text-align: left;\r\n    font-size: 12px;\r\n    color: #a0a0a0;\r\n    margin-left: -150px;\r\n  }\r\n\r\n  .div-request-button {\r\n    margin-left: -200px;\r\n  }\r\n\r\n  .lp-privacy-look {\r\n    color:#ff6600;\r\n    font-size:14px;\r\n    cursor:pointer;\r\n  }\r\n\r\n  .modal-container {\r\n    max-height: 80vh;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .lp-request-simple-desc, .div-request-button {\r\n      margin-left: 0;\r\n    }\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!./LpServiceInquiryModal.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!./LpServiceInquiryModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LpServiceInquiryModal.vue?vue&type=template&id=4e6a20b1&scoped=true&\"\nimport script from \"./LpServiceInquiryModal.vue?vue&type=script&lang=js&\"\nexport * from \"./LpServiceInquiryModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LpServiceInquiryModal.vue?vue&type=style&index=0&id=4e6a20b1&scoped=true&lang=css&\"\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  \"4e6a20b1\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LpCheckBool.vue?vue&type=style&index=0&id=7b3673cd&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/img_laptop.c0371882.png\";","module.exports = __webpack_public_path__ + \"img/img_card_03.cbf1377a.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._l((_vm.items),function(file,idx){return _c('div',{key:(\"file-\" + idx),staticClass:\"file-list\"},[_c('div',{staticClass:\"file-name\"},[_vm._v(_vm._s(file))]),_c('div',{staticClass:\"trash\",on:{\"click\":function($event){return _vm.onDelete(idx)}}},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"delete\")])])])}),_c('input',{staticClass:\"file-input\",attrs:{\"id\":_vm.uid,\"type\":\"file\"},on:{\"click\":function($event){$event.stopPropagation();},\"change\":_vm.onFileChange}}),(_vm.items.length===0)?_c('label',{staticClass:\"file-list\",attrs:{\"for\":_vm.uid},on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"file-attachment-text\"},[_vm._v(\"+ 첨부파일 추가\")]),_vm._m(0)]):_vm._e()],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"file-attachment\"},[_c('i',{staticClass:\"material-icons\"},[_vm._v(\"attachment\")])])}]\n\nexport { render, staticRenderFns }","<!-- 상품옵션 견적요청 내역 -->\r\n<template>\r\n  <div>\r\n    <!--<label>\r\n      <input class=\"input\"\r\n             :id=\"'file-img'+idx\"\r\n             type=\"file\"\r\n             @change=\"onFileChange\" multiple>\r\n    </label>-->\r\n    <!-- 추가된 첨부파일 -->\r\n    <div\r\n      v-for=\"(file, idx) in items\"\r\n      :key=\"`file-${idx}`\"\r\n      class=\"file-list\">\r\n      <div class=\"file-name\">{{ file }}</div>\r\n      <div class=\"trash\" @click=\"onDelete(idx)\">\r\n        <i class=\"material-icons\">delete</i>\r\n      </div>\r\n    </div>\r\n    <!-- 첨부파일 추가하기 -->\r\n    <input class=\"file-input\"\r\n           :id=\"uid\"\r\n           @click.stop\r\n           @change=\"onFileChange\"\r\n           type=\"file\">\r\n\r\n    <label :for=\"uid\"\r\n           @click.stop\r\n           class=\"file-list\" v-if=\"items.length===0\">\r\n      <div class=\"file-attachment-text\">+ 첨부파일 추가</div>\r\n      <div class=\"file-attachment\">\r\n        <i class=\"material-icons\">attachment</i>\r\n      </div>\r\n    </label>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import moment from 'moment'\r\n  export default {\r\n    props:['files'],\r\n    data () {\r\n      return {\r\n        uid: '',\r\n        // [ '파일', '파일' ]\r\n        items: [],\r\n        uploadReady: true,        // 초기화 용\r\n        file: undefined\r\n      }\r\n    },\r\n    mounted: function() {\r\n      this.uid = moment().format('SSSS')\r\n      //file 타입인 경우\r\n     /* if(typeof this.url === 'object') {\r\n        this.set_img(this.img);\r\n      }\r\n      else {\r\n        this.img = this.image(this.url);\r\n      }*/\r\n    },\r\n    watch: {\r\n      files(n){\r\n        if(n) {\r\n          this.items = n;\r\n        }\r\n      }\r\n    },\r\n    created (){\r\n      if(this.files){\r\n        this.items = this.files;\r\n      }\r\n    },\r\n    methods: {\r\n      onDelete(idx) {\r\n        this.items.splice(idx, 1);\r\n      },\r\n      onFileChange: function(e) {\r\n        var files = e.target.files || e.dataTransfer.files;\r\n        //let list = [];\r\n        if (!files.length)\r\n          return;\r\n\r\n        /*for(let i=0; i<files.length; i++){\r\n          var reader = new FileReader();\r\n          reader.onload = function(e) {\r\n            list.push(e.target.result)\r\n            //console.log(e.target.result);\r\n          }.bind(list);\r\n          reader.readAsDataURL(files[i]);\r\n\r\n\r\n        }*/\r\n        var reader = new FileReader();\r\n        reader.onload = function(e) {\r\n          this.items.push(e.target.result);\r\n          this.$emit('isHide')\r\n        }.bind(this);\r\n        reader.readAsDataURL(files[0]);\r\n\r\n        this.$emit('update:files', this.items);\r\n      },\r\n      isImage(ext) {\r\n        let isImg = false;\r\n        let imgExt = ['jpg', 'jpeg', 'png', 'bmp', 'gif', 'tiff', 'tif'];\r\n        ext = ext.toLowerCase();\r\n        if(imgExt.indexOf(ext)>-1)\r\n          isImg = true;\r\n\r\n        return isImg;\r\n      },\r\n      extColor(ext) {\r\n        let deco = { backgroundColor : '' };\r\n        switch(ext.toLowerCase()) {\r\n          case 'hwp':\r\n            deco.backgroundColor = '#2ebcee';\r\n            break;\r\n          case 'pdf':\r\n            deco.backgroundColor = '#ef4037';\r\n            break;\r\n          case 'docx':\r\n            deco.backgroundColor = '#295498';\r\n            break;\r\n          case 'pptx':\r\n            deco.backgroundColor = '#d14425';\r\n            break;\r\n          case 'xlsx':\r\n            deco.backgroundColor = '#207245';\r\n            break;\r\n        }\r\n\r\n        return deco;\r\n      },\r\n      upper(ext) {\r\n        return ext.toUpperCase();\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\n  .file-list {\r\n    border: 1px solid #eeeeee;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    height: 35px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .thumb {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  .file-attachment {\r\n    width: 35px;\r\n    height: 33px;\r\n  }\r\n\r\n  .ext {\r\n    text-align: center;\r\n    color: white;\r\n    background-color: #064160;\r\n    line-height: 35px;\r\n    font-size: 0.7rem;\r\n    font-weight: 100;\r\n  }\r\n\r\n  .file-attachment-text {\r\n    padding-left: 12px;\r\n    line-height: 35px;\r\n    font-size: 0.9rem;\r\n    color: rgba(162, 174, 186, 1);\r\n  }\r\n\r\n  .file-attachment {\r\n    background-color: rgba(255, 219, 70, 1);\r\n    text-align: center;\r\n  }\r\n\r\n  .file-attachment i {\r\n    line-height: 35px;\r\n    font-size: 1.6rem;\r\n  }\r\n\r\n  .file-desc {\r\n    font-size: 0.7rem;\r\n    color: rgba(162, 174, 186, 1);\r\n    white-space: pre-line;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  .file-name {\r\n    padding: 0 20px;\r\n    color: #303841;\r\n    font-size: 0.8rem;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    white-space: pre;\r\n    height: 100%;\r\n    line-height: 35px;\r\n    text-align: left;\r\n    flex: 1;\r\n    max-width: unset;\r\n  }\r\n\r\n  .file-input {\r\n    width: 0;\r\n    height: 0;\r\n    position: fixed;\r\n    top: -100px;\r\n    left: -100px;\r\n  }\r\n\r\n  .trash {\r\n    width: 35px;\r\n    height: 35px;\r\n    text-align: center;\r\n  }\r\n\r\n  .trash i {\r\n    line-height: 35px;\r\n    color: rgba(162, 174, 186, 1);\r\n    font-size: 1.4rem;\r\n    cursor: pointer;\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!./oldInputFile.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!./oldInputFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./oldInputFile.vue?vue&type=template&id=1c2e170a&scoped=true&\"\nimport script from \"./oldInputFile.vue?vue&type=script&lang=js&\"\nexport * from \"./oldInputFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./oldInputFile.vue?vue&type=style&index=0&id=1c2e170a&scoped=true&lang=css&\"\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  \"1c2e170a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/img_card_05.26fcf499.png\";","module.exports = __webpack_public_path__ + \"img/img_main@2x.b102861d.png\";","module.exports = __webpack_public_path__ + \"img/img_card_04.dda18c99.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./oldInputFile.vue?vue&type=style&index=0&id=1c2e170a&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/img_main_wave@2x.3939f8bd.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Service.vue?vue&type=style&index=0&id=753cf63e&scoped=true&lang=css&\""],"sourceRoot":""}