/* 와우씨씨엠 리뉴얼 · 방송국 안내 (방송국소개 · 제휴 · 개인정보처리방침 · 사이트맵 · 오시는길)
 * 심플하게: 글 중심, 회색 줄, 포인트 색은 주황 하나
 */
.ab{max-width:860px;font-size:15.5px;line-height:1.75;color:var(--sub);word-break:keep-all}
.ab h2{margin:0 0 14px;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ab h3{margin:0;font-size:16px;font-weight:700;color:var(--ink)}
.ab p{margin:0 0 10px}
.ab a{color:var(--brand-dk)}
.ab-lead{margin:0 0 40px !important;padding:22px 26px;background:var(--band);font-size:16.5px;line-height:1.8;color:var(--ink)}
.ab-sec{margin:0 0 44px}
.ab-sec > h2{padding-bottom:10px;border-bottom:1px solid var(--line)}

/* 사역 소개 */
.ab-works{list-style:none;margin:0;padding:0;counter-reset:w}
.ab-works li{position:relative;padding:14px 0 14px 44px;border-bottom:1px solid var(--line-2);counter-increment:w}
.ab-works li::before{content:counter(w,decimal-leading-zero);position:absolute;left:0;top:15px;font-size:15px;font-weight:800;color:var(--brand)}
.ab-works p{margin:4px 0 0}

/* 걸어온 길 */
.ab-history{list-style:none;margin:0;padding:0}
.ab-history li{display:grid;grid-template-columns:64px 44px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px dashed var(--line)}
.ab-history .y{font-weight:800;color:var(--ink)}
.ab-history .m{color:var(--mute)}
.ab-history li.key .t{font-weight:700;color:var(--ink)}

/* 제휴 */
.ab-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 40px}
.ab-bar-group h3{margin-bottom:8px}
.ab-bar{display:grid;grid-template-columns:80px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:5px 0;font-size:14.5px}
.ab-bar .track{height:8px;background:var(--line-2)}
.ab-bar .track i{display:block;height:100%;background:var(--brand)}
.ab-bar .v{text-align:right;font-weight:700;color:var(--ink)}
.ab-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.ab-contact a{display:block;padding:18px 20px;border:1px solid var(--line);color:var(--ink)}
.ab-contact a:hover{border-color:var(--brand)}
.ab-contact small{display:block;font-size:13px;color:var(--mute)}
.ab-contact b{font-size:18px}

/* 오시는길 */
.ab-map{aspect-ratio:16/9;max-height:440px;width:100%;background:var(--band);border:1px solid var(--line)}
.ab-map iframe{display:block;width:100%;height:100%;border:0}
.ab-info{display:grid;grid-template-columns:90px minmax(0,1fr);margin:20px 0;border-top:1px solid var(--ink)}
.ab-info dt,.ab-info dd{margin:0;padding:12px 4px;border-bottom:1px solid var(--line)}
.ab-info dt{font-weight:700;color:var(--ink)}
.ab-maplinks{display:flex;flex-wrap:wrap;gap:8px}
.ab-maplinks a{padding:9px 16px;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink)}
.ab-maplinks a:hover{border-color:var(--brand);color:var(--brand)}

/* 사이트맵 */
.ab-sitemap{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px 28px}
.ab-sitemap h2{margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--ink);font-size:17px}
.ab-sitemap h2 a{color:var(--ink)}
.ab-sitemap ul{list-style:none;margin:0;padding:0}
.ab-sitemap li{padding:5px 0;font-size:14.5px}
.ab-sitemap li a{color:var(--sub)}
.ab-sitemap li a:hover{color:var(--brand)}
.ab-sitemap small{font-size:12px;color:var(--mute)}
.ab-sitemap-prog{grid-column:1 / -1}
.ab-sitemap-prog ul{columns:4 180px;column-gap:28px}

/* 개인정보처리방침 */
.ab-doc h2{margin:36px 0 10px;padding-top:6px;font-size:17.5px;scroll-margin-top:20px}
.ab-doc ul{margin:0 0 10px;padding-left:20px}
.ab-doc li{margin:3px 0}
.ab-toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 20px;padding:16px 20px;border:1px solid var(--line)}
.ab-toc a{font-size:14.5px;color:var(--sub)}
.ab-toc a:hover{color:var(--brand)}
.ab-table{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:14.5px;line-height:1.6}
.ab-table th,.ab-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.ab-table thead th{background:var(--band);color:var(--ink)}
.ab-table tbody th{width:110px;font-weight:700;color:var(--ink);white-space:nowrap}

@media (max-width:640px){
  .ab{font-size:15px}
  .ab-lead{padding:16px 18px;font-size:15.5px}
  .ab-history li{grid-template-columns:48px 38px minmax(0,1fr)}
  .ab-table,.ab-table tbody,.ab-table tr,.ab-table th,.ab-table td{display:block;width:auto}
  .ab-table thead{display:none}
  .ab-table tr{margin-bottom:10px;border:1px solid var(--line)}
  .ab-table th,.ab-table td{border:0;padding:6px 12px}
  .ab-table tbody th{background:var(--band)}
}