@charset "utf-8";

/* ====== 그누보드 공통 ====== */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) { #captcha_audio {display:none !important;} }

/* ====== 다크 테마 변수 ====== */
:root{
  --bg:#0b0d10;
  --bg-soft:#14171a;
  --bg-hover:#1c1f24;
  --text:#e9ecef;
  --muted:#b7b9bd;
  --border:#23262b;
}

/* ====== 전역 다크 모드 ====== */
html, body { background-color:var(--bg); color:var(--text); }
select { font-size:14px; }
.brand-logo { height:40px; }

/* 링크 */
a, a:link, a:active { color:inherit !important; text-decoration:none !important; outline:none !important; }
a:hover, a:focus { color:var(--text) !important; text-decoration:underline !important; }

/* 부트스트랩 유틸 클래스 다크 재정의 */
.bg-white, .bg-light, .card, .card-body, .card-header, .card-footer,
.list-group, .list-group-item, .dropdown-menu, .table, .offcanvas, .modal-content {
  background-color:var(--bg-soft) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}
.text-dark, .navbar-light .navbar-nav .nav-link, .dropdown-item { color:var(--text) !important; }
.text-muted { color:var(--muted) !important; }
.border, .border-top, .border-bottom, .border-start, .border-end, hr { border-color:var(--border) !important; }
.page-link { background-color:var(--bg-soft); color:var(--text); border-color:var(--border); }
.page-link:hover { background-color:var(--bg-hover); color:#fff; }

/* 폼 */
.form-control, .form-select { background-color:var(--bg-soft); color:var(--text); border-color:var(--border); }
.form-control::placeholder { color:var(--muted); opacity:.75; }
.input-group-text { background-color:var(--bg-soft); color:var(--text); border-color:var(--border); }

/* 헤더 */
.navbar-dark.bg-dark { background-color:var(--bg) !important; border-color:var(--border) !important; }
.navbar-dark .navbar-nav .nav-link { color:rgba(255,255,255,.85) !important; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color:#fff !important; }
.navbar .dropdown-menu { background-color:var(--bg-soft) !important; border-color:var(--border) !important; }
.navbar .dropdown-item:hover, .navbar .dropdown-item:focus { background-color:var(--bg-hover) !important; color:#fff !important; }
.navbar-dark .navbar-toggler { border-color:var(--border); }
.navbar-dark .navbar-toggler-icon { filter:invert(1); opacity:.75; }

/* 최신글(테마 basic) 오버라이드 - 흰배경 강제 방지 */
.latest, #latest, .lt, .lt_basic, .latest_wr, .latest-item {
  background-color:transparent !important; color:var(--text) !important;
}
.latest .card, #latest .card,
.latest .box, #latest .box,
.latest .list-group, #latest .list-group,
.latest .list-group-item, #latest .list-group-item {
  background-color:var(--bg-soft) !important;
  color:var(--text) !important;
  border-color:var(--border) !important;
}
.latest h4, #latest h4 { color:var(--text) !important; }
.latest h4 a, #latest h4 a { color:var(--text) !important; }
.latest li a, #latest li a { color:var(--muted) !important; }
.latest li a:hover, #latest li a:hover { color:#fff !important; }

/* 푸터 */
#footer { background-color:var(--bg); color:var(--text); border-top:1px solid var(--border); }
#footer .logo img { filter:grayscale(1); top:0; }
#footer #sub-menu a{
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
  display:inline !important;
  color:var(--muted) !important;
}
#footer #sub-menu a:hover{ color:var(--text) !important; }

/* 기타 */
.pagination { margin-top:0; margin-bottom:0; }
.ck.ck-editor__editable { min-height:200px !important; }

/* 필요 시 복구
.dropdown-item { font-size:1rem; }
.title { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }
*/