@charset "utf-8";

/*
	- 다크모드css
	- 테마 원본코드 이외에 "다크모드 구현 css"는 사용자 본인이 케어 하셔야 합니다.
	  (*원본코드 이슈 만 관리자 푸시가능)
	
	*사용방법*
	 - 원본 클래스 앞에 body._darkmode 클래스를 추가해서 사용
	 - 사용하시는 클래스 이름이 만약 .abc 라면 -> body._darkmode .abc 로 작업하면 됩니다.
*/

/* background-color */
body._darkmode,
body._darkmode .gnb1_area_wrap00 {
  background-color: #1e1f21 !important;
}

body._darkmode .openmenu_wrap00,
body._darkmode .footer_Util_wrap00,
body._darkmode .main_ban3case ul.mainban_tab li > i:hover {
  background-color: #292a2d !important;
}

body._darkmode .tbl_wrap table,
body._darkmode .btn_bo_user li,
body._darkmode #ctt,
body._darkmode .cmt_btn,
body._darkmode #bo_v_top ul,
body._darkmode #new_sch,
body._darkmode #register_form,
body._darkmode #fregister p,
body._darkmode #fregister p:before,
body._darkmode #fregister textarea,
body._darkmode #fregister_private div,
body._darkmode #fregister_private table th,
body._darkmode #sch_res_detail,
body._darkmode .sch_res_list li,
body._darkmode .story_menu_MobileBtn,
body._darkmode .story_common_h2.type2 {
  background-color: transparent !important;
}

body._darkmode .story_menu ul.subnav_d03_m,
body._darkmode .gnb1_area_top1type_bg1,
body._darkmode .sch_res_list .pop_a,
body._darkmode .story_common_gallULa li .thumb.noimg,
body._darkmode .story_common_webzULa li .thumbArea .thumb.noimg,
body._darkmode .story_common_webzULa li.empty_li,
body._darkmode .story_common_listTable tr.empty_tr td,
body._darkmode .story_common_gallULa li.empty_li,
body._darkmode .story_common_pointTable tr.empty_tr td,
body._darkmode #bo_gall .gall_img,
body._darkmode .story_search .inputText,
body._darkmode .story_wgPopularT2 h3.wgP_title > span,
body._darkmode .story_gall_empty_div,
body._darkmode .story_search_empty_div,
body._darkmode .story_comm_empty_div {
  background-color: #555 !important;
}

body._darkmode .story_menu ul.subnav_d02_m,
body._darkmode .story_wgPopularT2,
body._darkmode .allmenu_list,
body._darkmode .story_common_h2,
body._darkmode #poll header,
body._darkmode #visit h2,
body._darkmode .story_wgPopularT2 .popu_more,
body._darkmode .tab_nav li,
body._darkmode .register_form_inner,
body._darkmode #sch_res_ov,
body._darkmode .sch_res_list h2,
body._darkmode .tbl_head01 tbody tr:hover td,
body._darkmode .gnb1_area_top_bg1,
body._darkmode .owl-theme .owl-controls .owl-buttons div {
  background-color: #444 !important;
}

body._darkmode .tab_nav li.flex-active,
body._darkmode .main_ban3case .mainban_pointbg,
body._darkmode .gnb1_area_top_bg2,
body._darkmode .sns-wrap {
  background-color: #333 !important;
}

body._darkmode .bo_notice td,
body._darkmode .bo_vc_w textarea,
body._darkmode #ol_submit,
body._darkmode #fregister_chkall,
body._darkmode #ol_after_private li a:hover,
body._darkmode #ol_after_logout:hover {
  background-color: #2e2e2e !important;
}

body._darkmode .con_left_line,
body._darkmode .con_right_line {
  background-color: #4a4a4a !important;
}

body._darkmode #bo_v_top ul .more_opt {
  background-color: #fff !important;
}

body._darkmode .story_dark {
  background-color: rgba(0, 0, 0, 0.1);
}

body._darkmode .topmenu1_wrap00.fixed {
  background-color: #626262 !important;
}

/* color */
body._darkmode .story_wgPopularT2 h3.wgP_title,
body._darkmode .story_common_h2,
body._darkmode .story_mainMenu li.mbM_sleft_d_01 .on1_no,
body._darkmode .story_contents_box .con_title,
body._darkmode #poll header h2,
body._darkmode .allmenu_list a.section_1dep,
body._darkmode #visit h2,
body._darkmode #bo_v_title .bo_v_tit,
body._darkmode .cmt_btn b,
body._darkmode #bo_v_act .bo_v_good i,
body._darkmode #bo_v_act .bo_v_nogood i,
body._darkmode .fregister_agree input[type="checkbox"] + label,
body._darkmode #ol_after_logout,
body._darkmode .sch_tit a,
body._darkmode .sch_res_list h2 a,
body._darkmode .sv_member,
body._darkmode .latest_story_gall .item > h3 > a,
body._darkmode #fregister p,
body._darkmode .sv_guest,
body._darkmode #find_info p,
body._darkmode #captcha #captcha_info,
body._darkmode #bo_vc p a,
body._darkmode #reg_mb_icon,
body._darkmode #reg_mb_img,
body._darkmode .is_captcha_use,
body._darkmode #ctt_con p,
body._darkmode #ctt_con span,
body._darkmode #ctt_con a,
body._darkmode .story_wgPopularT2 h3.wgP_title > span {
  color: #eee !important;
}

body._darkmode .story_wgPopularT2 ul.wgP_contents li:first-child a,
body._darkmode .story_common_listTable tr:first-child td.subject a.title,
body._darkmode .story_common_webzULa li .titconArea .title,
body._darkmode .story_common_pointTable tr.listGroup:first-child td,
body._darkmode .story_common_searchTable tr.listGroup:first-child td a,
body._darkmode #poll .poll_con p,
body._darkmode .chk_box input[type="radio"] + label,
body._darkmode #visit dt,
body._darkmode .story_menu li.subnav_d02 a.on2_no,
body._darkmode .story_menu li.subnav_d03 a.on3_no,
body._darkmode .tbl_head01 td,
body._darkmode .bo_tit a,
body._darkmode .tbl_head01 thead th,
body._darkmode .tbl_head01 thead th a,
body._darkmode #bo_list_total,
body._darkmode #bo_cate a,
body._darkmode #bo_gall .bo_tit,
body._darkmode #bo_v_con,
body._darkmode #bo_vc .member,
body._darkmode .bo_vc_w textarea,
body._darkmode .tab_nav li.flex-active,
body._darkmode #ol_submit,
body._darkmode .gxSkin_new td .new_tit,
body._darkmode #current_connect .crt_info,
body._darkmode #register_form h2,
body._darkmode .register_form_inner label,
body._darkmode .chk_li,
body._darkmode #fregister h2,
body._darkmode #ol_after_private a,
body._darkmode #ol_after_hd strong,
body._darkmode #sch_res_ov h2,
body._darkmode #bo_v_con a,
body._darkmode .cm_wrap header > span:nth-of-type(3),
body._darkmode #bo_v_link a {
  color: #ddd !important;
}

body._darkmode .story_wgPopularT2 a:not(.popu_more),
body._darkmode .story_common_listTable td.subject a,
body._darkmode .story_common_webzULa li .titconArea .conten,
body._darkmode .story_common_pointTable td,
body._darkmode .story_common_searchTable td a,
body._darkmode .story_common_searchTable td.TextRight .gap,
body._darkmode #visit dd strong,
body._darkmode #ol_auto label,
body._darkmode #ol_svc a,
body._darkmode #bo_v_info .sv_member,
body._darkmode #bo_v_info strong,
body._darkmode #bo_v_info strong a,
body._darkmode .bo_v_nb li a,
body._darkmode #bo_v_act .bo_v_good,
body._darkmode #bo_v_act .bo_v_nogood,
body._darkmode #bo_vc .cmt_contents,
body._darkmode .tab_nav li,
body._darkmode #new_sch p,
body._darkmode #fregister textarea,
body._darkmode #fregister_private table td,
body._darkmode #fregister_private table th,
body._darkmode #ol_after_info,
body._darkmode #sch_res_ov ul {
  color: #999 !important;
}

body._darkmode .story_newConnect li a,
body._darkmode .story_login li a,
body._darkmode .story_mainMenu li.mbM_sleft_d_02 .on2_no,
body._darkmode .sch_res_list p {
  color: #888 !important;
}

body._darkmode .story_menu_MobileBtn i,
body._darkmode .story_menu ul.topnav a.mnav,
body._darkmode .story_dark i,
body._darkmode .allmenu_btn i,
body._darkmode
  .contents_area
  .gxSkin_new
  .td_subject_mq480
  span:nth-of-type(2)
  a {
  color: #fff;
}

/* border */
body._darkmode .story_wgPopularT2,
body._darkmode .story_common_wgBox a.moreLink,
body._darkmode .story_common_h2,
body._darkmode #poll,
body._darkmode #visit,
body._darkmode .story_wgPopularT2 .popu_more,
body._darkmode .mainban_area_wrap,
body._darkmode .bo_vc_w textarea,
body._darkmode .register_form_inner,
body._darkmode #fregister section,
body._darkmode #ol_after,
body._darkmode #sch_res_ov,
body._darkmode .story_pm_sideban,
body._darkmode .story_wgPopularT2 h3.wgP_title > span {
  border: 1px solid #555 !important;
}

body._darkmode #ol_id,
body._darkmode #ol_pw,
body._darkmode #ol_submit {
  border: 1px solid #888 !important;
}

body._darkmode #ol_pw {
  border-top: 0 !important;
}

body._darkmode .story_common_h2.type2 {
  border: 0 !important;
}

body._darkmode .story_common_wgBox a.moreLink {
  border: initial !important;
}

body._darkmode #poll header,
body._darkmode #visit h2,
body._darkmode .tbl_head01 td,
body._darkmode .bo_v_nb li:last-child,
body._darkmode .cmt_btn,
body._darkmode #bo_vc article,
body._darkmode #fregister h2 {
  border-bottom: 1px solid #555 !important;
}

body._darkmode .story_mainMenu li.mbM_sleft_d_01 {
  border-bottom: 1px solid #444 !important;
}

body._darkmode #visit dt:nth-of-type(4),
body._darkmode #visit dd:nth-of-type(4),
body._darkmode #ol_after_private li + li,
body._darkmode #ol_after_logout {
  border-top: 1px solid #555 !important;
}

body._darkmode .story_login li {
  border-left: 1px solid #555 !important;
}

body._darkmode .story_login li:first-child {
  border-left: 0 !important;
}

body._darkmode .tab_nav li {
  border-left: 1px solid #555 !important;
  border-top: 1px solid #555 !important;
  border-bottom: 1px solid #555 !important;
}

body._darkmode .tab_nav li:last-child,
body._darkmode #ol_after_private li:nth-child(2) {
  border-right: 1px solid #555 !important;
}

body._darkmode .tab_nav li.flex-active {
  border-bottom: 0 !important;
}

/* etc */
body._darkmode #ol_before .ol_wr input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #555 inset;
  -webkit-text-fill-color: #ddd;
}

body._darkmode #sch_result hr {
  display: none;
}

body._darkmode .story_dark i::after {
  content: "라이트모드";
  margin-left: 3px;
}

body._darkmode .story_allcon_wrap0 {
  background-color: #333 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

body._darkmode #fnewlist .td_board a,
body._darkmode
  .contents_area
  .gxSkin_new
  .td_subject_mq480
  > span:nth-of-type(2)
  a {
  background-color: transparent !important;
  color: #fff !important;
}
body._darkmode #fnewlist .td_group a,
body._darkmode
  .contents_area
  .gxSkin_new
  .td_subject_mq480
  > span:nth-of-type(1)
  a {
  font-weight: 700 !important;
  color: #000 !important;
}
body._darkmode #fregister h2 {
  background-color: #333 !important;
  color: #fff;
}