2026.10.15 (목)
로그인
회원가입
오피니언
칼럼
사설
기자수첩
정치
청와대
국회/정당
북한
행정
국방/외교
정치일반
경제
금융
증권
산업/재계
중기/벤처
부동산
글로벌경제
생활경제
경제일반
사회
사건사고
교육
노동
언론
환경
인권/복지
식품/의료
지역
인물
사회일반
생활/문화
건강정보
자동차/시승기
도로/교통
여행/레저
음식/맛집
패션/뷰티
공연/전시
책
종교
날씨
생활문화일반
IT/과학
모바일
인터넷/SNS
통신/뉴미디어
IT일반
보안/해킹
컴퓨터
게임/리뷰
과학일반
연예/스포츠
연예일반
TV
영화
음악
스타
스포츠일반
야구
해외야구
축구
해외축구
농구
배구
골프
UFC
세계
아시아/호주
미국/중남미
유럽
중동/아프리카
글로벌일반
지역
경기동부권
경기서부권
경기중부권
경기남부권
경기북부권
인천
소비자가 직접 뽑은 최고의 브랜드 대왕님표 여주쌀
로그인
오피니언
칼럼
사설
기자수첩
정치
청와대
국회/정당
북한
행정
국방/외교
정치일반
경제
금융
증권
산업/재계
중기/벤처
부동산
글로벌경제
생활경제
경제일반
사회
사건사고
교육
노동
언론
환경
인권/복지
식품/의료
지역
인물
사회일반
생활/문화
건강정보
자동차/시승기
도로/교통
여행/레저
음식/맛집
패션/뷰티
공연/전시
책
종교
날씨
생활문화일반
IT/과학
모바일
인터넷/SNS
통신/뉴미디어
IT일반
보안/해킹
컴퓨터
게임/리뷰
과학일반
연예/스포츠
연예일반
TV
영화
음악
스타
스포츠일반
야구
해외야구
축구
해외축구
농구
배구
골프
UFC
세계
아시아/호주
미국/중남미
유럽
중동/아프리카
글로벌일반
지역
경기동부권
경기서부권
경기중부권
경기남부권
경기북부권
인천
공유
페이스북
X
링크복사
다른 앱으로
글자크기
가−
가+
인쇄
즐겨찾기
댓글쓰기
소비자가 직접 뽑은 최고의 브랜드 대왕님표 여주쌀
중앙신문 기자
수정 2018.03.28 11:14
송고 2017.06.27 15:36
수정 2018.03.28 11:14
구글 검색 선호 출처로 추가
</iframe</div> </div> </div> <div class="ad-slot" data-slot="art_end" data-dev="pc tablet mobile" style="--ad-h-pc:90px;--ad-h-m:250px"><div class="jb" style="position:relative"><div class="jb-i" data-on="1"><a href="https://council.suwon.go.kr/" target="_blank" rel="noopener noreferrer nofollow sponsored"><img src="https://cdn.jasm.co.kr/news/banner/17817623921564637640.jpg" alt="수원특례시의회_08 (265x118)" style="display:block;margin:0 auto;max-width:100%;height:auto" loading="lazy"></a></div><div class="jb-i"><a href="https://www.ih.co.kr/" target="_blank" rel="noopener noreferrer nofollow sponsored"><img src="https://cdn.jasm.co.kr/news/banner/17821820331638832513.gif" alt="260623_인천도시공사" style="display:block;margin:0 auto;max-width:100%;height:auto" loading="lazy"></a></div></div><style>.jb .jb-i{display:none}.jb .jb-i[data-on]{display:block}</style><script>(function(){var w=document.currentScript.parentNode;var b=w.querySelector(".jb");if(!b)return;var it=b.querySelectorAll(".jb-i");if(it.length<2)return;var i=0;setInterval(function(){it[i].removeAttribute("data-on");i=(i+1)%it.length;it[i].setAttribute("data-on","1");},4000);})();</script></div> <p class="article-copyright">저작권자 © 중앙신문 무단전재 및 재배포, AI학습 및 활용 금지</p> <!-- 태그 --> <!-- 관련기사 --> </div> <aside class="sidebar"> <div class="ad-slot" data-slot="art_side1" data-dev="pc" style="--ad-h-pc:250px"><a href="#" target="_blank" rel="noopener noreferrer nofollow sponsored"><img src="https://cdn.jasm.co.kr/news/banner/17887638511294960006.jpg" alt="안성시청_바우덕이축제_메인 하단_260908" style="display:block;margin:0 auto;max-width:100%;height:auto" loading="lazy"></a></div> <div class="section"> <h2 class="section-title">많이 본 뉴스</h2> <ol class="ranking-list"> <li> <a class="rank-title" href="/news/view/320627/%EC%BA%A1%ED%8B%B4%ED%81%90-11%EB%85%84-%EB%A7%8C%EC%97%90-%EB%8F%8C%EC%95%84%EC%98%A8%EB%8B%A4-%EB%A1%AF%EB%8D%B0%EC%B9%A0%EC%84%B1-%EC%A0%95%ED%86%B5-%EB%9F%BC-%EC%9E%AC%EC%B6%9C%EC%8B%9C-2026">"캡틴큐, 11년 만에 돌아온다"…롯데칠성, 정통 럼으로 재출시</a> <a class="rank-thumb thumb-link" aria-label=""캡틴큐, 11년 만에 돌아온다"…롯데칠성, 정통 럼으로 재출시" href="/news/view/320627/%EC%BA%A1%ED%8B%B4%ED%81%90-11%EB%85%84-%EB%A7%8C%EC%97%90-%EB%8F%8C%EC%95%84%EC%98%A8%EB%8B%A4-%EB%A1%AF%EB%8D%B0%EC%B9%A0%EC%84%B1-%EC%A0%95%ED%86%B5-%EB%9F%BC-%EC%9E%AC%EC%B6%9C%EC%8B%9C-2026"> <img src="https://cdn.jasm.co.kr/news/thumbnail/202610/320627_320678_5616_300.jpg?v=1791770478" alt="" loading="lazy"> </a> </li> <li> <a class="rank-title" href="/news/view/202503/%EB%8F%99%ED%83%84-%EB%AC%BC%EB%A5%98%EC%84%BC%ED%84%B0-%EC%A1%B0%EC%B9%98%EA%B3%84%ED%9A%8D-%EB%B0%98%EB%A0%A4-%EC%98%A4%EC%82%B0-%EC%9D%B8%EC%A0%91-%EA%B0%88%EB%93%B1-%EC%9D%BC%EB%8B%A8%EB%9D%BD-2026">동탄 물류센터 조치계획 반려…오산 인접 갈등 일단락</a> <a class="rank-thumb thumb-link" aria-label="동탄 물류센터 조치계획 반려…오산 인접 갈등 일단락" href="/news/view/202503/%EB%8F%99%ED%83%84-%EB%AC%BC%EB%A5%98%EC%84%BC%ED%84%B0-%EC%A1%B0%EC%B9%98%EA%B3%84%ED%9A%8D-%EB%B0%98%EB%A0%A4-%EC%98%A4%EC%82%B0-%EC%9D%B8%EC%A0%91-%EA%B0%88%EB%93%B1-%EC%9D%BC%EB%8B%A8%EB%9D%BD-2026"> <img src="https://cdn.jasm.co.kr/news/thumbnail/202602/202503_220329_2752_300.jpg?v=1791770122" alt="" loading="lazy"> </a> </li> <li> <a class="rank-title" href="/news/view/321199/%EC%A1%B0%ED%9D%AC%EB%8C%80-%EB%92%A4%EC%A7%91%EC%96%B4-%EC%94%8C%EC%9A%B4-%EC%99%80%EC%9D%B8-1%EC%96%B5800%EB%A7%8C%EC%9B%90-%EC%95%8C%EA%B3%A0%EB%B3%B4%EB%8B%88-%EA%B9%80%EB%AA%85%EC%88%98-%EC%9E%AC%EC%9E%84-%EB%95%8C-4%EB%B6%84%EC%9D%983-%EA%B5%AC%EB%A7%A4-2026">조희대에 뒤집어 씌운 '와인 1억800만원'...알고보니 김명수 재임 때 4분의3 구매</a> <a class="rank-thumb thumb-link" aria-label="조희대에 뒤집어 씌운 '와인 1억800만원'...알고보니 김명수 재임 때 4분의3 구매" href="/news/view/321199/%EC%A1%B0%ED%9D%AC%EB%8C%80-%EB%92%A4%EC%A7%91%EC%96%B4-%EC%94%8C%EC%9A%B4-%EC%99%80%EC%9D%B8-1%EC%96%B5800%EB%A7%8C%EC%9B%90-%EC%95%8C%EA%B3%A0%EB%B3%B4%EB%8B%88-%EA%B9%80%EB%AA%85%EC%88%98-%EC%9E%AC%EC%9E%84-%EB%95%8C-4%EB%B6%84%EC%9D%983-%EA%B5%AC%EB%A7%A4-2026"> <img src="https://cdn.jasm.co.kr/news/thumbnail/202610/news_1791842076_321199_m_1_300.jpg?v=1791842101" alt="" loading="lazy"> </a> </li> <li> <a class="rank-title" href="/news/view/321308/%EC%9D%B8%EC%B2%9C%EC%86%8C%EB%B0%A9%EB%B3%B8%EB%B6%80-%ED%99%88%ED%94%8C%EB%9F%AC%EC%8A%A4-%EA%B5%AC%EC%9B%94%EB%8F%99%EC%A0%90-%EC%B9%BC%EB%B6%80%EB%A6%BC-20%EB%8C%80-%EC%97%AC%EC%84%B1-%EC%8B%AC%EC%A0%95%EC%A7%80-2026">인천소방본부 "홈플러스 구월동점 칼부림에 20대 여성 심정지"</a> <a class="rank-thumb thumb-link" aria-label="인천소방본부 "홈플러스 구월동점 칼부림에 20대 여성 심정지"" href="/news/view/321308/%EC%9D%B8%EC%B2%9C%EC%86%8C%EB%B0%A9%EB%B3%B8%EB%B6%80-%ED%99%88%ED%94%8C%EB%9F%AC%EC%8A%A4-%EA%B5%AC%EC%9B%94%EB%8F%99%EC%A0%90-%EC%B9%BC%EB%B6%80%EB%A6%BC-20%EB%8C%80-%EC%97%AC%EC%84%B1-%EC%8B%AC%EC%A0%95%EC%A7%80-2026"> <img src="https://cdn.jasm.co.kr/news/thumbnail/202610/news_1791875715_321308_m_1_300.jpg?v=1791875781" alt="" loading="lazy"> </a> </li> <li> <a class="rank-title" href="/news/view/321172/%EB%B0%98%EB%8F%84%EC%B2%B4%EB%8C%80%EC%A0%84-14-16%EC%9D%BC-%EA%B0%9C%EC%B5%9C-%EC%82%BC%EC%84%B1-SK%ED%95%98%EC%9D%B4%EB%8B%89%EC%8A%A4-%EB%93%B1-300%EA%B3%B3-%EC%B0%B8%EA%B0%80-2026">반도체대전 14~16일 개최…삼성·SK하이닉스 등 300곳 참가</a> <a class="rank-thumb thumb-link" aria-label="반도체대전 14~16일 개최…삼성·SK하이닉스 등 300곳 참가" href="/news/view/321172/%EB%B0%98%EB%8F%84%EC%B2%B4%EB%8C%80%EC%A0%84-14-16%EC%9D%BC-%EA%B0%9C%EC%B5%9C-%EC%82%BC%EC%84%B1-SK%ED%95%98%EC%9D%B4%EB%8B%89%EC%8A%A4-%EB%93%B1-300%EA%B3%B3-%EC%B0%B8%EA%B0%80-2026"> <img src="https://cdn.jasm.co.kr/news/thumbnail/202610/news_1791787430_321172_m_1_300.jpg?v=1791790269" alt="" loading="lazy"> </a> </li> </ol> </div> <div class="ad-slot" data-slot="art_side2" data-dev="pc" style="--ad-h-pc:250px"><a href="https://www.anyang.go.kr/topic/index.do" target="_blank" rel="noopener noreferrer nofollow sponsored"><img src="https://cdn.jasm.co.kr/news/banner/178885288648637902.jpg" alt="안양시청_메인하단_260909" style="display:block;margin:0 auto;max-width:100%;height:auto" loading="lazy"></a></div> </aside> <div class="section article-tail"> <div class="author-card"> <div class="author-head"> <img class="author-photo" src="https://cdn.jasm.co.kr/news/reporter/jasm_20260708075937.png" alt="" width="60" height="60" loading="lazy"> <div class="author-who"> <span class="author-name">중앙신문 기자</span> <div class="author-sub"> <span class="author-dept">편집국</span> <a class="author-mail" href="mailto:webmaster@joongang.tv">webmaster@joongang.tv</a> </div> </div> </div> <ul class="author-more"> <li><a href="/news/view/321629/%EB%B6%80%EA%B3%A0-%EC%9C%A0%EC%A4%80%ED%95%98-%EB%8F%99%ED%99%94%EC%95%BD%ED%92%88-%EB%8C%80%ED%91%9C%EC%9D%B4%EC%82%AC-%EC%94%A8-%EB%AA%A8%EC%B9%9C%EC%83%81-2026">[부고] 유준하(동화약품 대표이사)씨 모친상</a></li> <li><a href="/news/view/321618/%EB%B6%80%EA%B3%A0-%EB%B0%95%EA%B4%91%EC%9E%AC-%EC%84%B8%EA%B3%84%EC%9D%BC%EB%B3%B4-%ED%8E%B8%EC%A7%91%EC%9C%84%EC%9B%90-%EC%94%A8-%EB%AA%A8%EC%B9%9C%EC%83%81-2026">[부고] 박광재(세계일보 편집위원)씨 모친상</a></li> <li><a href="/news/view/321606/%EB%B6%80%EA%B3%A0-%EA%B9%80%ED%98%95%EC%A7%84-%EA%B2%BD%EC%B0%B0%EC%9D%B8%EC%9E%AC%EA%B0%9C%EB%B0%9C%EC%9B%90-%EA%B5%90%EB%AC%B4%EA%B3%BC-%EC%94%A8-%EB%AA%A8%EC%B9%9C%EC%83%81-2026">[부고] 김형진(경찰인재개발원 교무과)씨 모친상</a></li> <li><a href="/news/view/321583/%EC%9D%B8%EC%82%AC-%ED%95%9C%EA%B5%AD%EC%83%9D%EC%82%B0%EA%B8%B0%EC%88%A0%EC%97%B0%EA%B5%AC%EC%9B%90-2026">[인사] 한국생산기술연구원</a></li> <li><a href="/news/view/321550/%EC%9D%B8%EC%82%AC-%EB%8C%80%ED%95%9C%EB%B6%88%EA%B5%90%EC%A1%B0%EA%B3%84%EC%A2%85-%EC%A2%85%ED%95%A9-2026">[인사] 대한불교조계종(종합)</a></li> </ul> </div> <div class="clap-area"> <button type="button" class="clap-btn" id="clapBtn" data-id="2503" aria-pressed="false"> <span class="clap-ico"> <img class="clap-off" src="/img/article/clap.svg" alt="" width="39" height="40"> <img class="clap-on" src="/img/article/clap-on.svg" alt="" width="39" height="40"> </span> <span class="clap-count" id="clapCount">0</span> <span class="sr-only">이 기사에 공감하기</span> </button> </div> <!-- 댓글 (시안 253:323) --> <div class="comment-section" id="comments"> <h3 class="cmt-title"><span class="cmt-n">0</span>개의 댓글</h3> <div class="cmt-login"> <span>로그인 후 댓글을 남겨주세요.</span> <a class="cmt-btn" href="/member/login?to=%2Fnews%2Fview%2F2503%2F%25EC%2586%258C%25EB%25B9%2584%25EC%259E%2590-%25EC%25A7%2581%25EC%25A0%2591-%25EB%25BD%2591%25EC%259D%2580-%25EC%25B5%259C%25EA%25B3%25A0-%25EB%25B8%258C%25EB%259E%259C%25EB%2593%259C-%25EB%258C%2580%25EC%2599%2595%25EB%258B%2598%25ED%2591%259C-%25EC%2597%25AC%25EC%25A3%25BC%25EC%258C%2580-2017">등록</a> </div> <div class="cmt-sort"> <a href="/news/view/2503/%EC%86%8C%EB%B9%84%EC%9E%90-%EC%A7%81%EC%A0%91-%EB%BD%91%EC%9D%80-%EC%B5%9C%EA%B3%A0-%EB%B8%8C%EB%9E%9C%EB%93%9C-%EB%8C%80%EC%99%95%EB%8B%98%ED%91%9C-%EC%97%AC%EC%A3%BC%EC%8C%80-2017?sort=new#comments" class="on">최신순</a> <a href="/news/view/2503/%EC%86%8C%EB%B9%84%EC%9E%90-%EC%A7%81%EC%A0%91-%EB%BD%91%EC%9D%80-%EC%B5%9C%EA%B3%A0-%EB%B8%8C%EB%9E%9C%EB%93%9C-%EB%8C%80%EC%99%95%EB%8B%98%ED%91%9C-%EC%97%AC%EC%A3%BC%EC%8C%80-2017?sort=like#comments" class="">추천순</a> <a href="/news/view/2503/%EC%86%8C%EB%B9%84%EC%9E%90-%EC%A7%81%EC%A0%91-%EB%BD%91%EC%9D%80-%EC%B5%9C%EA%B3%A0-%EB%B8%8C%EB%9E%9C%EB%93%9C-%EB%8C%80%EC%99%95%EB%8B%98%ED%91%9C-%EC%97%AC%EC%A3%BC%EC%8C%80-2017?sort=reply#comments" class="">답글순</a> </div> <div class="comment-list" id="commentList"> <p class="no-comments">댓글이 없습니다. 첫 댓글을 작성해보세요!</p> </div> </div> </div> </div> </div> </div> <script> var articleId = 2503; var IS_LOGGED_IN = false; function submitComment(parentId) { var name = '', password = '', content; if (parentId) { content = document.getElementById('replyContent-' + parentId).value.trim(); if (!IS_LOGGED_IN) { name = document.getElementById('replyName-' + parentId).value.trim(); password = document.getElementById('replyPw-' + parentId).value; } } else { content = document.getElementById('commentContent').value.trim(); if (!IS_LOGGED_IN) { name = document.getElementById('commentName').value.trim(); password = document.getElementById('commentPassword').value; } } if (!IS_LOGGED_IN) { if (!name) return alert('이름을 입력해주세요.'); if (!password) return alert('비밀번호를 입력해주세요.'); } if (!content) return alert('내용을 입력해주세요.'); fetch('/comment/create', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ articleId: articleId, parentId: parentId, name: name, password: password, content: content }) }) .then(function(r) { return r.json(); }) .then(function(data) { if (data.success) location.reload(); else alert(data.error || '등록 실패'); }) .catch(function() { alert('오류가 발생했습니다.'); }); } function deleteComment(id) { function send(password) { return fetch('/comment/delete', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ commentId: id, password: password || '' }) }).then(function(r) { return r.json(); }); } if (IS_LOGGED_IN) { if (!confirm('댓글을 삭제하시겠습니까?')) return; send('').then(function(data) { if (data.success) return location.reload(); // 본인 댓글이 아니면(예: 비회원 댓글) 비번으로 재시도 var pw = prompt('삭제하려면 비밀번호를 입력해주세요.'); if (!pw) return; send(pw).then(function(d) { d.success ? location.reload() : alert(d.error || '삭제 실패'); }); }); } else { var pw2 = prompt('삭제하려면 비밀번호를 입력해주세요.'); if (!pw2) return; send(pw2).then(function(data) { data.success ? location.reload() : alert(data.error || '삭제 실패'); }); } } function voteComment(id, type) { fetch('/comment/vote', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ commentId: id, type: type }) }) .then(function(r) { return r.json(); }) .then(function(data) { if (data.success) location.reload(); else alert(data.error || '실패'); }); } function showReplyForm(id) { var form = document.getElementById('replyForm-' + id); form.classList.toggle('on'); } function hideReplyForm(id) { document.getElementById('replyForm-' + id).classList.remove('on'); } /* ================= 형광펜 번짐 ================= 🔴 **데일리안에 이미 돌고 있는 구현을 그대로 가져왔다** (dailian_www newCommon/js/common.js 의 highlightActivation). 선택자만 중앙신문 본문(.article-content)으로 바꿨고 로직은 손대지 않았다. 기준선(뷰포트 높이의 65%)을 지나는 순간 `.on` 을 붙인다. CSS 의 transition 은 값이 **변할 때만** 돌기 때문에, 이 클래스가 없으면 아무 일도 일어나지 않는다. */ function highlightActivation({ selector = '.article-content strong.highlight, .article-content strong.highlight-true', triggerRatio = 0.65, // 중앙선 위치(뷰포트 높이 대비 비율). 0.45 등으로 조정 가능 once = true, // 한 번만 재생할지 edge = 'center' // 'center' | 'top' | 'bottom' | 'firstLineTop' } = {}) { const targets = Array.from(document.querySelectorAll(selector)).filter(el => !el.classList.contains('on')); if (!targets.length) return; // (필요 시) 스크롤 컨테이너가 따로 있으면 여기서 지정 // const rootEl = document.querySelector('.news-contents'); // overflow:auto; 같은 컨테이너라면 지정 const rootEl = null; const clamp = (v, a, b) => Math.max(a, Math.min(b, v)); const ratio = clamp(triggerRatio, 0.05, 0.95); const active = new Set(); // 뷰포트 안에 있는 대상만 추적 let ticking = false; const getLineY = () => (rootEl ? rootEl.clientHeight : (window.innerHeight || document.documentElement.clientHeight)) * ratio; const measure = (el) => { // 인라인 요소는 여러 줄일 수 있어 getClientRects() 사용 옵션 제공 if (edge === 'firstLineTop') { const rects = el.getClientRects(); if (rects && rects.length) return rects[0].top; } const rect = el.getBoundingClientRect(); if (edge === 'top') return rect.top; if (edge === 'bottom') return rect.bottom; // 기본: 요소의 세로 중앙점 return rect.top + rect.height / 2; }; function tick() { if (ticking) return; ticking = true; requestAnimationFrame(() => { const lineY = getLineY(); active.forEach(el => { const y = measure(el); if (y <= lineY) { el.classList.add('on'); if (once) { io && io.unobserve(el); active.delete(el); } } }); ticking = false; }); } function onScroll() { tick(); } const scrollTarget = rootEl || window; scrollTarget.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', onScroll, { passive: true }); let io = null; if ('IntersectionObserver' in window) { io = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { active.add(entry.target); // 이미 화면 안에서 기준선 위라면 즉시 트리거 tick(); } else { active.delete(entry.target); } }); }, { root: rootEl, threshold: 0 // 들어오고/나가는 순간만 알면 충분 }); targets.forEach(t => io.observe(t)); } else { // IO 미지원 브라우저: 전부 활성 집합에 넣고 스크롤 계산만 targets.forEach(t => active.add(t)); tick(); } // 초기 1회 체크 tick(); } highlightActivation(); /* ================= 박수(공감) ================= */ (function(){ var btn = document.getElementById('clapBtn'); var out = document.getElementById('clapCount'); if (!btn || !out) return; var busy = false; btn.addEventListener('click', function(){ if (busy) return; // 연타로 두 번 보내지 않게 막는다 busy = true; btn.disabled = true; function send(){ return fetch('/article/clap', { method: 'POST', headers: { 'Content-Type': 'application/json' }, // 세션 쿠키가 실려야 중복 방지가 동작한다. credentials: 'same-origin', body: JSON.stringify({ articleId: Number(btn.getAttribute('data-id')) }) }).then(function(r){ return r.json(); }); } // 첫 클릭이라 세션 쿠키가 아직 없으면 서버가 쿠키만 내려주고 retry 를 준다. // 그때 한 번만 다시 보낸다(무한 재시도는 하지 않는다). send() .then(function(d){ return (d && d.retry) ? send() : d; }) .then(function(d){ if (d && d.success) { // 카운트 조회가 실패하면 null 이 온다 — 그때는 화면 숫자를 건드리지 않는다. if (d.claps !== null && d.claps !== undefined) out.textContent = d.claps; btn.setAttribute('aria-pressed', d.clapped ? 'true' : 'false'); // 누른 순간 한 번 튀게 한다(눌렸다는 신호). btn.classList.remove('is-pop'); void btn.offsetWidth; btn.classList.add('is-pop'); } }) .catch(function(){}) .then(function(){ busy = false; btn.disabled = false; }); }); })(); /* ================= 기사 도구모음 ================= */ (function(){ var tools = document.getElementById('articleTools'); if (!tools) return; var SCRAP_KEY = 'jasm.scrap'; var SIZE_KEY = 'jasm.articleScale'; var STEPS = [0.9, 1, 1.15, 1.3, 1.45]; var articleId = tools.getAttribute('data-id'); var title = tools.getAttribute('data-title') || document.title; // canonical 이 있으면 그쪽이 정본이다(같은 기사가 slug 유무로 두 URL 이라). var canonical = document.querySelector('link[rel="canonical"]'); var shareUrl = canonical ? canonical.href : location.href; function toast(msg){ var el = document.createElement('div'); el.className = 'at-toast'; el.textContent = msg; document.body.appendChild(el); requestAnimationFrame(function(){ el.classList.add('on'); }); setTimeout(function(){ el.classList.remove('on'); setTimeout(function(){ el.remove(); }, 250); }, 1800); } function readJSON(key, fallback){ try { return JSON.parse(localStorage.getItem(key)) || fallback; } catch (e) { return fallback; } // 사파리 프라이빗 모드 등에서 던진다 } function writeJSON(key, val){ try { localStorage.setItem(key, JSON.stringify(val)); return true; } catch (e) { return false; } } // 🔴 `localStorage` 는 **접근 자체가 던진다** (사파리 프라이빗, 쿠키 차단 설정). // 예전엔 날것으로 읽는 곳이 하나 있었고, 거기서 예외가 나면 이 IIFE 가 통째로 // 중단돼 그 아래 버튼이 전부 죽는다. 2026-09-21 에 공유·글자크기를 팝오버로 // 바꾸면서 공유 버튼까지 그 안으로 들어가, 끊기면 공유가 아예 불가능해졌다. function readRaw(key){ try { return localStorage.getItem(key); } catch (e) { return null; } } /* ---- 공유 ---- */ var sysBtn = document.getElementById('atShare'); if (navigator.share && sysBtn) { sysBtn.hidden = false; // 지원하는 브라우저(주로 모바일)에서만 노출 sysBtn.addEventListener('click', function(){ navigator.share({ title: title, url: shareUrl }).catch(function(){}); }); } Array.prototype.forEach.call(tools.querySelectorAll('[data-share]'), function(btn){ btn.addEventListener('click', function(){ var u = encodeURIComponent(shareUrl); var t = encodeURIComponent(title); var target = btn.getAttribute('data-share') === 'facebook' ? 'https://www.facebook.com/sharer/sharer.php?u=' + u : 'https://twitter.com/intent/tweet?url=' + u + '&text=' + t; window.open(target, '_blank', 'noopener,width=600,height=500'); }); }); var copyBtn = document.getElementById('atCopy'); copyBtn.addEventListener('click', function(){ function fallback(){ // clipboard API 는 https 가 아니면 막힌다. 그때는 임시 입력창을 쓴다. var ta = document.createElement('textarea'); ta.value = shareUrl; ta.setAttribute('readonly', ''); ta.style.position = 'fixed'; ta.style.left = '-9999px'; document.body.appendChild(ta); ta.select(); try { document.execCommand('copy'); toast('링크를 복사했습니다'); } catch (e) { window.prompt('아래 주소를 복사하세요', shareUrl); } ta.remove(); } if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(shareUrl) .then(function(){ toast('링크를 복사했습니다'); }) .catch(fallback); } else { fallback(); } }); /* ---- 즐겨찾기 ---- 브라우저 북마크는 스크립트로 추가할 수 없다(구 IE 의 AddFavorite 는 사라졌다). 그래서 이 브라우저에 저장하고 /scrap 에서 모아 본다. */ var scrapBtn = document.getElementById('atScrap'); function list(){ return readJSON(SCRAP_KEY, []); } function isSaved(){ return list().some(function(it){ return String(it.id) === String(articleId); }); } function paint(){ var on = isSaved(); scrapBtn.setAttribute('aria-pressed', on ? 'true' : 'false'); scrapBtn.querySelector('span').textContent = on ? '저장됨' : '즐겨찾기'; } scrapBtn.addEventListener('click', function(){ var items = list(); if (isSaved()) { items = items.filter(function(it){ return String(it.id) !== String(articleId); }); writeJSON(SCRAP_KEY, items); paint(); toast('즐겨찾기에서 뺐습니다'); } else { items.unshift({ id: articleId, title: title, url: shareUrl, at: Date.now() }); if (items.length > 200) items = items.slice(0, 200); if (writeJSON(SCRAP_KEY, items)) { paint(); toast('즐겨찾기에 담았습니다'); } else { toast('브라우저 저장소를 쓸 수 없습니다'); } } }); paint(); /* ---- 인쇄 ---- */ document.getElementById('atPrint').addEventListener('click', function(){ window.print(); }); /* ---- 본문 글자크기 ---- */ var content = document.querySelector('.article-content'); var idx = STEPS.indexOf(parseFloat(readRaw(SIZE_KEY))); if (idx < 0) idx = 1; function applySize(){ if (content) content.style.setProperty('--article-scale', STEPS[idx]); try { localStorage.setItem(SIZE_KEY, STEPS[idx]); } catch (e) {} document.getElementById('atSizeDown').disabled = (idx === 0); document.getElementById('atSizeUp').disabled = (idx === STEPS.length - 1); } document.getElementById('atSizeDown').addEventListener('click', function(){ if (idx > 0) { idx--; applySize(); } }); document.getElementById('atSizeUp').addEventListener('click', function(){ if (idx < STEPS.length - 1) { idx++; applySize(); } }); applySize(); /* ---- 레일 팝오버 (시안 246:151 은 버튼 하나라 눌러서 펼친다) ---- */ function pair(btnId, popId){ var b = document.getElementById(btnId), pop = document.getElementById(popId); if (!b || !pop) return null; function close(){ pop.hidden = true; b.setAttribute('aria-expanded', 'false'); } function open(){ pop.hidden = false; b.setAttribute('aria-expanded', 'true'); } b.addEventListener('click', function(e){ e.stopPropagation(); // 다른 팝오버는 닫는다 — 둘이 겹쳐 뜨면 좁은 레일에서 서로를 가린다. pops.forEach(function(p){ if (p && p.pop !== pop) p.close(); }); pop.hidden ? open() : close(); }); // 팝오버 안을 눌러도 닫히지 않게 한다(버튼을 누르는 중이다). pop.addEventListener('click', function(e){ e.stopPropagation(); }); return { pop: pop, close: close }; } var pops = []; pops.push(pair('atShareToggle', 'sharePop')); pops.push(pair('atSizeToggle', 'sizePop')); document.addEventListener('click', function(){ pops.forEach(function(p){ if (p) p.close(); }); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape') pops.forEach(function(p){ if (p) p.close(); }); }); /* ---- 수정일시 펼침 (시안 240:52 의 ∨) ---- */ var dt = document.getElementById('metaDateToggle'); var dts = document.getElementById('metaDates'); if (dt && dts) { dt.addEventListener('click', function(){ var open = dts.hidden; dts.hidden = !open; dt.setAttribute('aria-expanded', open ? 'true' : 'false'); }); } })(); </script> <script id="traffic-signal" data-token="eyJpZCI6IjIwNTZlMTVjNjQ0YTYyMDkyOTk0YTkxNzYzZDM0Y2E3IiwiYXQiOjE3OTIwMzI0NDA5MzAsImFydGljbGUiOjI1MDMsInZpc2l0b3IiOm51bGx9.54c8e77f4b60a8fc73ecd784a947997505b920bab7ea556f748cc4ca39fd3ad8" src="/traffic-signal.js?v=1" defer></script> <footer class="footer"> <div class="footer-inner"> <!-- 카테고리 맵. PC(986px~) : 9열 그리드 (시안 77:858) 태블릿(~985) : 9행 아코디언 (시안 136:889) — 9열은 945px 에서 한 칸이 63px 밖에 안 돼 '아시아/호주' 가 줄바꿈으로 깨진다. 상단 메뉴와 같은 순서(NAV_ORDER)를 쓰고, 하위는 DB(section.level=2)에서 읽은 것을 그대로 편다 — 상단 드롭다운과 같은 소스라 어긋나지 않는다. --> <h2 class="foot-sitemap-title">중앙신문 사이트맵</h2> <nav class="foot-sitemap" aria-label="전체 카테고리"> <div class="foot-col"> <div class="foot-col-head"> <a href="/opinion">오피니언</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-0" aria-label="오피니언 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-0"> <li><a href="/opinion?sub=S2N6">칼럼</a></li> <li><a href="/opinion?sub=S2N7">사설</a></li> <li><a href="/opinion?sub=S2N8">기자수첩</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/politics">정치</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-1" aria-label="정치 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-1"> <li><a href="/politics?sub=S2N21">청와대</a></li> <li><a href="/politics?sub=S2N25">국회/정당</a></li> <li><a href="/politics?sub=S2N22">북한</a></li> <li><a href="/politics?sub=S2N24">행정</a></li> <li><a href="/politics?sub=S2N23">국방/외교</a></li> <li><a href="/politics?sub=S2N20">정치일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/economy">경제</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-2" aria-label="경제 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-2"> <li><a href="/economy?sub=S2N41">금융</a></li> <li><a href="/economy?sub=S2N42">증권</a></li> <li><a href="/economy?sub=S2N46">산업/재계</a></li> <li><a href="/economy?sub=S2N47">중기/벤처</a></li> <li><a href="/economy?sub=S2N43">부동산</a></li> <li><a href="/economy?sub=S2N44">글로벌경제</a></li> <li><a href="/economy?sub=S2N45">생활경제</a></li> <li><a href="/economy?sub=S2N40">경제일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/society">사회</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-3" aria-label="사회 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-3"> <li><a href="/society?sub=S2N31">사건사고</a></li> <li><a href="/society?sub=S2N32">교육</a></li> <li><a href="/society?sub=S2N33">노동</a></li> <li><a href="/society?sub=S2N34">언론</a></li> <li><a href="/society?sub=S2N35">환경</a></li> <li><a href="/society?sub=S2N36">인권/복지</a></li> <li><a href="/society?sub=S2N37">식품/의료</a></li> <li><a href="/society?sub=S2N38">지역</a></li> <li><a href="/society?sub=S2N39">인물</a></li> <li><a href="/society?sub=S2N30">사회일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/lifeCulture">생활/문화</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-4" aria-label="생활/문화 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-4"> <li><a href="/lifeCulture?sub=S2N61">건강정보</a></li> <li><a href="/lifeCulture?sub=S2N62">자동차/시승기</a></li> <li><a href="/lifeCulture?sub=S2N63">도로/교통</a></li> <li><a href="/lifeCulture?sub=S2N64">여행/레저</a></li> <li><a href="/lifeCulture?sub=S2N65">음식/맛집</a></li> <li><a href="/lifeCulture?sub=S2N66">패션/뷰티</a></li> <li><a href="/lifeCulture?sub=S2N67">공연/전시</a></li> <li><a href="/lifeCulture?sub=S2N68">책</a></li> <li><a href="/lifeCulture?sub=S2N69">종교</a></li> <li><a href="/lifeCulture?sub=S2N70">날씨</a></li> <li><a href="/lifeCulture?sub=S2N60">생활문화일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/itScience">IT/과학</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-5" aria-label="IT/과학 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-5"> <li><a href="/itScience?sub=S2N52">모바일</a></li> <li><a href="/itScience?sub=S2N53">인터넷/SNS</a></li> <li><a href="/itScience?sub=S2N54">통신/뉴미디어</a></li> <li><a href="/itScience?sub=S2N50">IT일반</a></li> <li><a href="/itScience?sub=S2N55">보안/해킹</a></li> <li><a href="/itScience?sub=S2N56">컴퓨터</a></li> <li><a href="/itScience?sub=S2N57">게임/리뷰</a></li> <li><a href="/itScience?sub=S2N51">과학일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/entSports">연예/스포츠</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-6" aria-label="연예/스포츠 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-6"> <li><a href="/entertainment?sub=S2N80">연예일반</a></li> <li><a href="/entertainment?sub=S2N81">TV</a></li> <li><a href="/entertainment?sub=S2N82">영화</a></li> <li><a href="/entertainment?sub=S2N83">음악</a></li> <li><a href="/entertainment?sub=S2N84">스타</a></li> <li><a href="/sports?sub=S2N90">스포츠일반</a></li> <li><a href="/sports?sub=S2N93">야구</a></li> <li><a href="/sports?sub=S2N94">해외야구</a></li> <li><a href="/sports?sub=S2N91">축구</a></li> <li><a href="/sports?sub=S2N92">해외축구</a></li> <li><a href="/sports?sub=S2N95">농구</a></li> <li><a href="/sports?sub=S2N96">배구</a></li> <li><a href="/sports?sub=S2N98">골프</a></li> <li><a href="/sports?sub=S2N97">UFC</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/world">세계</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-7" aria-label="세계 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-7"> <li><a href="/world?sub=S2N72">아시아/호주</a></li> <li><a href="/world?sub=S2N75">미국/중남미</a></li> <li><a href="/world?sub=S2N73">유럽</a></li> <li><a href="/world?sub=S2N74">중동/아프리카</a></li> <li><a href="/world?sub=S2N71">글로벌일반</a></li> </ul> </div> <div class="foot-col"> <div class="foot-col-head"> <a href="/local">지역</a> <button type="button" class="foot-toggle" aria-expanded="false" aria-controls="foot-sub-8" aria-label="지역 하위 카테고리 펼치기"></button> </div> <ul id="foot-sub-8"> <li><a href="/local?sub=S2N4">경기동부권</a></li> <li><a href="/local?sub=S2N3">경기서부권</a></li> <li><a href="/local?sub=S2N2">경기중부권</a></li> <li><a href="/local?sub=S2N1">경기남부권</a></li> <li><a href="/local?sub=S2N5">경기북부권</a></li> <li><a href="/local?sub=S1N4">인천</a></li> </ul> </div> </nav> <a class="foot-logo" href="/" aria-label="중앙신문 홈"> <img src="/img/logo-footer.svg" width="134" height="33" alt="중앙신문"> </a> <div class="footer-links"> <a href="/rss">RSS</a> <span class="foot-lastedit">최종편집시간: 2026.10.15 11:14</span> <a href="/com/com-1">매체소개</a> <a href="/com/jb?tab=jb">기사제보</a> <a href="/com/jb?tab=contrib">독자투고</a> <a href="/com/service">이용약관</a> <a href="/com/privacy" class="strong">개인정보처리방침</a> <a href="/com/youthpolicy">청소년보호정책</a> <a href="/com/copyright">저작권보호정책</a> <a href="/com/emailno">이메일무단수집거부</a> </div> <div class="footer-meta"> <div class="footer-meta-text"> <div class="footer-info"> <span>법인명: (주)중앙미디어랩</span> <span>서울본사: (04527) 서울특별시 중구 세종대로 30, 9층(남대문로5가, 신남문빌딩)</span> <span>경기인천본부: (16489) 경기도 수원시 팔달구 인계로 124번길 19, 1108호(인계동)</span> </div> <div class="footer-info"> <span>대표전화: 070-4900-5367</span> <span>청소년보호책임자: 이준석</span> <span>제호: 중앙신문</span> <span>등록번호: 서울, 아56692</span> <span>등록일: 2016-12-28</span> <span>발행·편집인: 이상준</span> <span>편집국장: 남상훈</span> </div> <p class="footer-copy">Copyright © 중앙신문 All rights reserved.</p> </div> </div> <div class="footer-view-mode"> <button id="viewModeToggle" type="button" hidden>PC버전 보기</button> </div> </div> </footer> <script> (function(){ var btn=document.getElementById('hamburgerBtn'), drawer=document.getElementById('catDrawer'), ov=document.getElementById('catOverlay'), cl=document.getElementById('catClose'); if(!btn||!drawer) return; var OPEN_LABEL = btn.getAttribute('aria-label') || '전체 카테고리 및 검색', focusTimer = null; // 닫혀 있을 때 안쪽 요소가 Tab 순서에 남지 않게 하는 것은 CSS(visibility:hidden)가 // 맡는다. 여기서는 포커스를 옮겨 준다 — 열면 검색창으로, 닫으면 연 버튼으로. function open(){ drawer.classList.add('on'); ov.classList.add('on'); btn.setAttribute('aria-expanded','true'); drawer.setAttribute('aria-hidden','false'); // 버튼이 ✕ 모양으로 바뀌므로 읽히는 이름도 같이 바꾼다. btn.setAttribute('aria-label','전체메뉴 닫기'); // 상단 메뉴의 옛 드롭다운(.sub-nav)은 z-index 200 이라 패널 위를 덮는다. // 열려 있는 동안 CSS 로 끈다(body.menu-open). document.body.classList.add('menu-open'); document.body.style.overflow='hidden'; var first = drawer.querySelector('.hm-search input'); // 🔴 타이머를 잡아 둔다. 260ms 안에 다시 눌러 닫으면 `visibility` 는 // transition(.2s) 때문에 아직 visible 이라, 취소하지 않으면 포커스가 // **닫히는 중인 패널 안으로** 끌려 들어간다. if (first) focusTimer = setTimeout(function(){ focusTimer = null; first.focus(); }, 260); } function close(){ // 포커스가 서랍 안에 있으면 먼저 빼낸다. visibility:hidden 이 되는 순간 // 포커스가 body 로 튕겨 키보드 위치를 잃는다. if (focusTimer) { clearTimeout(focusTimer); focusTimer = null; } if (drawer.contains(document.activeElement)) btn.focus(); drawer.classList.remove('on'); ov.classList.remove('on'); btn.setAttribute('aria-expanded','false'); drawer.setAttribute('aria-hidden','true'); btn.setAttribute('aria-label', OPEN_LABEL); document.body.classList.remove('menu-open'); document.body.style.overflow=''; } // 🔴 **같은 버튼이 여닫는다.** 열리면 아이콘이 ✕ 로 바뀌므로(CSS // `body.menu-open .nav-drawer-btn::before`) 사용자는 그걸 눌러 닫으려 한다. // 예전에는 `open` 만 걸려 있어 **PC 에서 ✕ 가 먹지 않았다.** // 좁은 화면(~985)은 패널이 z-index 120 으로 헤더를 덮고 그 안에 // `.hm-close` 가 있어 티가 안 났다 — PC 에는 그 버튼이 아예 없다. btn.addEventListener('click', function(){ if (drawer.classList.contains('on')) close(); else open(); }); ov.addEventListener('click', close); if(cl) cl.addEventListener('click', close); document.addEventListener('keydown', function(e){ if (e.key === 'Escape' && drawer.classList.contains('on')) close(); }); })(); (function(){ // 전체메뉴 아코디언. 좁은 화면(~985)에서만 토글이 보이지만 핸들러는 폭과 // 무관하게 붙여 둔다 — 창 크기를 바꿔도 다시 붙일 일이 없고, PC 에서는 // 버튼이 display:none 이라 눌릴 일이 없다(풋터 아코디언과 같은 규약). var btns = document.querySelectorAll('.hm-toggle'); Array.prototype.forEach.call(btns, function(btn){ btn.addEventListener('click', function(){ var col = btn.closest('.hm-col'); if(!col) return; var open = !col.classList.contains('is-open'); col.classList.toggle('is-open', open); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); }); }); })(); (function(){ // 풋터 카테고리 아코디언. 태블릿(~985px)에서만 보이는 토글이지만, // 핸들러는 폭과 무관하게 붙여 둔다 — 창 크기를 바꿔도 따로 다시 붙일 일이 없고, // PC 에서는 버튼이 display:none 이라 눌릴 일이 없다. var btns = document.querySelectorAll('.foot-toggle'); Array.prototype.forEach.call(btns, function(btn){ btn.addEventListener('click', function(){ var col = btn.closest('.foot-col'); if(!col) return; var open = !col.classList.contains('is-open'); col.classList.toggle('is-open', open); btn.setAttribute('aria-expanded', open ? 'true' : 'false'); }); }); })(); </script> <script> (function(){ var header = document.querySelector('.header'); if (!header) return; var bar = document.getElementById('readProgressBar'); var art = document.querySelector('.article-content'); var desktop = window.matchMedia('(min-width:986px)'); var ticking = false; var resized = true; var expandedHeight = 0; function paint(){ ticking = false; var collapsed = desktop.matches && window.scrollY > 200; if (resized) { document.body.classList.remove('article-read'); header.style.marginBottom = ''; expandedHeight = header.getBoundingClientRect().height; resized = false; } if (document.body.classList.contains('article-read') !== collapsed) { document.body.classList.toggle('article-read', collapsed); // Keep the header's total flow space unchanged. Otherwise scroll // anchoring crosses the 200px threshold again and toggles forever. header.style.marginBottom = collapsed ? Math.max(0, expandedHeight - header.getBoundingClientRect().height) + 'px' : ''; } if (bar && art) { var r = art.getBoundingClientRect(); var vh = window.innerHeight || document.documentElement.clientHeight; var total = r.height - vh; var pct = total <= 0 ? (r.bottom <= vh ? 100 : 0) : Math.min(100, Math.max(0, (-r.top / total) * 100)); bar.style.width = pct + '%'; } } function onScroll(){ if (!ticking) { ticking = true; requestAnimationFrame(paint); } } window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('resize', function(){ resized = true; onScroll(); }); paint(); })(); </script> <script> // CMS 이미지 배너(.jb)의 기존 4초 순환을 유지하면서 한 줄에 최대 3개를 보여 준다. // 기존 스크립트의 data-on 변경을 관찰하므로 DB에 저장된 배너를 다시 저장할 필요가 없다. (function () { document.querySelectorAll('.ad-slot .jb').forEach(function (strip) { var items = Array.prototype.filter.call(strip.children, function (item) { return item.classList.contains('jb-i'); }); if (items.length < 2) return; var slot = strip.closest('.ad-slot'); function paint() { var width = strip.clientWidth; if (!width) return; // 원본 376px 세 장 + 간격 24px 두 칸. 좁은 본문은 두 장을 비율대로 줄인다. // 600px 미만(모바일·사이드바)은 한 장으로 유지한다. var count = Math.min(items.length, width >= 1176 ? 3 : (width >= 600 ? 2 : 1)); var start = items.findIndex(function (item) { return item.hasAttribute('data-on'); }); if (start < 0 || count === items.length) start = 0; strip.style.setProperty('--banner-columns', count); items.forEach(function (item, index) { var order = (index - start + items.length) % items.length; item.style.order = order; item.toggleAttribute('data-visible', order < count); }); strip.classList.add('jb-strip'); slot.classList.add('has-banner-strip'); } var observer = new MutationObserver(paint); items.forEach(function (item) { observer.observe(item, { attributes: true, attributeFilter: ['data-on'] }); }); if (typeof ResizeObserver !== 'undefined') { new ResizeObserver(paint).observe(strip); } else { window.addEventListener('resize', paint); } paint(); }); })(); </script> <script defer src="/banner-runtime.v2.js?v=20261015-2"></script> <script defer src="/banner-public.v2.js?v=20261015-2"></script> </body> </html>
구글 검색 선호 출처로 추가