/* [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 8); tick = false; }); } W.addEventListener('scroll', onScroll, { passive: true }); onScroll(); /* 홈(다크 히어로)에서만 투명 헤더 */ function syncDark(){ var hd = el('#nrHd'); if (!hd) return; hd.classList.toggle('is-dark', !!el('[data-nr-dark-hero]')); } syncDark(); /* 리빌 엔진 */ var reduce = false; try { reduce = W.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) {} if (!reduce && 'IntersectionObserver' in W) { root.classList.add('nr-js'); var io = W.__nrIO; if (!io) { io = W.__nrIO = new IntersectionObserver(function (es) { es.forEach(function (x) { if (x.isIntersecting) { x.target.classList.add('in'); io.unobserve(x.target); } }); }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 }); } function arm(){ all('.nr-rv:not(.in)').forEach(function (n) { if (!n.__nrArmed) { n.__nrArmed = 1; io.observe(n); } }); } function sweep(){ var vh = W.innerHeight || 800; all('.nr-rv:not(.in)').forEach(function (n) { var r = n.getBoundingClientRect(); if (r.top < vh * 1.05 && r.bottom > -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 */

크라운

알아둘 점