/* 서울디테일치과 — 전역 스크립트 (헤더/캐러셀/지도/상담폼) 원칙: ① 이벤트 위임(document) ② 멱등 sync + MutationObserver(하이드레이션 스왑 대비) ③ 재무장형(1회 실행식 금지) ④ 어떤 실패도 콘텐츠를 숨기지 않음 */ (function () { 'use strict'; var D = document; if (D.__sdInit) { try { D.__sdSync(); } catch (e) {} return; } D.__sdInit = true; function all(sel, root) { return Array.prototype.slice.call((root || D).querySelectorAll(sel)); } /* ---------------- 1. 헤더 모바일 메뉴 ---------------- */ function closeMenu() { var hd = D.getElementById('sdHd'); if (!hd) return; hd.classList.remove('is-menu'); var b = D.getElementById('sdBurger'); if (b) b.setAttribute('aria-expanded', 'false'); D.documentElement.style.removeProperty('overflow'); } D.addEventListener('click', function (e) { var b = e.target.closest && e.target.closest('#sdBurger'); if (b) { var hd = D.getElementById('sdHd'); if (!hd) return; var open = !hd.classList.contains('is-menu'); hd.classList.toggle('is-menu', open); b.setAttribute('aria-expanded', open ? 'true' : 'false'); D.documentElement.style.overflow = open ? 'hidden' : ''; e.preventDefault(); return; } if (e.target.closest && e.target.closest('.sd-nav a')) closeMenu(); }, false); D.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeMenu(); }, false); window.addEventListener('resize', function () { if (window.innerWidth > 1023) closeMenu(); }, false); /* ---------------- 2. 캐러셀(swiper 대체) ---------------- */ function slidesOf(sw) { return all(':scope > .swiper-wrapper > .swiper-slide', sw); } function markCurrent(sw) { var sl = slidesOf(sw); if (!sl.length) return; var mid = sw.scrollLeft + sw.clientWidth / 2, best = 0, bd = Infinity; for (var i = 0; i < sl.length; i++) { var c = sl[i].offsetLeft + sl[i].offsetWidth / 2, d = Math.abs(c - mid); if (d < bd) { bd = d; best = i; } } for (var j = 0; j < sl.length; j++) { var on = j === best; sl[j].classList.toggle('is-current', on); sl[j].classList.toggle('swiper-slide-active', on); } var pg = sw.__sdPag; if (pg) all('.swiper-pagination-bullet', pg).forEach(function (b, k) { b.classList.toggle('swiper-pagination-bullet-active', k === best); }); var ti = sw.__sdTitleEl; if (ti && sl[best].getAttribute('data-title')) ti.textContent = sl[best].getAttribute('data-title'); if (sw.__sdBtns) sw.__sdBtns.forEach(function (b) { var next = b.className.indexOf('next') >= 0; b.classList.toggle('is-disabled', next ? sw.scrollLeft >= sw.scrollWidth - sw.clientWidth - 2 : sw.scrollLeft <= 2); }); } function step(sw, dir) { var sl = slidesOf(sw); if (!sl.length) return; var mid = sw.scrollLeft + sw.clientWidth / 2, cur = 0, bd = Infinity; for (var i = 0; i < sl.length; i++) { var c = sl[i].offsetLeft + sl[i].offsetWidth / 2, d = Math.abs(c - mid); if (d < bd) { bd = d; cur = i; } } var n = Math.min(sl.length - 1, Math.max(0, cur + dir)); var t = sl[n].offsetLeft - (sw.clientWidth - sl[n].offsetWidth) / 2; try { sw.scrollTo({ left: t, behavior: 'smooth' }); } catch (e) { sw.scrollLeft = t; } } /* 버튼 -> 대상 캐러셀 */ function targetOf(btn) { var inSw = btn.closest('.swiper'); if (inSw) return inSw; var scope = btn.closest('.content-inner') || btn.closest('.content-wrap') || btn.closest('.sec-inner') || btn.closest('.sd-body') || D; var cl = btn.className; if (cl.indexOf('-1') >= 0) return scope.querySelector('.sub-slide-1'); if (cl.indexOf('-2') >= 0) return scope.querySelector('.sub-slide-com'); return scope.querySelector('.swiper'); } D.addEventListener('click', function (e) { var b = e.target.closest && e.target.closest('.swiper-button-next, .swiper-button-prev'); if (!b) return; var sw = targetOf(b); if (!sw) return; e.preventDefault(); step(sw, b.className.indexOf('next') >= 0 ? 1 : -1); }, false); D.addEventListener('click', function (e) { var b = e.target.closest && e.target.closest('.swiper-pagination-bullet'); if (!b || !b.parentNode) return; var sw = b.parentNode.__sdOwner; if (!sw) return; var sl = slidesOf(sw), i = all('.swiper-pagination-bullet', b.parentNode).indexOf(b); if (i < 0 || !sl[i]) return; e.preventDefault(); var t = sl[i].offsetLeft - (sw.clientWidth - sl[i].offsetWidth) / 2; try { sw.scrollTo({ left: t, behavior: 'smooth' }); } catch (err) { sw.scrollLeft = t; } }, false); var PAG_TITLES = { 'sub-0101-slide-2': ['넓은 대기실', '쾌적한 진료실', '문화 편의 공간', '1인 1기구 사용'] }; function initCarousel(sw) { if (sw.__sdReady) { markCurrent(sw); return; } if (!sw.querySelector(':scope > .swiper-wrapper')) return; sw.__sdReady = true; /* 짝 페이지네이션/버튼 찾기 */ var scope = sw.closest('.content-inner') || sw.closest('.sec-inner') || sw.closest('.content-wrap') || sw.parentNode; var pag = sw.querySelector(':scope > .swiper-pagination') || (scope && scope.querySelector('.swiper-pagination')); var key = null; ['sub-0101-slide-2', 'sub-0103-slide'].forEach(function (k) { if (sw.classList.contains(k)) key = k; }); if (pag && !pag.__sdOwner) { pag.__sdOwner = sw; sw.__sdPag = pag; if (!pag.children.length) { var titles = PAG_TITLES[key] || null; slidesOf(sw).forEach(function (_s, i) { var sp = D.createElement('span'); sp.className = 'swiper-pagination-bullet' + (titles ? ' font-head6' : ''); if (titles) sp.textContent = titles[i] || ''; sp.setAttribute('role', 'button'); sp.setAttribute('tabindex', '0'); sp.setAttribute('aria-label', (i + 1) + '번 슬라이드'); pag.appendChild(sp); }); } } sw.__sdBtns = []; ['.swiper-button-next', '.swiper-button-prev'].forEach(function (s) { var b = sw.querySelector(':scope ' + s) || (scope && scope.querySelector(s)); if (b && targetOf(b) === sw) sw.__sdBtns.push(b); }); sw.__sdTitleEl = D.getElementById('slide-title'); var raf = 0; sw.addEventListener('scroll', function () { if (raf) return; raf = requestAnimationFrame(function () { raf = 0; markCurrent(sw); }); }, { passive: true }); /* 홈 히어로 자동 넘김 */ if (sw.classList.contains('main-slide-1')) { if (sw.__sdTimer) clearInterval(sw.__sdTimer); sw.__sdTimer = setInterval(function () { if (D.hidden || !sw.isConnected) return; var sl = slidesOf(sw); if (sl.length < 2) return; if (sw.scrollLeft >= sw.scrollWidth - sw.clientWidth - 2) { try { sw.scrollTo({ left: 0, behavior: 'smooth' }); } catch (e) { sw.scrollLeft = 0; } } else step(sw, 1); }, 6000); sw.addEventListener('pointerdown', function () { if (sw.__sdTimer) { clearInterval(sw.__sdTimer); sw.__sdTimer = 0; } }, { once: true }); } markCurrent(sw); } /* ---------------- 3. 다음(카카오) 약도 ---------------- ⚠️ roughmapLoader.js 는 자기 본체(roughmapLander.js)를 document.write 로 붙인다. 비동기 로드에선 write 가 막혀(경고) 지도가 안 뜨고 하이드레이션도 흔들린다. → 로더 실행 동안만 document.write 를 가로채 실제

로그인