/* 베이비뉴스 개편 — 공통 스타일 (2026-10-09)
   참고: 홈은 한겨레(글 중심·가는 세로선 단), 기사는 중앙일보(섹션 경로·빨간 굵은 선·넓은 사진·좌우 레일) — 대표 지시.
   색은 로고에서: 빨강 #E9483F(Baby) · 남색 #253272(News). 빨강은 섹션·순위·기자 선에만.
   글꼴은 Freesentation 한 가족(대표 지시). 그림자·둥근 카드 없이 선과 여백으로 나눈다. */
@font-face{font-family:'Freesentation';src:url('/fonts/Freesentation-4Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Freesentation';src:url('/fonts/Freesentation-5Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Freesentation';src:url('/fonts/Freesentation-7Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Freesentation';src:url('/fonts/Freesentation-8ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
	--red:#E9483F; --red-text:#CC3A31; --navy:#253272; --ink:#1A1F36; --sub:#5D6478; --faint:#6E7486;
	--rule:#E3E6EE; --blush:#FFF4F2; --paper:#FFFFFF; --bg:#EEF0F4; --footer:#1F2A5E;
	--w:1280px; --read:780px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 'Noto Sans KR','Freesentation','Apple SD Gothic Neo','Malgun Gothic',sans-serif;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit;text-decoration:none}
/* 마우스 오버: 밑줄 대신 글자색(대표 10/9) + 사진 살짝 확대 */
main a{transition:color .15s ease}
main a:hover{color:var(--red-text)}
.thumb img{transition:transform .35s ease;transform-origin:30% 30%}
a:hover .thumb img,a.thumb:hover img,article:hover>a.thumb img,.ig-card:hover .thumb img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){main a,.thumb img{transition:none}a:hover .thumb img,a.thumb:hover img,article:hover>a.thumb img,.ig-card:hover .thumb img{transform:none}}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:2px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:40;background:#fff;padding:8px 12px;font-weight:700;border:2px solid var(--navy)}
.skip:focus{left:16px}
html{scroll-padding-top:90px}
.thumb{display:block;background:var(--blush);overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
/* 목록·카드 사진: 오른쪽 아래에 박힌 "BabyNews" 워터마크가 틀 밖으로 나가게 14% 크게 깐다(원본은 그대로, 대표 10/9). 칼럼니스트·인스타 사진은 제외 */
.thumb{position:relative}
.thumb img{max-width:none}
main .thumb:not(.col-box .thumb):not(.rail-col .thumb):not(.ig-card .thumb) img:not([src*="/thumbnail/card/"]){width:114%;height:114%;object-position:30% 30%}
.empty-note{color:var(--sub);font-size:15px;padding:16px 0}

/* 머리: 로고 · 섹션 · 검색 한 줄 (중앙일보식) */
.masthead{border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top)} /* 아이폰 앱: 상태표시줄 아래로 로고 내림 (웹에서는 0) */
.masthead .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;min-height:72px}
.masthead .logo{flex:none}
.masthead .logo img{height:44px;width:auto}
/* 로고 옆 한 줄 (대표 10/9 "로고 옆에 메뉴") — 좁아지면 아랫줄로 */
.secnav{flex:1;min-width:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0 4px;align-self:stretch;margin-left:12px} /* 로고 옆 왼쪽 정렬 (대표 10/9) */
.secnav::-webkit-scrollbar{display:none}
.secnav a{flex:none;display:flex;align-items:center;padding:0 9px;font-size:16.5px;font-weight:700;white-space:nowrap}
.secnav a:hover{color:var(--navy)}
.secnav a[aria-current="page"]{color:var(--red-text);box-shadow:inset 0 -3px 0 var(--red)}
.search{flex:none;display:flex;align-items:center;border:1px solid var(--rule);border-radius:999px;padding:0 4px 0 14px;height:38px}
.search input{border:0;background:none;font:inherit;font-size:15px;width:110px;color:var(--ink)}
.search input:focus{outline:none}
.search:focus-within{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.search button{border:0;background:none;display:grid;place-items:center;width:40px;height:40px;color:var(--navy);cursor:pointer}

main.wrap{max-width:var(--w);margin:20px auto 48px;padding:30px 40px 64px;background:var(--paper);border:1px solid #E2E5EC}

.progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;pointer-events:none}
.progress span{display:block;height:100%;background:linear-gradient(90deg,#F7931E,var(--red));transform:scaleX(0);transform-origin:0 50%;will-change:transform}

/* ───────── 홈 (한겨레식) ───────── */
.dateline{font-size:14px;font-weight:500;color:var(--sub);margin:0 0 14px}
.front{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0 36px}
.front-main{min-width:0}
.front-rail{border-left:1px solid var(--rule);padding-left:28px}

.lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:28px;padding-bottom:26px;border-bottom:2px solid var(--ink)}
.lead h2{font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.28;letter-spacing:-.025em;margin:0 0 14px}
.lead p{font-size:16px;line-height:1.7;color:var(--sub);margin:0 0 14px}
.lead-sec{color:var(--red-text);font-weight:700;margin-right:4px}
.lead-rel{list-style:none;margin:0;padding:0}
.lead-rel li{position:relative;padding:6px 0 6px 12px;font-size:16px;font-weight:500}
.lead-rel li::before{content:"";position:absolute;left:0;top:15px;width:4px;height:4px;border-radius:50%;background:var(--ink)}
.lead-img{aspect-ratio:4/3}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;padding-top:6px}
.titles{list-style:none;margin:0;padding:0}
.titles li{padding:16px 0;border-bottom:1px solid var(--rule);font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.01em}
.titles li:last-child{border-bottom:0}
.feature{border-left:1px solid var(--rule);padding:16px 0 0 28px}
.feature .thumb{aspect-ratio:16/10;margin-bottom:14px}
.feature h3{font-size:20px;font-weight:800;line-height:1.38;margin:0 0 8px}
.feature p{font-size:15px;line-height:1.7;color:var(--sub);margin:0}

.rank h2,.tools h2,.art-rail h2{font-size:18px;font-weight:800;margin:0;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.rank ol,.art-rail ol{list-style:none;margin:0 0 30px;padding:0;counter-reset:r}
.rank li,.art-rail ol li{counter-increment:r;display:grid;grid-template-columns:22px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:500;line-height:1.45}
.rank li::before,.art-rail ol li::before{content:counter(r);font-weight:800;font-size:19px;line-height:1.2;color:var(--navy)}
.rank li:nth-child(-n+3)::before,.art-rail ol li:nth-child(-n+3)::before{color:var(--red)}
.tools{display:flex;flex-direction:column}
.tools h2{margin-bottom:6px}
.tools a{display:flex;justify-content:space-between;align-items:center;padding:11px 2px;border-bottom:1px solid var(--rule);font-size:15px;font-weight:500}
.tools a::after{content:"";width:7px;height:7px;border-top:2px solid var(--faint);border-right:2px solid var(--faint);transform:rotate(45deg)}
.tools a:hover{color:var(--red-text)}

.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 24px;margin-top:34px;padding-top:24px;border-top:2px solid var(--ink)}
.strip .thumb{aspect-ratio:3/2;margin-bottom:10px}
.strip h3{font-size:17px;font-weight:700;line-height:1.42;margin:0}

.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;margin-top:44px}
.sec-box h2{font-size:20px;font-weight:800;margin:0;padding-bottom:9px;border-bottom:2px solid var(--navy)}
.sec-box ul{list-style:none;margin:0;padding:0}
.sec-box li{padding:11px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:500;line-height:1.45}

/* ───────── 목록 ───────── */
.list-head{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.list-head h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0}
.list-head .count{color:var(--faint);font-weight:500}
.row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;padding:22px 0;border-bottom:1px solid var(--rule)}
.kicker{display:inline-block;font-size:14px;font-weight:700;color:var(--red-text);margin-bottom:4px}
.row h2{font-size:22px;font-weight:700;line-height:1.36;margin:0 0 8px;letter-spacing:-.01em}
.row p{margin:0 0 8px;color:var(--sub);font-size:16px;max-width:62ch}
.row .thumb{aspect-ratio:3/2}
.meta{font-size:14px;font-weight:500;color:var(--faint)}
.meta span+span::before{content:"";display:inline-block;width:1px;height:10px;background:var(--rule);margin:0 8px}
.pager{display:flex;gap:4px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.pager a,.pager b{min-width:40px;height:40px;display:grid;place-items:center;font-weight:700;border-radius:4px}
.pager a:hover{background:var(--blush);color:var(--ink)}
.pager b{background:var(--navy);color:#fff}

/* ───────── 기사 (중앙일보식) ───────── */
.article-page{display:grid;grid-template-columns:minmax(0,var(--read)) 300px;gap:0 56px;justify-content:center;padding-top:14px;position:relative}
/* 기사 도구: 흰 판 바깥 왼쪽에 떠 있게 (대표 10/9 "좌측 밖으로") */
.art-tools{position:fixed;top:120px;left:max(12px,calc(50% - var(--w) / 2 - 84px));width:64px;z-index:15;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:999px;padding:8px 0}
.art-tools button{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;padding:10px 0;font-size:12px;font-weight:500;color:var(--sub);cursor:pointer}
.art-tools button:hover,.art-tools .tool-link:hover{color:var(--red-text)}
.art-tools button+button{border-top:1px solid var(--rule)}
.art-tools svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.art-tools button:hover span{color:var(--red)}

.article{min-width:0}
.art-top{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:0 0 10px}
.crumb{margin:0;font-size:15px;font-weight:700}
.modified{margin:0 0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:500;color:var(--sub)}
.modified svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.crumb a+a::before{content:"";display:inline-block;width:1px;height:12px;background:var(--faint);margin:0 8px}
.crumb-sec{color:var(--red-text)}
.article h1{font-size:clamp(28px,3.4vw,38px);font-weight:800;line-height:1.3;letter-spacing:-.025em;margin:0 0 14px}
.subtitle{font-size:19px;font-weight:500;line-height:1.55;color:var(--sub);margin:0 0 16px}
.stamp{font-size:14px;color:var(--faint);margin:0;padding:10px 0 12px;border-bottom:1px solid var(--rule)}
.stamp span::before{content:"";display:inline-block;width:1px;height:10px;background:var(--rule);margin:0 8px}
.reporter{margin:0 0 30px;padding:12px 0;border-bottom:1px solid var(--rule);font-weight:700;font-size:15px} /* 빨간 굵은 선은 너무 튐(대표 10/9) → 얇은 회색 */
.body{font-size:18px;line-height:1.9}
.body.fs-l{font-size:20px}.body.fs-xl{font-size:22px}
.body p{margin:0 0 1.15em}
.body figure{margin:30px 0!important;display:block!important;max-width:none;width:auto!important;float:none!important}
.body figure img{margin:0 auto;width:auto;max-width:100%}
.body iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin:24px 0}
.body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9em}
.body td,.body th{border:1px solid var(--rule);padding:6px 10px}
.body [style*="width"]{max-width:100%!important}
.body figcaption{font-size:14px;color:var(--sub);margin:8px 0 0;line-height:1.5}
.body a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.body a:hover{color:var(--red-text)}
.body h2,.body h3{font-weight:800;line-height:1.35;margin:1.6em 0 .6em}
.body blockquote{margin:1.6em 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:var(--sub);font-weight:500}
.copyright{font-size:14px;color:var(--faint);margin-top:30px;padding-top:14px;border-top:1px solid var(--rule)}
.art-rail{padding-top:4px}
.art-rail ul{list-style:none;margin:0 0 30px;padding:0}
.art-rail ul li{padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:500;line-height:1.45}

/* 404 */
.notfound{text-align:center;padding:72px 0}
.notfound h1{font-size:28px;font-weight:800;margin:0 0 8px}
.notfound p{color:var(--sub)}
.notfound a{display:inline-block;margin-top:14px;padding:10px 18px;background:var(--navy);color:#fff;font-weight:700;border-radius:4px}

/* ───────── 꼬리 (현재 사이트 내용 그대로 + 아이콘) ───────── */
/* 푸터: 군청 + 오른쪽 오렌지 사선 (대표 10/9 — 오른쪽에 조금만: 위 96%·아래 86%) */
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#1F2A5E;color:#C9CEE3;font-size:14px;line-height:1.7;padding:36px 0 44px}
.site-footer::after{content:"";position:absolute;inset:0;z-index:-1;background:#F16531;clip-path:polygon(96% 0,100% 0,100% 100%,86% 100%)}
.site-footer a{color:#fff}
.site-footer a:hover{color:#FFD3CF}
.f-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15)}
.f-top img{height:40px;width:auto}
.f-nav{display:flex;flex-wrap:wrap;gap:6px 18px;font-weight:700}
.f-links{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15)}
.f-links p{margin:3px 0}
.f-links strong{color:#fff;margin-right:10px}
.f-links a{margin-right:14px;color:#DDE1F0}
.f-addr{padding-top:18px;font-style:normal}
.f-addr ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.f-addr li{display:inline-flex;align-items:center;gap:6px}
.f-addr svg{width:15px;height:15px;flex:none;fill:none;stroke:#8E98C8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.f-addr .lbl{color:#97A0C9;margin-right:2px}
.f-contact{font-size:15px;color:#fff}
.f-copy{margin:14px 0 0;color:#97A0C9;font-size:13px}
.f-biz summary{display:none}
.list-head h1{display:flex;align-items:center}.list-head h1 .bi{width:26px;height:26px}

/* ───────── 묶음 제목 아이콘 · 기존 홈 묶음 ───────── */
.bi{width:20px;height:20px;flex:none;fill:none;stroke:var(--red);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-right:7px;vertical-align:-3px}
.rank h2,.tools h2,.art-rail h2,.sec-box h2,.bh,.bottom-block h2,.comments h2{display:flex;align-items:center;flex-wrap:wrap}
.bh small{font-size:14px;font-weight:500;color:var(--sub);margin-left:10px}
.bh{font-size:20px;font-weight:800;margin:0;padding-bottom:9px;border-bottom:2px solid var(--navy)}
.col-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;margin-top:44px}
.col-box ul,.rail-col ul{list-style:none;margin:0;padding:0}
.col-box li a,.rail-col li a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);font-size:16px;font-weight:600;line-height:1.45}
/* 칼럼니스트 사진은 원형 (대표 10/9) */
.col-box .thumb,.rail-col .thumb{aspect-ratio:1/1;border-radius:50%;box-shadow:0 0 0 1px var(--rule)}
.col-box .thumb img,.rail-col .thumb img{object-position:50% 20%}
.photo-row{margin-top:44px}
.photo-row>div,.shop>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:14px}
.photo-row a,.shop a{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600;line-height:1.4}
.photo-row .thumb{aspect-ratio:4/3}
.shop-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;margin-top:44px}
.shop>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.shop .thumb{aspect-ratio:1/1}
.notice{margin-top:44px}
.notice ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.notice li{padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px;font-weight:500}

/* ───────── 베이비뉴스TV ───────── */
.tv{margin-top:44px;padding:22px 24px 26px;background:#1F2A5E;color:#fff}
.tv .bh{border-bottom-color:rgba(255,255,255,.25)}.tv .bh a{color:#fff}.tv .bh small{color:#C9CEE3}.tv .bi{stroke:#FF8A80}
/* 쇼츠: 세로 9:16, 한 줄 4개 (대표 10/9) — 휴대폰은 옆으로 넘기기 */
.tv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:16px}
.tv-item{margin:0;min-width:0}
.tv-play{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;aspect-ratio:9/16;overflow:hidden;border-radius:6px}
.tv-play img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.tv-play:hover img{transform:scale(1.04)}
.tv-btn{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(233,72,63,.92);display:grid;place-items:center}
.tv-btn svg{width:24px;height:24px;fill:#fff}
.tv-item iframe{width:100%;aspect-ratio:9/16;border:0;display:block;border-radius:6px}
.tv figcaption{margin-top:8px;font-size:15px;font-weight:700;line-height:1.4}
.tv figcaption span{display:block;font-size:13px;font-weight:500;color:#AEB5D6;margin-top:2px}
@media (max-width:1000px){.tv-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px) / 3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.tv-grid::-webkit-scrollbar{display:none}.tv-item{scroll-snap-align:start}}
@media (max-width:640px){.tv{margin:36px -16px 0;padding:18px 16px 22px}.tv-grid{gap:12px;grid-auto-columns:42%}.tv figcaption{font-size:14px}}
@media (prefers-reduced-motion:reduce){.tv-play img{transition:none}.tv-play:hover img{transform:none}}

/* ───────── 기사 하단: SNS 공유 · 댓글 · 많이 본 기사 · 인스타그램 ───────── */
.share{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sh{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px 0 10px;border:1px solid var(--rule);border-radius:999px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.sh svg{width:22px;height:22px;padding:3px;border-radius:50%;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-kakao svg{background:#FEE500;fill:#191600;stroke:none}
.sh-fb svg{background:#1877F2;fill:#fff;stroke:none}
.sh-x svg{background:#111;stroke:#fff}
.sh-blog svg{background:#03C75A;fill:#fff;stroke:none}
.sh-band svg{background:#06C755;stroke:#fff}
.sh-link svg{background:var(--navy)}
.sh:hover{border-color:var(--ink);color:var(--ink)}
.comments{margin-top:28px!important}
.art-main{min-width:0}
.tool-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0;font-size:12px;font-weight:500;color:var(--sub);border-top:1px solid var(--rule)}
.tool-link svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round}
.comments,.bottom-block{margin-top:48px}
.comments h2,.bottom-block h2{font-size:20px;font-weight:800;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.comments h2 span{color:var(--red-text);margin-left:6px}
.cmt-msg{background:var(--blush);padding:10px 14px;border-radius:4px;font-weight:500;margin:0 0 14px}
.kakao-login{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;background:#FEE500;color:#191600;font-weight:700;font-size:16px;border-radius:6px}
.kakao-login svg{width:22px;height:22px;fill:#191600}
.kakao-login:hover{color:#191600;filter:brightness(.96)}
.cmt-form{display:grid;gap:8px}
.cmt-who{margin:0;font-size:14px;color:var(--sub)}.cmt-who a{margin-left:8px;color:var(--navy)}
.cmt-form textarea{width:100%;font:inherit;font-size:16px;line-height:1.6;padding:12px 14px;border:1px solid #CFD4DE;border-radius:6px;resize:vertical}
.cmt-form textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.cmt-form button{justify-self:end;min-height:44px;padding:0 20px;border:0;border-radius:6px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}
.cmt-list{list-style:none;margin:18px 0 0;padding:0}
.cmt{padding:16px 0;border-bottom:1px solid var(--rule)}
.cmt-child{padding-left:28px;background:linear-gradient(var(--rule),var(--rule)) 12px 16px/1px 22px no-repeat}
.cmt-head{margin:0 0 4px;font-size:14px;color:var(--faint)}.cmt-head strong{color:var(--ink);margin-right:8px}
.cmt-body{margin:0;font-size:16px;line-height:1.7}
.cmt-act{display:flex;gap:14px;align-items:flex-start;margin-top:6px;font-size:14px}
.cmt-act summary{cursor:pointer;color:var(--sub)}
.cmt-act details[open]{flex:1}.cmt-act details .cmt-form{margin-top:8px}
.linkish{border:0;background:none;padding:0;color:var(--sub);cursor:pointer;font-size:14px}
.cmt-empty{color:var(--sub);padding:18px 0;margin:0}
.cmt-more{display:block;text-align:center;margin-top:14px;padding:12px;border:1px solid var(--rule);border-radius:6px;font-weight:700}
.mv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mv-grid .thumb{aspect-ratio:3/2;margin-bottom:8px}
.mv-grid h3{font-size:15px;font-weight:700;line-height:1.42;margin:0}
.ig-acc{font-size:14px;font-weight:500;color:var(--sub);margin-left:auto}
.ig-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ig-card{display:flex;flex-direction:column;gap:8px}
.ig-card .thumb{position:relative;aspect-ratio:4/5;border-radius:4px}
.ig-n{position:absolute;right:8px;top:8px;background:rgba(26,31,54,.72);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}
.ig-card strong{font-size:15px;font-weight:700;line-height:1.42}
.ig-meta{font-size:13px;color:var(--faint)}.ig-meta span::before{content:"";display:inline-block;width:1px;height:9px;background:var(--rule);margin:0 7px}
.rail-col,.rail-photo{margin-bottom:30px}
.rail-photo>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.rail-photo a{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;line-height:1.4}
.rail-photo .thumb{aspect-ratio:4/3}
.art-rail .tools a{font-size:15px}

/* ───────── 기사 연계 (대표 10/9): 본문 중간 라플 질문 위젯 · 쿠팡 육아템 · 관련 육아 Q&A · 댓글 입력 ───────── */
.lapl-slot{margin:34px 0;font-size:16px;line-height:1.5}
.cp-box,.qa-box{margin-top:40px}
.cp-box h2,.qa-box h2{display:flex;align-items:center;font-size:20px;font-weight:800;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.ad-mark{margin-left:auto;font-size:12px;font-weight:700;color:var(--sub);border:1px solid #CFD4DE;padding:1px 7px}
.cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-item{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--rule);background:#fff}
.cp-item:hover{border-color:var(--ink)}
.cp-img{display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.cp-img img{width:100%;height:100%;object-fit:contain}
.cp-name{font-size:14.5px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}
.cp-price{font-size:17px;font-weight:800;color:var(--ink)}
.cp-price em{font-style:normal;font-size:12px;font-weight:700;color:#0074E9;margin-left:6px}
.cp-note{font-size:12.5px;color:var(--faint);margin:10px 0 0}
.qa-box ul{list-style:none;margin:0;padding:0}
.qa-box li{border-bottom:1px solid var(--rule)}
.qa-box li a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;color:var(--ink)}
.qa-q{width:34px;height:34px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800;font-size:16px}
.qa-body strong{display:block;font-size:17px;font-weight:700;line-height:1.45}
.qa-sum{display:block;font-size:14.5px;color:var(--sub);line-height:1.6;margin-top:4px}
.qa-exp{display:inline-block;margin-top:6px;font-size:13px;font-weight:700;color:var(--red-text)}
.qa-box li a:hover strong{color:var(--red-text)}

/* 기사 하단 관련 유튜브·인스타 — 한 줄 4개 */
.ig-grid.ig-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tv-art{margin-top:0}
.tv-art figcaption{margin-top:8px;font-size:14px;font-weight:700;line-height:1.4;color:var(--ink)}
.tv-art figcaption span{display:block;color:var(--faint);font-size:12.5px;font-weight:500;margin-top:2px}
.tv-art .tv-play,.tv-art .tv-item iframe{border-radius:0}
.cmt-write{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:8px;margin-bottom:6px}
.cmt-write textarea{height:108px;width:100%;font:inherit;font-size:15.5px;line-height:1.6;padding:12px 14px;border:1px solid #CFD4DE;resize:none;background:#fff}
.cmt-write textarea:disabled{background:#F7F8FA;color:var(--faint)}
.cmt-write textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.kakao-sq,.cmt-send{width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;font:inherit;font-size:14px;font-weight:800;line-height:1.3;border:0;cursor:pointer}
.kakao-sq{background:#FEE500;color:#191600}
.kakao-sq svg{width:30px;height:30px;fill:#191600}
.kakao-sq:hover{color:#191600;filter:brightness(.96)}
.cmt-send{background:var(--navy);color:#fff}
.cmt-send:hover{background:#1B2557}
@media (max-width:640px){
	.cp-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scrollbar-width:none}
	.ig-grid.ig-4,.tv-art{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;overflow-x:auto;scrollbar-width:none}
	.cmt-write{grid-template-columns:minmax(0,1fr) 92px}
	.cmt-write textarea{height:92px}
	.kakao-sq,.cmt-send{width:92px;height:92px;font-size:13px}
}

/* ═════════ 홈: 따뜻한 맞춤형 육아 매거진 (비서실장 결정 10/9) ═════════
   아이보리 바탕 · 흰 카드 둥근 20px · 그림자 없음 · 사진은 대표/보조·영상·인스타에만 · 빨강은 순위·섹션 칩에만 */
body.is-home{--mint:#E4F3EF;--mint-ink:#1F6B5C} /* 바탕은 서브와 같은 회색(대표 10/9) */
.is-home main.wrap{background:transparent;border:0;padding:26px 20px 72px}
.card{background:#fff;border-radius:0;border:1px solid #EFEAE2} /* 카드 모서리 없음 — PC·모바일 모두 (대표 10/9) */
.is-home .dateline{font-size:15px;font-weight:500;color:var(--sub);margin:0 0 14px}
.chip-sec{display:inline-block;font-size:13px;font-weight:700;color:var(--red-text);background:#FDEDEB;border-radius:999px;padding:3px 10px;margin-bottom:10px}
.chip-sec.sm{font-size:12px;padding:2px 8px;margin:0 6px 0 0;vertical-align:1px}
.is-home h2 a,.is-home h3 a{color:inherit}

.today{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:18px}
.today-lead{display:grid;grid-template-rows:auto 1fr;overflow:hidden}
.today-img{aspect-ratio:16/9;border-radius:0}
.today-text{padding:24px 28px 26px}
.today-text h2{font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin:0 0 12px}
.today-text p{font-size:16.5px;line-height:1.7;color:var(--sub);margin:0 0 14px;max-width:60ch}
.today-side{display:grid;grid-template-rows:repeat(3,1fr);gap:18px}
.side-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;padding:14px;overflow:hidden}
.side-card .thumb{aspect-ratio:1/1;border-radius:0}
.side-card h3{font-size:17px;font-weight:700;line-height:1.42;margin:6px 0 0;letter-spacing:-.01em}

.stages{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 0;padding:16px 20px;background:#fff;border:1px solid #EFEAE2;border-radius:0}
.stages strong{font-size:17px;font-weight:800;margin-right:6px}
/* 시기: 아이콘+글자 | 아이콘+글자 (버튼 배경 없음) */
.stages{gap:0}
.stages strong{margin-right:14px}
.stages>a.st{display:inline-flex;align-items:center;gap:7px;padding:4px 16px;font-weight:700;font-size:15px;color:var(--ink);position:relative}
.stages>a.st+a.st::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:#D5D9E0}
.stages>a.st img{width:30px;height:30px;object-fit:contain}
.stages>a.st:hover{color:var(--red-text)}
.stage-login{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:#FEE500;color:#191600;font-weight:700;font-size:14px}
.stage-login svg{width:18px;height:18px;fill:#191600}
.stage-login:hover{color:#191600;filter:brightness(.96)}
.stage-note{margin-left:auto;font-size:14px;color:var(--sub)}

.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.panel{padding:22px 24px 18px;display:flex;flex-direction:column}
.panel-h{display:flex;align-items:center;font-size:19px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}
.panel-more{margin-top:auto;padding-top:12px;font-size:14px;font-weight:700;color:var(--navy)}
.rank-list{list-style:none;margin:0;padding:0;counter-reset:r}
.rank-list li{counter-increment:r;display:grid;grid-template-columns:24px 1fr;gap:8px;padding:9px 0;border-bottom:1px dashed #ECE7DF;font-size:15.5px;font-weight:600;line-height:1.45}
.rank-list li:last-child{border-bottom:0}
.rank-list li::before{content:counter(r);font-weight:800;font-size:17px;color:var(--navy);line-height:1.35}
.rank-list li:nth-child(-n+3)::before{color:var(--red)}
.text-list,.exp-list{list-style:none;margin:0;padding:0}
.text-list li{padding:11px 0;border-bottom:1px dashed #ECE7DF;font-size:15.5px;font-weight:600;line-height:1.5}
.text-list li:last-child,.exp-list li:last-child{border-bottom:0}
.exp-list li{border-bottom:1px dashed #ECE7DF}
.exp-list li a{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;font-size:15.5px;font-weight:600;line-height:1.45}
.avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--mint);box-shadow:0 0 0 1px #EFEAE2}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}

.tools-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:22px;padding:22px 16px;background:#fff;border:1px solid #EFEAE2;border-radius:0}
.tools-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:14px;font-weight:700;color:var(--ink)}
.tool-ico{width:58px;height:58px;border-radius:50%;background:var(--mint);display:grid;place-items:center;transition:background .2s ease}
.tool-ico .bi{width:26px;height:26px;margin:0;stroke:var(--mint-ink)}
.tool-ill{width:64px;height:64px;object-fit:contain;transition:transform .2s ease}
.tools-grid a:hover .tool-ill{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.tool-ill{transition:none}.tools-grid a:hover .tool-ill{transform:none}}
.tools-grid a:hover{color:var(--navy)}
.tools-grid a:hover .tool-ico{background:#CDEBE3}

.sect{margin-top:40px}
.sect-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.sect-head h2{display:flex;align-items:center;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}
.sect-head .more{margin-left:auto;font-size:14px;font-weight:700;color:var(--navy)}
/* 베이비뉴스TV: 인스타 묶음과 같은 형식(대표 10/9 "유튜브도 하단에 인스타처럼") */
.tv-sect .tv-grid{margin-top:0}
.tv-sect figcaption{color:var(--ink);font-size:14.5px}
.tv-sect figcaption{margin-top:8px;font-weight:700;line-height:1.4}
.tv-sect figcaption span{display:block;color:var(--faint);font-size:13px;font-weight:500;margin-top:2px}
.tv-sect .tv-play{border-radius:0}
.tv-sect .tv-item iframe{border-radius:0}
.ig-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} /* 인스타 4개 — 쇼츠와 같은 줄 수 (대표 10/9) */
.ig-row .ig-card .thumb{aspect-ratio:4/5;border-radius:0}
.ig-row .ig-card strong{font-size:14px}
.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.series{padding:20px 22px 14px}
.series h3{display:flex;align-items:center;font-size:17px;font-weight:800;margin:0 0 4px;padding-bottom:10px;border-bottom:1px solid #EFEAE2}
.series ul{list-style:none;margin:0;padding:0}
.series li{padding:10px 0;border-bottom:1px dashed #ECE7DF;font-size:15px;font-weight:600;line-height:1.5}
.series li:last-child{border-bottom:0}
.deal-tag{display:inline-block;font-size:11.5px;font-weight:800;color:#8A5A00;background:#FFF1D6;border-radius:6px;padding:1px 6px;margin-right:6px;vertical-align:1px}
.notice-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:26px;padding:14px 22px;font-size:14.5px}
.notice-line strong{display:flex;align-items:center;font-weight:800}
.notice-line a{color:var(--sub)}

@media (max-width:1100px){
	.today{grid-template-columns:1fr}
	.today-side{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}
	.side-card{grid-template-columns:1fr;align-items:start}
	.side-card .thumb{aspect-ratio:16/10}
	.trio{grid-template-columns:1fr 1fr}
	.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:18px}
	.ig-row{grid-template-columns:repeat(2,minmax(0,1fr))}
	.series-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.is-home main.wrap{padding:14px 12px 56px}
	.card,.stages,.tools-grid{border-radius:16px}
	.today-text{padding:18px 18px 20px}
	.today-side{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -12px;padding:0 12px}
	.today-side::-webkit-scrollbar{display:none}
	.side-card{scroll-snap-align:start}
	.stages{padding:14px}
	.stages>a.st{padding:6px 10px;font-size:14px}.stages>a.st img{width:24px;height:24px}
	.stages strong{flex-basis:100%}
	.stage-login,.stage-note{margin-left:0;flex-basis:100%;justify-content:center}
	.trio{grid-template-columns:1fr}
	.tools-grid{padding:18px 8px}
	.tool-ill{width:52px;height:52px}
	.tools-grid a{font-size:13px}
	.ig-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:40%;overflow-x:auto;scrollbar-width:none}
	.series-grid{grid-template-columns:1fr}
	.sect-head h2{font-size:20px}
	/* 모바일: 카드 둥근 모서리 없음 · 양옆 여백 없음 (대표 10/9) — 인스타·유튜브도 동일 */
	.is-home main.wrap{padding:0 0 48px}
	.is-home .dateline{padding:14px 16px 0}
	.card,.stages,.tools-grid,.notice-line{border-radius:0;border-left:0;border-right:0}
	.today{gap:8px}
	.today-side{margin:0;padding:0 0 0 16px;gap:8px}
	.side-card .thumb{border-radius:0}
	.stages,.trio,.tools-grid{margin-top:8px}
	.trio{gap:8px}
	.series-grid{gap:8px}
	.sect{margin-top:24px}
	.sect-head{padding:0 16px}
	.ig-row,.tv-sect .tv-grid{gap:2px;padding:0;grid-auto-columns:44%}
	.ig-row .ig-card .thumb,.tv-sect .tv-play,.tv-sect .tv-item iframe{border-radius:0}
	.ig-row .ig-card strong,.ig-row .ig-meta,.tv-sect figcaption{padding:0 8px}
	.notice-line{margin-top:16px}
}


/* ───────── 관리자: 메뉴 · 기사쓰기 ───────── */
.adm-nav{display:flex;gap:4px;margin:0 0 18px;border-bottom:2px solid var(--ink)}
.adm-nav a{padding:10px 16px;font-weight:800;font-size:15px;color:var(--sub)}
.adm-nav a[aria-current="page"]{color:#fff;background:var(--navy)}
.adm-head h1 small{font-size:14px;font-weight:600;color:var(--faint);margin-left:8px}
.cmt-msg.is-err{background:#FDEDEB;color:var(--red-text)}
.wr-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.wr-f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.wr-f>span{font-size:13.5px;font-weight:800;color:var(--ink)}
.wr-f>span em{font-style:normal;font-weight:500;color:var(--faint);margin-left:6px}
.wr-f input,.wr-f textarea,.wr-f select{font:inherit;font-size:15px;padding:9px 11px;border:1px solid #CFD4DE;background:#fff;width:100%}
.wr-main input[name="title"]{font-size:22px;font-weight:800;padding:12px 14px}
.wr-f input:focus,.wr-f textarea:focus,.wr-f select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 2px var(--navy)}
.wr-side{position:sticky;top:90px}
.wr-box{border:1px solid var(--rule);background:#FAFBFD;padding:14px 16px;margin-bottom:12px}
.wr-box h2{font-size:15px;font-weight:800;margin:0 0 10px}
.wr-radio{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:12px;font-size:14px}
.wr-radio>span{flex-basis:100%;font-size:13.5px;font-weight:800}
.wr-radio em{font-style:normal;font-size:12px;color:var(--faint)}
.wr-c{display:flex;gap:6px;align-items:center;font-size:14px;margin:4px 0 12px}
.wr-save{width:100%;margin:0;height:44px;font-size:16px}
.wr-view{display:block;text-align:center;margin-top:8px;font-size:14px;font-weight:700;color:var(--navy)}
.wr-ai{width:100%;height:36px;margin-bottom:6px;background:#1F6B5C}
.wr-ai-note{font-size:12.5px;color:var(--sub);margin:0 0 10px;line-height:1.5}
.wr-revs{list-style:none;margin:0;padding:0;font-size:13px;color:var(--sub)}.wr-revs li{padding:4px 0}
.adm-table td.acts{white-space:nowrap}
.adm-edit{display:inline-block;font-size:13px;font-weight:700;padding:6px 10px;border:1px solid var(--rule);margin-right:6px}
@media (max-width:1000px){.wr-grid{grid-template-columns:1fr}.wr-side{position:static}}

/* ───────── 관리자: 기사전송 ───────── */
.adm-secrets{border:1px solid var(--rule);padding:12px 16px;margin:0 0 16px;background:#FAFBFD}
.adm-secrets summary{cursor:pointer;font-weight:800}
.sec-form fieldset{border:1px solid var(--rule);margin:10px 0;padding:10px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sec-form legend{font-weight:800;padding:0 6px}
.sec-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--sub)}
.sec-form input:not([type=checkbox]),.sec-form select{font:inherit;height:36px;padding:0 8px;border:1px solid #CFD4DE}
.sec-form label.chk{grid-column:1/-1;flex-direction:row;align-items:center;gap:6px;color:var(--ink)}
.sec-form label.chk em{font-style:normal;font-weight:500;color:var(--red-text)}
.sec-check{margin-top:8px}

.adm-head h1{display:flex;align-items:center;font-size:26px;font-weight:800;margin:0 0 6px}
.adm-note{color:var(--sub);font-size:14.5px;margin:0 0 10px}
.adm-vendors{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.adm-vendors li{font-size:13px;font-weight:700;padding:4px 10px;border:1px solid var(--rule)}
.adm-vendors li.on{border-color:#1F6B5C;color:#1F6B5C}.adm-vendors li span{font-weight:500;color:var(--faint);margin-left:4px}
.adm-bar{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
.adm-bar select{font:inherit;height:38px;padding:0 8px;border:1px solid #CFD4DE}
.adm-send,.adm-one{font:inherit;font-weight:800;border:0;cursor:pointer;background:var(--navy);color:#fff}
.adm-send{height:38px;padding:0 16px;margin-left:auto}
.adm-one{height:32px;padding:0 10px;font-size:13px;white-space:nowrap}
.adm-send:hover,.adm-one:hover{background:#03C75A}
.adm-table{width:100%;border-collapse:collapse;font-size:14px}
.adm-table th{font-size:13px;color:var(--sub);text-align:left;padding:8px 6px;border-bottom:1px solid var(--rule);white-space:nowrap}
.adm-table td{padding:9px 6px;border-bottom:1px solid var(--rule);vertical-align:middle}
.adm-table td.t{font-weight:600}.adm-table td.d{color:var(--sub);white-space:nowrap}
.adm-table td.s{font-size:12.5px;font-weight:700;color:var(--faint);white-space:nowrap}
.adm-table td.s.sent{color:#1F6B5C}.adm-table td.s.queued{color:#8A5A00}.adm-table td.s.failed{color:var(--red-text)}

/* ═════════ 기사 화면 카드형 (대표 10/9 "본문 카드와 옆 콘텐츠 카드 분리, 각 콘텐츠도 상하 카드형") ═════════
   회색 바탕 위에 본문 카드 · 오른쪽 콘텐츠 카드 · 아래 콘텐츠 카드가 각각 떨어져 쌓인다. 모서리 없음(대표 지시), 그림자 없음 */
.is-article main.wrap{background:transparent;border:0;padding:14px 20px 14px;margin-top:0;margin-bottom:0} /* 위아래 여백 = 카드 사이 간격 14px (대표 10/9) */
.is-article .article-page{padding-top:0!important;column-gap:14px!important;justify-content:start!important} /* 본문은 로고 아래에서 시작(왼쪽 정렬, 대표 10/9) */ /* 본문 카드와 옆 카드 사이 최소 (대표 10/9) */
.is-article .art-main{display:flex;flex-direction:column;gap:14px}
.is-article .art-main>*{margin:0!important;background:#fff;border:1px solid #E2E5EC;padding:28px 32px}
.is-article .art-main>script{display:none}
.is-article .art-main>.article{padding:36px 40px 32px}
.is-article .art-rail{display:flex;flex-direction:column;gap:14px;padding-top:0}
.is-article .art-rail>*{margin:0!important;background:#fff;border:1px solid #E2E5EC;padding:18px 20px}
.is-article .art-rail ul,.is-article .art-rail ol{margin-bottom:0}
.is-article .share{border-top:1px solid #E2E5EC;border-bottom:1px solid #E2E5EC}
.is-article .comments h2,.is-article .bottom-block h2,.is-article .cp-box h2,.is-article .qa-box h2{margin-top:0}
.is-article .art-tools{background:#fff}
@media (max-width:640px){
	.is-article main.wrap{padding:0 0 40px}
	.is-article .art-main,.is-article .art-rail{gap:8px}
	.is-article .art-main>*,.is-article .art-rail>*{border-left:0;border-right:0;padding:20px 16px}
	.is-article .art-main>.article{padding:22px 16px}
	.is-article .art-tools{margin:12px 16px!important}
	.is-article .art-rail{margin-top:8px}
}

/* 메인도 기사 화면과 같은 간격 — 머리 아래·카드 사이·묶음 사이 모두 14px (대표 10/9 "메인도 동일") */
.is-home main.wrap{padding:14px 20px 14px!important;margin-top:0!important;margin-bottom:0!important}
.is-home .dateline{display:none}
.home-mod{display:flex;justify-content:flex-end;margin:0 0 10px!important;line-height:1}
.is-home .today,.is-home .today-side,.is-home .trio,.is-home .series-grid,.is-home .ig-row,.is-home .tv-grid{gap:14px!important}
.is-home .stages,.is-home .trio,.is-home .tools-grid,.is-home .sect,.is-home .notice-line{margin-top:14px!important}
.is-home .sect-head{margin-bottom:10px}
@media (max-width:640px){.home-mod{padding:4px 16px 0;margin-bottom:8px!important;font-size:12.5px}.is-home main.wrap{padding:8px 0 8px!important}.is-home .today,.is-home .trio,.is-home .series-grid{gap:8px!important}.is-home .stages,.is-home .trio,.is-home .tools-grid,.is-home .sect,.is-home .notice-line{margin-top:8px!important}}

/* 기자 줄: 베이비뉴스 사각 로고를 원형으로 — 누르면 기자에게 이메일 (대표 10/9) */
.reporter{display:flex;align-items:center;gap:10px}
.rep-mail{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--rule);transition:transform .15s ease}
.rep-mail img{width:100%;height:100%;display:block}
.rep-mail:hover{transform:scale(1.08)}
.rep-mail-t{position:relative;padding-left:12px;font-size:14px;font-weight:500;color:var(--sub)} /* 프사 · 기자 이름 ㅣ 메일 (대표 10/9) */
.stamp-r{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--faint)} /* 입력 시각 — 기자 줄 오른쪽 (대표 10/9) */
.stamp-r svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.stamp-r span+span::before{content:"";display:inline-block;width:1px;height:10px;background:var(--rule);margin:0 8px}
@media (max-width:640px){.reporter{flex-wrap:wrap}.stamp-r{margin-left:0;flex-basis:100%;padding-left:44px}}
.rep-mail-t::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#CFD4DE}
.rep-mail-t:hover{color:var(--red-text)}
@media (prefers-reduced-motion:reduce){.rep-mail{transition:none}.rep-mail:hover{transform:none}}
/* 육아Q&A */
.qa-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}
.qa-bands{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.qa-bands a{padding:7px 14px;border:1px solid var(--rule);background:#fff;font-size:14px;font-weight:700;border-radius:999px}
.qa-bands a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff}
.qa-filter input{font:inherit;height:38px;padding:0 12px;border:1px solid #CFD4DE;min-width:240px}
.qa-filter button{font:inherit;font-weight:800;height:38px;padding:0 16px;border:0;background:var(--navy);color:#fff;cursor:pointer}
.qa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qa-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid #E2E5EC}
.qa-card strong{font-size:17px;font-weight:800;line-height:1.4}
.qa-card .qa-sum{font-size:14px;color:var(--sub);line-height:1.6}
.qa-card .qa-exp{margin-top:auto}
.qa-card:hover strong{color:var(--red-text)}
.qa-a{width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:#fff;font-weight:800;font-size:16px;flex:none}
.qa-question,.qa-direct{display:flex;gap:12px;align-items:flex-start;margin:18px 0}
.qa-question p,.qa-direct p{margin:0;font-size:17px;line-height:1.8}
.qa-direct{background:#FFF6F5;padding:16px;border-left:0}
.qa-direct strong{display:block;font-size:14px;color:var(--red-text);margin-bottom:2px}
.qa-img img{width:100%;height:auto}
.qa-expert{display:flex;gap:12px;align-items:center;margin:20px 0;padding:14px;border:1px solid var(--rule)}
.qa-expert img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.qa-expert strong{display:block;font-size:16px}.qa-expert span{font-size:13.5px;color:var(--sub)}
.qa-full{display:block;text-align:center;padding:14px;background:var(--navy);color:#fff!important;font-weight:800}
.qa-more{list-style:none;margin:0;padding:0}
.qa-more li a{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);font-weight:600}
@media (max-width:1000px){.qa-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.qa-grid{grid-template-columns:1fr;gap:8px}.qa-filter input{min-width:0;flex:1}
	/* 연령 단추는 한 줄 가로로, 넘치면 옆으로 밀어 본다 (대표 10/11) */
	.qa-bands{flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
	.qa-bands::-webkit-scrollbar{display:none}.qa-bands a{flex:none;white-space:nowrap;padding:7px 13px}}

/* Q 아이콘 — 오렌지 말풍선 (대표 10/9) */
.qa-q{width:34px!important;height:34px!important;display:grid!important;place-items:center;flex:none;background:#F16531!important;color:#fff!important;font-weight:800;font-size:17px;line-height:1;border-radius:50% 50% 50% 8px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08);font-family:'Noto Sans KR',"Freesentation",sans-serif}
.qa-more .qa-q{width:28px!important;height:28px!important;font-size:14px}

/* 목록 제목 앞 가운뎃점 (대표 10/9) */
.series li,.art-rail ul li{position:relative;padding-left:14px}
.series li::before,.art-rail ul li::before{content:"·";position:absolute;left:2px;top:9px;font-weight:800;color:var(--faint);line-height:1.5}
.art-rail ul li::before{top:11px}

/* ───────── 반응형 ───────── */
@media (max-width:1240px){
	.masthead .wrap{padding-top:12px}
	.search{margin-left:auto}
	.secnav{order:3;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;border-top:1px solid var(--rule)}
	.secnav a{padding:12px 9px 10px}
	.art-tools{top:130px}
	html{scroll-padding-top:130px}
}
@media (max-width:1460px){
	.art-tools{position:static;grid-column:1;flex-direction:row;border-radius:999px;width:max-content;margin:0 0 14px;padding:0 6px;order:-1}
	.art-tools button,.art-tools .tool-link{flex-direction:row;gap:6px;padding:8px 12px;min-height:44px}
	.art-tools button+button,.art-tools .tool-link{border-top:0;border-left:1px solid var(--rule)}
	.art-main{grid-column:1}
	.art-rail{grid-column:2;grid-row:1 / span 2}
	.article-page{grid-template-rows:auto 1fr}
}
@media (max-width:1300px){
	.article-page{grid-template-columns:minmax(0,var(--read)) 280px;gap:0 36px}
	.art-tools{position:static;grid-column:1;flex-direction:row;border-radius:999px;width:max-content;margin:0 0 14px;padding:0 6px;order:-1}
	.art-tools button{flex-direction:row;gap:6px;padding:8px 12px}
	.art-tools button+button{border-top:0;border-left:1px solid var(--rule)}
	.art-main{grid-column:1}
	.article-page{grid-template-rows:auto 1fr}
	.art-tools button,.art-tools .tool-link{min-height:44px}
	.art-rail{grid-column:2;grid-row:1 / span 2}
	.body figure{margin:28px 0}.body figcaption{margin:8px 0 0}
}
@media (max-width:1000px){
	html{scroll-padding-top:0}
	.col-row,.shop-row{grid-template-columns:1fr}
	.photo-row>div{grid-template-columns:repeat(3,minmax(0,1fr))}
	.notice ul{grid-template-columns:1fr}
	.front{grid-template-columns:1fr}
	.front-rail{border-left:0;padding-left:0;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
	.strip{grid-template-columns:repeat(2,minmax(0,1fr))}
	.sections{grid-template-columns:repeat(2,minmax(0,1fr))}
	.article-page{grid-template-columns:minmax(0,1fr)}
	.art-rail{grid-column:1;grid-row:auto;margin-top:40px}
}
@media (max-width:640px){
	.wrap{padding:0 16px}
	main.wrap{margin:0 0 32px;padding:16px 16px 48px;border:0}
	.masthead .logo img{height:36px}
	.search{padding-left:10px}.search input{width:84px}
	.secnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:8px -16px 0;padding:0 8px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
	.secnav::-webkit-scrollbar{display:none}
	.secnav a{font-size:15px;padding:10px 8px 9px}
	.photo-row>div{grid-template-columns:repeat(2,minmax(0,1fr))}
	.mv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ig-card strong{font-size:13px}.ig-meta{display:none}
	.col-box li a,.rail-col li a{grid-template-columns:60px minmax(0,1fr)}
	.lead{grid-template-columns:1fr;gap:14px}
	.lead-img{order:-1;aspect-ratio:16/10;margin:0 -16px}
	.split{grid-template-columns:1fr}
	.feature{border-left:0;padding-left:0;border-top:1px solid var(--rule)}
	.titles li{font-size:17px;padding:14px 0}
	.front-rail{grid-template-columns:1fr}
	.strip{gap:22px 14px}.strip h3{font-size:15px}
	.sections{grid-template-columns:1fr}
	.row{grid-template-columns:minmax(0,1fr) 108px;gap:14px;padding:16px 0}
	.row h2{font-size:18px}.row p{display:none}
	.list-head h1{font-size:26px}
	.body{font-size:17px}.body.fs-l{font-size:19px}.body.fs-xl{font-size:21px}
	.body figure{margin:24px -16px}.body figcaption{margin:8px 16px 0}
	.f-addr ul{flex-direction:column;gap:6px}
	/* 모바일 푸터 최소화 (대표 10/9): 로고·주요 링크 4개·연락처만, 라플 도구 줄은 숨기고 사업자 정보는 접는다 */
	.site-footer{padding:24px 0 30px;font-size:13px}
	.f-top{gap:10px;padding-bottom:12px}.f-top img{height:30px}
	.f-nav{gap:4px 14px;font-size:13px}.f-nav a:nth-child(n+5):not([href*="privacy"]):not([href*="terms"]){display:none}
	.f-links{display:none}
	.f-contact li:nth-child(1),.f-contact li:nth-child(3),.f-contact li:nth-child(4){display:none}
	.f-addr{padding-top:12px}
	.f-biz summary{display:block;cursor:pointer;color:#97A0C9;margin:6px 0;list-style:revert}
	.f-biz ul{margin-top:6px}
}
@media print{
	.masthead,.art-tools,.art-rail,.site-footer,.comments,.bottom-block,.skip{display:none}
	body{background:#fff}
	main.wrap{max-width:none;margin:0;padding:0;border:0}
	.article-page{display:block}
	.body figure{margin:20px 0!important}
	.body figure,.body img{break-inside:avoid}
	.article h1,.body h2,.body h3{break-after:avoid}
	.body a[href^="http"]::after{content:" (" attr(href) ")";font-size:12px;color:#555}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* A 아이콘 — 전문가 이름 앞 (대표 10/9 "A는 전문가 앞에"). Q 와 같은 말풍선, 테두리형으로 구분 */
.qa-exp{display:inline-flex!important;align-items:center;gap:6px}
.qa-exp::before{content:"A";display:grid;place-items:center;flex:none;width:20px;height:20px;border:1.5px solid #F16531;color:#F16531;background:#fff;font-weight:800;font-size:12px;line-height:1;border-radius:50% 50% 8px 50%}
.qa-a{width:34px!important;height:34px!important;background:#fff!important;border:2px solid #F16531;color:#F16531!important;font-size:17px;border-radius:50% 50% 8px 50%}
/* 육아Q&A 목록도 기사처럼 오른쪽 기둥 — 카드는 2열 */
.is-article .qa-page .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:640px){.is-article .qa-page .qa-grid{grid-template-columns:1fr}}

/* 현재 메뉴 표시 — 머리 아래 선은 읽기 진행 막대만 쓰고, 현재 메뉴는 글자 바로 밑 짧은 밑줄 (대표 10/9 "오렌지 겹침 해결") */
.secnav a[aria-current="page"]{box-shadow:none!important;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:7px}

/* 섹션 목록 — 사진을 왼쪽으로 (대표 10/9 "카테고리 메인 사진을 좌측으로") */
.row{grid-template-columns:220px minmax(0,1fr)}
.row>.thumb{order:-1}
.row:not(:has(>.thumb)){grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){.row{grid-template-columns:108px minmax(0,1fr)}.row:not(:has(>.thumb)){grid-template-columns:minmax(0,1fr)}}

/* ═════════ 메인 뉴스 편집판 (대표 10/9 "뉴스 메인이 너무 뉴스같지 않음", 비서실장 PASS) ═════════
   [톱기사 | 주요 뉴스 | 최신 뉴스 · 많이 본 뉴스] → 분야별 뉴스 3열 → 칼럼 → 시기 · 도구 · 연재 · 인스타 · TV */
.hl{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.95fr);grid-template-areas:"top main live" "top main rank";gap:14px;align-items:stretch}
.hl-top{grid-area:top;display:flex;flex-direction:column}
.hl-main{grid-area:main;padding:20px 22px}
.hl-live{grid-area:live;padding:20px 22px 14px}
.hl-rank{grid-area:rank;padding:20px 22px 14px}
.hl-text{padding:20px 24px 22px}
.hl-sec{display:inline-block;font-size:13.5px;font-weight:800;color:var(--red-text);margin-bottom:8px}
.hl-text h2{font-size:clamp(25px,2.3vw,32px);font-weight:800;line-height:1.3;letter-spacing:-.035em;margin:0 0 10px}
.hl-text h2 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.hl-text p{font-size:15.5px;line-height:1.65;color:var(--sub);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hl-text .meta{display:flex;gap:10px;font-size:13px;color:var(--sub)}
.hl-rel{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--rule)}
.hl-rel li{position:relative;padding:5px 0 5px 12px;font-size:15.5px;font-weight:600;line-height:1.45}
.hl-rel li::before{content:"";position:absolute;left:0;top:14px;width:4px;height:4px;background:var(--navy)}
.hl-list{list-style:none;margin:0;padding:0}
.hl-list li{border-bottom:1px solid #EEF0F4}
.hl-list li:last-child{border-bottom:0}
.hl-list li a{display:block;padding:10px 0;font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.01em}
.hl-list li.has-img a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding-top:4px}
.hl-list .thumb{aspect-ratio:4/3}
.hl-list em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--red-text);margin-right:7px}
.hl-list a:hover span,.live-list a:hover,.sec-col a:hover{color:var(--red-text)}
.panel-h .panel-more-r{margin-left:auto;font-size:13px;font-weight:700;color:var(--sub)}
.live-list{list-style:none;margin:0;padding:0}
.live-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:7px 0;font-size:14.5px;font-weight:600;line-height:1.45}
.live-list li a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.live-list time{font-size:13px;font-weight:800;color:var(--red-text);font-variant-numeric:tabular-nums;padding-top:1px}
.hl-rank .rank-list li{padding:7px 0;font-size:14.5px}
.hl-rank .rank-list li a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sec-col{padding:20px 22px 12px}
.sec-col h3{display:flex;align-items:center;font-size:18px;font-weight:800;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.sec-first{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #EEF0F4}
.sec-first:not(:has(.thumb)){grid-template-columns:1fr}
.sec-first .thumb{aspect-ratio:4/3}
.sec-first strong{font-size:16px;font-weight:800;line-height:1.42}
.sec-col ul{list-style:none;margin:0;padding:0}
.sec-col li{padding:8px 0;font-size:15px;font-weight:600;line-height:1.45;border-bottom:1px solid #EEF0F4}
.sec-col li:last-child{border-bottom:0}
.col-row{margin-top:14px;padding:20px 22px 12px}
.col-row .exp-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}
.col-row .exp-list li{border-bottom:0}
@media (max-width:1100px){
	.hl{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"top main" "live rank"}
	.sec-grid{grid-template-columns:1fr 1fr}
	.col-row .exp-list{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	/* 모바일: 톱기사 → 최신 → 많이 본 → 주요 → 분야별 (비서실장 권고) */
	.hl{grid-template-columns:1fr;grid-template-areas:"top" "live" "rank" "main";gap:8px}
	.hl-top,.hl-main,.hl-live,.hl-rank,.sec-col,.col-row{border-left:0;border-right:0}
	.hl-text{padding:16px}
	.hl-main,.hl-live,.hl-rank,.sec-col,.col-row{padding:16px}
	.sec-grid{grid-template-columns:1fr;gap:8px}
	.col-row{margin-top:8px}
	.col-row .exp-list{grid-template-columns:1fr}
}
.is-home .sec-grid,.is-home .hl{gap:14px}
@media (max-width:640px){.is-home .sec-grid,.is-home .hl{gap:8px}}

/* 톱 묶음 — 연합뉴스 포맷 (대표 10/9 "메인뉴스 포맷 참고"): 큰 사진+큰 제목 | 사진 기사 2×2, 관련 제목은 점 목록 */
.front{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 40px;padding:28px 30px 26px}
.front .thumb{display:block;overflow:hidden;background:#EEF0F4}
.front .thumb img{width:100%;height:100%;object-fit:cover}
.front-lead .thumb{aspect-ratio:3/2}
.front-lead h2{font-size:clamp(28px,2.7vw,40px);font-weight:800;line-height:1.28;letter-spacing:-.04em;margin:18px 0 12px}
.front-sum{font-size:16.5px;line-height:1.6;color:#333;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.front-rel{list-style:none;margin:8px 0 0;padding:0}
.front-rel li{position:relative;padding:3px 0 3px 13px;font-size:15px;line-height:1.5;color:#444}
.front-rel li::before{content:"";position:absolute;left:2px;top:12px;width:4px;height:4px;border-radius:50%;background:#666}
.front-rel a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.front-tiles{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-content:start}
.front-tile .thumb{aspect-ratio:16/10}
.front-tile h3{font-size:19px;font-weight:800;line-height:1.42;letter-spacing:-.03em;margin:12px 0 4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.front-tile .front-rel li{font-size:14px}
.front h2 a:hover,.front h3 a:hover,.front-rel a:hover{text-decoration:underline;text-underline-offset:3px}
.is-home .hl{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:none;margin-top:14px}
.is-home .hl>*{grid-area:auto}
@media (max-width:1100px){.front{grid-template-columns:1fr;gap:24px}.is-home .hl{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
	.front{padding:0 0 16px;border-left:0;border-right:0;gap:16px}
	.front-lead h2{font-size:25px;margin:14px 16px 8px}
	.front-lead .front-sum,.front-lead .front-rel{margin-left:16px;margin-right:16px}
	.front-tiles{gap:18px 12px;padding:0 16px}
	.front-tile h3{font-size:16px}
	.front-tile .front-rel{display:none}
	.is-home .hl{grid-template-columns:1fr;margin-top:8px}
	.is-home .hl-main{order:3}
}

/* 주요·최신·많이 본 — 가로 2단 (대표 10/9): 왼쪽 주요 뉴스, 오른쪽 최신 뉴스 위 · 많이 본 뉴스 아래 */
.is-home .hl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"main live" "main rank"}
.is-home .hl-main{grid-area:main}.is-home .hl-live{grid-area:live}.is-home .hl-rank{grid-area:rank}
.is-home .live-list li a,.is-home .hl-rank .rank-list li a{-webkit-line-clamp:1}
@media (max-width:640px){.is-home .hl{grid-template-columns:1fr;grid-template-areas:"live" "rank" "main"}}
/* 최신 뉴스 시각 빼고 점 목록 (대표 10/9) */
.is-home .live-list li{display:block;position:relative;padding-left:12px}
.is-home .live-list li::before{content:"";position:absolute;left:1px;top:15px;width:4px;height:4px;border-radius:50%;background:var(--red)}

/* 인스타·유튜브 아이콘 줄 (대표 10/9) */
.ig-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.sns-meta{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--sub);margin-top:2px}
.sns-meta span{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.sns-meta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sns-meta .sm-likes svg{stroke:#E9483F}
.sns-share{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:0;background:none;color:var(--sub);cursor:pointer;padding:0}
.sns-share:hover{color:var(--navy)}
.sns-share.is-done{color:#1F8A5B}
.sns-share:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
figcaption .sns-meta{font-weight:600}
@media (max-width:640px){.sns-meta{gap:10px;font-size:12px;padding:0 8px}.ig-grid .sns-meta{padding:0}}

/* 각 단 첫 기사 사진 (대표 10/9) */
.hl-feat{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;padding:2px 0 14px;margin-bottom:4px;border-bottom:1px solid #EEF0F4}
.hl-feat .thumb{aspect-ratio:3/2}
.hl-feat strong{font-size:17px;font-weight:800;line-height:1.42;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hl-feat em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--red-text);margin-right:7px}
.hl-feat:hover strong{color:var(--red-text)}
@media (max-width:640px){.hl-feat{grid-template-columns:120px minmax(0,1fr)}.hl-feat strong{font-size:16px}}

/* ═════════ 관리자 — 왼쪽 메뉴 + 대시보드 (대표 10/9 "엔디처럼 대시보드, 전문적으로") ═════════ */
.is-admin main.wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 28px;align-items:start;max-width:none;width:100%;background:transparent;border:0;padding:0 24px 40px 0;margin:0} /* 10/11 대표님 "가로 사이즈 확대, 웍스 포맷" — 웍스처럼 왼쪽 메뉴 250px + 본문 전체 폭 */
.is-admin main.wrap>*{grid-column:2}
.is-admin .adm-nav{grid-column:1;grid-row:1 / span 20;position:sticky;top:86px;display:flex;flex-direction:column;gap:2px;margin:0;border:0;background:var(--navy);padding:14px 10px 16px;min-height:calc(100vh - 120px)}
.is-admin .adm-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;font-size:15px;font-weight:700;color:#C9CFEA}
.is-admin .adm-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
.is-admin .adm-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.14);box-shadow:inset 3px 0 0 #F16531}
.is-admin .adm-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.is-admin .adm-nav .adm-brand{color:#fff;font-size:16px;font-weight:800;padding:6px 12px 16px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.14)}
.is-admin .adm-nav .adm-brand:hover{background:none}
.is-admin .adm-nav .adm-brand img{border-radius:50%;background:#fff}
.is-admin .adm-nav .adm-site{margin-top:auto;font-size:14px}
.is-admin main.wrap>section.adm{background:#fff;border:1px solid #E2E5EC;padding:24px 28px}
.is-admin main.wrap>section.adm.dash{background:transparent;border:0;padding:0}
.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.dash-head h1{font-size:26px;font-weight:800;margin:0}
.dash-head p{margin:2px 0 0;color:var(--sub);font-size:14px}
.dash-quick{display:flex;gap:8px}
.dash-quick a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:1px solid #CFD4DE;background:#fff;font-weight:800;font-size:14.5px}
.dash-quick a.q-main{background:var(--red);border-color:var(--red);color:#fff}
.dash-quick svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:14px}
.kpi-c{background:#fff;border:1px solid #E2E5EC;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.kpi-c span{font-size:13.5px;font-weight:700;color:var(--sub)}
.kpi-c strong{font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.kpi-c em{font-style:normal;font-size:12.5px;color:var(--faint)}
.kpi-c em.up{color:#1F8A5B}.kpi-c em.down{color:var(--red-text)}
.kpi-c.warn{border-color:#F3B4AF}.kpi-c.warn strong{color:var(--red-text)}
.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dash-card{background:#fff;border:1px solid #E2E5EC;padding:18px 20px;min-width:0}
.dash-card.span2{grid-column:span 2}
.dash-card h2{display:flex;align-items:center;font-size:16.5px;font-weight:800;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.dash-card h2 a{margin-left:auto;font-size:13px;font-weight:700;color:var(--sub)}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;height:190px;align-items:end;padding-top:6px}
.bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.bar i{display:block;width:60%;max-width:46px;min-height:3px;background:#C9CFEA}
.bar.is-today i{background:var(--navy)}
.bar b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.bar span{font-size:12px;color:var(--sub);white-space:nowrap}
.vendor-st{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.vendor-st li{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700}
.vendor-st em{font-style:normal;font-weight:500;color:var(--faint);font-size:12.5px}
.vendor-st .dot{width:8px;height:8px;border-radius:50%;background:#CFD4DE}.vendor-st .dot.on{background:#1F8A5B}
.log-list,.cmt-mini,.hbars{list-style:none;margin:0;padding:0}
.log-list li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #EEF0F4;font-size:13.5px}
.log-list .lt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.log-list time{font-size:12px;color:var(--faint)}
.log-list .st{font-size:12px;font-weight:800;text-align:center;padding:2px 0;background:#EEF0F4;color:var(--sub)}
.log-list .st.sent{background:#E3F4EC;color:#1F6B5C}.log-list .st.failed{background:#FDEDEB;color:var(--red-text)}.log-list .st.queued{background:#FFF4DC;color:#8A5A00}
.log-list .empty,.cmt-mini .empty{grid-template-columns:1fr;color:var(--faint);font-size:13.5px;padding:10px 0}
.dash-card .adm-table td.t a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.dash-card .adm-table td.num{text-align:right;font-variant-numeric:tabular-nums}
.dash-card .rank-list li{grid-template-columns:24px minmax(0,1fr) auto;font-size:14px;padding:7px 0}
.dash-card .rank-list li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-card .rank-list li em{font-style:normal;font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}
.hbars li{display:grid;grid-template-columns:86px minmax(0,1fr) 34px;gap:10px;align-items:center;padding:6px 0;font-size:13.5px;font-weight:600}
.hbars span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbars i{display:block;height:10px;background:var(--navy);min-width:3px}
.hbars b{text-align:right;font-variant-numeric:tabular-nums}
.cmt-mini li{padding:8px 0;border-bottom:1px solid #EEF0F4}
.cmt-mini p{margin:0 0 3px;font-size:14px;line-height:1.5}
.cmt-mini span{font-size:12px;color:var(--faint)}
@media (max-width:1200px){.kpi{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr 1fr}.dash-card.span2{grid-column:span 2}}
@media (max-width:860px){.is-admin main.wrap{grid-template-columns:1fr}.is-admin main.wrap>*{grid-column:1}.is-admin .adm-nav{grid-row:auto;position:static;min-height:0;flex-direction:row;flex-wrap:wrap}.is-admin .adm-nav .adm-site{margin-top:0}.kpi{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.dash-card.span2{grid-column:auto}.dash-card .adm-table th:nth-child(2),.dash-card .adm-table td:nth-child(2),.dash-card .adm-table th:nth-child(3),.dash-card .adm-table td:nth-child(3){display:none}}
/* 모바일은 목록 앞 가운뎃점 없음 (대표 10/9) */
@media (max-width:640px){
	.series li,.art-rail ul li,.is-home .live-list li,.front-rel li,.hl-rel li{padding-left:0}
	.series li::before,.art-rail ul li::before,.is-home .live-list li::before,.front-rel li::before,.hl-rel li::before{content:none;display:none}
}
/* 모바일은 블록 제목 아래 굵은 선 없음 (대표 10/9) */
@media (max-width:640px){
	.rank h2,.tools h2,.art-rail h2,.sec-box h2,.comments h2,.bottom-block h2,.cp-box h2,.qa-box h2,.sec-col h3{border-bottom:0!important;padding-bottom:0!important;margin-bottom:12px!important}
}
.is-admin main.wrap>.adm-nav{grid-column:1;grid-row:1}
.is-admin main.wrap>section{grid-row:1}
@media (max-width:860px){.is-admin main.wrap>.adm-nav,.is-admin main.wrap>section{grid-column:1;grid-row:auto}}

/* 앱 설치 안내 — 휴대폰 아래쪽 (대표 10/9 "스마트폰 다운로드 가능하게") */
.app-install{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:44px minmax(0,1fr) auto 32px;gap:10px;align-items:center;padding:10px 8px 10px 12px;background:#fff;border:1px solid #E2E5EC;box-shadow:0 6px 24px rgba(20,24,60,.16)}
.app-install[hidden]{display:none}
.app-install img{border-radius:10px}
.app-install p{margin:0;line-height:1.3}
.app-install strong{display:block;font-size:15px;font-weight:800}
.app-install span{font-size:12.5px;color:var(--sub)}
.app-install .ai-go{height:36px;padding:0 16px;border:0;background:var(--navy);color:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer}
.app-install .ai-x{width:32px;height:32px;border:0;background:none;display:grid;place-items:center;color:var(--faint);cursor:pointer;padding:0}
.app-install .ai-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.app-install .ai-tip{grid-column:1 / -1;font-size:13.5px;color:var(--ink);background:#F4F6FA;padding:8px 10px}
.app-install .ai-tip[hidden]{display:none}

/* ═════════ 많이 본 뉴스 — 한겨레 모바일 형식 (대표 10/9): 분야 탭 · 큰 순위 숫자 · 굵은 제목 · 오른쪽 사진 ═════════ */
.rk-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 6px;padding-bottom:2px}
.rk-tabs::-webkit-scrollbar{display:none}
.rk-tabs button{flex:none;height:32px;padding:0 14px;border:0;border-radius:999px;background:#EEF0F4;color:var(--sub);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.rk-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.rk-tabs button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.rk-list{list-style:none;margin:0;padding:0}
.rk-list li{border-bottom:1px solid #EEF0F4}
.rk-list li:last-child{border-bottom:0}
.rk-list a{display:grid;grid-template-columns:26px minmax(0,1fr) 84px;gap:10px;align-items:center;padding:10px 0}
.rk-n{font-size:20px;font-weight:500;line-height:1;color:var(--ink);align-self:start;padding-top:2px;font-variant-numeric:tabular-nums}
.rk-list li:nth-child(-n+3) .rk-n{color:var(--red)}
.rk-t{font-size:15px;font-weight:700;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rk-img{aspect-ratio:3/2;grid-column:3}
.rk-list a:hover .rk-t{color:var(--red-text)}
.mv-grid .rk-n{display:none}
.mv-grid article:nth-child(5){display:none}
@media (max-width:640px){
	/* 모바일: 제목·사진 위주로 크게, 분류 꼬리표 없이 (대표 10/9) */
	.rk-tabs{margin:2px -16px 4px;padding:0 16px 2px;gap:8px}
	.rk-tabs button{height:38px;padding:0 18px;font-size:15.5px}
	.rk-list a{grid-template-columns:30px minmax(0,1fr) 38%;gap:12px;padding:16px 0}
	.rk-n{font-size:30px;font-weight:400;padding-top:0}
	.rk-list li:nth-child(-n+3) .rk-n{color:var(--ink)}
	.rk-t{font-size:18.5px;font-weight:600;line-height:1.45;letter-spacing:-.02em;-webkit-line-clamp:3}
	.rk-img{aspect-ratio:16/10}
	/* 기사 하단 많이 본 뉴스도 같은 줄 형식 */
	.mv-grid{grid-template-columns:1fr!important;gap:0!important}
	.mv-grid article{display:grid;grid-template-columns:30px minmax(0,1fr) 38%;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #EEF0F4}
	.mv-grid article:last-child{border-bottom:0}
	.mv-grid article:nth-child(5){display:grid}
	.mv-grid .rk-n{display:block;grid-column:1;grid-row:1}
	.mv-grid .thumb{grid-column:3;grid-row:1;margin:0!important;aspect-ratio:16/10}
	.mv-grid h3{grid-column:2;grid-row:1;font-size:18.5px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
	/* 분류 꼬리표(정책·단독·섹션 칩) 숨김 */
	.hl-list em,.hl-feat em,.chip-sec,.hl-sec,.row .kicker{display:none!important}
}

/* 메인 육아Q&A 카드 (대표 10/9 "칼럼 카드 빼고 육아Q&A") */
.home-qa{margin-top:14px;padding:20px 22px 10px}
.home-qa .hq-sub{font-size:13.5px;font-weight:600;color:var(--sub);margin-left:8px}
.hq-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.hq-list li{border-top:1px solid #EEF0F4}
.hq-list li:nth-child(-n+3){border-top:0}
.hq-list a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px 0;align-items:start}
.hq-list strong{display:block;font-size:16px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hq-list .qa-exp{font-size:12.5px;margin-top:6px}
.hq-list a:hover strong{color:var(--red-text)}
@media (max-width:1100px){.hq-list{grid-template-columns:1fr 1fr}.hq-list li:nth-child(3){border-top:1px solid #EEF0F4}}
@media (max-width:640px){.home-qa{margin-top:8px;padding:16px;border-left:0;border-right:0}.hq-list{grid-template-columns:1fr}.hq-list li:nth-child(2){border-top:1px solid #EEF0F4}.hq-list strong{font-size:17px}.home-qa .hq-sub{display:none}}

/* 메인 목록 모두 많이 본 뉴스 형식 — 순위 없는 줄은 제목 · 사진 두 칸 (대표 10/9) */
.rk-list.no-num a{grid-template-columns:minmax(0,1fr) 84px}
.rk-list a:not(:has(.rk-img)){grid-template-columns:26px minmax(0,1fr)}
.rk-list.no-num a:not(:has(.rk-img)){grid-template-columns:minmax(0,1fr)}
.rk-list.no-num .rk-img{grid-column:2}
.sec-col .rk-list a{padding:9px 0}
.sec-col .rk-list li{border-bottom:1px solid #EEF0F4;padding:0}
.sec-col .rk-list li:last-child{border-bottom:0}
@media (max-width:640px){
	.rk-list.no-num a{grid-template-columns:minmax(0,1fr) 38%}
	.rk-list a:not(:has(.rk-img)){grid-template-columns:30px minmax(0,1fr)}
	.rk-list.no-num a:not(:has(.rk-img)){grid-template-columns:minmax(0,1fr)}
	.sec-col .rk-list a{padding:16px 0}
}
/* 푸터 오른쪽 사선 — 오렌지 빼고 연한 군청 투톤 (대표 10/9) */
.site-footer::after{background:#34428A}
/* 휴대폰: 기사 도구 줄을 본문 아래 카드로 (대표 10/9) */
@media (max-width:640px){
	.is-article .art-main>.art-tools.is-below{order:0;width:auto;margin:0!important;border-radius:0;border-left:0;border-right:0;justify-content:center;padding:4px 0;background:#fff}
	.art-tools.is-below button,.art-tools.is-below .tool-link{flex:1;justify-content:center}
}
/* 기사 본문 — 신문처럼 줄 끝까지 이어지게 양쪽 맞춤, 글자 단위로 흘림 (대표 10/9) */
.article .body p{text-align:justify;word-break:normal;line-break:strict}
/* 공유 단추 — 글자 없이 로고만, 둥근 사각 (대표 10/9 "카카오톡도 설명 없이 로고만") */
.share{gap:10px}
.sh{width:48px;height:48px;min-height:0;padding:0;justify-content:center;border:0;border-radius:14px;background:#F1F3F7}
.sh span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sh svg{width:26px;height:26px;padding:0;border-radius:0;background:none!important}
.sh-kakao{background:#FEE500}.sh-kakao svg{fill:#191600;stroke:none}
.sh-fb{background:#1877F2}.sh-fb svg{fill:#fff;stroke:none}
.sh-x{background:#111}.sh-x svg{stroke:#fff}
.sh-blog{background:#03C75A}.sh-blog svg{fill:#fff;stroke:none}
.sh-band{background:#06C755}.sh-band svg{stroke:#fff}
.sh-link{background:var(--navy)}.sh-link svg{stroke:#fff}
.sh:hover{filter:brightness(.94)}
.sh:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
/* 알립니다 — 한 줄에 하나씩 사진+제목, 제목은 한 줄로 (대표 10/9) */
.notice-box{margin-top:14px;padding:20px 22px 8px}
.rk-list.one-line a{grid-template-columns:96px minmax(0,1fr);padding:10px 0}
.rk-list.one-line .rk-img{grid-column:1;grid-row:1;aspect-ratio:16/10}
.rk-list.one-line .rk-t{grid-column:2;grid-row:1;-webkit-line-clamp:1;font-size:16px}
.rk-list.one-line a:not(:has(.rk-img)) .rk-t{grid-column:1 / -1}
@media (max-width:640px){.notice-box{margin-top:8px;padding:16px;border-left:0;border-right:0}.rk-list.one-line a{grid-template-columns:110px minmax(0,1fr);padding:12px 0}.rk-list.one-line .rk-t{font-size:16.5px}}
/* 모바일 메인뉴스 — 톱기사 아래 사진 기사들도 많이 본 뉴스처럼 한 줄씩: 제목 · 오른쪽 사진 (대표 10/9) */
@media (max-width:640px){
	.front-tiles{grid-template-columns:1fr!important;gap:0!important;padding:0 16px}
	.front-tile{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #EEF0F4}
	.front-tile .thumb{grid-column:2;grid-row:1;aspect-ratio:16/10}
	.front-tile h3{grid-column:1;grid-row:1;margin:0;font-size:18.5px!important;font-weight:600;line-height:1.45;letter-spacing:-.02em;-webkit-line-clamp:3}
	.front-tile .front-rel{display:none}
	.front{gap:0!important;padding-bottom:4px!important}
	.front-lead{padding-bottom:14px}
}
/* 모바일 '우리 아이는 지금' — 다른 카드처럼: 제목 줄 + 아이콘 위·글자 아래 5칸 + 로그인 단추 (대표 10/9) */
@media (max-width:640px){
	.is-home .stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 4px;padding:16px;margin-top:8px!important;border-left:0;border-right:0}
	.is-home .stages strong{grid-column:1 / -1;font-size:17px;font-weight:800;margin:0 0 2px}
	.is-home .stages>a.st{flex-direction:column;justify-content:flex-start;gap:6px;padding:6px 0;font-size:13px;font-weight:700;text-align:center;line-height:1.25;letter-spacing:-.02em}
	.is-home .stages>a.st+a.st::before{display:none}
	.is-home .stages>a.st img{width:38px;height:38px}
	.is-home .stage-login,.is-home .stage-note{grid-column:1 / -1;margin:4px 0 0;justify-content:center;border-radius:10px;padding:12px 16px}
	.is-home .stage-note{text-align:center;padding:4px 0 0}
}
/* 푸터 — 투톤 없이 군청 한 색 (대표 10/9 "푸터 투톤 없음") */
.site-footer::after{content:none;display:none}
/* 푸터 저작권 두 줄 가운데 정렬 (대표 10/9) */
.site-footer .f-copy{text-align:center}
/* 더 깊이 읽기 — 많이 본 뉴스 형식(제목 · 오른쪽 사진) (대표 10/9) */
.series .rk-list li{padding-left:0;border-bottom:1px solid #EEF0F4}
.series .rk-list li:last-child{border-bottom:0}
.series .rk-list li::before{content:none!important}
/* 알립니다 — 사진 없이 최근 5개, 한 줄씩 (대표 10/9) */
.nt-list{list-style:none;margin:0;padding:0}
.nt-list li{border-bottom:1px solid #EEF0F4}
.nt-list li:last-child{border-bottom:0}
.nt-list a{display:block;padding:11px 0;font-size:15.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt-list a:hover{color:var(--red-text)}
@media (max-width:640px){.nt-list a{font-size:16.5px;padding:13px 0}}
/* 푸터 — 로고 왼쪽, 그 옆에 메뉴·연락처·사업자 정보 (대표 10/9). 저작권은 아래 가운데 */
@media (min-width:641px){
	.site-footer .wrap{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:36px;align-items:start}
	.site-footer .f-top,.site-footer .f-addr{display:contents}
	.site-footer .f-top img{grid-column:1;grid-row:1 / span 3;align-self:start;margin-top:2px}
	.site-footer .f-nav{grid-column:2;grid-row:1;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15)}
	.site-footer .f-contact{grid-column:2;grid-row:2}
	.site-footer .f-biz{grid-column:2;grid-row:3}
	.site-footer .f-copy{grid-column:1 / -1;grid-row:4;margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
}
/* 푸터(모바일) — 로고 왼쪽, 옆에 메뉴·연락처·사업자 정보 (대표 10/9 "모바일에서") */
@media (max-width:640px){
	.site-footer .wrap{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-items:start}
	.site-footer .f-top,.site-footer .f-addr{display:contents}
	.site-footer .f-top img{grid-column:1;grid-row:1 / span 3;height:auto;width:76px;margin-top:2px}
	.site-footer .f-nav{grid-column:2;grid-row:1;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.15)}
	.site-footer .f-contact{grid-column:2;grid-row:2;margin-bottom:4px}
	.site-footer .f-biz{grid-column:2;grid-row:3}
	.site-footer .f-copy{grid-column:1 / -1;grid-row:4;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12);font-size:12px}
}
/* 푸터(모바일) — 사업자 정보만 로고 옆, 메뉴·연락처는 아래 원래대로 (대표 10/9) */
@media (max-width:640px){
	.site-footer .f-top img{grid-row:1;align-self:center}
	.site-footer .f-biz{grid-column:2;grid-row:1;align-self:center}
	.site-footer .f-biz summary{margin:0}
	.site-footer .f-nav{grid-column:1 / -1;grid-row:2;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);border-bottom:0;padding-bottom:0;margin-bottom:8px}
	.site-footer .f-contact{grid-column:1 / -1;grid-row:3}
}
/* 푸터(모바일) — 로고 크게 한 줄, 그 아래 메뉴(불편신고 뺌)·연락처·사업자 정보 (대표 10/9) */
@media (max-width:640px){
	.site-footer .wrap{grid-template-columns:minmax(0,1fr)}
	.site-footer .f-top img{grid-column:1;grid-row:1;width:120px;height:auto;align-self:start}
	.site-footer .f-nav{grid-column:1;grid-row:2}
	.site-footer .f-nav a[href*="/com/bp"]{display:none}
	.site-footer .f-contact{grid-column:1;grid-row:3}
	.site-footer .f-biz{grid-column:1;grid-row:4;align-self:start}
	.site-footer .f-copy{grid-column:1;grid-row:5}
}
/* 사업자 정보 단추 — 모바일에서 메뉴 줄 개인정보취급방침 옆 (대표 10/9) */
.f-biz-toggle{display:none}
@media (max-width:640px){
	.f-biz-toggle{display:inline;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:#fff;cursor:pointer}
	.f-biz-toggle::after{content:"";display:inline-block;width:6px;height:6px;margin-left:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
	.f-biz-toggle[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
	.site-footer .f-biz summary{display:none!important}
	.site-footer .f-biz:not([open]){display:none}
}
/* 푸터(모바일) — 세로 최소화 (대표 10/9) */
@media (max-width:640px){
	.site-footer{padding:14px 0 12px!important;line-height:1.5}
	.site-footer .f-top img{width:96px}
	.site-footer .f-nav{margin-top:8px!important;padding-top:8px!important;margin-bottom:4px!important;gap:2px 12px}
	.site-footer .f-contact{flex-direction:row!important;flex-wrap:wrap;gap:2px 16px!important;margin:0!important;font-size:13.5px}
	.site-footer .f-addr ul{margin-bottom:0}
	.site-footer .f-biz ul{margin-top:4px;gap:2px!important;font-size:12.5px}
	.site-footer .f-copy{margin-top:8px!important;padding-top:8px!important;font-size:11px;line-height:1.45}
}
/* 저작권 위 선 없음 (대표 10/9) */
.site-footer .f-copy{border-top:0!important}

/* ═════════ 앱 하단 메뉴 — 홈 / MY뉴스 / AI육아비서 / 육아Q&A (대표 10/9) ═════════ */
.tabbar{display:none}
@media (max-width:640px){
	.tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid #E2E5EC;padding-bottom:env(safe-area-inset-bottom)}
	.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:58px;font-size:11.5px;font-weight:700;color:#7A8196}
	.tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
	.tabbar a[aria-current="page"]{color:var(--navy)}
	.tabbar a[aria-current="page"] svg{stroke-width:2.3}
	.tabbar a:focus-visible{outline:2px solid var(--navy);outline-offset:-4px}
	body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
	.app-install{bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media (max-width:640px) and (display-mode:standalone){.tabbar a{height:62px}}
/* MY뉴스 */
.my-head{padding:20px 22px}
.my-head h1{font-size:22px;margin:0 0 4px}
.my-head p{margin:0 0 14px;color:var(--sub);font-size:15px}
.my-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.my-stages a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid #E2E5EC;font-size:13.5px;font-weight:700;text-align:center}
.my-stages a[aria-current="true"]{border-color:var(--navy);background:#F1F3FA;color:var(--navy)}
.my-sec{margin-top:14px;padding:20px 22px 8px}
@media (max-width:640px){.my-head,.my-sec{padding:16px;border-left:0;border-right:0}.my-sec{margin-top:8px}.my-stages{gap:6px}.my-stages a{padding:10px 2px;font-size:12.5px}}

/* ═════════ AI 검색 + 음성 검색 (대표 10/9) ═════════ */
.search .mic{border:0;background:none;display:grid;place-items:center;width:36px;height:40px;color:var(--sub);cursor:pointer;padding:0}
.mic.is-on{color:var(--red)!important;animation:micPulse 1s ease-in-out infinite}
@keyframes micPulse{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.mic.is-on{animation:none}}
@media (max-width:640px){.masthead .search{display:none}} /* 휴대폰은 하단 메뉴 AI검색으로 */
.srch-head{padding:20px 22px}
.srch-head h1{font-size:22px;margin:0 0 12px}
.ai-ic{width:22px;height:22px;margin-right:8px;fill:#F16531;stroke:none;flex:none}
.srch-form{display:flex;align-items:center;border:2px solid var(--navy);border-radius:999px;padding:0 6px 0 18px;height:52px;background:#fff}
.srch-form input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--ink)}
.srch-form input:focus{outline:none}
.srch-form:focus-within{box-shadow:0 0 0 3px rgba(37,50,114,.18)}
.srch-form button{border:0;background:none;display:grid;place-items:center;width:42px;height:42px;cursor:pointer;color:var(--navy);padding:0}
.srch-form button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.srch-form .go{background:var(--navy);color:#fff;border-radius:50%}
.ai-answer{margin-top:14px;padding:20px 22px;border:1px solid #F8C9B6;background:#FFF9F6}
.ai-answer h2{margin:0 0 10px}
.ai-text{margin:0;font-size:16.5px;line-height:1.75}
.ai-wait{margin:0;color:var(--sub);display:flex;align-items:center;gap:10px}
.ai-wait.is-off{color:var(--sub)}
.dots{display:inline-flex;gap:4px}.dots i{width:6px;height:6px;border-radius:50%;background:#F16531;animation:dotB 1.2s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dotB{0%,80%,100%{opacity:.25}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dots i{animation:none;opacity:.6}}
.ai-refs{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px dashed #F3C7B4}
.ai-refs li{padding:4px 0;font-size:14.5px;font-weight:600}
.ai-refs a::before{content:"관련 ";color:#F16531;font-weight:800}
.ai-note{margin:12px 0 0;font-size:12.5px;color:var(--faint)}
.srch-sec{margin-top:14px;padding:20px 22px 8px}
.srch-sec .cnt{font-size:14px;color:var(--faint);margin-left:6px}
.hq-list.one-col{grid-template-columns:1fr}
.hq-list.one-col li{border-top:1px solid #EEF0F4}.hq-list.one-col li:first-child{border-top:0}
@media (max-width:640px){.srch-head,.ai-answer,.srch-sec{padding:16px;border-left:0;border-right:0}.ai-answer,.srch-sec{margin-top:8px}}

/* 하단 메뉴 아이콘 — 가는 선, AI 는 오렌지 (대표 10/9 참고 그림) */
@media (max-width:640px){
	.tabbar svg{stroke-width:1.5!important;width:25px;height:25px}
	.tabbar svg .ai{stroke:#F16531}
	.tabbar a[aria-current="page"] svg{stroke-width:1.9!important}
	.tabbar a{color:#3B3F4C;font-weight:600}
	.tabbar a[aria-current="page"]{color:var(--ink);font-weight:800}
}
.srch-hint{margin:10px 4px 0;font-size:12.5px;color:var(--faint)}
/* 하단 메뉴 화면의 하단 묶음 — 기사 하단과 같은 카드 (대표 10/9) */
.bottom-wrap{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.bottom-wrap>section{margin:0!important;background:#fff;border:1px solid #E2E5EC;padding:22px 24px}
.bottom-wrap>script{display:none}
.bottom-wrap h2{margin-top:0}
@media (max-width:640px){.bottom-wrap{gap:8px;margin-top:8px}.bottom-wrap>section{border-left:0;border-right:0;padding:18px 16px}.bottom-wrap h2{border-bottom:0!important;padding-bottom:0!important}}
/* 상단 로고 아래 선 — 원래대로 둠 (대표 10/9 "로고 아래 선 추가, 원래처럼") */

/* 하단 메뉴 5칸 + 맞춤 쇼핑 (대표 10/9 "하단탭 중앙에 쇼핑, 맞춤형 쿠팡 리스트") */
@media (max-width:640px){.tabbar{grid-template-columns:repeat(5,1fr)}.tabbar a{font-size:11px;letter-spacing:-.03em}}
.is-shop .my-head h1 .ad-mark{margin-left:10px}
.shop-sec{margin-top:14px;padding:18px 20px}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shop-grid .cp-img{position:relative}
.shop-rank{position:absolute;left:0;top:0;min-width:24px;height:24px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:13px;font-weight:800}
.shop-grid .cp-item:nth-child(-n+3) .shop-rank{background:#F16531}
@media (max-width:900px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.shop-sec{margin-top:8px;padding:12px;border-left:0;border-right:0}.shop-grid{grid-template-columns:1fr 1fr;gap:8px}.shop-grid .cp-item{padding:10px}.shop-grid .cp-name{font-size:14px}.shop-grid .cp-price{font-size:16px}}
/* 휴대폰 상단 — 로고 가운데 (대표 10/9) */
@media (max-width:640px){.masthead .logo{margin:0 auto}.masthead .wrap{justify-content:center}}
@media (max-width:640px){.secnav{border-top:1px solid var(--rule)!important;margin-top:10px!important}}

/* ═════════ 휴대폰 햄버거 + 카테고리 서랍 (대표 10/9) ═════════ */
.burger{display:none}
@media (max-width:640px){
	.masthead .wrap{position:relative}
	.burger{display:grid;place-items:center;position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:none;color:var(--ink);cursor:pointer;padding:0}
	.burger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
	.burger:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
}
.cat-drawer{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(320px,84vw);max-width:none;padding:0;border:0;background:#fff;overflow-y:auto;box-shadow:-8px 0 30px rgba(20,24,60,.18)}
.cat-drawer::backdrop{background:rgba(20,24,40,.45)}
.cat-drawer[open]{animation:cdIn .22s ease-out}
@keyframes cdIn{from{transform:translateX(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.cat-drawer[open]{animation:none}}
.cd-head{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 12px 18px;border-bottom:1px solid var(--rule)}
.cd-close{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.cd-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cat-drawer nav{padding:6px 0 24px}
.cd-lbl{margin:16px 18px 4px;font-size:12.5px;font-weight:800;color:var(--faint)}
.cat-drawer ul{list-style:none;margin:0;padding:0}
.cat-drawer li a{display:flex;align-items:center;gap:4px;padding:13px 18px;font-size:16.5px;font-weight:700;color:var(--ink);border-bottom:1px solid #F1F3F7}
.cat-drawer li a:hover,.cat-drawer li a:focus-visible{background:#F6F7FA;color:var(--navy)}

/* 상단 메뉴 사이 ㅣ (대표 10/9) */
.secnav a{position:relative}
.secnav a+a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#D5D9E0}
.secnav a[aria-current="page"]::before{display:block}

/* 쇼핑 — 3분류·AI 검색·식단 (대표 10/9) */
.shop-head .srch-form{margin:4px 0 12px}
.shop-cats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #E2E5EC}
.shop-cats a{text-align:center;padding:11px 4px;font-size:15px;font-weight:800;color:var(--sub)}
.shop-cats a+a{border-left:1px solid #E2E5EC}
.shop-cats a[aria-current="page"]{background:var(--navy);color:#fff}
.shop-sub{margin:12px 0 0;font-size:14px;color:var(--sub)}
.shop-kws{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.shop-kws a{padding:6px 12px;border:1px solid #F3C7B4;background:#fff;border-radius:999px;font-size:14px;font-weight:700;color:#C24E1B}
.shop-more{display:block;width:100%;margin-top:12px;height:46px;border:1px solid #CFD4DE;background:#fff;font:inherit;font-weight:800;font-size:15px;cursor:pointer}
.shop-more span{color:#F16531;margin-left:4px}
.meal-form{display:flex;flex-direction:column;gap:10px}
.meal-who,.meal-days{display:flex;flex-wrap:wrap;gap:6px}
.meal-who label,.meal-days label{cursor:pointer}
.meal-who input,.meal-days input{position:absolute;opacity:0;width:1px;height:1px}
.meal-who span,.meal-days span{display:inline-block;padding:8px 13px;border:1px solid #CFD4DE;font-size:14px;font-weight:700;background:#fff}
.meal-who input:checked+span,.meal-days input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.meal-who input:focus-visible+span,.meal-days input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.meal-go{height:48px;border:0;background:#F16531;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer}
.meal-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:14px}
.meal-day{border:1px solid #E2E5EC;padding:12px 14px;background:#fff}
.meal-day b{display:block;font-size:15px;margin-bottom:6px;color:var(--navy)}
.meal-day ul{list-style:none;margin:0;padding:0}
.meal-day li{font-size:14.5px;line-height:1.5;padding:3px 0}
.meal-day em{font-style:normal;font-weight:800;color:#C24E1B;margin-right:6px}
.meal-h3{font-size:16px;font-weight:800;margin:16px 0 6px}
.meal-shop{list-style:none;margin:0;padding:0}
.meal-shop li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #EEF0F4}
.ms-item{font-weight:800;font-size:15px}
.meal-shop a{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:13.5px}
.meal-shop a img{width:52px;height:52px;object-fit:contain;border:1px solid #EEF0F4}
.meal-shop a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meal-shop a b{font-size:14px;white-space:nowrap}
.meal-shop .ms-find{display:inline-block;color:var(--navy);font-weight:800}
@media (max-width:640px){.meal-plan{grid-template-columns:1fr}.meal-shop li{grid-template-columns:76px minmax(0,1fr)}.shop-cats a{font-size:14.5px}}

/* 상단 메뉴 — 현재 메뉴는 색만 바뀌고 밑줄 없음 (대표 10/9) */
.secnav a[aria-current="page"]{text-decoration:none!important;box-shadow:none!important}
.reporter:empty{display:none}
/* 기사 제목 — 낱말 단위로 줄을 넘기지 않고 글자 단위로 이어지게 (대표 10/9 "제목도 중간에 끊기지 않고 한 문장으로") */
.article h1{word-break:normal!important;text-wrap:wrap!important;overflow-wrap:normal}
/* 메인 육아Q&A — 오른쪽 사진 (대표 10/9) */
.hq-list a:has(.hq-img){grid-template-columns:34px minmax(0,1fr) 84px}
.hq-img{aspect-ratio:3/2;align-self:center}
@media (max-width:640px){.hq-list a:has(.hq-img){grid-template-columns:30px minmax(0,1fr) 34%;gap:10px;align-items:center}.hq-img{aspect-ratio:16/10}}
/* AI 검색 · 쇼핑 검색 갈래 + 예시 질문 (대표 10/9) */
.srch-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 10px;border:1px solid #E2E5EC}
.srch-tabs button{height:42px;border:0;background:#fff;font:inherit;font-size:15px;font-weight:800;color:var(--sub);cursor:pointer}
.srch-tabs button+button{border-left:1px solid #E2E5EC}
.srch-tabs button[aria-selected="true"]{background:var(--navy);color:#fff}
.srch-tabs button:focus-visible{outline:2px solid #F16531;outline-offset:-3px}
.srch-samples{list-style:none;margin:12px 0 0;padding:0}
.srch-samples li{border-bottom:1px solid #EEF0F4}
.srch-samples li:last-child{border-bottom:0}
.srch-samples a{display:flex;align-items:center;gap:10px;padding:11px 2px;font-size:15.5px;font-weight:600}
.srch-samples em{flex:none;font-style:normal;font-size:12px;font-weight:800;color:#C24E1B;background:#FFF1EA;padding:3px 8px;border-radius:999px;min-width:64px;text-align:center}
.srch-samples a:hover{color:var(--navy)}
.site-footer .f-admin{color:#F16531!important;font-weight:800}
@media (max-width:640px){.site-footer .f-nav a.f-admin{display:inline!important}}

/* 압타밀 해피박스 광고 띠 (대표 10/9) — AD 표시 필수 */
.ad-apta a{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) 84px;gap:12px;align-items:center;padding:12px 14px;background:linear-gradient(100deg,#FFF6E8,#FFFFFF 70%);border:1px solid #F3D9AE;color:var(--ink);text-decoration:none}
.ad-apta a:hover{border-color:#E7B55E}
.aa-mark{position:absolute;right:6px;bottom:4px;font-size:10px;font-weight:800;color:#8A6A2E;border:1px solid #D9B77A;padding:0 4px;background:#fff;line-height:1.5}
.aa-logo{width:56px;height:56px;border-radius:12px;background:#fff}
.aa-tx strong{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:800;line-height:1.2}
.aa-tx strong b{color:#03A94D}
.aa-npay{width:64px;height:auto}
.aa-tx em{display:block;margin-top:4px;font-style:normal;font-size:14px;font-weight:600;color:#5A4A2A}
.aa-tx em b{color:#C24E1B}
.aa-box{width:84px;height:84px;object-fit:contain}
.body .ad-apta{margin:24px 0}
.is-article .art-main>.ad-apta{padding:0!important;border:0!important;background:none!important}
.is-home .ad-apta{margin-top:14px}
@media (max-width:640px){.ad-apta a{grid-template-columns:48px minmax(0,1fr) 64px;gap:10px;padding:10px 12px}.aa-logo{width:48px;height:48px}.aa-box{width:64px;height:64px}.aa-tx strong{font-size:16px}.aa-tx em{font-size:13px}.is-home .ad-apta{margin:8px 0 0}.is-article .art-main>.ad-apta a{border-left:0;border-right:0}}
/* 상단 로고 더 크게 (대표 10/9) */
.masthead .logo img{height:50px}
@media (max-width:640px){.masthead .logo img{height:44px!important}}
/* 휴대폰 상단 — 햄버거 왼쪽, 오른쪽 EVENT(맘스클래스) (대표 10/9) */
.ev-btn{display:none}
@media (max-width:640px){
	.burger{right:auto!important;left:6px}
	.ev-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:absolute;right:6px;top:4px;width:48px;height:48px;color:#F16531}
	.ev-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
	.ev-btn span{font-size:9.5px;font-weight:900;letter-spacing:.04em;line-height:1}
	.ev-btn:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
}
/* 식단 장보기 — 쿠팡에서 보기 링크 (대표 10/9) */
.meal-shop .ms-find{display:inline-flex!important;align-items:center;gap:6px;grid-template-columns:none!important;padding:8px 12px;border:1px solid #CFD4DE;font-size:13.5px;font-weight:700;color:var(--navy)}
.meal-shop .ms-find svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.meal-box .shop-grid{margin-top:4px}
/* 햄버거 다시 오른쪽 (대표 10/9) */
@media (max-width:640px){.burger{left:auto!important;right:6px!important}}
/* 기사 본문 하단 이벤트 박스 (대표 10/9) */
.ev-box h2{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;margin:0 0 12px}
.ev-ic{width:24px;height:24px;fill:none;stroke:#F16531;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ev-menu{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #E2E5EC;margin-bottom:12px}
.ev-menu a{text-align:center;padding:10px 4px;font-size:14px;font-weight:700;color:var(--ink)}
.ev-menu a+a{border-left:1px solid #E2E5EC}
.ev-menu a:first-child{background:#FFF1EA;color:#C24E1B}
.ev-menu a:hover{color:var(--navy)}
.ev-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ev-list a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #EEF0F4;background:#fff}
.ev-list a:hover{border-color:#F3C7B4}
.ev-img{aspect-ratio:1/1}
.ev-tx strong{display:block;font-size:16px;font-weight:800;line-height:1.35}
.ev-tx span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:13.5px;color:var(--sub);line-height:1.45}
.ev-tx em{display:block;margin-top:4px;font-style:normal;font-size:12px;color:#C24E1B;font-weight:700}
@media (max-width:640px){.ev-menu{grid-template-columns:repeat(2,1fr)}.ev-menu a:nth-child(3){border-left:0}.ev-menu a:nth-child(n+3){border-top:1px solid #E2E5EC}.ev-list{grid-template-columns:1fr;gap:8px}.ev-list a{grid-template-columns:96px minmax(0,1fr)}.ev-box h2{font-size:18px}}
.is-home .ev-box{margin-top:14px;background:#fff;border:1px solid #E2E5EC;padding:20px 22px}
@media (max-width:640px){.is-home .ev-box{margin-top:8px;padding:16px;border-left:0;border-right:0}}
/* 이벤트 박스 — 회색 테두리 (대표 10/9) */
.ev-box{border:1px solid #CFD4DE!important}
@media (max-width:640px){.is-article .art-main>.ev-box,.is-home .ev-box{margin:8px 12px 0!important;border:1px solid #CFD4DE!important}}
.ev-box h2{position:relative}
.ev-all{order:2;margin-left:auto;font-size:13px;font-weight:700;color:var(--sub)}
/* 광고 띠 — 사각 라운딩 (대표 10/9) */
.ad-apta a{border-radius:14px;overflow:hidden}
@media (max-width:640px){.is-article .art-main>.ad-apta,.is-home .ad-apta{margin-left:12px!important;margin-right:12px!important}.is-article .art-main>.ad-apta a{border-left:1px solid #F3D9AE!important;border-right:1px solid #F3D9AE!important}}
/* 이벤트 섬네일 — 로고·해피박스는 잘리지 않게 흰 바탕에 맞춤 (대표 10/9) */
.ev-img.is-logo{background:#fff;border:1px solid #EEF0F4}
.ev-img.is-logo img{object-fit:contain!important;width:100%!important;height:100%!important;padding:10px}
/* 피플 & 인터뷰 — 동그라미 인물 사진 (대표 10/9) */
.series.is-people .rk-list.no-num a{grid-template-columns:minmax(0,1fr) 72px}
.series.is-people .rk-img{aspect-ratio:1/1;border-radius:50%;overflow:hidden;width:72px;height:72px}
.series.is-people .rk-img img{object-position:50% 25%}
@media (max-width:640px){.series.is-people .rk-list.no-num a{grid-template-columns:minmax(0,1fr) 88px}.series.is-people .rk-img{width:88px;height:88px}}
/* 광고 띠 공통 — 흰 바탕 + 회색 테두리 (대표 10/9) */
.ad-apta a{background:#fff!important;border:1px solid #CFD4DE!important}
.ad-apta a:hover{border-color:#9AA2B5!important}
@media (max-width:640px){.is-article .art-main>.ad-apta a{border-left:1px solid #CFD4DE!important;border-right:1px solid #CFD4DE!important}}
/* AD 표시 — 테두리 상자 없이 오른쪽 위, 공통 (대표 10/9) */
.aa-mark{top:6px!important;right:10px!important;bottom:auto!important;border:0!important;background:none!important;padding:0!important;font-size:11px!important;font-weight:700!important;color:#9AA2B5!important;letter-spacing:.04em}
.ad-mark{border:0!important;padding:0!important;font-size:12px!important;color:#9AA2B5!important;align-self:flex-start}
/* 육아Q&A — A 표시도 Q 와 같은 왼쪽 끝 줄에 (대표 10/9) */
.hq-list .qa-exp,.qa-box .qa-exp{position:relative;display:block!important}
.hq-list .qa-exp::before,.qa-box .qa-exp::before{position:absolute;left:-39px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.hq-list a:has(.hq-img) .qa-exp::before{left:-37px}}
/* A + 전문가 줄 전체를 왼쪽 끝부터 (대표 10/9 "A도 좌측 끝으로, 전문가") — Q 는 위에 붙임 */
.hq-list a,.qa-box li a{align-items:start!important}
.hq-list a .thumb.hq-img{align-self:center}
.hq-list .qa-exp,.qa-box .qa-exp{display:flex!important;align-items:center;gap:8px;margin-left:-46px;position:static}
.hq-list .qa-exp::before,.qa-box .qa-exp::before{position:static!important;transform:none!important;margin:0 7px 0 7px}
.qa-q{margin-top:1px}
@media (max-width:640px){.hq-list .qa-exp{margin-left:-40px}.hq-list .qa-exp::before{margin:0 5px 0 5px}}
/* 전문가 소개 한 줄 — 넘치면 말줄임 (대표 10/9) */
.hq-list .qa-exp,.qa-box .qa-exp,.qa-card .qa-exp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hq-list .qa-exp,.qa-box .qa-exp{display:block!important;padding-left:34px;position:relative}
.hq-list .qa-exp::before,.qa-box .qa-exp::before{position:absolute!important;left:7px;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
@media (max-width:640px){.hq-list .qa-exp{padding-left:30px}.hq-list .qa-exp::before{left:5px}}
.hq-list a:has(.hq-img) .qa-exp::before,.hq-list a .qa-exp::before{left:7px!important}
@media (max-width:640px){.hq-list a:has(.hq-img) .qa-exp::before,.hq-list a .qa-exp::before{left:5px!important}}
/* 인터뷰 동그라미 — 인물이 원 가운데 오게, 원은 줄 가운데 (대표 10/9) */
.series.is-people .rk-list a{align-items:center!important}
.series.is-people .rk-img{align-self:center}
.series.is-people .rk-img img{object-position:50% 50%!important;width:100%!important;height:100%!important;object-fit:cover}
/* 계산하기 — 일러스트 섬네일 (대표 10/9) */
.tools a{gap:12px}
.tools .tool-th{width:36px;height:36px;object-fit:contain;flex:none}
.tools a span{flex:1}
/* 푸터 위 여백 — 카드 사이 간격과 같게 (대표 10/9) */
main.wrap{margin-bottom:0!important}
.site-footer{margin-top:0!important}
.is-article main.wrap,.is-home main.wrap{padding-bottom:14px!important}
@media (max-width:640px){.is-article main.wrap,.is-home main.wrap,main.wrap{padding-bottom:8px!important}}
/* 섹션 목록 아래 묶음 (대표 10/9) */
main.wrap>section+.bottom-wrap{margin-top:24px}
.copyright .cr-mail{display:block;margin-bottom:4px;color:var(--sub)}
.copyright .cr-mail a{color:inherit}
/* 저작권 줄 아이콘 (대표 10/9) */
.copyright .cr-mail,.copyright .cr-law{display:flex;align-items:center;gap:6px}
.copyright svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* 기사후원 ARS (대표 10/9) */
.copyright .cr-ars{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--ink);font-weight:700}
.copyright .cr-ars a[href^="tel"]{color:#C24E1B;font-weight:800}
.copyright .cr-ars .cr-more{margin-left:6px;font-size:12.5px;font-weight:600;color:var(--sub);text-decoration:underline;text-underline-offset:2px}

/* ═════════ 기사후원 안내 /event/hw.html (대표 10/9) ═════════ */
.sp-page{max-width:760px;margin:0 auto;background:#fff;border:1px solid #E2E5EC}
.sp-head{padding:28px 24px 18px;text-align:center;background:#233579;color:#fff}
.sp-kicker{margin:0 0 6px;font-size:13.5px;font-weight:700;color:#F8C9A8}
.sp-head h1{margin:0 0 10px;font-size:clamp(24px,5vw,32px);font-weight:800;letter-spacing:-.03em}
.sp-lead{margin:0 auto;max-width:34em;font-size:15.5px;line-height:1.65;color:#DDE2F4}
.sp-ways{display:grid;gap:10px;padding:18px 18px 6px}
.sp-way{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border:1px solid #CFD4DE;border-radius:14px;background:#fff;color:var(--ink)}
.sp-way.is-ars{border-color:#F16531;background:#FFF6F1}
.sp-way strong{display:block;font-size:14px;font-weight:800;color:var(--sub)}
.sp-way b{display:block;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.sp-way.is-ars b{color:#C24E1B;font-size:26px}
.sp-way em{display:block;font-style:normal;font-size:13px;color:var(--faint);margin-top:2px}
.sp-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#F16531;color:#fff}
.sp-way:not(.is-ars) .sp-ic{background:#233579}
.sp-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-way.is-ars .sp-ic svg{fill:#fff;stroke:#fff}
.sp-img{margin:14px 0 0}
.sp-img img{display:block;width:100%;height:auto}
.sp-text{padding:20px 22px 6px}
.sp-text h2{font-size:20px;font-weight:800;margin:0 0 8px;color:#233579}
.sp-text p,.sp-list li{font-size:16px;line-height:1.75}
.sp-list{margin:0;padding-left:1.3em}
.sp-list li{margin-bottom:6px}
.sp-contact{padding:20px 18px 24px;text-align:center}
.sp-contact p{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:14.5px;color:var(--sub);margin:0 0 14px}
.sp-contact p svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.sp-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:#F16531;color:#fff!important;font-size:17px;font-weight:800}
.sp-cta svg{width:22px;height:22px;fill:#fff;stroke:#fff}
/* 기사 하단 ARS 줄 — 전화기 아이콘을 채운 모양으로 또렷하게 (대표 10/9) */
.copyright .cr-ars svg{fill:#C24E1B;stroke:#C24E1B;width:17px;height:17px}
@media (max-width:640px){.sp-page{border-left:0;border-right:0}.sp-way b{font-size:20px}.sp-way.is-ars b{font-size:24px}}
/* 인스타·유튜브 — 설명 없이 성과만 (대표 10/9) */
.tv-item figcaption,.tv-art figcaption{margin-top:6px}
.ig-item .sns-meta{margin-top:6px}
/* 좋아요·댓글·공유 + 오른쪽 끝 저장 (대표 10/9) */
.sns-meta .sns-share{margin-left:0}
.sns-save{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:0;background:none;color:var(--sub);cursor:pointer;padding:0}
.sns-save svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.sns-save[aria-pressed="true"]{color:var(--ink)}
.sns-save[aria-pressed="true"] svg{fill:currentColor}
.sns-save:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
/* 인스타 — 4개 모두 보이게(휴대폰 2×2, 옆으로 밀리지 않게) · 아이콘과 숫자 높이 맞춤 (대표 10/9) */
@media (max-width:640px){
	.ig-grid.ig-4,.ig-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;gap:10px!important;padding:0!important;margin:0!important}
	.ig-row .ig-item,.ig-grid .ig-item{min-width:0}
	.ig-row .sns-meta{padding:0!important}
}
.sns-meta{line-height:1;align-items:center}
.sns-meta span{display:inline-flex;align-items:center;gap:4px;line-height:1;height:20px}
.sns-meta svg{display:block;flex:none}
.sns-meta .sns-share,.sns-meta .sns-save{height:24px}
@media (max-width:640px){.sns-meta{gap:8px;font-size:12px}.sns-meta svg{width:15px;height:15px}}
.sns-meta span{white-space:nowrap}
@media (max-width:640px){.sns-meta{gap:7px}.sns-meta .sns-share,.sns-meta .sns-save{width:22px;height:22px}.sns-meta .sns-share svg,.sns-meta .sns-save svg{width:15px;height:15px}}
/* 공유가 마지막이면 오른쪽 끝으로 (대표 10/9) */
.sns-meta .sns-share:last-child{margin-left:auto}
.tv figcaption .sns-meta span,.tv-art figcaption .sns-meta span,.tv-sect figcaption .sns-meta span{display:inline-flex!important;margin-top:0!important;font-size:13px}
@media (max-width:640px){.tv-art figcaption .sns-meta span,.tv-sect figcaption .sns-meta span{font-size:12px}}

/* 하단 탭 — 아이폰 사파리에서 화면 중간에 뜨는 문제: 실제로 보이는 화면(visualViewport) 아래 끝을 재서 그 자리에 둔다 (대표 10/9) */
@media (max-width:640px){
	.tabbar{position:fixed!important;top:0!important;bottom:auto!important;left:0;right:0;transform:translate3d(0,var(--tb-y,calc(100vh - 58px)),0);will-change:transform}
	body{padding-bottom:calc(58px + env(safe-area-inset-bottom))!important}
}
/* 메인 육아Q&A — A 뒤에 답변 앞부분 두 줄 (대표 10/9) */
.hq-list .qa-exp.hq-ans{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--sub)!important;font-weight:500!important;font-size:14px!important;line-height:1.5;margin-top:6px}
.hq-list .qa-exp.hq-ans::before{top:1px!important;transform:none!important}
@media (max-width:640px){.hq-list .qa-exp.hq-ans{font-size:14.5px!important}}
/* MY뉴스 — 카카오 로그인 → 관심 뉴스 고르기 → 맞춤 뉴스 (대표 10/9) */
.my-lead{margin:0 0 14px;color:var(--sub);font-size:15px;line-height:1.6}
.my-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;padding:0}
.my-steps li{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid #E2E5EC;font-size:13px;font-weight:700;text-align:center}
.my-steps b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px}
.my-kakao{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:12px;background:#FEE500;color:#191600!important;font-size:16px;font-weight:800}
.my-kakao svg{width:22px;height:22px;fill:#191600}
.my-kakao.is-off{background:#EEF0F4;color:var(--faint)!important}.my-kakao.is-off svg{fill:var(--faint)}
.my-note{margin:8px 0 0;font-size:13px;color:var(--faint);text-align:center}
.my-warn{margin:0 0 12px;padding:10px 12px;background:#FFF1EA;color:#C24E1B;font-size:14px;font-weight:700}
.my-fs{border:0;margin:0 0 16px;padding:0}
.my-fs legend{font-size:15px;font-weight:800;margin-bottom:8px}
.my-fs legend small{font-weight:500;color:var(--faint);margin-left:6px}
.my-pick .my-stages label,.my-topics label{cursor:pointer}
.my-pick .my-stages input,.my-topics input{position:absolute;opacity:0;width:1px;height:1px}
.my-pick .my-stages span{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid #E2E5EC;font-size:13px;font-weight:700;text-align:center}
.my-pick .my-stages input:checked+span{border-color:var(--navy);background:#F1F3FA;color:var(--navy)}
.my-topics{display:flex;flex-wrap:wrap;gap:8px}
.my-topics span{display:inline-block;padding:9px 14px;border:1px solid #CFD4DE;border-radius:999px;font-size:14px;font-weight:700;background:#fff}
.my-topics input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.my-pick input:focus-visible+span{outline:2px solid #F16531;outline-offset:2px}
.my-save{width:100%;height:50px;border:0;background:#F16531;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
/* 쇼핑 상품 번호 빼기 (대표 10/9) */
.shop-rank{display:none!important}
/* 최저가쇼핑 — 톤앤매너 오렌지 (대표 10/9) */
.is-shop{--shop:#F16531;--shop-ink:#C24E1B;--shop-bg:#FFF4EE}
.is-shop .srch-form{border-color:var(--shop)}
.is-shop .srch-form:focus-within{box-shadow:0 0 0 3px rgba(241,101,49,.2)}
.is-shop .srch-form button{color:var(--shop)}
.is-shop .srch-form .go{background:var(--shop);color:#fff}
.is-shop .shop-cats{border-color:#F6C9B3}
.is-shop .shop-cats a+a{border-left-color:#F6C9B3}
.is-shop .shop-cats a[aria-current="page"]{background:var(--shop);color:#fff}
.is-shop .my-stages a[aria-current="true"]{border-color:var(--shop);background:var(--shop-bg);color:var(--shop-ink)}
.is-shop .meal-who input:checked+span,.is-shop .meal-days input:checked+span{background:var(--shop);border-color:var(--shop);color:#fff}
.is-shop .shop-more{border-color:var(--shop);color:var(--shop-ink)}
.is-shop .cp-price{color:var(--shop-ink)}
.is-shop .cp-item:hover{border-color:var(--shop)}
.is-shop .meal-day b{color:var(--shop-ink)}
.is-shop .shop-kws a{border-color:var(--shop);color:var(--shop-ink)}
.is-shop .meal-shop .ms-find{color:var(--shop-ink);border-color:#F6C9B3}
/* 식단 → 관련 제품 먼저, 장보기는 칩 (대표 10/9) */
.meal-h3 small{font-size:12.5px;font-weight:600;color:var(--faint);margin-left:6px}
.meal-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.meal-chips a{display:inline-block;padding:7px 12px;border:1px solid #F6C9B3;border-radius:999px;background:#FFF8F4;font-size:14px;font-weight:700;color:#C24E1B}
.meal-box .shop-grid{margin-bottom:6px}
/* 기사 끝 기자 박스 (대표 10/9) */
.rep-box{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;align-items:center;margin:28px 0 0;padding:16px;border:1px solid #E2E5EC;border-radius:14px;background:#FAFBFD}
.rep-box img{grid-row:span 2;border-radius:50%}
.rb-name{margin:0;font-size:16px}
.rb-name span{color:var(--sub);font-weight:600}
.rb-name strong{font-weight:800}
.rb-acts{display:flex;flex-wrap:wrap;gap:8px}
.rb-follow,.rb-more{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.rb-follow{border:0;background:#F16531;color:#fff}
.rb-follow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.rb-follow[aria-pressed="true"]{background:#fff;color:#C24E1B;border:1px solid #F16531}
.rb-follow[aria-pressed="true"] svg{display:none}
.rb-more{border:1px solid #CFD4DE;background:#fff;color:var(--ink)!important}
.rep-box+.copyright{margin-top:18px}
.rb-mail{margin-left:4px;font-size:14px;font-weight:600;color:var(--sub)!important}
/* 기자 박스 — 단추 말고 글자 링크, ㅣ 로 구분 (대표 10/9) */
.rb-acts{gap:0;align-items:center}
.rb-follow,.rb-more{height:auto;padding:0;border:0!important;border-radius:0;background:none!important;font-size:14px;font-weight:700}
.rb-follow{color:#C24E1B!important}
.rb-follow svg{display:none}
.rb-follow[aria-pressed="true"]{color:var(--sub)!important}
.rb-more{color:var(--ink)!important}
.rb-more::before{content:"";display:inline-block;width:1px;height:12px;background:#CFD4DE;margin:0 10px;vertical-align:-1px}
.rb-follow:hover span,.rb-more:hover{text-decoration:underline;text-underline-offset:3px}
/* 기자 박스 — 이름 줄 위로, 메일은 괄호 없이 아래 줄 (대표 10/9) */
.rep-box{align-items:start}
.rep-box img{grid-row:span 3}
.rb-name{line-height:1.35}
.rb-mail{display:block;margin:2px 0 0!important}
.rb-acts{margin-top:6px}

/* 약관·정책 /com/terms|privacy|reply.html (10/10) */
.lg-page{max-width:760px;margin:0 auto;padding:20px 22px 32px;background:#fff;border:1px solid #E2E5EC}
.lg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.lg-tabs a{padding:7px 12px;border:1px solid #E2E5EC;border-radius:999px;font-size:14px;color:#4A5160;text-decoration:none}
.lg-tabs a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.lg-h1{font-size:24px;margin:0 0 4px}
.lg-date{margin:0 0 16px;font-size:13px;color:#7A8090}
.lg-toc{margin:0 0 18px;padding:10px 14px;background:#F6F7FA;border-radius:8px;font-size:14px}
.lg-toc summary{cursor:pointer;font-weight:700}
.lg-toc ol{margin:8px 0 0;padding:0;list-style:none;columns:2;column-gap:20px}
.lg-toc li{margin:3px 0;break-inside:avoid}.lg-toc a{color:#4A5160}
.lg-body{font-size:15px;line-height:1.75;color:#2B2F38;word-break:keep-all}
.lg-body h2{font-size:17px;margin:26px 0 8px;padding-top:4px;scroll-margin-top:80px}
.lg-body p{margin:0 0 8px}
.lg-body ul{margin:0 0 10px;padding-left:18px}.lg-body li{margin:3px 0}
.site-footer .f-nav a.f-priv{font-weight:700}
@media (max-width:640px){.lg-page{border-left:0;border-right:0;padding:16px 16px 28px}.lg-toc ol{columns:1}.lg-h1{font-size:21px}}

/* 가입 동의 /member/join · 탈퇴 /my/withdraw (10/10) */
.jn-page{max-width:560px;margin:0 auto;padding:22px 22px 26px;background:#fff;border:1px solid #E2E5EC}
.jn-h1{font-size:22px;margin:0 0 6px}
.jn-lead{margin:0 0 16px;color:var(--sub);font-size:15px;line-height:1.6}
.jn-all{display:flex;gap:10px;align-items:center;padding:14px;margin:0 0 10px;border:1px solid #E2E5EC;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer}
.jn-all input,.jn-list input{width:20px;height:20px;accent-color:#F16531;flex:none}
.jn-list{list-style:none;margin:0 0 14px;padding:0 4px}
.jn-list>li{padding:10px 0;border-bottom:1px solid #F0F1F5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.jn-list>li>label{display:flex;gap:10px;align-items:center;flex:1;cursor:pointer;font-size:15px}
.jn-list>li>label b{color:#F16531;font-weight:800}
.jn-list>li>a{font-size:13px;color:var(--sub)}
.jn-plain>li{display:list-item;list-style:disc;margin-left:18px;font-size:15px;line-height:1.6}
.jn-tbl{width:100%;border-collapse:collapse;font-size:13px;margin:4px 0 0}
.jn-tbl th,.jn-tbl td{border:1px solid #E8EAF0;padding:6px 8px;text-align:left;vertical-align:top}
.jn-tbl th{width:76px;background:#F6F7FA;font-weight:700;white-space:nowrap}
.jn-note{margin:4px 0 12px;font-size:13px;color:#6E7486;line-height:1.55}
.jn-page .my-save{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px}
.jn-cancel{display:block;width:100%;margin-top:8px;padding:12px;border:0;background:none;color:#6E7486;font:inherit;font-size:14px;text-align:center;cursor:pointer;text-decoration:underline}
.jn-danger{width:100%;height:50px;border:0;border-radius:10px;background:#D93B30;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.my-acct{display:flex;align-items:center;gap:8px;margin:0;padding:12px 22px;background:#fff;border:1px solid #EFEAE2;border-top:0;font-size:14px;color:var(--sub)}
.my-acct span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--ink)}
.my-acct a{flex:none;padding:7px 12px;border:1px solid #D9DDE6;border-radius:999px;color:#4A5064;font-weight:700;font-size:13.5px}
@media (max-width:640px){.my-acct{padding:10px 16px;border-left:0;border-right:0}}
@media (max-width:640px){.jn-page{border-left:0;border-right:0;padding:18px 16px 22px}}
/* 댓글 신고 */
.cmt-act .cmt-report select{height:36px;padding:0 8px;border:1px solid #D9DDE6;border-radius:6px;font:inherit;font-size:14px;max-width:100%}
/* 쿠팡 파트너스 고지 */
.shop-disc{margin:8px 0 0;font-size:12px;color:#8A90A0;line-height:1.5}
/* 관리자 댓글 신고 */
.rp-item{margin-bottom:12px}.rp-item.is-late{border-color:#E9483F}
.rp-meta{font-size:13px;color:var(--sub);margin:0 0 6px}.rp-meta b{color:#E9483F}
.rp-body{margin:0 0 6px;font-size:15px;white-space:normal}.rp-art{margin:0 0 10px;font-size:13px}
.rp-act{display:flex;flex-wrap:wrap;gap:6px}.rp-act input{flex:1;min-width:160px;height:34px;padding:0 8px;border:1px solid #D9DDE6;border-radius:6px}
.rp-act button{height:34px;padding:0 12px;border:1px solid #D9DDE6;border-radius:6px;background:#fff;cursor:pointer;font:inherit;font-size:13px}
.rp-act button[value=ban]{border-color:#E9483F;color:#E9483F}
.rp-empty{padding:30px;text-align:center;color:var(--sub)}.rp-recent{margin:0;padding-left:18px;font-size:13px;line-height:1.7}
/* Apple 로그인 (아이폰 앱만, 10/10) — 애플 가이드: 검정 바탕·흰 로고, 카카오와 같은 크기 */
.apple-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;margin-top:10px;border:0;border-radius:10px;background:#000;color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.apple-login svg{width:20px;height:20px;fill:#fff}
.comments .apple-login{height:46px;font-size:15px;margin:8px 0 4px}
.my-apple{border-radius:12px;font-weight:800}
.cmt-blocked{margin:8px 0;font-size:13px;color:var(--sub)}.cmt-blocked .linkish{margin-left:6px}
/* 속보 알림 켜기 (MY뉴스, 10/10) */
.push-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}
.push-toggle .panel-h{margin:0 0 4px}.pt-ic{width:20px;height:20px;fill:none;stroke:#F16531;stroke-width:2;margin-right:6px;vertical-align:-3px}
.pt-state{margin:0;font-size:14px;color:var(--sub)}
.push-toggle button{flex:none;height:42px;padding:0 16px;border:0;border-radius:999px;background:#F16531;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.push-toggle[data-state=on] button{background:#fff;color:var(--sub);border:1px solid #D9DDE6}
.push-toggle button:disabled{opacity:.45;cursor:default}
/* MY뉴스 알림 카드 — 켜기 + 받은 알림 (10/11) */
.my-alerts{margin-top:14px;padding:20px 22px 12px}
.al-list{list-style:none;margin:14px 0 0;padding:0;border-top:1px solid #EEF0F4}
.al-list li{border-bottom:1px solid #EEF0F4}.al-list li:last-child{border-bottom:0}
.al-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:3px;padding:12px 0;color:inherit}
.al-t{font-size:15px;font-weight:800;line-height:1.4}.al-list a:hover .al-t{color:var(--red-text)}
.al-b{grid-column:1;font-size:14px;color:var(--sub);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.al-d{grid-column:2;grid-row:1;font-size:12.5px;color:#9AA0AE;white-space:nowrap;padding-top:2px}
.al-empty{margin:14px 0 4px;padding-top:12px;border-top:1px solid #EEF0F4;font-size:14px;color:var(--sub)}
@media (max-width:640px){.my-alerts{margin-top:8px;padding:16px;border-left:0;border-right:0}.push-toggle button{height:38px;padding:0 14px}}
/* 관리자 속보 알림 */
.ps-form{display:grid;gap:12px;margin-bottom:12px}.ps-form label{display:grid;gap:4px;font-weight:700;font-size:14px}
.ps-form input,.ps-form select,.ps-form textarea{font:inherit;font-weight:400;padding:8px;border:1px solid #D9DDE6;border-radius:6px;max-width:100%}
.rp-act .ps-all{background:#E9483F;color:#fff;border-color:#E9483F}
.jn-h2{font-size:16px;margin:18px 0 6px}.jn-ol>li{list-style:decimal}
/* 설치 앱에서 숨길 것 — 후원(결제) 안내 (10/11 스토어 결제 정책) */
.is-app .no-app{display:none!important}
/* AI 전송 동의 상자 (10/11 애플 5.1.2(i)) */
.aic{margin:10px 0 6px;padding:14px 16px;background:#FFF8F3;border:1px solid #F8D5C2}
.aic-t{margin:0 0 6px;font-weight:800;font-size:15px}
.aic-d{margin:0 0 12px;font-size:14px;line-height:1.6;color:#4A5064}.aic-d a{color:var(--sub);text-decoration:underline}
.aic-ok{height:42px;padding:0 18px;border:0;border-radius:999px;background:#F16531;color:#fff;font:inherit;font-weight:800;cursor:pointer}
/* AI 답변 신고 (10/11 구글 AI 생성 콘텐츠 정책) */
.air{margin-left:4px;padding:0;border:0;background:none;color:var(--sub);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}
.air-form{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:6px;vertical-align:middle}
.air-form select,.air-form button{height:30px;font:inherit;font-size:13px;border:1px solid #D9DDE6;background:#fff;border-radius:6px;padding:0 8px}
.air-form button{background:var(--navy);color:#fff;border-color:var(--navy);cursor:pointer}
.air-done{margin-left:6px;font-size:13px;color:var(--red-text);font-weight:700}
/* AI육아비서 라플 소개 /lapl (10/11) */
.lpl{padding:26px 24px 22px}
.lpl-hero{display:flex;align-items:center;gap:14px}.lpl-hero img{border-radius:18px;flex:none}
.lpl-by{margin:0;font-size:14px;color:var(--sub);font-weight:700}.lpl-hero h1{margin:2px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em}
.lpl-lead{margin:16px 0 8px;font-size:16px;line-height:1.7}
.lpl-feats{list-style:none;margin:8px 0 18px;padding:0}
.lpl-feats li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #EEF0F4}.lpl-feats li:last-child{border-bottom:0}
.lpl-feats svg{width:26px;height:26px;flex:none;fill:none;stroke:#F16531;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.lpl-feats strong{display:block;font-size:16px;font-weight:800}.lpl-feats span{display:block;font-size:14px;color:var(--sub);line-height:1.55;margin-top:2px}
.lpl-go{display:grid;gap:8px}
.lpl-btn{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;background:#F16531;color:#fff!important;font-weight:800;font-size:16px}
.lpl-btn.is-web{background:#fff;color:var(--ink)!important;border:1px solid #D9DDE6}
.lpl-note{margin:12px 0 0;font-size:12.5px;color:#9AA0AE;text-align:center}
@media (max-width:640px){.lpl{padding:20px 16px;border-left:0;border-right:0}.lpl-hero h1{font-size:23px}}
.cmt-policy{margin:8px 0 0;font-size:12.5px;line-height:1.6;color:#9AA0AE}.cmt-policy a{color:#6E7486;text-decoration:underline}
/* 우리 동네 출산지원금 /lapl (10/11) */
.mn-head{padding:22px 24px 20px}.mn-head .lpl-hero h1{font-size:24px}
.mn-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:16px}
.mn-form select{height:48px;padding:0 10px;border:1px solid #CFD4DE;border-radius:10px;background:#fff;font:inherit;font-size:15px;min-width:0}
.mn-form button{height:48px;padding:0 20px;border:0;border-radius:10px;background:#F16531;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.mn-sec{margin-top:14px;padding:20px 22px 12px}.mn-sec .panel-h .cnt{margin-left:6px;font-size:15px;color:var(--sub);font-weight:700}
.mn-hint{margin:-2px 0 8px;font-size:13.5px;color:var(--sub)}
.mn-list{list-style:none;margin:0;padding:0}.mn-list li{border-top:1px solid #EEF0F4}
.mn-list a{display:block;padding:13px 0;color:inherit}
.mn-list strong{display:block;font-size:16px;font-weight:800;line-height:1.4}.mn-list a:hover strong{color:var(--red-text)}
.mn-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:14px;color:var(--sub);line-height:1.55}
.mn-meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:6px;font-size:12.5px}.mn-meta em{font-style:normal;color:#6E7486}.mn-meta b{color:#F16531}
.mn-more summary{padding:12px 0;text-align:center;font-weight:800;color:var(--navy);cursor:pointer;border-top:1px solid #EEF0F4;list-style:none}.mn-more summary::-webkit-details-marker{display:none}
.mn-table{width:100%;border-collapse:collapse;margin:6px 0 8px}.mn-table th,.mn-table td{padding:10px 0;border-top:1px solid #EEF0F4;text-align:left;vertical-align:top;font-size:15px}
.mn-table th{width:42%;font-weight:700;padding-right:10px}.mn-table td b{color:#F16531;font-weight:800}.mn-table td span{display:block;font-size:13px;color:var(--sub)}
.mn-ver{border-color:#F8D5C2;background:#FFFBF8}
.mn-src{margin:12px 2px 0;font-size:12.5px;color:#9AA0AE;line-height:1.6}
.mn-empty,.mn-warn{margin:4px 0 10px;font-size:15px;color:var(--sub);line-height:1.6}
.lpl-mini{margin-top:14px}.lpl-mini .lpl-lead{margin-top:0;font-size:15px}
@media (max-width:640px){.mn-head,.mn-sec{padding:16px;border-left:0;border-right:0}.mn-sec,.lpl-mini{margin-top:8px}.mn-form{grid-template-columns:1fr 1fr}.mn-form button{grid-column:1/-1}}
.mn-item{padding:13px 0}
.adm-who{margin:12px 12px 4px;font-size:12.5px;color:#9AA0AE}.adm-who a{color:inherit;text-decoration:underline;margin-left:4px}
/* CMS 상단 공통 메뉴바 — WORKS 상단과 똑같이 (10/11 대표님: 남색 바탕·29px 글자 메뉴·지금 창은 주황 #E9483F, WORKS bn-intra.css '10/11 대표님' 블록과 같은 값) */
.is-admin .masthead,.is-admin .progress{display:none}
.sys-top{position:sticky;top:0;z-index:30;background:#253272;border-bottom:3px solid #E9483F;font-family:Pretendard,"Pretendard Variable",-apple-system,sans-serif}
.sys-in{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:none;height:68px;margin:0;padding:0 24px}
.sys-l,.sys-r{display:flex;align-items:center}
/* 상시 규칙(대표 10/11): 로고는 'B' 글자 높이를 메뉴 대문자 높이에 맞춘다 — 234×79 이미지에서 B 가 세로 25~66px → 높이 40px, 위로 3px */
.sys-l .sys-brand{display:flex;align-items:center;padding:0}.sys-l .sys-brand img{height:40px;width:auto;display:block;transform:translateY(-3px)}
.sys-div{width:1px;height:16px;margin:0 14px;background:rgba(255,255,255,.35);flex:none}
/* 10/11 대표님 추가: 로고 바로 옆에 붙이고, 구분 막대는 짧게(16px 가운데), 지금 창 아닌 메뉴는 흰색 */
.sys-l a:not(.sys-brand){position:relative;padding:0 14px;font-size:29px;font-weight:700;letter-spacing:.02em;line-height:1;color:#fff;white-space:nowrap}
.sys-l .sys-div+a{padding-left:0}
.sys-l a:not(.sys-brand)+a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:16px;margin-top:-8px;background:rgba(255,255,255,.35)}
.sys-l a:not(.sys-brand):hover{color:rgba(255,255,255,.75)}
.sys-l a.is-on,.sys-l a.is-on:hover{color:#E9483F}
.sys-r a{padding:0 12px;font-size:15px;font-weight:700;line-height:1;color:rgba(255,255,255,.82);white-space:nowrap}
.sys-r a+a{border-left:1px solid rgba(255,255,255,.28)}.sys-r a:hover{color:#fff}
.is-admin .adm-nav{top:86px}
@media (max-width:760px){.sys-in{height:56px;padding:0 14px}.sys-l a:not(.sys-brand),.sys-div,.sys-r{display:none}.sys-l .sys-brand img{height:32px}.is-admin .adm-nav{top:70px}}
/* 웍스처럼 왼쪽 메뉴가 상단 바로 아래 붙고 화면 끝까지 (10/11) */
.is-admin .adm-nav{top:71px!important;min-height:calc(100vh - 71px)!important}
.is-admin main.wrap>.adm-nav+*{margin-top:22px}
@media (max-width:760px){.is-admin .adm-nav{top:59px!important}}
.is-admin .adm-nav .adm-brand{display:none!important} /* 상단에 로고·CMS 가 있어 중복 — 대표 10/11 "삭제" */
/* ── CMS 2단 헤더 (10/11 대표님 "좌측 메뉴를 상단 메뉴로 2단 헤더") — 1단 공통 바(.sys-top) 아래 2단 = CMS 메뉴 가로, 본문 전체 폭.
   위의 왼쪽 세로 메뉴 규칙을 덮는다. WORKS 기준안이 오면 높이·글자를 맞출 것 */
.is-admin main.wrap{display:block!important;padding:0 28px 40px!important;max-width:none}
.is-admin .adm-nav{position:sticky!important;top:71px!important;z-index:25;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;min-height:0!important;height:52px;margin:0 -28px 22px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid #E2E5EC!important;grid-row:auto!important}
.is-admin .adm-nav .adm-menu{display:flex;align-items:stretch;height:100%;gap:4px;overflow-x:auto;scrollbar-width:none}
.is-admin .adm-nav .adm-menu a{display:flex;align-items:center;gap:7px;padding:0 14px;height:100%;font-size:16px;font-weight:700;color:#4A5064;background:none!important;box-shadow:none!important;border-bottom:3px solid transparent;white-space:nowrap}
.is-admin .adm-nav .adm-menu a:hover{color:var(--navy)}
.is-admin .adm-nav .adm-menu a[aria-current="page"]{color:#E9483F;border-bottom-color:#E9483F}
.is-admin .adm-nav .adm-menu svg{width:17px;height:17px}
.is-admin .adm-nav .adm-side{display:flex;align-items:center;gap:14px;flex:none}
.is-admin .adm-nav .adm-who{margin:0;color:#6E7486;font-size:13px}.is-admin .adm-nav .adm-who a{color:#6E7486;padding:0;display:inline}
.is-admin .adm-nav .adm-site{margin:0!important;padding:0!important;font-size:13px!important;color:#6E7486!important;display:flex;align-items:center;gap:5px}
.is-admin main.wrap>.adm-nav+*{margin-top:0}
@media (max-width:760px){.is-admin main.wrap{padding:0 14px 30px!important}.is-admin .adm-nav{top:59px!important;margin:0 -14px 16px!important;padding:0 8px!important;height:46px}.is-admin .adm-nav .adm-side{display:none}.is-admin .adm-nav .adm-menu a{padding:0 10px;font-size:14.5px}}
/* WORKS 공통 상단이 그려지면 CMS 자체 상단·2단 메뉴는 숨긴다 (10/11) — #bn-frame 은 본문 위 전체 폭으로 */
html:not(.bnf-fail) .is-admin .sys-top,html:not(.bnf-fail) .is-admin .adm-nav{display:none!important} /* 처음부터 숨김, 공통 상단을 못 그릴 때(bnf-fail)만 보임 — 깜빡임 막기 (WORKS f판, 10/11) */
.is-admin #bn-frame{margin:0 -28px 22px;min-height:0!important;height:auto!important} /* frame.js 가 웍스 body{min-height:100vh} 를 :host 로 바꿔 상단 칸이 화면 높이만큼 커지는 것 막음 */
@media (max-width:760px){.is-admin #bn-frame{margin:0 -14px 16px}}
/* MKT 배너 (10/11) — 기본 띠(.ad-apta)와 같은 자리·폭 */
.ad-banner{margin:18px 0}.ad-banner a{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid #EFEAE2}
.ad-banner img{display:block;width:100%;height:auto}
.ad-banner .aa-mark{position:absolute;z-index:1;left:8px!important;right:auto!important;top:8px!important;bottom:auto!important;padding:0 5px!important;border-radius:3px;background:rgba(255,255,255,.88)!important;color:#555!important} /* 그림 위에서도 보이게 — 광고 표시(표시광고법) */
@media (max-width:640px){.is-article .art-main>.ad-banner,.is-home .ad-banner{margin-left:12px;margin-right:12px}}

/* 애널리틱스 /admin/analytics (10/11) — 표·막대만 */
.an .adm-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}
.an-period{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px}
.an-period a{padding:5px 10px;border:1px solid var(--rule);color:var(--ink);font-weight:700}
.an-period a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.an-period input{font:inherit;height:32px;padding:0 6px;border:1px solid #CFD4DE}
.an-period button{font:inherit;font-weight:800;height:32px;padding:0 12px;border:0;background:var(--navy);color:#fff;cursor:pointer}
.an-cmp{color:var(--faint);margin-left:4px}
.an-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:2px solid var(--ink);margin:12px 0 0;scrollbar-width:thin}
.an-tabs a{flex:none;padding:9px 12px;font-size:14px;font-weight:700;color:var(--sub);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px}
.an-tabs a:hover{color:var(--navy)}
.an-tabs a[aria-current]{color:var(--navy);border-bottom-color:var(--navy)}
.an-note{font-size:13px;color:var(--faint);margin:8px 0 14px}
.an-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 18px}
.an-k{border:1px solid var(--rule);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.an-k b{font-size:24px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.an-k span{font-size:13px;color:var(--sub)}
.an-k.rt{border-color:var(--navy)}.an-k.rt b{color:var(--navy)}
.an-d{font-size:12.5px;font-weight:700;color:var(--faint)}.an-d.up{color:#1F6B5C}.an-d.dn{color:var(--red-text)}
.an-h{font-size:16px;font-weight:800;margin:18px 0 8px}
.an-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px 28px}
.an-tb{width:100%;border-collapse:collapse;font-size:14px}
.an-tb th,.an-tb td{padding:6px 6px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle}
.an-tb thead th{font-size:12.5px;color:var(--sub);font-weight:700}
.an-tb tbody th{font-weight:600;max-width:420px}
.an-tb tbody th a{color:var(--ink)}.an-tb tbody th a:hover{color:var(--navy);text-decoration:underline}
.an-tb th small{display:block;font-size:12px;color:var(--faint);font-weight:500}
.an-tb .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.an-tb .sub{color:var(--faint);font-size:12.5px}
.an-bar{width:40%}.an-bar i{display:block;height:10px;background:var(--navy);min-width:2px}
.an-empty{font-size:13.5px;color:var(--faint);margin:6px 0 12px}
.an-btns{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.an-btns .adm-one{display:inline-flex;align-items:center}
@media (max-width:640px){.an-bar{width:30%}.an-k b{font-size:20px}}
html.bnf-foot-ready .bnf-old-foot{display:none!important}
/* CMS 대시보드 아래 애널리틱스 요약 (10/11) */
.dash-an-head{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 8px;border-top:2px solid var(--ink);padding-top:12px}
.dash-an-head h2{font-size:18px;font-weight:800;margin:0}
.dash-an-head a{font-size:14px;font-weight:700;color:var(--navy)}
.dash-card .an-kpis{grid-template-columns:repeat(2,1fr);margin:0}
.dash-card .an-k b{font-size:20px}
/* 기사쓰기 도움 (10/11) — 제목 추천·해시태그·관련기사·기자 검색 */
.is-admin .wr-tools{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.is-admin .wr-assist{border:1px solid var(--rule);padding:10px 12px;margin:0 0 12px;background:#F7F8FB}
.is-admin .wr-assist .wr-ai-note{margin:0 0 6px}
.is-admin .wr-pick{list-style:none;margin:0;padding:0}
.is-admin .wr-pick li{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--rule)}
.is-admin .wr-pick li:last-child{border-bottom:0}
.is-admin .wr-pick button{font:inherit;font-size:15px;text-align:left;background:none;border:0;padding:7px 0;cursor:pointer;color:var(--ink);flex:1}
.is-admin .wr-pick button:hover{color:var(--navy);text-decoration:underline}
.is-admin .wr-pick label{display:block;padding:6px 0;font-size:14.5px;cursor:pointer;flex:1}
.is-admin .wr-pick small{font-size:12px;color:var(--faint);white-space:nowrap}
.is-admin .wr-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.is-admin .wr-chips button{font:inherit;font-size:13.5px;font-weight:700;padding:5px 10px;border:1px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);cursor:pointer}
.is-admin .wr-chips li.on button{background:var(--navy);color:#fff}
.is-admin .wr-chips li.all button{border-style:dashed}
.is-admin .wr-rq{display:flex;gap:6px;margin:0 0 6px}.is-admin .wr-rq input{flex:1;font:inherit;height:32px;padding:0 8px;border:1px solid #CFD4DE}
.is-admin #wr-r-add{height:34px;padding:0 14px;margin-top:8px}
.is-admin .wr-rep-list{border:1px solid var(--rule);background:#fff;margin:-6px 0 10px;padding:0 10px;max-height:260px;overflow:auto}
html.bnf-fail #bn-frame{display:none!important}
/* 기사쓰기 화면 글꼴 = WORKS(Pretendard), 왼쪽 정렬 (대표 10/11) */
.is-admin .adm.wr,.is-admin .adm.wr input,.is-admin .adm.wr textarea,.is-admin .adm.wr select,.is-admin .adm.wr button{font-family:Pretendard,"Pretendard Variable",-apple-system,"Malgun Gothic",sans-serif}
.is-admin .adm.wr{text-align:left}
.is-admin .wr-fix .wr-fx,.is-admin .wr-pick .wr-fx{flex:1;font-size:14.5px;padding:7px 0}
.is-admin .wr-fx del{color:var(--red-text);text-decoration:line-through}.is-admin .wr-fx ins{color:#1F6B5C;text-decoration:none;font-weight:700}
.is-admin .wr-fix li button,.is-admin #wr-s-list li button{flex:none;font-size:13px;font-weight:700;color:var(--navy);padding:4px 10px;border:1px solid var(--navy);border-radius:999px}
.is-admin .wr-fix li.on button{background:var(--navy);color:#fff}
.is-admin .wr-fix li.all button,.is-admin #wr-s-list li.all button{border-style:dashed}
/* CMS 버튼 = 전부 회색 둥근 상자 (대표 10/11 "버튼은 전부 회색 라운딩박스로 통일") — 관리자 화면만 */
.is-admin .adm-send,.is-admin .adm-one,.is-admin .wr-ai,.is-admin .an-period button,.is-admin .wr-pick li button,.is-admin .wr-chips button,.is-admin .wr-fix li button,.is-admin #wr-s-list li button,.is-admin .wr-rq button,.is-admin .adm .adm-bar button,.is-admin .an-btns .adm-one{
	background:#EEF0F4!important;color:#1A1F36!important;border:1px solid #D3D7DF!important;border-radius:999px!important;font-weight:700;box-shadow:none}
.is-admin .adm-send,.is-admin .adm-one,.is-admin .an-period button{height:36px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}
.is-admin .adm-send:hover,.is-admin .adm-one:hover,.is-admin .wr-ai:hover,.is-admin .an-period button:hover,.is-admin .wr-pick li button:hover,.is-admin .wr-chips button:hover,.is-admin .wr-fix li button:hover,.is-admin #wr-s-list li button:hover,.is-admin .wr-rq button:hover{background:#E1E4EA!important;text-decoration:none}
.is-admin .adm-send:focus-visible,.is-admin .adm-one:focus-visible,.is-admin .wr-pick li button:focus-visible,.is-admin .wr-chips button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.is-admin .wr-chips li.on button,.is-admin .wr-fix li.on button{background:#5D6478!important;color:#fff!important;border-color:#5D6478!important}
.is-admin .adm-send:disabled,.is-admin .adm-one:disabled{opacity:.55;cursor:default}
/* 제목 후보·기자 목록은 글줄 그대로(둥근 상자 아님) — 누르는 글줄 */
.is-admin .wr-pick:not(.wr-fix):not(#wr-s-list) li button{background:none!important;border:0!important;border-radius:0!important;padding:7px 0;font-weight:500}
.is-admin .wr-pick:not(.wr-fix):not(#wr-s-list) li.all button{background:#EEF0F4!important;border:1px dashed #D3D7DF!important;border-radius:999px!important;padding:4px 12px;flex:none;font-weight:700}
/* 버튼 세로 높이 통일 40px · 회색 둥근 상자 (대표 10/11 캡처 "버튼 세로높이 형식 통일") — 저장·기사 보기·AI 분류 포함 */
.is-admin .adm-send,.is-admin .adm-one,.is-admin .wr-ai,.is-admin .wr-save,.is-admin .wr-view,.is-admin .an-period button{height:40px!important;min-height:40px;padding:0 18px!important;font-size:14.5px!important;line-height:1}
.is-admin .wr-view{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px;background:#EEF0F4;color:#1A1F36;border:1px solid #D3D7DF;border-radius:999px;font-weight:700;text-decoration:none}
.is-admin .wr-view:hover{background:#E1E4EA}
.is-admin .wr-save,.is-admin .wr-ai{width:100%}
.is-admin .wr-tools .adm-one,.is-admin .wr-box .adm-one,.is-admin .an-btns .adm-one,.is-admin .sec-btns button{height:40px!important;min-height:40px;padding:0 18px!important;font-size:14.5px!important}
.is-admin .wr-side select{width:100%}
/* 기사쓰기 입력 정리 (대표 10/11) — 보도자료·사진·AI 요청·우하단 저장 */
.is-admin .wr .adm-head:empty,.is-admin .wr .adm-head:not(:has(p)){display:none}
.is-admin .wr-sec{border:1px solid #E2E5EC;border-radius:10px;padding:12px 14px;margin:0 0 16px;background:#FAFBFC}
.is-admin .wr-press>summary{cursor:pointer;font-weight:800;font-size:15.5px;list-style:revert}
.is-admin .wr-press>summary em,.is-admin .wr-ask h2 em{font-style:normal;font-weight:500;font-size:13px;color:var(--faint);margin-left:6px}
.is-admin .wr-press[open]>summary{margin-bottom:10px}
.is-admin .wr-press textarea,.is-admin .wr-ask textarea{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #CFD4DE;border-radius:8px;resize:vertical}
.is-admin .wr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.is-admin .wr-hint{font-size:12.5px;color:var(--faint)}
.is-admin .wr-inline{display:flex;gap:8px;align-items:stretch}
.is-admin .wr-inline>input,.is-admin .wr-inline>textarea{flex:1;min-width:0}
.is-admin .wr-inline>.adm-one{flex:none;align-self:center}
.is-admin .wr-file{position:relative;display:inline-flex;align-items:center;height:40px;padding:0 18px;background:#EEF0F4;border:1px solid #D3D7DF;border-radius:999px;font-weight:700;font-size:14.5px;cursor:pointer}
.is-admin .wr-file:hover{background:#E1E4EA}
.is-admin .wr-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.is-admin .wr-file:focus-within{outline:2px solid var(--navy);outline-offset:2px}
.is-admin .wr-draft{background:#fff;border:1px solid #E2E5EC;border-radius:8px;padding:12px 16px;max-height:420px;overflow:auto;font-size:15px;line-height:1.75}
.is-admin .wr-draft:empty{display:none}
.is-admin .wr-d-title{font-size:19px;font-weight:800;margin:0 0 4px}.is-admin .wr-d-sub{color:var(--sub);margin:0 0 10px}
.is-admin .wr-photos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.is-admin .wr-photos li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E2E5EC;border-radius:8px;padding:6px}
.is-admin .wr-photos li.on{opacity:.6}.is-admin .wr-photos li.err{color:var(--red-text);font-size:13.5px;padding:8px 10px}
.is-admin .wr-photos img{width:72px;height:54px;object-fit:cover;border-radius:4px;flex:none}
.is-admin .wr-photos input{flex:1;min-width:0;height:36px;font:inherit;font-size:14px;padding:0 10px;border:1px solid #CFD4DE;border-radius:6px}
.is-admin .wr-ask h2{font-size:15.5px;font-weight:800;margin:0 0 8px}
.is-admin .wr-answer{white-space:pre-wrap;background:#fff;border:1px solid #E2E5EC;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.7}
.is-admin .wr-answer:empty{display:none}
/* 저장 = 화면 오른쪽 아래에 늘 (대표 10/11) */
.is-admin .wr-savebar{display:flex;justify-content:flex-end;gap:8px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #E2E5EC}
.is-admin .wr-savebar .wr-save{width:auto!important;min-width:140px;font-size:15.5px!important;background:#E9483F!important;color:#fff!important;border-color:#E9483F!important} /* 저장 = 오렌지·흰 글씨 (대표 10/11) */
.is-admin .wr-savebar .wr-save:hover{background:#D63B32!important;border-color:#D63B32!important}

@media (max-width:640px){.is-admin .wr-inline{flex-wrap:wrap}.is-admin .wr-inline>.adm-one{width:100%}}
/* 대시보드 상단 '기사쓰기'·'기사전송' 도 둥근 회색 상자 (대표 10/11 "라운딩", 버튼 전부 회색 둥근 상자) */
.is-admin .dash-quick a{background:#EEF0F4!important;color:#1A1F36!important;border:1px solid #D3D7DF!important;border-radius:999px!important;height:40px;display:inline-flex;align-items:center;padding:0 18px;font-weight:700}
.is-admin .dash-quick a:hover{background:#E1E4EA!important}
/* 사진 등록 창 (대표 10/11) */
.is-admin .wr-dlg{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 48px);border:0;border-radius:14px;padding:0;box-shadow:0 20px 60px rgba(26,31,54,.3);font-family:Pretendard,"Pretendard Variable",-apple-system,sans-serif}
.is-admin .wr-dlg::backdrop{background:rgba(26,31,54,.45)}
.is-admin .wr-dlg-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #E2E5EC;position:sticky;top:0;background:#fff;z-index:1}
.is-admin .wr-dlg-head h2{font-size:18px;font-weight:800;margin:0}
.is-admin .wr-dlg-x{width:36px;height:36px;border:0;background:#EEF0F4;border-radius:999px;font-size:22px;line-height:1;cursor:pointer}
.is-admin .wr-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 18px 8px;padding:28px 16px;border:2px dashed #C9CED8;border-radius:12px;background:#FAFBFC;text-align:center;cursor:pointer}
.is-admin .wr-drop.over,.is-admin .wr-drop:hover{border-color:#E9483F;background:#FFF7F5}
.is-admin .wr-drop b{font-size:16px}.is-admin .wr-drop span{font-size:13px;color:var(--faint)}
.is-admin .wr-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.is-admin .wr-drop:focus-within{outline:2px solid var(--navy);outline-offset:2px}
.is-admin #wr-ph-note{margin:0 18px 8px}
.is-admin .wr-phgrid{list-style:none;margin:0;padding:0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.is-admin .wr-phgrid li{border:1px solid #E2E5EC;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#fff}
.is-admin .wr-phgrid li.thumb{border-color:#E9483F;box-shadow:0 0 0 2px #FDECEB}
.is-admin .wr-phgrid li.wait,.is-admin .wr-phgrid li.err{font-size:13px;color:var(--faint);min-height:60px;justify-content:center;align-items:center}
.is-admin .wr-phgrid li.err{color:var(--red-text)}
.is-admin .wr-phimg{aspect-ratio:4/3;background:#F0F1F4;border-radius:6px;overflow:hidden}
.is-admin .wr-phimg img{width:100%;height:100%;object-fit:contain;display:block}
.is-admin .wr-phgrid input{height:36px;font:inherit;font-size:13.5px;padding:0 8px;border:1px solid #CFD4DE;border-radius:6px}
.is-admin .wr-phbtns{display:flex;gap:4px;flex-wrap:wrap}
.is-admin .wr-phbtns .adm-one{height:32px!important;min-height:32px;padding:0 10px!important;font-size:12.5px!important}
.is-admin .wr-phgrid li.on .wr-phbtns .adm-one:first-child{background:#5D6478!important;color:#fff!important}
.is-admin .wr-phgrid li.thumb .wr-star{background:#E9483F!important;color:#fff!important;border-color:#E9483F!important}
.is-admin .wr-dlg-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end;padding:14px 18px;margin-top:12px;border-top:1px solid #E2E5EC;position:sticky;bottom:0;background:#fff}
.is-admin .wr-dlg-foot .wr-hint{margin-right:auto}
/* 기자·이메일 — 치면 바로 찾기 */
.is-admin .wr-combo{position:relative}
.is-admin .wr-combo>label{display:block;font-size:13.5px;font-weight:700;margin-bottom:4px}.is-admin .wr-combo>label em{font-style:normal;font-weight:500;font-size:12px;color:var(--faint)}
.is-admin .wr-combo .wr-rep-list{position:absolute;left:0;right:0;top:100%;z-index:20;margin:2px 0 0;box-shadow:0 8px 24px rgba(26,31,54,.15);border-radius:8px}
.is-admin .wr-rep-list li.cur{background:#F3F4F7}
/* 기사쓰기 칸 이름 옆 아이콘 (대표 10/11) */
.is-admin .wr .wr-f>span .bi,.is-admin .wr .wr-box h2 .bi,.is-admin .wr-press>summary .bi,.is-admin .wr-ask h2 .bi{width:17px;height:17px;margin-right:6px;vertical-align:-3px;fill:none;stroke:#E9483F;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* 보도자료 팝업·검토 단추 줄 (대표 10/11) */
.is-admin .wr-dlg-pad{padding:0 18px 16px}
.is-admin .wr-dlg>.wr-hint.wr-dlg-pad{display:block;padding-top:12px}
.is-admin .wr-press textarea{width:100%}
.is-admin .wr-dlg .wr-dlg-head h2 .bi{width:20px;height:20px;margin-right:6px;vertical-align:-4px;fill:none;stroke:#E9483F;stroke-width:1.9}
.is-admin .wr-tools2{align-items:center;padding-top:8px;border-top:1px dashed #E2E5EC}
.is-admin .wr-tl{font-size:13px;font-weight:800;color:var(--sub);margin-right:4px}
.is-admin .wr-x-h{font-size:14.5px;font-weight:800;margin:12px 0 4px}
.is-admin .wr-x-list li{align-items:flex-start;padding:6px 0;gap:6px}
.is-admin .wr-x-list li.empty{color:var(--faint);font-size:13.5px}
.is-admin .wr-x-list .wr-fx small{color:var(--faint);font-size:12.5px}
.is-admin .wr-x-list .adm-one{flex:none;height:32px!important;min-height:32px;padding:0 12px!important;font-size:12.5px!important}
.is-admin .wr-x-thumb{width:64px;height:48px;object-fit:cover;border-radius:4px;flex:none}
/* 오른쪽 상자 제목은 상자 위로 (대표 10/11) */
.is-admin .wr-side .wr-box-h{display:flex;align-items:center;font-size:15px;font-weight:800;margin:0 0 6px 2px}
.is-admin .wr-side .wr-box-h .bi{width:17px;height:17px;margin-right:6px;fill:none;stroke:#E9483F;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.is-admin .wr-side .wr-box+.wr-box-h{margin-top:18px}
/* 본문 도움 단추 = 한 줄 글자 메뉴, ㅣ 로 구분 (대표 10/11) */
.is-admin .wr-tools.wr-tl-line{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:6px 0 10px;padding:8px 2px;border-top:1px solid #E2E5EC;border-bottom:1px solid #E2E5EC}
.is-admin .wr-tools.wr-tl-line .adm-one{background:none!important;border:0!important;border-radius:0!important;height:30px!important;min-height:30px;padding:0 10px!important;font-size:14px!important;font-weight:700;color:#1A1F36!important}
.is-admin .wr-tools.wr-tl-line .adm-one:hover{color:#E9483F!important;background:none!important}
.is-admin .wr-tools.wr-tl-line .adm-one+.adm-one::before{content:"ㅣ";color:#C9CED8;font-weight:400;margin:0 10px 0 -10px}
.is-admin .wr-tools.wr-tl-line .adm-one:first-child{padding-left:0!important}
.is-admin .wr-count{margin:4px 2px 0;font-size:13px;color:var(--faint);text-align:right} /* 본문 글자 수만 (대표 10/11) */
/* 미리보기 (대표 10/11) */
.is-preview .pv-bar{margin:0;padding:10px 16px;background:#FFF7F5;border-bottom:2px solid #E9483F;color:#CC3A31;font-weight:700;font-size:14px;text-align:center}
.is-admin .wr-savebar .wr-preview{min-width:110px}
.is-admin .wr-phgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.is-admin .wr-phimg{cursor:zoom-in}
.is-admin .wr-savebar .wr-save{margin-left:0!important} /* 미리보기는 저장 바로 옆 (대표 10/11) — 예전 .adm-send margin-left:auto 가 떼어 놓았다 */
/* 미리보기 팝업 (대표 10/11) */
.is-admin .wr-pv{width:min(1240px,calc(100vw - 32px));height:calc(100vh - 48px);max-height:none;display:none;flex-direction:column}
.is-admin .wr-pv[open]{display:flex}
.is-admin .wr-pv .wr-dlg-head{gap:12px}
.is-admin .wr-pv .wr-dlg-head h2{margin-right:auto}.is-admin .wr-pv .wr-dlg-head h2 em{font-style:normal;font-weight:500;font-size:13px;color:var(--faint);margin-left:6px}
.is-admin .wr-pv-size{display:flex;gap:4px}
.is-admin .wr-pv-size .adm-one{height:32px!important;min-height:32px;padding:0 14px!important;font-size:13px!important}
.is-admin .wr-pv-size .adm-one.on{background:#5D6478!important;color:#fff!important;border-color:#5D6478!important}
.is-admin .wr-pv-stage{flex:1;min-height:0;background:#F0F1F4;display:flex;justify-content:center;overflow:hidden}
.is-admin .wr-pv-stage iframe{width:100%;height:100%;border:0;background:#fff}
.is-admin .wr-pv.is-m .wr-pv-stage{padding:16px 0}
.is-admin .wr-pv.is-m .wr-pv-stage iframe{width:390px;max-width:100%;border-radius:14px;box-shadow:0 6px 24px rgba(26,31,54,.18)}
/* 본문 = 별도 상자, 편집기 그림자 없앰 (대표 10/11) */
.is-admin .wr-bodybox{border:1px solid #E2E5EC;border-radius:12px;padding:14px 16px 10px;background:#FAFBFC;margin:6px 0 4px}
.is-admin .wr-bodybox .tox-tinymce{border:1px solid #D3D7DF!important;border-radius:8px!important;box-shadow:none!important}
.is-admin .tox .tox-editor-header,.is-admin .tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none!important;border-bottom:1px solid #E2E5EC!important;padding:0!important}
.is-admin .tox .tox-toolbar,.is-admin .tox .tox-toolbar__overflow,.is-admin .tox .tox-toolbar__primary{background:#fff!important;box-shadow:none!important}
.is-admin .tox-tinymce--toolbar-sticky-on .tox-editor-header{box-shadow:none!important}
.is-admin main.wrap{padding-bottom:12px!important} /* 하단 회색 여백 최소화 (대표 10/11) */
.is-admin .wr-savebar{justify-content:center!important} /* 미리보기·저장 가운데 (대표 10/11) */
/* 뉴스스탠드 화면 (10/12) */
.is-admin .ns-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 16px}
.is-admin .ns-st{font-weight:800;padding:6px 14px;border-radius:999px;font-size:14px}.is-admin .ns-st.on{background:#E6F4EE;color:#1F6B5C}.is-admin .ns-st.off{background:#FDECEB;color:#CC3A31}
.is-admin .ns-f{display:flex;gap:6px;align-items:center;margin-left:auto}.is-admin .ns-f input{height:40px;font:inherit;padding:0 10px;border:1px solid #CFD4DE;border-radius:8px}
.is-admin .ns-grid{display:grid;grid-template-columns:minmax(0,860px) minmax(280px,1fr);gap:24px;align-items:start}
.is-admin .ns-pv iframe{width:860px;max-width:100%;height:420px;border:1px solid #E2E5EC;border-radius:8px;background:#fff}
.is-admin .ns-warn{color:var(--red-text);font-weight:700}
@media (max-width:1200px){.is-admin .ns-grid{grid-template-columns:1fr}}
/* 포털 송고 설정 카드 (대표 10/14 "포털별 카드, 로고") */
.is-admin .pc .sec-check{display:none}
.is-admin .pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin:12px 0 4px}
.is-admin .pc-card{display:flex;flex-direction:column;border:1px solid #E2E5EC;border-radius:14px;background:#fff;overflow:hidden}
.is-admin .pc-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #EEF0F4;background:#FAFBFC}
.is-admin .pc-head img{width:40px;height:40px;border-radius:10px;flex:none;background:#fff;border:1px solid #E2E5EC;padding:4px;image-rendering:auto}
.is-admin .pc-head h2{font-size:17px;font-weight:800;margin:0}
.is-admin .pc-head p{font-size:12.5px;color:var(--faint);margin:2px 0 0}
.is-admin .pc-chips{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.is-admin .pc-chip{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px;background:#EEF0F4;color:#5D6478;white-space:nowrap}
.is-admin .pc-chip.ok{background:#E6F4EE;color:#1F6B5C}.is-admin .pc-chip.warn{background:#FFF4E0;color:#A35B00}.is-admin .pc-chip.off{background:#F0F1F4;color:#8A90A0}.is-admin .pc-chip.live{background:#FDECEB;color:#CC3A31}
.is-admin .pc-body{padding:14px 18px;display:grid;gap:10px;flex:1}
.is-admin .pc-body label{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--sub)}
.is-admin .pc-body input:not([type=checkbox]),.is-admin .pc-body select{height:38px;font:inherit;font-size:14px;padding:0 10px;border:1px solid #CFD4DE;border-radius:8px;color:var(--ink)}
.is-admin .pc-body .pc-pw input{border-color:#E9483F;background:#FFFBFA}
.is-admin .pc-body label.chk{display:flex;align-items:center;gap:6px;font-weight:600}.is-admin .pc-body label.chk em{font-style:normal;font-weight:500;color:var(--faint);font-size:12px}
.is-admin .pc-more summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--sub)}.is-admin .pc-more summary em{font-style:normal;font-weight:500;color:var(--faint)}.is-admin .pc-more[open]{display:grid;gap:10px}
.is-admin .pc-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #EEF0F4}
.is-admin .pc-note{font-size:12.5px;color:var(--faint);margin:0;margin-right:auto}
.is-admin .pc .sec-btns{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:16px}
.is-admin .pc .sec-btns .wr-save{min-width:140px}
@media (max-width:640px){.is-admin .pc-grid{grid-template-columns:1fr}}
/* 꼬리: 인터넷신문위원회 윤리강령 — 배경 없이 로고+글자 (대표 10/17). 로고 파일이 없으면 글자만 */
.f-ethics{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#C9CEE3}
.f-ethics img{width:20px;height:20px;flex:none}
.f-ethics img[data-miss]{display:none}
/* 브랜드 광고 카드 — 이벤트 칸과 같은 크기, 로고 대신 브랜드 이름 판 + '광고' 표시 (대표 10/18 시안) */
.ev-list .ev-brand>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #EEF0F4;background:#fff}
.ev-bname{display:grid;place-items:center;background:var(--bc,#253272);color:#fff;text-align:center;position:relative}
.ev-bname b{font-size:17px;font-weight:800;line-height:1.2;padding:0 6px}
.ev-bname i{position:absolute;left:6px;top:6px;font-style:normal;font-size:11px;font-weight:700;background:rgba(255,255,255,.92);color:#333;padding:1px 6px;border-radius:3px}
.ev-brand .ev-tx em{color:#6E7486}
@media (max-width:640px){.ev-list .ev-brand>div{grid-template-columns:96px minmax(0,1fr)}}
/* 브랜드 시연 블록 (대표 10/18) — 광고 판·영상 자리·제품 카드, 이미지 없이 브랜드 이름 판 */
.bd-ad{margin:20px 0}
.bd-ad>a,.bd-ad>div{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px 22px;background:var(--bc,#253272);color:#fff;border-radius:14px;min-height:110px}
.bd-ad .bd-mark{position:absolute;right:10px;top:10px;font-style:normal;font-size:11px;font-weight:700;background:rgba(255,255,255,.92);color:#333;padding:1px 6px;border-radius:3px}
.bd-ad .bd-brand{font-size:13px;font-weight:700;opacity:.85}
.bd-ad strong{font-size:20px;font-weight:800;line-height:1.3}
.bd-ad span{font-size:14px;opacity:.92}
.bd-ad em{font-style:normal;font-size:11.5px;opacity:.75;margin-top:4px}
.art-rail>.bd-rail{margin:0 0 14px}
.bd-rail>a,.bd-rail>div{width:100%;max-width:300px;aspect-ratio:300/250;min-height:0;margin:0 auto;border-radius:0}
.bd-video{display:grid;place-items:center;gap:6px;aspect-ratio:16/9;background:var(--bc,#253272);color:#fff;text-align:center;padding:20px}
.bd-video svg{width:46px;height:46px;fill:#fff;opacity:.9}
.bd-video b{font-size:18px;font-weight:800}
.bd-video span{font-size:13px;opacity:.85}
.bd-pimg{display:grid;place-items:center;aspect-ratio:1/1;background:var(--bc,#253272);color:#fff}
.bd-pimg b{font-size:16px;font-weight:800}
.bd-pdesc{font-size:13px;color:var(--sub);line-height:1.45}
.bd-note{margin:8px 0 0;font-size:12px;color:var(--faint)}
.bd-qa{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;color:var(--ink)}
.qa-box.bd-blk .qa-sum{display:block}
/* 마더케이몰 연동 판매 카드 (대표 10/18) — 할인율 빨강 · 구매 링크 */
.cp-price .bd-sale{font-style:normal;color:var(--red-text);font-weight:800;margin-right:6px;background:none;padding:0;border:0}
.bd-buy{font-size:13px;font-weight:700;color:var(--navy);margin-top:2px}
.bd-shop .cp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 광고주 이미지 광고 — 너비 100%·비율 유지, 왼쪽 위 '광고' (마더케이 10/18) */
.bd-ad.bd-img>a{display:block;position:relative;padding:0;background:none;min-height:0;border-radius:0}
.bd-ad.bd-img img,.ev-brand-img img{display:block;width:100%;height:auto}
.bd-img .bd-mark,.ev-brand-img .bd-mark{position:absolute;left:8px;top:8px;right:auto;z-index:1;font-style:normal;font-size:11px;font-weight:700;background:rgba(255,255,255,.92);color:#333;padding:1px 6px;border-radius:3px}
.bd-rail.bd-img>a{max-width:300px;aspect-ratio:auto;margin:0 auto}
.ev-list .ev-brand-img>a{display:block;position:relative;padding:0;grid-template-columns:none;border:1px solid #EEF0F4}
/* 브랜드 영상 — 작은 가로 카드 (마더케이 10/18): 썸네일 340px 16:9 + 글, 휴대폰은 세로 */
.bd-vcard{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:center}
.bd-vcard .bd-video{aspect-ratio:16/9;padding:0}
.bd-vcard .bd-video svg{width:40px;height:40px}
.bd-vtx strong{display:block;font-size:18px;font-weight:800}
.bd-vtx span{display:block;margin-top:6px;font-size:14px;color:var(--sub);line-height:1.5}
.bd-vtx em{display:inline-block;margin-top:10px;font-style:normal;font-size:14px;font-weight:700;color:var(--navy)}
@media (max-width:640px){.bd-vcard{grid-template-columns:1fr;gap:10px}}
/* 관련 유튜브 1개일 때 — 세로 쇼츠 썸네일 왼쪽 + 제목 오른쪽 가로형 (마더케이 샘플 10/18) */
.tv-art.tv-one{display:block}
.tv-art.tv-one .tv-item{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;margin:0}
.tv-art.tv-one figcaption{margin-top:0;font-size:17px}
@media (max-width:640px){.tv-art.tv-one .tv-item{grid-template-columns:150px minmax(0,1fr);gap:12px}.tv-art.tv-one figcaption{font-size:15px}}
/* 샘플 기사: 관련 유튜브·인스타 첫째 = 브랜드 자리 표시 (대표 10/18) */
.bd-own{position:relative;outline:2px solid var(--red);outline-offset:2px}
.bd-own-tag{position:absolute;left:6px;top:6px;z-index:2;background:var(--red);color:#fff;font-size:12px;font-weight:800;padding:2px 8px;border-radius:3px;pointer-events:none}
/* 샘플 기사: 많이 본 뉴스 세로 5줄 — 순위 + 제목 1~2줄 (대표 10/18) */
.mv-grid.mv-rows{display:block}
.mv-rows article{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--rule)}
.mv-rows article:last-child{border-bottom:0}
.mv-rows .thumb{display:none}
.mv-rows .rk-n{position:static;font-size:20px}
.mv-rows h3{margin:0;font-size:16px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mv-grid.mv-rows .rk-n{display:block;color:var(--red-text);font-weight:800}
.mv-grid.mv-rows article:nth-child(5){display:grid}
/* 많이 본 뉴스 — 모든 화면 세로 5줄: 순위 · 제목 · 오른쪽 사진 (대표 10/19) */
.mv-grid.mv-rows article{grid-template-columns:30px minmax(0,1fr) 104px;grid-template-areas:"n t p";gap:10px}
.mv-grid.mv-rows .rk-n{grid-area:n}
.mv-grid.mv-rows h3{grid-area:t}
.mv-grid.mv-rows .thumb{display:block;grid-area:p;width:104px;aspect-ratio:3/2;margin:0}
.mv-grid.mv-rows article:not(:has(.thumb)){grid-template-columns:30px minmax(0,1fr)}
@media (max-width:640px){.mv-grid.mv-rows article{grid-template-columns:24px minmax(0,1fr) 88px}.mv-grid.mv-rows .thumb{width:88px}.mv-rows h3{font-size:15px}}


/* 메인 2×2 — 주요 뉴스 | 최신 뉴스 / 저출산 극복 특별기획 | 많이 본 뉴스, 줄마다 높이 맞춤 (대표 10/19) */
.hl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"main live" "spec rank"!important;align-items:stretch}
.hl>.hl-lowbirth{grid-area:spec}
@media (max-width:640px){.hl{grid-template-columns:1fr!important;grid-template-areas:"live" "rank" "main" "spec"!important}}
/* Q&A 분야 탭 — 육아·웨딩·PET (대표 10/19) */
.qa-cats{display:flex;gap:8px;margin:4px 0 14px}
.qa-cats a{padding:8px 18px;border-radius:999px;border:1px solid #D9DDE6;font-weight:800;font-size:15px;color:#4A5064}
.qa-cats a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff}

/* 기사 오른쪽 진행 중인 이벤트 — 한 개씩 정사각형 카드 (대표 10/19) */
.rail-ev{margin:0 0 14px;padding:16px;background:#fff;border:1px solid #E2E5EC}
.rail-ev h2{font-size:17px;font-weight:800;margin:0 0 10px}
.rev-card{display:block;margin-bottom:12px;border:1px solid #EEF0F4;background:#fff}
.rev-card:last-child{margin-bottom:0}
.rev-img{display:block;aspect-ratio:1/1;background:#F6F7FA;overflow:hidden}
.rev-img img{width:100%;height:100%;object-fit:cover}
.rev-img img[src*="apta-logo"],.rev-img img[src*="happybox"]{object-fit:contain;padding:14%}
.rev-tx{display:block;padding:10px 12px}
.rev-tx strong{display:block;font-size:15px;font-weight:800;line-height:1.35}
.rev-tx em{display:block;margin-top:4px;font-style:normal;font-size:12px;font-weight:700;color:#C24E1B}
.rev-card:hover strong{color:var(--red-text)}

/* Q&A 분야 — 글자 한 줄 메뉴, ㅣ 구분 (대표 10/19) */
.qa-lines{margin:6px 0 12px;font-size:15px;line-height:1.9}
.qa-lines p{margin:0;display:flex;flex-wrap:wrap;align-items:center}
.qa-lines .ql-h{font-weight:800;color:#111;min-width:44px}
.qa-lines .ql-h.is-on{color:var(--red-text)}
.qa-lines .ql-dash{color:#999;margin:0 10px 0 4px}
.qa-lines .ql-sep{color:#C5CAD6;margin:0 8px}
.qa-lines a{color:#555}
.qa-lines a[aria-current="page"]{color:var(--red-text);font-weight:800}
.qa-lines a:hover{color:var(--red-text)}
/* 푸터(PC) — 로고와 메뉴를 한 줄로 가운데 높이 맞춤, 주소·사업자·저작권은 로고 왼쪽 끝 기준 좌측 정렬 (대표 10/19) */
@media (min-width:641px){
	.site-footer .wrap{grid-template-columns:auto minmax(0,1fr);column-gap:36px}
	.site-footer .f-top img{grid-row:1;align-self:center;margin-top:0}
	.site-footer .f-nav{grid-row:1;align-self:center;padding-bottom:0;margin-bottom:0;border-bottom:0}
	.site-footer .f-contact{grid-column:1 / -1;grid-row:2;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}
	.site-footer .f-biz{grid-column:1 / -1;grid-row:3}
	.site-footer .f-copy{grid-column:1 / -1;grid-row:4;text-align:left}
	.site-footer .f-contact,.site-footer .f-legal{justify-content:flex-start}
}
/* 푸터(PC) — 메뉴를 로고 글자 높이에 맞춤, 저작권 위 여백 줄임 (대표 10/19) */
@media (min-width:641px){
	.site-footer .f-nav{align-self:start;margin-top:5px}
	.site-footer .f-biz{margin-bottom:0}
	.site-footer .f-copy{margin-top:8px!important;padding-top:0!important;border-top:0!important}
	.site-footer .f-copy .f-ethics{margin-top:0}
}

/* 푸터 SNS 계정 — 저작권 위 (대표 10/19) */
.site-footer .f-sns{display:flex;gap:8px;margin:14px 0 0;grid-column:1 / -1}
.site-footer .f-sns a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.site-footer .f-sns a:hover{background:rgba(255,255,255,.28)}
.site-footer .f-sns svg{width:16px;height:16px;fill:currentColor}
@media (min-width:641px){.site-footer .f-sns{grid-row:4}.site-footer .f-copy{grid-row:5}}
@media (max-width:640px){.site-footer .f-sns{justify-content:center}}
/* 푸터 SNS — 오른쪽 여백(저작권 줄 오른쪽 끝)으로 (대표 10/19 "sns는 우측 여백에") */
@media (min-width:641px){.site-footer .f-sns{grid-row:5;justify-self:end;align-self:end;margin:0;position:relative;z-index:1}}
.qa-src{margin:14px 0 0;font-size:13.5px;color:var(--sub)}
.qa-src a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* 댓글 입력칸·카카오 버튼 세로 줄임 108 → 60px, 카카오는 아이콘·글자 한 줄 (대표 10/19) */
.cmt-write{grid-template-columns:minmax(0,1fr) 150px}
.cmt-write textarea{height:60px;padding:9px 12px;font-size:15px}
.kakao-sq,.cmt-send{width:150px;height:60px;flex-direction:row;gap:6px;font-size:14px}
.kakao-sq svg{width:20px;height:20px}
.kakao-sq br{display:none}
@media (max-width:640px){.cmt-write{grid-template-columns:minmax(0,1fr) 112px}.cmt-write textarea{height:56px}.kakao-sq,.cmt-send{width:112px;height:56px;font-size:13px}}
/* 푸터 SNS — 동그라미 없이 아이콘만, 선명하게 크게 (대표 10/19) */
.site-footer .f-sns{gap:16px}
.site-footer .f-sns a{width:auto;height:auto;border-radius:0;background:none;color:#fff;opacity:1}
.site-footer .f-sns a:hover{background:none;color:#FEE500}
.site-footer .f-sns svg{width:26px;height:26px}
/* 기자 박스(PC) — 로고 · 이름 · 이메일 · 구독/다른 기사 한 줄 (대표 10/19) */
@media (min-width:641px){
	.rep-box{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
	.rep-box img{width:40px;height:40px;flex:none}
	.rep-box .rb-name{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;min-width:0}
	.rep-box .rb-mail{display:inline;margin-left:4px}
	.rep-box .rb-acts{margin-left:auto;flex:none;flex-wrap:nowrap}
}

/* 푸터 SNS — 브랜드 색 로고 30px, 선명하게 (대표 10/19) */
.site-footer .f-sns{gap:12px}
.site-footer .f-sns a{display:block;width:30px;height:30px;line-height:0}
.site-footer .f-sns a:hover{transform:translateY(-2px)}
.site-footer .f-sns svg{width:30px;height:30px;fill:initial;shape-rendering:geometricPrecision}
/* 법인명 BAY OF CONTENTS — BAY·CON 오렌지 (대표 10/19) */
.f-baycon{letter-spacing:.02em;font-weight:700}
.f-baycon b{color:#F7931E;font-weight:800}
/* BAY·CON — 베이비뉴스 로고 주황(#F26532), 굵게 하지 않음 (대표 10/19) */
.f-baycon{font-weight:inherit}
.f-baycon b{color:#F26532;font-weight:inherit}

/* 푸터 SNS — 연회색 원 안에 회색 단색 로고 (대표 참고 그림, 10/19) */
.site-footer .f-sns{gap:10px}
.site-footer .f-sns a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#EEF0F4;color:#9AA0AB;transform:none}
.site-footer .f-sns a:hover{background:#fff;color:#5D6478;transform:none}
.site-footer .f-sns svg{width:20px;height:20px;fill:currentColor}
/* 푸터 SNS — 동그라미 없이 회색 로고만 크게 32px (대표 10/19) */
.site-footer .f-sns{gap:14px}
.site-footer .f-sns a{width:auto;height:auto;border-radius:0;background:none;color:#B4BAC8}
.site-footer .f-sns a:hover{background:none;color:#fff}
.site-footer .f-sns svg{width:32px;height:32px}

/* Q&A 깊이 — 확인할 것 · 주의할 점 (10/19) */
.qa-check{margin:18px 0 0;padding:16px 18px;background:#F4F7FB;border:1px solid #D9E1EE;border-radius:6px}
.qa-check strong{display:block;font-size:16px;font-weight:800;margin-bottom:6px}
.qa-check ul{margin:0;padding-left:20px}
.qa-check li{margin:4px 0;line-height:1.6}
.qa-caution{margin:12px 0 0;padding:12px 16px;background:#FFF4F2;border:1px solid #F6D3CC;border-radius:6px;line-height:1.6}
.qa-caution strong{display:block;font-weight:800;color:var(--red-text);margin-bottom:2px}

/* 푸터 SNS 테두리 없는 글리프 · 저작권 줄 아이콘 (대표 10/19) */
.site-footer .f-sns svg{width:26px;height:26px}
.site-footer .f-cl,.site-footer .f-ethics{display:inline-flex;align-items:center;gap:6px}
.site-footer .f-ci{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
/* 많이 본 뉴스 분야 탭 — 제목 줄 오른쪽 끝, 버튼 말고 글자 + ㅣ (대표 10/19 "앞으로 이런 건 버튼식 쓰지 말 것") */
.hl-rank{position:relative}
.hl-rank .rk-tabs{position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:0;margin:0;padding:0;background:none;overflow:visible}
.hl-rank .rk-tabs [role=tab]{border:0!important;background:none!important;border-radius:0;padding:0;height:auto;font-size:14px;font-weight:600;color:var(--faint);box-shadow:none;cursor:pointer}
.hl-rank .rk-tabs [role=tab]+[role=tab]::before{content:"ㅣ";color:#C5CAD6;margin:0 8px;font-weight:400}
.hl-rank .rk-tabs [role=tab][aria-selected=true]{color:var(--red-text);font-weight:800}
@media (max-width:640px){.hl-rank .rk-tabs{right:16px;top:16px}}

/* 최저가쇼핑 맨 위 — 시기별 마더케이 추천 (대표 10/19) */
.mk-rec .panel-h{font-size:19px}
.mk-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 6px;font-size:15px}
.mk-form input{width:96px;height:40px;padding:0 10px;border:1px solid #CBD2DC;border-radius:6px;font-size:16px}
.mk-form button{height:40px;padding:0 16px;border:0;border-radius:6px;background:var(--navy);color:#fff;font-weight:700;font-size:15px}
.mk-form small{flex-basis:100%;color:#888;font-size:12.5px}
.mk-st{margin:6px 0 14px;font-size:15px;line-height:1.9}
.mk-st a{color:#555}
.mk-st a[aria-current]{color:var(--navy);font-weight:800}
.mk-st .sep{color:#C9CED6;margin:0 8px}
.mk-off{color:#E8336B;margin-right:6px;font-weight:800}

/* 최저가쇼핑 회원가입 카카오 버튼 (대표 10/19) */
.mk-join{display:grid;gap:8px;margin:4px 0 12px;max-width:420px}
.mk-join .my-kakao{height:46px;font-size:15px}

/* Q&A 목록 썸네일 (대표 10/19) */
.qa-card{padding:0 0 18px;overflow:hidden}
.qa-card>:not(.qa-th){margin-left:20px;margin-right:20px}
.qa-th{display:grid;place-items:center;aspect-ratio:16/9;margin:0 0 4px;background:#F1F3F7;overflow:hidden;position:relative}
.qa-th img{width:100%;height:100%;object-fit:cover;display:block}
.qa-th svg{width:46px;height:46px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.qa-th em{position:absolute;left:12px;bottom:10px;font-style:normal;font-size:12.5px;font-weight:700}
.qa-th-wed{background:#FDF0EF}.qa-th-wed svg{stroke:#D45A5A}.qa-th-wed em{color:#B84646}
.qa-th-pet{background:#EEF6F1}.qa-th-pet svg{stroke:#3D8B62}.qa-th-pet em{color:#2F7350}
.qa-card .qa-q{margin-top:6px}
.mk-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.mk-top .mk-form{flex:1 1 320px}
.mk-top .mk-join{flex:0 1 300px;margin:12px 0 0;width:100%}
@media (max-width:640px){.mk-top .mk-join{flex-basis:100%;max-width:none;margin-top:0}}
/* Q&A 썸네일 — 원래 카드 그대로, 왼쪽에 작게 (대표 10/19) */
.qa-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-auto-rows:min-content;column-gap:14px;row-gap:6px;padding:18px 20px;align-content:start}
.qa-card>:not(.qa-th){margin-left:0;margin-right:0;grid-column:2}
.qa-th{grid-column:1;grid-row:1/span 4;width:88px;height:88px;aspect-ratio:auto;margin:0;border-radius:8px;align-self:start}
.qa-th svg{width:34px;height:34px}
.qa-th em{display:none}
.qa-card .qa-q{margin-top:0}
@media (max-width:640px){.qa-card{grid-template-columns:72px minmax(0,1fr)}.qa-th{width:72px;height:72px}}
/* 사진 없는 질문은 썸네일 없이 원래 카드 (대표 10/19) */
.qa-card:not(.has-th){grid-template-columns:minmax(0,1fr)}
.qa-card:not(.has-th)>*{grid-column:1}
/* 전문가 — 카드 오른쪽 아래, 오른쪽 정렬 (대표 10/19) */
.qa-card{grid-template-rows:auto auto auto 1fr;grid-auto-rows:auto}
.qa-card .qa-exp{align-self:end;justify-self:end;text-align:right;margin-top:6px}
/* 푸터(PC) 메뉴 — 로고 'B' 글자 가운데 높이에 맞춤, 메뉴 사이 세로선 (대표 10/19) */
@media (min-width:641px){
	.site-footer .f-nav{margin-top:11px;column-gap:19px}
	.site-footer .f-nav a{position:relative}
	.site-footer .f-nav a+a::before{content:'';position:absolute;left:-10px;top:50%;width:1px;height:11px;margin-top:-5px;background:rgba(255,255,255,.35)}
}

/* 인스타·유튜브 묶음 제목 오른쪽 — 글자 대신 로고 (대표 10/19) */
.sect-head .sns-logo{display:inline-flex;align-items:center;margin-left:auto;line-height:0}
.sect-head .sns-logo svg{height:26px;width:auto}
.sect-head .sns-logo:hover{opacity:.85}

/* 오른쪽 기둥 맨 아래 육아 Q&A 10개 (대표 10/19) */
.rail-qa ol{list-style:none;margin:0;padding:0}
.rail-qa li{border-top:1px solid #EEF0F4}
.rail-qa li:first-child{border-top:0}
.rail-qa li a{display:flex;gap:8px;align-items:baseline;padding:9px 0;font-size:14px;line-height:1.45;color:#222}
.rail-qa li a:hover{color:var(--red-text)}
.rail-qa li b{flex:none;color:var(--red);font-weight:800;font-size:13px}
/* 기둥 육아 Q&A — 번호 없이 제목만, 사이 가로선 (대표 10/19) */
.art-rail .rail-qa .rq-list{list-style:none;margin:0;padding:0;counter-reset:none}
.art-rail .rail-qa .rq-list li{display:block;padding:0;border-top:1px solid #E5E8EE;counter-increment:none}
.art-rail .rail-qa .rq-list li:first-child{border-top:0}
.art-rail .rail-qa .rq-list li::before{content:none!important;display:none!important}
.art-rail .rail-qa .rq-list li a{display:block;padding:11px 0;font-size:14px;line-height:1.5;color:#222}
.art-rail .rail-qa .rq-list li a:hover{color:var(--red-text)}
/* 기둥 육아 Q&A — 질문마다 말풍선 물음표 아이콘 (대표 10/19) */
.art-rail .rail-qa .rq-list li a{display:flex;align-items:flex-start;gap:8px}
.art-rail .rail-qa .rq-ic{flex:none;width:17px;height:17px;margin-top:2px;fill:none;stroke:var(--red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 설정 화면 요청 대화창 (대표 10/19) */
.req-box{margin-top:28px;padding:22px 24px;background:#fff;border:1px solid #E2E5EC}
.req-box h2{font-size:18px;font-weight:800;margin:0 0 12px}
.req-box h2 small{display:block;font-size:13px;font-weight:500;color:var(--sub);margin-top:4px}
.req-new{display:flex;gap:10px;align-items:stretch}
.req-new textarea{flex:1;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #CFD4DE;resize:vertical;min-height:72px}
.req-new button,.req-re button{border:0;background:var(--navy);color:#fff;font-weight:700;padding:0 18px;cursor:pointer}
.req-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.req-item{border:1px solid #E5E8EE;padding:14px 16px}
.req-meta{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:13px;color:var(--sub)}
.req-st{font-size:12px;font-weight:800;padding:2px 8px;border-radius:4px;background:#EEF0F4;color:#555}
.req-st.st-doing{background:#FFF4E5;color:#B45309}.req-st.st-done{background:#E8F5EE;color:#2F7350}.req-st.st-hold{background:#F3F4F6;color:#888}
.req-log{display:grid;gap:8px}
.req-msg{margin:0;padding:10px 12px;background:#F4F6FA;font-size:14.5px;line-height:1.6;max-width:85%}
.req-msg.is-ai{background:#FFF1E8;justify-self:end}
.req-who{display:block;font-size:12px;color:var(--sub);margin-bottom:2px}
.req-re{display:flex;gap:8px;margin-top:10px}
.req-re input{flex:1;font:inherit;height:38px;padding:0 10px;border:1px solid #CFD4DE}
@media (max-width:640px){.req-new{flex-direction:column}.req-new button{height:44px}.req-msg{max-width:100%}}

/* 기사전송 — 신규·수정·삭제 전송 버튼 (소장섭 국장 10/19) */
.is-admin .adm-bar .adm-sel{font-weight:700;margin-left:8px}
.is-admin .adm-bar .adm-send{margin-left:6px}
.is-admin .adm-go{display:inline-flex;gap:4px;margin-left:6px}
.is-admin .adm-one.go-new,.is-admin .adm-send.go-new{background:#253272;color:#fff;border-color:#253272}
.is-admin .adm-one.go-upd,.is-admin .adm-send.go-upd{background:#fff;color:#253272;border:1px solid #253272}
.is-admin .adm-one.go-del,.is-admin .adm-send.go-del{background:#fff;color:#C0392B;border:1px solid #E3A49B}
.is-admin .adm-go .adm-one{padding:4px 8px;font-size:12.5px;white-space:nowrap}

/* PC·모바일 버전 보기 — 넓은 화면엔 '모바일 버전 보기', 좁은 화면엔 'PC 버전 보기' (대표 10/20) */
.site-footer .f-view{font-weight:700}
.site-footer .f-view-m{display:none}
@media (min-width:1024px){.site-footer .f-view-m{display:inline}.site-footer .f-view-pc{display:none}}
.site-footer .f-view-m.is-forced{display:inline}
@media (max-width:1023px){.site-footer .f-nav a.f-view-pc{display:inline!important}.site-footer .f-nav a.f-view-m.is-forced{display:inline!important}} /* 휴대폰 하단에도 PC 버전 보기 (대표 10/20) */
@media (min-width:1024px){.site-footer .f-nav a.f-view-m{display:inline!important}.site-footer .f-nav a.f-view-pc{display:none!important}}

/* 기사전송 — 포털별 신규·수정·삭제 (소장섭 국장 10/20) */
.is-admin .adm-bar{flex-wrap:wrap;row-gap:8px}
.is-admin .adm-pv{display:inline-flex;align-items:center;gap:4px;margin-left:10px;padding-left:10px;border-left:1px solid #E2E5EC}
.is-admin .adm-pv b{font-size:13px;margin-right:2px}
.is-admin .adm-pv .adm-send{padding:6px 10px;font-size:12.5px;margin-left:0}
.is-admin .adm-vgo{display:flex;gap:3px;margin-top:5px}
.is-admin .adm-vgo .adm-one{padding:3px 6px;font-size:11.5px;min-height:0;white-space:nowrap}

/* 기사전송 정리 — 포털 체크 + 버튼 하나씩, 제목 한 줄 (소장섭 국장 10/20) */
.is-admin .adm-pick{display:inline-flex;align-items:center;gap:12px;margin-left:12px;padding:6px 12px;border:1px solid #E2E5EC;border-radius:8px;background:#F8F9FC}
.is-admin .adm-pick b{font-size:13px}
.is-admin .adm-pick label{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;cursor:pointer}
.is-admin .adm-acts{display:inline-flex;gap:6px;margin-left:10px}
.is-admin .adm-acts .adm-send{margin-left:0}
.is-admin .adm-pv,.is-admin .adm-vgo,.is-admin .adm-go{display:none}
.is-admin .adm-table{table-layout:fixed}
.is-admin .adm-table td.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-admin .adm-table th:first-child,.is-admin .adm-table td:first-child{width:34px}
.is-admin .adm-table th:nth-child(2){width:auto}
.is-admin .adm-table th:nth-child(3){width:90px}.is-admin .adm-table th:nth-child(4){width:90px}
.is-admin .adm-table th:nth-child(n+5){width:96px}
.is-admin .adm-table th:last-child{width:60px}

/* 기사 수정 창 — 포털 전송 이력 (소장섭 국장 10/20) */
.is-admin .wr-log{margin:24px 0 0;padding:18px 20px;background:#fff;border:1px solid #E2E5EC}
.is-admin .wr-log h2{font-size:16px;font-weight:800;margin:0 0 10px}
.is-admin .wr-log h2 small{font-size:13px;color:var(--sub);font-weight:500;margin-left:6px}
.is-admin .wr-log-t{table-layout:auto;font-size:13px}
.is-admin .wr-log-t td{white-space:nowrap}
.is-admin .wr-log-t td.r{white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis;color:var(--sub)}
.is-admin .wr-log-t tr.st-sent b{color:#2F7350}.is-admin .wr-log-t tr.st-failed b{color:#C0392B}.is-admin .wr-log-t tr.st-skipped b{color:#888}
/* 배너광고 관리 화면 (대표 10/20) */
.is-admin .ads-sum{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 16px}
.is-admin .ads-sum>div{background:#fff;border:1px solid #E2E5EC;padding:14px 20px;min-width:150px}
.is-admin .ads-sum b{display:block;font-size:24px;font-weight:800;color:#253272}
.is-admin .ads-sum span{font-size:13px;color:var(--sub)}
.is-admin .ads-days{margin:0 0 0 auto;font-size:14px}.is-admin .ads-days a{color:#555}.is-admin .ads-days a[aria-current]{color:#253272;font-weight:800}.is-admin .ads-days .sep{color:#C5CAD6;margin:0 8px}
.is-admin .ads-t td{vertical-align:middle}.is-admin .ads-t td small{display:block;color:var(--sub);font-size:12px;font-weight:400}
.is-admin .ads-t td.n{text-align:right;white-space:nowrap}.is-admin .ads-t tr.is-sel{background:#F4F7FB}
.is-admin .ads-th{width:96px;max-height:72px;object-fit:contain;border:1px solid #EEF0F4;background:#fafafa}
.is-admin .ads-url{display:block;font-size:12px;color:#5865A0}
.is-admin .ads-st{font-size:12px;font-weight:800;padding:2px 8px;border-radius:4px;background:#EEF0F4;color:#666}
.is-admin .ads-st.st-on{background:#E8F5EE;color:#2F7350}.is-admin .ads-st.st-wait{background:#FFF4E5;color:#B45309}
.is-admin .ads-t .acts{white-space:nowrap}.is-admin .ads-t .acts a{margin-right:8px}.is-admin .ads-t .acts form{display:inline}
.is-admin .ads-bars{display:flex;align-items:flex-end;gap:3px;height:160px;padding:8px 0 22px;margin-bottom:12px;border-bottom:1px solid #E2E5EC;overflow-x:auto}
.is-admin .ads-bar{flex:1 0 14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}
.is-admin .ads-bar span{display:block;width:100%;background:#253272;border-radius:2px 2px 0 0}
.is-admin .ads-bar em{position:absolute;bottom:-20px;font-style:normal;font-size:10px;color:var(--sub);white-space:nowrap}
.is-admin .ads-form{display:grid;gap:12px;max-width:820px}
.is-admin .ads-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}
.is-admin .ads-form input:not([type=radio]){font:inherit;font-weight:400;height:38px;padding:0 10px;border:1px solid #CFD4DE}
.is-admin .ads-form small{font-weight:400;color:var(--sub)}
.is-admin .ads-slots{border:1px solid #E2E5EC;padding:10px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.is-admin .ads-slots label{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;font-weight:400;padding:8px;border:1px solid #EEF0F4;cursor:pointer}
.is-admin .ads-slots label span{color:#253272;font-weight:800}.is-admin .ads-slots label small{flex-basis:100%}
.is-admin .ads-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.is-admin .ads-btns{display:flex;align-items:center;gap:14px}
/* 사이트 쪽 넓은 배너 */
.bd-ad.ad-wide{margin:18px 0;text-align:center}.bd-ad.ad-wide img{max-width:100%;height:auto}
/* 기사 알림톡 상자 (대표 10/20) */
.is-admin .wr-side .wr-box-h .wr-al-st{font-style:normal;font-weight:500;font-size:12px;color:var(--faint);margin-left:6px}
.is-admin .wr-al .wr-al-list{position:absolute;left:0;right:0;top:100%;z-index:20;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid #E2E5EC;border-radius:8px;box-shadow:0 8px 24px rgba(26,31,54,.15);max-height:260px;overflow:auto}
.is-admin .wr-al .wr-al-list li{padding:8px 12px;font-size:13.5px;cursor:pointer}
.is-admin .wr-al .wr-al-list li.cur,.is-admin .wr-al .wr-al-list li[role=option]:hover{background:#F3F4F7}
.is-admin .wr-al .wr-al-list li.none{color:var(--faint);cursor:default}
.is-admin .wr-al-new{margin:8px 0}
.is-admin .wr-al-new summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#253272}
.is-admin .wr-al-row{display:flex;gap:6px;margin-top:6px}
.is-admin .wr-al-row input{flex:1;min-width:0}
.is-admin .wr-al-picked{list-style:none;margin:8px 0 4px;padding:0}
.is-admin .wr-al-picked li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:7px 0;border-top:1px solid #EEF0F4;font-size:13.5px}
.is-admin .wr-al-picked small{color:var(--faint);font-size:12px}
.is-admin .wr-al-picked .m{color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}
.is-admin .wr-al-picked em{font-style:normal;font-size:12px;margin-left:auto;color:#253272}
.is-admin .wr-al-picked .st-sent em{color:#1A7F4B}
.is-admin .wr-al-picked .st-failed em{color:#C0392B}
.is-admin .wr-al-picked .x{border:0;background:none;font-size:17px;line-height:1;color:var(--faint);cursor:pointer;padding:0 2px}
/* 푸터 오른쪽 아래 — 베이비뉴스 앱 다운로드 (대표 10/20) */
.site-footer .f-apps{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.site-footer .f-apps-t{font-size:13px;font-weight:600;color:#C9D1F0;margin-right:4px}
.site-footer .f-apps img{display:block;height:40px;width:auto}
.site-footer .f-apps a:focus-visible{outline:2px solid #F7B79C;outline-offset:2px;border-radius:6px}
@media (min-width:641px){.site-footer .f-apps{grid-column:2;grid-row:4;justify-self:end;align-self:end;position:relative;z-index:1}}
@media (max-width:640px){.site-footer .f-apps{grid-column:1 / -1;grid-row:5;justify-content:center;margin-top:14px}.site-footer .f-apps img{height:36px}}
@media (max-width:640px){.site-footer .f-apps{grid-row:20;padding-bottom:6px}}
/* 앱 배지 — '베이비뉴스 앱' 글자 빼고, PC 는 푸터 오른쪽 아래 줄(저작권 마지막 줄)에 맞춤 (대표 10/20) */
@media (min-width:641px){.site-footer .wrap{position:relative}.site-footer .f-apps{position:absolute;right:20px;bottom:3px;grid-row:auto;margin:0}}
/* 사진 칸이 숨으면 제목이 줄 전체를 쓰게 (대표 10/20) */
.rk-img[hidden],.hq-img[hidden],.thumb[hidden]{display:none!important}
.rk-list a:has(.rk-img[hidden]) .rk-t{grid-column:1 / -1}
/* 새 관리 화면(회원·댓글·기사설정) 공통 */
.mng-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px}
.mng-find input[name=q]{flex:0 1 260px;height:36px;padding:0 10px;border:1px solid #D5D9E2;border-radius:6px;font:inherit}
.mng-tabs{margin:0 auto 0 0;font-size:14px}
.mng-tabs a{color:#5B6275;text-decoration:none;font-weight:600}
.mng-tabs a small{color:#A3A9B8;font-weight:500}
.mng-tabs a[aria-current]{color:#C2410C;font-weight:800}
.mng-tabs .sep{color:#C5CAD6;margin:0 8px}
.mng-pages{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 0}
.mng-pages a{min-width:30px;height:30px;display:grid;place-items:center;border:1px solid #E2E5EC;border-radius:6px;font-size:13px;color:#3A4050;text-decoration:none}
.mng-pages a[aria-current]{background:#253272;color:#fff;border-color:#253272}
.mng-cmt .mng-body{max-width:420px;font-size:13.5px;line-height:1.5}
.mng-cmt .mng-body em{font-style:normal;color:#A3A9B8}
.mng-cmt .mng-art a{font-size:13px;color:#3A4050}
.mng-sec input:not([type=checkbox]){height:32px;padding:0 8px;border:1px solid #D5D9E2;border-radius:6px;font:inherit;width:100%;max-width:280px}
.mng-sec input.num{width:70px}
.mng-sec input.cat{max-width:110px;text-transform:uppercase}
.mng-sec tr.is-1 td{font-weight:700}
.mng-sec .mng-indent{color:#A3A9B8;margin-right:6px}
.mng-new{display:flex;flex-direction:column;gap:4px;margin:14px 0 0;font-size:13.5px;font-weight:700;max-width:360px}
.mng-new input{height:34px;padding:0 10px;border:1px solid #D5D9E2;border-radius:6px;font:inherit}
.mng-jump{font-size:14px}.mng-jump a{font-weight:700;color:#253272}.mng-jump .sep{color:#C5CAD6;margin:0 8px}
/* 앱 배지 — 테두리 없는 검정 배지 (대표 10/20 "테두리 없음") */
.site-footer .f-badge{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 11px;background:#000;border:0;border-radius:8px;color:#fff;text-decoration:none;font-family:'Noto Sans KR',Pretendard,"Pretendard Variable",-apple-system,sans-serif}
.site-footer .f-badge svg{width:22px;height:22px;flex:none}
.site-footer .f-badge span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.site-footer .f-badge b{font-size:15px;font-weight:700;letter-spacing:-.3px}
.site-footer .f-badge small{font-size:10.5px;font-weight:500;opacity:.9;margin-top:2px}
.site-footer .f-badge:hover{background:#1A1D2B}
.site-footer .f-badge:focus-visible{outline:2px solid #F7B79C;outline-offset:2px}
@media (max-width:640px){.site-footer .f-badge{height:36px}.site-footer .f-badge b{font-size:14px}}
/* 회원관리 네 칸(일반회원·취재원·기자·칼럼니스트) (대표 10/20) */
.mng-tabs-big{margin:0 0 14px;font-size:16px}
.mng-tabs-big a{font-weight:700}
.mng-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;align-items:end}
.mng-form .ads-btns{grid-column:1 / -1}
.adm-table td.acts form{display:inline}
.adm-table td.acts a{margin-right:8px;font-size:13px}
/* 오른쪽 아래 동그라미 광고 — 해피박스 (대표 10/20). 휴대폰은 아래 메뉴줄 위 */
.ad-orb{position:fixed;right:20px;bottom:24px;z-index:44;width:104px;height:104px}
.ad-orb[hidden]{display:none}
.ad-orb>a{display:block;width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(26,29,43,.22);border:3px solid #fff;overflow:hidden;position:relative;transition:transform .2s}
.ad-orb>a:hover{transform:scale(1.05)}
.ad-orb img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box;display:block}
.ad-orb .ao-mark{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);font-size:9.5px;font-weight:800;color:#5B6275;background:rgba(255,255,255,.9);padding:0 5px;border-radius:3px;line-height:14px}
.ad-orb .ao-x{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;border:0;background:#1A1D2B;color:#fff;font-size:15px;line-height:24px;padding:0;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.ad-orb a:focus-visible,.ad-orb .ao-x:focus-visible{outline:2px solid #F26532;outline-offset:2px}
@media (max-width:640px){.ad-orb{width:78px;height:78px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}.ad-orb img{padding:6px}}
@media (prefers-reduced-motion:reduce){.ad-orb>a{transition:none}.ad-orb>a:hover{transform:none}}
/* 카카오·Apple 회원가입 버튼 나란히 (대표 10/20) — Apple 버튼이 보이는 곳(아이폰 앱)에서는 반반, 없으면 카카오 한 줄 */
.join-pair{display:grid;gap:8px}
.join-pair:has(.apple-login:not([hidden])),.mk-join:has(.apple-login:not([hidden])){grid-template-columns:1fr 1fr}
.join-pair .apple-login,.mk-join .apple-login{margin:0;height:auto;min-height:46px}
.join-pair>*,.mk-join>*{min-width:0;white-space:nowrap;font-size:15px}
@media (max-width:360px){.join-pair>*,.mk-join>*{font-size:13.5px;gap:5px}}
/* 휴대폰 푸터 — 로고(+햄버거)만, 회사소개·제보·광고문의·연락처·사업자 정보·저작권은 햄버거로 펼침 (대표 10/20). 앱 배지는 그대로 */
.f-burger{display:none}
@media (max-width:640px){
	.site-footer .wrap{display:block!important;padding-top:16px!important;padding-bottom:16px!important}
	.site-footer .f-top{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
	.site-footer .f-top img{width:96px!important;height:auto;margin:0!important}
	.f-burger{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:transparent;color:#fff;cursor:pointer;padding:0}
	.f-burger svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
	.f-burger:focus-visible{outline:2px solid #F7B79C;outline-offset:2px}
	.site-footer:not(.is-open) .f-nav,.site-footer:not(.is-open) .f-addr{display:none!important}
	.site-footer.is-open .f-nav{display:flex!important;flex-wrap:wrap;gap:6px 14px;margin:14px 0 10px!important;padding:12px 0!important;border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
	.site-footer.is-open .f-addr{display:block!important;padding-top:6px}
	.site-footer.is-open .f-burger{background:rgba(255,255,255,.12)}
	.site-footer .f-apps{margin-top:14px!important}
}
/* 휴대폰 푸터 다듬기 (대표 10/20) — 보이는 것: 로고(가운데)·윤리강령·저작권·Copyright·앱 버튼. 회색 선 없음. 나머지는 햄버거 */
@media (max-width:640px){
	.site-footer .f-top{justify-content:center!important;position:relative}
	.f-burger{position:absolute;right:0;top:50%;transform:translateY(-50%)}
	.site-footer:not(.is-open) .f-addr{display:block!important}
	.site-footer:not(.is-open) .f-contact,.site-footer:not(.is-open) .f-biz{display:none!important}
	.site-footer .f-copy{border-top:0!important;padding-top:0!important;margin-top:12px!important;text-align:center}
	.site-footer.is-open .f-nav{border:0!important}
	.site-footer .f-apps{justify-content:center!important}
	.site-footer .f-nav,.site-footer .f-contact,.site-footer .f-biz,.site-footer .f-biz ul{border-top:0!important;border-bottom:0!important}
}
@media (max-width:640px){.site-footer .f-top{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}}
/* 하단 메뉴탭 더 아래로 (대표 10/20) — 아이콘·글자를 바닥 쪽으로: 칸 높이 58→50, 아이폰 바닥 안전여백은 절반만 */
@media (max-width:640px){
	.tabbar{padding-bottom:calc(env(safe-area-inset-bottom) * .5)!important}
	.tabbar a{height:50px!important;gap:2px;justify-content:flex-end;padding-bottom:4px}
}
@media (max-width:640px) and (display-mode:standalone){.tabbar a{height:52px!important}}
@media (max-width:640px){.ad-orb{bottom:calc(62px + env(safe-area-inset-bottom) * .5)!important}}
/* 휴대폰 푸터 순서 (대표 10/20) — 로고(가운데) → 앱 버튼 → Copyright 한 줄. 윤리강령·저작권 줄은 햄버거 펼칠 때만 */
@media (max-width:640px){
	.site-footer .wrap{display:flex!important;flex-direction:column}
	.site-footer .f-top{order:1}
	.site-footer .f-apps{order:2;margin-top:14px!important}
	.site-footer .f-addr{order:3}
	.site-footer:not(.is-open) .f-copy .f-ethics,.site-footer:not(.is-open) .f-copy .f-cl:not(:last-child),.site-footer:not(.is-open) .f-copy br{display:none!important}
	.site-footer .f-copy{margin-top:10px!important}
}
@media (max-width:640px){
	.site-footer .wrap{align-items:stretch!important}
	.site-footer .f-top{width:100%;align-self:stretch;justify-content:center!important;min-height:44px}
	.site-footer .f-apps{align-self:stretch;justify-content:center!important}
	.site-footer .f-addr{align-self:stretch}
	.site-footer .f-copy,.site-footer .f-copy .f-cl{text-align:center;justify-content:center}
}
/* 휴대폰 상단 — 스크롤하면 로고·날짜·검색 줄을 접고 분야 메뉴만 남김 (대표 10/20) */
@media (max-width:640px){
	html.mh-min .masthead .logo,html.mh-min .masthead .mh-date,html.mh-min .masthead .burger,html.mh-min .masthead .search{display:none!important}
	html.mh-min .masthead .wrap{padding-top:0!important;min-height:0!important}
	html.mh-min .secnav{margin-top:0!important;border-top:0!important}
	html.mh-min .masthead{box-shadow:0 2px 8px rgba(26,29,43,.08)}
}
/* 휴대폰 푸터 — 군청 세로 최소화, 로고 크게 (대표 10/20) */
@media (max-width:640px){
	.site-footer{padding:0!important;margin-top:0!important}
	.site-footer .wrap{padding-top:14px!important;padding-bottom:12px!important}
	.site-footer .f-top{min-height:0!important}
	.site-footer .f-top img{width:150px!important}
	.site-footer .f-apps{margin-top:10px!important;padding:0!important}
	.site-footer .f-addr{padding-top:0!important}
	.site-footer .f-copy{margin:8px 0 0!important;padding:0!important}
	body:has(.tabbar) .site-footer .wrap{padding-bottom:calc(12px + 50px + env(safe-area-inset-bottom) * .5)!important}
}
/* 하단 메뉴탭 자리: 회색 바탕 대신 군청 푸터가 메뉴탭 뒤까지 이어지게 (대표 10/20) */
@media (max-width:640px){
	body:has(.tabbar):has(.site-footer){padding-bottom:0!important}
}
/* 광고 표시 통일 — 모든 광고는 오른쪽 위 'AD' 한 가지 모양 (대표 10/20) */
.bd-mark,.bd-img .bd-mark,.ev-brand-img .bd-mark,.ev-bname i,.aa-mark,.ad-banner .aa-mark{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;z-index:2;font-style:normal!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.3px;line-height:16px!important;padding:0 5px!important;border:0!important;border-radius:3px!important;background:rgba(255,255,255,.92)!important;color:#5B6275!important}
.bd-ad>a,.bd-ad>div,.ad-apta>a,.ad-banner>a,.ev-bname{position:relative}
.ad-mark{font-size:10.5px!important;font-weight:800!important;letter-spacing:.3px;color:#5B6275!important;background:#EEF0F4;border-radius:3px;padding:0 5px!important;line-height:16px;margin-left:auto!important;align-self:center!important}
/* 동그라미 광고: AD 는 오른쪽 위, 닫기 × 는 왼쪽 위로 */
.ad-orb .ao-mark{top:10px!important;right:12px!important;left:auto!important;bottom:auto!important;transform:none!important;font-size:10px!important}
.ad-orb .ao-x{right:auto!important;left:-4px!important}
/* 휴대폰 — 푸터 위 분야 메뉴(사이트맵) 삭제 (대표 10/20). 같은 메뉴가 상단에 있다 */
@media (max-width:640px){.f-map{display:none!important}}
/* 휴대폰 푸터 로고 = 상단 로고 크기 (세로 44) (대표 10/20) */
@media (max-width:640px){.site-footer .f-top img{width:auto!important;height:44px!important}}
/* 휴대폰 푸터 — 회색 바탕 (대표 10/20 "모바일에서 푸터 회색으로"). 로고는 상단과 같은 색 로고, 글자·버튼은 진한 회색 */
@media (max-width:640px){
	.site-footer{background:#EEF0F4!important;color:#5B6275!important;border-top:1px solid #E2E5EC}
	.site-footer .f-top picture{display:block;line-height:0}
	.site-footer .f-copy,.site-footer .f-copy *,.site-footer .f-addr,.site-footer .f-addr a,.site-footer .f-nav a{color:#5B6275!important}
	.site-footer .f-copy .f-ci{stroke:#8A91A3!important}
	.f-burger{border-color:#C9CEDA!important}
	.f-burger svg{stroke:#3A4050!important}
	.site-footer.is-open .f-burger{background:#E2E5EC!important}
	.site-footer .f-addr svg{stroke:#8A91A3!important}
}
/* 휴대폰 푸터 (대표 10/20) — 햄버거 펼쳐도 사업자 정보는 안 보임, 앱 버튼은 맨 위(로고 위) */
@media (max-width:640px){
	.site-footer .f-biz,.site-footer .f-biz-toggle{display:none!important}
	.site-footer .f-apps{order:0!important;margin:0 0 14px!important}
	.site-footer .f-top{order:1!important}
	.site-footer .f-addr{order:2!important}
}
/* 휴대폰 푸터 순서 다시 (대표 10/20 "앱 버튼을 카피라이트 위로") — 로고 → (펼치면 메뉴·연락처) → 앱 버튼 → 저작권·Copyright */
@media (max-width:640px){
	.site-footer .f-addr{display:contents!important}
	.site-footer .f-top{order:1!important}
	.site-footer .f-contact{order:2!important}
	.site-footer .f-apps{order:3!important;margin:14px 0 0!important}
	.site-footer .f-copy{order:4!important}
	.f-burger{top:2px!important;transform:none!important}
}
@media (max-width:640px){.site-footer:not(.is-open) .f-addr,.site-footer.is-open .f-addr{display:contents!important}}
/* 휴대폰 야간 모드 (대표 10/20 "밤에는 모바일 야간 모드로") — 저녁 7시~아침 7시 자동. 화면 전체를 반전해 어둡게 하고, 사진·영상·로고·광고 그림은 다시 반전해 원래 색 그대로 */
@media (max-width:640px){
	html.is-night{filter:invert(.92) hue-rotate(180deg);background:#fff}
	html.is-night img,html.is-night video,html.is-night iframe,html.is-night picture img,html.is-night .thumb,html.is-night .nc-img,html.is-night .rk-img,html.is-night .hq-img,html.is-night .ad-orb,html.is-night .f-badge svg,html.is-night .tabbar svg .ai{filter:invert(1) hue-rotate(180deg)}
	html.is-night .thumb img,html.is-night .nc-img img,html.is-night .rk-img img,html.is-night .hq-img img,html.is-night .ad-orb img,html.is-night picture img{filter:none}
}
/* 라플 질문 박스 — 기사 본문 아래 카드 (대표 10/21) */
.lapl-slot.lapl-card{margin:28px 0 8px;padding:0;background:#fff;border:1px solid #E4E6EC;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(26,29,43,.06)}
.lapl-slot.lapl-card>#lapl-find>*{margin:0!important;border:0!important;border-radius:0!important}
@media (max-width:640px){.lapl-slot.lapl-card{margin:22px 0 6px}}
/* 기사 공유 버튼 — 가운데 정렬 (대표 10/21) */
.is-article .share{display:flex!important;flex-wrap:wrap;justify-content:center!important;gap:10px}
/* 오른쪽 '진행 중인 이벤트' 카드 — 로고 사진 뒤 회색 → 흰색 (대표 10/21) */
.rail-ev .rev-img{background:#fff!important}
/* 포토뉴스 — 한 줄에 하나씩, 사진 크게 (대표 10/21) */
.rail-photo>div{grid-template-columns:1fr!important;gap:16px!important}
.rail-photo .thumb{aspect-ratio:16/10}
.rail-photo a{font-size:15px;gap:8px}
/* 포토뉴스 아래 광고 자리 — 배너가 없을 때 '광고 문의' 판 (대표 10/21) */
.bd-ad.ad-empty>a{display:grid!important;place-items:center;width:100%;max-width:300px;aspect-ratio:300/250;margin:0 auto;background:#F7F8FB!important;border:1px dashed #C9CEDA;border-radius:8px;text-align:center;color:#5B6275}
.ad-empty-in b{display:block;font-size:16px;font-weight:800;color:#253272}
.ad-empty-in small{display:block;margin-top:4px;font-size:12.5px}
.art-rail>.bd-rail,.rail>.bd-rail{margin:0 0 30px}
/* 육아 Q&A 아래 세로 배너 300×600 (대표 10/21) */
.bd-ad.ad-tall>a{aspect-ratio:300/600!important}
.bd-ad.ad-rail_tall img{max-width:300px;margin:0 auto}
.art-rail>.bd-ad.ad-rail_tall,.art-rail>.ad-tall{position:sticky;top:90px}
/* 브랜드 선호도 1위 카드 — 포토뉴스 아래 (대표 10/21) */
.rail-award{margin-bottom:30px}
.rail-award .aw-nav{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px}
.rail-award .aw-nav button{width:32px;height:32px;border:1px solid #E2E5EC;border-radius:50%;background:#fff;font-size:20px;line-height:1;color:#253272;cursor:pointer}
.rail-award .aw-nav button:focus-visible{outline:2px solid #253272;outline-offset:2px}
.rail-award .aw-name{font-size:15px;font-weight:800;color:#253272}
.rail-award .aw-slide{display:block}.rail-award .aw-slide[hidden]{display:none}
.rail-award .aw-slide img{display:block;width:100%;height:auto;border-radius:8px}
.rail-award .aw-dots{display:flex;justify-content:center;gap:5px;margin:8px 0 0}
.rail-award .aw-dots i{width:6px;height:6px;border-radius:50%;background:#D5D9E2}.rail-award .aw-dots i.on{background:#F26532}
/* 베이비뉴스 육아브랜드 AI INDEX 카드 (대표 10/21) */
.geo-card{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:16px;align-items:center;color:inherit;text-decoration:none}
.geo-card .gc-img{display:block;aspect-ratio:1200/630;border-radius:8px;overflow:hidden;background:#EEF0F4}
.geo-card .gc-img img{width:100%;height:100%;object-fit:cover;display:block}
.geo-card .gc-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.geo-card em{font-style:normal;font-size:12px;font-weight:800;letter-spacing:.5px;color:#F26532}
.geo-card b{font-size:19px;font-weight:800;line-height:1.35;color:#1A1D2B}
.geo-card small{font-size:13.5px;line-height:1.55;color:#5B6275}
.geo-card i{font-style:normal;font-size:13.5px;font-weight:700;color:#253272;margin-top:4px}
.geo-card:hover b{text-decoration:underline;text-underline-offset:3px}
.rail-geo{margin-bottom:30px}
.rail-geo .geo-card{grid-template-columns:1fr;gap:10px}
.rail-geo .geo-card b{font-size:16px}
.art-rail>.bd-ad.ad-rail_tall,.art-rail>.ad-tall{position:static!important}
@media (max-width:640px){.geo-card{grid-template-columns:1fr;gap:10px}.geo-card b{font-size:17px}}
/* 2026 올해의 브랜드 대상 — 시상식 수상 브랜드 15곳, 군청 칸에 흰 로고 (대표 10/21) */
.rail-award .aw-sub{margin:4px 0 10px;font-size:13px;color:#5B6275}
.rail-award .aw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.rail-award .aw-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;padding:10px 4px 8px;background:#253272;border-radius:8px;text-decoration:none}
.rail-award .aw-grid img{display:block;width:100%;max-width:78px;height:30px;object-fit:contain}
.rail-award .aw-grid span{font-size:10.5px;line-height:1.3;color:#C9D1F0;text-align:center;word-break:keep-all}
.rail-award .aw-grid a:hover{background:#1C275E}
.rail-award .aw-grid a:focus-visible{outline:2px solid #F26532;outline-offset:2px}
.rail-award .aw-grid img{height:46px!important;max-width:92px!important}
.rail-award .aw-grid a{padding:6px 4px 8px!important}
/* 올해의 브랜드 — 한 번에 하나씩 롤링 (대표 10/21) */
.rail-award .aw-roll{position:relative}
.rail-award .aw-one{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px 18px;background:#253272;border-radius:12px;text-decoration:none;text-align:center;animation:awIn .5s ease}
.rail-award .aw-one[hidden]{display:none}
.rail-award .aw-logo img{display:block;width:180px;height:84px;object-fit:contain}
.rail-award .aw-cat{font-size:13px;color:#C9D1F0}
.rail-award .aw-bn{font-size:20px;font-weight:800;color:#fff}
.rail-award .aw-bn em{font-style:normal;font-size:12px;font-weight:800;background:#F26532;color:#fff;border-radius:3px;padding:2px 6px;margin-right:8px;vertical-align:3px}
@keyframes awIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rail-award .aw-one{animation:none}}
/* 올해의 브랜드 카드 — BABYNEWS / 올해의 브랜드 대상 / 분야 / 로고 (대표 10/21), 포토뉴스 아래 300×250 자리 */
.rail-award{padding:0!important;background:none!important}
.rail-award .aw-one{aspect-ratio:300/250;justify-content:center;gap:6px!important;padding:18px 16px!important;border-radius:16px!important;background:linear-gradient(160deg,#2B3A86,#1E2A66)!important}
.rail-award .aw-k{font-size:11px;font-weight:800;letter-spacing:3px;color:#F7B79C}
.rail-award .aw-t{font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px}
.rail-award .aw-cat{font-size:13.5px!important;color:#C9D1F0!important;margin-bottom:6px}
.rail-award .aw-logo img{width:200px!important;height:72px!important;object-fit:contain}
.rail-award .aw-dots{margin-top:8px}
/* 올해의 브랜드 카드 — 흰 바탕·가운데 정렬, 문구 '2026 베이비뉴스 올해의 브랜드 / 엄마가 뽑은 NO.1 브랜드는? / 분야 / 로고' (대표 10/21). 로고는 흰 로고를 짙은 군청 한 색으로 */
.rail-award .aw-one{background:#fff!important;border:1px solid #E4E6EC;align-items:center!important;text-align:center!important;gap:4px!important}
.rail-award .aw-t{font-size:17px!important;font-weight:800;color:#1A1D2B!important;order:1}
.rail-award .aw-k{font-size:13px!important;letter-spacing:0!important;font-weight:700;color:#F26532!important;order:2}
.rail-award .aw-cat{order:3;margin:8px 0 4px!important;font-size:13px!important;color:#5B6275!important;background:#F2F4F7;border-radius:4px;padding:2px 8px}
.rail-award .aw-logo{order:4;display:flex;justify-content:center;width:100%}
.rail-award .aw-logo img{filter:brightness(0) saturate(100%) invert(15%) sepia(40%) saturate(2200%) hue-rotate(215deg) brightness(90%);margin:0 auto}
/* 오른쪽 기둥 AI INDEX — 메인처럼 주황 제목 줄 + 탭 + 세로 5개 (대표 10/21) */
.rail-gt{overflow:hidden}
.rail-gt .gt-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:-20px -22px 12px;padding:14px 18px;background:#F26532}
.rail-gt .gt-head .panel-h{margin:0!important;border:0!important;padding:0!important;font-size:16px;color:#fff!important}
.rail-gt .gt-head .panel-h .bi{stroke:#fff!important}
.rail-gt .gt-sub{display:none}
.rail-gt .gt-tabs{display:flex;flex-wrap:nowrap;align-items:center;margin:0;font-size:12.5px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;max-width:100%}
.rail-gt .gt-tabs::-webkit-scrollbar{display:none}
.rail-gt .gt-tabs button{border:0;background:none;padding:2px 0;font:inherit;font-weight:700;color:rgba(255,255,255,.75);cursor:pointer}
.rail-gt .gt-tabs button[aria-selected=true]{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.rail-gt .gt-tabs .sep{color:rgba(255,255,255,.5);margin:0 6px}
.rail-gt .gt-panel[hidden]{display:none}
.rail-gt .gt-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
.rail-gt .gt-list li{border:1px solid #E4E6EC;border-radius:10px}
.rail-gt .gt-list a{display:flex;flex-direction:column;gap:6px;padding:11px 12px;color:#1A1D2B;text-decoration:none}
.rail-gt .gt-g{display:flex;flex-direction:column;font-size:13px;font-weight:700}
.rail-gt .gt-g small{font-size:11.5px;font-weight:500;color:#8A91A3}
.rail-gt .gt-b{font-size:15px;font-weight:800;color:#253272}
.rail-gt .gt-b em{font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:#F26532;border-radius:3px;padding:1px 5px;margin-right:6px;vertical-align:2px}
.rail-gt .gt-foot{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:12px;color:#8A91A3}
.rail-gt .gt-foot a{font-weight:800;color:#253272}
.rail-gt .gt-list li::before,.rail-gt .gt-list li::marker{content:none!important;display:none!important}
.rail-gt .gt-list li{padding-left:0!important;counter-increment:none!important}
.rail-gt .gt-tabs{font-size:11.5px!important;letter-spacing:-.2px}
.rail-gt .gt-tabs .sep{margin:0 4px!important}
.rail-gt .gt-list li{display:block!important;grid-template-columns:none!important}
.rail-gt .gt-tabs{font-size:11px!important}
.rail-gt .gt-list li,.rail-gt .gt-list a{min-height:0!important;height:auto!important}
.rail-gt .gt-list a{gap:4px!important;padding:10px 12px!important}
/* AI INDEX 아래 줄 — AI 로고 5개 + '○○ AI GEO INDEX' (대표 10/21) */
.gt-foot .gt-ai{display:inline-flex;align-items:center;gap:4px}
.gt-foot .gt-ai img{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #E4E6EC;object-fit:contain}
.gt-foot .gt-ai img+img{margin-left:-6px}
.gt-foot .gt-ai b{margin-left:8px;font-size:13px;font-weight:800;color:#1A1D2B;letter-spacing:.2px}
.rail-gt .gt-foot .gt-ai img{width:18px;height:18px}
.rail-gt .gt-foot .gt-ai b{font-size:11.5px;margin-left:6px}
/* AI INDEX 탭 구분은 가운뎃점 (대표 10/21) */
.gt-tabs .sep{font-weight:800}
/* 올해의 브랜드 카드 순서 (대표 10/21) — 베이비뉴스 원색 로고 / 2026 올해의 브랜드 대상 / 엄마가 뽑은 NO.1 브랜드는? / 브랜드 로고(크게) / 분야(글자만) */
.rail-award .aw-bn-logo{order:0;display:block;height:30px;width:auto;margin:0 auto 6px}
.rail-award .aw-t{order:1}
.rail-award .aw-k{order:2}
.rail-award .aw-logo{order:3;margin:10px 0 4px}
.rail-award .aw-logo img{width:240px!important;height:110px!important}
.rail-award .aw-cat{order:4;background:none!important;padding:0!important;margin:0!important;font-size:14px!important;font-weight:700;color:#3A4050!important}
/* 올해의 브랜드 카드 — 시상식 수상 카드와 같은 금색 바탕 (대표 10/21 "시상식에 사용했던 골드 카드 배경") */
.rail-award .aw-one{background:linear-gradient(160deg,#F7E3B0 0%,#E4C27A 38%,#C99A4E 70%,#F0D592 100%)!important;border:3px solid #B8853D!important;outline:1.5px solid rgba(120,80,30,.55);outline-offset:-10px;box-shadow:0 0 0 1px rgba(255,240,200,.6) inset,0 8px 20px rgba(120,80,30,.18)!important}
.rail-award .aw-t{color:#3E2A12!important}
.rail-award .aw-k{color:#8A5A12!important}
.rail-award .aw-cat{color:#3E2A12!important}
.rail-award .aw-logo img{filter:brightness(0) opacity(.82)!important}
.rail-award .aw-dots i.on{background:#B8853D}
/* 올해의 브랜드 카드 — 브랜드 로고는 원색 그대로 (대표 10/21) */
.rail-award .aw-logo img{filter:none!important;object-fit:contain}
/* AI INDEX 카드 안 글자 가운데 정렬 (대표 10/21) */
.rail-gt .gt-list a{align-items:center!important;text-align:center!important}
.rail-gt .gt-list .gt-g{align-items:center}
/* 우하단 라플 로봇 + 말풍선 (대표 10/21) */
.lapl-bot{position:fixed;right:18px;bottom:20px;z-index:44;display:flex;align-items:flex-end;gap:8px}
.lapl-bot .lb-robot{display:block;width:72px;flex:none;filter:drop-shadow(0 6px 12px rgba(26,29,43,.18));transition:transform .15s}
.lapl-bot .lb-robot:hover{transform:translateY(-3px)}
.lapl-bot .lb-robot img{width:100%;height:auto;display:block}
.lapl-bot .lb-bubble{position:relative;display:block;max-width:230px;margin-bottom:46px;padding:12px 16px;background:#fff;border:1px solid #E2E5EC;border-radius:16px 16px 4px 16px;box-shadow:0 6px 20px rgba(26,29,43,.12);color:#1A1D2B;text-decoration:none}
.lapl-bot .lb-bubble[hidden],.lapl-bot .lb-x[hidden]{display:none}
.lapl-bot .lb-bubble b{display:block;font-size:14px;font-weight:800;color:#F26532;line-height:1.35}
.lapl-bot .lb-bubble span{display:block;margin-top:3px;font-size:12px;color:#5B6275;line-height:1.4}
.lapl-bot .lb-bubble::after{content:"";position:absolute;right:-7px;bottom:10px;width:12px;height:12px;background:#fff;border-right:1px solid #E2E5EC;border-bottom:1px solid #E2E5EC;transform:rotate(-45deg)}
.lapl-bot .lb-x{position:absolute;right:86px;bottom:calc(46px + 100% - 46px);top:-10px;width:22px;height:22px;border-radius:50%;border:0;background:#1A1D2B;color:#fff;font-size:14px;line-height:22px;padding:0;cursor:pointer}
.lapl-bot a:focus-visible,.lapl-bot .lb-x:focus-visible{outline:2px solid #F26532;outline-offset:2px}
@media (max-width:640px){.lapl-bot{right:10px;bottom:calc(64px + env(safe-area-inset-bottom) * .5)}.lapl-bot .lb-robot{width:54px}.lapl-bot .lb-bubble{max-width:190px;margin-bottom:34px;padding:10px 12px}.lapl-bot .lb-bubble b{font-size:13px}.lapl-bot .lb-bubble span{font-size:11px}.lapl-bot .lb-x{right:64px}}
@media (prefers-reduced-motion:reduce){.lapl-bot .lb-robot{transition:none}.lapl-bot .lb-robot:hover{transform:none}}
/* 안내데스크(/com/*) — 메인과 같은 폭, 왼쪽 메뉴 + 본문 카드 (대표 10/21) */
.com-page{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start;margin:8px 0 24px}
.com-nav{position:sticky;top:120px;background:#fff;border-radius:16px;padding:18px 0 12px}
.com-nav-h{margin:0 20px 10px;font-size:13px;font-weight:800;color:#8A91A3;letter-spacing:.2px}
.com-nav ul{list-style:none;margin:0;padding:0}
.com-nav-sub{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #EEF0F4!important}
.com-nav a{display:block;padding:9px 20px;font-size:15px;font-weight:600;color:#3A4050;text-decoration:none;border-left:3px solid transparent}
.com-nav-sub a{font-size:14px;font-weight:500;padding:7px 20px;color:#5B6275}
.com-nav a:hover{color:#253272;background:#F7F8FA}
.com-nav a[aria-current=page]{color:#F26532;font-weight:800;border-left-color:#F26532;background:#FFF6F1}
.com-main{background:#fff;border:0!important;border-radius:16px!important;padding:40px 48px 48px!important;min-width:0}
.com-head h1{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.6px;color:#111}
.com-head p{margin:0 0 28px;font-size:16px;line-height:1.7;color:#4A5160;max-width:68ch}
.com-hero{padding:8px 0 32px;border-bottom:1px solid #EEF0F4;margin-bottom:32px}
.com-kicker{margin:0 0 12px;font-size:14px;font-weight:800;color:#F26532}
.com-hero h1{margin:0 0 14px;font-size:36px;line-height:1.3;font-weight:800;letter-spacing:-1px;color:#111;word-break:keep-all}
.com-hero-sub{margin:0;font-size:17px;line-height:1.75;color:#4A5160;max-width:60ch;word-break:keep-all}
.com-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px}
.com-three>div{background:#F7F8FA;border-radius:14px;padding:22px 22px 18px}
.com-three h2{margin:0 0 12px;font-size:17px;font-weight:800;color:#253272}
.com-three ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.8;color:#3A4050}
.com-facts h2,.com-adlist h2,.com-form h2{margin:0 0 14px;font-size:20px;font-weight:800;color:#111}
.com-facts dl{margin:0 0 32px;border-top:2px solid #111}
.com-facts dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:13px 4px;border-bottom:1px solid #EEF0F4;font-size:15px}
.com-facts dt{font-weight:700;color:#5B6275}
.com-facts dd{margin:0;color:#1A1D2B;word-break:keep-all}
.com-facts dd a{color:#253272}
.com-map{margin-left:8px;font-size:13px;font-weight:700}
.com-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.com-links a{display:block;padding:18px 20px;border:1px solid #E2E5EC;border-radius:14px;text-decoration:none;color:#1A1D2B}
.com-links a:hover{border-color:#253272}
.com-links b{display:block;font-size:16px;font-weight:800;margin-bottom:4px}
.com-links span{font-size:13.5px;color:#5B6275}
.com-adlist{margin-bottom:24px}
.com-adlist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.com-adlist li{padding:12px 14px;background:#F7F8FA;border-radius:10px;font-size:14.5px;font-weight:600;color:#253272}
.com-contact{display:flex;flex-wrap:wrap;gap:6px 28px;margin:0 0 28px;padding:16px 20px;background:#FFF6F1;border-radius:12px;font-size:15px}
.com-contact p{margin:0}.com-contact b{margin-right:8px;color:#F26532}.com-contact a{color:#1A1D2B;font-weight:700}
.com-form{border-top:2px solid #111;padding-top:22px}
.com-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700;color:#3A4050}
.com-form input:not([type=checkbox]),.com-form textarea{font:inherit;font-weight:400;font-size:15px;padding:11px 13px;border:1px solid #D7DBE3;border-radius:10px;background:#fff;color:#1A1D2B}
.com-form input:focus,.com-form textarea:focus{outline:2px solid #253272;outline-offset:0;border-color:#253272}
.com-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.com-full{margin-top:14px}
.com-note{margin:8px 0 0;font-size:13px;color:#8A91A3}
.com-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.com-agree-d{margin:18px 0 10px;font-size:13.5px;color:#5B6275}
.com-agree-d summary{cursor:pointer;font-weight:700;color:#3A4050}
.com-agree-d ul{margin:8px 0 0;padding-left:18px;line-height:1.75}
.com-form .com-agree{flex-direction:row;align-items:center;gap:8px;font-size:14.5px}
.com-agree input{width:18px;height:18px;accent-color:#F26532}
.com-send{margin-top:20px;width:100%;max-width:320px;padding:15px 0;border:0;border-radius:12px;background:#F26532;color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer}
.com-send:hover{background:#E9483F}
.com-err{margin:0 0 14px;padding:12px 14px;background:#FFF0EE;border-radius:10px;color:#C2410C;font-weight:700}
.com-ok{padding:24px;background:#F1F7F4;border-radius:12px;font-size:16px;line-height:1.7;color:#1A1D2B}
.com-ok b{color:#1F7A4D}
.com-doc{max-width:76ch;font-size:16px;line-height:1.85;color:#2A2F3A;word-break:keep-all}
.com-doc h2{margin:30px 0 8px;font-size:18px;font-weight:800;color:#111}
.com-doc h2:first-child{margin-top:0}
.com-doc p{margin:0 0 10px}
.com-doc ul{margin:0 0 12px;padding-left:20px}
@media (max-width:900px){
	.com-page{grid-template-columns:minmax(0,1fr);gap:10px}
	.com-nav{position:static;padding:12px 4px;border-radius:12px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
	.com-nav-h{display:none}
	.com-nav ul{display:inline-flex}.com-nav-sub{margin:0!important;padding:0!important;border:0!important}
	.com-nav li+li::before,.com-nav-sub li:first-child::before{content:"ㅣ";color:#D0D4DC;padding:0 2px}
	.com-nav a{display:inline-block;padding:6px 8px;border-left:0;font-size:14px}
	.com-nav a[aria-current=page]{background:none;text-decoration:underline;text-underline-offset:5px}
	.com-main{padding:24px 16px 32px!important}
	.com-hero h1{font-size:26px}.com-head h1{font-size:24px}
	.com-three,.com-links,.com-grid{grid-template-columns:minmax(0,1fr)}
	.com-facts dl>div{grid-template-columns:96px minmax(0,1fr)}
}
/* CMS 문의함 (10/21) */
.inq-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.inq{border:1px solid #E2E5EC;border-radius:10px;background:#fff}
.inq summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-size:14px}
.inq summary b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inq-k{flex:none;font-size:12px;font-weight:800;padding:2px 8px;border-radius:4px;background:#EEF0F4;color:#253272}
.inq-k.k-ad{background:#FFF1E8;color:#C2410C}.inq-k.k-bp{background:#FFF0EE;color:#B42318}
.inq-m{flex:none;font-size:12.5px;color:#8A91A3}
.inq-b{padding:0 14px 14px;font-size:14px;line-height:1.7}
.inq-c{margin:0 0 8px;color:#5B6275}
.inq-t{margin:0 0 10px;padding:12px;background:#F7F8FA;border-radius:8px;white-space:normal;word-break:break-word}
/* 회사소개 회사 정보 줄 아이콘 (대표 10/21) */
.com-facts dt{display:flex;align-items:center;gap:8px}
.com-facts .cf-ic{width:18px;height:18px;flex:none;fill:none;stroke:#F26532;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* 안내데스크 아이콘 — 제목·바로가기·왼쪽 메뉴 (대표 10/21 "회사소개 관련 전부 아이콘") */
.com-page .bi{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.com-kicker{display:flex;align-items:center;gap:6px}.com-kicker .bi{width:18px;height:18px}
.com-three h2,.com-facts h2{display:flex;align-items:center;gap:8px}
.com-three h2 .bi{width:22px;height:22px;color:#F26532}
.com-facts h2 .bi{width:22px;height:22px;color:#F26532}
.com-links a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center}
.com-links a .bi{grid-row:1 / span 2;width:28px;height:28px;color:#F26532}
.com-nav a{display:flex;align-items:center;gap:9px}
.com-nav a .bi{width:17px;height:17px;color:#8A91A3}
.com-nav a[aria-current=page] .bi,.com-nav a:hover .bi{color:inherit}
@media (max-width:900px){.com-nav a{display:inline-flex;gap:5px}.com-nav a .bi{width:15px;height:15px}}
/* 안내데스크 — 모든 화면 아이콘 (대표 10/21) */
.com-head h1,.com-adlist h2,.com-form h2,.com-doc h2{display:flex;align-items:center;gap:9px}
.com-head h1 .bi{width:28px;height:28px;color:#F26532}
.com-adlist h2 .bi,.com-form h2 .bi{width:22px;height:22px;color:#F26532}
.com-doc h2 .bi{width:18px;height:18px;color:#F26532}
.com-adlist li{display:flex;align-items:center;gap:8px}.com-adlist li .bi{width:16px;height:16px;color:#F26532}
.com-contact p{display:flex;align-items:center;gap:6px}.com-contact .bi{width:17px;height:17px;color:#F26532}
/* 회사소개·광고문의 맨 위 영상 + 카피 모션 — WORKS 로그인과 같은 영상·문구·움직임 (대표 10/21) */
.com-reel{position:relative;margin:-40px -48px 32px;height:300px;border-radius:16px 16px 0 0;overflow:hidden;background:#0E1430 url(https://works.ibabynews.kr/assets/video/login_bg.jpg) center/cover}
.com-reel-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.com-reel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,48,.62) 0%,rgba(14,20,48,.25) 60%,rgba(14,20,48,.1) 100%)}
.com-reel-t{position:absolute;left:48px;top:50%;transform:translateY(-50%);z-index:1;font-family:'Noto Sans KR',"Pretendard Variable",Pretendard,sans-serif;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.com-reel-s,.com-reel-m{margin:0;font-size:clamp(26px,3vw,46px);font-weight:800;line-height:1.25;letter-spacing:-.03em;white-space:nowrap}
.com-reel-s{color:#fff;animation:comRise 1s cubic-bezier(.2,.7,.2,1) .3s both}
.com-reel-m{background:linear-gradient(90deg,#9dbcff,#fff,#9dbcff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 18px rgba(0,0,0,.3));animation:comRise 1s cubic-bezier(.2,.7,.2,1) .44s both,comShine 4s linear 1.6s infinite}
@keyframes comRise{from{opacity:0;transform:translateY(26px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes comShine{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.com-reel-s,.com-reel-m{animation:none}}
@media (max-width:900px){.com-reel{margin:-24px -16px 24px;height:200px;border-radius:12px 12px 0 0}.com-reel-t{left:20px}.com-reel-s,.com-reel-m{font-size:24px}}
/* 안내데스크 글 — 폭 제한 없이 카드 끝까지 길게 (대표 10/21 "넓으니 글 내려쓰기 다 길게") */
.com-doc,.com-head p,.com-hero-sub{max-width:none!important}
/* 회사소개·광고문의 카피 모션은 늘 돌린다 (대표 10/21 "모션이 돌아가도록") */
@media (prefers-reduced-motion:reduce){.com-reel-s{animation:comRise 1s cubic-bezier(.2,.7,.2,1) .3s both!important}.com-reel-m{animation:comRise 1s cubic-bezier(.2,.7,.2,1) .44s both,comShine 4s linear 1.6s infinite!important}}
/* 칼럼니스트 모집 (대표 10/21) */
.col-h{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:20px;font-weight:800;color:#111}
.col-h .bi{width:22px;height:22px;color:#F26532}
.col-fields{margin-bottom:32px}
.col-fields ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.col-fields a{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 18px 16px;border:1px solid #E2E5EC;border-radius:14px;text-decoration:none;color:#1A1D2B;box-sizing:border-box}
.col-fields a:hover{border-color:#F26532;background:#FFFAF7}
.col-fields a .bi{width:30px;height:30px;color:#F26532;margin-bottom:4px}
.col-fields b{font-size:17px;font-weight:800}
.col-fields span{flex:1;font-size:13.5px;line-height:1.55;color:#5B6275;word-break:keep-all}
.col-fields em{margin-top:6px;font-style:normal;font-size:13px;font-weight:800;color:#F26532}
.col-steps{margin-bottom:28px}
.col-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:cs}
.col-steps li{counter-increment:cs;padding:16px 18px;background:#F7F8FA;border-radius:12px}
.col-steps li::before{content:counter(cs);display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:50%;background:#253272;color:#fff;font-size:13px;font-weight:800}
.col-steps b{display:block;font-size:16px;font-weight:800;margin-bottom:4px}
.col-steps span{font-size:13.5px;line-height:1.55;color:#5B6275;word-break:keep-all}
.col-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:12px}
.col-two>div{padding:20px 22px;background:#F7F8FA;border-radius:14px}
.col-two h2{font-size:17px!important}
.col-two ul{margin:0;padding-left:18px;font-size:15px;line-height:1.85;color:#2A2F3A}
.col-back{margin:0 0 24px;font-size:14px}.col-back a{color:#5B6275;font-weight:700;text-decoration:none}.col-back a:hover{color:#253272}
@media (max-width:900px){.col-fields ul,.col-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.col-two{grid-template-columns:minmax(0,1fr)}}
/* 칼럼니스트 신청폼 (대표 10/21) */
.col-form{scroll-margin-top:120px}
.col-fs{margin:0 0 22px;padding:0;border:0}
.col-fs legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:800;color:#253272}
.col-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.col-pick label{position:relative;display:block;font-weight:600}
.col-pick input{position:absolute;opacity:0;width:1px;height:1px}
.col-pick span{display:flex;align-items:center;gap:7px;padding:12px 14px;border:1px solid #D7DBE3;border-radius:10px;font-size:14.5px;color:#3A4050;cursor:pointer}
.col-pick span .bi{width:18px;height:18px;color:#8A91A3}
.col-pick input:checked+span{border-color:#F26532;background:#FFF6F1;color:#C2410C;font-weight:800}
.col-pick input:checked+span .bi{color:#F26532}
.col-pick input:focus-visible+span{outline:2px solid #253272;outline-offset:2px}
.col-fixed{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}
.col-fixed .bi{width:20px;height:20px;color:#F26532}.col-fixed a{margin-left:8px;font-size:13px;color:#5B6275}
.com-form select{font:inherit;font-weight:400;font-size:15px;padding:11px 13px;border:1px solid #D7DBE3;border-radius:10px;background:#fff;color:#1A1D2B}
@media (max-width:900px){.col-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* AI INDEX 아래 AI 로고 — PC 는 겹치지 않고 다섯 개 모두 보이게 (대표 10/21) */
@media (min-width:1024px){.gt-foot .gt-ai img+img{margin-left:4px!important}.gt-foot .gt-ai img{width:22px!important;height:22px!important}.rail-gt .gt-foot .gt-ai img{width:18px!important;height:18px!important}.rail-gt .gt-foot .gt-ai img+img{margin-left:3px!important}}
/* 안내데스크 맨 위 카피 — 3장면 번갈아 12초 반복 (대표 10/21 문구) */
.com-reel-t{position:absolute;inset:0;left:48px;right:48px;top:0;transform:none}
.com-reel-t .rs{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;animation:comScene 12s ease-in-out infinite}
.com-reel-t .rs2{animation-delay:4s}.com-reel-t .rs3{animation-delay:8s}
.com-reel-t .rs .com-reel-s,.com-reel-t .rs .com-reel-m{animation:none}
.com-reel-t .rs .com-reel-m{animation:comShine 4s linear infinite}
.com-reel-t .rs-k{margin:0 0 6px;font-size:clamp(18px,1.8vw,24px);font-weight:700;color:#FDBA8C;letter-spacing:-.02em}
.com-reel-t .rs-b{margin:0;font-size:clamp(26px,3vw,44px);font-weight:800;line-height:1.3;letter-spacing:-.03em;color:#fff}
.com-reel-t .rs-b em{font-style:normal;background:linear-gradient(90deg,#FDBA8C,#fff,#FDBA8C);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:comShine 4s linear infinite}
@keyframes comScene{0%{opacity:0;transform:translateY(calc(-50% + 22px));filter:blur(6px)}6%{opacity:1;transform:translateY(-50%);filter:none}30%{opacity:1;transform:translateY(-50%);filter:none}36%{opacity:0;transform:translateY(calc(-50% - 14px));filter:blur(4px)}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.com-reel-t .rs{animation-name:comScene!important;animation-duration:12s!important;animation-iteration-count:infinite!important}.com-reel-t .rs2{animation-delay:4s!important}.com-reel-t .rs3{animation-delay:8s!important}}
@media (max-width:900px){.com-reel-t{left:20px;right:20px}.com-reel-t .rs-b{font-size:22px}.com-reel-t .rs-k{font-size:16px}}
/* 카피 3장면 — 지연 없이 장면마다 시간표(12초): 1장면 0~4초, 2장면 4~8초, 3장면 8~12초. 한 번에 하나만 (대표 10/21 "한번에 나오면 안되고") */
.com-reel-t .rs{animation-delay:0s!important;animation-duration:12s!important;animation-iteration-count:infinite!important;animation-timing-function:ease-in-out!important}
.com-reel-t .rs1{animation-name:comS1!important}.com-reel-t .rs2{animation-name:comS2!important}.com-reel-t .rs3{animation-name:comS3!important}
@keyframes comS1{0%{opacity:0;transform:translateY(calc(-50% + 22px));filter:blur(6px)}5%,28%{opacity:1;transform:translateY(-50%);filter:none}33.3%,100%{opacity:0;transform:translateY(calc(-50% - 14px));filter:blur(4px)}}
@keyframes comS2{0%,33.3%{opacity:0;transform:translateY(calc(-50% + 22px));filter:blur(6px)}38.3%,61.6%{opacity:1;transform:translateY(-50%);filter:none}66.6%,100%{opacity:0;transform:translateY(calc(-50% - 14px));filter:blur(4px)}}
@keyframes comS3{0%,66.6%{opacity:0;transform:translateY(calc(-50% + 22px));filter:blur(6px)}71.6%,95%{opacity:1;transform:translateY(-50%);filter:none}100%{opacity:0;transform:translateY(calc(-50% - 14px));filter:blur(4px)}}
/* 16주년 공지 (10/21) */
.nt16-k{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:700;color:#F26532}.nt16-k .bi{width:16px;height:16px}
.com-head h1 br{display:block}
.nt16 ul{padding-left:20px}.nt16 li{margin-bottom:6px}.nt16 li b{color:#253272}
.nt16-apps{display:flex;gap:10px;flex-wrap:wrap}
.nt16-apps a{display:inline-flex;align-items:center;padding:12px 22px;border-radius:10px;background:#111;color:#fff;font-weight:800;text-decoration:none}
.nt16-apps a:hover{background:#253272}
.nt16-sign{margin-top:24px;font-weight:800;color:#111}
/* 16주년 공지 문안 (10/21) */
.nt16-lead{margin:10px 0 28px!important;font-size:19px!important;font-weight:800;color:#253272!important}
.nt16-em{margin:18px 0!important;font-size:20px;font-weight:800;color:#F26532}
.nt16-sign{margin:22px 0 34px!important;line-height:1.7}
.nt16-apps a{gap:8px}.nt16-apps svg{width:20px;height:20px;fill:currentColor}
.nt16-lapl{list-style:none;padding:0!important;display:grid;gap:8px}
.nt16-lapl a{display:block;padding:12px 16px;border:1px solid #E2E5EC;border-radius:12px;color:#2A2F3A;text-decoration:none}
.nt16-lapl a:hover{border-color:#F26532;background:#FFFAF7}
.nt16-lapl b{color:#F26532}

/* 공지 앱 다운로드 — 푸터 공식 배지와 같은 모양 (10/21) */
.nt16-apps .f-badge{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 14px!important;background:#000!important;border:0;border-radius:10px!important;color:#fff!important;text-decoration:none}
.nt16-apps .f-badge svg{width:26px;height:26px;flex:none;fill:currentColor}
.nt16-apps .f-badge span{display:flex;flex-direction:column;line-height:1.1;text-align:left}
.nt16-apps .f-badge b{font-size:17px;font-weight:700;letter-spacing:-.3px;color:#fff!important}
.nt16-apps .f-badge small{font-size:11px;font-weight:500;opacity:.9;margin-top:2px}
.nt16-apps .f-badge:hover{background:#1A1D2B!important}
.nt16-lapl a{display:flex!important;align-items:center;gap:10px}.nt16-lapl a .bi{width:22px;height:22px;flex:none;color:#F26532;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nt16-lapl a b{margin-right:4px} /* 라플 서비스 아이콘 (10/21) */
/* 신청·보내기 버튼은 항상 오른쪽 (대표 10/21 규칙) */
.com-form .com-send,.col-form .com-send{display:block;margin-left:auto!important;margin-right:0!important}
/* Q&A · 라플 전문가 상담 (대표 10/21) */
.qa-consult{margin:18px 0 22px;padding:20px 22px;background:#fff;border:1px solid #E2E5EC;border-radius:16px}
.qa-consult .qc-head h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:19px;font-weight:800;color:#111}
.qa-consult .qc-head h2 .bi{width:22px;height:22px;color:#F26532;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.qa-consult .qc-head p{margin:0 0 14px;font-size:14px;color:#5B6275}
.qa-consult ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qa-consult a{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #E8EAF0;border-radius:10px;font-size:14px;font-weight:600;color:#2A2F3A;text-decoration:none;background:#FAFBFC}
.qa-consult a:hover{border-color:#F26532;color:#C2410C;background:#FFFAF7}
.qa-consult a .bi{width:18px;height:18px;flex:none;color:#F26532;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.qa-consult ul{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-consult{padding:16px 12px}}
/* 오른쪽 칸 · 칼럼니스트 모집 글자 배너 (대표 10/21) */
.rail-colad,.is-article .art-rail>.rail-colad{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:18px 18px;border-radius:16px;background:linear-gradient(120deg,#253272 0%,#3B4FA8 100%);color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(37,50,114,.18)}
.rail-colad:hover{filter:brightness(1.06)}
.rail-colad .rc-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14)}
.rail-colad .rc-ic .bi{width:26px;height:26px;fill:none;stroke:#FDBA8C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rail-colad .rc-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.rail-colad small{font-size:12.5px;font-weight:600;color:#C9D1F0}
.rail-colad b{font-size:18px;font-weight:800;letter-spacing:-.4px;color:#fff}
.rail-colad em{font-style:normal;font-size:12.5px;font-weight:600;color:#FDBA8C}

/* 공지 전문가 상담 바로가기 · 버튼은 오른쪽 (10/21) */
.nt16-go{text-align:right;margin:10px 0 0}
.nt16-go a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:10px;background:#253272;color:#fff!important;font-weight:700;text-decoration:none}
.nt16-go a:hover{background:#1B2559}

/* 메인 베이비뉴스TV · 인스타 롤링 (대표 10/21) */
.is-home .roll .tv-grid,.is-home .roll .ig-row{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 42px) / 4)!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none}
.is-home .roll .tv-grid::-webkit-scrollbar,.is-home .roll .ig-row::-webkit-scrollbar{display:none}
.is-home .roll .tv-item,.is-home .roll .ig-item{scroll-snap-align:start;min-width:0}
.roll-nav{display:flex;gap:6px;margin-left:auto;align-self:center}
.roll-nav+.sns-logo{margin-left:10px!important}
.roll-nav button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #DADDE5;border-radius:50%;background:#fff;cursor:pointer}
.roll-nav button:hover{border-color:#9AA0B0}
.roll-nav svg{width:16px;height:16px;fill:none;stroke:#555B6E;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1000px){.is-home .roll .tv-grid,.is-home .roll .ig-row{grid-auto-columns:calc((100% - 28px) / 3)!important}}
@media (max-width:640px){.is-home .roll .tv-grid,.is-home .roll .ig-row{grid-auto-columns:44%!important}}

/* 칼럼니스트 모집 · 바탕 없이 16주년 문구처럼 명조 검정 글자만 (대표 10/21) */
.rail-colad,.is-article .art-rail>.rail-colad{display:block;margin:0 0 18px;padding:6px 0;border-radius:0;background:none!important;box-shadow:none;color:#111;text-align:center;font-family:'Noto Serif KR','Nanum Myeongjo',serif}
.rail-colad:hover{filter:none}.rail-colad:hover b{text-decoration:underline;text-underline-offset:4px}
.rail-colad .rc-t{display:block}
.rail-colad small{display:block;font-size:17px;font-weight:600;color:#111;letter-spacing:-.3px}
.rail-colad b{display:block;margin-top:2px;font-size:22px;font-weight:700;color:#111;letter-spacing:-.6px}
/* 카카오 댓글 버튼 글자 두 줄 — '카카오로 / 댓글참여' (대표 10/21) */
.kakao-sq br,.cmt-send br{display:inline!important}
.kakao-sq span,.cmt-send{line-height:1.25;text-align:left;word-break:keep-all}

/* 앱 안에서는 앱 다운로드 버튼·설치 안내 숨김 (대표 10/21) */
.is-app .f-apps,.is-app .nt16-apps,.is-app .app-install,.is-app .f-badge{display:none!important}
/* 칼럼니스트 모집 글자 한 줄 — '베이비뉴스 칼럼니스트 모집안내' (대표 10/21) */
.rail-colad{white-space:nowrap}
.rail-colad .rc-t,.rail-colad small,.rail-colad b{display:inline!important}
.rail-colad small{font-size:16px;margin-right:6px}
.rail-colad b{font-size:20px;margin-top:0}
@media (max-width:640px){.rail-colad small{font-size:17px}.rail-colad b{font-size:22px}}
/* '베이비뉴스 칼럼니스트 모집안내' 한 줄, 같은 크기·굵기로 (대표 10/21 다시) */
.rail-colad small,.rail-colad b{font-size:19px!important;font-weight:700!important;color:#111;letter-spacing:-.6px;margin:0!important}
.rail-colad small::after{content:" "}
@media (max-width:640px){.rail-colad small,.rail-colad b{font-size:21px!important}}

/* 푸터 "모바일 버전 보기" 삭제 (대표 10/21) — PC 화면으로 바꾼 폰에서 되돌아가는 링크(is-forced)만 남김 */
.site-footer .f-nav a.f-view-m:not(.is-forced),.f-view-m:not(.is-forced){display:none!important}
/* 대시보드 '최근 기사' 표 칸 너비 — 첫 칸이 체크칸(34px)으로 잡혀 제목이 잘리던 것 (대표 10/21 "간격조정") */
.is-admin .dash-card .adm-table th:first-child,.is-admin .dash-card .adm-table td:first-child{width:auto}
.is-admin .dash-card .adm-table th:nth-child(2){width:96px}
.is-admin .dash-card .adm-table th:nth-child(3){width:110px}
.is-admin .dash-card .adm-table th:nth-child(4){width:96px}
.is-admin .dash-card .adm-table th:nth-child(5){width:60px}
.is-admin .dash-card .adm-table th:nth-child(6){width:56px}
.is-admin .dash-card .adm-table th:last-child{width:64px}
.is-admin .dash-card .adm-table td.t a{display:inline;-webkit-line-clamp:unset}
.is-admin .dash-card .adm-table td.t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.is-admin .dash-card .adm-table td.t .deal-tag{margin-left:6px}

/* 대시보드 미승인 기사 카드 (10/21) */
.dash-card h2 .bi{width:18px;height:18px;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dash-pending .pend-n{margin-left:8px;padding:2px 8px;border-radius:999px;background:#FDECEA;color:#C8341F;font-style:normal;font-size:12.5px;font-weight:800}
.is-admin .dash-pending .adm-table th:nth-child(2){width:96px}.is-admin .dash-pending .adm-table th:nth-child(3){width:110px}.is-admin .dash-pending .adm-table th:nth-child(4){width:96px}.is-admin .dash-pending .adm-table th:nth-child(5){width:72px}.is-admin .dash-pending .adm-table th:last-child{width:80px}

/* 기존 아이디 로그인 (10/22) */
.nd-login .jn-h1 .bi{width:22px;height:22px;margin-right:6px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.9}
.nd-f{display:block;margin:0 0 12px}.nd-f span{display:block;font-size:14px;font-weight:700;margin-bottom:6px}
.nd-f input{width:100%;height:48px;padding:0 14px;border:1px solid #D5DAE3;border-radius:10px;font-size:16px;box-sizing:border-box}
.nd-f input:focus{outline:2px solid var(--navy);outline-offset:1px}
.nd-act{display:flex;justify-content:flex-end;margin:6px 0 10px}.nd-act .my-save{min-width:140px}
.nd-kakao{margin-top:14px}
.nd-link{margin:12px 0 0;text-align:center;font-size:14px}.nd-link a{color:var(--sub);text-decoration:underline;text-underline-offset:3px}

/* 모바일 상단 메뉴 4개 (대표 10/22) · PC 는 섹션 메뉴 그대로 */
@media (max-width:1023px){body:not(.is-admin) .masthead .secnav.secnav-pc{display:none!important}.masthead .secnav-m{justify-content:center!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}.masthead .secnav-m a{font-size:16px!important;font-weight:700;padding:11px 14px 10px!important;white-space:nowrap}}
@media (min-width:1024px){body:not(.is-admin) .masthead .secnav.secnav-m{display:none!important}}

/* 모바일 하단 라플 로봇은 Q&A 화면에서만 (대표 10/22) */
@media (max-width:1023px){.lapl-bot:not(.on-qa){display:none!important}}

/* 모바일 메뉴 홈 아이콘 (대표 10/22) */
.masthead .secnav-m .sm-home{display:inline-flex;align-items:center;padding-left:6px!important;padding-right:12px!important}.masthead .secnav-m .sm-home svg{width:21px;height:21px;fill:none;stroke:#111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 모바일 상단 메뉴 아래 여백 줄이기 (대표 10/22) · 첫 카드 위 18~22px → 10px */
@media (max-width:1023px){body:not(.is-admin) main > .front.mob-only{padding-top:10px!important}body:not(.is-admin) .art-main > .qa-page:first-child{padding-top:10px!important}body:not(.is-admin) .art-main > article.article:first-child{padding-top:10px!important}}

/* 최저가쇼핑 제목 아래 설명 (대표 10/22) */
.mk-rec .mk-lead{margin:-4px 0 14px;font-size:15px;color:var(--sub);line-height:1.5}
.mk-rec #mk-h .bi{width:22px;height:22px;margin-right:6px;vertical-align:-3px}

/* Q&A 분야 카드 3장 (대표 10/22) · 육아·웨딩·PET 아이콘 카드, 안은 글자+ㅣ */
.qa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 16px}
.qa-cards .qc{border:1px solid #E2E5EC;border-radius:12px;background:#fff;padding:14px 16px 12px}
.qa-cards .qc.is-on{border-color:var(--navy);box-shadow:inset 0 3px 0 var(--navy)}
.qa-cards .qc-h{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;color:#111;margin-bottom:8px}
.qa-cards .qc.is-on .qc-h{color:var(--navy)}
.qa-cards .qc-h .bi{width:22px;height:22px;flex:none;fill:none;stroke:var(--red-text);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.qa-cards p{margin:0;font-size:14.5px;line-height:1.9;color:#333}
.qa-cards p a[aria-current="page"]{color:var(--red-text);font-weight:800}
.qa-cards .ql-sep{color:#C5CAD6;margin:0 6px}
@media (max-width:1023px){.qa-cards{grid-template-columns:1fr;gap:8px}.qa-cards .qc{padding:12px 14px 10px}}

/* 테마칼럼(사진 목록) 점·두 겹 줄 없애기 · 많이 본 뉴스 숫자와 제목 높이 맞추기 (대표 10/22) */
.art-rail .rail-col li::before,.rail-col li::before{content:none!important;display:none!important}
.art-rail .rail-col li{border-bottom:0!important;padding-left:0!important}
.art-rail ol li{align-items:center!important}
.art-rail ol li::before{line-height:1!important}

/* Q&A 분야 카드 가로로 길게 · 테두리 같은 굵기 · 항목 중간 줄바꿈 금지 (대표 10/22) */
.qa-cards{grid-template-columns:1fr!important;gap:8px!important}
.qa-cards .qc{display:flex;align-items:baseline;gap:14px;padding:12px 18px!important}
.qa-cards .qc.is-on{box-shadow:none!important;border-color:var(--navy)}
.qa-cards .qc-h{flex:none;width:86px;margin:0!important}
.qa-cards p{flex:1;min-width:0}
.qa-cards p a{white-space:nowrap}
@media (max-width:640px){.qa-cards .qc{display:block}.qa-cards .qc-h{width:auto;margin-bottom:6px!important}}

/* Q&A 검색창 길게 · AI 검색 문구 (대표 10/22) */
.qa-page .qa-filter{flex-wrap:nowrap;margin:4px 0 16px}
.qa-page .qa-filter input{flex:1;min-width:0;height:46px;padding:0 16px;border-radius:10px;font-size:15px}
.qa-page .qa-filter button{height:46px;padding:0 22px;border-radius:10px;flex:none}

/* Q&A 제목 아래 줄 삭제 (대표 10/22) */
.qa-page .list-head{border-bottom:0!important;box-shadow:none!important;padding-bottom:4px!important}
.qa-page .list-head::after{content:none!important;display:none!important}

/* 많이 본 뉴스(사진 있는 하단) · 숫자·제목·사진 한 줄, 같은 높이 (대표 10/22) */
.mv-grid.mv-rows article{grid-template-rows:auto!important;align-items:center!important}
.mv-grid.mv-rows .rk-n{grid-row:1!important;grid-column:1!important;align-self:center!important;padding-top:0!important;line-height:1.2!important}
.mv-grid.mv-rows h3{grid-row:1!important;grid-column:2!important;align-self:center!important}
.mv-grid.mv-rows .thumb{grid-row:1!important;grid-column:3!important}

/* 모바일 푸터 세로 최소화 · 맨 위 줄 삭제 (대표 10/22) */
@media (max-width:1023px){body:not(.is-admin) .site-footer{border-top:0!important}body:not(.is-admin) .site-footer>.wrap{padding:8px 16px 58px!important}body:not(.is-admin) .site-footer .f-top{height:34px}body:not(.is-admin) .site-footer .f-top img{height:34px!important;width:auto!important}body:not(.is-admin) .site-footer .f-burger{width:34px;height:34px}body:not(.is-admin) .site-footer .f-apps{margin-top:8px!important}body:not(.is-admin) .site-footer .f-badge{height:32px!important}body:not(.is-admin) .site-footer .f-copy{margin-top:6px!important}}

/* PC 푸터 회사소개 ~ RSS 한 줄 (대표 10/22) */
@media (min-width:1024px){body:not(.is-admin) .site-footer .f-nav{flex-wrap:nowrap!important;justify-content:space-between;gap:0 8px!important}body:not(.is-admin) .site-footer .f-nav a{white-space:nowrap;font-size:clamp(12px,1.08vw,14px)!important;letter-spacing:-.3px}}

/* PC 푸터 세부 내용 왼쪽 정렬 (대표 10/22) · 양끝 맞춤 풀고 왼쪽부터 */
@media (min-width:1024px){body:not(.is-admin) .site-footer .f-nav{justify-content:flex-start!important;gap:0 clamp(10px,1.3vw,20px)!important}body:not(.is-admin) .site-footer .f-contact,body:not(.is-admin) .site-footer .f-legal{justify-content:flex-start!important;text-align:left!important}}

/* 모바일 푸터 한 줄씩 왼쪽 정렬 (대표 10/22 "겹치니 다시 한줄씩 깔끔하게") · 로고+메뉴 / 앱 버튼 / 저작권 */
@media (max-width:1023px){body:not(.is-admin) .site-footer>.wrap{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;padding:16px 16px 64px!important;text-align:left!important}body:not(.is-admin) .site-footer .f-top{display:flex!important;justify-content:space-between!important;align-items:center;height:auto!important;margin:0!important}body:not(.is-admin) .site-footer .f-top picture,body:not(.is-admin) .site-footer .f-top img{height:32px!important;width:auto!important;margin:0!important}body:not(.is-admin) .site-footer .f-apps{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap;gap:8px!important;margin:0!important}body:not(.is-admin) .site-footer .f-badge{height:36px!important;margin:0!important}body:not(.is-admin) .site-footer .f-copy{margin:0!important;text-align:left!important;justify-content:flex-start!important;font-size:12.5px;line-height:1.5}}

/* 모바일 최종수정은 메뉴바 바로 아래 (대표 10/22) · 아래쪽 최종수정 줄은 숨김 */
@media (max-width:1023px){body:not(.is-admin) .masthead .mh-upd-row{display:block!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important}body:not(.is-admin) .masthead .mh-upd-row .wrap{display:flex!important;justify-content:flex-end;padding:5px 16px 0!important;min-height:0!important}body:not(.is-admin) .masthead .mh-upd{display:inline-flex!important;align-items:center;gap:4px;margin:0!important;font-size:12px!important;color:#6B7180!important;line-height:1.4}body:not(.is-admin) .masthead .mh-upd svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}body:not(.is-admin) p.modified.home-mod{display:none!important}}

/* 메인 상단 아래 2칸 · 사진 없는 기사는 글이 칸 전체 (대표 10/22 "기사 짤림") */
body.is-front .hd5-sub>article:not(:has(.thumb)){grid-template-columns:minmax(0,1fr)!important}
body.is-front .hd5-sub>article:not(:has(.thumb))>div{grid-column:1/-1}

/* 모바일 최종 업데이트 줄 · 고정 머리 밖 (대표 10/22) */
@media (max-width:1023px){body:not(.is-admin) .mh-upd-row.is-m{display:block!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;position:static!important}body:not(.is-admin) .mh-upd-row.is-m .wrap{display:flex!important;justify-content:flex-end;padding:5px 16px 0!important;min-height:0!important}body:not(.is-admin) .mh-upd-row.is-m .mh-upd{display:inline-flex!important;align-items:center;gap:4px;margin:0!important;font-size:12px!important;color:#6B7180!important;line-height:1.4}body:not(.is-admin) .mh-upd-row.is-m .mh-upd svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}}

/* 모바일 푸터 · 회사소개~ 한 줄(간격 줄임) · 저작권자 두 줄 (대표 10/22) */
.site-footer .m-br{display:none}
@media (max-width:1023px){.site-footer .m-br{display:inline}body:not(.is-admin) .site-footer .f-nav{flex-wrap:nowrap!important;gap:0 9px!important;overflow:hidden}body:not(.is-admin) .site-footer .f-nav a{white-space:nowrap;font-size:12.5px!important;letter-spacing:-.4px;padding:0!important;margin:0!important}body:not(.is-admin) .site-footer .f-nav a::before,body:not(.is-admin) .site-footer .f-nav a::after{margin:0!important}}

/* 모바일 푸터 다듬기 (대표 10/22) · 링크 한 줄 맞춤, 저작권 두 줄 왼쪽, ⓒ 중복 아이콘 없음 */
.site-footer .f-copy,.site-footer .f-cl{text-align:left!important}
@media (max-width:1023px){body:not(.is-admin) .site-footer .f-nav{gap:0 6px!important}body:not(.is-admin) .site-footer .f-nav a{font-size:11.6px!important;letter-spacing:-.6px}body:not(.is-admin) .site-footer .f-cl{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}body:not(.is-admin) .site-footer .f-cr{padding-left:2px}}

/* 저작권 맨 아래 · PC 2010~연도 / 모바일 ⓒ (대표 10/22) */
.site-footer .f-cr-m{display:none!important}
@media (max-width:1023px){.site-footer .f-cr-pc{display:none!important}.site-footer .f-cr-m{display:flex!important}}

/* 저작권 PC·모바일 문구 하나만 보이게 (우선순위 보강, 10/22) */
body:not(.is-admin) .site-footer .f-copy .f-cr-m{display:none!important}
@media (max-width:1023px){body:not(.is-admin) .site-footer .f-copy .f-cr-pc{display:none!important}body:not(.is-admin) .site-footer .f-copy .f-cr-m{display:flex!important}}

/* 모바일 최종 업데이트 줄 배경 흰색 (대표 10/22) */
@media (max-width:1023px){body:not(.is-admin) .mh-upd-row.is-m{background:#fff!important}body:not(.is-admin) .mh-upd-row.is-m .wrap{padding:5px 16px 5px!important;background:#fff!important}}

/* 모바일 저작권자 한 줄 · 회사소개/연락처/준수/저작권 세로로 붙이기 (대표 10/22) */
.site-footer .f-cr-m-t{display:none}
@media (max-width:1023px){.site-footer .f-cr-pc-t{display:none}.site-footer .f-cr-m-t{display:inline}body:not(.is-admin) .site-footer.is-open>.wrap{gap:6px!important}body:not(.is-admin) .site-footer .f-nav{margin:6px 0 0!important}body:not(.is-admin) .site-footer .f-contact{margin:0!important;padding:0!important;gap:2px 14px!important}body:not(.is-admin) .site-footer .f-contact li{margin:0!important;line-height:1.5}body:not(.is-admin) .site-footer .f-copy{margin:0!important;line-height:1.55!important}body:not(.is-admin) .site-footer .f-copy br{display:block;content:"";margin:0}body:not(.is-admin) .site-footer .f-copy .f-cl,body:not(.is-admin) .site-footer .f-copy .f-ethics{margin:0!important;padding-top:0!important;padding-bottom:0!important}}

/* 모바일 푸터 로고 가운데 · 메뉴 버튼 오른쪽 (대표 10/22) */
@media (max-width:1023px){body:not(.is-admin) .site-footer .f-top{position:relative;justify-content:center!important;flex-wrap:wrap}body:not(.is-admin) .site-footer .f-top picture{margin:0 auto!important}body:not(.is-admin) .site-footer .f-top .f-burger{position:absolute;right:0;top:0}}

/* Q&A 전문가 상담 분야 · 칸 테두리 빼고 한 줄 (대표 10/22) */
.qa-consult ul{gap:2px 10px!important}
.qa-consult a{border:0!important;background:transparent!important;border-radius:0!important;padding:9px 2px!important;white-space:nowrap;min-width:0}
.qa-consult a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qa-consult a:hover{background:transparent!important;color:#C2410C}
@media (max-width:900px){.qa-consult a{font-size:13.5px!important;letter-spacing:-.5px;gap:6px!important}.qa-consult a .bi{width:16px;height:16px}}
@media (max-width:900px){.qa-consult ul{gap:0 4px!important}.qa-consult a{gap:5px!important;letter-spacing:-.7px}}
@media (max-width:370px){.qa-consult a{font-size:12.6px!important}}

/* Q&A 카드 썸네일 높이 = 제목 높이 (대표 10/22) · Q 표시 아래 제목 줄 옆에만 */
.qa-card.has-th{grid-template-columns:72px minmax(0,1fr)!important;align-items:start}
.qa-card.has-th .qa-th{grid-row:2!important;grid-column:1!important;align-self:stretch!important;height:auto!important;aspect-ratio:auto!important;min-height:0;overflow:hidden;border-radius:8px}
.qa-card.has-th .qa-th img{width:100%;height:100%;object-fit:cover;display:block}
.qa-card.has-th .qa-q{grid-column:1/-1!important}
.qa-card.has-th > :not(.qa-th):not(.qa-q){grid-column:2!important}
.qa-card.has-th .qa-sum,.qa-card.has-th .qa-exp{grid-column:1/-1!important}

/* 메인 상단 묶음 왼쪽 아래 빈 공간 줄이기 (대표 10/22) · 오른쪽 사진 16:10 → 16:8.5, 카드 아래 여백 30→18 */
@media (min-width:1024px){body.is-front .hd5 .hd5-side .thumb{aspect-ratio:16/8.5!important}body.is-front .hd5.card{padding-bottom:18px!important}}

/* 메인 저출산 특별기획·전문가 칼럼 · 오른쪽 "오피니언 · n일 전" 빼고 좌우 카드 높이 맞춤 (대표 10/22) */
body.is-front .hl .nc-grid .nc-src{display:none!important}
body.is-front .hl .nc-grid .nc-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:calc(3 * 1.5em);line-height:1.5}

/* 링크 복사 알림 (대표 10/22) */
.bn-toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:rgba(17,20,30,.92);color:#fff;font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999;white-space:nowrap}
.bn-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.bn-toast{transition:none}}

/* 기자·칼럼니스트 프로필 사진 (대표 10/22) */
.rep-ph{border-radius:50%;object-fit:cover;background:#fff}

/* CMS 회원관리 기자·칼럼니스트 사진 (10/22) */
.is-admin .mng-ph{width:36px;height:36px;display:block}.is-admin .mng-ph.is-none{opacity:.45}

/* CMS 기존 회원 표 칸 폭 고정 (대표 10/22 '테이블 가로 간격') */
.is-admin .lg-table{table-layout:fixed;width:100%}
.is-admin .lg-table th,.is-admin .lg-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}
.is-admin .lg-table th:nth-child(1){width:70px}.is-admin .lg-table th:nth-child(2){width:22%}.is-admin .lg-table th:nth-child(3){width:90px}.is-admin .lg-table th:nth-child(4){width:120px}
.is-admin .lg-table th:nth-child(5){width:22%}.is-admin .lg-table th:nth-child(6){width:120px}.is-admin .lg-table th:nth-child(7){width:96px}.is-admin .lg-table th:nth-child(8){width:104px}.is-admin .lg-table th:nth-child(9){width:64px}

/* 기존 회원 표 칸 폭 · 다른 표 규칙보다 우선 (10/22) */
body.is-admin table.adm-table.lg-table{table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}
body.is-admin table.lg-table th:nth-child(1){width:7%!important}body.is-admin table.lg-table th:nth-child(2){width:19%!important}body.is-admin table.lg-table th:nth-child(3){width:9%!important}body.is-admin table.lg-table th:nth-child(4){width:11%!important}body.is-admin table.lg-table th:nth-child(5){width:20%!important}body.is-admin table.lg-table th:nth-child(6){width:11%!important}body.is-admin table.lg-table th:nth-child(7){width:8%!important}body.is-admin table.lg-table th:nth-child(8){width:9%!important}body.is-admin table.lg-table th:nth-child(9){width:6%!important}
body.is-admin table.lg-table td{max-width:0}

/* CMS 기자·칼럼니스트 표 칸 폭 (대표 10/22 '테이블 가로 간격') */
body.is-admin table.adm-table.rp-table,body.is-admin table.adm-table.cand-table{table-layout:fixed!important;width:100%!important;min-width:0!important}
body.is-admin table.rp-table th,body.is-admin table.rp-table td,body.is-admin table.cand-table th,body.is-admin table.cand-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;padding-left:8px;padding-right:8px}
body.is-admin table.rp-table th:nth-child(1),body.is-admin table.cand-table th:nth-child(1){width:56px!important}
body.is-admin table.rp-table th:nth-child(2){width:16%!important}
body.is-admin table.rp-table th:last-child{width:230px!important}
body.is-admin table.rp-table td.acts{overflow:visible;white-space:nowrap}
body.is-admin table.cand-table th:nth-child(2){width:20%!important}body.is-admin table.cand-table th:nth-child(3){width:12%!important}body.is-admin table.cand-table th:nth-child(4){width:10%!important}body.is-admin table.cand-table th:nth-child(5){width:24%!important}body.is-admin table.cand-table th:nth-child(6){width:7%!important}body.is-admin table.cand-table th:nth-child(7){width:10%!important}body.is-admin table.cand-table th:last-child{width:140px!important}
body.is-admin table.cand-table td.acts{overflow:visible}

/* CMS 기사댓글 표 칸 폭 (대표 10/22 "댓글창도 테이블 정리") */
body.is-admin table.adm-table.mng-cmt{table-layout:fixed!important;width:100%!important;min-width:0!important}
body.is-admin table.mng-cmt th:nth-child(1){width:96px!important}body.is-admin table.mng-cmt th:nth-child(2){width:130px!important}body.is-admin table.mng-cmt th:nth-child(3){width:auto!important}body.is-admin table.mng-cmt th:nth-child(4){width:26%!important}body.is-admin table.mng-cmt th:nth-child(5){width:56px!important}body.is-admin table.mng-cmt th:nth-child(6){width:80px!important}body.is-admin table.mng-cmt th:nth-child(7){width:120px!important}
body.is-admin table.mng-cmt td:nth-child(2),body.is-admin table.mng-cmt td:nth-child(4){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}
body.is-admin table.mng-cmt td:nth-child(3){white-space:normal;word-break:break-all;line-height:1.5}
body.is-admin table.mng-cmt td:nth-child(6) .ads-st{white-space:nowrap}body.is-admin table.mng-cmt td:last-child{white-space:nowrap}

/* CMS 표 줄 음영 · 마우스 올림 옅게, 선택 진하게 (대표 10/22) */
body.is-admin table tbody tr{transition:background-color .12s}
body.is-admin table tbody tr:hover>td{background:#F3F5FA}
body.is-admin table tbody tr.adm-row-sel>td{background:#E6EBF7!important}
body.is-admin table tbody tr.adm-row-sel>td:first-child{box-shadow:inset 3px 0 0 var(--navy)}
@media (prefers-reduced-motion:reduce){body.is-admin table tbody tr{transition:none}}

/* RSS 안내 (대표 10/22) */
.rss-box h2{margin:22px 0 8px;font-size:17px;color:var(--navy)}
.rss-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.rss-list li{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--rule)}
.rss-n{flex:0 0 150px;font-weight:700;font-size:15px}
.rss-u{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;font:inherit;font-size:14px;color:#3A4050;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rss-u:hover{color:var(--navy);text-decoration:underline}
.rss-note{margin:18px 0 0;font-size:13px;color:var(--sub)}
@media (max-width:640px){.rss-list li{flex-direction:column;align-items:flex-start;gap:2px}.rss-n{flex:none}.rss-u{width:100%;font-size:13px}}
.rss-box h2{display:flex;align-items:center;gap:7px}.rss-box h2 .bi{width:20px;height:20px;fill:none;stroke:var(--red-text);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rss-n{display:inline-flex;align-items:center;gap:6px}.rss-ic{width:16px;height:16px;flex:none;fill:none;stroke:#F26532;stroke-width:2.2;stroke-linecap:round}.rss-ic circle{fill:#F26532;stroke:none}

/* 16주년 공지 제목 아래 버튼 (대표 10/22) · 오른쪽 정렬 규칙 */
.nt16-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin:14px 0 0}
.nt16-b{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none!important}
.nt16-b1{background:#253272;color:#fff!important}.nt16-b2{background:#fff;color:#253272!important;border:1.5px solid #253272}
.nt16-b:hover{opacity:.92}

/* 모바일 기사 · 앱에서 보기 띠 (대표 10/22) */
.app-bar{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 10px 10px 12px;border-radius:12px;background:#F3F5FB;border:1px solid #E1E6F2}
.app-bar[hidden]{display:none!important}
.app-bar .ab-ic{flex:none;width:40px;height:40px;border-radius:10px}
.app-bar .ab-t{flex:1;min-width:0;margin:0;line-height:1.35}
.app-bar .ab-t b{display:block;font-size:13px;color:#253272}
.app-bar .ab-t span{display:block;font-size:12.5px;color:#3A4050;word-break:keep-all}
.app-bar .ab-go{flex:none;height:34px;padding:0 13px;border-radius:17px;background:#253272;color:#fff!important;font-size:13px;font-weight:700;line-height:34px;text-decoration:none!important;white-space:nowrap}
.app-bar .ab-x{flex:none;width:26px;height:26px;padding:0;border:0;background:none;color:#8A90A0;cursor:pointer}
.app-bar .ab-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (min-width:1024px){.app-bar{display:none!important}}
html.is-app .app-bar{display:none!important}

/* 기자 박스 · 구독하기·다른 기사 보기 아이콘 + 검은 글씨 (대표 10/22) */
.rb-follow,.rb-follow[aria-pressed="true"],.rb-more{color:#111!important}
.rb-follow svg,.rb-more svg{display:inline-block!important;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}
.rb-more::before{margin:0 10px 0 6px}

/* 앱 띠 한 줄로 단순하게 (대표 10/22 "앱에서 편리하게 보기, 심플하게") */
.app-bar{gap:8px;padding:6px 6px 6px 10px;border-radius:10px;background:#F5F6FA;border:0;margin:0 0 12px}
.app-bar .ab-ic{width:28px;height:28px;border-radius:7px}
.app-bar .ab-go{flex:1;height:auto;padding:0;border-radius:0;background:none;color:#111!important;font-size:14px;font-weight:700;line-height:32px;text-align:left}
.app-bar .ab-go span{color:#8A90A0;margin-left:2px}

/* 앱 안 하단 탭 · 그냥 맨 아래 고정 (대표 10/22) */
html.tb-plain .tabbar{top:auto!important;bottom:0!important;transform:none!important;will-change:auto!important}

/* 앱 띠 → 기사 화면 아래 떠 있는 반투명 띠 (대표 10/22 "기사 하단 플로팅으로 약간 투명") */
.app-bar{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:44;margin:0;padding:8px 8px 8px 10px;gap:10px;border-radius:14px;background:rgba(37,50,114,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(20,28,60,.22)}
.app-bar .ab-ic{width:36px;height:36px;border-radius:9px}
.app-bar .ab-go{flex:1;display:flex;flex-direction:column;line-height:1.3;color:#fff!important;text-align:left;font-size:13px;font-weight:500}
.app-bar .ab-go b{font-size:14px;font-weight:800;color:#fff}
.app-bar .ab-go span{color:#FFD9C9;margin:0}
.app-bar .ab-x{color:rgba(255,255,255,.8)}

/* 엔디 시절 기사 배너 (대표 10/22) */
.nd-ads{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px auto;clear:both}
.nd-ads a{display:block;width:100%;line-height:0}
.nd-ads img{display:block;width:100%;height:auto;border-radius:6px}
.nd-ads-top a{max-width:340px}
.nd-ads-mid a{max-width:670px}
.nd-ads-end a{max-width:670px}
.nd-ads-end a:nth-child(1),.nd-ads-end a:nth-child(4){max-width:340px}

/* 엔디 배너 자리 고침 (대표 10/22) · GEO 400px, 중간 라플 광고 = 위 문구·그림·아래 문구·링크 */
.nd-ads-top a{max-width:400px}
.nd-ads-mid{max-width:400px;margin:24px auto;padding:0;text-align:center}
.nd-ads-mid .nd-mid-t{margin:0 0 8px;font-size:14px;font-weight:800;color:#253272}
.nd-ads-mid a{max-width:400px}
.nd-ads-mid figcaption{margin:8px 0 4px;font-size:13px;line-height:1.5;color:#555B6B}
.nd-ads-mid .nd-mid-go{display:inline-block;width:auto;line-height:1.4;font-size:13.5px;font-weight:700;color:#253272!important;text-decoration:none}
.nd-ads-mid .nd-mid-go:hover{text-decoration:underline}

/* 기사 맨 아래 구독·채널·후원 4개 (대표 10/22 · 엔디 띠를 우리 모양으로) */
.art-follow{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 8px;border-top:1px solid var(--rule,#E2E5EC);border-bottom:1px solid var(--rule,#E2E5EC)}
.art-follow a{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;font-size:13.5px;font-weight:700;color:#111!important;text-decoration:none!important;white-space:nowrap}
.art-follow a+a{border-left:1px solid var(--rule,#E2E5EC)}
.art-follow svg{flex:none;width:20px;height:20px}
.art-follow a:hover span{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.art-follow{grid-template-columns:1fr 1fr}.art-follow a:nth-child(3){border-left:0}.art-follow a:nth-child(n+3){border-top:1px solid var(--rule,#E2E5EC)}.art-follow a{font-size:13px;padding:12px 4px}}