diff --git a/public/images/case01.png b/public/images/case01.png new file mode 100644 index 0000000..e73e416 Binary files /dev/null and b/public/images/case01.png differ diff --git a/public/images/case02.png b/public/images/case02.png new file mode 100644 index 0000000..18ad75f Binary files /dev/null and b/public/images/case02.png differ diff --git a/src/css/common.css b/src/css/common.css index 477b9af..99978cf 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -458,8 +458,9 @@ body{overflow-x:hidden;} /* ── Image ── */ .cs-img-wrap {position:relative; border-radius:12px; overflow:hidden; aspect-ratio:3/2; will-change:clip-path; z-index:1;} -.cs-img {width:100%; height:100%; object-fit:cover; display:block;} +.cs-img {width:100%; height:100%; object-fit:cover; display:block;object-position: left top;} .cs-img-fallback {position:absolute; inset:0; background:var(--color-primary-soft);} +.cs-list .cs-item:last-child .cs-img{object-position: right top;} /* ── Body ── */ .cs-body {padding-left:80px; display:flex; flex-direction:column; gap:20px; z-index:1;} diff --git a/src/pages/utm/CasePage.jsx b/src/pages/utm/CasePage.jsx index 3a127ca..a428b34 100644 --- a/src/pages/utm/CasePage.jsx +++ b/src/pages/utm/CasePage.jsx @@ -14,7 +14,7 @@ const CASES = [ title: "KAC 드론교통관리 UTM 시스템 구축", desc: "공공용 UTM 시스템 정보공유체계 개발 및 드론교통관리 시스템 구축 사업을 수행했습니다. 실시간 비행 승인, 충돌 회피, 관제 데이터 통합 관리 기능을 제공합니다.", tags: ["UTM", "드론관제", "한국공항공사"], - img: "/images/case/case01.jpg", + img: "./images/case01.png", year: "2024", }, { @@ -23,7 +23,7 @@ const CASES = [ title: "UAM 팀코리아 워킹그룹 참여", desc: "국토교통부 주관 UAM 팀코리아(UTK) 워킹그룹에 참여하여 도심항공교통 운항 공역 비행체 감시 기술 개발 및 UAM 비행상황관리 시스템 구축에 기여했습니다.", tags: ["UAM", "UATM", "국토교통부"], - img: "/images/case/case02.jpg", + img: "./images/case02.png", year: "2024", }, { @@ -32,7 +32,7 @@ const CASES = [ title: "드론 실증도시 구축 및 관제시스템", desc: "남원시 드론 실증도시 구축사업 협약 체결 및 드론 규제 샌드박스 사업을 통해 드론 관리 체계에 따른 식별장치 및 비행 관제시스템을 구축했습니다.", tags: ["드론", "실증도시", "관제시스템"], - img: "/images/case/case03.jpg", + img: "./images/rnd_img1.png", year: "2023", }, ];