/* [cold-load-fix v1] 하이드레이션 DOM 교체 재무장 래퍼 (원본 로직 보존) · 콜드 로드에서 React 가 content 노드를 통째로 교체하면 최초 실행분이 detached 노드에 붙어 죽는다. · KEYS 노드의 identity 가 바뀌면 원본을 현재 DOM 기준으로 재실행한다(멱등). · window/document 리스너는 소스 동일성으로 1회만 등록(중복 누적 0). · load/DOMContentLoaded 는 이미 지난 경우 즉시 호출(재실행 시 초기화 훅 유실 방지). */ (function(){ var NS = '__clf_h62_header'; if (window[NS]) return; window[NS] = 1; var KEYS = ["#onaHeader",".ona-hero","#onaConsultAgree"]; var GUARDS = []; var sig = null, tmr = null, seen = {}; function snap(){ var a = []; for (var i=0;i 60; hd.classList.toggle('is-solid', solid); } /* ── 2) 현재 경로에 맞춰 메뉴 활성 표시 ──────────────────── */ function syncActive() { var nav = document.getElementById('onaNav'); if (!nav) return; var path = location.pathname.replace(/\/+$/, '') || '/'; var links = nav.querySelectorAll('a[href]'); for (var i = 0; i < links.length; i++) { var href = links[i].getAttribute('href') || ''; var on = href !== '/' && (path === href || path.indexOf(href + '/') === 0); links[i].classList.toggle('on', !!on); if (on) { var top = links[i].closest('li.ona-has-sub'); if (top) { var a = top.querySelector(':scope > a'); if (a) a.classList.add('on'); } } } } /* ── 3) 모바일 패널 열고 닫기 ────────────────────────────── */ function closeNav() { var nav = document.getElementById('onaNav'); var btn = document.getElementById('onaHdToggle'); if (nav) nav.classList.remove('is-open'); if (btn) { btn.setAttribute('aria-expanded', 'false'); btn.setAttribute('aria-label', '메뉴 열기'); } if (nav) { var opened = nav.querySelectorAll('li.open'); for (var i = 0; i < opened.length; i++) opened[i].classList.remove('open'); } } document.addEventListener('click', function (e) { var btn = e.target.closest && e.target.closest('#onaHdToggle'); if (btn) { e.preventDefault(); var nav = document.getElementById('onaNav'); if (!nav) return; var open = !nav.classList.contains('is-open'); nav.classList.toggle('is-open', open); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); btn.setAttribute('aria-label', open ? '메뉴 닫기' : '메뉴 열기'); return; } /* 좁은 화면: 상위 메뉴 첫 탭 = 펼치기, 두 번째 탭 = 이동 */ var top = e.target.closest && e.target.closest('#onaNav > li.ona-has-sub > a'); if (top) { if (!isNarrow()) return; var li = top.parentNode; if (li.classList.contains('open')) return; e.preventDefault(); var sibs = li.parentNode.querySelectorAll(':scope > li.ona-has-sub'); for (var j = 0; j < sibs.length; j++) if (sibs[j] !== li) sibs[j].classList.remove('open'); li.classList.add('open'); return; } /* 퀵바 최상단 버튼 */ var topBtn = e.target.closest && e.target.closest('.qk-top'); if (topBtn) { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); return; } /* 패널 바깥 클릭 시 닫기 */ if (isNarrow()) { var nav2 = document.getElementById('onaNav'); if (nav2 && nav2.classList.contains('is-open') && !(e.target.closest && e.target.closest('#onaNav')) && !(e.target.closest && e.target.closest('#onaHdToggle'))) closeNav(); } }, false); /* ── 4) BEFORE & AFTER 전후 비교 슬라이더 ───────────────── 정적 마크업의 기본값(--pos:50%)이 이미 올바른 상태다(JS 없이도 반반 보임). 여기서는 range 를 움직였을 때만 --pos 를 갱신한다. */ function applyCase(input) { var box = input.closest && input.closest('.ona-case'); if (!box) return; var img = box.querySelector('.ona-case-img'); if (img) img.style.setProperty('--pos', (input.value || 50) + '%'); } function syncCases() { var rs = D.querySelectorAll('.ona-case-range'); for (var i = 0; i < rs.length; i++) applyCase(rs[i]); } D.addEventListener('input', function (e) { var t = e.target; if (t && t.classList && t.classList.contains('ona-case-range')) applyCase(t); }, false); /* ── 5) 카카오(다음) "지도 퍼가기" roughmap — v3 ──────────── ① roughmapLoader.js 는 자기 본체(roughmapLander.js)를 document.write 로 붙인다. MetaCMS 는 스크립트를 비동기로 넣으므로 write 가 막혀 "Failed to execute 'write' on 'Document'" 경고만 남고 지도가 안 뜬다. → 로더가 도는 동안만 write/writeln 을 가로채 src 를 뽑아 실제

로그인

로그인

빠른 상담문의

대표전화031-528-2815