@charset "utf-8";

/* =============================================
   DKU Gallery Board Skin v5 - 좌사진/우내용 레이아웃
   basic 스킨과 100% 동일한 디자인 시스템
   ============================================= */

:root {
  --board-primary: hsl(280, 50%, 30%);
  --board-primary-light: hsl(280, 40%, 45%);
  --board-primary-bg: hsl(280, 30%, 96%);
  --board-primary-border: hsl(280, 30%, 88%);
  --board-text: #333;
  --board-text-light: #666;
  --board-border: #e0e0e0;
  --board-bg: #fff;
  --board-radius: 4px;
}


/* ── 로그인/로그아웃 버튼 ── */
.bo_login_area {text-align:right;margin-bottom:10px;padding:5px 0}
.btn_bo_login {
  display:inline-block;padding:6px 16px;
  font-size:0.85em;font-weight:500;
  border:1px solid var(--board-border);border-radius:var(--board-radius);
  color:var(--board-text);background:var(--board-bg);
  text-decoration:none;transition:all 0.2s ease;
}
.btn_bo_login:hover {border-color:var(--board-primary);color:var(--board-primary)}
.btn_login_action {background:var(--board-primary);color:#fff !important;border-color:var(--board-primary)}
.btn_login_action:hover {background:var(--board-primary-light);border-color:var(--board-primary-light)}


/* ── 상단 영역 ── */
#bo_btn_top {margin:15px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
#bo_list_total {font-size:0.92em;color:var(--board-text-light)}
#bo_list_total span {color:var(--board-primary);font-weight:600}
.bo_top_right {display:flex;align-items:center;gap:10px}

/* 인라인 검색 */
.bo_sch_inline {display:flex;align-items:center}
.bo_sch_form {display:flex;align-items:center;gap:6px}
.bo_sch_select {
  height:36px;padding:0 10px;border:1px solid var(--board-border);
  border-radius:var(--board-radius);font-size:0.85em;color:var(--board-text);
  background:var(--board-bg);outline:none;
}
.bo_sch_input_wrap {display:flex;position:relative}
.bo_sch_input {
  height:36px;width:180px;padding:0 40px 0 12px;
  border:1px solid var(--board-border);border-radius:var(--board-radius);
  font-size:0.85em;outline:none;
}
.bo_sch_input:focus {border-color:var(--board-primary)}
.bo_sch_submit {
  position:absolute;right:0;top:0;height:36px;width:36px;
  background:var(--board-primary);color:#fff;border:none;
  border-radius:0 var(--board-radius) var(--board-radius) 0;
  font-size:0.85em;cursor:pointer;font-weight:600;
}
.bo_sch_submit:hover {background:var(--board-primary-light)}


/* ── 버튼 ── */
.bo_btn_area {display:flex;justify-content:space-between;align-items:center;margin:10px 0;gap:5px;flex-wrap:wrap}
.bo_btn_area .btn_left {flex:1}
.bo_btn_area .btn_right {display:flex;gap:5px;flex-wrap:wrap}

.btn_board {
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 18px;font-size:0.85em;font-weight:500;
  border-radius:var(--board-radius);text-decoration:none;
  cursor:pointer;transition:all 0.2s ease;
  border:1px solid transparent;line-height:1.4;
}
.btn_board.btn_primary {
  background:var(--board-primary);color:#fff;border-color:var(--board-primary);
}
.btn_board.btn_primary:hover {background:var(--board-primary-light);border-color:var(--board-primary-light)}
.btn_board.btn_outline {
  background:var(--board-primary-bg);color:var(--board-primary);
  border:1px solid var(--board-primary-border);
}
.btn_board.btn_outline:hover {border-color:var(--board-primary);background:var(--board-primary-bg)}

.gallery-allchk-label {font-size:0.85em;color:var(--board-text-light);cursor:pointer}


/* ── 좌사진/우내용 미디어 리스트 ── */
.media-list-board {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 2rem;
  border-top: 2px solid var(--board-text);
}

.media-list-item-wrap {
  border-bottom: 1px solid var(--board-border);
  position: relative;
}
.media-list-item-wrap.is-notice {
  background: hsl(45, 100%, 97%);
}
.media-list-item-wrap.is-notice:hover {
  background: hsl(45, 100%, 94%);
}

.media-list-chk {
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  z-index: 2;
}

.media-list-item {
  display: flex;
  gap: 1.5rem;
  padding: 1.25rem 0;
  transition: background 0.2s;
  text-decoration: none;
  color: inherit;
}
.media-list-item:hover {
  background: #fafafa;
}
.media-list-item-wrap.is-notice .media-list-item:hover {
  background: hsl(45, 100%, 94%);
}

.media-list-thumb {
  flex-shrink: 0;
  width: 200px;
  height: 140px;
  border-radius: var(--board-radius);
  overflow: hidden;
  position: relative;
  background: #f3f4f6;
}
.media-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-list-thumb.has-play-icon .video-play-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  transition: background 0.2s;
}
.media-list-item:hover .video-play-icon {
  background: rgba(0, 0, 0, 0.5);
}
.video-play-icon svg {
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.media-list-notice-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: var(--board-primary-bg);
  color: var(--board-primary);
  font-size: 1.125rem;
  font-weight: 700;
}

.media-list-no-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #9ca3af;
  font-size: 0.875rem;
}

.media-list-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.media-list-category {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--board-primary);
  margin-bottom: 0.375rem;
}

.media-list-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--board-text);
  margin-bottom: 0.5rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.media-list-desc {
  font-size: 0.875rem;
  color: var(--board-text-light);
  line-height: 1.6;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.media-list-meta {
  display: flex;
  gap: 1rem;
  font-size: 0.75rem;
  color: #9ca3af;
}

.media-list-empty {
  padding: 80px 0;
  text-align: center;
  color: var(--board-text-light);
}

/* 아이콘 배지 */
.notice_icon {
  display:inline-flex;align-items:center;justify-content:center;
  color:#e74c3c;vertical-align:middle;margin-right:4px;
}
.new_icon {
  display:inline-flex;align-items:center;justify-content:center;
  width:1.125rem;height:1.125rem;border-radius:50%;
  background:hsl(0, 84%, 55%);color:#fff;
  font-size:0.625rem;font-weight:700;
  margin-left:0.375rem;vertical-align:middle;line-height:1;
}
.cnt_cmt {
  background:var(--board-primary-bg);color:var(--board-primary);
  font-size:11px;height:16px;line-height:16px;padding:0 5px;
  border-radius:3px;vertical-align:middle;font-weight:600;
  margin-left:4px;
}


/* ── 페이지네이션 ── */
.pg_wrap {text-align:center;clear:both;padding:15px 0}
.pg_wrap .pg {display:inline-flex;gap:3px;align-items:center}
.pg_wrap a, .pg_wrap .pg_current {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:32px;height:32px;padding:0 6px;
  border:1px solid var(--board-border);border-radius:var(--board-radius);
  font-size:0.85em;color:var(--board-text-light);text-decoration:none;
  background:var(--board-bg);transition:all 0.2s ease;
}
.pg_wrap a:hover {border-color:var(--board-primary);color:var(--board-primary)}
.pg_wrap .pg_current {background:var(--board-primary);color:#fff;border-color:var(--board-primary);font-weight:600}


/* ── 하단 버튼 ── */
.bo_fx {margin:10px 0;text-align:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}


/* ── 게시물 보기 (basic 스킨과 동일) ── */
#bo_v {margin-bottom:20px;background:#fff;box-sizing:border-box}

#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:var(--board-primary-bg);color:var(--board-primary);padding:2px 10px;border-radius:3px;font-size:0.85em;font-weight:600}
#bo_v_title .bo_v_tit {display:block;font-size:1.5em;margin:8px 0 0;word-break:break-all;color:var(--board-text);line-height:1.4}

#bo_v_info {margin:0;padding-bottom:15px;border-bottom:1px solid #f0f0f0;color:var(--board-text-light)}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .profile_info {margin:15px 0 10px;display:inline-block;float:left}
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:48px;height:48px}
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:20px}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal;font-size:0.875em}
#bo_v_info .sv_member, #bo_v_info .member {font-weight:bold;color:var(--board-text)}
#bo_v_info .profile_img {display:none}
#bo_v_info .if_date {margin:0;color:#999}

/* 본문 */
#bo_v_atc {position:relative}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_share {text-align:right;padding:5px 0;margin-bottom:10px}
#bo_v_share a, #bo_v_share button {margin-left:5px;font-size:0.85em;color:var(--board-text-light);text-decoration:none}
#bo_v_img {width:100%;overflow:hidden;margin-bottom:20px}
#bo_v_img img {max-width:100%;height:auto;margin-bottom:10px}
#bo_v_con {margin:10px 0 30px;line-height:1.8;min-height:200px;word-break:break-all;overflow:hidden;font-size:0.9375rem;color:var(--board-text)}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_con a {color:var(--board-primary);text-decoration:underline}

/* ── YouTube 임베드 (16:9 비율 완전 고정) ── */
.youtube-embed {
  position: relative;
  width: 100%;
  margin: 1.5rem auto;
  border-radius: var(--board-radius);
  overflow: hidden;
}
.youtube-embed::before {
  content: '';
  display: block;
  padding-top: 56.25%; /* 16:9 비율 유지 */
}
.youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--board-radius);
}

/* ── MP4 첨부파일 인라인 재생 ── */
#bo_v_mp4 {
  margin-bottom: 20px;
}
.mp4-embed {
  width: 100%;
  margin-bottom: 12px;
  border-radius: var(--board-radius);
  overflow: hidden;
  background: #000;
}
.mp4-embed video {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: var(--board-radius);
}

/* 추천/비추천 */
#bo_v_act {text-align:center;margin:20px 0;padding:20px 0;border-top:1px solid var(--board-border);border-bottom:1px solid var(--board-border)}
.bo_v_act_gng {display:inline-block;margin:0 5px}
.bo_v_good, .bo_v_nogood {display:inline-flex;align-items:center;gap:5px;padding:8px 20px;border:1px solid var(--board-border);border-radius:9999px;font-size:0.875em;color:var(--board-text-light);text-decoration:none;transition:all 0.2s}
.bo_v_good:hover {border-color:var(--board-primary);color:var(--board-primary)}
.bo_v_nogood:hover {border-color:#e74c3c;color:#e74c3c}

/* 첨부파일 & 링크 */
#bo_v_file, #bo_v_link {border:1px solid var(--board-border);border-radius:var(--board-radius);margin-bottom:15px;padding:15px 20px}
#bo_v_file h2, #bo_v_link h2 {font-size:0.9em;font-weight:600;color:var(--board-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--board-border)}
#bo_v_file ul, #bo_v_link ul {list-style:none;padding:0;margin:0}
#bo_v_file li, #bo_v_link li {padding:8px 0;font-size:0.85em;border-bottom:1px dotted #f0f0f0}
#bo_v_file li:last-child, #bo_v_link li:last-child {border-bottom:none}
#bo_v_file a, #bo_v_link a {color:var(--board-primary);text-decoration:none}
#bo_v_file a:hover, #bo_v_link a:hover {text-decoration:underline}
.bo_v_file_cnt, .bo_v_link_cnt {font-size:0.8em;color:#999}

/* 이전글/다음글 */
.bo_v_nb {list-style:none;padding:0;margin:20px 0;border:1px solid var(--board-border);border-radius:var(--board-radius);overflow:hidden}
.bo_v_nb li {display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--board-border);font-size:0.875em;gap:15px}
.bo_v_nb li:last-child {border-bottom:none}
.bo_v_nb li:hover {background:#fafafa}
.nb_tit {flex-shrink:0;font-weight:600;color:var(--board-primary);min-width:70px;display:flex;align-items:center;gap:5px}
.nb_tit i {font-size:0.8em}
.bo_v_nb a {flex:1;color:var(--board-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bo_v_nb a:hover {color:var(--board-primary)}
.nb_date {flex-shrink:0;font-size:0.85em;color:#999}

/* 목록 버튼 (중앙) */
.bo_v_btn_center {text-align:center;margin:20px 0 10px}
.btn_list_center {
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 40px;font-size:0.9em;font-weight:600;
  border:2px solid var(--board-text);border-radius:9999px;
  color:var(--board-text);background:transparent;
  text-decoration:none;transition:all 0.2s;
}
.btn_list_center:hover {background:var(--board-text);color:#fff}

/* 관리 버튼 (우측) */
.bo_v_btn_bottom {display:flex;justify-content:flex-end;gap:5px;margin:10px 0 20px;flex-wrap:wrap}


/* ── 글쓰기 (basic 스킨과 동일) ── */
#bo_w {margin-bottom:20px}
.write_div {margin-bottom:0;padding:10px 0;border-bottom:1px solid #f0f0f0}
.bo_w_info {display:flex;gap:8px;flex-wrap:wrap}
.bo_w_info .frm_input {flex:1;min-width:120px}
.frm_input {width:100%;height:38px;padding:0 12px;border:1px solid var(--board-border);border-radius:var(--board-radius);font-size:0.875em;color:var(--board-text);background:var(--board-bg);box-sizing:border-box;outline:none}
.frm_input:focus {border-color:var(--board-primary)}
.half_input {width:auto}
.full_input {width:100%}
.frm_file {font-size:0.85em;padding:8px 0}

.bo_v_option {list-style:none;display:flex;gap:15px;padding:0;margin:0}

.sound_only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 체크박스 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70;cursor:pointer}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px;margin-right:5px}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% var(--board-primary);border-color:var(--board-primary)}

/* 에디터 */
.wr_content {margin:5px 0}
#char_count_desc {font-size:0.8em;color:var(--board-text-light);margin-bottom:5px}
#char_count_wrap {text-align:right;font-size:0.8em;color:var(--board-text-light);margin-top:5px}

/* 임시저장 */
#btn_autosave {margin-top:8px;font-size:0.8em;color:var(--board-text-light);border:1px solid var(--board-border);border-radius:var(--board-radius);padding:4px 12px;background:var(--board-bg);cursor:pointer}
#autosave_pop {display:none;position:absolute;background:#fff;border:1px solid var(--board-border);border-radius:var(--board-radius);padding:15px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:100;max-width:400px;margin-top:5px}
#autosave_pop strong {font-size:0.9em;display:block;margin-bottom:10px}
#autosave_pop ul {list-style:none;padding:0;margin:0}
#autosave_pop li {padding:5px 0;border-bottom:1px dotted #f0f0f0;font-size:0.85em}

/* 버튼 - 취소 & 작성완료 나란히 */
.btn_confirm {display:flex;justify-content:center;gap:8px;margin:20px 0;padding:15px 0;border-top:1px solid var(--board-border)}
.btn_confirm .btn {
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 30px;font-size:0.9em;font-weight:600;
  border-radius:var(--board-radius);text-decoration:none;
  cursor:pointer;transition:all 0.2s;border:1px solid transparent;
}
.btn_confirm .btn_cancel {
  background:var(--board-bg);color:var(--board-text);border-color:var(--board-border);
}
.btn_confirm .btn_cancel:hover {border-color:var(--board-text)}
.btn_confirm .btn_submit {
  background:var(--board-primary);color:#fff;border-color:var(--board-primary);
}
.btn_confirm .btn_submit:hover {background:var(--board-primary-light)}

.btn_frmline {font-size:0.8em;color:var(--board-text-light);border:1px solid var(--board-border);border-radius:var(--board-radius);padding:4px 12px;background:var(--board-bg);cursor:pointer}


/* ── 댓글 (basic 스킨과 동일) ── */
.cmt_btn {width:100%;padding:12px 0;background:none;border:none;border-bottom:2px solid var(--board-text);cursor:pointer;text-align:left;font-size:0.9375em}
.cmt_btn .total {font-weight:600;color:var(--board-text)}
.cmt_btn .total b {color:var(--board-primary)}

#bo_vc {padding:0;margin:0}
#bo_vc h2 {font-size:0;line-height:0;overflow:hidden;margin:0}
#bo_vc article {display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid #f0f0f0;position:relative}
#bo_vc .pf_img {width:36px;height:36px;border-radius:50%;overflow:hidden;background:#f0f0f0;flex-shrink:0}
#bo_vc .pf_img img {width:100%;height:100%;object-fit:cover;border-radius:50%}
.cm_wrap {flex:1;min-width:0}
.cm_wrap header {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:0.85em;margin-bottom:5px}
.cm_wrap header h2 {display:none}
.cm_wrap header .sv_member, .cm_wrap header strong {font-weight:600;color:var(--board-text)}
.bo_vc_hdinfo {color:#999;font-size:0.9em}
.cmt_contents {font-size:0.875em;line-height:1.7;color:var(--board-text)}
.cmt_contents p {margin:0}

/* 댓글 옵션 */
.bo_vl_opt {position:absolute;top:15px;right:0}
.btn_cm_opt {background:none;border:none;color:#999;cursor:pointer;padding:5px 8px;font-size:1em}
.bo_vc_act {display:none;position:absolute;right:0;top:30px;background:#fff;border:1px solid var(--board-border);border-radius:var(--board-radius);box-shadow:0 4px 12px rgba(0,0,0,0.08);z-index:10;list-style:none;padding:5px 0;margin:0}
.bo_vc_act li a {display:block;padding:6px 20px;font-size:0.85em;color:var(--board-text);text-decoration:none;white-space:nowrap}
.bo_vc_act li a:hover {background:#f9fafb;color:var(--board-primary)}

#bo_vc_empty {text-align:center;padding:30px 0;color:#999;font-size:0.875em}

/* 댓글 쓰기 */
.bo_vc_w {margin-top:15px}
.bo_vc_w h2 {font-size:0;line-height:0;overflow:hidden}
.bo_vc_w textarea {width:100%;height:80px;padding:12px;border:1px solid var(--board-border);border-radius:var(--board-radius);font-family:inherit;font-size:0.875em;resize:vertical;box-sizing:border-box;outline:none}
.bo_vc_w textarea:focus {border-color:var(--board-primary)}
.bo_vc_w_wr {display:flex;justify-content:space-between;align-items:center;margin-top:8px;flex-wrap:wrap;gap:8px}
.bo_vc_w_info {display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bo_vc_w_info .frm_input {height:34px;width:120px;font-size:0.85em}
.bo_vc_w .btn_confirm {margin:0;padding:0;border:none;justify-content:flex-end;gap:8px}
.bo_vc_w .btn_confirm .btn_submit {padding:8px 20px;font-size:0.85em;background:var(--board-primary);color:#fff;border:none;border-radius:var(--board-radius);cursor:pointer}
.bo_vc_w .btn_confirm .btn_submit:hover {background:var(--board-primary-light)}
.secret_cm {font-size:0.85em;color:var(--board-text-light)}
#char_cnt {font-size:0.8em;color:var(--board-text-light);float:right}

/* 링크 필드 */
.bo_w_link {display:flex;align-items:center;gap:10px}
.bo_w_link label {flex-shrink:0;color:var(--board-primary-light)}
.bo_w_link .frm_input {flex:1}

/* 파일 */
.bo_w_flie .file_wr {display:flex;align-items:center;gap:10px}
.bo_w_flie .lb_icon {flex-shrink:0;color:var(--board-primary-light)}
.file_del {font-size:0.8em;color:var(--board-text-light);margin-top:5px;display:block}


/* ── 반응형 ── */
@media (max-width: 767px) {
  .media-list-item {
    flex-direction: column;
    gap: 0.75rem;
  }
  .media-list-thumb {
    width: 100%;
    height: 180px;
  }
  .media-list-title {
    font-size: 0.9375rem;
  }
  #bo_btn_top {
    flex-direction: column;
    align-items: flex-start;
  }
  .bo_sch_input {width:140px}
  .bo_btn_area {flex-direction:column;align-items:flex-start}
  .bo_v_nb li {flex-direction:column;align-items:flex-start;gap:5px}
  .nb_date {align-self:flex-end}
}

@media (max-width: 479px) {
  .media-list-thumb {height:140px}
  .btn_confirm .btn {padding:8px 20px;font-size:0.85em}
}


/* ── YouTube 안내 박스 (글쓰기) ── */
.yt-guide-box {
  background: #fef9f0;
  border: 1px solid #fde68a;
  border-left: 4px solid #f59e0b;
  border-radius: var(--board-radius);
  padding: 14px 18px;
  margin-bottom: 0;
}
.yt-guide-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  color: #b45309;
}
.yt-guide-header strong {
  font-size: 0.9em;
  color: #92400e;
}
.yt-guide-desc {
  font-size: 0.85em;
  color: #78350f;
  line-height: 1.6;
  margin: 0 0 4px;
}
.yt-guide-desc strong {
  color: #b45309;
}
.yt-guide-example {
  font-size: 0.8em;
  color: #a16207;
  font-family: monospace;
  margin: 0;
}

/* YouTube 미리보기 (글쓰기) */
.yt-preview {
  padding: 10px 0;
  max-width: 480px;
}
.yt-preview .youtube-embed {
  max-width: 100%;
  margin: 0 0 8px;
}
.yt-preview-label {
  font-size: 0.8em;
  color: #16a34a;
  margin: 0;
  font-weight: 500;
}

/* YouTube 임베드 영역 (view) */
#bo_v_youtube {
  margin-bottom: 20px;
}

/* =============================================
   dept_new 기능 추가 (최소 스타일만)
   ============================================= */

/* ── 메뉴 타이틀 ── */
.menu-title-box { margin-bottom: 16px; }
.menu-title { display: block; font-size: 1.4em; font-weight: 700; color: var(--board-text); }

/* ── 학과 홈페이지/전화번호 ── */
.media-list-dept-info {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 6px;
}
.dept-homepage, .dept-tel {
  font-size: 0.8rem;
  color: var(--board-text-light);
}
.dept-homepage {
  color: var(--board-primary);
  font-weight: 500;
}

/* ── 학과 추가항목 입력 필드 ── */
.bo_w_dept label { display: block; font-size: 0.85em; font-weight: 600; color: var(--board-text); margin-bottom: 5px; }

/* ── media-list-item div 전환 후 링크 스타일 보정 ── */
.media-list-title a {
  color: var(--board-text);
  text-decoration: none;
}
.media-list-title a:hover {
  color: var(--board-primary);
}
.media-list-thumb {         /* 썸네일을 a로 감쌌으므로 block 처리 */
  display: block;
}
.dept-homepage, .dept-tel {
  text-decoration: none;
  transition: opacity 0.2s;
}
.dept-homepage:hover, .dept-tel:hover {
  opacity: 0.75;
}