@charset "utf-8";
/*
 * 프로그래밍 단계에서 추가한 규칙만 모읍니다.
 * 퍼블리싱 CSS(reset·layout·doc·board·responsive)는 수정하지 않습니다.
 */

/* ------------------------------------------------------------------
 * 문의 답변 본문의 줄바꿈 복구
 *
 * board.css 의 `.board-list table tbody td p { display:inline-block; }` 은
 * 면회 예약내역에서 상태 글자와 취소 버튼을 한 줄에 놓으려고 넣은 규칙인데,
 * 진료협력·검진 온라인문의의 답변 본문도 같은 표 안에 있어서 함께 걸린다.
 * 관리자가 에디터로 쓴 답변의 문단이 전부 한 줄로 붙어 버린다.
 * 본문 영역에서만 원래대로 되돌린다.
 * ------------------------------------------------------------------ */
.board-list table tbody td .qna-body p { display: block; }
.board-list table tbody td .qna-body p:empty { min-height: 1.7em; }

/* ------------------------------------------------------------------
 * SNS 게시판(module/board/skin/sns) - 목록 카드 위 플랫폼 아이콘 배지 +
 * 관리자 전용 메인노출 체크박스
 * news 스킨(.news-list) 구조를 그대로 쓰되, 이 두 요소만 퍼블리싱에 없어서 추가한다.
 * ------------------------------------------------------------------ */
.news-list ul li .thumb .sns-platform-ico { position: absolute; top: auto; left: auto; right: 12px; bottom: 12px; width: 32px; height: 32px; border-radius: 50%; box-shadow: 0 1px 4px rgba(0,0,0,.25); object-fit: contain; }
.news-list ul li .sns-main-yn { margin-top: 12px; font-size: 14px; color: #767676; }
.news-list ul li .sns-main-yn label { margin-left: 6px; cursor: pointer; }

/* 메인 소식 영역 — 선택한 탭의 게시판으로 가는 바로가기 버튼 (sub/main.php). 전체 탭에서는 숨기되 탭 위치가 흔들리지 않게 자리는 남긴다 */
.sec2-tab li.more a { gap: 8px; background: #121212; border-color: #fff; color: #fff; }   /* 테두리를 흰색으로 — 탭(연한 회색 테두리)과 눈으로 보이는 크기를 맞춘다. 박스 높이는 탭과 같은 48px */
.sec2-tab li.more a::after { content: ""; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
.sec2-tab li.more a:hover { background: var(--color-primary); border-color: #fff; }
.sec2-tab li.more.is-off { visibility: hidden; }
@media (max-width: 900px) {
	.sec2-tab li.more.is-off { display: none; }
}

/* 채용공고 — 진행 상태 배지·접수기간 (module/board/board_recruit.inc.php). 목록·상세·관리자 목록 공통 */
.recruit-status { display: inline-block; min-width: 76px; padding: 4px 14px; border-radius: 16px; text-align: center; font-weight: 600; line-height: 1.5; }
.recruit-status.is-ing { background: var(--color-primary); color: #fff; }
.recruit-status.is-end { background: #E5E5E5; color: #666; }
.recruit-status.is-done { background: #121212; color: #fff; }
.board-view-info.recruit-view-info { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 16px; }
.board-view-info.recruit-view-info .recruit-status { font-size: 16px; }
.board-view-info.recruit-view-info .recruit-period strong { margin-right: 6px; }
.board-list-m .recruit-period { margin-left: 8px; }