/* ===============================
   🌙 WaveIndex Dark Mode for GnuBoard
   =============================== */



/* ========= 다크모드 CSS 시작 ========= */
html.dark body {
  background: #0f172a;
  color: #e5e7eb;
}
body.dark {
  background: #0f172a;
  color: #e5e7eb;
}

body.dark .news-latest-wrap,
body.dark .table-scroll,
body.dark .fixed-table {
  background: #020617 !important;
  color: #e5e7eb;
}

body.dark .fixed-table thead th {
  background: #020617;
  color: #e5e7eb;
}
body.dark .fixed-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04);
}

body.dark .up { color: #fb7185; }
body.dark .down { color: #60a5fa; }
body.dark .news-head h2, body.dark .info { color: #e5e7eb; }
/* ========= 다크모드 CSS 끝 ========= */

/* ===== 다크모드 공통 스크롤바 스타일 ===== */

/* WebKit 계열(크롬, 웨일, 엣지, 사파리 등) */
.dark *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dark *::-webkit-scrollbar-track {
  background: #111827;   /* 어두운 트랙 */
}

.dark *::-webkit-scrollbar-thumb {
  background: #4b5563;   /* 기본 스크롤바 색 */
  border-radius: 999px;
}

.dark *::-webkit-scrollbar-thumb:hover {
  background: #6b7280;   /* hover 시 조금 더 밝게 */
}

/* Firefox 전용 */
.dark {
  scrollbar-width: thin;
  scrollbar-color: #4b5563 #111827; 
  /* thumb  | track */
}

/* ===============================
   🌙 다크모드 - 상단 메뉴
   =============================== */

body.dark header,
body.dark #header,
body.dark .header,
body.dark .gnb,
body.dark .nav,
body.dark .menu,
body.dark .top-menu {
  background-color: #0F172A !important;
  color: #e5e7eb !important;
  border-bottom: 1px solid #1f2937;
}

/* 메뉴 링크 */
body.dark .gnb a,
body.dark .menu a,
body.dark .nav a {
  color: #e5e7eb !important;
}

/* hover */
body.dark .gnb a:hover,
body.dark .menu a:hover {
  color: #38bdf8 !important;
}
/* 기본 라이트모드 */
.main-logo {

  transition: filter .2s ease;
}

/* 다크모드 */
body.dark .main-logo {
  filter: brightness(0) invert(1);
}

/* ===============================
   🌙 다크모드 - 카드
   =============================== */

body.dark .card,
body.dark .box,
body.dark .panel,
body.dark .content-box,
body.dark .section,
body.dark .news-latest-wrap {
  background-color: #020617 !important;
  color: #e5e7eb;
  border-color: #1f2937;
}
body.dark .tab-btn,
body.dark .filter,
body.dark .btn {
  background: transparent;
  color: #cbd5f5;
}

body.dark .tab-btn.active {
  color: #38bdf8;
  border-bottom-color: #38bdf8;
}


body.dark .market-item {
    background-color: #333;
}
/* ===================================
   🌙 다크모드 - 사이드 메뉴
   =================================== */

body.dark #sideMenu {
  background-color: #020617 !important;
  color: #e5e7eb;
}
body.dark #menuButton {background: transparent;}


/* 닫기 버튼 */
body.dark #sideMenu #closeBtn {
  color: #e5e7eb;
  background: cornflowerblue;
}

/* 검색 영역 */
body.dark #sideMenu .sch_wrap input.search {
  background-color: #020617;
  color: #e5e7eb;
  border: 1px solid #1f2937;
}

body.dark #sideMenu .sch_wrap input::placeholder {
  color: #64748b;
}

body.dark #sideMenu .searchBt {
  color: #cbd5f5;
}
body.dark aside#sideMenu p a:hover {
    background: transparent;
    color: #7dd3fc;
}
body.dark aside#sideMenu p a {
    border-bottom: 1px solid #333;
}
body.dark aside#sideMenu .s-dir {
    border-bottom: 1px solid #333;
}


/* 로그인 / 회원가입 */
body.dark #sideMenu .header_login a {
  color: #e5e7eb;
}

/* 1차 메뉴 */
body.dark #sideMenu p,
body.dark #sideMenu p a {
  color: #e5e7eb;
}

/* 섹션 제목 (· 테마 · 테마별 종목) */
body.dark #sideMenu .s-dir {
  color: #94a3b8;
}

/* 리스트 */
body.dark #sideMenu ul {
  background: transparent;
}

body.dark #sideMenu li.tjMenu {
  background: transparent;
}

/* 링크 */
body.dark #sideMenu li.tjMenu a {
  color: #e5e7eb;
}

/* hover */
body.dark #sideMenu li.tjMenu a:hover {
  color: #38bdf8;
}
body.dark aside#sideMenu li a:hover {
    background: transparent;

}
/* 인기 뱃지 */
body.dark #sideMenu .hit-ca {
  background: #1e293b;
  color: #facc15;
}


body.dark,
body.dark #wrapper {
  background-color: #0f172a;
  color: #e2e8f0;
}

/* 링크 */
body.dark a {
  color: #e5e7eb;
}

/* 링크 hover */
body.dark a:hover {
  color: #7dd3fc;
}


body.dark .tab.active{border-bottom: 2px solid cornflowerblue;}


/* 게시판 리스트 테이블 */
body.dark section h1 {
  color: #e2e8f0;
}
body.dark .rightTable section:first-child div, body.dark .rightTable section:nth-child(3) div {

    border-top: 1px solid #333;
}



body.dark .tbl_head01,
body.dark .board_list,
body.dark table {
  background: #1e293b;
  border-color: #334155;
}
body.dark .table-wrap th {
    background-color: darkslateblue;
}
body.dark .tbl_head01 th,
body.dark .board_list thead th {
  background: #1e293b;
  color: #cbd5e1;
  border-bottom: 1px solid #334155;
}

body.dark .board_list td {
  border-bottom: 1px solid #334155;
  color: #e2e8f0;
}

body.dark .table-wrap th, body.dark .table-wrap td {border-bottom: 1px solid #333;border-right: 1px solid #333;}

body.dark #bo_v_top .more_opt{background: #334155;}
body.dark .more_opt:after {
    content: "";
    border-color: transparent transparent #334155 transparent;
}
body.dark .more_opt{background: #334155;}
/* 제목 컬럼 */
body.dark .board_list td.td_subject a {
  color: #e2e8f0;
}

/* 제목 hover */
body.dark .board_list td.td_subject a:hover {
  color: #38bdf8;
}

/* 공지 글 */
body.dark .bo_notice {
  background: #334155 !important;
  color: #facc15 !important;
}

/* 검색 폼 */
body.dark #bo_sch,
body.dark .bo_sch {
  background: #1e293b;
  border: 1px solid #334155;
}

body.dark #bo_sch input,
body.dark #bo_sch select {
  background: #0f172a;
  color: #f1f5f9;
  border: 1px solid #334155;
}

body.dark #bo_sch button {
  background: #334155;
  color: #f1f5f9;
}

body.dark .news-list{border-top: 1px solid #333;}
body.dark .news-item{border-bottom: 1px solid #333;}

body.dark .tabs {border-bottom: 1px solid #333;}

body.dark .news-container .pic_lt ul li.news-item-row.gallery_li {border-bottom: 1px solid #333;}
body.dark .notice li {border-bottom: 1px solid #333;}

body.dark .numbering strong {
background: darkslateblue;
}
body.dark #bo_gall .gall_info {
    border-top: 1px solid #333;

}

/* 페이징 */

body.dark .pg_wrap .pg_page {
  background: #1e293b;
  color: #cbd5e1;
  border: 1px solid #334155;
}

body.dark #bo_list tbody .even td {
    background: #020617;
}

body.dark .pg_wrap .pg_current {
  background: #38bdf8;
  color: #0f172a;
}
body.dark .tbl_head01 td{border-top: 1px solid #333; border-bottom: 1px solid #333;}


body.dark .table-wrap table .tg {
background-color: cornflowerblue;
}

/* view 본문 */
body.dark .bo-section-head h2{color: #e2e8f0;}

body.dark .bo_v_view {
  background: #1e293b;
  color: #e2e8f0;
  border: 1px solid #334155;
}

body.dark .bo_v_title {
  color: #f1f5f9;
  background-color: #020617 !important;
}
body.dark #bo_v_title .bo_v_tit{
background-color: #020617 !important;
    color: #e5e7eb;
    border-bottom: 0px solid #1f2937;
}
body.dark .bo_v_tit{
  color: #94a3b8;
}

body.dark #bo_v_info {
  border-bottom: 1px solid #333;  
}
body.dark .bo_v_info {
  color: #94a3b8;
}

body.dark .bo_v_nb li {
    border-top: 1px solid #333;
}
body.dark .bo_v_nb li:last-child {
    border-bottom: 1px solid #333;
}

body.dark #bo_v_act .bo_v_good {
    border: 1px solid #333;
}

body.dark .h-e{background: #020617 !important;
    border: 0;}

/* 댓글 */
body.dark .bo_vc_w,
body.dark .bo_vc {
  /* background: #1e293b;
  border: 1px solid #334155; */
}

body.dark .bo_vc_content {
  color: #e2e8f0;
}

body.dark #bo_vc article {
    border-bottom: 1px solid #333;
}

body.dark .cmt_btn {background: #020617; border: 0; border-bottom: 1px solid #333;} 

/* 댓글 입력 */
body.dark .bo_vc_w textarea {
  background: #0f172a;
  border: 1px solid #334155;
  color: #f1f5f9;
}
body.dark .bo_vc_act{background: #334155;}
body.dark .bo_vc_act:after {
    content: "";
    border-color: transparent transparent #334155 transparent;
}


/* 버튼 */
body.dark .btn,
body.dark button,
body.dark input[type=submit] {
  background: #334155;
  border: 1px solid #475569;
  color: #e2e8f0;
}

body.dark .btn:hover,
body.dark input[type=submit]:hover {
  background: #475569;
}

/* 글쓰기 폼 */
/* body.dark .write_div,
body.dark .tbl_frm01 {
  background: #1e293b;
  border: 1px solid #334155;
} */

body.dark .tbl_frm01 input,
body.dark .tbl_frm01 textarea,
body.dark .tbl_frm01 select {
  background: #0f172a;
  border: 1px solid #334155;
  color: #e2e8f0;
}

/* 첨부파일 영역 */
body.dark .bo_v_file {
  background: #1e293b;
  border: 1px solid #334155;
}

/* latest.skin */
body.dark .lt ul li {
  border-bottom: 1px solid #334155;
}

body.dark .lt li a {
  color: #e2e8f0;
}

body.dark .lt li span.lt_date {
  color: #94a3b8;
}
body.dark .performance-table th {
    border-bottom: 1px solid #333;
    color: #e5e7eb;
    /* background: #020617; */
}

body.dark .performance-table td {
    border-bottom: 1px solid #333;
    background: #020617;
}
body.dark .news-big .big-text {
  color: #e2e8f0;
}


/* Dark Mode Harmony */
body.dark .site-footer {
  background: #0F172A;
  color: #d1d5db;
  border-top-color: #1f2937;
}

body.dark .foot-links a {
  color: #e5e7eb;
}

body.dark .foot-links a:hover {
  color: #38bdf8;
}

body.dark #top_btn {
  background: #0284c7;
}

body.dark #top_btn:hover {
  background: #0ea5e9;
}

body.dark .site-footer .foot-links {
    border-bottom: 0px solid #f5f5f5;
}