{"version":3,"sources":["webpack:///./src/views/Info/Springsoft.vue?0c23","webpack:///src/views/Info/Springsoft.vue","webpack:///./src/views/Info/Springsoft.vue?cb3d","webpack:///./src/views/Info/Springsoft.vue","webpack:///./src/views/Info/Springsoft.vue?259d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","data","content","companyHistory","CompanyHistory","businessContent","component"],"mappings":"k3CAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,G,oCCgMtB,GAEEC,KAFF,WAGI,MAAO,CACLC,QAAS,EACTC,eAAgBC,EAChBC,gBAAiB,EAAvB,MCvMmW,I,wBCQ/VC,EAAY,eACd,EACAb,EACAO,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,gtDCnBf","file":"js/chunk-45513583.ac5335a5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <sub-head v-bind:subTitle=\"content['회사 소개']\"></sub-head>\r\n    <div class=\"page_padding\">\r\n      <div class=\"d-flex justify-content-between paddingTB company_info\">\r\n        <div class=\"info_text width45 text-left\">\r\n          <div class=\"paddingTB1\">\r\n            <span\r\n              class=\"fontBold font41 text333\"\r\n              style=\"border-bottom:3px solid #dc375d; padding: 0.2rem 0\"\r\n              >스프링소프트 소개</span\r\n            >\r\n          </div>\r\n          <div class=\"word_break\">\r\n            <div class=\"padding2-5\">\r\n              <span class=\"fontM\">\r\n                “따뜻한 봄날같은 소프트웨어“ 를 목표로 하는\r\n                <span class=\"textPink\">디지털 헬스케어 소프트웨어 회사</span>\r\n              </span>\r\n            </div>\r\n            <div>\r\n              <span class=\"fontS\"\r\n                >㈜스프링소프트는 4차 산업혁명 시대의 디지털 시니어 계층의\r\n                새로운 여가활동 및 인지능력 향상을 위한 플랫폼 리더가 되겠다는\r\n                목표로 2019년 “해피테이블＂프로젝트를 기점으로 역량과 경험을\r\n                축적하고 있는 회사 입니다.\r\n              </span>\r\n            </div>\r\n            <div class=\"verticalSpacer-half\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"info_img imgWrap width45\">\r\n          <img src=\"../../assets/source/images/company_introduction.png\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"history_background\">\r\n      <div class=\"\">\r\n        <div class=\"\" style=\"padding:4rem 0\">\r\n          <div class=\"textWhite word_break text-center history_header\">\r\n            <span class=\"word_break fontExtraBold font41\">연 혁</span>\r\n          </div>\r\n          <div class=\"verticalSpacer\"></div>\r\n          <div class=\"imgWrap history_line\">\r\n            <div\r\n              style=\"position:absolute; left:50%\"\r\n              class=\"history-vertical-line\"\r\n            >\r\n              <img src=\"../../assets/source/images/img_history.png\" />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"verticalSpacer\"></div>\r\n          <div v-for=\"(item, index) in companyHistory\" :key=\"index\">\r\n            <div\r\n              class=\"paddingTB1-5\"\r\n              :class=\"[\r\n                {history: index % 2 == 0},\r\n                {history_reverse: index % 2 == 1},\r\n              ]\"\r\n            >\r\n              <div class=\"history_body\">\r\n                <div class=\"year_title\">\r\n                  <span class=\"fontExtraBold font38 textWhite\">{{\r\n                    item.year\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"verticalSpacer-half\"></div>\r\n                <div v-for=\"(content, index) in item.content\" :key=\"index\">\r\n                  <div class=\"d-flex history_content\">\r\n                    <div>\r\n                      <span class=\"fontS fontExtraBold textWhite\">{{\r\n                        content.month\r\n                      }}</span>\r\n                    </div>\r\n                    <div>\r\n                      <span\r\n                        class=\"fontS fontMedium word_break\"\r\n                        style=\"color:#aaacc7\"\r\n                        >{{ content.title }}</span\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"verticalSpacer\"></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div class=\"page_padding\">\r\n        <div class=\"ci\" style=\"padding:4rem 0\">\r\n          <div class=\"text-center\">\r\n            <span class=\"fontExtraBold text333 font41\">CI/BI</span>\r\n          </div>\r\n          <div class=\"verticalSpacer\"></div>\r\n          <div class=\"ci_main\">\r\n            <div class=\"text-left\">\r\n              <div>\r\n                <span class=\"fontExtraBold text333 font20\">스프링소프트</span>\r\n              </div>\r\n              <div style=\"padding: 1.5rem 0\">\r\n                <span class=\"word_break line-height2\"\r\n                  >따뜻한 봄날같은 소프트웨어라는 비전을 상징하는 벚꽃잎을\r\n                  형상화 하고 벚꽃잎과 같은 폰트의 색을 표현하였습니다.\r\n                </span>\r\n              </div>\r\n            </div>\r\n            <div style=\"padding-bottom: 2rem\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"imgWrap width50\" style=\"margin-right:1rem\">\r\n                  <img src=\"../../assets/source/images/company_logo1.jpg\" />\r\n                </div>\r\n                <div class=\"imgWrap width50\">\r\n                  <img src=\"../../assets/source/images/company_logo2.jpg\" />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"text-left\">\r\n              <div>\r\n                <span class=\"fontExtraBold text333 font20\">해피테이블</span>\r\n              </div>\r\n              <div style=\"padding: 1.5rem 0\">\r\n                <span class=\"word_break line-height2\"\r\n                  >해피테이블의 이미지를 이니셜 H와 테이블 그리고 클로버 잎을\r\n                  기본 모티브로 하여 행복을 상징하는 클로버 잎을 사람으로\r\n                  형상화하면서 테이블을 둘러싼 이미지로 표현하였습니다.</span\r\n                >\r\n              </div>\r\n            </div>\r\n            <div class=\"bgBackground\" style=\"margin-bottom:1rem\">\r\n              <div class=\"imgWrap happytable_logo\">\r\n                <img\r\n                  src=\"../../assets/source/images/company_happytablebi.jpg\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"d-flex\">\r\n              <div class=\"imgWrap width50\" style=\"margin-right:1rem\">\r\n                <img src=\"../../assets/source/images/company_logo3.jpg\" />\r\n              </div>\r\n              <div class=\"imgWrap width50\">\r\n                <img src=\"../../assets/source/images/company_logo4.jpg\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"page_padding bgBackground\">\r\n        <div class=\"paddingTB\">\r\n          <div class=\"d-flex word_break text-left flex-direction\">\r\n            <div style=\"margin-right:auto;\" class=\"platform-head\">\r\n              <span class=\"line-height3 fontM text333\"\r\n                >환자와 가족 삶의 질 향상에 기여할 수 있는 플랫폼 구축\r\n              </span>\r\n            </div>\r\n            <div\r\n              style=\"margin-left:auto; margin-right:auto;\"\r\n              class=\"platform-sub\"\r\n            >\r\n              <span class=\"line-height2 fontS\">\r\n                글로벌한 인지능력 향상 기술 개발 및 보유 기업으로 성장함과\r\n                동시에 사용자 지향형“ICT융합 인지능력 향상\r\n                프로젝트-해피테이블”의 사업화로 전 세계적으로 건전한 고령화 사회\r\n                확립에 기여, 디지털 기반의 “시니어 여가 활동 증진＂이라는 신\r\n                시장을 창출하여 스마트 헬스케어 시장에 미래 지향형 투자 생태계를\r\n                마련함과 동시에 디지털 치료제로의 사업 방향성으로\r\n                나아가겠습니다.\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class=\"paddingTop4\">\r\n            <content-block\r\n              v-bind:contents=\"businessContent['info']\"\r\n              extend=\"jpg\"\r\n            >\r\n            </content-block>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport jsonContents from \"../../assets/source/json/sub_top.json\";\r\nimport CompanyHistory from \"../../assets/source/json/CompanyHistory.json\";\r\nimport BusinessContent from \"../../assets/source/json/business_content.json\";\r\n// import SubHead from \"../../components/sub_head.vue\";\r\n// import ContentBlock from \"../../components/content_block.vue\";\r\n\r\nexport default {\r\n  // components: {SubHead, ContentBlock},\r\n  data() {\r\n    return {\r\n      content: jsonContents,\r\n      companyHistory: CompanyHistory,\r\n      businessContent: BusinessContent[0],\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.imgWrap {\r\n  border-radius: 10px;\r\n}\r\n.imgWrap img {\r\n  height: 100%;\r\n  width: 100%;\r\n  border-radius: 10px;\r\n}\r\n.padding2-5 {\r\n  padding: 2.5rem 0;\r\n}\r\n.header_image {\r\n  background-color: pink;\r\n  height: 100px;\r\n}\r\n.header_image div {\r\n  color: white;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n.paddingTB1-5 {\r\n  padding: 1.5rem 0;\r\n}\r\n\r\n/* .history_background {\r\n  background-image: url(\"../../assets/source/images/company_historybg.jpg\");\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n}\r\n.year_title::before {\r\n  content: \"\";\r\n  background-image: url(\"../../assets/source/images/ic_history.png\");\r\n  width: 30px;\r\n  height: 30px;\r\n  position: absolute;\r\n  left: calc(50% - 8px);\r\n  margin-top: 8px;\r\n} */\r\n/* .history .history_body {\r\n  margin-left: 50%;\r\n  padding-left: 4rem;\r\n} */\r\n/* .history_reverse .history_body {\r\n  margin-right: 50%;\r\n  padding-right: 4rem;\r\n} */\r\n.history {\r\n  text-align: left;\r\n}\r\n.history_reverse {\r\n  text-align: right;\r\n}\r\n\r\n.history_reverse .history_content {\r\n  flex-direction: row-reverse;\r\n}\r\n.history_content div:nth-child(2n) {\r\n  margin: 0 1rem;\r\n}\r\n.platform-head {\r\n  width: 40%;\r\n}\r\n\r\n.platform-sub {\r\n  width: 50%;\r\n}\r\n.paddingTop4 {\r\n  padding-top: 4rem;\r\n}\r\n@media (min-width: 1281px) and (max-width: 1500px) {\r\n  .paddingTB1 {\r\n    padding-bottom: 0.8rem;\r\n    padding-top: 0;\r\n  }\r\n  .font41 {\r\n    font-size: 38px;\r\n  }\r\n  span.fontM {\r\n    line-height: 2.5rem;\r\n  }\r\n  .fontM {\r\n    font-size: 1.7rem;\r\n  }\r\n  .padding2-5 {\r\n    padding: 1.5rem 0;\r\n  }\r\n  .info_img {\r\n    width: 50%;\r\n  }\r\n}\r\n@media (min-width: 1024px) and (max-width: 1280px) {\r\n  .padding2-5 {\r\n    padding: 1rem 0;\r\n  }\r\n  .paddingTB1 {\r\n    padding: 0.8rem 0;\r\n  }\r\n}\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .padding2-5 {\r\n    padding: 0.8rem 0;\r\n  }\r\n  .paddingTB1 {\r\n    padding: 0.6rem 0;\r\n  }\r\n}\r\n@media (max-width: 767px) {\r\n  .company_info.d-flex {\r\n    flex-direction: column;\r\n  }\r\n  .info_text.width45 {\r\n    width: 100%;\r\n  }\r\n  .info_img.width45 {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 1rem auto;\r\n  }\r\n  .padding2-5 {\r\n    padding: 1rem 0;\r\n  }\r\n  .history-vertical-line img {\r\n    display: none;\r\n  }\r\n  .year_title::before {\r\n    background-image: none;\r\n  }\r\n  .history_body {\r\n    margin: 0 !important;\r\n    padding: 0 0 0 4rem !important;\r\n    text-align: left;\r\n  }\r\n  .history_reverse .history_content {\r\n    flex-direction: row;\r\n  }\r\n  .history_header {\r\n    padding: 0.5rem 0;\r\n    width: 100%;\r\n  }\r\n  .paddingTB1-5 {\r\n    padding: 1rem 0;\r\n  }\r\n  .verticalSpacer {\r\n    height: 0;\r\n  }\r\n  .flex-direction {\r\n    flex-direction: column;\r\n  }\r\n  .platform-head {\r\n    width: 100%;\r\n    padding: 1rem 0;\r\n  }\r\n  .platform-sub {\r\n    width: 100%;\r\n  }\r\n  .ci.d-flex {\r\n    flex-direction: column;\r\n  }\r\n  .width60 {\r\n    width: 100%;\r\n  }\r\n  .ci_main {\r\n    margin-top: 2rem;\r\n    width: 100%;\r\n  }\r\n  .paddingTop4 {\r\n    padding-top: 2rem;\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!./Springsoft.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!./Springsoft.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Springsoft.vue?vue&type=template&id=9f5ef644&scoped=true&\"\nimport script from \"./Springsoft.vue?vue&type=script&lang=js&\"\nexport * from \"./Springsoft.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Springsoft.vue?vue&type=style&index=0&id=9f5ef644&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  \"9f5ef644\",\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!./Springsoft.vue?vue&type=style&index=0&id=9f5ef644&scoped=true&lang=css&\""],"sourceRoot":""}