@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,
	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,
	body.dm .slideTabWrap .slideTabBtn,
	body.dm .filter .filterLabel,
	body.dm .filter .filterList,
	body.dm .tlItem .tlLineBefore,
	body.dm .tlItem .tlLineAfter{
		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 .gpe_side_contents_R .quickLinkArea,
	body.dm .contents_area_wrap0 > .sub_contenBackbg,
	body.dm .tierPanel,
	body.dm .academyPanel{
		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 .filter .filterList .filterItem:hover,
	body.dm .tmenu1_wrap00.fixed{
		background-color:#626262 !important;
	}

	body.dm .slideTabWrap .slideTabBtn.on {
		background:#ff0000 !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 .gpe_side_contents_R .quickLinkArea .quickLinkTitle,
	body.dm #ol_after_private a strong,
	body.dm .slideTabWrap .slideTabBtn,
	body.dm .filter .filterLabel,
	body.dm .tlItem .tlText,
	body.dm .playerList li{
		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_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 .gx_ptop_listTable td.subject 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 .shortsListArea .shortsUpdate,
	body.dm .youtubeListArea .youtubeUpdate,
	body.dm .gpe_snsLink ul li a i,
	body.dm .rankTable tbody td,
	body.dm .rankTable tbody .total strong,
	body.dm .signature .sgInfo .nm,
	body.dm .liveTitle,
	body.dm .liveItem .util,
	body.dm .filter .filterList .filterItem,
	body.dm .ogTop .ogTotal,
	body.dm .ogMember .ogMemberNm,
	body.dm .ogGroupTitle,
	body.dm .tlItem .tlHead,
	body.dm .tlItem .tlTitle,
	body.dm .tlItem.blur .tlTitle,
	body.dm .tlItem .tlToggle,
	body.dm .tierPanel .switchBox,
	body.dm .academyPanel .switchBox,
	body.dm .academySection .head,
	body.dm .academySection .historyList li,
	body.dm .whiteBox .head .title,
	body.dm .tierSection .head .title,
	body.dm .teams .teamNo {
		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_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_webzULa li .titconArea .comment,
	body.dm .gx_ptop_listTable td.subject .replyNum,
	body.dm .slideTabWrap .swiper-button-prev,
	body.dm .slideTabWrap .swiper-button-next,
	body.dm .liveItem .title,
	body.dm .tierSection .head .recent{
		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,
	body.dm .source{
		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;
	}
	
	body.dm .rankTable tbody .total {
		color:#ff0000 !important;
	}


/* 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 .gpe_side_contents_R .quickLinkArea,
	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 .filter .filterList,
	body.dm .filter .filterLabel,
	body.dm #sch_res_ov,
	body.dm .entryWrap .whiteBox,
	body.dm .academySection .historyList{
		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_side_contents_R .quickLinkArea .quickLink{
		border-bottom: 1px solid #444;
	}

	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;}

	body.dm .shortsListArea .shortsUpdate svg,
	body.dm .youtubeListArea .youtubeUpdate svg {
		fill: #6d6d6d;
	}

	body.dm .gx_ptop_listTable td.subject,
	body.dm .gx_ptop_webzULa li {
		border-color:#444;
	}

	body.dm .combo .comboSelection .comboLabel {
		background:transparent !important;
		color:#ddd !important;
	}

	body.dm .combo .comboSelection {
		background:#555 !important;
		color:#eee !important;
	}

	body.dm .combo .comboList {
		background:#555 !important;
		color:#eee !important;
	}

	body.dm .combo .comboList .comboItem:hover {
		background:#626262 !important;
	}

	body.dm .teamPicker .col input[type='text'] {
		background:#555 !important;
		color:#eee !important;
	}