@charset "utf-8";
/* ============================================================
   MarkHub 사용자단 입체감(depth) 오버라이드
   - 평면적인 레거시 board.css 위에 로드, markhub_main.css 토큰(--mh-*) 재사용
   - board.css 원본을 건드리지 않고 검색바/셀렉트/페이징/버튼/폼에
     그림자·라운드·hover·focus-ring 부여 (토스풍 입체감)
   ============================================================ */

/* ── 검색바 컨테이너 ───────────────────────────── */
.program_search_box01 {
	background: #fff !important;
	border: 1px solid var(--mh-line-2, #E5E8EB) !important;
	border-radius: 12px !important;
	box-shadow: var(--mh-shadow-sm) !important;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.program_search_box01:focus-within {
	border-color: var(--mh-primary, #3182F6) !important;
	box-shadow: 0 0 0 3px var(--mh-primary-l, #E8F3FF) !important;
}

/* ── 셀렉트 박스 ───────────────────────────────── */
.program_select01,
.program_search_box01 select,
.search select {
	border-radius: 10px !important;
	box-shadow: var(--mh-shadow-sm);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.program_select01:focus,
.program_search_box01 select:focus,
.search select:focus {
	border-color: var(--mh-primary, #3182F6) !important;
	outline: 0;
}

/* ── 페이징 숫자 ───────────────────────────────── */
.prd_page_nav_num {
	border-radius: 10px !important;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease, transform .12s ease;
}
.prd_page_nav_num:hover {
	background: var(--mh-primary-l, #E8F3FF) !important;
	color: var(--mh-primary, #3182F6) !important;
}
.prd_page_nav_num.active {
	box-shadow: 0 4px 10px -2px rgba(49, 130, 246, .45) !important;
}

/* ── 주요 버튼 (글쓰기/제출/로그인 등) ──────────── */
a.login_chk_btn01,
.login_chk_btn01 {
	border-radius: 12px !important;
	box-shadow: 0 4px 6px -4px rgba(49, 130, 246, .45), 0 8px 16px -6px rgba(49, 130, 246, .28) !important;
	transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important;
}
a.login_chk_btn01:hover,
.login_chk_btn01:hover { transform: translateY(-2px) !important; }
a.login_chk_btn01:active,
.login_chk_btn01:active { transform: translateY(0) !important; }

/* 모달 내부 버튼은 떠오름 과하지 않게 (평면 유지) */
.alert-modal-buttons .login_chk_btn01,
.alert-modal-buttons a.login_chk_btn01 {
	box-shadow: none !important;
	transform: none !important;
}

/* ── 레거시 버튼 .btns ─────────────────────────── */
.btns {
	border-radius: 10px !important;
	transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.btns_blue { box-shadow: 0 4px 8px -4px rgba(49, 130, 246, .4) !important; }
.btns:hover { transform: translateY(-1px) !important; }

/* ── 폼 입력 포커스 링 (신청/상담/회원/검색) ────── */
.writeForm input[type=text],
.writeForm input[type=password],
.writeForm input[type=tel],
.writeForm textarea,
input.login_txt,
.program_search_box01 input[type=text] {
	transition: border-color .15s ease, box-shadow .15s ease;
}
.writeForm input[type=text]:focus,
.writeForm input[type=password]:focus,
.writeForm input[type=tel]:focus,
.writeForm textarea:focus,
input.login_txt:focus {
	border-color: var(--mh-primary, #3182F6) !important;
	box-shadow: 0 0 0 3px var(--mh-primary-l, #E8F3FF) !important;
	outline: 0;
}

/* ── 서브페이지 footer 컨테이너 정렬 보정 ──────────
   메인 .mh-container는 #mh-main 스코프(markhub_main.css:56)라
   #mh-main 밖에서 렌더되는 게시판/상담/로그인 footer는 전폭으로 분산됨.
   footer 내부 컨테이너만 중앙정렬 복원. */
#mh-footer .mh-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}