@charset "utf-8";

/*
 * dark_mode.css
 *
 */
/* 다크모드 */
html[data-mode="true"] body{background-color:var(--color-dark); color:var(--color-base) }
html[data-mode="true"]:root{
	--color-base:#ffffff;
    --color-base1:#d0d1d2;
	--color-base2:#a7a7a7;
	--color-base3:#c7c7c7;
	--color-point:#1e80d7;
	--color-point1:#3b8bd1;
    --color-red:#ff333f;
    --color-dark0:#111;
    --color-dark00:#252525;
	--color-dark:#2d2d2d;
	--color-dark1:#2c2c2c;
    --color-dark2:#3e3e3e;	
	--color-dark-light-mint:#32443c;
	--color-dark-mint:#002222;
	--color-dark-blue:#051727;	
	--color-dark-light-blue:#44484c;
	--color-dark-light-gray:#4a4a4a;
	--color-dark-light-gray1:#646464;
	--color-dark-light-gray2:#999999;
	--color-dark-skyblue:#0a2333;
}
html[data-mode="true"] [data-main] img[src*="thumb_list_none"] { background-color:rgba(0,0,0,.2)}
/* 모아보기 */
html[data-mode="true"] .area_all .inr 							{ background-color:var(--color-dark); }
html[data-mode="true"] [data-main="service"] .inr h3			{ border-bottom-color:var(--color-dark-light-gray); }

/* 상단 */
html[data-mode="true"] .header																			{ background:var(--color-dark); }
html[data-mode="true"] .header.fixed .nav_wrap															{ border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] .top_util																		{ border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] .top_util.fixed 																	{ background:var(--color-dark); }
html[data-mode="true"] .top_util .util [data-util="gov"]>.text											{ color:var(--color-base); }
html[data-mode="true"] .top_util .login [data-util="link"] .list										{ color:var(--color-base2); }
html[data-mode="true"] .top_util .login [data-util="display_size"] .btn_size_text						{ color:var(--color-dark); }
html[data-mode="true"] .top_util .login [data-util="display_size"] .btn_size,
html[data-mode="true"] .top_util .login [data-util="display_size"] .btn_size:before						{ color:var(--color-dark); }
html[data-mode="true"] .header .area_util [data-util] .icon::before 									{ filter:invert(1); }
html[data-mode="true"] .header h1 a																		{ background-image:url(/resource/www/images/common/img_logo_dark.png); }
html[data-mode="true"] .top_util .family_box .con_inner													{ background:var(--color-dark2); }
html[data-mode="true"] .top_util .family_box .family_con .tit_box,
html[data-mode="true"] .top_util .family_box .family_con .list_wrap										{ background:var(--color-dark1); }
html[data-mode="true"] .top_util .family_box .family_con .tit_box h3>em 								{ color:var(--color-white); }
html[data-mode="true"] .top_util .family_box .family_con .tit_box .sub_txt								{ color:var(--color-white); }
html[data-mode="true"] .top_util .family_box .family_con .list>li>a										{ color:var(--color-white); background:var(--color-dark-light-gray); border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] .top_util .family_box .family_con .list>li>a:hover,
html[data-mode="true"] .top_util .family_box .family_con .list>li>a:focus								{ color:#005bac }
html[data-mode="true"] .top_util .family_box .family_con .list>li>a[target="_blank"]::after				{ filter:invert(100%) sepia(71%) saturate(7500%) hue-rotate(184deg) brightness(127%) contrast(110%); }
html[data-mode="true"] .header .area_util [data-util] .btn_lang.active .icon::before, 
html[data-mode="true"] .header .area_util [data-util]>a:hover .icon::before, 
html[data-mode="true"] .header .area_util [data-util] .btn_lang:hover .icon::before, 
html[data-mode="true"] .header .area_util [data-util]>a:focus .icon::before, 
html[data-mode="true"] .header .area_util [data-util] .btn_lang:focus .icon::before						{ filter: invert(42%) sepia(80%) saturate(3464%) hue-rotate(189deg) brightness(91%) contrast(115%);}
html[data-mode="true"] .header .area_util .lang_box>ul>li>a												{ color:var(--color-dark); }
html[data-mode="true"] .header .area_util .lang_box>ul>li>a:hover,
html[data-mode="true"] .header .area_util .lang_box>ul>li>a:focus										{ color:#005bac;  }
html[data-mode="true"] .header nav .gnb > li .gnb_title													{ background:var(--color-dark-blue); }
html[data-mode="true"] .header nav .gnb > li .box														{ background:var(--color-dark2); }
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > a									{ border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li:hover > a,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li:focus > a,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > a:hover,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > a:focus 							{ border-color:var(--color-point); }
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul > li > a						{ color:var(--color-base1); }
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul > li > a:hover,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul > li > a:focus					{ color:var(--color-base); }	
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul > li > a:hover:before,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul > li > a:focus:before			{ background:var(--color-base); }
html[data-mode="true"] .header nav .gnb a[target="_blank"]::after										{ filter:invert(.5); }		
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > a[target="_blank"]:hover::after,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > a[target="_blank"]:focus::after	{ filter:invert(1); }	
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul a[target="_blank"]:hover::after,
html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul a[target="_blank"]:focus::after	{ filter:invert(1); }	
html[data-mode="true"] .btn_menu_open:before															{ filter:invert(1); }
@media screen and (max-width:1268px){
	html[data-mode="true"] .header nav .area_menu_all .menu_all:before									{ background:var(--color-dark-blue); }
	html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul								{ background:var(--color-dark-light-gray); }
	html[data-mode="true"] .header nav .gnb > li .box > .gnb_2dep > li > ul ul							{ background:var(--color-dark-light-gray1); }
}

/* 하단 */
html[data-mode="true"] .footer .slide_banner															{ border-top-color:var(--color-dark-light-gray); border-bottom-color:var(--color-dark-light-gray) }
html[data-mode="true"] .footer .copyright .link															{ border-top-color:var(--color-dark-light-gray); }
html[data-mode="true"] .footer .slide_banner .con_inner::before											{ background-image:linear-gradient(270deg, var(--color-dark) 80%, var(--color-dark)); }
html[data-mode="true"] .footer .slide_banner .swiper-slide a											{ color:var(--color-base2);}
html[data-mode="true"] .footer .slide_banner .swiper_next::before, 
html[data-mode="true"] .footer .slide_banner .swiper_prev::before, 
html[data-mode="true"] .footer .slide_banner .swiper_auto::before, 
html[data-mode="true"] .footer .slide_banner .swiper_auto.paused::before								{ filter:invert(.8); }
html[data-mode="true"] .footer .slide_banner .swiper_control .more 										{ background:var(--color-dark-light-gray1); }
html[data-mode="true"] .footer .slide_banner .swiper_control .more::before								{ filter:invert(1); }
html[data-mode="true"] .footer .family_list>li .family_btn 												{ background:var(--color-dark-light-gray); }
html[data-mode="true"] .footer .family_list>li .family_btn span::before									{ border-color:var(--color-dark-light-gray2) }
html[data-mode="true"] .footer .family_list>li .family_box												{ background:var(--color-dark2); border-color:var(--color-dark-light-gray) }

html[data-mode="true"] .footer .family_list>li .family_box ul>li a::before								{ background:var(--color-dark-light-gray2); border-radius:100%; content:''; transition:var(--trans-ani);}
html[data-mode="true"] .footer .family_list>li .family_box ul>li a[target='_blank']::after				{ filter:invert(98%) sepia(99%) saturate(2%) hue-rotate(80deg) brightness(112%) contrast(100%); }

html[data-mode="true"] .footer .family_list>li .family_box ul>li a[target='_blank']:hover::after,
html[data-mode="true"] .footer .family_list>li .family_box ul>li a[target='_blank']:focus::after		{ filter:invert(44%) sepia(77%) saturate(692%) hue-rotate(169deg) brightness(87%) contrast(95%);}
html[data-mode="true"] .footer .family_list>li .family_box ul>li a:hover::before,
html[data-mode="true"] .footer .family_list>li .family_box ul>li a:focus::before						{ background:var(--color-point); }


/***************************************************************

								메인
								 
***************************************************************/
/* 메인 버튼 */
html[data-mode="true"] .link_readmore													{ background:var(--color-dark-light-gray1); }	
html[data-mode="true"] .link_readmore::before											{ filter:invert(1); }	
html[data-mode="true"] .link_allview													{ background:var(--color-dark-light-gray1); border-color:var(--color-dark-light-gray1) }
html[data-mode="true"] .link_allview::before											{ filter:invert(1); }
html[data-mode="true"] .link_allview:hover,
html[data-mode="true"] .link_allview:focus												{ background:var(--color-point); border-color:var(--color-point)}

/* 메인 공통 컨트롤 */												
html[data-mode="true"] [data-main] .swiper_bottom .control .open::before				{ filter:invert(1); } 
html[data-mode="true"] [data-main] .swiper_bottom .swiper_auto::before					{ filter:invert(1); }
html[data-mode="true"] [data-main] .swiper_bottom .control .open::before				{ filter:invert(1);}
html[data-mode="true"] [data-main] .swiper_bottom .swiper_page							{ color:var(--color-base2); }																			
html[data-mode="true"] [data-main] .swiper_bottom .swiper_page i						{ background:rgba(255,255,255,.3); }
html[data-mode="true"] [data-main] .swiper_bottom .control.bg							{ background:var(--color-dark-light-gray);  }
html[data-mode="true"] [data-main] .swiper_bottom.pbw									{ background:url(/resource/www/images/main/bg_left_dark.png) no-repeat left bottom, url(/resource/www/images/main/bg_right_dark.png) no-repeat right bottom;}
html[data-mode="true"] [data-main] .swiper_bottom.pbw .control							{ background:var(--color-dark); }

	
/* 검색 */
html[data-mode="true"] .search_quick_wrap												{ background-color:var(--color-dark-light-blue); }
html[data-mode="true"] [data-main="service"]::before									{ background:var(--color-dark); }
html[data-mode="true"] .search_wrap .searchForm .total_search							{ background:var(--color-dark); color:var(--color-base) }
html[data-mode="true"] [data-main="service"] .swiper-slide .icon, 
html[data-mode="true"] [data-main="service"] .list_all .icon							{ background:var(--color-dark-light-gray); }
html[data-mode="true"] [data-main="service"]											{ background:url(/resource/www/images/main/bg_left_dark.png) no-repeat left bottom, url(/resource/www/images/main/bg_right_dark.png) no-repeat right bottom; }


/* 인포존 */
html[data-mode="true"] [data-main="infozone"] h2.active									{ background:url(/resource/www/images/main/bg_infotab_left_on_dark.png) no-repeat left top, url(/resource/www/images/main/bg_infotab_right_on_dark.png) no-repeat left bottom }
html[data-mode="true"] [data-main="infozone"]::after									{ border-bottom-color:var(--color-dark-light-gray); }
@media all and (max-width:968px){
	html[data-mode="true"] [data-main="infozone"] h2.active								{ background:url(/resource/www/images/main/bg_infotab_mleft_on_dark.png) no-repeat left top / 18px, url(/resource/www/images/main/bg_infotab_mright_on_dark.png) no-repeat right top  / 18px}
}
@media all and (max-width:768px){
	html[data-mode="true"] [data-main="infozone"] h2.active								{ background-size:10px; }
}


/* 시장실 */
html[data-mode="true"] [data-main="mayor"] .box .list>li>a								{ border-color:var(--color-point1); }
html[data-mode="true"] [data-main="mayor"] .icon_list									{ background: url(/resource/www/images/main/bg_left_blue_dark.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right_blue_dark.png) no-repeat right bottom / 18px; }
@media all and (max-width:368px){
	html[data-mode="true"] [data-main="mayor"] .icon_list								{ background-size:10px; }
}


/* 행사소식 */
html[data-mode="true"] [data-main="event"]														{ background:var(--color-dark-skyblue); }
html[data-mode="true"] [data-main="event"] .box .swiper,
html[data-mode="true"] [data-main="event"] .area_title .tab_menu,
html[data-mode="true"] [data-main="event"] .area_title .tab_menu>li>button						{ background:var(--color-dark); color:var(--color-base2) }
html[data-mode="true"] [data-main="event"] .area_title .tab_menu>li.active>button				{ background:var(--color-skyblue); color:var(--color-base) }
html[data-mode="true"] [data-main="event"] .box .swiper_bottom .control .swiper_prev::before,
html[data-mode="true"] [data-main="event"] .box .swiper_bottom .control .swiper_next::before	{ filter:inherit; }
html[data-mode="true"] [data-main="event"] .box .swiper_bottom .control button::before			{ filter:invert(1); }
@media all and (max-width:1268px){
	html[data-mode="true"] [data-main="event"] .box .swiper										{ padding:5px 0; }
	html[data-mode="true"] [data-main="event"] .box .swiper-slide>a								{ background:var(--color-dark2); }
}


/* 익산은지금 */
html[data-mode="true"] [data-main="popupZone"]::before									{ background-color:var(--color-dark-light-mint); }
html[data-mode="true"] [data-main="board"] .tab_menu									{ border-color:var(--color-dark-light-gray) }
html[data-mode="true"] [data-main="board"] .tab_menu>li>button, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>a								{ border-right-color:var(--color-dark-light-gray); }
html[data-mode="true"] [data-main="board"] .tab_menu>li.active>button, 
html[data-mode="true"] [data-main="board"] .tab_menu>li.active>a						{ box-shadow:3px 3px 1px var(--color-dark-skyblue); }
html[data-mode="true"] [data-main="board"] .tab_menu>li.active>button::after			{ border-top-color:var(--color-dark-skyblue) }
html[data-mode="true"] [data-main="board"] .tab_menu>li > a[target="_blank"]::after		{ filter:invert(1); }
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a,
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a .dep,
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a dl>dd			{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a .day>i			{ color:var(--color-base2); }
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a .day>i.new		{ color:var(--color-base);}
html[data-mode="true"] [data-main="board"] .list_board .swiper:has(.none_data)			{ border-color:var(--color-dark-light-gray); }
@media all and (max-width:468px){
	html[data-mode="true"] [data-main="board"] .tab_menu::after,
	html[data-mode="true"] [data-main="board"] .tab_menu::before						{ background:var(--color-dark-light-gray); }
}



/* 알림마당 */
html[data-mode="true"] [data-main="popupZone"] .list_popup .swiper						{ border-color:var(--color-dark-light-gray); }
@media all and (max-width:1268px){
	html[data-mode="true"] [data-main="popupZone"] .list_popup .swiper-slide .img		{ border-color:var(--color-dark-light-gray); }

}

/* 분야별 정보 */
html[data-mode="true"] .area_sector														{ background-color:var(--color-dark-blue); }
html[data-mode="true"] [data-main="sector"]::before,
html[data-mode="true"] [data-main="sector"]::after,
html[data-mode="true"] [data-main="sector"] .list_sector								{ background:var(--color-dark); }
html[data-mode="true"] [data-main="sector"] .tab_menu									{ background: url(/resource/www/images/main/bg_right_dark.png) no-repeat left bottom / 18px auto, url(/resource/www/images/main/bg_left_dark.png) no-repeat right bottom / 18px auto; }
html[data-mode="true"] [data-main="sector"] .tab_menu>li>button							{ background:var(--color-dark); color:var(--color-base); }
html[data-mode="true"] [data-main="sector"] .tab_menu>li>button::before					{ filter:invert(51%) sepia(49%) saturate(698%) hue-rotate(166deg) brightness(89%) contrast(88%); }
html[data-mode="true"] [data-main="sector"] .list_sector .list>li>a						{ border-color:var(--color-dark-light-gray); }


/* 공식 sns */
html[data-mode="true"] .area_iksan_sns .list_sns .swiper-slide a .title_box,
html[data-mode="true"] .area_iksan_sns .list_sns .swiper-slide a 						{ background:var(--color-dark-light-gray); }
html[data-mode="true"] .area_iksan_sns .area_news 										{ background-color:var(--color-dark-light-blue); }
html[data-mode="true"] [data-main="dada_iksan"] .list_dada_iksan::before				{ background-color:var(--color-dark-mint); }
html[data-mode="true"] .area_iksan_sns .list_sns .swiper-slide a .title_box::after		{ background-image:url(/resource/www/images/main/bg_sns_right_dark.png); }
html[data-mode="true"] .area_iksan_sns .list_sns .swiper-slide a .title_box::before		{ background-image:url(/resource/www/images/main/bg_sns_left_dark.png); }


/* 보도자료 */
@media all and (max-width:768px){
	html[data-mode="true"] .area_iksan_sns [data-main="sns_link"]						{ background:var(--color-dark); }
}


/* 다다익산 */
html[data-mode="true"] [data-main="dada_iksan"] .list_dada_iksan .btn_dada				{ background:var(--color-dark-light-gray); }
html[data-mode="true"] [data-main="dada_iksan"] .list_dada_iksan .btn_dada .icon		{ background:var(--color-dark2); }
html[data-mode="true"] [data-main="dada_iksan"] .area_title .date						{ color:var(--color-base2) }


/* 관광 */
html[data-mode="true"] [data-main="tour"]												{ background:url(/resource/www/images/main/bg_tour_before_left_dark.png) no-repeat left top / 18px, url(/resource/www/images/main/bg_tour_before_right_dark.png) no-repeat right top / 18px; }
html[data-mode="true"] [data-main="tour"]::before										{ background-color:var(--color-dark-light-mint);}
html[data-mode="true"] [data-main="tour"] .title										{ background:var(--color-dark); }
html[data-mode="true"] [data-main="tour"] .list_tour .swiper-slide>a strong::before, 
html[data-mode="true"] [data-main="tour"] .list_all>li>a strong::before 				{ background:var(--color-dark); }
html[data-mode="true"] [data-main="tour"] .list_tour .swiper_bottom .open				{ background-color:var(--color-dark-light-gray1);}
html[data-mode="true"] [data-main="tour"] .list_tour .swiper_bottom .open::before		{ filter:invert(1); }
html[data-mode="true"] [data-main="tour"] .list_tour .swiper-slide>a strong, 
html[data-mode="true"] [data-main="tour"] .list_all>li>a strong							{ background: url(/resource/www/images/main/bg_left_dark.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right_dark.png) no-repeat right bottom / 18px; }

@media all and (max-width:968px){
	html[data-mode="true"] [data-main="tour"] .title									{ background:none; }
	html[data-mode="true"] [data-main="tour"] .list_tour .swiper-slide>a strong::before	{ background:var(--color-dark-light-mint); }
	html[data-mode="true"] [data-main="tour"] .con_inner								{ background-color:var(--color-dark-light-mint); }
	html[data-mode="true"] [data-main="tour"] .list_tour .swiper-slide>a strong			{ background: url(/resource/www/images/main/bg_left_tour_dark.png) no-repeat left bottom / 18px, url(/resource/www/images/main/bg_right_tour_dark.png) no-repeat right bottom / 18px; }
}
@media all and (max-width:468px){
	html[data-mode="true"] [data-main="tour"] .con_inner								{ background-image:none; }
}


/***************************************************************

							서브
								 
***************************************************************/
/* 서브 레이아웃 */
html[data-mode="true"] .search_quick_wrap .page_util>li>button,
html[data-mode="true"] .search_quick_wrap .page_util>li.share .share_drop				{ background:var(--color-dark); }
html[data-mode="true"] .search_quick_wrap .page_util>li>button:before,
html[data-mode="true"] .pagetitle_wrap .page_util [data-location="home"] a::before		{ filter:invert(1); }
html[data-mode="true"] .search_quick_wrap .page_util > li.share .share_close::before,
html[data-mode="true"] .search_quick_wrap .page_util > li.share .share_close::after		{ background:var(--color-dark); }
html[data-mode="true"] .search_quick_wrap .page_util>li.share .share_drop				{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] .lnb_wrap nav													{ background:var(--color-dark2); }
html[data-mode="true"] #container .section_middle,
html[data-mode="true"] .lnb_wrap .title::before											{ background:var(--color-dark); }
html[data-mode="true"] .search_quick_wrap::after										{ background-image:url(/resource/www/images/sub/bg_search_quick_wrap_dark.png); } 
html[data-mode="true"] .lnb_wrap .lnb>li.active											{ background:var(--color-dark1); }
html[data-mode="true"] .lnb_wrap .lnb>li												{ border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] .lnb_wrap .lnb>li>a												{ color:var(--color-base); }
html[data-mode="true"] .lnb_wrap .lnb>li>ul>li>ul										{ background:var(--color-dark-light-gray)}
html[data-mode="true"]  #aside,
html[data-mode="true"] .open_license .license_txt a										{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] .box_foot_divz													{ background:var(--color-dark-light-gray); }
html[data-mode="true"] .box_foot_divz #satibox ul > li .icon::before,
html[data-mode="true"] .box_foot_divz .sati_form>strong .icon::before,
html[data-mode="true"] .box_foot_divz #satibox .mod dt .icon::before					{ filter:invert(1); }
html[data-mode="true"] .box_foot_divz #satibox ul > li dl>dd, 
html[data-mode="true"] .box_foot_divz #satibox .mod dd									{ color:var(--color-base2)} 
html[data-mode="true"] .open_license .license_mark a									{ background:var(--color-base); }



/* 스타일가이드 */
html[data-mode="true"] .box_text_gray,
html[data-mode="true"] table.basic_table tbody th										{ background:var(--color-dark-light-gray) }
html[data-mode="true"] .area_snb::before,
html[data-mode="true"] .area_select::before,
html[data-mode="true"] .area_tsnb,
html[data-mode="true"] .area_tab::before,
html[data-mode="true"] .box_text_line,
html[data-mode="true"] .list_imgTitle > li::before,
html[data-mode="true"] .image_list li:before,
html[data-mode="true"] .color_info_list>li												{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] table.basic_table thead th,
html[data-mode="true"] table.basic_table tbody td,
html[data-mode="true"] table.basic_table tbody th										{ border-color:var(--color-dark-light-gray1) !important; }
html[data-mode="true"] table.basic_table tbody td:has(img[src$=".png"])                 { background:var(--color-light-gray); color:var(--color-dark) }
html[data-mode="true"] table.basic_table tbody td,
html[data-mode="true"] .area_diagram .list > li span,
html[data-mode="true"] .area_diagram_type02 .list > li dd,
html[data-mode="true"] .area_diagram .list > li:before									{ background:var(--color-dark); }
html[data-mode="true"] .area_diagram_type02 .list > li dd small 						{ background:var(--color-dark2); }
html[data-mode="true"] #content .mob_info:before                                        { filter:invert(100%) sepia(71%) saturate(7500%) hue-rotate(184deg) brightness(127%) contrast(110%); }
html[data-mode="true"] .area_snb .snb > li > a, 
html[data-mode="true"] .area_snb .snb > li > button,
html[data-mode="true"] .area_tsnb .tsnb > li > a, 
html[data-mode="true"] .area_tsnb .tsnb > li > button,
html[data-mode="true"] .area_select .select>li>a, 
html[data-mode="true"] .area_select .select>li>button,
html[data-mode="true"] .area_tab .list > li > a, 
html[data-mode="true"] .area_tab .list > li > button									{ background:var(--color-dark-light-gray); color:var(--color-base2) }
html[data-mode="true"] .area_snb .snb > li.active > a, 
html[data-mode="true"] .area_snb .snb > li.active > button,
html[data-mode="true"] .area_tsnb .tsnb > li.active > a, 
html[data-mode="true"] .area_tsnb .tsnb > li.active > button,
html[data-mode="true"] .area_select .select>li.active>a, 
html[data-mode="true"] .area_select .select>li.active>button,
html[data-mode="true"] .area_tab .list > li > a.active, 
html[data-mode="true"] .area_tab .list > li > button.active								{ background:var(--color-point); color:var(--color-base) }
html[data-mode="true"] .area_snb .snb > li > a::after, .area_snb .snb > li > button::after{ border-color:color:var(--color-base); }
html[data-mode="true"] .area_select .select												{ background:var(--color-dark2); }
html[data-mode="true"] .box_info_top													{ background:none; border-color:var(--color-dark-light-gray);}
html[data-mode="true"] .box_info_top::before, 
html[data-mode="true"] .box_info_top::after												{ background-image:url(/resource/common/images/common/img_box_info_dark.svg); }
html[data-mode="true"] .box_flex h4 + p, 
html[data-mode="true"] .box_flex h5 + p, 
html[data-mode="true"] .box_flex h6 + p													{ color:var(--color-base2); }
html[data-mode="true"] table.basic_table thead th										{ background:var(--color-dark2); }
html[data-mode="true"] .basic_btn .white												{ background:var(--color-dark); border-color:var(--color-dark-light-gray2) }
html[data-mode="true"] .basic_btn .gray													{ background:var(--color-dark-light-gray1); }
html[data-mode="true"] [data-subarea="budget"] ul li a									{ background:var(--color-dark); border-color:var(--color-dark-light-gray);}
html[data-mode="true"] [data-subarea="budget"] ul li .tit i.down						{ background-color:var(--color-dark-light-gray); border-color:var(--color-dark-light-gray); background-image:url(/resource/www/images/contents/icon_down_dark.svg) }
@media (max-width: 768px){
  html[data-mode="true"] .area_tsnb .tsnb												{ background:var(--color-dark00); border-color:var(--color-dark-light-gray1); }
  html[data-mode="true"] .area_tsnb .btn_tsnb_mob										{ background:var(--color-dark00); border-color:var(--color-dark-light-gray2); color:var(--color-white); }
  html[data-mode="true"] .area_tsnb .btn_tsnb_mob::after								{ border-color:var(--color-white); }
}

/* 온라인서명 : 입력 */
html[data-mode="true"] .form_signAgreement							{ background:var(--color-dark2); }
html[data-mode="true"] .form_signAgreement h4						{ border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] .form_signAgreement_check					{ background:var(--color-dark); }
html[data-mode="true"] .form_signAgreement_check dt					{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] .form_signAgreement_check dd:last-child ul	{ background:var(--color-dark2); }
html[data-mode="true"] .form_signWrite								{ background:var(--color-dark); border-color:var(--color-dark2); }
html[data-mode="true"] .form_signWrite:before, .form_signWrite:after{ background-image:url(/resource/common/images/common/img_box_info_dark.svg); }
html[data-mode="true"] .form_signWrite>li:not(:last-child)			{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] .form_signWrite input						{ background:var(--color-dark1); border-color:var(--color-dark-light-gray1); color:#fff; }

/* 다크모드 : 하얀색 */
html[data-mode="true"] .dark_white 			{ background:var(--color-white); }
html[data-mode="true"] .dark_white .basic_p,
html[data-mode="true"] .dark_white h5			{ color:var(--color-dark); }

/* 명예의 전당 */
html[data-mode="true"] .honor_list ul{ background:var(--color-dark2); }
html[data-mode="true"] .honor_list dl{ background:var(--color-dark1); border-color:var(--color-dark2); }

/* 기부미 */
html[data-mode="true"] .titLink_box dl{ border-color:var(--color-dark2); }

/* 기부미 명예의 전당 */
html[data-mode="true"] [data-subarea="honor"] .con ul							{ background:var(--color-dark2); }
html[data-mode="true"] [data-subarea="honor"] .con ul:before					{ background:var(--color-dark1); }
html[data-mode="true"] [data-subarea="honor"] .con small						{ color:var(--color-dark-light-gray2); }
html[data-mode="true"] [data-subarea="honor"] .last dl:last-child dt:before		{ background:var(--color-dark-light-gray); }
html[data-mode="true"] [data-subarea="honor"] .list:before,
html[data-mode="true"] [data-subarea="honor"] .list li							{ border-color:var(--color-dark-light-gray1); }

/* 조직도 :  */
html[data-mode="true"] [data-subarea="conOrg"] .org_box,
html[data-mode="true"] .org_box			{ background:var(--color-dark2); }
html[data-mode="true"] [data-subarea="conOrg"] .department,
html[data-mode="true"] .department		{ background:var(--color-dark-light-gray); }
html[data-mode="true"] [data-subarea="conOrg"] .department ul,
html[data-mode="true"] .department ul	{ color:#fff; }
html[data-mode="true"] .org6 .list>li	{ background:var(--color-dark); }


/* 이미지박스 */
html[data-mode="true"] .box_img_inner				{ background:var(--color-dark-light-gray); }
html[data-mode="true"] .box_img.dark img,
html[data-mode="true"] .box_img_inner.dark img		{ filter:invert(1); }
html[data-mode="true"] .box_img.dark_white			{ background:#fff; }

/* 예산/재정공개 : 중기지방재정계획 */
html[data-mode="true"] [data-subarea="budget"] .basic_table .download		{ border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] [data-subarea="budget"] .basic_table .download .down	{ filter:invert(1); }
html[data-mode="true"] [data-subarea="budget"] ul li .tit i.link			{ background-color:var(--color-dark-light-gray); background-image:url(/resource/www/images/contents/icon_link_dark.svg); border-color:var(--color-dark-light-gray); }

/* 차트 */
html[data-mode="true"] .vertical_chart_box                          { background:var(--color-dark2); }
html[data-mode="true"] .vertical_chart_box .axis_y>li+li::before    { background:var(--color-dark-light-gray1); }
html[data-mode="true"] .vertical_chart_box .graph                   { background:var(--color-dark-light-gray1); }

/* 아이콘 리스트 */
html[data-mode="true"] .list_icon i			{ background-color:var(--color-dark-light-gray1); }
html[data-mode="true"] .list_icon_text i	{ background-color:var(--color-dark-light-gray1); }

/* 데이타 리스트 */
html[data-mode="true"] [data-subarea="child"] .data_list	{ background:var(--color-dark1); }
html[data-mode="true"] [data-subarea="child"] .data_list dd	{ background:var(--color-dark2); }

/* 비전과 목표 */
html[data-mode="true"] .design_wrap .text{ border-color:var(--color-dark-light-gray1); }

/* 상하수도서비스헌장 */
html[data-mode="true"] [data-subarea="declaration"] .inner						{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] [data-subarea="declaration"] .inner .sub_title,
html[data-mode="true"] [data-subarea="declaration"] .inner .bottom ul li .txt	{ color:#fff; }
html[data-mode="true"] [data-subarea="declaration"] .inner .bottom				{ background:var(--color-dark-light-gray); border-color:var(--color-dark); }

/* 수돗물상식 */
html[data-mode="true"] .process_item			{ background:var(--color-dark-light-gray); border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] .process_item:before		{ background:linear-gradient(to bottom, #2222, #999); }

/* 경관 */
html[data-mode="true"] .design_wrap .goal 		{ background:var(--color-dark2); }
html[data-mode="true"] .design_wrap .icon_wrap	{ background:var(--color-dark-light-gray1); }

/* 착한가격업소현황 */
html[data-mode="true"] [data-subarea="store_list"] .store_item				{ background:var(--color-dark2); border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] [data-subarea="store_list"] .store_info .address		{ background-image:url("/resource/www/images/contents/store_address_dark.svg"); }
html[data-mode="true"] [data-subarea="store_list"] .store_info .phone		{ background-image:url("/resource/www/images/contents/store_phone_dark.svg"); }

/* 기관문양 */
html[data-mode="true"] .ci_color>li 								{ background:#fff; color:var(--color-dark); }
html[data-mode="true"] [data-subarea="ci"] .box_info_top .min_gray 	{ background:var(--color-dark2); }

/* 캐릭터 */
html[data-mode="true"] .character_llist>li { background:var(--color-dark-blue); }

/* 시민의 노래 */
html[data-mode="true"] [data-subarea="song"] .box_info_top:has(.basic_btn) { gap:1em }

/* 산내면유래 */
html[data-mode="true"] .mountain_list li { background:none; border-color:var(--color-dark-light-gray); }

/* 마을유래 */
html[data-mode="true"] .updown_list>li>button,
html[data-mode="true"] .updown_list>li>div,
html[data-mode="true"] .updown_list>li>button::before			{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] .updown_list>li.active>div				{ border-color:var(--color-dark-light-gray2); }
html[data-mode="true"] .updown_list>li.active>button			{ border-color:var(--color-point); }
html[data-mode="true"] .updown_list>li.active>button::before	{ border-left-color:var(--color-point); }

/* 시정방침 */
html[data-mode="true"] [data-subarea="administrativepolicy"] .policy_box dl				{ background-color:var(--color-dark); }
html[data-mode="true"] [data-subarea="administrativepolicy"] .policy_box::before		{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] [data-subarea="administrativepolicy"] .policy_box::after 		{ border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] [data-subarea="administrativepolicy"] .icon_list .icon::after	{ background:var(--color-dark-light-gray1); }
@media (max-width: 568px) {
  html[data-mode="true"] [data-subarea="administrativepolicy"] .icon_list>li			{ background:var(--color-dark); }
}

/* 백제역사유적지구 유네스코 세계유산도시 */
html[data-mode="true"] .city_history::before,
html[data-mode="true"] .city_history>li .h_con::before	{ background:var(--color-dark-light-gray1); }
html[data-mode="true"] .unesco_wrap .card				{ background:var(--color-dark-light-gray); }

/* 하나로 본 익산통계 */
html[data-mode="true"] .iksan_stats .icon_wrap	{ background:var(--color-dark-light-gray1); }
html[data-mode="true"] .iksan_stats .stat_box	{ border-color:var(--color-dark-light-gray); }

/* 조직도 */
html[data-mode="true"] [data-subarea="org"]>ol>li>ol>li.black a:not([data-subarea="org"]>ol>li>ol>li:has(ol) a),
html[data-mode="true"] [data-subarea="org"]>ol>li>ol>li.black span:not([data-subarea="org"]>ol>li>ol>li:has(ol) span),
html[data-mode="true"] [data-subarea="org"]>ol>li>ol>li a:not([data-subarea="org"]>ol>li>ol>li:has(ol) a),
html[data-mode="true"] [data-subarea="org"]>ol>li>ol>li span:not([data-subarea="org"]>ol>li>ol>li:has(ol) span),
html[data-mode="true"] [data-subarea="org"]>ol>li>ol>li>ol,
html[data-mode="true"] [data-subarea="org"]>ul>li a,
html[data-mode="true"] [data-subarea="org"]>ul>li span			{ background:var(--color-dark); }

/* 부서소개 */
html[data-mode="true"] [data-subarea="department"] .department_search	{ background:var(--color-dark-light-gray); border-color:var(--color-dark-light-gray1); }
html[data-mode="true"] [data-subarea="department"] .list > li			{ border-color:var(--color-dark-light-gray); background:var(--color-dark); }

/* list_icon_text */
html[data-mode="true"] [data-subarea="directions"] .box_info_top .list_icon_text i		{ background-color:#71632a; }
@media (max-width:640px){
	html[data-mode="true"] .list_icon_text li											{ border-color:var(--color-dark-light-gray1); }
}

/* 사이트맵 */
html[data-mode="true"]  [data-subarea="sitemap"] .sitemap_2dep > li > ul > li > ul		{ background:var(--color-dark2); }

/* 뷰어 다운로드 */	
html[data-mode="true"] .viewer_list li													{ background:var(--color-dark2); }	
html[data-mode="true"] .viewer_list li .viewer_icon										{ padding:1em; background:var(--color-white); border-radius:8px; }									
/***************************************************************

								bbs
								 
***************************************************************/
/* 셀렉트, 인풋 */
html[data-mode="true"] #boardWrap input,
html[data-mode="true"] #boardWrap select{ background-color:var(--color-dark00); border-color:var(--color-dark-light-gray); color:var(--color-white); }
html[data-mode="true"] #boardWrap select{ background-image:url(/resource/common/images/bbs/selectico_white.png) }

/* 버튼 */
html[data-mode="true"] .headList .SearchInfo button,
html[data-mode="true"] .headList .SearchInfo button[type="submit"]{border:1px solid var(--color-dark-light-gray2); background:var(--color-dark0)}
html[data-mode="true"] #boardWrap .btn.white{background:var(--color-dark); border-color:var(--color-white);}
html[data-mode="true"] #boardWrap .btn.white span{color:var(--color-white);}
html[data-mode="true"] #boardWrap .btn.white:hover,
html[data-mode="true"] #boardWrap .btn.white:focus{filter:drop-shadow(1px 2px 2px var(--color-dark0));}
html[data-mode="true"] #boardWrap .btn.black{background:var(--color-white); border-color:var(--color-white);}
html[data-mode="true"] #boardWrap .btn.black,
html[data-mode="true"] #boardWrap .btn.black span{color:var(--color-dark)}

/* 달력아이콘 */
html[data-mode="true"] .icon-calendar,
html[data-mode="true"] .list_group .bbs_table td .icon-secret,
html[data-mode="true"] .list_group .bbs_table .icon_file		{filter:invert(100%) sepia(71%) saturate(7500%) hue-rotate(184deg) brightness(127%) contrast(110%);}

/* 목록선택 */
html[data-mode="true"] .headList .SearchInfo .search_list .btn_listcount						{background:none; border-color:var(--color-dark-light-gray2)}
html[data-mode="true"] .headList .SearchInfo .search_list .btn_listcount::before				{filter:none;}
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap						{background:var(--color-dark2); border-color:var(--color-dark-light-gray1)}
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap strong				{color:var(--color-white)}
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap>ul>li>button			{background:var(--color-dark)}
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap>ul>li>button.on,
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap>ul>li>button:focus	{background:var(--color-white); color:var(--color-dark)}
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap .btn_listcount_app	{border-color:var(--color-dark)}

/* 검색존 */
html[data-mode="true"] .headList .bdTotal>li+li::before								{background:var(--color-dark-light-gray1)}
html[data-mode="true"] .headList .SearchInfo .data_list>li+li::before				{background:var(--color-dark-light-gray2)}

/* list */
html[data-mode="true"] .list_group .bbs_table						{border-top-color:var(--color-white)}
html[data-mode="true"] .list_group .bbs_table th					{border-bottom-color:var(--color-dark-light-gray2)}
html[data-mode="true"] .list_group .bbs_table th					{color:var(--color-base)}
html[data-mode="true"] .list_group .bbs_table td					{border-bottom-color:var(--color-dark-light-gray)}
html[data-mode="true"] .list_group .bbs_table tbody tr:hover td		{background:var(--color-dark-blue);}
html[data-mode="true"] .list_group .bbs_table tbody tr:hover		{box-shadow:10px 10px 10px var(--color-dark-blue);}
html[data-mode="true"] .list_group .bbs_table .colNotice			{background:var(--color-dark0)}
html[data-mode="true"] .list_group .bbs_table .txt_line1			{border-color:var(--color-dark-light-gray2); color:#fff;}
html[data-mode="true"] .list_group .bbs_table .txt_link1			{background:var(--color-dark0)}
html[data-mode="true"] #boardWrap .mtitle,
html[data-mode="true"] #boardWrap .mtitle::after					{color:var(--color-white)}
@media (max-width: 1024px){
  html[data-mode="true"] .list_group .bbs_table tbody tr			{border-color:var(--color-dark-light-gray)}
  html[data-mode="true"] .list_group .bbs_table tbody tr:hover		{background:var(--color-dark-blue); filter:drop-shadow(10px 6px 6px var(--color-dark00));}
}

/* gallery */
html[data-mode="true"] .gallery_list .line > li							{ border-color:var(--color-dark-light-gray1)}
html[data-mode="true"] .gallery_list>ul>li .gl_info>dt>strong			{ color:var(--color-white);}
html[data-mode="true"] .gallery_list .flex>li							{ border-bottom-color:var(--color-dark-light-gray) }
html[data-mode="true"] .gallery_list .download_btn						{ border-top-color:var(--color-dark-light-gray); }


/* view */
html[data-mode="true"] #boardWrap .view_table								{ border-top-color:var(--color-white); border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] #boardWrap .view_table .title strong					{ color:var(--color-white) }
html[data-mode="true"] #boardWrap .view_table .info_list li strong			{ color:var(--color-dark-light-gray2) }
html[data-mode="true"] #boardWrap .view_table .view_basics_list>li			{ border-top-color:var(--color-dark-light-gray) }
html[data-mode="true"] #boardWrap .view_table .view_basics_list>li>.tit		{ color:var(--color-white); background:var(--color-dark2); }
html[data-mode="true"] #boardWrap .view_con *								{ color:#fff !important; }
html[data-mode="true"] #boardWrap .view_footer								{ border-top-color:var(--color-dark-light-gray1); border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] #boardWrap .view_footer>li span						{ color:var(--color-dark-light-gray2) }

/* view file */
html[data-mode="true"] #boardWrap .view_table .file_box .tit{color:var(--color-white)}
html[data-mode="true"] #boardWrap .view_table .file_box .file_list>li .down::before{filter:invert(100%) sepia(71%) saturate(7500%) hue-rotate(184deg) brightness(127%) contrast(110%);}

/* view img alt */
html[data-mode="true"] #boardWrap .view_table .view_con .img span{background:var(--color-dark)}

/* write */
html[data-mode="true"] #boardWrap .write_list>li>.tit{color:var(--color-white)}
html[data-mode="true"] #boardWrap .write_list{border-top-color:var(--color-white);}
html[data-mode="true"] #boardWrap .write_list>li{border-bottom-color:var(--color-dark-light-gray);}
html[data-mode="true"] #boardWrap .view_table .info_list li+li:before{background:var(--color-dark-light-gray)}
html[data-mode="true"] #boardWrap .view_table .view_con,
html[data-mode="true"] #boardWrap .view_table .file_box{border-top-color:var(--color-dark-light-gray);}
html[data-mode="true"] #boardWrap .write_list .data_list>li+li::before		{ background:var(--color-dark-light-gray2); }


/* 파일첨부 */
html[data-mode="true"] .file_label::before{background:var(--color-dark0)}
html[data-mode="true"] #boardWrap .btn_add>i{color:var(--color-dark)}

/* paging */
html[data-mode="true"] .paging a{ filter:invert(.7);}
html[data-mode="true"] .paging a.this{background:var(--color-dark); border-color:var(--color-white); color:var(--color-white);}

/* 답변 */
html[data-mode="true"] #boardWrap .view_table .answer-group{background:var(--color-dark00); border-color:var(--color-dark-light-gray)}
html[data-mode="true"] #boardWrap .view_table .answer-group .asrTit{border-bottom-color:var(--color-dark-light-gray);}
html[data-mode="true"] #boardWrap .view_table .answer-group .asrTit strong{color:var(--color-white)}
html[data-mode="true"] #boardWrap .view_table .answer-group .asrTit .icon-reply{filter:invert(100%) sepia(71%) saturate(7500%) hue-rotate(184deg) brightness(127%) contrast(110%);}
html[data-mode="true"] #boardWrap .view_table .answer-group .answer-list{background:var(--color-dark);}
html[data-mode="true"] #boardWrap .view_table .answer-group .asrTit .answer-info>li+li:before{background:var(--color-dark-light-gray)}

/* check */
html[data-mode="true"] #boardWrap .check_label1::before{border-color:var(--color-dark-light-gray);}
html[data-mode="true"] .check_input1:checked + .check_label1::before{background-image:url(/resource/common/images/bbs/bg_check_white.png)}

/* textarea */
html[data-mode="true"] textarea{background:var(--color-dark00); border-color:var(--color-dark-light-gray)}

/* modal_pop */
html[data-mode="true"] .modal_pop:before	{ background:rgb(0, 0, 0, .8); }
html[data-mode="true"] .modal_wrap			{ background:var(--color-dark); }


/* 행사안내 */
html[data-mode="true"] .calendarWrap .sort_area .year_ctrl a			{ filter:invert(1); border-color:var(--color-dark); }
html[data-mode="true"] .calendarWrap .sort_area .year_ctrl .date		{ color:var(--color-white); }
html[data-mode="true"] .calendarWrap .calendar table th					{ color:var(--color-white); }
html[data-mode="true"] .calendarWrap .calendar table					{ border-top-color:var(--color-base2); }
html[data-mode="true"]  .calendarWrap .calendar .today					{ background-color:var(--color-dark-light-gray) }
html[data-mode="true"] .schedule_wrap .list_slide						{ background-color:var(--color-dark-light-gray) }
html[data-mode="true"] .schedule_wrap .slide_control .btn_prev, 
html[data-mode="true"] .schedule_wrap .slide_control .btn_next			{ filter:invert(.85);}
html[data-mode="true"] .i_location,
html[data-mode="true"] .i_calendar										{ filter:brightness(100);}
html[data-mode="true"] .schedule_wrap .slide_paging_wrap .btn_auto:before, 
html[data-mode="true"]	.schedule_wrap .slide_paging_wrap .btn_auto:after	{ background:var(--color-base3); }

/* 통합검색 */
html[data-mode="true"] #AllSearch .topSearchBox					{ border-top-color:var(--color-dark-light-gray); border-bottom-color:var(--color-dark-light-gray) }
html[data-mode="true"] #AllSearch input,
html[data-mode="true"] #AllSearch select						{ background-color:var(--color-dark00); border-color:var(--color-dark-light-gray); color:var(--color-white); }
html[data-mode="true"] #AllSearch select						{ background-image:url(/resource/common/images/bbs/selectico_white.png) }
html[data-mode="true"] #AllSearch .topSearchBox .scBox			{ background-color:var(--color-dark00); }
html[data-mode="true"] #AllSearch .topSearchBox .btn			{ background:var(--color-dark0); }
html[data-mode="true"] #AllSearch .topSearchBox .research		{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] #AllSearch .allSearchCon					{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] #AllSearch .allSearchCon .searchCon,
html[data-mode="true"] #AllSearch .allSearchCon .searchRight .sc_word>ol>li>a::before		{ border-color:var(--color-dark-light-gray); }
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .sc_result, 
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList .sc_imgList .sc_img, 
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList .sc_videoList .sc_img,
html[data-mode="true"] #AllSearch .allSearchCon .searchRight .sc_word>ol>li { border-bottom-color:var(--color-dark-light-gray); }
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList ul li i.icon-file		{ filter:invert(1); }


html[data-mode="true"] div:has(#AllSearch) .area_totalSearch {background: var(--color-deepGray);}

html[data-mode="true"] #AllSearch .allSearchCon .searchLeft {background:var(--color-dark2);}


html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.sc_result{border-bottom:1px solid var(--color-dark-light-gray);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.sc_result	p{color:var(--color-base);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.sc_result	p span,
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	.scWord{ color:#e73736;}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList{border-bottom:1px dashed var(--color-dark-light-gray);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	h4{color:var(--color-white);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	h4 span{color:var(--color-base2);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	ul li{ border-bottom:1px dashed var(--color-dark-light-gray);}
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList .sc_imgList li, 
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList .sc_videoList li	{ border-color:var(--color-dark-light-gray); }



html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	ul li a{ color:var(--color-base1);  }
html[data-mode="true"] #AllSearch .allSearchCon .searchCon	.resultList	ul li dl dd{ color:var(--color-base2);}

html[data-mode="true"] #AllSearch .allSearchCon .searchRight .sc_word strong {color:var(--color-white);border-bottom:2px solid var(--color-dark-light-gray)}