/* ══════════════════════════════════════════════
   평강 블루 게시판 스킨 (글·사진·영상 통합)
   목업 page-board.css / page-gallery.css / page-video.css 이식
   색상 변수는 .pk-board 안에 다시 선언 → 다른 레이아웃에서도 단독 동작
   ══════════════════════════════════════════════ */
.pk-board {
  --ink:#16212E; --ink-mid:#47566B; --ink-lt:#8697AC; --cream:#F7F9FC; --cream-dim:#EEF2F8; --cream-dark:#DCE4EE;
  --point:#2F5FD9; --point-lt:#4A78E8; --point-dim:rgba(47,95,217,.12); --live:#E0562E; --rule:rgba(22,33,46,0.1);
  --pad: 48px;
  font-family: 'Noto Sans KR', sans-serif; color: var(--ink);
}
.pk-board *, .pk-board *::before, .pk-board *::after { box-sizing: border-box; }
.pk-board a { text-decoration: none; color: inherit; }
.pk-board button { font-family: inherit; cursor: pointer; }
.pk-board .bd-header-text, .pk-board .bd-footer-text { padding: 20px var(--pad); }

/* ══ 툴바 ══ */
.pk-board .bd-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 20px var(--pad); border-bottom: 1px solid var(--rule); background: #fff; }
.pk-board .bd-cats { display: flex; gap: 6px; flex-wrap: wrap; }
.pk-board .bd-cat { padding: 7px 14px; font-size: 12px; font-weight: 600; border: 1px solid var(--cream-dark); border-radius: 20px;
  color: var(--ink-mid); transition: all .15s; white-space: nowrap; }
.pk-board .bd-cat.on, .pk-board .bd-cat:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.pk-board .bd-cat-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; }
.pk-board .bd-cat-dot:not([style*="background"]) { display: none; }
.pk-board .bd-cat.on .bd-cat-dot, .pk-board .bd-cat:hover .bd-cat-dot { box-shadow: 0 0 0 1.5px #fff; }
.pk-board .bd-tools { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.pk-board .bd-search { display: flex; align-items: center; border: 1px solid var(--cream-dark); border-radius: 4px; overflow: hidden; background: #fff; margin: 0; }
.pk-board .bd-search select { border: none; background: var(--cream-dim); font-size: 12px; padding: 8px; color: var(--ink-mid); height: 34px; font-family: inherit; border-radius: 0; }
.pk-board .bd-search input[type=text] { border: none; padding: 8px 10px; font-size: 12px; width: 160px; color: var(--ink); height: 34px; font-family: inherit; background: #fff; border-radius: 0; }
.pk-board .bd-search input:focus { outline: none; }
.pk-board .bd-search button { padding: 0 12px; height: 34px; background: #fff; color: var(--ink-lt); border: none; border-left: 1px solid var(--cream-dark); }
.pk-board .bd-search button:hover { color: var(--point); }
.pk-board .bd-write { display: inline-flex; align-items: center; gap: 5px; padding: 9px 18px; font-size: 12px; font-weight: 700; color: #fff !important;
  background: var(--point); border-radius: 4px; white-space: nowrap; }
.pk-board .bd-write:hover { background: var(--point-lt); }
.pk-board .bd-setup { color: var(--ink-lt); font-size: 18px; display: flex; padding: 4px; }
.pk-board .bd-setup:hover { color: var(--point); }
.pk-board .bd-search-result { padding: 14px var(--pad); font-size: 13px; color: var(--ink-mid); background: var(--cream); border-bottom: 1px solid var(--rule); display: flex; gap: 12px; align-items: center; }
.pk-board .bd-search-result b { color: var(--point); }
.pk-board .bd-search-result a { font-size: 12px; color: var(--ink-lt); margin-left: auto; display: inline-flex; align-items: center; gap: 3px; }

/* ══ 글 목록형 ══ */
.pk-board .bd-list-wrap { padding: 0 var(--pad); }
.pk-board .bd-list { width: 100%; border-collapse: collapse; table-layout: auto; }
.pk-board .bd-list thead th { padding: 12px; font-size: 11px; font-weight: 700; color: var(--ink-lt); border-bottom: 2px solid var(--ink); text-align: center; background: var(--cream); white-space: nowrap; }
.pk-board .bd-list tbody td { padding: 13px 12px; font-size: 13px; color: var(--ink-mid); border-bottom: 1px solid var(--rule); text-align: center; }
.pk-board .bd-list tbody tr:hover td { background: var(--cream-dim); }
.pk-board .bd-num { width: 60px; color: var(--ink-lt); }
.pk-board .bd-cat-col { width: 96px; }
.pk-board .bd-cat-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 2px; background: var(--point-dim); color: var(--point); white-space: nowrap; }
.pk-board .bd-list .bd-title { text-align: left !important; }
.pk-board .bd-title a { color: var(--ink); font-weight: 500; }
.pk-board .bd-title a:hover { color: var(--point); }
.pk-board .bd-comment { font-size: 11px; color: var(--point); font-weight: 700; margin-left: 4px; font-style: normal; }
.pk-board .bd-ico { font-size: 13px; color: var(--ink-lt); margin-left: 4px; vertical-align: -1px; }
.pk-board .bd-new { display: inline-block; font-size: 9px; font-weight: 700; color: #fff; background: var(--live); border-radius: 2px; padding: 0 4px; margin-left: 5px; line-height: 14px; vertical-align: 1px; }
.pk-board tr.bd-notice td { background: var(--cream-dim); font-weight: 700; }
.pk-board tr.bd-notice .bd-num { color: var(--point); }
.pk-board tr.on td { background: var(--point-dim) !important; }
.pk-board .bd-cur { color: var(--point); }
.pk-board .bd-writer { width: 110px; white-space: nowrap; }
.pk-board .bd-date { width: 100px; color: var(--ink-lt); white-space: nowrap; }
.pk-board .bd-views { width: 70px; color: var(--ink-lt); }
.pk-board .bd-empty { padding: 64px 20px; text-align: center; color: var(--ink-lt); font-size: 13px; }
.pk-board .bd-empty i { display: block; font-size: 32px; margin-bottom: 10px; }

/* ══ 사진/영상형 그리드 ══ */
.pk-board .bd-notice-strip { list-style: none; margin: 0; padding: 14px var(--pad) 0; }
.pk-board .bd-notice-strip li { display: flex; align-items: center; gap: 10px; padding: 9px 14px; background: var(--cream-dim); border-radius: 4px; margin-bottom: 6px; font-size: 13px; font-weight: 700; }
.pk-board .bd-notice-strip a { color: var(--ink); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-board .bd-notice-strip a:hover { color: var(--point); }
.pk-board .bd-notice-date { font-size: 11px; font-weight: 400; color: var(--ink-lt); }
.pk-board .gal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; padding: 32px var(--pad); }
.pk-board.pk-cols-3 .gal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pk-board.pk-cols-5 .gal-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pk-board .gal-card { display: block; min-width: 0; }
.pk-board .gal-thumb { aspect-ratio: 4/3; background: var(--cream-dim); border: 1px solid var(--cream-dark); border-radius: 4px;
  display: flex; align-items: center; justify-content: center; color: var(--ink-lt); margin-bottom: 10px; position: relative; overflow: hidden; transition: border-color .15s; }
.pk-board .gal-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.pk-board .gal-card:hover .gal-thumb { border-color: var(--point); }
.pk-board .gal-card:hover .gal-thumb img { transform: scale(1.04); }
.pk-board .gal-card.on .gal-thumb { border: 2px solid var(--point); }
.pk-board .gal-ph { font-size: 28px; }
.pk-board .gal-count { position: absolute; bottom: 8px; right: 8px; z-index: 3; font-size: 10px; font-weight: 700; color: #fff; background: rgba(22,33,46,.6); padding: 2px 7px; border-radius: 10px; display: flex; align-items: center; gap: 3px; }
.pk-board .gal-cat { position: absolute; top: 8px; left: 8px; z-index: 3; font-size: 10px; font-weight: 700; color: #fff; background: var(--point); padding: 2px 7px; border-radius: 2px; }
.pk-board .gal-lock { position: absolute; bottom: 8px; left: 8px; z-index: 3; color: #fff; background: rgba(22,33,46,.6); border-radius: 50%; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.pk-board .gal-title { display: block; font-size: 13px; font-weight: 600; color: var(--ink); line-height: 1.4; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .15s; }
.pk-board .gal-card:hover .gal-title { color: var(--point); }
.pk-board .gal-meta { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--ink-lt); }
.pk-board .gal-views { display: inline-flex; align-items: center; gap: 3px; }

/* 영상형 — 16:9 다크 썸네일 + 재생 버튼 */
.pk-board.pk-type-video .gal-thumb { aspect-ratio: 16/9; background: var(--ink); color: rgba(255,255,255,.15); }
.pk-board.pk-type-video .gal-title { font-size: 14px; font-weight: 700; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }
.pk-board.pk-type-video .gal-meta { font-size: 12px; }
.pk-board .vid-play-btn { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center;
  transition: transform .15s, background .15s; position: relative; z-index: 2; box-shadow: 0 2px 10px rgba(0,0,0,.25); }
.pk-board .vid-play-btn i { font-size: 20px; color: var(--ink); margin-left: 3px; }
.pk-board .gal-card:hover .vid-play-btn { transform: scale(1.1); background: #fff; }
/* 섬네일 그림이 있으면 재생 버튼을 왼쪽 아래 구석으로 (가운데에 두면 섬네일 속 설교 제목을 가림) */
.pk-board .vid-play-btn.is-corner { position: absolute; left: 10px; bottom: 10px; width: 36px; height: 36px; }
.pk-board .vid-play-btn.is-corner i { font-size: 16px; margin-left: 2px; }
.pk-board .vid-yt-badge { position: absolute; top: 8px; right: 8px; z-index: 3; color: #fff; opacity: .8; font-size: 16px; display: flex; }

/* ══ 페이지네이션 ══ */
.pk-board .bd-pagination { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 28px var(--pad) 40px; flex-wrap: wrap; }
.pk-board .bd-page { min-width: 32px; height: 32px; padding: 0 6px; display: flex; align-items: center; justify-content: center; font-size: 13px; color: var(--ink-mid); border-radius: 4px; transition: all .15s; }
.pk-board .bd-page.on { background: var(--point); color: #fff; font-weight: 700; }
.pk-board a.bd-page:hover { background: var(--cream-dim); }
.pk-board.pk-type-video .bd-page { border: 1px solid var(--cream-dark); }
.pk-board.pk-type-video .bd-page.on { background: var(--ink); border-color: var(--ink); }

/* ══ 글 읽기 ══ */
.pk-board .rd { padding: 36px var(--pad) 0; }
.pk-board .rd-head { padding-bottom: 18px; border-bottom: 1px solid var(--rule); }
.pk-board .rd-cat { margin-bottom: 12px; }
.pk-board .rd-title { font-size: 26px; font-weight: 700; color: var(--ink); letter-spacing: -0.5px; line-height: 1.35; margin: 0; }
.pk-board .rd-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; margin-top: 12px; font-size: 12px; color: var(--ink-lt); }
.pk-board .rd-meta i { font-size: 13px; margin-right: 3px; vertical-align: -1px; }
.pk-board .rd-meta a:hover { color: var(--point); }
.pk-board .rd-extra { margin: 18px 0 0; padding: 14px 18px; background: var(--cream); border: 1px solid var(--cream-dark); border-radius: 4px; display: grid; gap: 6px; }
.pk-board .rd-extra-row { display: flex; gap: 14px; font-size: 13px; }
.pk-board .rd-extra dt { min-width: 80px; font-weight: 700; color: var(--ink); }
.pk-board .rd-extra dd { margin: 0; color: var(--ink-mid); }
.pk-board .rd-player { position: relative; aspect-ratio: 16/9; margin: 24px 0 0; background: #000; border-radius: 4px; overflow: hidden; }
.pk-board .rd-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.pk-board .rd-body { padding: 32px 0; font-size: 15px; color: var(--ink-mid); line-height: 1.85; overflow-wrap: break-word; word-break: keep-all; }
.pk-board .rd-body img { max-width: 100%; height: auto; }
.pk-board .rd-body iframe[src*="youtu"] { width: 100%; height: auto; aspect-ratio: 16/9; }
/* 본문 유튜브 주소 → 플레이어 (예전 글 호환) */
.pk-board .rd-body .rd-yt { position: relative; aspect-ratio: 16/9; max-width: 860px; margin: 16px 0; background: #000; border-radius: 4px; overflow: hidden; }
.pk-board .rd-body .rd-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; aspect-ratio: auto; }
.pk-board .rd-body .rd-yt-short { aspect-ratio: 9/16; max-width: 360px; }
/* 예전 플래시 영상 링크 → 준비 중 안내 / 새 주소로 재생 */
.pk-board .rd-body .rd-legacy { display: flex; align-items: center; gap: 14px; max-width: 560px; margin: 16px 0; padding: 14px 16px;
  background: var(--cream); border: 1px dashed var(--cream-dark); border-radius: 8px; }
.pk-board .rd-body .rd-legacy-thumb { width: 96px; height: 64px; object-fit: cover; border-radius: 4px; margin: 0; flex-shrink: 0; filter: grayscale(.4); opacity: .8; }
.pk-board .rd-body .rd-legacy-ico { width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: #fff; border: 1px solid var(--cream-dark);
  display: flex; align-items: center; justify-content: center; color: var(--ink-lt); font-size: 22px; }
.pk-board .rd-body .rd-legacy-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 13px; line-height: 1.5; color: var(--ink-mid); }
.pk-board .rd-body .rd-legacy-text strong { font-size: 14.5px; color: var(--ink); }
.pk-board .rd-body .rd-legacy-idx { font-style: normal; font-size: 11.5px; color: #8A5A00; margin-top: 2px; }
.pk-board .rd-body .rd-legacy-video { max-width: 860px; margin: 16px 0 0; background: #000; border-radius: 4px; overflow: hidden; }
.pk-board .rd-body .rd-legacy-video video { display: block; width: 100%; max-height: 70vh; }
.pk-board .rd-file-wrap { padding-top: 0; padding-bottom: 0; }
.pk-board .rd-file-wrap .rd-legacy-video { margin: 0 0 8px; }
.pk-board .rd-file-error { display: none; margin: 0; padding: 14px 16px; color: #ddd; font-size: 13px; }
.pk-board .rd-file-error a { color: #fff; text-decoration: underline; }
.pk-board .rd-file-video.is-error video { display: none; }
.pk-board .rd-file-video.is-error .rd-file-error { display: block; }
.pk-board .rd-body .rd-legacy-caption { max-width: 860px; margin: 6px 0 16px; font-size: 13px; color: var(--ink-mid); }
.pk-board .rd-secret { text-align: center; padding: 30px 0; color: var(--ink-mid); font-size: 14px; }
.pk-board .rd-secret > i { font-size: 32px; color: var(--ink-lt); display: block; margin-bottom: 8px; }
.pk-board .rd-secret-row { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.pk-board .rd-tags { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 20px; }
.pk-board .rd-tag { font-size: 12px; font-weight: 500; color: var(--point); background: var(--point-dim); padding: 3px 10px; border-radius: 2px; }
.pk-board .rd-files { border: 1px solid var(--cream-dark); border-radius: 4px; margin-bottom: 24px; overflow: hidden; }
.pk-board .rd-files-head { display: flex; align-items: center; gap: 7px; padding: 10px 14px; background: var(--cream); border-bottom: 1px solid var(--rule); font-size: 12px; font-weight: 700; color: var(--ink-mid); }
.pk-board .rd-files-head i { color: var(--point); font-size: 15px; }
.pk-board .rd-files-head b { color: var(--point); }
.pk-board .rd-file { display: flex; align-items: center; gap: 8px; padding: 9px 14px; font-size: 13px; color: var(--ink-mid); border-bottom: 1px solid var(--rule); transition: background .15s; }
.pk-board .rd-file:last-child { border-bottom: none; }
.pk-board .rd-file:hover { background: var(--cream-dim); color: var(--point); }
.pk-board .rd-file i { font-size: 15px; color: var(--ink-lt); }
.pk-board .rd-file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-board .rd-file-size { font-size: 11px; color: var(--ink-lt); margin-left: auto; white-space: nowrap; }
.pk-board .rd-sign { padding: 14px 0; border-top: 1px dashed var(--rule); font-size: 12px; color: var(--ink-lt); }
.pk-board .rd-btns { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 18px 0 24px; border-top: 1px solid var(--rule); }
.pk-board .rd-btns .btn-right { margin-left: auto; }

/* ══ 버튼 ══ */
.pk-board .btn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; font-size: 12px; font-weight: 700; border-radius: 4px;
  border: 1px solid var(--cream-dark); background: #fff; color: var(--ink-mid); transition: all .15s; line-height: 1.2; height: auto; text-shadow: none; box-shadow: none; }
.pk-board .btn:hover { border-color: var(--point); color: var(--point); }
.pk-board .btn i { font-size: 14px; }
.pk-board .btn-primary { background: var(--point); border-color: var(--point); color: #fff; }
.pk-board .btn-primary:hover { background: var(--point-lt); border-color: var(--point-lt); color: #fff; }
.pk-board .btn-danger:hover { border-color: var(--live); color: var(--live); }
.pk-board .btn-danger-solid { background: var(--live); border-color: var(--live); color: #fff; }
.pk-board .btn-danger-solid:hover { background: #c94a25; border-color: #c94a25; color: #fff; }

/* ══ 댓글 ══ */
.pk-board .cm { padding: 0 var(--pad) 12px; border-bottom: 1px solid var(--rule); }
.pk-board .cm-head { display: flex; align-items: center; gap: 8px; padding: 22px 0 8px; font-size: 14px; font-weight: 700; color: var(--ink); }
.pk-board .cm-head i { color: var(--point); font-size: 17px; }
.pk-board .cm-count { color: var(--point); }
.pk-board .cm-list { list-style: none; margin: 0; padding: 0; }
.pk-board .cm-item { display: flex; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--rule); margin-left: calc(var(--depth, 0) * 28px); }
.pk-board .cm-avatar { width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: var(--cream-dim); display: flex; align-items: center; justify-content: center; color: var(--ink-lt); font-size: 16px; overflow: hidden; }
.pk-board .cm-avatar img { width: 100%; height: 100%; object-fit: cover; }
.pk-board .cm-body { flex: 1; min-width: 0; }
.pk-board .cm-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; font-size: 12px; color: var(--ink-lt); }
.pk-board .cm-name { font-weight: 700; color: var(--ink); font-size: 13px; }
.pk-board .cm-content { font-size: 14px; color: var(--ink-mid); line-height: 1.7; overflow-wrap: break-word; }
.pk-board .cm-content img { max-width: 100%; height: auto; }
.pk-board .cm-deleted, .pk-board .cm-secret { color: var(--ink-lt); font-size: 13px; }
.pk-board .cm-secret input { padding: 4px 8px; font-size: 12px; border: 1px solid var(--cream-dark); border-radius: 3px; margin-left: 6px; width: 120px; }
.pk-board .cm-files { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; font-size: 12px; }
.pk-board .cm-files a { color: var(--ink-mid); display: inline-flex; align-items: center; gap: 3px; }
.pk-board .cm-btns { display: flex; gap: 12px; margin-top: 7px; }
.pk-board .cm-btn { font-size: 11px; color: var(--ink-lt); transition: color .15s; background: none; border: none; padding: 0; }
.pk-board .cm-btn:hover { color: var(--point); }
.pk-board .cm-pagination { padding: 16px 0; }
.pk-board .cm-form { padding: 18px 0 28px; }
.pk-board .cm-form-guest { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.pk-board .cm-form-guest input { flex: 1; min-width: 140px; }
.pk-board .cm-form-foot { display: flex; align-items: center; gap: 14px; margin-top: 10px; flex-wrap: wrap; }
.pk-board .cm-form-foot label { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ink-mid); cursor: pointer; }
.pk-board .cm-form-foot .btn-primary { margin-left: auto; }

/* ══ 폼 공통 (글쓰기·삭제·비밀번호·메시지) ══ */
.pk-board .fm { padding: 32px var(--pad) 48px; display: block; margin: 0; }
.pk-board .fm-heading { font-size: 18px; font-weight: 700; color: var(--ink); margin: 0 0 20px; }
.pk-board .fm-narrow { max-width: 520px; margin: 0 auto; padding: 64px 20px 80px; text-align: center; }
.pk-board .fm-row { margin-bottom: 14px; }
.pk-board .fm-inline { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.pk-board .fm-inline .fm-title-input { flex: 1; min-width: 200px; }
.pk-board .fm-center { justify-content: center; }
.pk-board .fm-label { display: block; font-size: 12px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
.pk-board .fm-label em { color: var(--live); font-style: normal; margin-left: 2px; }
.pk-board .fm-extra { padding: 16px 18px 4px; background: var(--cream); border: 1px solid var(--cream-dark); border-radius: 4px; margin-bottom: 14px; }
/* 확장변수 입력칸: 글자 칸은 넉넉하게, 여러 줄 칸은 크게 */
.pk-board .fm-extra-input input[type=text], .pk-board .fm-extra-input input[type=url], .pk-board .fm-extra-input input[type=email] { width: 100%; max-width: 640px; }
.pk-board .fm-extra-input input[type=number] { width: 140px; }
.pk-board .fm-extra-input textarea { width: 100%; min-height: 160px; line-height: 1.6; resize: vertical; }
.pk-board .fm-extra-input p, .pk-board .fm-extra-input .rx_ev_desc { font-size: 11.5px; color: var(--ink-lt); margin: 4px 0 0; }
.pk-board .fm-hint { font-size: 12px; color: var(--ink-mid); background: var(--point-dim); border-radius: 4px; padding: 9px 12px; margin: 0 0 14px; display: flex; gap: 6px; align-items: center; }
.pk-board .fm-hint i { color: var(--point); font-size: 15px; }
.pk-board .fm input[type=text], .pk-board .fm input[type=password], .pk-board .fm input[type=email], .pk-board .fm input[type=url], .pk-board .fm input[type=number],
.pk-board .fm select, .pk-board .fm textarea, .pk-board .cm-form input[type=text], .pk-board .cm-form input[type=password], .pk-board .rd-secret input[type=password] {
  padding: 10px 12px; font-size: 13px; color: var(--ink); border: 1px solid var(--cream-dark); border-radius: 4px; background: #fff; font-family: inherit; height: auto; max-width: 100%; }
.pk-board .fm input:focus, .pk-board .fm select:focus, .pk-board .fm textarea:focus, .pk-board .cm-form input:focus { outline: none; border-color: var(--point); }
.pk-board .fm-title-input { font-size: 15px !important; font-weight: 500; }
.pk-board .fm-full { width: 100%; }
.pk-board .fm-guest { display: flex; gap: 8px; flex-wrap: wrap; }
.pk-board .fm-guest input { flex: 1; min-width: 140px; }
.pk-board .fm-opts { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.pk-board .fm-opts label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-mid); cursor: pointer; }
.pk-board .fm-regdate input[type=datetime-local] { padding: 9px 12px; font-size: 13px; border: 1px solid var(--cream-dark); border-radius: 4px; font-family: inherit; color: var(--ink); background: #fff; }
.pk-board .fm-regdate-help { font-size: 11.5px; color: var(--ink-lt); }
.pk-board .fm-btns { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; flex-wrap: wrap; }
.pk-board .fm-icon { font-size: 42px; color: var(--point); display: block; margin-bottom: 14px; }
.pk-board .fm-icon-danger { color: var(--live); }
.pk-board .fm-msg-title { font-size: 18px; font-weight: 700; color: var(--ink); margin-bottom: 8px; line-height: 1.5; }
.pk-board .fm-msg-desc { font-size: 13px; color: var(--ink-mid); line-height: 1.7; margin-bottom: 20px; }
.pk-board .fm-quote { text-align: left; background: var(--cream); border: 1px solid var(--cream-dark); border-left: 3px solid var(--point); border-radius: 0 4px 4px 0;
  padding: 14px 16px; font-size: 13px; color: var(--ink-mid); line-height: 1.7; margin: 14px 0 22px; overflow-wrap: break-word; }
.pk-board .fm-quote b { display: block; color: var(--ink); margin-bottom: 4px; font-size: 12px; }

/* ══ 사진 펼침형 (글마다 모든 사진) ══ */
.pk-board .alb-list { padding: 8px var(--pad) 24px; }
.pk-board .alb-post { padding: 28px 0; border-bottom: 1px solid var(--rule); }
.pk-board .alb-post:last-child { border-bottom: none; }
.pk-board .alb-post.on .alb-title { color: var(--point); }
.pk-board .alb-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin-bottom: 14px; }
.pk-board .alb-title-row { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 320px; }
.pk-board .alb-title { font-size: 17px; font-weight: 700; color: var(--ink); line-height: 1.4; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .15s; }
.pk-board .alb-title:hover { color: var(--point); }
.pk-board .alb-title-row .bd-comment, .pk-board .alb-title-row .bd-new { margin-left: 0; flex-shrink: 0; }
.pk-board .alb-lock { color: var(--ink-lt); font-size: 15px; }
.pk-board .alb-meta { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--ink-lt); white-space: nowrap; }
.pk-board .alb-meta span { display: inline-flex; align-items: center; gap: 3px; }
.pk-board .alb-go { display: inline-flex; align-items: center; gap: 3px; color: var(--point); font-weight: 600; }
.pk-board .alb-go:hover { text-decoration: underline; }

.pk-board .alb-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.pk-board.pk-acols-4 .alb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pk-board.pk-acols-6 .alb-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.pk-board .alb-item { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: 4px; background: var(--cream-dim); cursor: zoom-in; }
.pk-board .alb-item img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s, opacity .2s; }
.pk-board .alb-item:hover img { transform: scale(1.05); }
.pk-board .alb-item:focus-visible { outline: 3px solid var(--point); outline-offset: 2px; }
.pk-board .alb-more { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  background: rgba(22,33,46,.55); color: #fff; font-size: 22px; font-weight: 700; letter-spacing: -.5px; transition: background .2s; }
.pk-board .alb-item:hover .alb-more { background: rgba(22,33,46,.65); }
.pk-board .alb-empty { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 28px; font-size: 13px; color: var(--ink-lt);
  background: var(--cream); border: 1px dashed var(--cream-dark); border-radius: 4px; }
.pk-board .alb-empty:hover { color: var(--point); border-color: var(--point); }

/* 글 읽기 화면의 사진 모음 */
.pk-board .rd-album { margin: 8px 0 28px; }
.pk-board .rd-album-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; font-weight: 700; color: var(--ink); margin-bottom: 12px; }
.pk-board .rd-album-head i { color: var(--point); font-size: 16px; }
.pk-board .rd-album-head b { color: var(--point); }
.pk-board .rd-album-head .rd-album-tip { font-weight: 400; font-size: 12px; color: var(--ink-lt); margin-left: 6px; }
.pk-board .rd-album .alb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ══ 배경화면형 ══ */
/* 목록: PC 화면에서는 가로(16:9) 카드에 PC용, 휴대폰에서는 세로(9:16) 카드에 모바일용 */
.pk-board .wp-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 20px; padding: 24px var(--pad) 32px; }
.pk-board .wp-card { display: block; min-width: 0; color: inherit; }
.pk-board .wp-thumb { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px; background: var(--cream-dim); box-shadow: 0 1px 2px rgba(22,33,46,.08); }
.pk-board .wp-thumb picture, .pk-board .wp-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; }
.pk-board .wp-thumb img { object-fit: cover; transition: transform .35s; }
.pk-board .wp-card:hover .wp-thumb img { transform: scale(1.04); }
.pk-board .wp-card:focus-visible .wp-thumb { outline: 3px solid var(--point); outline-offset: 2px; }
.pk-board .wp-thumb .wp-bg { position: absolute; inset: -40px; width: calc(100% + 80px); height: calc(100% + 80px); object-fit: cover; filter: blur(14px) brightness(.85); transform: none; }
.pk-board .wp-only-mobile .wp-fg { object-fit: contain; }
.pk-board .wp-card:hover .wp-only-mobile .wp-fg { transform: none; }
.pk-board .wp-noimg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 28px; color: var(--ink-lt); }
.pk-board .wp-info { padding: 12px 2px 0; }
.pk-board .wp-title-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.pk-board .wp-title { font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.4; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .15s; }
.pk-board .wp-card:hover .wp-title, .pk-board .wp-card.on .wp-title { color: var(--point); }
.pk-board .wp-title-row .bd-new { margin-left: 0; flex-shrink: 0; }
.pk-board .wp-meta { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 11.5px; color: var(--ink-lt); }
.pk-board .wp-kind { display: inline-flex; align-items: center; gap: 3px; padding: 2px 7px; border-radius: 10px; background: var(--point-dim, #E9EFFC); color: var(--point); font-weight: 600; }
.pk-board .wp-kind i { font-size: 13px; }
.pk-board .wp-kind.off { background: transparent; color: #B8C2CF; text-decoration: line-through; }
.pk-board .wp-date { margin-left: auto; }

/* 글 읽기: 모니터 · 휴대폰 모양 미리보기 + 내려받기 */
.pk-board .rd-wall { margin: 8px 0 32px; padding: 32px 28px 24px; border-radius: 8px; background: linear-gradient(180deg, #EEF2F8, #F7F9FC); }
.pk-board .wl-devices { display: flex; align-items: flex-end; justify-content: center; gap: 40px; }
.pk-board .wl-dev { margin: 0; display: flex; flex-direction: column; align-items: center; min-width: 0; }
.pk-board .wl-pc { flex: 1 1 auto; max-width: 640px; }
.pk-board .wl-mobile { flex: 0 0 auto; width: 190px; }
.pk-board .wl-monitor, .pk-board .wl-phone { position: relative; display: block; width: 100%; overflow: hidden; background: #16212E; cursor: zoom-in; }
.pk-board .wl-monitor { aspect-ratio: 16 / 9; border: 10px solid #16212E; border-bottom-width: 16px; border-radius: 10px; box-shadow: 0 14px 34px rgba(22,33,46,.22); }
.pk-board .wl-phone { aspect-ratio: 9 / 19.5; border: 7px solid #16212E; border-radius: 28px; box-shadow: 0 14px 34px rgba(22,33,46,.26); }
.pk-board .wl-phone::before { content: ''; position: absolute; top: 8px; left: 50%; z-index: 1; width: 34%; height: 14px; transform: translateX(-50%); border-radius: 10px; background: #16212E; }
.pk-board .wl-monitor img, .pk-board .wl-phone img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-board .wl-phone img { border-radius: 21px; }
.pk-board .wl-zoom { position: absolute; right: 10px; bottom: 10px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: rgba(22,33,46,.55); color: #fff; font-size: 17px; opacity: 0; transition: opacity .2s; }
.pk-board .wl-monitor:hover .wl-zoom, .pk-board .wl-phone:hover .wl-zoom, .pk-board .pk-lb-open:focus-visible .wl-zoom { opacity: 1; }
.pk-board .pk-lb-open:focus-visible { outline: 3px solid var(--point); outline-offset: 3px; }
.pk-board .wl-stand { display: block; width: 22%; height: 26px; background: linear-gradient(180deg, #2A3747, #3B4A5C); clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%); }
.pk-board .wl-dev figcaption { margin-top: 12px; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--ink-lt); font-variant-numeric: tabular-nums; }
.pk-board .wl-dev figcaption b { color: var(--ink); font-size: 13px; }
.pk-board .wl-pc figcaption { margin-top: 10px; }

.pk-board .wl-downs { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.pk-board .wl-down { display: inline-flex; align-items: center; gap: 12px; min-width: 240px; padding: 12px 16px; border-radius: 6px; background: var(--point); color: #fff; transition: background .15s, transform .15s; }
.pk-board .wl-down:hover { background: #2450C2; transform: translateY(-1px); }
.pk-board .wl-down:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.pk-board .wl-down > i:first-child { font-size: 24px; }
.pk-board .wl-down-text { display: flex; flex-direction: column; line-height: 1.3; margin-right: auto; }
.pk-board .wl-down-text b { font-size: 14.5px; }
.pk-board .wl-down-text small { font-size: 11.5px; opacity: .85; font-variant-numeric: tabular-nums; }
.pk-board .wl-down-ico { font-size: 18px; opacity: .9; }
.pk-board .wl-down-mobile { background: #16212E; }
.pk-board .wl-down-mobile:hover { background: #2A3747; }
.pk-board .wl-others { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px 14px; margin-top: 14px; font-size: 12px; color: var(--ink-lt); }
.pk-board .wl-others a { display: inline-flex; align-items: center; gap: 3px; color: var(--ink-mid, #47566B); text-decoration: underline; text-underline-offset: 2px; }
.pk-board .wl-others a:hover { color: var(--point); }

@media (max-width: 960px) {
  .pk-board .wp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; padding: 20px var(--pad) 28px; }
  .pk-board .rd-wall { padding: 26px 18px 20px; }
  .pk-board .wl-devices { gap: 24px; }
  .pk-board .wl-mobile { width: 160px; }
}
/* 휴대폰: 목록은 세로 카드에 모바일용, 글에서는 모바일용을 먼저 */
@media (max-width: 600px) {
  .pk-board .wp-list { gap: 18px 10px; }
  .pk-board .wp-thumb { aspect-ratio: 9 / 16; border-radius: 10px; }
  .pk-board .wp-only-mobile .wp-fg { object-fit: cover; }
  .pk-board .wp-only-pc .wp-fg { object-fit: contain; }
  .pk-board .wp-card:hover .wp-only-pc .wp-fg { transform: none; }
  .pk-board .wp-title { font-size: 14px; }
  .pk-board .wp-meta { flex-wrap: wrap; gap: 4px; }
  .pk-board .wp-date { margin-left: 0; width: 100%; }
  .pk-board .rd-wall { margin: 4px calc(var(--pad) * -1) 24px; border-radius: 0; padding: 24px var(--pad) 20px; }
  .pk-board .wl-devices { flex-direction: column; align-items: center; gap: 28px; }
  .pk-board .wl-mobile { order: -1; width: 62%; max-width: 240px; }
  .pk-board .wl-pc { width: 100%; }
  .pk-board .wl-monitor { border-width: 7px; border-bottom-width: 11px; border-radius: 8px; }
  .pk-board .wl-stand { height: 18px; }
  .pk-board .wl-zoom { opacity: 1; width: 30px; height: 30px; font-size: 15px; }
  .pk-board .wl-downs { flex-direction: column; align-items: stretch; }
  .pk-board .wl-down { min-width: 0; }
  .pk-board .wl-down-mobile { order: -1; }
}

/* ══ 반응형 ══ */
@media (max-width: 1200px) {
  .pk-board.pk-cols-5 .gal-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pk-board.pk-acols-6 .alb-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
  .pk-board { --pad: 20px; }
  .pk-board .bd-toolbar { flex-direction: column; align-items: stretch; }
  .pk-board .bd-cats { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
  .pk-board .bd-tools { margin-left: 0; }
  .pk-board .bd-search { flex: 1; min-width: 0; }
  /* 입력칸 기본 너비 때문에 글쓰기 버튼이 화면 밖으로 밀려나지 않게 */
  .pk-board .bd-search input[type=text] { flex: 1; width: 0; min-width: 0; }
  .pk-board .bd-writer, .pk-board .bd-views, .pk-board .bd-date, .pk-board .bd-cat-col { display: none; }
  .pk-board .gal-grid, .pk-board.pk-cols-3 .gal-grid, .pk-board.pk-cols-5 .gal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; padding: 20px var(--pad); }
  .pk-board .rd-title { font-size: 21px; }
  .pk-board .rd-body { font-size: 14px; }
  .pk-board .alb-grid, .pk-board.pk-acols-4 .alb-grid, .pk-board.pk-acols-6 .alb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .pk-board .alb-post { padding: 22px 0; }
}
@media (max-width: 600px) {
  .pk-board { --pad: 16px; }
  .pk-board .bd-num { width: 44px; }
  .pk-board .bd-list tbody td { padding: 12px 6px; }
  /* 검색창은 한 줄을 다 쓰고, 글쓰기 · 관리 버튼은 다음 줄로 (좁은 화면에서 검색어 칸이 잘리지 않게) */
  .pk-board .bd-tools { flex-wrap: wrap; justify-content: flex-end; }
  .pk-board .bd-search { flex: 1 1 100%; }
  .pk-board .bd-search select { max-width: 96px; }
  /* 글 정보(설교 날짜 · 예배 · 본문 · 설교자)를 한 줄 흐름으로 줄여 영상이 화면 위쪽에 보이게 */
  .pk-board .rd-extra { display: flex; flex-wrap: wrap; gap: 2px 0; padding: 10px 14px; }
  .pk-board .rd-extra-row { display: inline-flex; gap: 0; font-size: 13px; }
  .pk-board .rd-extra-row + .rd-extra-row::before { content: '·'; margin: 0 7px; color: var(--ink-lt); }
  .pk-board .rd-extra dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pk-board .rd-extra dd { color: var(--ink); }
  .pk-board .bd-write { padding: 9px 12px; }
  .pk-board .gal-grid { gap: 14px 10px; }
  .pk-board .vid-play-btn { width: 38px; height: 38px; }
  .pk-board .cm-item { margin-left: calc(var(--depth, 0) * 14px); }
  .pk-board .rd-btns .btn { padding: 8px 12px; }
  .pk-board .alb-grid, .pk-board.pk-acols-4 .alb-grid, .pk-board.pk-acols-6 .alb-grid,
  .pk-board .rd-album .alb-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; }
  .pk-board .alb-item { border-radius: 2px; }
  .pk-board .alb-title { font-size: 15px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .pk-board .alb-meta { gap: 10px; font-size: 11px; flex-wrap: wrap; }
  .pk-board .alb-head { margin-bottom: 10px; }
}

/* ══ 사진 크게 보기 (라이트박스) — body 바로 아래에 붙으므로 .pk-board 밖에서도 동작 ══ */
.pk-lb { position: fixed; inset: 0; z-index: 10000; display: none; flex-direction: column; background: rgba(10,14,20,.94);
  font-family: 'Noto Sans KR', sans-serif; color: #fff; -webkit-user-select: none; user-select: none; }
.pk-lb.open { display: flex; }
.pk-lb *, .pk-lb *::before, .pk-lb *::after { box-sizing: border-box; }
.pk-lb-top { display: flex; align-items: center; gap: 12px; padding: 12px 16px; min-height: 56px; }
.pk-lb-title { flex: 1; min-width: 0; font-size: 14px; font-weight: 500; opacity: .9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-lb-count { font-size: 13px; opacity: .7; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pk-lb-btn { width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px; text-decoration: none; transition: background .15s; flex-shrink: 0; }
.pk-lb-btn:hover, .pk-lb-btn:focus-visible { background: rgba(255,255,255,.22); outline: none; }
.pk-lb-stage { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 0 72px 24px; touch-action: pan-y; }
.pk-lb-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 2px; box-shadow: 0 10px 40px rgba(0,0,0,.4); transition: opacity .2s; }
.pk-lb-img.loading { opacity: .25; }
.pk-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 26px; }
.pk-lb-prev { left: 12px; }
.pk-lb-next { right: 12px; }
.pk-lb-nav[disabled] { opacity: .25; cursor: default; }
@media (max-width: 600px) {
  .pk-lb-stage { padding: 0 0 16px; }
  .pk-lb-nav { width: 44px; height: 44px; font-size: 22px; background: rgba(0,0,0,.35); }
  .pk-lb-prev { left: 6px; }
  .pk-lb-next { right: 6px; }
  .pk-lb-top { padding: 10px 10px 10px 14px; gap: 8px; }
}
body.pk-lb-lock { overflow: hidden; }

/* ══ 관리자: 글 선택 (이동 · 복사 · 삭제) ══ */
.pk-board .bd-pick-toggle { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--ink-mid); background: #fff; border: 1px solid var(--cream-dark); border-radius: 4px; padding: 7px 10px; cursor: pointer; font-family: inherit; }
.pk-board .bd-pick-toggle:hover, .pk-board .bd-pick-toggle.on { color: var(--point); border-color: var(--point); }
.pk-board .bd-pickbar { display: none; }
.pk-board.bd-picking .bd-pickbar { display: flex; position: sticky; bottom: 0; z-index: 30; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end;
  margin: 16px var(--pad) 0; padding: 12px 14px; background: #fff; border: 1px solid var(--point); border-radius: 6px; box-shadow: 0 -4px 16px rgba(0,0,0,.08); }
.pk-board .bd-pickbar-text { margin-right: auto; font-size: 13px; color: var(--ink-mid); }
.pk-board .bd-pickbar-text b { color: var(--point); font-size: 16px; margin-right: 1px; }
.pk-board .bd-pickbar-text small { color: var(--ink-lt); font-size: 11.5px; margin-left: 4px; }
.pk-board .bd-pickbar .btn { display: inline-flex; align-items: center; gap: 4px; }
.pk-board .bd-pickbar:not(.has-pick) .bd-pick-manage, .pk-board .bd-pickbar:not(.has-pick) .bd-pick-clear, .pk-board .bd-pickbar:not(.has-pick) .bd-pick-clear-all { opacity: .45; }
.pk-board .bd-pick-else { color: var(--ink-lt); font-size: 12px; }
.pk-board .bd-pickbar.has-pick .bd-pickbar-text small { display: none; }
/* 선택 모드: 글마다 체크 상자 */
.pk-board.bd-picking [data-pk-doc] { cursor: pointer; position: relative; }
.pk-board.bd-picking [data-pk-doc]:not(tr)::before, .pk-board.bd-picking tr[data-pk-doc] > td:first-child::before {
  content: ''; display: inline-block; width: 20px; height: 20px; box-sizing: border-box; border: 2px solid #b8c2d0; border-radius: 4px; background: #fff;
  text-align: center; line-height: 16px; font-size: 13px; font-weight: 700; color: #fff; }
.pk-board.bd-picking [data-pk-doc]:not(tr):not(li)::before { position: absolute; top: 8px; left: 8px; z-index: 5; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.pk-board.bd-picking li[data-pk-doc]::before { margin-right: 8px; vertical-align: middle; }
.pk-board.bd-picking tr[data-pk-doc] > td:first-child::before { margin-right: 6px; vertical-align: middle; }
.pk-board.bd-picking .bd-picked::before, .pk-board.bd-picking tr.bd-picked > td:first-child::before { border-color: var(--point) !important;
  background: var(--point) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat !important; }
.pk-board.bd-picking tr.bd-picked > td { background: var(--point-dim); }
.pk-board.bd-picking a.bd-picked, .pk-board.bd-picking article.bd-picked { outline: 3px solid var(--point); outline-offset: 2px; border-radius: 6px; }
.pk-board.bd-picking li.bd-picked { background: var(--point-dim); }
@media (max-width: 600px) {
  .pk-board .bd-pick-toggle span { display: none; }
  .pk-board .bd-pick-toggle { padding: 7px 8px; }
  .pk-board .bd-pickbar-text small { display: none; }
  .pk-board.bd-picking .bd-pickbar { margin: 12px 0 0; border-radius: 0; }
}

/* ══ 영상 게시판: 목록의 예배 · 본문 · 설교자 한 줄, 글쓰기 영상 칸 안내 ══ */
.pk-board .gal-sermon { display: block; font-size: 12px; color: var(--ink-mid); margin: 4px 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-board .bd-sline { display: block; font-size: 12px; color: var(--ink-lt); margin-top: 3px; font-weight: 400; }
.pk-board .fm-media-help { font-size: 11.5px; color: var(--point); margin: 4px 0 0; }
.pk-board .fm-hint-admin { background: #FFF6E0; color: #6B4A00; }
.pk-board .fm-hint-admin i { color: #B7791F; }
.pk-board .fm-hint-admin a { color: #8A5A00; text-decoration: underline; }