ESG 스크롤 복귀와 기술 역량 이미지 정렬·지도 표시 개선

- ESG 푸터에서 위로 스크롤하면 문서 영역이 먼저 복귀하도록 처리
- 섹션 전환 중 문서 내부 스크롤을 막아 상단 잘림 방지
- 기술 역량 이미지의 상단 여백과 가용 높이를 본문 기준으로 정렬
- 이미지 진입 애니메이션을 고려해 텍스트 겹침과 화면 이탈 방지
- 기술 역량 프로젝트 순서·설명 및 개별 이미지 배치 설정 정리
- 기술 역량 데이터에 맞춰 검색용 정적 HTML 동기화
- 지도 검색용 도로명 주소와 층·호수 안내를 분리해 건물 위치 핀 표시
- 지도 기본 확대 수준을 16으로 설정하고 한국어 표시 적용
- 회사 소개·조직도와 개인정보 동의 거부 안내 문구 정리

검증:
- JavaScript 구문 검사 및 git diff --check 통과
- ESG 세 문서의 푸터 복귀·내부 스크롤·키보드 이동 확인
- 기술 역량 29개 슬라이드의 데스크톱 이미지 정렬 및 모바일 이동 확인
- 본사·지사 지도 위치 핀, 상세 주소, 외부 지도 링크 확인

css/styles.css

@@ -829,23 +829,23 @@ p {
   position: absolute;
   z-index: 1;
   right: clamp(190px, 17vw, 330px);
-  top: calc(50% + 6px);
+  top: calc((100% + var(--capabilities-content-top) - 96px) / 2);
   bottom: auto;
   width: min(44vw, 720px);
   height: auto;
-  max-height: calc(100dvh - 228px);
+  max-height: max(0px, calc(100dvh - var(--capabilities-content-top) - 96px));
   object-fit: contain;
   opacity: 0;
   pointer-events: none;
   filter: drop-shadow(0 28px 46px rgba(0, 0, 0, .48));
   transform: translate(0, -50%);
-  translate: calc(var(--object-fit-x, 0px) - 36px) 0;
+  translate: calc(var(--object-fit-x, 0px) - 36px) var(--object-fit-y, 0px);
   transition: opacity .28s var(--ease), translate .28s var(--ease);
 }
 
 .feature-object.is-visible {
   opacity: .96;
-  translate: var(--object-fit-x, 0px) 0;
+  translate: var(--object-fit-x, 0px) var(--object-fit-y, 0px);
   transform: translate(0, -50%) scale(1);
 }
 
@@ -905,7 +905,7 @@ p {
 }
 
 .feature-object.is-motion-bottom:not(.is-visible) {
-  translate: var(--object-fit-x, 0px) 36px;
+  translate: var(--object-fit-x, 0px) calc(var(--object-fit-y, 0px) + 36px);
 }
 
 .feature-object.is-repositioning {