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


/* background-color ------------------------------------------------------------------------- */
	body.dm .footer_Util_wrap00{
		background-color:#161718 !important;
	}
	
	body.dm .reg_mb_img_file{
		background-color:#1a1b1c !important;
	}
	
	body.dm,
	body.dm .loading_mb .load,
	body.dm .loading_sb .load,
	body.dm .loading_tb .load,
	body.dm .topban,
	body.dm .gnb1_area_wrap00,
	body.dm #bo_v_share .btn,
	body.dm #bo_vc .cmt_good li > a,
	body.dm #bo_gall .gall_box.is_notice .gall_img,
	body.dm #bo_ssul .gall_box.is_notice .gall_info,
	body.dm .bo_notice td,
	body.dm #bo_ssul .gall_box.is_notice .gall_text_href,
	body.dm #bo_tvgall ul.btn_tvgallBo_order,
	body.dm #bo_w .wr_img_disp{
		background-color:#1e1f21 !important;
	}
	
	body.dm #bo_w .bo_w_flie .file_wr,
	body.dm #bo_w .bo_w_select select,
	body.dm .frm_input,
	body.dm #ol_id, body.dm #ol_pw,
	body.dm .openmenu_wrap00,
	body.dm .bo_vc_guest_info > input{
		background-color:#292a2d !important;
	}
	
	body.dm .register_form_inner,
	body.dm #sns_register,
	body.dm .gpe_wgPopularT2 .popu_more,
	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 #fregisterform textarea{
		background-color:transparent !important;
	}
	
	body.dm #bo_cate_tvgall #bo_cate_ul_tvgall a:hover,
	body.dm .gpe_munu li.subnav_d02.active > a,
	body.dm #bo_cate #bo_cate_ul:nth-of-type(1) a:hover,
	body.dm .register .btn_submit,
	body.dm .gx_notice_icon,
	body.dm .gx_notice .navi button,
	body.dm .gpe_search .submit{
		background-color:#666 !important;
	}
	
	body.dm .pg_current,
	body.dm .gpe_munu li.subnav_d02 a.on2_no:hover,
	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 .gx_ptop_webzULa li.empty_li,
	body.dm .gx_ptop_gallULa li.empty_li,
	body.dm .gx_ptop_pointTable tr.empty_tr td{
		background-color:#555 !important;
	}
	
	body.dm #bo_cate_tvgall,
	body.dm #bo_tvgall .tbl_head01 .tdpoint2,
	body.dm .gpe_munu ul.subnav_d02_m,
	body.dm #poll header,
	body.dm .tab_nav li,
	body.dm #sch_res_ov,
	body.dm .tbl_head01 tbody tr:hover td{
		background-color:#444 !important;
	}
	
	body.dm .gx_notice_icon_mo,
	body.dm .pg_page,
	body.dm .bo_cate_link,
	body.dm .tmenu1_wrap00.fixed,
	body.dm .allmenu_list,
	body.dm .gnb1_area_top2type_bg1,
	body.dm .tab_nav li.flex-active{
		background-color:#333 !important;
	}
	
	body.dm .gx_ptop_popularityTable tr.listGroup .de_num{
		background-color:#333;
	}

	body.dm #ol_submit{
		background-color:#373737;
	}
	
	body.dm #sch_res_detail select,
	body.dm #new_sch select,
	body.dm .sch_res_list h2,
	body.dm #bo_tvgall .tvgall_topinfo,
	body.dm #bo_gall .gall_img,
	body.dm #bo_cate,
	body.dm .gpe_search .inputText,
	body.dm #visit h2,
	body.dm .gx_ptop_h2.type2,
	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 .tbl_head01 tbody tr:hover td,
	body.dm #sns_login,
	body.dm .ol,
	body.dm .gpe_wgPopularT2{
		background-color:#222 !important;
	}
	
	body.dm .con_left_line,
	body.dm .con_right_line{
		background-color:#4a4a4a !important;
	}

	body.dm #bo_tvgall #btn_tvgallBo_good span,
	body.dm .gpe_munu ul.topnav li.mnav_li.active > a:after,
	body.dm #bo_v_top ul .more_opt{
		background-color:#fff !important;
	}
	
	body.dm .layG_dark{
		background-color:rgba(0,0,0,0.45);
	}


/* color ----------------------------------------------------------------------------------------- */
	body.dm #ctt_con p,
	body.dm #ctt_con a,
	body.dm #ctt_con span,
	body.dm .gx_ptop_h2 a:nth-of-type(1),
	body.dm #bo_cate_tvgall #bo_cate_ul_tvgall a,
	body.dm .gpe_contents_box .con_title > a,
	body.dm .gxcon_area .gxSkin_new .td_subject_mq480 span > a,
	body.dm #sch_res_detail select,
	body.dm #new_sch select,
	body.dm #new_sch .frm_input,
	body.dm #sch_res_detail .frm_input,
	body.dm #sch_res_board .sch_on,
	body.dm #sch_res_board a > strong,
	body.dm #bo_gall .gall_info .sv_wrap > a,
	body.dm #bo_v .btn_bo_user > li > a > i,
	body.dm #bo_tvgall .bo_datainfo span:nth-of-type(1) > a,
	body.dm #ol_after_private a strong,
	body.dm #fregister p,
	body.dm #bo_w .bo_w_select select,
	body.dm #bo_ssul .gall_info2,
	body.dm #bo_list td .sv_wrap a,
	body.dm .btn_bo_user li button.btn_bo_sch > i,
	body.dm #bo_cate #bo_cate_ul:nth-of-type(1) a,
	body.dm #bo_cate #bo_cate_ul:nth-of-type(1) li:nth-of-type(1) a i,
	body.dm .allmenu_list .allmenu_close i,
	body.dm .gpe_search .submit,
	body.dm .gpe_search .fa-search,
	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 #bo_ssul .bo_tit,
	body.dm .full_input,
	body.dm .gpe_search .inputText{
		color:#eee !important;
	}
	
	body.dm .gx_ptop_listTable tr.empty_tr td,
	body.dm .sch_more,
	body.dm ul.bo_style_Type2 li:nth-of-type(1) a i,
	body.dm .bo_v_nb li .nb_tit,
	body.dm #bo_webz .wz_good > i,
	body.dm .gx_ptop_popularityTable tr.listGroup .de_num.num01,
	body.dm .gx_ptop_popularityTable tr.listGroup .de_num.num02,
	body.dm .gx_ptop_popularityTable tr.listGroup .de_num.num03,
	body.dm .gx_notice .navi button i,
	body.dm .gx_notice .navi button,
	body.dm .gpe_munu ul.topnav a.mnav{
		color:#e9e9e9 !important;
	}
	
	body.dm .gx_notice_icon_mo > i,
	body.dm #bo_v_share .btn,
	body.dm #bo_v_share .btn > i,
	body.dm #bo_tvgall ul.btn_tvgallBo_order,
	body.dm #bo_tvgall ul.btn_tvgallBo_order a,	
	body.dm #ol_after_private li i,
	body.dm #ol_after_private a,
	body.dm #bo_ssul .gall_box.is_notice .bo_tit > span,
	body.dm #bo_gall li.is_notice .gall_img > a,
	body.dm .btn_bo_order,
	body.dm .btn_bo_order a,	
	body.dm .allmenu_list a.section_2dep,
	body.dm .gx_ptop_popularityTable tr.listGroup:first-child td.TextRight > i,
	body.dm tr.listGroup:first-child td.TextRight,
	body.dm .gx_ptop_popularityTable tr.listGroup:first-child td > a,
	body.dm .popular_btns > a,
	body.dm .gx_ptop_gallULa li .titleType4,
	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_d02 a.on2_no,
	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_hd strong,
	body.dm #sch_res_ov h2,
	body.dm #reg_mb_img,
	body.dm #fregisterform h2{
		color:#ddd !important;
	}
	
	body.dm .gx_ptop_wgBox a.moreLink,
	body.dm .gx_notice_icon_mo,
	body.dm #bo_w .bo_w_link.bwlNum2 label > i,
	body.dm #bo_ssul .gall_text_href > p{
		color:#ccc !important;
	}
	
	body.dm #bo_w .wr_img_disp,
	body.dm #bo_webz .bo_tit > .notice_info .noti_name a,
	body.dm #bo_vc .cmt_good li > a,
	body.dm #bo_vc header,
	body.dm #bo_v_link li a,
	body.dm .is_captcha_use,
	body.dm #captcha #captcha_info,
	body.dm #bo_w .bo_w_flie .frm_file,
	body.dm #bo_w .bo_w_link .frm_input::placeholder,
	body.dm #bo_ssul .gall_box:not(.is_notice) .gall_info .sv_wrap > a,
	body.dm #bo_ssul .gall_info .gall_date,
	body.dm #bo_ssul .gall_info .gall_view,
	body.dm .bo_cate_link,
	body.dm #bo_webz .webz_info .sv_wrap > a,
	body.dm #bo_webz .webz_info > span,
	body.dm .xi-download.boList_icon,
	body.dm .xi-share-alt-o.boList_icon,
	body.dm #popular li > a,
	body.dm #ol_before .ol_wr.btn_subm > i,
	body.dm ul#gxNoti_ticker li a,
	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 #fregisterform textarea{
		color:#999 !important;
	}

	body.dm  #bo_ssul .gall_box.is_notice .bo_tit > span.caName{
		color:#666 !important;
	}
	body.dm .gx_ptop_popularityTable tr.listGroup .de_num,
	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 .allmenu_btn i,
	body.dm .layG_munu_MobileBtn i{
		color:#fff;
	}

/* border ----------------------------------------------------------------------------------------- */
	body.dm #sch_res_detail,
	body.dm #new_sch,
	body.dm .pg_page,
	body.dm .gpe_newConnect li a,
	body.dm .gx_ptop_wgBox a.moreLink,
	body.dm #poll,
	body.dm .gpe_wgPopularT2 .popu_more,
	body.dm .mainban_area_wrap,
	body.dm .bo_vc_w textarea,
	body.dm #sch_res_ov,
	body.dm .gpe_pm_sideban{
		border:1px solid #555 !important;
	}
	
	body.dm #sch_res_detail select,
	body.dm #new_sch select,
	body.dm #bo_ssul .gall_li:not(.is_notice){
		border:1px solid #444 !important;
	}
	
	body.dm #bo_w .wr_img_disp,
	body.dm #sch_res_board a,
	body.dm #bo_gall .gall_box:not(.is_notice) .gall_img,
	body.dm #bo_webz .webz_img,	
	body.dm ul.bo_style_Type2,
	body.dm .gx_notice_icon_mo,
	body.dm #bo_v_share .btn,
	body.dm #bo_vc .cmt_good li > a,
	body.dm #bo_v_link li,
	body.dm #bo_tvgall .tvgall_topinfo,
	body.dm #ol_after,
	body.dm #ol_after_info,
	body.dm .register .form_01 div,
	body.dm #fregister h2,
	body.dm #fregister_private table th,
	body.dm #fregister_private table td,
	body.dm #sns_register,
	body.dm #fregister section,
	body.dm #bo_w .bo_w_select select,
	body.dm #bo_w .bo_w_flie .file_wr,
	body.dm .frm_input,
	body.dm .gpe_munu ul.subnav_d02_m,
	body.dm #bo_cate,
	body.dm .allmenu_list,
	body.dm #visit,
	body.dm #ol_id, body.dm #ol_pw,	
	body.dm #ol_submit,
	body.dm .popular_btns > a,
	body.dm .gpe_search .inputText,	
	body.dm .ol,
	body.dm .gx_ptop_h2.type2,
	body.dm #fregisterform section,
	body.dm #bo_cate_tvgall{
		border:1px solid #3b3b3b !important;
	}	

	body.dm .gpe_wgPopularT2{
		border:1px solid #2d2d2d !important;
	}
	
	body.dm #sns_register h2,
	body.dm #fregister_chkall,
	body.dm .bo_cate_link{
		border:0 !important;
	}
	
	body.dm .gx_ptop_wgBox a.moreLink{
		border:initial !important;
	}

	body.dm .gpe_munu ul.subnav_d02_m{
		border-top:2px solid #eee !important;
	}
	
	body.dm #poll header{
		border-bottom:1px solid #555 !important;
	}
	
	body.dm #bo_v_info,
	body.dm .tmenu1_wrap00.fixed,
	body.dm .tbl_head01 thead th,
	body.dm #visit h2,
	body.dm .gpe_mainMenu li.mbM_sleft_d_01{
		border-bottom:1px solid #444 !important;
	}
	
	body.dm #current_connect li,	
	body.dm .gnb1_area_wrap00,
	body.dm .gx_ptop_h2.list,
	body.dm #fregisterform h2{
		border-bottom:1px solid #333 !important;
	}
	
	body.dm .sch_res_list li,
	body.dm #bo_vc article,
	body.dm .bo_v_nb li:last-child,
	body.dm #bo_ssul .gall_box.is_notice,
	body.dm #bo_gall .gall_box.is_notice,
	body.dm .tbl_head01,
	body.dm .tbl_head01 td,
	body.dm #bo_tvgall .tbl_head01 td{
		border-bottom:1px solid #292929 !important;
	}
	
	body.dm #bo_cate #bo_cate_ul:nth-of-type(1) li:nth-of-type(1) a{
		border-bottom:1px solid #666!important;
	}

	body.dm #current_connect li:first-child,
	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{
		border-top:1px solid #555 !important;
	}
	
	body.dm .bo_v_nb li,
	body.dm #bo_ssul .gall_box.is_notice,
	body.dm #bo_gall .gall_box.is_notice,
	body.dm .tbl_head01.webzdiv tr.bo_notice td{
		border-top:1px solid #292929 !important;
	}
	
	body.dm #bo_cate_tvgall,
	body.dm .tbl_head01 td,
	body.dm #bo_vc article,
	body.dm #ol_pw,
	body.dm .footer_Util_wrap0{
		border-top:0 !important;
	}
	
	body.dm .gnb1_area_top2type_bg1{
		border-top:1px solid #393939 !important;
		border-bottom:1px solid #393939 !important;
	}
	
	body.dm .allmenu_btn{
		border-left:1px solid #444 !important;
		border-right:1px solid #444 !important;	
	}

	body.dm #bo_cate_tvgall #bo_cate_ul_tvgall li,
	body.dm .gpe_login li{
		border-left:1px solid #555 !important;
	}

	body.dm #bo_cate_tvgall #bo_cate_ul_tvgall li:first-child,
	body.dm .gpe_login 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 .gpe_allcon_wrap0{
		background-color:transparent !important; border-left:0 !important; border-right:0 !important;
	}
	
	body.dm #bo_tvgall td.tvgallTd{
	  /* background-color:#27282b !important; */
	  /* background-color:rgba(255,255,255,0.90) !important; */
	  background-color:#f5f5f5 !important;
	}