// 데스크톱 네비게이션 기능 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"); } }); // 바이어 등록 확인 클릭 시 알럿 document.querySelectorAll("a[data-alert]").forEach(function (el) { el.addEventListener("click", function (e) { e.preventDefault(); alert(this.getAttribute("data-alert")); }); }); // 언어 변경 기능 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/165", name: "Notice" }, { path: "/boards/98", name: "Video" }, { path: "/sub-12", name: "Gallery" }, { path: "/news", name: "Press" }, ]; // 현재 페이지가 정보센터 페이지인지 확인 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 = `

Press

`; // 탭 리스트 다음에 제목 추가 const tabOuter = contentElement.querySelector(".tab-outer"); if (tabOuter) { tabOuter.insertAdjacentHTML("afterend", titleHTML); } } } } // DOM 로드 완료 후 실행 if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", addInfoCenterElements); } else { addInfoCenterElements(); } // 언어 버튼 - capture phase로 Next.js 라우터보다 먼저 처리 document.addEventListener( "click", function (e) { var langBtn = e.target.closest(".lang-btn"); if (langBtn) { e.preventDefault(); e.stopImmediatePropagation(); window.location.href = window.location.pathname + "?hl=ko"; } }, true, );