/* 다크모드 전체 배경 및 글자색 */
body.dark-mode { background-color: #121212; color: #e0e0e0; }
.dark-mode a { color: #8c8d90; }
.dark-mode .wrapper, .dark-mode .content, .dark-mode .board, .dark-mode .tbl_head01, .dark-mode .tbl_head01 th, .dark-mode .tbl_head01 td { background-color: #1e1e1e; border-color: #333; color: #ccc; }

/* 버튼, 입력박스 등 */
.dark-mode #bo_w .gw_form_control { border-bottom-color: rgba(255, 255, 255, 0.2); }
.dark-mode input, .dark-mode textarea, .dark-mode select, .dark-mode button { background-color: #2a2a2a; color: #e0e0e0; border: 1px solid #444 !important; }

/* head */
.dark-mode .burger span, .dark-mode .burger span::before, .dark-mode .burger span::after { background-color: #fff; }
.dark-mode .burger.clicked span { background-color: transparent; }
.dark-mode nav.allmenu { background: #222; }

.dark-mode #accordian ul ul li a { color: rgba(255, 255, 255, 0.7); }
.dark-mode .sns_list { border-top: 1px solid rgba(255, 255, 255, 0.2); }

/* main */
.dark-mode .main_con01_inr .swiper-pagination-bullet { background: #fff; }
.dark-mode .main_con01_inr .swiper-pagination-bullet-active { background: #fff; }

/* sub */
.dark-mode .sidebar_inr { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.dark-mode .sidebar_inr li { border: 1px solid rgba(255, 255, 255, 0.2); border-bottom: none; border-left: none; }
.dark-mode .sidebar_inr li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.2); }
.dark-mode .sidebar_inr li.active:after { background: #121212; }

.dark-mode .btn_bo_user > li { background-color: #2a2a2a; border: 1px solid #444; color: #aaa; }
.dark-mode .btn_bo_user > li button { background-color: transparent; color: #aaa; border: none !important; }
.dark-mode .btn_bo_user > li a, .dark-mode .btn_bo_user > li button { color: #aaa !important; }
.dark-mode .btn_bo_user > li a.btn_admin { color: #d13f4a !important; }

.dark-mode .more_opt li button, .dark-mode .more_opt li a, .dark-mode .more_sns li a { color: #6b757c !important; }

.dark-mode .btn_submit { background: #4d8f3c; border: none !important; }

.dark-mode .joyfulchurch_top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.dark-mode #bo_v_link li a strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    background: #222222;
    padding: 5px;
	border-radius: 5px;
}