Build MOBIPINTECH company website

This commit is contained in:
2026-09-21 13:52:16 +09:00
commit 39fefc5834
226 changed files with 6803 additions and 0 deletions

6
.gitattributes vendored Normal file
View File

@@ -0,0 +1,6 @@
assets/images/automotive/** filter=lfs diff=lfs merge=lfs -text
assets/images/robotics/** filter=lfs diff=lfs merge=lfs -text
assets/images/solution/** filter=lfs diff=lfs merge=lfs -text
assets/images/si/** filter=lfs diff=lfs merge=lfs -text
assets/images/patents/** filter=lfs diff=lfs merge=lfs -text
assets/docs/*.pdf filter=lfs diff=lfs merge=lfs -text

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
.DS_Store
**/.DS_Store

21
README.md Normal file
View File

@@ -0,0 +1,21 @@
# MOBIPINTECH Website
모비핀테크놀러지 회사 소개 웹사이트입니다.
## 구성
- 정적 HTML, CSS, JavaScript
- PocketBase 기반 문의 접수
- WebP 기반 기술 역량 이미지 최적화
## 이미지 갱신
기술 역량 원본 이미지를 변경한 뒤 다음 명령으로 웹용 이미지와 SEO 콘텐츠를 갱신합니다.
```bash
node scripts/generate-capability-webp.mjs
node scripts/generate-capability-thumbnails.mjs
node scripts/sync-capabilities-seo.mjs
```
WebP 생성에는 `cwebp`가 필요합니다.

416
about.html Normal file
View File

@@ -0,0 +1,416 @@
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="모비핀테크놀러지 회사소개" />
<title>About · MOBIPINTECH</title>
<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="icon" href="assets/images/mobipin-logo.png" type="image/png" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css"
/>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body class="about-body">
<header class="site-header" data-header>
<a class="brand" href="index.html" aria-label="모비핀테크놀러지 홈">
<img class="brand-logo" src="assets/images/mobipin-logo.png" alt="모비핀테크놀러지" width="4399" height="1069" />
</a>
<nav class="desktop-nav" aria-label="주요 메뉴">
<a href="about.html" aria-current="page">회사소개</a>
<a href="capabilities.html">기술 역량</a>
<a href="esg.html">ESG</a>
<a href="contact.html">문의하기</a>
</nav>
<button
class="nav-toggle"
type="button"
aria-label="메뉴 열기"
data-menu-toggle
>
<span></span><span></span><span></span>
</button>
</header>
<nav class="mobile-menu" aria-label="모바일 메뉴" data-mobile-menu>
<a href="about.html" aria-current="page">회사소개</a>
<a href="capabilities.html">기술 역량</a>
<a href="esg.html">ESG</a>
<a href="contact.html">문의하기</a>
</nav>
<main class="about-page about-refresh">
<section class="about-hero" id="overview" data-page-title="회사 개요">
<div class="about-hero-copy">
<p class="eyebrow">Company Overview</p>
<img
class="overview-logo"
src="assets/images/mobipin-logo.png"
alt="MOBIPIN · Mobile Pinnacle Technology"
/>
<h1>모비핀테크놀러지</h1>
<p>
모비핀테크놀러지는 스마트 플랫폼과 AI 로봇 개발 경험을 기반으로
AUTOSAR 전장, 관제 솔루션, 로봇 SW, 웹·앱 SI까지 연결하는 개발
조직입니다.
</p>
</div>
<div class="overview-facts">
<dl>
<div>
<dt>회사명</dt>
<dd>주식회사 모비핀테크놀러지</dd>
</div>
<div>
<dt>설립일</dt>
<dd>2015년 3월</dd>
</div>
<div>
<dt>대표이사</dt>
<dd>권오규</dd>
</div>
<div>
<dt>종업원 수</dt>
<dd>40명 (2026년 3월 기준)</dd>
</div>
<div>
<dt>주소</dt>
<dd>
대구 북구 경대로17길 47, 8층 803호<br />서울시 강남구 논현로 416
운기빌딩 6층
</dd>
</div>
</dl>
</div>
</section>
<section class="about-section capability" id="capability" data-page-title="기술 역량">
<p class="eyebrow">Integrated Capability</p>
<h2>경험을 기술로, 기술을 성과로 연결합니다.</h2>
<div class="capability-showcase">
<article>
<img src="assets/images/automotive/automotive_01_background.jpeg" alt="" />
<span>01</span>
<strong>전장</strong>
<small>AUTOMOTIVE</small>
</article>
<article>
<img src="assets/images/robotics/robotics_02_background.png" alt="" />
<span>02</span>
<strong>AI/로봇</strong>
<small>AI & ROBOTICS</small>
</article>
<article>
<img
src="assets/images/solution/solution_04_background.png"
alt=""
/>
<span>03</span>
<strong>솔루션</strong>
<small>ENTERPRISE SOLUTIONS</small>
</article>
<article>
<img src="assets/images/si/si_05_background.png" alt="" />
<span>04</span>
<strong>SI</strong>
<small>SYSTEMS INTEGRATION</small>
</article>
</div>
<div class="company-profile-actions">
<!-- Replace href with the final company profile PDF path. -->
<a
class="button button-primary"
href="assets/docs/MOBIPIN_회사소개서_20260918.pdf"
download="MOBIPIN_회사소개서_20260918.pdf"
>회사소개서 다운로드</a>
</div>
</section>
<section class="about-section timeline" id="history" data-page-title="연혁 2026–2021">
<p class="eyebrow">Growth Track · 2026–2021</p>
<h2>기술 영역을 확장해 온 성장의 궤적</h2>
<div class="timeline-grid chronology-grid">
<article>
<span>2026</span>
<h3>전장 개발·검증 영역 확장</h3>
<ul class="timeline-events">
<li>HL Klemove 플랫폼 및 Safety Mechanism SW 개발</li>
<li>EB Safety Classic AUTOSAR 멀티코어 포팅·앱 개발</li>
<li>현대차 BDC 전장 SW 로그 분석·리프로그래밍</li>
<li>SL SBCM &amp; IO 제어기 통합, 기능 SW 개발</li>
<li>SL 전장 램프 및 전동화 제어기 SWE5 통합 검증 용역</li>
<li>SL LDM 제어기 검증 용역</li>
<li>현대자동차 협력사 등록</li>
</ul>
</article>
<article>
<span>2025</span>
<h3>로봇·SI 개발 영역 확장</h3>
<ul class="timeline-events">
<li>울진군 스카이레일 관제 시스템 개발</li>
<li>SMT 제1공장 설비모니터링 및 관제 MES 개발</li>
<li>클로봇 치과 진료안내서비스(코디봇) 개발</li>
<li>국립해양박물관 큐레이팅 봇 개발</li>
<li>현대위아 해외법인(중국, 멕시코) 구매시스템 웹 표준화</li>
</ul>
</article>
<article>
<span>2024</span>
<h3>AUTOSAR 기반 전장 개발 확대</h3>
<ul class="timeline-events">
<li>HL Klemove FCM 제어기 AUTOSAR BSW 개발</li>
<li>JS TECH 공조 STMicro Chorus 제어기 BSW 개발</li>
<li>HL Klemove ADAS DRV 제어기 BSW 개발</li>
<li>대우전자부품 CCH 제어기 AUTOSAR BSW 컨설팅</li>
</ul>
</article>
<article>
<span>2023</span>
<h3>전장 개발 체계 구축</h3>
<ul class="timeline-events">
<li>SL SBCM 개발(Side Body Control Module) 개발</li>
<li>JS TECH ASW 컨설팅</li>
<li>AUTOSAR 기반 APP/SW 설계</li>
<li>AUTOSAR 통합 자동화 플랫폼 개발</li>
<li>ECU 기능 모듈 개발 통합</li>
</ul>
</article>
<article>
<span>2022</span>
<h3>자동차 전장 개발 진입</h3>
<ul class="timeline-events">
<li>LG전자 BMW·Honda·Toyota 텔레매틱스 BSP</li>
<li>Qualcomm·MediaTek 모뎀 칩 개발</li>
<li>LG U+·KT 안내로봇 개발</li>
<li>자동차 전장 AUTOSAR SW 개발</li>
</ul>
</article>
<article>
<span>2021</span>
<h3>AI 플랫폼 사업 영역 구축</h3>
<ul class="timeline-events">
<li>지능형 자동보고 플랫폼 구축</li>
<li>관리형 독서실 플랫폼 구축</li>
<li>국제 특허 통합 플랫폼 구축</li>
<li>전주 시청 대기 환경 모니터링 통합 관제 개발</li>
<li>AJ 셀카 실내촬영 솔루션 개발 및 운영</li>
<li>현대오토에버 협력사 등록</li>
<li>현대오토에버 NAVI 개발 협력</li>
</ul>
</article>
</div>
</section>
<section class="about-section timeline" id="history-early" data-page-title="연혁 2020–2003">
<p class="eyebrow">Growth Track · 2020–2003</p>
<h2>성장의 기반을 쌓아 온 시간</h2>
<div class="timeline-grid chronology-grid">
<article>
<span>2020 – 2018</span>
<h3>솔루션 사업 확장</h3>
<ul class="timeline-events">
<li>SK증권 사내방송 시스템 구축</li>
<li>SK렌터카·K Car 3D 자동촬영 솔루션 구축</li>
<li>3D 촬영 SW 엔진 및 제어 HW 솔루션 개발</li>
<li>SKT 스마트 트래커 개발</li>
<li>벤처기업 인증</li>
</ul>
</article>
<article>
<span>2017 – 2015</span>
<h3>회사 설립 및 사업 연계</h3>
<ul class="timeline-events">
<li>신용보증기금 퍼스트펭귄 창업기업 선정</li>
<li>현대엠엔소프트 내비게이션 SW 협력 개발</li>
<li>서울버스TV 광고방송 시스템 구축 (IoT 플랫폼 활용)</li>
<li>
홈플러스 및 롯데마트 매장 광고 시스템 구축 (IoT 플랫폼 활용)
</li>
<li>갤럭시 6, 6 Edge 용 Mac OS용 Theme Editor 개발</li>
<li>창업우수기업 표창(대구광역시장)</li>
<li>㈜모비핀테크놀러지 기업부설연구소 설립</li>
<li>IOT,AI 통합 플랫폼 출시 (VOISO)</li>
<li>㈜유니트론텍 투자유치</li>
<li>㈜모비핀테크놀러지 법인 설립</li>
</ul>
</article>
<article>
<span>2014 – 2003</span>
<h3>전신 사업 분야</h3>
<ul class="timeline-events">
<li>
SM-V101F유럽파생/CIS/ 서남아/ 중동향 Nucleus 기반 Web UI S/W
</li>
<li>Android 과제 3rd Party Application/ GMS 개발 지원</li>
<li>S-Note3 및 삼성 Android System·App 개발</li>
<li>미주 CDMA 사업자향 QSC61x5 플랫폼 개발</li>
<li>삼성전자 무선사업부 CDMA Phone 사업 참여</li>
</ul>
</article>
</div>
</section>
<section class="about-section org" id="organization" data-page-title="조직 구성">
<p class="eyebrow">Organization</p>
<h2>조직 구성</h2>
<div class="org-chart">
<div class="ceo-node">CEO</div>
<div class="org-columns">
<article>
<span>Corporate Support</span><strong>경영지원실</strong>
<ul class="org-teams">
<li>관리팀</li>
<li>재무팀</li>
</ul>
</article>
<article>
<span>Technology Teams</span><strong>개발실</strong>
<ul class="org-teams">
<li>전장개발팀</li>
<li>솔루션개발팀</li>
<li>AI/로봇 개발팀</li>
<li>SI 개발팀</li>
</ul>
</article>
<article>
<span>Supply Chain Management</span><strong>SCM팀</strong>
</article>
<article>
<span>R&amp;D / Future Technology</span
><strong>기업부설 연구소</strong>
</article>
</div>
</div>
</section>
<section class="about-section partners" id="partners" data-page-title="협력사">
<p class="eyebrow">Partners</p>
<h2>협력사</h2>
<div class="partner-grid">
<figure>
<img
src="assets/images/partners/01_hyundai.png"
alt="HYUNDAI"
title="HYUNDAI"
/>
</figure>
<figure>
<img
src="assets/images/partners/02_hyundai_autoever.png"
alt="HYUNDAI AutoEver"
title="HYUNDAI AutoEver"
/>
</figure>
<figure>
<img
src="assets/images/partners/03_hyundai_wia.png"
alt="HYUNDAI WIA"
title="HYUNDAI WIA"
/>
</figure>
<figure>
<img
src="assets/images/partners/04_sl_corporation.png"
alt="SL Corporation"
title="SL Corporation"
/>
</figure>
<figure>
<img
src="assets/images/partners/05_kcar.png"
alt="K Car"
title="K Car"
/>
</figure>
<figure>
<img
src="assets/images/partners/06_sk_securities.png"
alt="SK 증권"
title="SK 증권"
/>
</figure>
<figure>
<img
src="assets/images/partners/07_sk_networks.png"
alt="SK 네트웍스"
title="SK 네트웍스"
/>
</figure>
<figure>
<img
src="assets/images/partners/08_lg_electronics.png"
alt="LG전자"
title="LG전자"
/>
</figure>
<figure>
<img
src="assets/images/partners/09_hl_klemove.png"
alt="HL Klemove"
title="HL Klemove"
/>
</figure>
<figure>
<img
src="assets/images/partners/10_unitrontech.png"
alt="Unitrontech"
title="Unitrontech"
/>
</figure>
<figure>
<img
src="assets/images/partners/11_clobot.png"
alt="clobot"
title="clobot"
/>
</figure>
<figure>
<img
src="assets/images/partners/12_kb_chachacah.png"
alt="KB차차차"
title="KB차차차"
/>
</figure>
<figure>
<img
src="assets/images/partners/13_wonderful_platform.png"
alt="Wonderful Platform"
title="Wonderful Platform"
/>
</figure>
<figure>
<img
src="assets/images/partners/14_ctr.png"
alt="CTR"
title="CTR"
/>
</figure>
</div>
</section>
</main>
<footer class="site-footer">
<div>
<span
>고객센터 <a href="tel:0532140592">053-214-0592</a> | 평일 09:00 ~
18:00</span
>
<strong>(주)모비핀테크놀러지 | 대표이사 권오규</strong>
<span class="footer-copyright"
>Copyright 2015 – 2026 | Mobipin Technology | All Rights
Reserved</span
>
</div>
<nav class="footer-links" aria-label="사이트 정책">
<button type="button" data-site-modal="privacy">
<strong>개인정보 처리방침</strong>
</button>
<button type="button" data-site-modal="sitemap">사이트맵</button>
</nav>
</footer>
<script src="js/main.js"></script>
</body>
</html>

Binary file not shown.

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="000"><path d="M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z"/></svg>

After

Width:  |  Height:  |  Size: 174 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="000"><path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/></svg>

After

Width:  |  Height:  |  Size: 174 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#aab3c2"><path d="M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z"/></svg>

After

Width:  |  Height:  |  Size: 179 B

1
assets/icons/pause.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="000"><path d="M520-200v-560h240v560H520Zm-320 0v-560h240v560H200Zm400-80h80v-400h-80v400Zm-320 0h80v-400h-80v400Zm0-400v400-400Zm320 0v400-400Z"/></svg>

After

Width:  |  Height:  |  Size: 250 B

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="000"><path d="M320-200v-560l440 280-440 280Zm80-280Zm0 134 210-134-210-134v268Z"/></svg>

After

Width:  |  Height:  |  Size: 186 B

1
assets/icons/stop.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="000"><path d="M320-640v320-320Zm-80 400v-480h480v480H240Zm80-80h320v-320H320v320Z"/></svg>

After

Width:  |  Height:  |  Size: 188 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 174 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 302 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 201 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 160 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 774 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 376 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1004 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
assets/images/mobipin-logo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Some files were not shown because too many files have changed in this diff Show More