/* ===== 다크모드 토글 버튼 ===== */
.mhj-dark-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: transparent;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	transition: background 0.2s;
	vertical-align: middle;
}
.mhj-dark-toggle:hover { background: rgba(128,128,128,0.2); }
.mhj-dark-toggle svg { display: block; }
li.mhj-darkmode-li { list-style: none; }
.side > ul > li.mhj-darkmode-li { position:absolute; top:-5px; left:-50px; }

/* 다크모드일 때 아이콘 색상 */
body.mhj-dark .mhj-dark-toggle svg { stroke: #f0f0f0; }
body.mhj-dark .search-wrapper .input-holder .search-icon span::before { background: #f0f0f0; }
body.mhj-dark .search-wrapper .input-holder .search-icon span::after { border: 4px solid #f0f0f0; }
body.mhj-dark .search-wrapper .close::before, .search-wrapper .close::after { background: #f0f0f0; }
	
/* ===== 다크모드 스타일 ===== */
body.mhj-dark  {
	background-color: #444 !important;
	color: #fff !important;
}
body.mhj-dark #page { background-color: #444 !important; }
body.mhj-dark .gtco-nav { background-color: #444 !important; }
body.mhj-dark .gtco-nav.scrolled { background-color: #444 !important; }
body.mhj-dark .gtco-nav ul li a,
body.mhj-dark .gtco-nav #gtco-logo a,
body.mhj-dark .gtco-nav #gtco-logo em { color: #fff !important; }
body.mhj-dark .gnb > ul .depth2,
body.mhj-dark .gnb > ul .depth3 { background-color: #000 !important; }
body.mhj-dark .gnb > ul .depth2 a,
body.mhj-dark .gnb > ul .depth3 a { color: #fff !important; }
body.mhj-dark .content_area { background-color: #444 !important; color: #fff !important; }
body.mhj-dark section { background-color: #444 !important; }
body.mhj-dark #gtco-footer { background-color: #444 !important; }
body.mhj-dark #gtco-footer .copyright .block,
body.mhj-dark #gtco-footer .copyright .etc { color: #fff !important; }
body.mhj-dark h1, body.mhj-dark h2, body.mhj-dark h3,
body.mhj-dark h4, body.mhj-dark h5, body.mhj-dark h6 { color: #fff !important; }
body.mhj-dark a { color: #fff !important; }
body.mhj-dark a:hover { color: #fff !important; }
body.mhj-dark .gtco-practice-area-item { background-color: #444 !important; border-color: #fff !important; }
body.mhj-dark input, body.mhj-dark textarea, body.mhj-dark select {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}
body.mhj-dark .ly { background-color: #444 !important; }
body.mhj-dark .ly a { color: #fff !important; }
body.mhj-dark #gtco-fwidgets { background-color: #444 !important; }
body.mhj-dark .visual { background-color: #444 !important; }
body.mhj-dark .card { background-color: #444 !important; border-color: #fff !important; }
body.mhj-dark table { color: #fff !important; }
body.mhj-dark th, body.mhj-dark td { border-color: #fff !important; }
body.mhj-dark .xe_content { color: #fff !important; }
body.mhj-dark .board_list { background: #444 !important; }
body.mhj-dark .board_list tr:hover td { background: #444 !important; }

/* ===== 흰색/회색 배경 → #444 ===== */

/* 일반 흰색/밝은 배경 요소 */
body.mhj-dark div,
body.mhj-dark li,
body.mhj-dark ul,
body.mhj-dark span,
body.mhj-dark p { background-color: transparent !important; }

/* 버튼 */
body.mhj-dark button,
body.mhj-dark .btn,
body.mhj-dark input[type="button"],
body.mhj-dark input[type="submit"],
body.mhj-dark input[type="reset"] {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}

/* 페이지네이션 */
body.mhj-dark .pagination li a,
body.mhj-dark .pagination li span,
body.mhj-dark .paginate a,
body.mhj-dark .paginate span,
body.mhj-dark .bd_page a,
body.mhj-dark .bd_page span {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}
body.mhj-dark .pagination .active a,
body.mhj-dark .pagination .active span,
body.mhj-dark .paginate .on,
body.mhj-dark .bd_page .on {
	background-color: #444 !important;
	color: #fff !important;
}

/* 탭 */
body.mhj-dark .tab_menu li,
body.mhj-dark .tab_menu li a,
body.mhj-dark .nav-tabs li a,
body.mhj-dark .nav-tabs > li > a {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}
body.mhj-dark .tab_menu li.on,
body.mhj-dark .tab_menu li.on a,
body.mhj-dark .nav-tabs > li.active > a {
	background-color: #444 !important;
	color: #fff !important;
}

/* 게시판 카테고리 배지/뱃지 */
body.mhj-dark .category,
body.mhj-dark .cate,
body.mhj-dark .badge,
body.mhj-dark .label {
	background-color: #444 !important;
	color: #fff !important;
}

/* 위젯 박스, 패널 */
body.mhj-dark .widget_wrap,
body.mhj-dark .widget_content,
body.mhj-dark .panel,
body.mhj-dark .panel-default,
body.mhj-dark .panel-body,
body.mhj-dark .panel-heading,
body.mhj-dark .box,
body.mhj-dark .block {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}

/* 슬라이드/캐러셀 배경 */
body.mhj-dark .owl-carousel,
body.mhj-dark .swiper-wrapper,
body.mhj-dark .swiper-slide {
	background-color: #444 !important;
}

/* 섹션 흰 배경 */
body.mhj-dark #gtco-about,
body.mhj-dark #gtco-practice-areas,
body.mhj-dark #gtco-our-team,
body.mhj-dark #gtco-contact {
	background-color: #444 !important;
}

/* 테이블 헤더/행 */
body.mhj-dark thead,
body.mhj-dark thead th,
body.mhj-dark .board_list thead td {
	background-color: #444 !important;
	color: #fff !important;
}
body.mhj-dark tbody tr { background-color: #444 !important; }
body.mhj-dark tbody tr:nth-child(even) { background-color: #444 !important; }

/* 검색창 */
body.mhj-dark .search-wrapper .input-holder {
	background-color: #444 !important;
}

/* 사이드바/위젯 영역 */
body.mhj-dark .sidebar,
body.mhj-dark .side_wrap,
body.mhj-dark .widget_area {
	background-color: #444 !important;
}

/* 댓글 영역 */
body.mhj-dark .comment_wrap,
body.mhj-dark .comment_list,
body.mhj-dark .comment_item {
	background-color: #444 !important;
	border-color: #fff !important;
}

/* 입력폼 배경 */
body.mhj-dark input[type="text"],
body.mhj-dark input[type="password"],
body.mhj-dark input[type="email"],
body.mhj-dark textarea,
body.mhj-dark select {
	background-color: #444 !important;
	color: #fff !important;
	border-color: #fff !important;
}

/* ===== 햄버거 메뉴 삼선 - 다크모드 흰색 ===== */
body.mhj-dark .gtco-nav .hamburger.is-closed .hamb-top,
body.mhj-dark .gtco-nav .hamburger.is-closed .hamb-middle,
body.mhj-dark .gtco-nav .hamburger.is-closed .hamb-bottom,
body.mhj-dark .hamburger.is-closed .hamb-top,
body.mhj-dark .hamburger.is-closed .hamb-middle,
body.mhj-dark .hamburger.is-closed .hamb-bottom { background-color: #fff !important; }
 
/* ===== 햄버거 메뉴 X버튼 - 다크모드 흰색 ===== */
body.mhj-dark .hamburger.is-open .hamb-top,
body.mhj-dark .hamburger.is-open .hamb-middle,
body.mhj-dark .hamburger.is-open .hamb-bottom { background-color: #fff !important; }

/* ===== 사이드메뉴 내부 닫기(X) 버튼 ===== */
body.mhj-dark .smenu-close-btn .hamb-top,
body.mhj-dark .smenu-close-btn .hamb-bottom { background-color: #fff !important; }