﻿/* =====================================================================
   LecInfo 갤러리 : 강사 안내 카드 (메인 강사 카드와 같은 형태) - 2026.10.06
   PC 5개 / 태블릿 3개 / 모바일 2개
   ===================================================================== */
.board-theme.gallery .lec-speaker-panel { width: 100%; margin: 0 auto; padding: 1.75rem 0 3rem; }
.board-theme.gallery .lec-speaker-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 0.625rem; row-gap: 1.125rem; }
.board-theme.gallery .lec-speaker-item { min-width: 0; }

.board-theme.gallery .lec-speaker-card { position: relative; display: block; overflow: hidden; background: #f3f4f6; border-radius: 0.375rem; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.board-theme.gallery .lec-speaker-card img { display: block; width: 100%; height: auto; transition: transform 0.45s ease; }
.board-theme.gallery .lec-speaker-card.is-nolink { cursor: default; }

@media (hover: hover) {
    .board-theme.gallery a.lec-speaker-card:hover { transform: translateY(-0.375rem); box-shadow: 0 14px 30px rgba(4, 23, 57, 0.22); }
    .board-theme.gallery a.lec-speaker-card:hover img { transform: scale(1.03); }
}
.board-theme.gallery a.lec-speaker-card:focus-visible { transform: translateY(-0.375rem); box-shadow: 0 14px 30px rgba(4, 23, 57, 0.22); }

/* 이미지가 없을 때 */
.board-theme.gallery .lec-speaker-noimg { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 4; padding: 1rem; color: #888; font-size: 0.9375rem; text-align: center; word-break: keep-all; }

/* 관리자 전용 : 선택 / 순서 / 상세보기(수정) */
.board-theme.gallery .lec-speaker-admin { display: flex; align-items: center; gap: 0.375rem; margin-top: 0.5rem; font-size: 0.8125rem; }
.board-theme.gallery .lec-speaker-admin .document-checkbox { display: inline-flex; position: static; margin: 0; }
.board-theme.gallery .lec-speaker-admin .document-checkbox input { margin: 0; }
.board-theme.gallery .lec-speaker-order { color: #888; white-space: nowrap; }
.board-theme.gallery .lec-speaker-edit { margin-left: auto; padding: 0.25rem 0.625rem; color: #fff; background: #1d3a6e; border-radius: 0.25rem; text-decoration: none; white-space: nowrap; }
.board-theme.gallery .lec-speaker-edit:hover { color: #fff; background: #12284f; text-decoration: none; }

/* 태블릿 */
@media (max-width: 1024px) {
    .board-theme.gallery .lec-speaker-panel { padding: 1.5rem 0 2.5rem; }
    .board-theme.gallery .lec-speaker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 0.75rem; row-gap: 1rem; }
}

/* 모바일 */
@media (max-width: 767px) {
    .board-theme.gallery .lec-speaker-panel { padding: 1rem 0 2rem; }
    .board-theme.gallery .lec-speaker-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 0.625rem; row-gap: 0.75rem; }
    .board-theme.gallery .lec-speaker-admin { flex-wrap: wrap; }
}
