@charset "utf-8";

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


/* background-color */
	body.dm{
		background-color:#333 !important;
	}

	body.dm .gpe_wgPopularT2 h3.wgP_title,
	body.dm .gpe_wgPopularT2 h3.wgP_title.sub{
		background-color:#282828 !important;
	}

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

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

	body.dm .gpe_munu ul.subnav_d03_m,
	body.dm .gnb1_area_top1type_bg1,
	body.dm .sch_res_list .pop_a,
	body.dm .gx_ptop_gallULa li .thumb.noimg,
	body.dm .gx_ptop_webzULa li .thumbArea .thumb.noimg,
	body.dm #bo_gall .gall_img,
	body.dm .gpe_search .inputText,
	body.dm .gpe_wgPopularT2 h3.wgP_title > span,
	body.dm .gx_gall_empty_div,
	body.dm .gx_search_empty_div,
	body.dm .gx_comm_empty_div{
		background-color:#555 !important;
	}
	
	body.dm #poll header,
	body.dm #visit h2,
	body.dm .tab_nav li,
	body.dm .register_form_inner,
	body.dm #sch_res_ov,
	body.dm .sch_res_list h2,
	body.dm .tbl_head01 tbody tr:hover td,
	body.dm .gnb1_area_top_bg1,
	body.dm .owl-theme .owl-controls .owl-buttons div,
	body.dm .mainmenu_wrap,
	body.dm .mainmenu_shadowHide{
		background-color:#444 !important;
	}
	
	body.dm .allmenu_list,
	body.dm .gnb1_area_wrap00,
	body.dm .tab_nav li.flex-active,
	body.dm .main_ban3case .mainban_pointbg,
	body.dm .gnb1_area_top_bg2,
	body.dm .gxcon_area .skinDiv,
	body.dm .gpe_wgPopularT2,
	body.dm .gpe_side_contents_R .paddSide,
	body.dm .ol,
	body.dm .sns-wrap,
	body.dm .contents_area_wrap0 > .sub_contenBackbg{
		background-color:#393939 !important;
	}

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

	body.dm .con_left_line,
	body.dm .con_right_line,
	body.dm .gpe_snsLink ul li a{
		background-color:#4a4a4a !important;
	}

	body.dm #bo_v_top ul .more_opt{
		background-color:#fff !important;
	}
	
	body.dm .layG_dark{
		background-color:rgba(0,0,0,0.10);
	}

	body.dm .tmenu1_wrap00.fixed{
		background-color:#626262 !important;
	}
	
/* color */
	body.dm .gpe_wgPopularT2 h3.wgP_title,
	body.dm .gx_ptop_h2,
	body.dm .gpe_mainMenu li.mbM_sleft_d_01 .on1_no,
	body.dm .gpe_contents_box .con_title,
	body.dm #poll header h2,
	body.dm .allmenu_list a.section_1dep,
	body.dm #visit h2,
	body.dm #bo_v_title .bo_v_tit,
	body.dm .cmt_btn b,
	body.dm #bo_v_act .bo_v_good i,
	body.dm #bo_v_act .bo_v_nogood i,
	body.dm .fregister_agree input[type="checkbox"] + label,
	body.dm #ol_after_logout,
	body.dm .sch_tit a,
	body.dm .sch_res_list h2 a,
	body.dm .sv_member,
	body.dm .latest_gx_gall .item > h3 > a,
	body.dm #fregister p,
	body.dm .sv_guest,
	body.dm #find_info p,
	body.dm #captcha #captcha_info,
	body.dm #bo_vc p a,
	body.dm #reg_mb_icon,
	body.dm #reg_mb_img,
	body.dm .is_captcha_use,
	body.dm #ctt_con p,
	body.dm #ctt_con span,
	body.dm #ctt_con a,
	body.dm .gpe_wgPopularT2 h3.wgP_title > span,
	body.dm .mainbanAssist_area_wrap > h3,
	body.dm #ol_after_private a strong{
		color:#eee !important;
	}

	body.dm .gpe_munu ul.topnav li.mnav_blank,
	body.dm .gpe_munu ul.topnav li.mnav_blank a,
	body.dm .gpe_wgPopularT2 ul.wgP_contents li:first-child a,
	body.dm .gx_ptop_listTable tr:first-child td.subject a.title,
	body.dm .gx_ptop_webzULa li .titconArea .title,
	body.dm .gx_ptop_pointTable tr.listGroup:first-child td,
	body.dm .gx_ptop_searchTable tr.listGroup:first-child td a,
	body.dm #poll .poll_con p,
	body.dm .chk_box input[type="radio"] + label,
	body.dm #visit dt,
	body.dm .gpe_munu li.subnav_d03 a.on3_no,
	body.dm .tbl_head01 td,
	body.dm .bo_tit a,
	body.dm .tbl_head01 thead th,
	body.dm .tbl_head01 thead th a,
	body.dm #bo_list_total,
	body.dm #bo_cate a,
	body.dm #bo_gall .bo_tit,
	body.dm #bo_v_con,
	body.dm #bo_vc .member,
	body.dm .bo_vc_w textarea,
	body.dm .tab_nav li.flex-active,
	body.dm #ol_submit,
	body.dm .gxSkin_new td .new_tit,
	body.dm #current_connect .crt_info,
	body.dm #register_form h2,
	body.dm .register_form_inner label,
	body.dm .chk_li,
	body.dm #fregister h2,
	body.dm #ol_after_private a,
	body.dm #ol_after_hd strong,
	body.dm #sch_res_ov h2,
	body.dm #bo_v_con a,
	body.dm .cm_wrap header > span:nth-of-type(3),
	body.dm #bo_v_link a,
	body.dm .gpe_search .fa-search,
	body.dm ul.openmenu_ul a.om_section_1dep,
	body.dm .gpe_snsLink ul li a i{
		color:#ddd !important;
	}
	
	body.dm .gx_ptop_webzULa li.empty_li,
	body.dm .gx_ptop_listTable tr.empty_tr td,
	body.dm .gx_ptop_gallULa li.empty_li,
	body.dm .gpe_wgPempty_li,
	body.dm .gpe_wgPopularT2 a:not(.popu_more),
	body.dm .gx_ptop_listTable td.subject a,
	body.dm .gx_ptop_webzULa li .titconArea .conten,
	body.dm .gx_ptop_pointTable td,
	body.dm .gx_ptop_searchTable td a,
	body.dm .gx_ptop_searchTable td.TextRight .gap,
	body.dm #visit dd strong,
	body.dm #ol_auto label,
	body.dm #ol_svc a,
	body.dm #bo_v_info .sv_member,
	body.dm #bo_v_info strong,
	body.dm #bo_v_info strong a,
	body.dm .bo_v_nb li a,
	body.dm #bo_v_act .bo_v_good,
	body.dm #bo_v_act .bo_v_nogood,
	body.dm #bo_vc .cmt_contents,
	body.dm .tab_nav li,
	body.dm #new_sch p,
	body.dm #fregister textarea,
	body.dm #fregister_private table td,
	body.dm #fregister_private table th,
	body.dm #ol_after_info,
	body.dm #sch_res_ov ul,
	body.dm ul.openmenu_ul a.om_section_2dep,
	body.dm .gpe_wgPopularT2 ul.wgP_contents .reNum,
	body.dm .gx_ptop_listTable td.subject .replyNum{
		color:#999 !important;
	}

	body.dm .gpe_newConnect li a,
	body.dm .gpe_login li a,
	body.dm .gpe_mainMenu li.mbM_sleft_d_02 .on2_no,
	body.dm .sch_res_list p{
		color:#888 !important;
	}

	body.dm .layG_munu_MobileBtn i,
	body.dm .gpe_munu ul.topnav a.mnav,
	body.dm .layG_dark i,
	body.dm .allmenu_btn i,
	body.dm .gxcon_area .gxSkin_new .td_subject_mq480 span:nth-of-type(2) a{
		color:#fff;
	}


/* border */
	body.dm .gxcon_area .skinDiv,
	body.dm .gpe_side_contents_R .paddSide,
	body.dm .ol,
	body.dm .contents_area_wrap0 > .sub_contenBackbg,
	body.dm .gpe_pm_sideban,
	body.dm .gpe_pm_sidebanLeft,
	body.dm #ol_after,
	body.dm .mainban_area_wrap,
	body.dm .mainbanAssist ul > li > a,
	body.dm .gpe_wgPopularT2 h3.wgP_title,
	body.dm .gx_ptop_h2.side.point,
	body.dm .gx_ptop_h2.side.search{
		border:1px solid #2e2e2e !important;
	}
	body.dm .gpe_search .inputText{
		border:1px solid #404040 !important;
	}

	body.dm .gx_ptop_wgBox a.moreLink,
	body.dm #poll,
	body.dm #visit,
	body.dm .bo_vc_w textarea,
	body.dm .register_form_inner,
	body.dm #fregister section,
	body.dm #sch_res_ov{
		border:1px solid #555 !important;
	}

	body.dm .mainmenu_wrap,
	body.dm .mainmenu_shadowHide{
		border-right:1px solid #2e2e2e !important;
	}

	body.dm .footer_Util_wrap00{
		border-top:1px solid #444 !important;
	}
	
	body.dm .gxcon_area .skinDiv.subPc{
		border:0 !important;
		border-bottom:1px solid #555 !important;
	}

	body.dm #ol_id,
	body.dm #ol_pw{
		border:1px solid #444 !important;
		background-color:#2e2e2e;
	}

	body.dm .footer_Util_wrap0,
	body.dm #ol_pw{
		border-top:0 !important;
	}

	body.dm .gx_ptop_h2.type2{
		border:0 !important;
	}

	body.dm .gx_ptop_wgBox a.moreLink{
		border:initial !important;
	}

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

	body.dm .gnb1_area_wrap00,
	body.dm .gpe_mainMenu li.mbM_sleft_d_01{
		border-bottom:1px solid #444 !important;
	}

	body.dm .gpe_wgPopularT2 ul.wgP_contents li{
		border-top:1px solid #444 !important;
	}

	body.dm .gpe_wgPopularT2 ul.wgP_contents li:first-child{
		border-top:1px solid transparent !important;
	}

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

	body.dm .gpe_utilMenu ul li{
		border-left:1px solid #555 !important;
	}

	body.dm .gpe_login li:first-child,
	body.dm .gpe_utilMenu ul li:first-child{
		border-left:0 !important;
	}

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

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

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


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

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

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

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