/* [cold-load-fix v1.1] 하이드레이션 DOM 교체 재무장 래퍼 (원본 로직 보존) · 콜드 로드에서 React 가 content 노드를 통째로 교체하면 최초 실행분이 detached 노드에 붙어 죽는다. · KEYS 노드의 identity 가 바뀌면 원본을 현재 DOM 기준으로 재실행한다(멱등). · window/document 리스너는 소스 동일성으로 1회만 등록(중복 누적 0). · load/DOMContentLoaded 는 이미 지난 경우 즉시 호출(재실행 시 초기화 훅 유실 방지). */ (function(){ var NS = '__clf_h83_header'; if (window[NS]) return; window[NS] = 1; var KEYS = ["#nrHd","#nrMnav","[data-nr-page]"]; var GUARDS = []; var sig = null, tmr = null, seen = {}; function snap(){ var a = []; for (var i=0;i -40) n.classList.add('in'); }); } arm(); sweep(); var moT = null; try { new MutationObserver(function () { if (moT) return; moT = setTimeout(function () { moT = null; arm(); sweep(); syncDark(); }, 60); }).observe(root, { childList: true, subtree: true }); } catch (e) {} var n = 0; var t = setInterval(function () { n++; sweep(); if (n > 6) clearInterval(t); }, 600); } })(); } function run(){ var wA = window.addEventListener, dA = document.addEventListener; var wR = window.removeEventListener, dR = document.removeEventListener; window.addEventListener = mkAdd(window, wA, wR, 'w'); document.addEventListener = mkAdd(document, dA, dR, 'd'); try { window[NS + '_n'] = (window[NS + '_n'] || 0) + 1; } catch(e){} try { body(); } catch(e){ try{ console.error('[cold-load-fix] ' + NS, e); }catch(_){} } finally { window.addEventListener = wA; document.addEventListener = dA; } } function once(){ if (!changed()) return; for (var i=0;iString(s).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); const selector=config.prefix==='nr'?'#nr-main,[data-nr-page],.nr2,.tr-page':'.db-sub,.db2,.tr-page'; function hide(focus){ clearTimeout(closeTimer);const old=anchor;anchor=null;if(popup)popup.hidden=true; if(old){old.setAttribute('aria-expanded','false');if(focus&&old.isConnected){suppress=true;old.focus();suppress=false;}} } function place(){ if(!anchor||!anchor.isConnected){hide(false);return;} const r=anchor.getBoundingClientRect(),w=popup.offsetWidth,h=popup.offsetHeight; popup.style.left=Math.max(12,Math.min(innerWidth-w-12,r.left))+'px'; popup.style.top=Math.max(12,Math.min(innerHeight-h-12,r.bottom+8))+'px'; } function show(button){ clearTimeout(closeTimer);const term=config.terms.find(t=>t.key===button.dataset.meTerm);if(!term)return; if(!popup||!popup.isConnected){ popup=document.createElement('aside');popup.id='me-glossary';popup.className='me-popover'; popup.setAttribute('role','dialog');popup.setAttribute('aria-labelledby','me-term-title');popup.hidden=true;document.body.append(popup); } if(anchor&&anchor!==button)anchor.setAttribute('aria-expanded','false');anchor=button; popup.innerHTML='

'+esc(term.title)+'

'+esc(term.summary)+'

자세히 보기'; button.setAttribute('aria-expanded','true');popup.hidden=false;place(); } function later(){clearTimeout(closeTimer);closeTimer=setTimeout(()=>{if(!popup?.matches(':hover,:focus-within')&&!anchor?.matches(':hover,:focus'))hide(false);},180);} function scan(){ const roots=document.querySelectorAll(selector+',.me-page,.me-article'); const excluded='a,button,header,footer,nav,aside,form,h1,h2,h3,h4,script,style,textarea,svg,code,pre,label,[contenteditable],.me-source,.me-index,.nr-eeat,.db-eeat,.aeo-author,.tr-author'; const terms=config.terms.flatMap(t=>[t.title,...t.aliases].map(word=>({word,key:t.key}))).sort((a,b)=>b.word.length-a.word.length); const seen=new Set(); roots.forEach(root=>{ root.querySelectorAll('p,li,td,dd').forEach(block=>{ if(block.closest(excluded)||seen.has(block))return;seen.add(block); const used=new Set(Array.from(block.querySelectorAll('[data-me-term]')).map(n=>n.dataset.meTerm)); const walker=document.createTreeWalker(block,NodeFilter.SHOW_TEXT,{acceptNode:n=>n.parentElement?.closest(excluded)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}); const nodes=[];let n;while((n=walker.nextNode()))nodes.push(n); nodes.forEach(node=>{ const term=terms.find(t=>!used.has(t.key)&&node.nodeValue.includes(t.word));if(!term)return; const at=node.nodeValue.indexOf(term.word),button=document.createElement('button'); button.type='button';button.className='me-term';button.dataset.meTerm=term.key;button.textContent=term.word; button.setAttribute('aria-haspopup','dialog');button.setAttribute('aria-controls','me-glossary');button.setAttribute('aria-expanded','false');button.setAttribute('aria-label',term.word+' 용어 설명'); node.replaceWith(document.createTextNode(node.nodeValue.slice(0,at)),button,document.createTextNode(node.nodeValue.slice(at+term.word.length)));used.add(term.key); }); }); }); } function index(root){ if(armed.has(root))return;armed.add(root);root.classList.add('me-armed'); const cards=Array.from(root.querySelectorAll('[data-me-entry]')),search=root.querySelector('[data-me-search]'),category=root.querySelector('[data-me-category]'); const state=new URLSearchParams(location.search);search.value=state.get('q')||'';category.value=state.get('category')||''; const requested=Number(state.get('page'));let page=Number.isFinite(requested)?Math.max(1,Math.floor(requested)):1; function render(update){ const q=search.value.trim().toLocaleLowerCase('ko'),c=category.value; const filtered=cards.filter(el=>(!q||el.dataset.meSearch.includes(q))&&(!c||el.dataset.meCategory===c)),total=Math.max(1,Math.ceil(filtered.length/8)); page=Math.min(page,total);cards.forEach(el=>el.hidden=true);filtered.slice((page-1)*8,page*8).forEach(el=>el.hidden=false); root.querySelector('[data-me-count]').textContent=filtered.length+'개'; root.querySelector('[data-me-empty]').hidden=filtered.length>0; root.querySelector('[data-me-page]').textContent=page+' / '+total; root.querySelector('[data-me-prev]').disabled=page===1;root.querySelector('[data-me-next]').disabled=page===total; if(update){const url=new URL(location.href);['q','category','page'].forEach(k=>url.searchParams.delete(k));if(q)url.searchParams.set('q',search.value.trim());if(c)url.searchParams.set('category',c);if(page>1)url.searchParams.set('page',page);history.replaceState(history.state,'',url);} } search.addEventListener('input',()=>{page=1;render(true);});category.addEventListener('change',()=>{page=1;render(true);}); root.querySelector('[data-me-clear]').onclick=()=>{search.value='';category.value='';page=1;render(true);search.focus();}; root.querySelector('[data-me-prev]').onclick=()=>{page--;render(true);}; root.querySelector('[data-me-next]').onclick=()=>{page++;render(true);}; render(true); } const observer=new IntersectionObserver(entries=>entries.forEach(e=>{ if(!e.isIntersecting)return; observer.unobserve(e.target); if(!reduced.matches)e.target.animate([{transform:'translateY(18px)'},{transform:'translateY(0)'}],{duration:550,easing:'cubic-bezier(.2,.7,.2,1)'}); }),{threshold:0.12}); function syncVideo(video){ const state=videos.get(video);if(!state)return; if(reduced.matches||document.hidden||state.paused)video.pause();else video.play().catch(()=>{}); } function videoSetup(video){ if(videos.has(video))return; const state={paused:false};videos.set(video,state); const button=video.parentElement.querySelector('[data-me-video-toggle]'); function label(){button.innerHTML=video.paused?config.icons.play:config.icons.pause;button.title=video.paused?'영상 재생':'영상 일시정지';button.setAttribute('aria-label',button.title);} button.onclick=()=>{state.paused=!video.paused;if(video.paused){state.paused=false;video.play().catch(()=>{});}else video.pause();label();}; video.addEventListener('play',label);video.addEventListener('pause',label); const fail=()=>{video.hidden=true;button.hidden=true;}; video.addEventListener('error',fail);if(video.error){fail();return;} video.muted=true;syncVideo(video);label(); } function refresh(){ const header=document.querySelector(config.header);if(!header)return; const height=getComputedStyle(header).position==='fixed'?header.getBoundingClientRect().height:0; document.documentElement.style.setProperty('--me-header-height',height+'px'); document.querySelectorAll('.me-index').forEach(index);document.querySelectorAll('video[data-me-video]').forEach(videoSetup); document.querySelectorAll('[data-me-reveal]').forEach(el=>{if(!animated.has(el)){animated.add(el);observer.observe(el);}}); scan();if(anchor&&!anchor.isConnected)hide(false); } function schedule(){clearTimeout(refreshTimer);refreshTimer=setTimeout(refresh,120);} document.addEventListener('mouseover',e=>{const t=e.target.closest?.('[data-me-term]');if(t)show(t);else if(e.target.closest?.('.me-popover'))clearTimeout(closeTimer);}); document.addEventListener('mouseout',e=>{if(e.target.closest?.('[data-me-term],.me-popover'))later();}); document.addEventListener('focusin',e=>{if(suppress)return;const t=e.target.closest?.('[data-me-term]');if(t)show(t);else if(!e.target.closest?.('.me-popover'))hide(false);}); document.addEventListener('click',e=>{ const t=e.target.closest?.('[data-me-term]'); if(t){show(t);if(e.detail===0)popup.querySelector('a').focus();return;} if(e.target.closest?.('[data-me-close]'))hide(true); else if(!e.target.closest?.('.me-popover'))hide(false); }); document.addEventListener('keydown',e=>{ const trigger=e.target.closest?.('[data-me-term]'); if(trigger&&['Enter',' ','ArrowDown'].includes(e.key)){e.preventDefault();show(trigger);popup.querySelector('a').focus();return;} if(e.key==='Escape'&&anchor){e.preventDefault();hide(true);} }); document.addEventListener('scroll',()=>{if(anchor)place();},{passive:true,capture:true}); window.addEventListener('resize',()=>{if(anchor)place();}); document.addEventListener('metalink:content-ready',schedule);window.addEventListener('pageshow',schedule); const mo=new MutationObserver(mutations=>{if(mutations.some(m=>m.addedNodes.length||m.removedNodes.length))schedule();});mo.observe(document.body,{childList:true,subtree:true}); reduced.addEventListener('change',()=>{document.querySelectorAll('[data-me-reveal]').forEach(el=>el.getAnimations().forEach(a=>a.cancel()));document.querySelectorAll('video[data-me-video]').forEach(syncVideo);}); document.addEventListener('visibilitychange',()=>document.querySelectorAll('video[data-me-video]').forEach(syncVideo)); window[key]={refresh};refresh(); })({"id":83,"slug":"narane","prefix":"nr","header":"#nrHd","name":"서울나란이치과의원","accent":"#176b68","routes":{"예방":"treatments/general","잇몸":"treatments/periodontal","보존·보철":"treatments/general","턱관절":"treatments/tmj"},"layout":".nr-ftr-top>*{min-width:0}.nr-ftr-hours li{align-items:flex-start}.nr-ftr-hours li>b{flex:0 0 100px}.nr-ftr-hours li>span{min-width:0}.nr2-actions{align-items:center;flex-wrap:wrap}.nr2-reading>*{min-width:0}.nr2-hero-caption[hidden]{display:none!important}@media(max-width:700px){.nr-cta-in{align-items:stretch}.nr-cta-act{display:flex;flex-direction:column;align-items:stretch;width:100%}.nr-ftr-bottom{gap:20px}.nr-ftr-tel{font-size:26px}.nr2-hero-word{display:none}}","video":"/uploads/hospitals/narane/enhancement-20260910/hero-web-v1.mp4","poster":"/uploads/hospitals/narane/stock/nr-hero-clinic.webp","terms":[{"key":"decay","title":"충치","category":"예방","aliases":["치아우식증"],"summary":"세균이 만든 산으로 치아 표면이 손상되는 질환입니다.","body":"초기에는 아프지 않을 수 있어 증상만으로 판단하지 않습니다.","source":{"name":"NIDCR · Tooth Decay","url":"https://www.nidcr.nih.gov/health-info/tooth-decay"}},{"key":"enamel","title":"법랑질","category":"예방","aliases":[],"summary":"치아 표면의 단단한 바깥층입니다.","body":"산에 반복 노출되면 무기질이 빠져나갈 수 있습니다.","source":{"name":"NIDCR · Tooth Decay","url":"https://www.nidcr.nih.gov/health-info/tooth-decay"}},{"key":"fluoride","title":"불소","category":"예방","aliases":[],"summary":"치아의 무기질 회복을 도와 충치 예방에 쓰이는 성분입니다.","body":"초기 충치와 이미 생긴 구멍의 치료는 다릅니다.","source":{"name":"NIDCR · Tooth Decay","url":"https://www.nidcr.nih.gov/health-info/tooth-decay"}},{"key":"plaque","title":"치태","category":"잇몸","aliases":["플라크"],"summary":"치아에 붙는 세균막입니다.","body":"매일 칫솔질과 치아 사이 관리로 제거합니다.","source":{"name":"NIDCR · Gum Disease","url":"https://www.nidcr.nih.gov/health-info/gum-disease"}},{"key":"calculus","title":"치석","category":"잇몸","aliases":[],"summary":"치태가 단단하게 굳은 침착물입니다.","body":"칫솔질만으로 제거하기 어려워 전문적인 제거가 필요합니다.","source":{"name":"NIDCR · Gum Disease","url":"https://www.nidcr.nih.gov/health-info/gum-disease"}},{"key":"periodontal","title":"치주질환","category":"잇몸","aliases":["잇몸병"],"summary":"잇몸과 치아 지지조직에 염증이 생기는 질환입니다.","body":"출혈과 붓기 등이 생길 수 있으며 검사를 통해 상태를 구분합니다.","source":{"name":"NIDCR · Gum Disease","url":"https://www.nidcr.nih.gov/health-info/gum-disease"}},{"key":"resin","title":"레진","category":"보존·보철","aliases":["복합레진"],"summary":"치아색 충전 재료입니다.","body":"충전치료에 쓰이며 모든 치아에 같은 방법을 적용하지는 않습니다.","source":{"name":"NIDCR · Dental Fillings","url":"https://www.nidcr.nih.gov/health-info/dental-fillings"}},{"key":"crown","title":"크라운","category":"보존·보철","aliases":[],"summary":"치아를 덮어 형태를 회복하는 보철물입니다.","body":"손상이 큰 치아에서 고려하며 영구적인 수명을 보장하지 않습니다.","source":{"name":"NIDCR · Dental Fillings","url":"https://www.nidcr.nih.gov/health-info/dental-fillings"}},{"key":"root-canal","title":"신경치료","category":"보존·보철","aliases":["근관치료"],"summary":"감염된 치아 내부를 제거·세척하고 채우는 치료입니다.","body":"남은 치아를 보호하기 위한 후속 치료가 필요할 수 있습니다.","source":{"name":"NHS · Root Canal Treatment","url":"https://www.nhs.uk/tests-and-treatments/root-canal-treatment/"}},{"key":"implant","title":"임플란트","category":"보존·보철","aliases":[],"summary":"턱뼈에 심어 인공치아를 지지하는 의료기기입니다.","body":"전신·구강 상태에 따른 적합성과 수술 위험을 함께 검토합니다.","source":{"name":"FDA · Dental Implants","url":"https://www.fda.gov/medical-devices/dental-devices/dental-implants-what-you-should-know"}},{"key":"dry-mouth","title":"구강건조증","category":"예방","aliases":[],"summary":"침이 부족해 입안이 마르는 상태입니다.","body":"지속되면 충치 위험이 커질 수 있어 원인을 확인합니다.","source":{"name":"NIDCR · Dry Mouth","url":"https://www.nidcr.nih.gov/health-info/dry-mouth"}},{"key":"tmj","title":"턱관절","category":"턱관절","aliases":[],"summary":"아래턱 움직임에 관여하는 양쪽 관절입니다.","body":"통증 없는 소리만으로 질환을 단정하지 않습니다.","source":{"name":"NIDCR · TMD","url":"https://www.nidcr.nih.gov/health-info/tmd"}}],"icons":{"play":"\n\n \n\n","pause":"\n\n \n \n\n","x":"\n\n \n \n\n"}}); /* narane-enhancement js END */ /* [narane-redesign 1026] common js START — 리빌(E1) · 스크롤 표지 8/80/400px(E7 헤더 축소 · E8 고정 상담) · 숫자 카운터(E4) · 마퀴 화면 밖 정지 · 진료 상태 배지(E3) · 드로어 배경 클릭·포커스 가둠(E7) · scroll 리스너 0 — IntersectionObserver · rAF · CSS 만 · 노드 선캡처 0(호출 시점 재조회) · document 위임 · 멱등(재실행 = refresh) */ (function () { 'use strict'; var W = window, D = document, R = D.documentElement; if (W.__nrRedesign1026) { try { W.__nrRedesign1026.refresh(); } catch (e) { /* noop */ } return; } var hasIO = 'IntersectionObserver' in W; var mqReduce = null; try { mqReduce = W.matchMedia('(prefers-reduced-motion: reduce)'); } catch (e) { mqReduce = null; } function reduced() { return !!(mqReduce && mqReduce.matches); } var api = { v: '1026', reveals: 0, counters: 0, marks: 0, live: '', refresh: refresh, syncHeader: syncHeader, paint: paint }; W.__nrRedesign1026 = api; function each(list, fn) { Array.prototype.forEach.call(list || [], fn); } /* ① 스크롤 표지 — 8px(#nrHd.is-stuck) · 80px(html.nr-past80 = 헤더 축소) · 400px(html.nr-past400 = PC 고정 상담 등장) */ var MARKS = [8, 80, 400], past = {}; function syncHeader() { var hd = D.getElementById('nrHd'); if (hd) hd.classList.toggle('is-stuck', hasIO ? !!past[8] : true); } function ensureMarks() { if (!D.body) return; var box = D.getElementById('nrScrollMarks'); if (box && box.parentNode === D.body) return; if (box && box.parentNode) box.parentNode.removeChild(box); box = D.createElement('div'); box.id = 'nrScrollMarks'; box.setAttribute('aria-hidden', 'true'); box.style.cssText = 'position:absolute;top:0;left:0;width:1px;height:1px;margin:0;padding:0;border:0;pointer-events:none;opacity:0;'; MARKS.forEach(function (y) { var m = D.createElement('i'); m.setAttribute('data-y', String(y)); m.style.cssText = 'position:absolute;left:0;top:' + y + 'px;width:1px;height:1px;'; box.appendChild(m); }); D.body.appendChild(box); if (!hasIO) { syncHeader(); return; } if (api._marksIO) api._marksIO.disconnect(); var io = api._marksIO = new IntersectionObserver(function (entries) { entries.forEach(function (e) { var y = Number(e.target.getAttribute('data-y')); var isPast = !e.isIntersecting && e.boundingClientRect.top < 0; past[y] = isPast; R.classList.toggle('nr-past' + y, isPast); }); api.marks++; syncHeader(); }); each(box.children, function (m) { io.observe(m); }); } /* ② 리빌 [data-reveal] — IO threshold .15 · rootMargin -10% · 같은 부모의 형제 순번 --i(최대 6, 그 이상은 동시) · 한 번 보이면 unobserve 처음 무장할 때 이미 화면 안에 있는 요소는 애니메이션 없이 바로 표시(첫 뷰포트) · 히어로·정의문에는 속성을 두지 않는다 */ var rvIO = null; function revealOn() { return hasIO && !reduced(); } function done(el) { if (el.__nrRvDone) return; el.__nrRvDone = 1; var t = setTimeout(function () { el.classList.add('is-done'); }, 1900); el.addEventListener('transitionend', function h(ev) { if (ev.target !== el || ev.propertyName !== 'opacity') return; el.removeEventListener('transitionend', h); clearTimeout(t); el.classList.add('is-done'); }); } function show(el) { el.classList.add('is-in'); done(el); api.reveals++; } function armReveal() { var els = D.querySelectorAll('[data-reveal]'); if (!els.length) return; if (!revealOn()) { R.classList.remove('nr-rvl'); each(els, function (el) { el.classList.add('is-in', 'is-done'); }); return; } if (!rvIO) rvIO = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (e.isIntersecting) { rvIO.unobserve(e.target); show(e.target); } }); }, { threshold: 0.15, rootMargin: '0px 0px -10% 0px' }); var first = !R.classList.contains('nr-rvl'), vh = W.innerHeight || 800; each(els, function (el) { if (el.__nrRv || el.classList.contains('is-in')) return; el.__nrRv = 1; if (!el.style.getPropertyValue('--i')) { var i = 0, p = el.parentElement; if (p) { for (var k = 0; k < p.children.length; k++) { var c = p.children[k]; if (c === el) break; if (c.hasAttribute('data-reveal')) i++; } } el.style.setProperty('--i', String(Math.min(i, 5))); } if (first) { var r = el.getBoundingClientRect(); if (r.top < vh && r.bottom > 0) { el.classList.add('is-in', 'is-done'); return; } } rvIO.observe(el); }); R.classList.add('nr-rvl'); } /* ③ 숫자 카운터 — [data-count] 0→목표 1.2s easeOut(rAF) · [data-count-year] 는 세지 않고 fade · 서버 HTML 에는 최종값(JS 는 연출만) */ var cIO = null; function countUp(el) { var target = Number(el.getAttribute('data-count')); if (!isFinite(target)) return; var t0 = 0, dur = 1200; function step(ts) { if (!t0) t0 = ts; var p = Math.min(1, (ts - t0) / dur), e = 1 - Math.pow(1 - p, 3); el.textContent = String(Math.round(target * e)); if (p < 1) requestAnimationFrame(step); else el.textContent = String(target); } requestAnimationFrame(step); api.counters++; } function armCount() { var els = D.querySelectorAll('[data-count],[data-count-year]'); if (!els.length || !revealOn()) return; if (!cIO) cIO = new IntersectionObserver(function (entries) { entries.forEach(function (e) { if (!e.isIntersecting) return; cIO.unobserve(e.target); var el = e.target; if (el.hasAttribute('data-count')) countUp(el); else if (el.animate) { el.style.opacity = ''; el.animate([{ opacity: 0.06 }, { opacity: 1 }], { duration: 1200, easing: 'cubic-bezier(.2,.7,.2,1)' }); api.counters++; } }); }, { threshold: 0.5 }); var vh = W.innerHeight || 800; each(els, function (el) { if (el.__nrCnt) return; el.__nrCnt = 1; var r = el.getBoundingClientRect(); if (r.top < vh && r.bottom > 0) return; /* 이미 보이는 값은 건드리지 않음 */ if (el.hasAttribute('data-count')) el.textContent = '0'; cIO.observe(el); }); } /* ④ 마퀴·진료 상태 배지 — 화면 안에서만 흐름(.is-on · 기본은 정지) · 화면 밖 = .is-off · 흐름 자체는 CSS 애니메이션(화면 밖에서 돌면 합성 실패 1<<17 → 매 프레임 메인 스레드 · 1026 실측) */ var mIO = null; function armMarquee() { var els = D.querySelectorAll('[data-marquee],[data-nr-live]'); if (!els.length || !hasIO) return; if (!mIO) mIO = new IntersectionObserver(function (entries) { entries.forEach(function (e) { e.target.classList.toggle('is-on', e.isIntersecting); e.target.classList.toggle('is-off', !e.isIntersecting); }); }); each(els, function (el) { if (el.__nrMq) return; el.__nrMq = 1; mIO.observe(el); }); } /* ⑤ 진료 상태 배지 — 시간표 출처 = [data-nr-hours] 안의 보이는 글자(dt 요일 · dd 시간 · small 점심/저녁) 하나뿐 · Asia/Seoul(UTC+9 고정) · 30초마다 갱신 공휴일 = data-holidays(YYYY-MM-DD 공백 구분) · data-holidays-until 이후 날짜는 공휴일 자료가 없으므로 배지를 숨긴다(오표시 방지) */ var DAY = { '일': 0, '월': 1, '화': 2, '수': 3, '목': 4, '금': 5, '토': 6 }; var NAME = ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일']; function pad(n) { return (n < 10 ? '0' : '') + n; } function hm(s) { var m = /^(\d{1,2}):(\d{2})$/.exec(s || ''); return m ? Number(m[1]) * 60 + Number(m[2]) : null; } function fmt(min) { return pad(Math.floor(min / 60)) + ':' + pad(min % 60); } function parseHours(dl) { var week = {}; each(dl.children, function (row) { var dt = row.querySelector('dt'), dd = row.querySelector('dd'); if (!dt || !dd) return; var label = (dt.textContent || '').replace(/공휴일/g, '').replace(/요일/g, ''); var days = []; label.replace(/[월화수목금토일]/g, function (c) { days.push(DAY[c]); return c; }); var txt = (dd.textContent || '').replace(/\s+/g, ' '), info; if (/휴진/.test(txt)) info = { type: 'closed' }; else if (/전화/.test(txt)) info = { type: 'phone' }; else { var small = dd.querySelector('small'), main = txt, br = []; if (small) { main = txt.replace((small.textContent || '').replace(/\s+/g, ' '), ' '); var st = (small.textContent || '').match(/\d{1,2}:\d{2}/g) || []; if (st.length >= 2) br.push([hm(st[0]), hm(st[1]), /저녁/.test(small.textContent) ? '저녁시간' : '점심시간']); } var t = main.match(/\d{1,2}:\d{2}/g) || []; if (t.length < 2) return; info = { type: 'open', open: hm(t[0]), close: hm(t[1]), breaks: br, night: hm(t[1]) >= 20 * 60 }; } days.forEach(function (d) { week[d] = info; }); }); return week; } function kst() { var d = new Date(Date.now() + 9 * 3600 * 1000); return { day: d.getUTCDay(), min: d.getUTCHours() * 60 + d.getUTCMinutes(), ymd: d.getUTCFullYear() + '-' + pad(d.getUTCMonth() + 1) + '-' + pad(d.getUTCDate()) }; } function nextOpen(week, n) { for (var k = 0; k < 8; k++) { var d = (n.day + k) % 7, info = week[d]; if (!info || info.type === 'closed') continue; if (info.type === 'phone') return { phone: true, day: d, k: k }; if (k === 0 && n.min >= info.open) continue; return { day: d, k: k, at: info.open }; } return null; } function nextText(nx) { if (!nx) return ''; if (nx.phone) return NAME[nx.day] + ' 진료는 전화 문의'; return '다음 진료 ' + (nx.k === 0 ? '오늘' : NAME[nx.day]) + ' ' + fmt(nx.at); } function status(src) { var n = kst(), week = parseHours(src); var until = src.getAttribute('data-holidays-until') || ''; if (until && n.ymd > until) return null; if ((' ' + (src.getAttribute('data-holidays') || '') + ' ').indexOf(' ' + n.ymd + ' ') >= 0) return { open: false, label: '공휴일', sub: '진료 여부는 전화로 문의해 주세요' }; var info = week[n.day]; if (!info) return null; if (info.type === 'phone') return { open: false, label: NAME[n.day] + ' · 전화 문의', sub: '' }; if (info.type === 'closed') { var nx = nextOpen(week, { day: (n.day + 1) % 7, min: -1 }); if (nx) nx.k += 1; return { open: false, label: '휴진', sub: nextText(nx) }; } for (var b = 0; b < info.breaks.length; b++) { var br = info.breaks[b]; if (n.min >= br[0] && n.min < br[1]) return { open: false, label: br[2], sub: fmt(br[1]) + '부터 진료' }; } if (n.min >= info.open && n.min < info.close) { var lastBr = info.breaks.length ? info.breaks[info.breaks.length - 1][1] : info.open; return { open: true, label: info.night && n.min >= lastBr ? '야간진료 중' : '진료 중', sub: fmt(info.close) + '까지' }; } return { open: false, label: '진료 시간 외', sub: nextText(nextOpen(week, n)) }; } function paint() { var src = D.querySelector('[data-nr-hours]'), out = D.querySelectorAll('[data-nr-live]'); if (!out.length) return; var s = src ? status(src) : null; api.live = s ? s.label + (s.sub ? ' · ' + s.sub : '') : ''; each(out, function (el) { /* 자리 확보형(.is-pending · 첫 화면 히어로) = visibility 만 · 그 외 = [hidden] */ var keep = el.classList.contains('is-reserve'); if (!s) { if (keep) el.classList.add('is-pending'); else el.setAttribute('hidden', ''); return; } var html = '' + s.label + '' + (s.sub ? ' · ' + s.sub + '' : '') + ''; if (el.__nrLive !== html) { el.innerHTML = html; el.__nrLive = html; } el.classList.toggle('is-open', !!s.open); el.classList.remove('is-pending'); el.removeAttribute('hidden'); }); } var liveT = 0; function liveLoop() { clearTimeout(liveT); paint(); liveT = setTimeout(liveLoop, 30000); } /* ⑥ 모바일 드로어 — 배경(어두운 막) 클릭 닫힘 · Tab 포커스 가둠(햄버거 단추 + 드로어 안) · 열기/닫기·ESC·몸통 잠금은 위 헤더 코드 */ D.addEventListener('click', function (e) { var p = D.getElementById('nrMnav'); if (!p || e.target !== p || !p.classList.contains('is-on')) return; var b = D.querySelector('#nrHd .nr-burger'); if (b) b.click(); }); D.addEventListener('keydown', function (e) { if (e.key !== 'Tab') return; var hd = D.getElementById('nrHd'), p = D.getElementById('nrMnav'); if (!hd || !p || !hd.classList.contains('is-mopen') || p.hasAttribute('hidden')) return; var list = [hd.querySelector('.nr-burger')].concat(Array.prototype.slice.call(p.querySelectorAll('a[href],button:not([disabled])'))).filter(function (n) { return n && n.getClientRects().length > 0; }); if (list.length < 2) return; var i = list.indexOf(D.activeElement); if (e.shiftKey) { if (i <= 0) { e.preventDefault(); list[list.length - 1].focus(); } } else if (i === -1 || i === list.length - 1) { e.preventDefault(); list[0].focus(); } }); /* 재무장 — 하이드레이션 DOM 교체·SPA 이동 뒤에도 같은 상태로 · 리빌 무장 = 변경 묶음마다 rAF 1회(다음 그리기 전이라 깜빡임 0) · 카운터·마퀴·배지 = 유휴 시간(하이드레이션 긴 작업과 겹치지 않게) */ var tmr = 0, rvRaf = 0; var idle = W.requestIdleCallback ? function (fn) { W.requestIdleCallback(fn, { timeout: 1200 }); } : function (fn) { setTimeout(fn, 200); }; function refreshLate() { armCount(); armMarquee(); paint(); } function refresh() { ensureMarks(); syncHeader(); armReveal(); idle(refreshLate); } function later() { clearTimeout(tmr); tmr = setTimeout(refresh, 160); } try { new MutationObserver(function () { if (!rvRaf) rvRaf = requestAnimationFrame(function () { rvRaf = 0; armReveal(); }); later(); }).observe(R, { childList: true, subtree: true }); } catch (e) { /* noop */ } D.addEventListener('metalink:content-ready', later); W.addEventListener('pageshow', later); D.addEventListener('visibilitychange', function () { if (!D.hidden) liveLoop(); }); if (mqReduce && mqReduce.addEventListener) mqReduce.addEventListener('change', function () { R.classList.remove('nr-rvl'); each(D.querySelectorAll('[data-reveal]'), function (el) { el.classList.add('is-in', 'is-done'); }); }); if (D.readyState === 'loading') D.addEventListener('DOMContentLoaded', refresh); else refresh(); idle(liveLoop); [1200, 3200].forEach(function (t) { setTimeout(refresh, t); }); })(); /* [narane-redesign 1026] common js END */

치태

알아둘 점