// 데스크톱 네비게이션 기능 var items = document.querySelectorAll("#iuqkf"); for (var i = 0, len = items.length; i < len; i++) { (function () { let e = this.getAttribute("data-orientation") || "horizontal", t = "true" === this.getAttribute("data-enable-animation"), a = this.getAttribute("data-dropdown-style") || "slide", n = "false" !== this.getAttribute("data-hover-open"), o = parseInt( this.getAttribute("data-hover-close-delay") || "300", 10 ); this.classList.add("nav-".concat(e)), t && (this.classList.add("nav-animated"), this.classList.add("nav-dropdown-".concat(a))); let i = this.querySelectorAll(".nav-item.has-children"); i.forEach((t) => { let a = t.querySelector(".nav-link"), l = t.querySelector(".nav-submenu"), s = null; a && l && (n ? (t.addEventListener("mouseenter", () => { s && (clearTimeout(s), (s = null)), i.forEach((e) => { e === t || e.contains(t) || e.classList.remove("active"); }), t.classList.add("active"); }), "horizontal" === e && t.addEventListener("mouseleave", () => { s = setTimeout(() => { t.classList.remove("active"); }, o); })) : (a.addEventListener("click", (e) => { e.preventDefault(), i.forEach((e) => { e === t || e.contains(t) || e.classList.remove("active"); }), t.classList.toggle("active"); }), document.addEventListener("click", (e) => { t.contains(e.target) || t.classList.remove("active"); }))); }); }).bind(items[i])(); } // 모바일 메뉴 토글 기능 const mobileMenuBtn = document.getElementById("mobileMenuBtn"); const mobileNav = document.getElementById("mobileNav"); mobileMenuBtn.addEventListener("click", function (e) { e.preventDefault(); // 기본 동작 막기 e.stopPropagation(); // 이벤트 버블링 막기 mobileMenuBtn.classList.toggle("active"); mobileNav.classList.toggle("active"); }); // 모바일 드롭다운 토글 기능 const dropdownItems = mobileNav.querySelectorAll("li > a"); dropdownItems.forEach((item) => { item.addEventListener("click", function (e) { const parentLi = item.parentElement; const subMenu = parentLi.querySelector(".sub-menu"); if (subMenu) { e.preventDefault(); parentLi.classList.toggle("open"); } }); }); // 서브메뉴 클릭 시 메뉴 닫기 const subMenuLinks = mobileNav.querySelectorAll(".sub-menu a"); subMenuLinks.forEach((link) => { link.addEventListener("click", function () { mobileMenuBtn.classList.remove("active"); mobileNav.classList.remove("active"); }); }); // 외부 클릭 시 메뉴 닫기 document.addEventListener("click", function (event) { if ( !mobileMenuBtn.contains(event.target) && !mobileNav.contains(event.target) ) { mobileMenuBtn.classList.remove("active"); mobileNav.classList.remove("active"); } }); // 언어 변경 기능 const changeLanguageSelects = document.querySelectorAll(".change-language"); changeLanguageSelects.forEach((select) => { select.addEventListener("change", function () { const selectedLang = this.value; window.location.href = window.location.pathname + "?hl=" + selectedLang; }); }); // 정보센터 페이지에 탭 리스트와 제목 추가하는 함수 function addInfoCenterElements() { const currentPath = window.location.pathname; // 탭을 추가할 페이지 목록 const infoCenterPages = [ { path: '/boards/95', name: '공지사항' }, { path: '/boards/98', name: '영상갤러리' }, { path: '/sub-12', name: '행사사진' }, { path: '/news', name: '언론' } ]; // 현재 페이지가 정보센터 페이지인지 확인 const currentPage = infoCenterPages.find(page => currentPath.startsWith(page.path)); if (!currentPage) { return; // 정보센터 페이지가 아니면 종료 } // .content 요소 찾기 const contentElement = document.querySelector('.content'); if (!contentElement) { return; // .content 요소가 없으면 종료 } // 1. 탭 리스트 추가 (아직 없는 경우에만) if (!contentElement.querySelector('.tab_lst')) { const tabListHTML = `

${page.name}

`; // .content의 맨 앞에 탭 리스트 추가 contentElement.insertAdjacentHTML('afterbegin', tabListHTML); } // 2. /news 페이지에만 제목 추가 if (currentPath.startsWith('/news')) { // 이미 제목이 있는지 확인 if (!contentElement.querySelector('.cms-board-top')) { const titleHTML = `

언론

`; // 탭 리스트 다음에 제목 추가 const tabOuter = contentElement.querySelector('.tab-outer'); if (tabOuter) { tabOuter.insertAdjacentHTML('afterend', titleHTML); } } } } // DOM 로드 완료 후 실행 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addInfoCenterElements); } else { addInfoCenterElements(); }