// 현재 URL 경로를 확인하여 서브 페이지인지 판단 function applyHeaderStyleOnSubPages() { // 현재 페이지의 pathname을 가져옴 const currentPath = window.location.pathname; // 메인 페이지 조건: 경로가 '/' 이거나 빈 문자열인 경우 // (쿼리 파라미터 ?hl=ko, ?hl=en 은 상관없이) const isMainPage = currentPath === '/' || currentPath === ''; if (!isMainPage) { // 서브 페이지에서만 .header 요소를 찾아서 빨간색 배경 적용 const headerElement = document.querySelector('header_wrap'); if (headerElement) { headerElement.style.position = 'absolute'; } } } // 여러 시점에서 실행하여 확실하게 적용 function initHeaderStyle() { // 즉시 실행 applyHeaderStyleOnSubPages(); // DOM 로드 후 실행 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', applyHeaderStyleOnSubPages); } else { applyHeaderStyleOnSubPages(); } // 페이지 완전 로드 후 실행 (이미지 등 모든 리소스 로드 완료) window.addEventListener('load', applyHeaderStyleOnSubPages); // MutationObserver로 DOM 변화 감지 (동적 렌더링 대응) const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length > 0) { applyHeaderStyleOnSubPages(); } }); }); // body 요소 관찰 시작 if (document.body) { observer.observe(document.body, { childList: true, subtree: true, }); } } // 스크립트 로드 시 즉시 실행 initHeaderStyle(); // boards 페이지에 sub_visual 추가 (function() { const currentPath = window.location.pathname; if (currentPath.startsWith('/boards/')) { let pageTitle = 'INFORMATION'; if (currentPath.includes('/127')) { pageTitle = 'Gallery'; } else if (currentPath.includes('/126')) { pageTitle = 'Notice'; } const subVisualHTML = `

Home > INFORMATION

${pageTitle}

`; const header = document.querySelector('[data-layout-slot="header-eng"]') || document.querySelector('#header_wrap'); if (header && !document.querySelector('.sub_visual')) { header.insertAdjacentHTML('afterend', subVisualHTML); } const contentElement = document.querySelector('main.content'); if (contentElement) { contentElement.style.paddingTop = '0px'; } } })();

Autonomous driving Mobility Expo 2026