zenn
239f61c506
- ESG 푸터에서 위로 스크롤하면 문서 영역이 먼저 복귀하도록 처리 - 섹션 전환 중 문서 내부 스크롤을 막아 상단 잘림 방지 - 기술 역량 이미지의 상단 여백과 가용 높이를 본문 기준으로 정렬 - 이미지 진입 애니메이션을 고려해 텍스트 겹침과 화면 이탈 방지 - 기술 역량 프로젝트 순서·설명 및 개별 이미지 배치 설정 정리 - 기술 역량 데이터에 맞춰 검색용 정적 HTML 동기화 - 지도 검색용 도로명 주소와 층·호수 안내를 분리해 건물 위치 핀 표시 - 지도 기본 확대 수준을 16으로 설정하고 한국어 표시 적용 - 회사 소개·조직도와 개인정보 동의 거부 안내 문구 정리 검증: - JavaScript 구문 검사 및 git diff --check 통과 - ESG 세 문서의 푸터 복귀·내부 스크롤·키보드 이동 확인 - 기술 역량 29개 슬라이드의 데스크톱 이미지 정렬 및 모바일 이동 확인 - 본사·지사 지도 위치 핀, 상세 주소, 외부 지도 링크 확인
363 lines
14 KiB
HTML
363 lines
14 KiB
HTML
<!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-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">
|
||
<a
|
||
class="button button-primary"
|
||
href="assets/docs/MOBIPIN_회사소개서_260929.pdf"
|
||
download="MOBIPIN_회사소개서_260929.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 & 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>Development 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&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>
|
||
<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>
|