:root,
:root.dark { 
--bg-color: #000;
  --bg-color2: #323232;
  --bg-color3: #fff;
  --bg-color4: rgba(0,0,0,0.6);
  --bg-color5: #444;
  --text-color: #fff;
  --text-color2: #bd5c00;
  --border-color: #bd5c00;
  --border-color2: #232323;
  --gradient-color: linear-gradient(to right,black 0%,rgba(0,0,0,0) 100%);
}
:root.light {
--bg-color: #fff;
  --bg-color2: #bd5c00;
  --bg-color3: #000;
  --bg-color4: rgba(255,255,255,0.6);
  --bg-color5: #ccc;
  --text-color: #000;
  --text-color2: #bd5c00;
  --border-color: #fff;
  --border-color2: #232323;
  --gradient-color: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 70%);}



/*횄�횈�쇒꺿�졗™궗�▣꺠뮼™궗혻횄짖창�슿�™�왖▣꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰맡꺠뮼녳�쇒꺿�졗™궗�▣꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™궗큄횂짭횄�┚궰≥꺠뮼™궗큄횄�싀궰�꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰씳꺠뮼녳�쇒꺿�졗™궗�▣꺠뮼™궗혻횄짖창�슿�™�왖▣꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰ッ꺠뮼녳�쇒꺿�졗™궗�▣꺠뮼궰▣꺜▣™궗큄횂짭횄�싀궰┚꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰씹꺠뮼녳�쇒꺿�졗™궗�▣꺠뮼™궗큄횄�싀궰▣꺠뮼녳�쇒꺿�싀궰▣꺠뮼궰▣꺜▣™�슿�끒≥꺿�싀궰�꺠뮼™궗짝횄�싀궰씹꺠뮼녳�쇒꺜▣™�슿�끒≥꺠뮼™궗큄횄�싀궰�*/

.theme{background-color:var(--bg-color3); }

.dark .theme{background-image:url(/images/black/theme.png); }
.dark .sch_btn{background-image:url(/images/black/search.png); }

.dark .icon_share{background-image:url(/images/black/share.png); }
.dark .icon_comm{background-image:url(/images/black/talk.png); }
.dark .icon_heart{background-image:url(/images/black/heart.png); }
.dark .today p a,.dark .v_info .time{color:#bebebe;}

.dark .quick_menu li p a{color:#bebebe;}
 
.dark .nav_btn a{border:2px solid #bd5c00;color:#fff;}
.dark .nav_btn a:hover{background-color:#bd5c00;}
.dark .mem_btn,.dark .mem_btn a{color:#bebebe;}

.dark .adm_wrap{border-color:#444!important;}
.dark .adm_tit a{color: #fff;}

.dark .keyword_wrap{border-color:#444 !important;}
.dark .keyword_wrap>div, .dark .tab_box>div,.dark .tab_box>div span{border-color:#444 !important;}
 
.dark .key_set div a{color: #fff;border: 1px solid #fff;}
.dark .key_set div a button{color: #fff;}

.dark .key_list li a{color: #fff;}

.dark .key_list li .r_num{color: #fff;}
.dark .key_list li .updown{color: #9d9d9d;}
.dark .bb-legend-item{fill:#fff;}

.dark .admin .nice-select{color: #696969;border: 1px solid #cacaca;}
.dark .admin .nice-select .current,.nice-select li{color: #fff;}
.dark .admin .nice-select::after{border-color: #fff!important;}

.dark .keyword_cont>div{border-color:#444 !important;}
.dark .cont_2{border-color:#444 !important;}
.dark .cont_list{border-color:#444 !important;}
.dark .cont_list li{border-color:#444 !important;}
.dark .cont_list div span{background-color:#f3f3f3; color:#000; font-weight:400}
.dark .cont_list div{color: #a7a7a7;}
.dark .update_time{color:#a7a7a7}
.dark .paging a{color:#a7a7a7}
.dark .cont_list li p{color: #a7a7a7;}

.dark .more{background-color:#e6e6e6; color:#000;}



.light .theme{background-image:url(/images/white/theme.png); }
.light .sch_btn{background-image:url(/images/white/search.png); }

.light .icon_share{background-image:url(/images/white/share.png); }
.light .icon_comm{background-image:url(/images/white/talk.png); }
.light .icon_heart{background-image:url(/images/white/heart.png); }
.light .today p a,.light .v_info .time{color: #3b3b3b;}
.light .quick_menu li p a{color:#444;}

.light .nav_btn a{border:2px solid #fff;color: #fff;}
.light .nav_btn a:hover{background-color:#fff; color:#000}
.light .mem_btn,.light .mem_btn a{color:#000;}
 
.light .adm_wrap{border-color:#f1f1f1!important;}
.light .keyword_cont>div{border-color:#f1f1f1!important;}
.light .adm_tit a{color:#696969}

.light .key_set div a{color: #696969;border: 1px solid #cacaca;}
.light .key_set div a button{color: #cacaca;}

.light .key_list li a{color:#696969}

.light .key_list li .r_num{color:#696969;}
.light .key_list li .updown{color:#9b9b9b;}
 

.light .admin .nice-select{color: #696969;border: 1px solid #cacaca;}
.light .admin .nice-select .current,.nice-select li{color: #696969;}
.light .admin .nice-select::after{border-color:#696969 !important;}

.light .cont_2{border-right:1px solid #f1f1f1;border-left:1px solid #f1f1f1}

.light .cont_list li{border-bottom:1px solid #f1f1f1}
.light .cont_list div span{background-color:#f3f3f3; color:#000; font-weight:400}
.light .cont_list div{color:#696969}
.light .update_time{color:#696969}
.light .paging a{color:#696969}
.light .cont_list li p{color:#696969;}

.light .more{background-color:#e6e6e6; color:#000;}
 
 
 
body{background-color: var(--bg-color);}
.header.fix{background-color: var(--bg-color);}
.header .sch_form{background-color: var(--bg-color);}
.header .sch_form>div{border-bottom: 1px solid var(--bg-color3);}

.theme{background-repeat:no-repeat;}
.theme>span{background-color:var(--bg-color);}

.sch_btn{background-repeat:no-repeat; background-position:50%;}
.sch_close{color: var(--text-color);}
.menu_btn span{background-color:var(--bg-color3);}

.nav_bar{background-color:var(--bg-color2);}
.nav_bar li a{}


.header .nav li a{color:var(--text-color); }


.visual .today_wrap::after{background: var(--gradient-color);}

.today_wrap .today em,.today_wrap .today h3 a{color:var(--text-color) }
.v_info .writer span a{color:var(--text-color)}
.le_btn h5{color:var(--text-color);}
.le_btn span{color:var(--text-color);}

.news_tit a,.news_tit{color:var(--text-color) }
.ch_tit{color:var(--text-color) }
.news_btn span{color:var(--text-color)}
.news_slide p a{color:var(--text-color)}

.news_slide li:hover>a::after{background-color:var(--bg-color4)}
/*.news_slide p a{background-image: linear-gradient(180deg,transparent 0,var(--bg-color) 0%);}*/
.social_box{background-color: var(--bg-color3);}
.social_box span{color:var(--bg-color);}
.social_box a{border: 1px solid var(--bg-color);}
.icon_share,.icon_comm{background-repeat:no-repeat; background-position:50%;}



.text_black:hover::after{background-color:rgba(255,255,255,0.6) !important;}
.news_slide .text_black p a{color:#000 !important}
.news_slide .text_black p a{background-image: linear-gradient(180deg,transparent 0,#fff 0%);}

.text_white:hover::after{background-color:rgba(0,0,0,0.6) !important}
.news_slide .text_white p a{color:#fff !important}
.news_slide .text_white p a{background-image: linear-gradient(180deg,transparent 0,#000 0%);}


.le_btn::after{background-color:var(--bg-color4);}

.tab_box>div span{color:var(--text-color)}
.keyword_tit h3,.keyword_tit p{color:var(--text-color)}
.keyword_tit_view h3,.keyword_tit_view p{color:var(--text-color)}

.keyword_list>a,.keyword_list p{color:var(--text-color2) }
.keyword_list_view>a,.keyword_list_view p{color:var(--text-color2) }
.bb-axis-y text, .bb-axis-y2 text {
  fill: var(--text-color);
  }
.bb-axis-x text, .bb-axis-x2 text {
  fill: var(--text-color);
  }

  
.main_text h5{color:var(--text-color);line-height: 1.3em;word-break: keep-all;}

.f_menu a{color:var(--text-color);}

.search_form .comm_sch{color: var(--bg-color);}
.search_form .sub_sch{color: var(--bg-color3);}

.nice-select{border:1px solid var(--bg-color);}
.nice-select:after {border-bottom: 1px solid var(--text-color);border-right: 1px solid var(--text-color);}
.nice-select .current{display:inline-block;color:var(--text-color)}

.nice-select .list {
  border: 1px solid var(--text-color);
 }
.nice-select .option{color:#000; font-weight:600;}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  color: var(--text-color2);
  font-weight:bold;
}	
.sch_form .sch_input{color:var(--text-color)}
.search_form .del{color:var(--text-color)}

.search_form .sch_sel{border-left:1px solid var(--border-color2)}


.ch_list li h5 a{background-color:var(--bg-color); color:var(--text-color)}
.ch_list li .add{background-color:var(--bg-color4); color:var(--text-color)}
.ch_list li .ch_img::after{background:var( --bg-color4);}

.quick_menu{background-color:var(--bg-color4)}
.quick_menu li{background-color:var(--bg-color)}
.quick_menu li:hover a{color:var(--text-color)}

.text, .text span,.text p{color:var(--text-color)}
.text2{color:var(--text-color)}

.comments h5{color:var(--text-color)}
.comments h5 i{color:var(--text-color)}
.comments textarea,.comments input{color:var(--text-color)}
.comments>p em{color:var(--text-color)}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {color:var(--text-color);}
.comm_form button{color:var(--text-color)}
.comments textarea,.comments input{background-color:var(--bg-color5);}
.comments>p{color:var(--text-color3)}
#bo_vc .cmt_contents {background:var(--bg-color5);}
#bo_vc .cmt_contents p{color:var(--text-color);}


.sub_tit{color:var(--text-color)}

.sch_text{color:var(--text-color)}

#fregister section{border:1px solid var(--bg-color5)}
#fregister h2{color:var(--text-color); border-bottom:1px solid var(--bg-color5)}
#fregister textarea{color:var(--text-color); background-color: var(--bg-color5);}

.basic_form textarea::-webkit-input-placeholder{color:var(--text-color)}
.basic_form input::-webkit-input-placeholder{color:var(--text-color)}
.basic_form li input{color:var(--text-color)}
.basic_form li textarea{color:var(--text-color)}

.basic_form li input{background-color:var(--bg-color5) }
.basic_form li textarea{background-color:var(--bg-color5); }
.basic_form li .nice-select{background-color:var(--bg-color5); }
.basic_form li .nice-select ul{background-color:var(--bg-color5); }
.basic_form li .nice-select span,.basic_form li .nice-select li{color:var(--text-color)}
.chk_box  input[type="checkbox"] + label span i{color:var(--bg-color);}
.chk_box  label {color: var(--bg-color3);}
.chk_box  input[type="checkbox"]:checked + label span{background-color:var(--text-color);}

.adm_tit{color:var(--text-color);}
.key_list li em{color:var(--text-color);}
.cont_list li h5 a{color:var(--text-color);}


.layer_box{background-color:var(--bg-color3);}
.layer_box p{color:var(--bg-color);}
.layer_box >div{color:var(--bg-color);}
.layer_box >div h5{color:var(--bg-color);}

.btn3{color:var(--bg-color);background-color:var(--text-color);}

.profile,.profile_name p a{color:var(--text-color)}
@media (min-width:1400px) {

  .theme{background-size: 14px auto;}
  .dark .theme{background-position:20% 50%; }
  .dark .theme>span{left:34px;}
  
  .light .theme{background-position: 80% 50%;}
  .light .theme>span{left:5px;}
}


@media (min-width:1200px) and (max-width: 1399px){
  .theme{background-size: 1.4vw auto;}
  .dark .theme{background-position:20% 50%; }
  .dark .theme>span{left: 2.5vw;}
  
  .light .theme{background-position: 80% 50%;}
  .light .theme>span{left:0.25vw;}  
}
@media (max-width:1399px){

}

@media (min-width:750px){
 

}
@media (min-width: 750px) and (max-width: 1199px){

    .theme{background-size: 1.9vw auto;}
  .dark .theme{background-position: 20% 50%;}
  .dark .theme>span{left: 4.9vw;}
  
  .light .theme{background-position: 80% 50%;}
  .light .theme>span{left: 1vw;}  

 
}

@media (max-width:749px){
	:root.dark {
	 --gradient-color: linear-gradient(0,black 0%,rgba(0,0,0,0) 100%);
	}
	:root.light {
	--gradient-color: linear-gradient(0,#fff 1%,rgba(255,255,255,0) 100%) !important;
	}
	
    .theme{background-size: 3.4vw auto;}
  .dark .theme{background-position:20% 50%; }
  .dark .theme>span{left: 8vw;}
  
  .light .theme{background-position: 80% 50%;}
  .light .theme>span{left: 1vw;}  


}