/* 언론사 커뮤니티(/community/) — 네이버 카페 바로가기 카드. COMM-1. 로고 그림이 흰 바탕이라 카드도 늘 흰색(다크 포함) */
.kt-comm { max-width: 640px; margin: 10px auto 30px; text-align: center; font-family: var(--kt-sans); }
.kt-art-body .kt-comm a.kt-comm-card { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 34px 24px 26px; border-radius: 18px; background: #fff; border: 1px solid var(--kt-line); box-shadow: 0 16px 34px -24px rgba(0,0,0,.45); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.kt-art-body .kt-comm a.kt-comm-card:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -22px rgba(0,0,0,.5); }
.kt-art-body .kt-comm a.kt-comm-card:focus-visible { outline: 3px solid var(--kt-brand, #0c7673); outline-offset: 3px; }
.kt-comm-logo img { display: block; width: min(420px, 100%); height: auto; margin: 0 auto; }
.kt-comm-go { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 22px; border-radius: 999px; background: #037d3c; color: #fff; font-weight: 800; font-size: 16px; }
.kt-comm-desc { margin: 16px 0 0; color: var(--kt-sub); font-size: 16px; line-height: 1.7; }
html.kt-dark .kt-art-body .kt-comm a.kt-comm-card { background: #fff; border-color: transparent; }
html.kt-dark .kt-art-body .kt-comm-logo img { filter: none; } /* 본문 사진 어둡게(kt-dark.css) 빼기 — 흰 바탕 로고가 회색이 됨 */

/* 운영 중인 지부 그리드 [kt_branches] — COMM-2 */
.kt-br { margin: 44px 0 10px; font-family: var(--kt-sans); }
.kt-art-body .kt-br .kt-br-h { font: 800 22px/1.3 var(--kt-serif); margin: 0 0 6px; padding-bottom: 10px; border-bottom: 2px solid var(--kt-brand, #0c7673); color: var(--kt-ink); }
.kt-br-n { font: 700 15px var(--kt-sans); color: var(--kt-brand, #0c7673); margin-left: 4px; }
.kt-br-sub { margin: 10px 0 18px; color: var(--kt-sub); font-size: 15px; }
.kt-art-body .kt-br ul.kt-br-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.kt-br-grid li { margin: 0; display: flex; flex-direction: column; border-radius: 12px; border: 1px solid var(--kt-line); background: var(--kt-soft); overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; }
.kt-br-grid li:hover { transform: translateY(-2px); border-color: var(--kt-brand, #0c7673); box-shadow: 0 12px 24px -18px rgba(0,0,0,.45); }
.kt-art-body .kt-br a.kt-br-site { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 8px 10px; text-align: center; text-decoration: none; color: var(--kt-ink); }
.kt-br-k { font-size: 11px; font-weight: 700; letter-spacing: .02em; color: var(--kt-brand, #0c7673); }
.kt-br-site b { font-size: 17px; font-weight: 800; line-height: 1.3; }
.kt-br-pin { margin-top: 4px; font: 600 11px/1 ui-monospace, Menlo, Consolas, monospace; color: var(--kt-sub); letter-spacing: .02em; }
.kt-art-body .kt-br a.kt-br-admin { display: block; padding: 7px 4px; text-align: center; font-size: 12.5px; font-weight: 700; text-decoration: none; color: var(--kt-sub); border-top: 1px dashed var(--kt-line); }
.kt-art-body .kt-br a.kt-br-admin:hover { color: var(--kt-brand, #0c7673); background: var(--kt-bg); }
.kt-art-body .kt-br a:focus-visible { outline: 3px solid var(--kt-brand, #0c7673); outline-offset: -3px; }
.kt-br-all { margin: 16px 0 0; text-align: right; font-size: 14px; font-weight: 700; }
@media (max-width: 480px) { .kt-art-body .kt-br ul.kt-br-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
html.kt-dark .kt-br-k, html.kt-dark .kt-br-n { color: #4fd1c5; }

/* 앱 받기 · 글로벌 서치 — COMM-3. 그림(배지·로고)이 흰 바탕용이라 상자 안 그림 칸은 다크에서도 흰색 */
.kt-comm-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 10px 0 0; font-family: var(--kt-sans); }
.kt-comm-box { display: flex; flex-direction: column; padding: 22px; border-radius: 16px; background: var(--kt-soft); border: 1px solid var(--kt-line); }
.kt-art-body .kt-comm-box .kt-comm-h { margin: 0; font: 800 20px/1.3 var(--kt-serif); color: var(--kt-ink); border: 0; padding: 0; }
.kt-comm-box > p { margin: 6px 0 14px; color: var(--kt-sub); font-size: 15px; }
.kt-art-body .kt-comm-box p.kt-comm-badges { margin-top: auto; display: flex; flex-wrap: wrap; gap: 10px; }
.kt-comm-badges a { display: block; border-radius: 12px; line-height: 0; transition: transform .2s; }
.kt-comm-badges a:hover { transform: translateY(-2px); }
.kt-comm-badges img { display: block; width: 150px; height: auto; border-radius: 12px; }
.kt-art-body .kt-comm-box a.kt-comm-gs { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 18px 14px; border-radius: 12px; background: #fff; border: 1px solid var(--kt-line); text-decoration: none; transition: transform .2s; }
.kt-art-body .kt-comm-box a.kt-comm-gs:hover { transform: translateY(-2px); }
.kt-comm-gs img { display: block; width: 100%; max-width: 380px; height: auto; }
.kt-art-body .kt-comm a:focus-visible, .kt-art-body .kt-comm-two a:focus-visible { outline: 3px solid var(--kt-brand, #0c7673); outline-offset: 3px; }
@media (max-width: 700px) { .kt-comm-two { grid-template-columns: minmax(0, 1fr); } .kt-comm-badges img { width: 150px; } }
html.kt-dark .kt-art-body .kt-comm-two .kt-comm-box :is(.kt-comm-badges, .kt-comm-gs) img { filter: none; background: transparent; } /* kt-dark.css 본문 그림 회색 바탕(.kt-art-body img:not(.emoji):not(.wp-smiley))보다 세게 */
html.kt-dark .kt-art-body .kt-comm-box a.kt-comm-gs { border-color: transparent; }