@charset "UTF-8";

.dark_mode, :root {
  --mode_bg: #222;
  --mode_sub: #333;
  --mode_border: #666;
  --mode_white: #fff;
  --mode_text: #d5d5d5;
  --mode_text_sub: #a1a1a1;
  --mode_btn: #313f5f;
  --mode_btn_border: #7183ab;
  --mode_hover: #ace7ff;
}

.dark_mode. html {
  background: var(--mode_bg) !important;
}

.dark_mode body {
  background: var(--mode_bg) !important;
  color: var(--mode_white);
}

.dark_mode #nt_menu {
  border: 0;
}

.dark_mode a,
.dark_mode #nt_menu .me-a,
.dark_mode .premium-text,
.dark_mode .wr-pick-box .wr-pick-center span:nth-child(3),
.dark_mode #bo_v_infomation .v-info-sites-cate span,
.dark_mode .widget-title,
.dark_mode #date_filter_form #select_date,
.dark_mode .bo_check_user_title,
.dark_mode .log_point_box a {
  color: var(--mode_white);
}
.dark_mode #nt_menu,
.dark_mode #header_pc .header-search input,
.dark_mode .userset-box,
.dark_mode #header_pc .header-search .btn,
.dark_mode #bo_v_infomation .v-info-top-title a,
.dark_mode #bo_v_infomation .v-info-top-title button,
.dark_mode #setform {
  background: var(--mode_sub) !important;
  border-color: var(--mode_border);
}

.dark_mode .box-style,
.dark_mode .pn-box-style,
.dark_mode #bo_cate_wrap,
.dark_mode .list_col .list_col_setup,
.dark_mode .write_svc_table table,
.dark_mode .write_inlabel,
.dark_mode .wr-slot-search label,
.dark_mode .wr-game-search label,
.dark_mode #bo_v_infomation .v-info-sites-cate span,
.dark_mode .nt-menu .sub-1dli.on .sub-1da,
.dark_mode .nt-menu .sub-1dli:hover .sub-1da,
.dark_mode .sly-tab li.active a,
.dark_mode #nt_footer .in_qa_div a,
.dark_mode #nt_footer .in_vertion_div a,
.dark_mode .bg-notice,
.dark_mode #nt_sidebar_header,
.dark_mode .sidebar-list .me-li1 .me-a1,
.dark_mode .sidebar-list .me-li2 .me-a2,
.dark_mode .check_info_stemp,
.dark_mode .point_table_box table,
.dark_mode .exp_table_box table,
.dark_mode .pick-txt-box,
.dark_mode .page-link,
.dark_mode .page-item.disabled .page-link,
.dark_mode .page-item:last-child .page-link,
.dark_mode .gj_list #list-body li:nth-child(even),
.dark_mode .review_list #list-body li:nth-child(even),
.dark_mode .card {
  background: var(--mode_sub) !important;
}

.dark_mode .sly-tab li a {
  color: var(--mode_text_sub);
}

.dark_mode a:hover,
.dark_mode .btn_b01:hover,
.dark_mode .btn_b01:hover,
.dark_mode #bo_v_infomation .v-info-top-title button:hover,
.dark_mode #nt_menu .me-li.on .me-a,
.dark_mode #nt_menu .me-li:hover .me-a,
.dark_mode #nt_side_menu .me-li.active .me-a,
.dark_mode #nt_side_menu .me-li1.active .me-a1,
.dark_mode #nt_side_menu .me-li2.active .me-a2,
.dark_mode .sly-tab li.active a {
  color: var(--mode_hover) !important;
}

.dark_mode #nt_side_menu .me-li.active .me-a,
.dark_mode #nt_side_menu .me-li1.active .me-a1,
.dark_mode #nt_side_menu .me-li2.active .me-a2 {
  border-color: var(--mode_hover) !important;
}

.dark_mode .border-primary,
.dark_mode #bo_cate_wrap,
.dark_mode #bo_cate_wrap .list-group-item .col-cate-item .inlabel,
.dark_mode .list_fast_menu div,
.dark_mode #bo_v_title,
.dark_mode #bo_v_infomation .v-info-txt .mobile-none td,
.dark_mode .write_inlabel,
.dark_mode .wr-slot-search label,
.dark_mode .wr-game-search label,
.dark_mode .sly-tab li.active a,
.dark_mode .sly-tab .d-flex,
.dark_mode .sly-tab li a,
.dark_mode .sly-tab hr,
.dark_mode .bg-light,
.dark_mode .border-top,
.dark_mode .border-bottom,
.dark_mode .sidebar-list .me-li1 .me-a1,
.dark_mode .sidebar-list .me-li2 .me-a2,
.dark_mode #nt_sidebar_header,
.dark_mode .side_top_menu a,
.dark_mode .tbl_head01 .table_item,
.dark_mode .event_info_box table tr,
.dark_mode .event_info_box table tr th,
.dark_mode .basic_table td,
.dark_mode #c-side-outlog .log_member_money .member_coin,
.dark_mode #c-side-outlog .log_member_money,
.dark_mode #c-side-outlog .log_member_menu ul,
.dark_mode #c-side-outlog .log_member_menu ul li,
.dark_mode .pick-txt-head ul,
.dark_mode .pick-txt-body ul,
.dark_mode .page-link,
.dark_mode .gj_list,
.dark_mode .review_list,
.dark_mode .exchange_list,
.dark_mode .gj_info_box,
.dark_mode .gj_info_box table tr,
.dark_mode .gj_info_box table tr td,
.dark_mode .news-set,
.dark_mode #bo_cate_wrap .list-group-item .col-cate-item1 label {
  border-color: var(--mode_border) !important;
}

.dark_mode #bo_cate_wrap .list-group-item .col-cate-item .inlabel,
.dark_mode .list_title_custom div,
.dark_mode .sly-tab li a,
.dark_mode .sidebar-list .me-ul1,
.dark_mode .sidebar-list li .me-a,
.dark_mode .sidebar-close i,
.dark_mode .bg-white,
.dark_mode .subject_event_time,
.dark_mode .event_info_box table tr td,
.dark_mode #c-side-outlog .log_member_money .member_coin,
.dark_mode #c-side-outlog .log_member_menu ul li a,
.dark_mode #setform p,
.dark_mode .form-set,
.dark_mode .modal-content,
.dark_mode .in_check_info .in_check_info_title,
.dark_mode .in_check_info li,
.dark_mode .pick-txt-head ul li,
.dark_mode .pick-txt-body ul li,
.dark_mode .log_point_box a,
.dark_mode .sidebar-list .me-ul,
.dark_mode .gj_list,
.dark_mode .review_list,
.dark_mode .exchange_list,
.dark_mode .gj_info_box table tr td,
.dark_mode #bo_cate_wrap .list-group-item .col-cate-item1 label {
  background: var(--mode_bg) !important;
}
.dark_mode .text-primary {
  color: var(--mode_text) !important;
}

.dark_mode .bg-primary,
.dark_mode .btn-primary {
  background-color: var(--mode_btn) !important;
  border-color: var(--mode_btn) !important;
}
.dark_mode .btn-primary:hover {
  background-color: var(--mode_btn_border) !important;
  border-color: var(--mode_btn_border) !important;
}

.dark_mode .text-muted,
.dark_mode .quick-m-wrap p,
.dark_mode .color-cm,
.dark_mode .wr-pick-box .wr-pick-center span:nth-child(1) {
  color: var(--mode_text_sub) !important;
}

.dark_mode #rank-widget .tab-main-items ul li {
  background: var(--mode_bg);
}
.dark_mode #rank-widget .tab-main-items ul li:nth-child(even) {
  background: var(--mode_sub);
}
.dark_mode .wr-pick-box {
  background: linear-gradient(to top left, #5f5f5f 50%, #2d2d2d 50%);
  border-color: var(--mode_border) !important;
}

.dark_mode .tab-main-list .carousel-indicators .active b,
.dark_mode #bo_v_infomation .v-info-top-title button {
  color: var(--mode_white) !important;
}
.dark_mode .tab-main-list .carousel-indicators a {
  color: var(--mode_text_sub);
}

.dark_mode .seo-content {
  background: var(--mode_sub);
  border-color: var(--mode_border);
}
.dark_mode .seo-content-top img {
  display: none;
}
.dark_mode .seo-main-box p {
  background: var(--mode_bg);
}

.dark_mode .form-control {
  background: var(--mode_bg);
  border-color: var(--mode_border);
  color: var(--mode_white);
}

.dark_mode .table,
.dark_mode .frm_input {
  color: var(--mode_white);
}
.dark_mode .bg-light {
  background-color: var(--mode_sub) !important;
}
.dark_mode .reg_mb_user label {
  background: var(--mode_sub);
  border-color: var(--mode_border);
}
.dark_mode .wr_content textarea,
.dark_mode .tbl_frm01 textarea,
.dark_mode .form_01 textarea,
.dark_mode .frm_input {
  background: var(--mode_sub);
  border-color: var(--mode_border);
}
.dark_mode .text-black-50 {
  color: var(--mode_text_sub) !important;
}
.dark_mode .list-group-item {
  border-color: var(--mode_border);
}
.dark_mode #bo_v_title,
.dark_mode #bo_v_infomation .v-info-top-title {
  background: unset;
}

.dark_mode #nt_menu .sub-1div-deco {
  border-bottom: 8px solid var(--mode_btn);
}

.dark_mode .noti_important {
  animation: 1s noti_important_dark ease infinite;
}
@keyframes noti_important_dark {
  20% {
    color: var(--mode_white);
  }
  100% {
    color: var(--mode_hover);
  }
}
.dark_mode .sidebar-list li .me-a {
  border: none;
}
.dark_mode .event_info_box {
  box-shadow: none;
  border: 1px solid var(--mode_border);
}
.dark_mode .bop_v_line span {
  background: var(--mode_bg);
  border-color: var(--mode_hover);
  color: var(--mode_hover);
}
.dark_mode .bop_v_line hr {
  background: var(--mode_hover);
}

.dark_mode .my_coupon_ea label {
  background: #758497;
}
.dark_mode .btn_bo_user li {
  background: none;
}

.dark_mode #calendar .calendar .dts {
  background: var(--mode_bg);
  border-color: var(--mode_border);
}
.dark_mode #calendar .calendar .dim {
  background: var(--mode_sub) !important;
  border-color: var(--mode_border);
}
.dark_mode #calendar .calendar .day {
  background: #333;
}
.dark_mode #calendar .calendar i.day {
  background: #414141;
}