@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-dark:#272727;
	--color-dark1:#2c2c2c;
    --color-dark2:#3e3e3e;
	--color-base:#fff;
	--color-base1:#d0d1d2;
	--color-base2:#c0c0c0;
  	--color-base3:#a4a4a4;
  	--color-ddd:#ddd;
	--color-point:#12a7d9;
	--color-deep-point:#14b1e6;
	--color-deep-point1:#15b8ee;
	--color-deep-point2:#47a0be;
	--color-deep-point3:#38839e;
    --color-deep-point4:#225668;
	--color-light-point:#313b3f/*#d8edf5#e6f3f8*/;
	--color-light-point1:#1f272a/*#f4f6fa*/;
	--color-nav-bg:#37424b;
	--color-nav-deep-bg:#699eaf;
	--color-tab-bg:#2b3d43;
	--color-point-line:#368ead;
	--color-green:#4c973d;
	--color-deep-green:#183c23;
	--color-light-green:#32402f/*#e9f2e7*/;
	--color-white:#fff;
	--color-gray:#393939;
	--color-gray1:#404040;
	--color-gray2:#343434;
	--color-gray3:#252525;
	--color-light-gray:#393939;
	--color-red:#cb171e;
	--color-red1:#ed2024;
	--color-light-red:#391f21/*#ffebec*/;
 	--color-line:#4a4a4a;
 	--color-black:#000;
	--color-blue:#1c8bf3;
	--color-orange:#f36919;
 	--color-scarlet:#f34545;
    --color-scarlet1:#ff5e4d;
}


/* 상단 */
html[data-mode="true"] .header																			{ background:var(--color-dark); }
html[data-mode="true"] .top_util																		{ background:var(--color-nav-bg); border-bottom-color:var(--color-line)}
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); filter:invert(1) }
html[data-mode="true"] .top_util .login [data-util="display_size"] .btn_size							{ color:var(--color-base); }
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 .logo																	{ background-image:url(/resource/www/images/common/img_logo_w.svg); }
html[data-mode="true"] .top_util .login [data-util="population"] .icon::before							{ background-image:url(/resource/www/images/common/icon_population_w.svg); }
html[data-mode="true"] .top_util .login [data-util="family_site"] .link>li::before						{ background:rgba(255,255,255,.45); }
html[data-mode="true"] .top_util .login [data-util="display_size"] .display_size_box>ul,
html[data-mode="true"] .top_util .lang_box																{ background:var(--color-nav-bg); }
html[data-mode="true"] .top_util .lang_box																{ border-color:var(--color-line); }
html[data-mode="true"] .top_util .login [data-util="display_size"] .display_size_box>ul>li:last-child	{ border-top-color:var(--color-line); }
html[data-mode="true"] .top_util .login .btn_lang .icon::before,
html[data-mode="true"] .top_util .login .btn_lang::after												{ filter:invert(1); }
html[data-mode="true"] .header nav .gnb > li .box::after,												
html[data-mode="true"] .header nav .gnb > li .gnb_title													{ background:linear-gradient(180deg, #21536e 1%, #046383 100%); }
html[data-mode="true"] .header nav .gnb > li .cont::before,
html[data-mode="true"] .header nav .gnb > li .box::before												{ background:var(--color-dark1); }
html[data-mode="true"] .header nav .gnb_2dep > li > ul > li > a											{ color:var(--color-base3); }
html[data-mode="true"] .header nav .gnb a[target="_blank"]::after										{ filter:invert(.8); }
html[data-mode="true"] .header nav .gnb_2dep > li > ul > li > a:hover,
html[data-mode="true"] .header nav .gnb_2dep > li > ul > li > a:focus									{ color:var(--color-point); }
html[data-mode="true"] .sitemap_wrap .sitemap_box														{ background:var(--color-dark1); }
html[data-mode="true"] .sitemap_wrap .sitemap_box .gnb_list a[target='_blank']::after					{ filter:invert(.8); }
html[data-mode="true"] .sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:hover::after,
html[data-mode="true"] .sitemap_wrap .sitemap_box .gnb_list a[target='_blank']:focus::after				{ filter:invert(70%) sepia(70%) saturate(547%) hue-rotate(155deg) brightness(70%) contrast(98%); }
html[data-mode="true"] .header .area_util .search_wrap .box												{ background:var(--color-dark1); }
html[data-mode="true"] .header .area_util ::placeholder													{ color:rgba(255,255,255,.74) !important; }
html[data-mode="true"] .header .area_util .search_wrap .searchForm .search_btn::before					{ filter:brightness(100); }
html[data-mode="true"] .sitemap_wrap::before															{ background-color:var(--color-dark) }
html[data-mode="true"] .top_util .login .btn_family .icon::before,
html[data-mode="true"] .top_util .login .btn_family::after												{ filter:invert(.8); }
html[data-mode="true"] .mob_top_util_control .family_box,
html[data-mode="true"] .mob_top_util_control .lang_box													{ background:var(--color-dark1); border-color:var(--color-line) }
html[data-mode="true"] .mob_top_util_control .family_box ul>li>a[target='_blank']::after 				{ filter:invert(.8); }
@media screen and (max-width: 1268px){
	html[data-mode="true"] .sitemap_wrap .sitemap_box .gnb_list>li .gnb_2dep>li.active>a{background: var(--color-point-line);}
}

/* 하단 */
html[data-mode="true"] .footer .slide_banner															{ border-top-color:var(--color-line); border-bottom-color:var(--color-line); }
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-base3); }
html[data-mode="true"] .footer .slide_banner .swiper-slide a:hover,
html[data-mode="true"] .footer .slide_banner .swiper-slide a:focus										{ color:var(--color-point); }
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(.6); }
html[data-mode="true"] .footer .copyright .link															{ border-top-color:var(--color-line); }
html[data-mode="true"] .footer .family_list>li .family_btn												{ background:var(--color-dark2); }
html[data-mode="true"] .footer .family_list>li .family_box												{ background:var(--color-dark2); border-color:var(--color-line);}
html[data-mode="true"] .footer .family_list>li .family_btn span::before									{ filter:invert(.6); }
html[data-mode="true"] .footer .family_list>li .family_box ul>li a::before								{ background:var(--color-base3) }
html[data-mode="true"] .footer .family_list>li .family_box ul>li a[target='_blank']::after				{ filter:invert(.6); }
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"] .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(70%) sepia(70%) saturate(547%) hue-rotate(155deg) brightness(70%) contrast(98%); }
html[data-mode="true"] #btn_top																			{ background:linear-gradient(180deg, #21536e 1%, #046383 100%); }

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

								메인
								 
***************************************************************/
/* 스와이퍼 컨트롤 */
html[data-mode="true"] .section_main_con .swiper_bottom .control,
html[data-mode="true"] .section_main_right .swiper_bottom .control										{ background:var(--color-light-point1); }
html[data-mode="true"] [data-main] .swiper_bottom .swiper_page i										{ background:rgba(255,255,255,.45); }
html[data-mode="true"] [data-main] .swiper_bottom .swiper_auto::before									{ filter:invert(.6); }
html[data-mode="true"] [data-main="photo"] .photo_list .swiper_bottom .control,
html[data-mode="true"] [data-main="quick"] .quick_list .swiper_bottom .control							{ background:none; }
html[data-mode="true"] [data-main="infozone"] .festival .swiper_bottom .control							{ background-color:var(--color-dark); }
html[data-mode="true"] .section_main_right .shorts_right .shorts_list .control							{ background:none; }
@media all and (max-width:1568px){
	html[data-mode="true"] .section_main_con .shorts_right .shorts_list .swiper_bottom .control		   	{ background:none; }
}
@media all and (max-width:568px){
	html[data-mode="true"] [data-main="infozone"] .infozone .swiper_bottom .control,
	html[data-mode="true"] .shorts_right .shorts_list .swiper_bottom .control							{ background:none; }
}


html[data-mode="true"] [data-main="infozone"] .infozone h2.active>button								{ background:rgb(4 18 25 / 80%); }
html[data-mode="true"] [data-main="infozone"] .infozone h2.active::before								{ border-bottom-color:rgb(4 18 25 / 80%); }
html[data-mode="true"] [data-main="infozone"] .infozone::before											{ background-color:var(--color-dark1); }
html[data-mode="true"] [data-main="infozone"] .infozone .icon2::before,
html[data-mode="true"] [data-main="infozone"] .infozone .icon1::before									{ filter:invert(.8); }
html[data-mode="true"] [data-main="infozone"] .infozone .swiper_bottom .control							{ filter:invert(.05) brightness(1); padding-right:7px; }
html[data-mode="true"] [data-main="infozone"] .btn_slide_allView.open::before							{ filter:invert(1) brightness(100);}
html[data-mode="true"] [data-main="infozone"] .infozone .swiper_bottom .control .btn_slide_allView.open	{ filter:invert(0) brightness(100); }
html[data-mode="true"] [data-main="board"] .list_board .swiper-slide>a,
html[data-mode="true"] [data-main="board"] .tab_menu>li>button, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>a												{ background-color:var(--color-dark1); }
html[data-mode="true"] [data-main="board"] .tab_menu>li.active>button, 
html[data-mode="true"] [data-main="board"] .tab_menu>li.active>a, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>button:hover, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>a:hover, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>button:focus, 
html[data-mode="true"] [data-main="board"] .tab_menu>li>a:focus											{ background-color:var(--color-point); }
html[data-mode="true"] [data-main="board"] .tab_menu>li>a[target='_blank']::after						{ filter:invert(1); }
html[data-mode="true"] .search_right .search_wrap .searchForm .total_search								{ background-color:var(--color-dark); }
html[data-mode="true"] .governor_right .governor_text .text>li>a										{ overflow:hidden; }
html[data-mode="true"] [data-main="tour"] .link_list>li>a												{ background: var(--color-deep-green); }
html[data-mode="true"] [data-main="tour"] .link_list>li>a:hover, 
html[data-mode="true"] [data-main="tour"] .link_list>li>a:focus											{ background: var(--color-green); }
html[data-mode="true"] .all_wrap .con_inner																{ background-color:var(--color-dark2); }
html[data-mode="true"] .all_wrap .btn_area .refresh span												{ background-color:var(--color-dark); }
html[data-mode="true"] [data-main="quick"] .check_label::before 										{ background-color:var(--color-dark1); }
html[data-mode="true"] .governor_right .office_icon>li .icon::before									{ filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(93deg) brightness(109%) contrast(116%); }
html[data-mode="true"] [data-main="banner"]>ul>li>a:hover,
html[data-mode="true"] [data-main="banner"]>ul>li>a:focus												{ background:var(--color-dark2); }
html[data-mode="true"] [data-main="quick"] .all_wrap .list_all>li .check_label							{ filter:inherit; }
@media all and (max-width:1568px){
	html[data-mode="true"] [data-main="photo"] .photo_list .swiper_bottom, 
	html[data-mode="true"] [data-main="photo"] .link_list .icon, 
	html[data-mode="true"] [data-main="photo"] .photo_list .swiper-slide>a								{ background:var(--color-dark1); }
	html[data-mode="true"] [data-main="photo"] .photo_list .swiper-slide>a:hover .cont,	
	html[data-mode="true"] [data-main="photo"] .photo_list .swiper-slide>a:focus .cont					{ color:var(--color-green);}
	html[data-mode="true"] [data-main="photo"] .photo_list .swiper-slide>a::before						{ border-color:var(--color-green); }
}
@media all and (max-width:1168px){
	html[data-mode="true"] [data-main="photo"] .link_list>li>a,
	html[data-mode="true"] [data-main="photo"] .link_list .icon											{ background:var(--color-gray)/*var(--color-light-point1)*/}
}
@media all and (max-width:868px){
	html[data-mode="true"] .search_right .search_wrap .searchForm .voice_btn 							{ background:var(--color-nav-bg); }
	html[data-mode="true"] .voice_wrap .cont															{ background:var(--color-dark2); }
}	
@media all and (max-width:768px){
	html[data-mode="true"] [data-main="photo"] .link_list>li>a,
	html[data-mode="true"] [data-main="photo"] .link_list .icon											{ background:var(--color-dark1); }
}
@media all and (max-width:568px){
	html[data-mode="true"] [data-main="infozone"] .infozone::after										{ background:var(--color-dark2); }
}



html[data-mode="true"] .body_xxlg [data-main="photo"] .photo_list .swiper_bottom, 
html[data-mode="true"] .body_xxlg [data-main="photo"] .link_list .icon, 
html[data-mode="true"] .body_xxlg [data-main="photo"] .photo_list .swiper-slide>a								{ background:var(--color-dark1); }
html[data-mode="true"] .body_xxlg [data-main="photo"] .photo_list .swiper-slide>a:hover .cont,	
html[data-mode="true"] .body_xxlg [data-main="photo"] .photo_list .swiper-slide>a:focus .cont					{ color:var(--color-green);}
html[data-mode="true"] .body_xxlg [data-main="photo"] .photo_list .swiper-slide>a::before						{ border-color:var(--color-green); }

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

							서브
								 
***************************************************************/
html[data-mode="true"] .pagetitle_wrap .share_util>li .share_bt:before,
html[data-mode="true"] .pagetitle_wrap .share_util>li.print>button:before,
html[data-mode="true"] .pagetitle_wrap .share_util>li.braille>button:before,
html[data-mode="true"] .pagetitle_wrap .share_util>li.braille_down>button:before						{ filter:invert(1); }
html[data-mode="true"] .pagetitle_wrap .share_util>li.share .share_drop									{ background:var(--color-gray2); border-color:var(--color-line); }
html[data-mode="true"] .pagetitle_wrap .share_util > li.share .share_close								{ background:var(--color-dark); }


/* 왼쪽 메뉴 */
html[data-mode="true"] .lnb_wrap .lnb>li>ul>li>ul														{ background:var(--color-gray2); }
html[data-mode="true"] .lnb_wrap .lnb>li a[target="_blank"]::after										{ filter:invert(1); }
html[data-mode="true"] .pagetitle_wrap .page_util [data-location="home"] a::before						{ filter:invert(1); }

/* 스타일 가이드 */
html[data-mode="true"] table.basic_table thead th														{ border-color:var(--color-line); background:var(--color-nav-bg); }
html[data-mode="true"] table.basic_table tbody td														{ background:none; border-color:var(--color-line); }
html[data-mode="true"] table.basic_table tbody th														{ background:var(--color-gray2); }		
html[data-mode="true"] .area_diagram_type02 .list > li dd,
html[data-mode="true"] .area_diagram .list > li span													{ background-color:var(--color-dark); }
html[data-mode="true"] .area_diagram_type02 .list > li dd .small										{ background:var(--color-dark2); }
html[data-mode="true"] .area_diagram .list > li:before													{ background-image:url(/resource/common/images/common/icon_diagram_arr_dark.svg); }

html[data-mode="true"] .box_text_line																	{ border-color:var(--color-line); }
html[data-mode="true"] .icon_round_list>li .icon::after													{ background-color:var(--color-dark); }
html[data-mode="true"] .icon_round_list>li dl															{ background-color:var(--color-light-point1); }
html[data-mode="true"] .area_diagram_type03 .list>li::before											{ background-image:url(/resource/common/images/common/icon_diagram03_arr_dark.svg); }
html[data-mode="true"] .area_tab .list > li > a, 
html[data-mode="true"] .area_tab .list > li > button,
html[data-mode="true"] .area_snb .snb > li > a, 
html[data-mode="true"] .area_snb .snb > li > button,
html[data-mode="true"] .area_select .area_select_list .area_tsnb .tsnb>li,
html[data-mode="true"] .updown_list .updown_cont::after													{ background-color:var(--color-dark); }
html[data-mode="true"] .area_tab .list > li > a::after, 
html[data-mode="true"] .area_tab .list > li > button::after												{ border-color:var(--color-board-base1) }
html[data-mode="true"] .area_tab .list > li > a.active, 
html[data-mode="true"] .area_tab .list > li > button.active,
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_select .area_select_list .area_tsnb .tsnb>li.active, 
html[data-mode="true"] .area_select .area_select_list .area_tsnb .tsnb>li:hover,
html[data-mode="true"] .updown_list.active>button>span													{ background-color:var(--color-point); }
html[data-mode="true"] .basic_btn .white[target="_blank"] span:after, 
html[data-mode="true"] .basic_btn .gray[target="_blank"] span:after, 
html[data-mode="true"] .basic_btn .download.white span:after, 
html[data-mode="true"] .basic_btn .download.gray span:after,
html[data-mode="true"] .area_snb .snb > li > a[target="_blank"]::after,
html[data-mode="true"] #content .mob_info:before, 
html[data-mode="true"] #boardWrap .mob_info:before														{ filter:invert(1); }
html[data-mode="true"] .updown_list>button>span															{ background:var(--color-dark); }
html[data-mode="true"] .box_img_inner																	{ background:var(--color-nav-bg); }
html[data-mode="true"] .quick_link ul .quick_item														{ border-color:var(--color-line); }
html[data-mode="true"] .quick_link ul .quick_item .title												{ color:var(--color-white); }
html[data-mode="true"] .quick_link ul .quick_item:hover .title											{ color:var(--color-point); }
html[data-mode="true"] .quick_link ul .quick_item:hover													{ border-color:var(--color-point); }
html[data-mode="true"] [data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li span			{ background:var(--color-dark); }
html[data-mode="true"] [data-subarea="road"] .area_diagram_type02 .list > li dd > ol > li .flex.bg		{ background:var(--color-nav-bg); }
html[data-mode="true"] .area_select .select_wrap														{ background:var(--color-dark2); }
html[data-mode="true"] .area_select .select>li>a, 
html[data-mode="true"] .area_select .select>li>button													{ background:var(--color-dark); }
html[data-mode="true"] .area_select .select>li.active>a, 
html[data-mode="true"] .area_select .select>li.active>button											{ background:var(--color-point); }

/* 버튼 */
html[data-mode="true"] .basic_btn .gray																	{ background:var(--color-gray); }
html[data-mode="true"] .basic_btn .white																{ background-color:var(--color-dark1); border-color:var(--color-line); }
html[data-mode="true"] .basic_btn .download.white span:after											{ filter:invert(1); }
html[data-mode="true"] .basic_btn a:hover,
html[data-mode="true"] .basic_btn button:hover,
html[data-mode="true"] .basic_btn a:focus,
html[data-mode="true"] .basic_btn button:focus															{ box-shadow:0 5px 5px rgba(0,0,0,0.55);}


/* 공공누리 */
html[data-mode="true"] .open_license .license_txt a,
html[data-mode="true"] .box_foot_divz #satibox															{ border-color:var(--color-line); }
html[data-mode="true"] .box_foot_divz																	{ background:var(--color-gray1); }
html[data-mode="true"] .box_foot_divz #satibox ul > li .icon::before,
html[data-mode="true"] .box_foot_divz #satibox .mod dt .icon::before,
html[data-mode="true"] .box_foot_divz .sati_form>strong .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-base1); }


/* 조직도 */
html[data-mode="true"] .basic_org p a:before, 
html[data-mode="true"] .basic_org p strong:before,
html[data-mode="true"] .basic_org strong:before															{ background:var(--color-dark); }

/* 연혁 */
html[data-mode="true"] [data-subarea] .history>li::before												{ background-image:linear-gradient(var(--color-dark), var(--color-dark)), linear-gradient(180deg, #128fae 1%, #046383 100%); }

/* 순창둘러보기 */
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap											{ background:var(--color-gray); }
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap .list .icon								{ background:var(--color-gray3); }
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap .list .icon::before						{ filter:invert(1); }
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap .list>li.active>button, 
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap .list>li>button:hover, 
html[data-mode="true"] [data-subarea="exploring"] .cate_wrap .list>li>button:focus 						{ color: var(--color-point);}
html[data-mode="true"] [data-subarea="exploring"] .map_layer											{ background:var(--color-gray) }
html[data-mode="true"] [data-subarea="exploring"] .map_layer .info>li .icon::before						{ filter:invert(1); }


/* 심벌마크 */
html[data-mode="true"] [data-subarea="symbol"] .line_box 												{ background:var(--color-gray1); }

/* 군민헌장 */
html[data-mode="true"] [data-subarea="charter"] .box_text_tab_bg::after									{ background-color:var(--color-dark); }

/* 개인정보처리방침 */
html[data-mode="true"] [data-subarea="labeling"] .box_img												{ background:var(--color-board-base5); padding:1em; border-radius:15px; }




html[data-mode="true"] iframe																			{ background:var(--color-white); }

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

							bbs
								 
***************************************************************/
html[data-mode="true"]:root{
	--color-board-base:#ffffff;
	--color-board-base1:#dcdcdc;
	--color-board-base2:#333;
	--color-board-base3:#6a6d72;
	--color-board-base4:#565656;
	--color-board-base5:#646464;
	--color-board-line:#5c5c5c;
	--color-board-gray:#1c1c1c;
	--color-board-gray1:#2d2d2d;
	--color-board-gray2:#373737;
	--color-board-gray3:#494949;
	--color-board-gray4:#515151;
	--color-board-gray5:#595959;
	--color-board-deep-gray:#38393B;
	--color-board-white:#fff;
	--color-board-black-opcity05:rgba(0,0,0,.05);
	--color-board-black-opcity1:rgba(0,0,0,.1);
	--color-board-black-opcity2:rgba(0,0,0,.2);
	--color-board-black-opcity3:rgba(0,0,0,.3);
	--color-board-black-opcity5:rgba(0,0,0,.5);
	--color-board-black-opcity7:rgba(0,0,0,.7);
	--color-board-black-opcity74:rgba(0,0,0,.74);
	--color-board-black-opcity84:rgba(0,0,0,.84);
	--color-board-point:#2581d7;
	--color-board-point-hover:#2878d3;
	--color-board-light-point:#1d3355;
	--color-board-light-point1:#263f66;
	--color-board-red:#c5010a;
	--color-board-red1:#e93030;
	--color-board-black:#000;
}
html[data-mode="true"]  input[type=text]::placeholder, 
html[data-mode="true"]  input[type=number]::placeholder, 
html[data-mode="true"]  input[type=tel]::placeholder, 
html[data-mode="true"]  input[type=password]::placeholder,
html[data-mode="true"]  textarea::placeholder 															{ color:var(--color-base2) !important; }	
html[data-mode="true"] select																			{ background-image:url(/resource/common/images/bbs/icon_arr_w.svg); background-size:auto 5px; background-color:var(--color-dark); border-color:var(--color-line); color:var(--color-base1);}
html[data-mode="true"] .check_label,
html[data-mode="true"] .check_label1,
html[data-mode="true"] .radio_label
html[data-mode="true"] .icon-calendar, 																	
html[data-mode="true"] .paging a,
html[data-mode="true"] #boardWrap .write_list>li .icon-calendar											{ filter:invert(.5); }
html[data-mode="true"] .icon-calendar																	{ filter:invert(.5); }
html[data-mode="true"] .headList .SearchInfo .data_list>li+li::before									{ background:var(--color-base1) }
html[data-mode="true"] .radio_input:checked + .radio_label::before 										{ border-color:var(--color-board-point) !important; }
html[data-mode="true"] .paging a.this																	{ filter:inherit !important; background:var(--color-board-point)!important; border-color:var(--color-board-point)!important }
html[data-mode="true"] .paging a.this>strong															{ color:var(--color-white); filter:inherit !important; }
html[data-mode="true"] .file_label::before																{ background:var(--color-board-point); }
html[data-mode="true"] #boardWrap .btn.white															{ background:var(--color-dark); border-color:var(--color-board-gray4)}
html[data-mode="true"] #boardWrap .btn.white:hover, 
html[data-mode="true"] #boardWrap .btn.white:focus 														{ background:var(--color-board-point); }
html[data-mode="true"] .headList .SearchInfo input, 
html[data-mode="true"] .headList .SearchInfo select														{ background-color:var(--color-dark); border-color:var(--color-line); color:var(--color-base1); } 
html[data-mode="true"] .headList .SearchInfo button														{ background-color:var(--color-board-gray); border-color:var(--color-board-gray); color:var(--color-base1); }

html[data-mode="true"] .headList .SearchInfo select														{ background-image:url(/resource/common/images/bbs/icon_arr_w.svg); background-size:auto 5px }
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap								{ background:var(--color-board-base2); border-color:var(--color-board-gray3); }
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap strong						{ color:var(--color-base1); }
html[data-mode="true"] .headList .SearchInfo .search_list .listcount_wrap>ul>li>button					{ background:var(--color-board-base3); }
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-board-point); border-color:var(--color-board-point); }
html[data-mode="true"] #boardWrap .write_list															{ border-top-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .write_list>li input,
html[data-mode="true"] #boardWrap .write_list>li select, 
html[data-mode="true"] #boardWrap .write_list>li textarea,
html[data-mode="true"] .view_survey .survey_list .survey_answer textarea,
html[data-mode="true"] .btnArea .file_list>li .upload_name												{ background-color:var(--color-board-gray3); border-color:var(--color-board-line); color:var(--color-base1); }
html[data-mode="true"] .view_survey .survey_list>li														{ border-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .btn_add																{ background:var(--color-board-gray2); }
html[data-mode="true"] #boardWrap .btn.black															{ background:var(--color-board-black); border-color:var(--color-board-gray) }
html[data-mode="true"] #boardWrap .view_table															{ border-top-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .view_table .view_basics_list>li,
html[data-mode="true"] #boardWrap .view_table .view_con,
html[data-mode="true"] #boardWrap .view_table .file_box,
html[data-mode="true"] .calendarWrap .calendar table													{ border-top-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .view_table,
html[data-mode="true"] #boardWrap .write_list>li,
html[data-mode="true"] .list_group .bbs_table td,
html[data-mode="true"] #boardWrap .view_footer															{ border-bottom-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .view_table .info_list li+li:before									{ background:var(--color-board-gray3); }
html[data-mode="true"] .calendarWrap .sort_area .year_ctrl a											{ filter:invert(.5); }
html[data-mode="true"] .calendarWrap .calendar .num,
html[data-mode="true"] .calendarWrap .calendar .today span												{ color:var(--color-board-base1); }
html[data-mode="true"] #boardWrap .view_table .title .cate												{ border-color:var(--color-board-line); }
html[data-mode="true"] .gallery_list .line>li															{ border-color:var(--color-board-line); }
html[data-mode="true"]  #boardWrap .view_table .file_box .file_list>li .down::before					{ filter:invert(.8); }
html[data-mode="true"] .gallery_list .flex>li															{ border-color:var(--color-board-line); }
html[data-mode="true"] #boardWrap .view_footer															{ border-top-color:var(--color-board-line); }
html[data-mode="true"] .list_group .bbs_table tbody tr:hover td											{ background-color:var(--color-board-light-point1) }
html[data-mode="true"] .gallery_list .download_btn														{ border-color:var(--color-board-line); }	
html[data-mode="true"] .box_info_top.preliminary .list_icon>li>a .icon									{ background-color:var(--color-gray)}		

html[data-mode="true"] [data-subarea="department"] .department_search									{ background:var(--color-tab-bg); border-color:var(--color-line)}
html[data-mode="true"] [data-subarea="department"] .department_search select, 
html[data-mode="true"] [data-subarea="department"] .department_search input								{ border-color:var(--color-line)}
html[data-mode="true"] [data-subarea="department"] .department_search .form_group.search input			{ background:var(--color-dark); color:var(--color-base1) }


@media all and (max-width:1024px){
	html[data-mode="true"] #boardWrap .mtitle,
	html[data-mode="true"] #boardWrap .mtitle::after													{ color:var(--color-white); }
	html[data-mode="true"] .list_group .bbs_table tbody tr												{ border-color:var(--color-board-line); } 
}
/* 휴진안내 */
html[data-mode="true"] #boardWrap .calendar_wrap .calendar_box,
html[data-mode="true"] #boardWrap .calendar_wrap .choice_wrap .con_scroll								{ background:var(--color-dark1) }
html[data-mode="true"] #boardWrap .calendar_wrap .calendar_list ul.weekdays								{ background:var(--color-light-point); }

/* 통합검색 */
html[data-mode="true"] #AllSearch .popular_wrap .popular .popular_list>ul>li>button						{ background:var(--color-gray1); }
html[data-mode="true"] #AllSearch .topSearchBox,
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList h4 								{ background:var(--color-tab-bg); }
html[data-mode="true"] #AllSearch .allSearchCon .searchLeft .period_wrap .field>li input,
html[data-mode="true"] #AllSearch .allSearchCon .searchLeft .period_wrap .output_field input			{ background:var(--color-dark); border-color:var(--color-line); color:var(--color-base1) }
html[data-mode="true"] #AllSearch .topSearchBox .scBox input[type="text"],
html[data-mode="true"] #AllSearch .topSearchBox .btn_cate_select										{ background:var(--color-dark1) }
html[data-mode="true"] #AllSearch .topSearchBox .layer_search											{ background:var(--color-tab-bg); }
html[data-mode="true"] #AllSearch .topSearchBox .layer_search>ul>li>button								{ background:var(--color-gray3)}
html[data-mode="true"] #AllSearch .topSearchBox .layer_search>ul>li.active>button						{ background:var(--color-point); }
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 .searchCon .resultList .sc_imgList li, 
html[data-mode="true"] #AllSearch .allSearchCon .searchCon .resultList .sc_videoList li					{ border-color:var(--color-board-line); }
html[data-mode="true"] #AllSearch .popular_wrap .mob_searchLeft_open .icon::before						{ filter:invert(1); }
html[data-mode="true"] #AllSearch .topSearchBox .scBox input[type="text"]								{ color:var(--color-white); }
@media all and (max-width:1268px){
	html[data-mode="true"] #AllSearch .allSearchCon .searchLeft											{ background-color:var(--color-gray); }
	html[data-mode="true"] #AllSearch .allSearchCon .searchLeft.active									{ color:var(--color-white); }
	html[data-mode="true"] #AllSearch .allSearchCon .searchLeft .searchLeft_close::before				 { filter:invert(1); }
}