@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");
/* =====================================================================
   더봄한의원 모바일 화면 다듬기 (2026-10-22)
   - 기존 css 는 그대로 두고 이 파일이 마지막에 덮어쓴다. 문제 시 headHtml.php 의 <link> 한 줄만 빼면 원래대로.
   ===================================================================== */

/* ---------- 게시물 읽기 ---------- */
/* content.css 의 전역 규칙 'p span{color:#ff4e57}' 때문에 게시물 본문 전체가 빨갛게 보이던 것 — 본문 안에서만 해제 */
#bbs #bread .rcon p span{color:inherit;}
#bbs #bread .rtop dl dt{font-size:19px !important; line-height:1.45 !important; letter-spacing:-.4px; color:#1f2226;}
#bbs #bread .rtop dl dd{font-size:13px !important; color:#8a8f96;}
#bbs #bread .rcon{font-size:16px; line-height:1.8; color:#33363b; word-break:keep-all; overflow-wrap:anywhere;}
#bbs #bread .rcon img{max-width:100% !important; height:auto !important;}
#bbs #bread .rcon a{color:#e84855; text-decoration:underline; text-underline-offset:2px;}

/* ---------- 게시물 목록 ---------- */
#bbs #blist .nli .nlicon p.title,
#bbs #blist .nli .nlicon p.title strong{font-size:16px !important; line-height:1.45 !important; color:#1f2226;}
#bbs #blist .nli .nlicon p{font-size:14px !important; line-height:1.6 !important; color:#4a4d52;}
#bbs #blist table td{font-size:14px;}

/* ---------- 목록 썸네일: 원본 비율대로 들쭉날쭉하던 것 → 4:3 칸에 비율 유지해 채움, 글과 위쪽 맞춤 ---------- */
#bbs #blist .nli li a{display:flex !important; align-items:flex-start; gap:12px;}
#bbs #blist .nli li a > span.photo{float:none !important; flex:0 0 100px; width:100px !important; height:75px !important; margin:0 !important; border:0 !important; border-radius:6px; overflow:hidden; background:#f2f3f5;}
#bbs #blist .nli li a > span.photo p{display:block !important; width:100px; height:75px; margin:0; padding:0;}
#bbs #blist .nli li a > span.photo img{display:block; width:100px !important; height:75px !important; max-width:none !important; object-fit:cover; object-position:50% 20%;}
#bbs #blist .nli li a > .nlicon{float:none !important; flex:1 1 auto; width:auto !important; min-width:0; margin:0 !important;}
#bbs #blist .nli li a > .nlicon p:not(.title){display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}

/* ---------- 2026-10-22 게시판 등록일·조회수 숨김 ---------- */
#bbs #blist .nli .nlicon > span{display:none !important;}
#bbs #bread .rtop dl dd{display:none !important;}
#bbs #blist table td.date, #bbs #blist table td.hit, #bbs #blist table td.count{display:none !important;}
.hdg-secret-note{font-size:13px; color:#8a8f96;}

/* ---------- 2026-10-22 (2) 글꼴 Pretendard 통일 (기존 나눔고딕) — 영상 플레이어 아이콘 글꼴 제외 ---------- */
body, body *:not([class*="vjs"]):not(.vjs-icon-placeholder){
	font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}