/* [cold-load-fix v1] 하이드레이션 DOM 교체 재무장 래퍼 (원본 로직 보존) · 콜드 로드에서 React 가 content 노드를 통째로 교체하면 최초 실행분이 detached 노드에 붙어 죽는다. · KEYS 노드의 identity 가 바뀌면 원본을 현재 DOM 기준으로 재실행한다(멱등). · window/document 리스너는 소스 동일성으로 1회만 등록(중복 누적 0). */ (function(){ var NS = '__clf_h80_header'; if (window[NS]) return; window[NS] = 1; var KEYS = ["#spHd","#spDrawer",".sp-pg"]; var GUARDS = []; var sig = null, tmr = null, seen = {}; function snap(){ var a=[]; for (var i=0;ibest.length) best=p; } for(i=0;i0&&(ptr==='touch'||ptr==='pen')&&a.classList.contains('sph-a')&&li&&li.querySelector('.sph-sub')&&!touchWasOpen){ e.preventDefault(); navCls('is-hold',false); openItem(li); return; } navCls('is-open',false); if(e.detail>0){ navCls('is-hold',true); try{ a.blur(); }catch(_){} } }); D.addEventListener('keydown',function(e){ if(drawerOn()){ var d=drawer(); if(e.key==='Escape'){ e.preventDefault(); closeDrawer(); return; } if(e.key==='Tab'){ var f=focusables(d.querySelector('.sph-panel')||d); if(!f.length) return; var i=f.indexOf(D.activeElement); if(e.shiftKey){ if(i<=0){ e.preventDefault(); focusEl(f[f.length-1]); } } else if(i<0||i===f.length-1){ e.preventDefault(); focusEl(f[0]); } } return; } var n=nav(), a=D.activeElement; if(!n||!a||!n.contains(a)||!a.closest) return; var li=a.closest('.sph-i'); if(!li) return; var top=li.querySelector('.sph-a'), subs=li.querySelectorAll('.sph-sub a'), k=Array.prototype.indexOf.call(subs,a); if(e.key==='Escape'){ e.preventDefault(); navCls('is-open',false); navCls('is-hold',true); if(a!==top){ quiet=true; focusEl(top); quiet=false; } return; } if(e.key==='ArrowDown'&&subs.length){ e.preventDefault(); navCls('is-hold',false); openItem(li); focusEl(subs[k<0?0:Math.min(subs.length-1,k+1)]); return; } if(e.key==='ArrowUp'&&k>=0){ e.preventDefault(); focusEl(k===0?top:subs[k-1]); return; } if((e.key==='ArrowRight'||e.key==='ArrowLeft')&&a===top){ var tops=n.querySelectorAll('.sph-a'), ti=Array.prototype.indexOf.call(tops,top), nt=tops[(ti+(e.key==='ArrowRight'?1:tops.length-1))%tops.length]; if(nt){ e.preventDefault(); focusEl(nt); } } }); D.addEventListener('focusin',function(e){ var n=nav(), d=drawer(); if(n&&n.contains(e.target)){ if(!quiet){ navCls('is-hold',false); openItem(e.target.closest('.sph-i')); } return; } if(n){ navCls('is-open',false); navCls('is-hold',false); } if(drawerOn()&&d&&!d.contains(e.target)){ var f=focusables(d.querySelector('.sph-panel')||d); if(f.length) focusEl(f[0]); } }); /* ── 홈: 히어로 위 투명 → 히어로를 지나면 흰 바(html.spl-solid). 홈 JS 와 같은 판정이라 둘 중 하나만 돌아도 맞다 ── */ var raf=0; function hdSync(){ raf=0; var r=D.querySelector('[data-sp-home]'); if(!r){ DE.classList.add('spl-solid'); return; } var hero=r.querySelector('.spl-hero'), hd=D.getElementById('spHd'); var hh=hd?Math.round(hd.getBoundingClientRect().height):94; var solid=(window.pageYOffset||DE.scrollTop||0)>80; DE.classList.toggle('spl-solid',!!solid); } function onScroll(){ if(raf) return; raf=window.requestAnimationFrame?window.requestAnimationFrame(hdSync):setTimeout(hdSync,80); } /* E12: header sampled by shared rAF runtime; no direct scroll listener. */ window.addEventListener('resize',onScroll,{passive:true}); /* 리빌 — 폴드 밖 요소만 숨겼다가 IO 로 드러낸다(폴드 안은 손대지 않음 → 페일세이프 무충돌) */ var io=null; function arm(){ D.querySelectorAll('.spl [data-rvs]').forEach(function(n){n.setAttribute('data-reveal','');n.removeAttribute('data-rvs');}); if(!('IntersectionObserver' in window)) return; if(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; var els=D.querySelectorAll('.sp-pg [data-rv]'); if(!els.length) return; if(!io){ io=new IntersectionObserver(function(ens){ for(var i=0;ivh*.92){ el.__spRv=1; el.classList.add('rv'); io.observe(el); } } } function kick(){ markActive(); hdSync(); arm(); } window.__spHdKick=kick; if(!window.__sphPathMO&&'MutationObserver' in window){ window.__sphPathMO=1; try{ var last=curPath(); new MutationObserver(function(){ var p=curPath(); if(p===last) return; last=p; navCls('is-open',false); if(window.__spHdKick) window.__spHdKick(); }).observe(D.body,{childList:true,subtree:true}); }catch(e){} } kick(); [80,300,900,2000].forEach(function(t){ setTimeout(kick,t); }); })(); } 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(v).replace(/[&<>"']/g,c=>({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c])); const icon=name=>config.icons[name]; const api={refresh,animationCount:0,scanCount:0};window[namespace]=api; function hide(focus){clearTimeout(timer);const old=anchor;anchor=null;if(pop)pop.hidden=true;if(old){old.setAttribute('aria-expanded','false');if(focus&&old.isConnected){suppress=true;old.focus({preventScroll:true});suppress=false;}}} function place(){if(!anchor?.isConnected)return hide(false);if(!pop)return;const r=anchor.getBoundingClientRect(),v=window.visualViewport,w=v?.width||innerWidth,h=v?.height||innerHeight,offset=v?.offsetTop||0;pop.style.left=Math.max(12,Math.min(w-pop.offsetWidth-12,r.left))+'px';pop.style.top=Math.max(offset+12,Math.min(offset+h-pop.offsetHeight-12,r.bottom+8))+'px';} function show(target){ const term=config.dictionary.find(t=>t.key===target.dataset.enhTerm);if(!term)return;clearTimeout(timer); if(anchor===target&&pop?.isConnected&&!pop.hidden){place();return;} if(!pop){pop=document.createElement('aside');pop.id='enh-glossary';pop.className='enh-pop';pop.setAttribute('role','dialog');pop.setAttribute('aria-labelledby','enh-pop-title');document.body.append(pop);} if(anchor&&anchor!==target)anchor.setAttribute('aria-expanded','false');anchor=target; pop.innerHTML='

'+esc(term.title)+'

'+esc(term.summary)+'

치과백과사전에서 자세히 보기'; pop.hidden=false;target.setAttribute('aria-expanded','true');place(); } const words=config.dictionary.flatMap(t=>[t.title,...t.aliases].map(word=>({word,key:t.key}))).sort((a,b)=>b.word.length-a.word.length); function scan(){ api.scanCount++;const root=document.querySelector('main')||document.querySelector('.ih-pg,.sp-pg,.enh-page');if(!root||!document.querySelector(config.header))return; const used=new Set([...root.querySelectorAll('[data-enh-term]')].map(e=>e.dataset.enhTerm)); const exclude='a,button,nav,header,footer,form,label,script,style,svg,h1,h2,h3,h4,[contenteditable],.enh-source,.enh-note,.enh-list,.enh-pop,.sp-eeat,.ig-au,.ih2-doctor-section,.sr-doctor,.ih2-hero,.sr-hero,.tr-doctor,.sp-doctor'; const walk=document.createTreeWalker(root,NodeFilter.SHOW_TEXT,{acceptNode:n=>n.parentElement?.closest('p,li,dd,td')&&!n.parentElement.closest(exclude)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_REJECT});const nodes=[];let n;while((n=walk.nextNode()))nodes.push(n); for(const node of nodes){const match=words.find(t=>!used.has(t.key)&&node.nodeValue.includes(t.word));if(!match)continue;const text=node.nodeValue,i=text.indexOf(match.word),b=document.createElement('button');b.type='button';b.className='enh-term';b.dataset.enhTerm=match.key;b.textContent=match.word;b.setAttribute('aria-haspopup','dialog');b.setAttribute('aria-expanded','false');b.setAttribute('aria-controls','enh-glossary');b.setAttribute('aria-label',match.word+' 용어 설명');node.replaceWith(document.createTextNode(text.slice(0,i)),b,document.createTextNode(text.slice(i+match.word.length)));used.add(match.key);} } function setupBoard(root){ if(boards.has(root))return;boards.add(root);const search=root.querySelector('input'),category=root.querySelector('select'),items=[...root.querySelectorAll('.enh-item')];let page=1;const size=6; function render(){const filtered=items.filter(n=>(category.value==='all'||n.dataset.category===category.value)&&n.textContent.toLowerCase().includes(search.value.trim().toLowerCase()));const total=Math.max(1,Math.ceil(filtered.length/size));page=Math.min(page,total);items.forEach(n=>n.hidden=true);filtered.slice((page-1)*size,page*size).forEach(n=>n.hidden=false);root.querySelector('[data-enh-count]').textContent=filtered.length+'개';root.querySelector('[data-enh-empty]').hidden=filtered.length>0;root.querySelector('[data-enh-page]').textContent=page+' / '+total;root.querySelector('[data-enh-prev]').disabled=page===1;root.querySelector('[data-enh-next]').disabled=page===total;} search.oninput=category.onchange=()=>{page=1;render();};root.querySelector('[data-enh-prev]').onclick=()=>{page--;render();};root.querySelector('[data-enh-next]').onclick=()=>{page++;render();};render(); } const observer=new IntersectionObserver(entries=>{for(const e of entries){if(!e.isIntersecting)continue;observer.unobserve(e.target);if(!reduced.matches&&e.target.isConnected){/* CSS/IO reveal is owned by the shared runtime. */}}},{threshold:.12}); function syncVideos(){document.querySelectorAll('.enh-video').forEach(v=>{const state=videos.get(v);if(!state)return;if(reduced.matches||document.hidden||state.paused)v.pause();else v.play().catch(()=>{});});if(reduced.matches)document.querySelectorAll('[data-enh-motion]').forEach(n=>n.getAnimations().forEach(a=>a.cancel()));} function setupVideo(v){ if(videos.has(v))return;const state={paused:false};videos.set(v,state);const b=v.parentElement.querySelector('[data-enh-video-toggle]'); if(!v.getAttribute('src')){b.disabled=true;b.title='영상 준비 중';b.setAttribute('aria-label','영상 준비 중');return;} function label(){b.innerHTML=icon(v.paused?'play':'pause');b.setAttribute('aria-label',v.paused?'참고 영상 재생':'참고 영상 일시정지');b.title=b.getAttribute('aria-label');} b.onclick=()=>{if(v.paused){state.paused=false;v.play().catch(()=>{});}else{state.paused=true;v.pause();}}; v.addEventListener('play',label);v.addEventListener('pause',label);v.addEventListener('error',()=>{v.hidden=true;b.disabled=true;b.setAttribute('aria-label','영상을 불러오지 못했습니다');const caption=v.parentElement.querySelector('[data-enh-stock-caption]');caption.textContent='참고 영상 연결 불가 · 기존 이미지';});label();syncVideos(); } function dock(){document.querySelector('.enh-dock')?.remove();} function refresh(){ dock();if(!document.querySelector(config.header))return;if(anchor&&!anchor.isConnected)hide(false);document.querySelectorAll('[data-enh-dictionary]').forEach(setupBoard);document.querySelectorAll('.enh-video').forEach(setupVideo); document.querySelectorAll('main section:not(.ih2-hero):not(.sr-hero),.enh-page article section,.enh-item').forEach(n=>{if(seen.has(n)||n.closest('.enh-dictionary'))return;seen.add(n);n.dataset.enhMotion='';if(n.getBoundingClientRect().top>innerHeight)observer.observe(n);});/* glossary popup injection disabled: no added popup surface */ } document.addEventListener('mouseover',e=>{const t=e.target.closest?.('[data-enh-term]');if(t)show(t);if(e.target.closest?.('.enh-pop'))clearTimeout(timer);}); document.addEventListener('mouseout',e=>{if(e.target.closest?.('[data-enh-term],.enh-pop')&&!e.relatedTarget?.closest?.('[data-enh-term],.enh-pop'))timer=setTimeout(()=>{if(!pop?.matches(':focus-within'))hide(false);},220);}); document.addEventListener('focusin',e=>{if(suppress)return;const t=e.target.closest?.('[data-enh-term]');if(t)show(t);else if(!e.target.closest?.('.enh-pop'))hide(false);}); document.addEventListener('click',e=>{const t=e.target.closest?.('[data-enh-term]');if(t){show(t);return;}if(e.target.closest?.('.enh-close')){hide(true);return;}if(!e.target.closest?.('.enh-pop'))hide(false);if(e.target.closest?.('[data-enh-top]'))scrollTo({top:0,behavior:reduced.matches?'instant':'smooth'});}); document.addEventListener('keydown',e=>{const t=e.target.closest?.('[data-enh-term]');if(t&&['Enter',' ','ArrowDown'].includes(e.key)){e.preventDefault();show(t);pop.querySelector('a').focus({preventScroll:true});return;}if(e.key==='Escape'&&anchor){e.preventDefault();hide(true);}}); window.addEventListener('resize',()=>{place();dock();});window.visualViewport?.addEventListener('resize',place);document.addEventListener('visibilitychange',syncVideos);reduced.addEventListener('change',syncVideos); new MutationObserver(records=>{if(records.some(r=>[...r.addedNodes].some(n=>n.nodeType===1&&!n.matches?.('.enh-term,.enh-pop,.enh-dock')&&!n.closest?.('.enh-pop,.enh-dock'))))refresh();}).observe(document.body,{childList:true,subtree:true}); document.addEventListener('metalink:content-ready',refresh);window.addEventListener('pageshow',refresh);window.addEventListener('popstate',refresh);refresh(); })({"hospitalId":80,"slug":"smileplant","header":"#spHd","hero":".sr-hero","phone":"0317896828","accent":"#37664f","treatments":{"default":"treatments/general","enamel":"treatments/prevention","fluoride":"treatments/prevention","plaque":"treatments/periodontal","tartar":"treatments/periodontal","periodontal":"treatments/periodontal","scaling":"treatments/periodontal","crown":"treatments/prosthetics","implant":"treatments/implant"},"widgetPosition":"right-bottom","dictionary":[{"key":"decay","title":"충치","category":"보존·예방","aliases":["치아우식증"],"summary":"세균이 만든 산으로 치아가 손상되는 질환입니다.","body":"통증이 없어도 진행될 수 있습니다. 손상 범위에 따라 예방 관리나 충전치료 등이 필요합니다.","source":"decay"},{"key":"enamel","title":"법랑질","category":"보존·예방","aliases":[],"summary":"치아 겉면을 덮는 단단한 조직입니다.","body":"반복적인 산 노출로 무기질이 빠지면 약해집니다. 초기 손상 관리와 구멍이 생긴 충치의 치료는 다릅니다.","source":"decay"},{"key":"fluoride","title":"불소","category":"보존·예방","aliases":[],"summary":"치아의 무기질 회복을 돕는 성분입니다.","body":"불소 치약은 충치 예방에 쓰입니다. 사용 방법은 나이와 구강 상태에 맞춰 확인합니다.","source":"decay"},{"key":"plaque","title":"치태","category":"잇몸","aliases":["플라크"],"summary":"치아 표면에 붙는 세균막입니다.","body":"매일 제거되지 않으면 굳어 치석이 될 수 있습니다. 칫솔질과 치아 사이 관리가 기본입니다.","source":"gum"},{"key":"tartar","title":"치석","category":"잇몸","aliases":[],"summary":"치태가 굳어 치아에 붙은 침착물입니다.","body":"칫솔질로 제거하기 어렵습니다. 치과의 전문적인 제거와 잇몸 상태 확인이 필요합니다.","source":"gum"},{"key":"periodontal","title":"치주질환","category":"잇몸","aliases":["잇몸병"],"summary":"치아를 지지하는 잇몸과 주변 조직에 생기는 질환입니다.","body":"출혈이나 붓기, 씹을 때 불편감이 나타날 수 있습니다. 진행 정도에 따라 치료 범위가 달라집니다.","source":"gum"},{"key":"scaling","title":"스케일링","category":"잇몸","aliases":[],"summary":"치아에 붙은 치태와 치석을 제거하는 관리입니다.","body":"치주질환이 진행되면 잇몸 아래 부위의 치료도 필요할 수 있습니다. 정기적인 검사로 상태를 확인합니다.","source":"gum"},{"key":"resin","title":"레진","category":"보존·예방","aliases":["복합레진"],"summary":"치아의 손상된 부분을 메우는 치아색 재료입니다.","body":"충전치료에는 여러 재료가 쓰입니다. 충전물은 영구적이지 않아 상태에 따라 교체가 필요할 수 있습니다.","source":"fill"},{"key":"root-canal","title":"신경치료","category":"보존·예방","aliases":["근관치료"],"summary":"치아 내부의 감염 조직을 제거하고 세척·충전하는 치료입니다.","body":"치아를 보존하는 것이 목적입니다. 남은 치아 상태에 따라 이후 크라운이 필요할 수 있습니다.","source":"root"},{"key":"crown","title":"크라운","category":"보철","aliases":[],"summary":"손상된 치아를 덮는 형태의 보철물입니다.","body":"치아가 많이 손상된 경우 사용하는 치료 방법 중 하나입니다. 평생 유지되는 것으로 보장할 수는 없습니다.","source":"fill"},{"key":"implant","title":"임플란트","category":"보철","aliases":[],"summary":"턱뼈에 식립하여 인공치아를 지지하는 의료기기입니다.","body":"건강 상태와 위험을 평가해 적합성을 판단합니다. 흔들림이나 통증은 치과에 알려야 합니다.","source":"implant"},{"key":"dry-mouth","title":"구강건조","category":"보존·예방","aliases":["입마름"],"summary":"입안을 촉촉하게 유지할 침이 부족한 상태입니다.","body":"지속되면 충치 위험이 커질 수 있습니다. 복용약과 전신 상태 등을 확인하여 원인을 평가합니다.","source":"dry"}],"icons":{"x":"\n\n","play":"\n\n","pause":"\n\n","phone":"\n\n","book-open":"\n\n","arrow-up":"\n\n","chevron-left":"\n\n","chevron-right":"\n\n"}}); /* enhancement-20260910-v1:js:end */ /* E 20261024: idempotent across CMS hydration/client navigation. No direct scroll listener. */ (function(){ if(window.__spShared20261024)return;window.__spShared20261024=true; var layoutDirty=true;var D=document,DE=D.documentElement,rm=matchMedia('(prefers-reduced-motion: reduce)'),seen=new WeakSet(),counts=new WeakSet(),toc=new WeakSet(),hoursMinute='',lastY=-1,lastHeight=0,lastPath='',queued=false; var reveal='IntersectionObserver' in window?new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-visible');reveal.unobserve(e.target);}});},{threshold:.15,rootMargin:'0px 0px -10% 0px'}):null; if(reveal)DE.classList.add('js'); function counter(n){var goal=Number(n.dataset.count);if(!Number.isFinite(goal)||rm.matches)return;var start; function frame(now){if(!n.isConnected||rm.matches){n.textContent=String(goal);return;}if(!start)start=now;var x=Math.min(1,(now-start)/1200);n.textContent=String(Math.round(goal*(1-Math.pow(1-x,3))));if(x<1)requestAnimationFrame(frame);else n.textContent=String(goal);} requestAnimationFrame(frame); } var countIO=reveal?new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){countIO.unobserve(e.target);counter(e.target);}});},{threshold:.15}):null; function arm(){ D.querySelectorAll('main.sps>.sps-sec,.sps-treatment-body>.sps-sec,.sps-prose>section').forEach(function(n){if(!n.hasAttribute('data-reveal'))n.setAttribute('data-reveal','');}); D.querySelectorAll('[data-reveal]').forEach(function(n){if(seen.has(n))return;seen.add(n);if(n.closest('.spl-hero,.spl-definition')||rm.matches||!reveal){n.classList.add('is-visible');return;} var siblings=Array.from(n.parentElement.children).filter(function(x){return x.hasAttribute('data-reveal');}),i=siblings.length<=6?siblings.indexOf(n):0;n.style.setProperty('--i',Math.max(0,i)); if(n.getBoundingClientRect().top=today.open&&now=minutes(lunch[0])&&now80);DE.classList.toggle('spl-solid',!D.querySelector('[data-sp-home]')||y>80);var pc=D.querySelector('.sp-fixed-pc');if(pc){pc.classList.toggle('is-on',y>400);pc.inert=y<=400;}var progress=D.querySelector('[data-reading-progress]');if(progress){progress.hidden=!D.querySelector('[data-sp-home],main[data-sps-page="board-smileplant-column-detail"],main[data-sps-page^="health-columns/"]');progress.firstElementChild.style.transform='scaleX('+Math.max(0,Math.min(1,y/Math.max(1,height-innerHeight)))+')';}}}requestAnimationFrame(tick);} D.addEventListener('click',function(e){var summary=e.target.closest('details.spl-faq-item>summary');if(!summary||rm.matches)return;var d=summary.parentElement;if(d.__spFaqBusy){e.preventDefault();return;}e.preventDefault();d.__spFaqBusy=true;if(d.open){d.classList.add('is-closing');setTimeout(function(){d.open=false;d.classList.remove('is-closing');d.__spFaqBusy=false;},300);}else{d.classList.add('is-opening');d.open=true;requestAnimationFrame(function(){requestAnimationFrame(function(){d.classList.remove('is-opening');d.__spFaqBusy=false;});});}}); function field(f,name){return f.elements.namedItem(name);} function error(f,name,message){var el=field(f,name);if(!el)return;el.setAttribute('aria-invalid',String(!!message));var id=f.id+'-'+name+'-error',n=D.getElementById(id);if(!n){n=D.createElement('small');n.className='sp-field-error';n.id=id;el.insertAdjacentElement('afterend',n);}el.setAttribute('aria-describedby',id);n.textContent=message;} D.addEventListener('input',function(e){var f=e.target.form;if(!f||!['spHf','spCf'].includes(f.id))return;if(e.target.name==='phone'){var digits=e.target.value.replace(/\D/g,'').slice(0,11);e.target.value=digits.startsWith('02')?digits.replace(/^(\d{2})(\d{3,4})(\d{4})$/,'$1-$2-$3'):digits.replace(/^(\d{3})(\d{3,4})(\d{4})$/,'$1-$2-$3');}if(['name','phone','category','agree'].includes(e.target.name))error(f,e.target.name,'');}); // Presentation only. Existing page scripts retain the already deployed submit API and payload. var formSeen=new WeakSet(); function setupForms(){ D.querySelectorAll('form#spHf,form#spCf').forEach(function(f){ if(formSeen.has(f))return;formSeen.add(f);var status=f.querySelector('[role=status]');if(!status)return; new MutationObserver(function(){ if(!f.isConnected)return; var text=status.textContent,ok=status.classList.contains('is-ok'),failed=status.classList.contains('is-err'); if(ok&&text.indexOf('접수되었습니다')>=0){ var height=Number(f.dataset.spSubmitHeight)||Math.ceil(f.getBoundingClientRect().height),card=D.createElement('section');card.className='sp-form-success';card.style.minHeight=height+'px';card.style.height=height+'px';card.setAttribute('role','status');card.tabIndex=-1; var h=D.createElement('h3');h.textContent='접수되었습니다';var p=D.createElement('p');p.textContent='상담 신청이 접수되었습니다. 진료시간 내 순서대로 연락드리겠습니다.';card.append(h,p);f.replaceWith(card);card.focus({preventScroll:true}); }else if(failed){f.dataset.sending='0';var button=f.querySelector('button[type=submit]');if(button)button.removeAttribute('aria-busy');} }).observe(status,{childList:true,characterData:true,subtree:true,attributes:true,attributeFilter:['class']}); }); } D.addEventListener('submit',function(e){ var f=e.target;if(!f||!['spHf','spCf'].includes(f.id))return; if(f.dataset.sending==='1'){e.preventDefault();e.stopImmediatePropagation();return;} var name=field(f,'name').value.trim(),phone=field(f,'phone').value.trim(),cat=field(f,'category').value,agree=field(f,'agree').checked,bad=[]; [['name',name?'':'이름을 입력해 주세요.'],['phone',/^\d{2,3}-?\d{3,4}-?\d{4}$/.test(phone)?'':'연락처 형식을 확인해 주세요.'],['category',cat?'':'상담 희망 항목을 선택해 주세요.'],['agree',agree?'':'개인정보 수집·이용에 동의해 주세요.']].forEach(function(x){error(f,x[0],x[1]);if(x[1])bad.push(x[0]);}); if(bad.length){e.preventDefault();e.stopImmediatePropagation();field(f,bad[0]).focus();return;} f.dataset.sending='1';f.dataset.spSubmitHeight=String(Math.ceil(f.getBoundingClientRect().height));f.style.minHeight=f.dataset.spSubmitHeight+'px';var button=f.querySelector('button[type=submit]');if(button)button.setAttribute('aria-busy','true'); // Let the existing page-level handler perform its unchanged submission; no fetch here. },true); if('MutationObserver' in window)new MutationObserver(function(records){if(records.some(function(r){return Array.from(r.addedNodes).some(function(n){return n.nodeType===1;});}))schedule();}).observe(DE,{childList:true,subtree:true}); rm.addEventListener('change',function(){if(rm.matches)D.querySelectorAll('[data-reveal]').forEach(function(n){n.classList.add('is-visible');});}); D.addEventListener('visibilitychange',function(){if(!D.hidden)scan();});window.addEventListener('pageshow',scan);window.addEventListener('popstate',schedule); if('ResizeObserver' in window&&D.body)new ResizeObserver(function(){layoutDirty=true;}).observe(D.body); scan();requestAnimationFrame(tick);setInterval(hours,60000); })(); /* E12 video only: main/consult submit scripts remain unchanged. */ window.__splHeroVid1008=1; /* E12 20261024: desktop-only existing hero, no scroll listener. */ (function(){ if(window.__spHero20261024)return;window.__spHero20261024=true; var rm=matchMedia('(prefers-reduced-motion: reduce)'),desktop=matchMedia('(min-width:768px)'),live=new Set(); function lowData(){var c=navigator.connection;return !!(c&&(c.saveData||/(^|-)2g$/.test(c.effectiveType||'')));} function sync(v){ var st=v.__spHero24;if(!st||!v.isConnected||st.dead)return; var on=desktop.matches&&!rm.matches&&!lowData(),box=v.parentElement.querySelector('[data-spl-vctl]'); if(on&&!v.getAttribute('src')){v.src=v.dataset.src;v.load();} if(!on&&v.getAttribute('src')){v.pause();v.removeAttribute('src');v.load();} v.classList.toggle('is-on',on);if(box)box.hidden=!on; if(on&&!document.hidden&&!st.user&&st.visible){var p=v.play();if(p)p.catch(function(){});}else v.pause(); } function scan(){ live.forEach(function(v){if(!v.isConnected)live.delete(v);}); document.querySelectorAll('[data-spl-hero-video]').forEach(function(v){ if(v.__spHero24)return;if(v.__spl1008)v.__spl1008.dead=true;v.preload="metadata";v.poster=v.dataset.poster||"";v.autoplay=true;v.__spHero24={user:false,visible:true,dead:false};live.add(v); var b=v.parentElement.querySelector('[data-spl-vtog]'); function label(){if(b){b.setAttribute('aria-label',v.paused?'영상 재생':'영상 일시정지');b.title=b.getAttribute('aria-label');b.innerHTML=v.paused?'':'';}} if(b)b.addEventListener('click',function(){v.__spHero24.user=!v.paused;sync(v);}); v.addEventListener('play',label);v.addEventListener('pause',label); v.addEventListener('error',function(){v.__spHero24.dead=true;v.classList.remove('is-on');var box=v.parentElement.querySelector('[data-spl-vctl]');if(box)box.hidden=true;}); new IntersectionObserver(function(es){v.__spHero24.visible=es[0].isIntersecting;sync(v);},{threshold:0}).observe(v.closest('section'));sync(v); }); } function all(){scan();live.forEach(sync);} rm.addEventListener('change',all);desktop.addEventListener('change',all);document.addEventListener('visibilitychange',all); var queued=false;new MutationObserver(function(){if(queued)return;queued=true;requestAnimationFrame(function(){queued=false;scan();});}).observe(document.documentElement,{childList:true,subtree:true}); if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',scan);else scan(); })();

어떤 진료가 필요한지 궁금하신가요?