@charset "utf-8";
/* =====================================================================
   더봄한의원 PC 화면 다듬기 (2026-10-22)
   - 기존 css 는 건드리지 않고 이 파일이 마지막에 덮어쓴다. 문제가 생기면 header 의 <link> 한 줄만 빼면 원래대로.
   - 범위: GNB 드롭다운 · 게시판(목록/읽기) 가독성 · 왼쪽 메뉴 · 푸터
   ===================================================================== */

/* ---------- GNB 드롭다운: 흰 상자 + 그림자, 메뉴별 강조색 유지 ---------- */
#gnb .menu_list > li > ul.submenu{
	--acc:#e84855;
	position:absolute; top:34px; left:50%; margin-left:-80px;
	min-width:160px; padding:8px 0;
	background:#fff; border-top:3px solid var(--acc);
	border-radius:0 0 12px 12px;
	box-shadow:0 14px 32px rgba(20,24,32,.16), 0 2px 6px rgba(20,24,32,.06);
	z-index:300;
}
#gnb .menu_list > li > ul.list01{--acc:#6377f7;}
#gnb .menu_list > li > ul.list02{--acc:#2bbfdd;}
#gnb .menu_list > li > ul.list03{--acc:#4f9be7;}
#gnb .menu_list > li > ul.list04,
#gnb .menu_list > li > ul.list05,
#gnb .menu_list > li > ul.list06{--acc:#ff9c1b;}
#gnb .menu_list > li > ul.list07,
#gnb .menu_list > li > ul.list08,
#gnb .menu_list > li > ul.list09,
#gnb .menu_list > li > ul.list10,
#gnb .menu_list > li > ul.list11{--acc:#fe4e58;}

#gnb .menu_list li ul.submenu li{
	float:none !important; position:static !important; clear:none !important;
	margin:0 !important; background:transparent !important;
	border:0 !important; break-inside:avoid;
}
#gnb .menu_list li ul.submenu li a,
#gnb .menu_list li ul.submenu li a:link,
#gnb .menu_list li ul.submenu li a:visited{
	display:block !important; width:auto !important; height:auto !important;
	padding:9px 22px !important;
	font-size:14px; line-height:1.4; letter-spacing:-.2px; white-space:nowrap;
	color:#3a3d42 !important; background:transparent !important;
	transition:color .15s, background-color .15s;
}
#gnb .menu_list li ul.submenu li a:hover,
#gnb .menu_list li ul.submenu li a:focus{
	color:var(--acc) !important; background:#f6f7f9 !important;
}
/* 항목이 많은 메뉴(탈모유형 16개 등)는 2단 */
#gnb .menu_list > li > ul.submenu.hdg-cols2{
	width:340px; margin-left:-170px; column-count:2; column-gap:0;
}

/* ---------- 왼쪽 메뉴(LNB) ---------- */
#lnb li a{font-size:13px !important; letter-spacing:-.2px;}

/* ---------- 게시판 목록 ---------- */
#bbs #blist .pageno{font-size:14px;}
#bbs #blist .magazine li dl dd{font-size:14px; line-height:1.75; color:#55595f;}
#bbs #blist .magazine li dl dd:nth-of-type(1){font-size:17px; line-height:1.5; font-weight:700; color:#1f2226; letter-spacing:-.3px; margin-bottom:6px;}   /* 제목 */
#bbs #blist .magazine li dl dd .photoday{font-size:12px; font-weight:400; color:#9aa0a6; margin-bottom:4px;}
#bbs #blist .magazine li dl dd .photoday strong{font-weight:600; color:#7d8288;}
#bbs #blist .magazine li:hover dl dd:nth-of-type(1){color:#e84855;}
#bbs #blist table td{font-size:14px;}
#bbs #blist table th{font-size:13px;}
#bbs #blist table td a{color:#2b2e33;}
#bbs #blist table td a:hover{color:#e84855;}

/* ---------- 게시판 읽기 ---------- */
#bbs #bread .rtop dl dt{font-size:22px !important; line-height:1.45 !important; font-weight:700; letter-spacing:-.4px; color:#1f2226;}
#bbs #bread .rtop dl dd{font-size:13px !important; color:#8a8f96;}
/* 본문 잘림 수정: 원래 height:100% 가 quirks 모드에서 '화면 높이(약 900px)'로 계산돼 긴 글이 아래가 잘려 있었다 */
#bbs #bread .rcon{height:auto !important; font-size:15px; line-height:1.85; color:#33363b; word-break:keep-all; overflow-wrap:anywhere;}
#bbs #bread .rcon p{margin-bottom:.35em;}
#bbs #bread .rcon img{max-width:100%; height:auto;}
#bbs #bread .rcon a{color:#e84855; text-decoration:underline; text-underline-offset:2px;}


/* ---------- 메인: 온라인예약·온라인상담·언론보도 상자 (12px → 14.5px) ---------- */
.main_new_info02 .box01, .main_new_info02 .box02, .main_new_info02 .box03{height:auto !important; min-height:268px; box-sizing:content-box; border-color:#e1e3e6 !important; border-radius:10px; transition:box-shadow .2s, border-color .2s;}
.main_new_info02 .box01:hover, .main_new_info02 .box02:hover, .main_new_info02 .box03:hover{border-color:#cfd3d8 !important; box-shadow:0 8px 22px rgba(20,24,32,.07);}
.main_new_info02 .txt{padding-top:16px !important;}
.main_new_info02 .txt ul li{font-size:14.5px !important; line-height:32px !important; letter-spacing:-.2px; color:#33363b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_new_info02 .txt ul li a{color:#33363b;}
.main_new_info02 .txt ul li a:hover{color:#e84855;}
.main_new_info02 .txt ul li img{padding-right:8px !important; vertical-align:-3px !important;}
.main_new_info02:after{content:''; display:block; clear:both;}

/* ---------- 잡지형 목록(공지·보도자료·탈모매거진): 썸네일 비율 유지 + 글과 위쪽 맞춤 ---------- */
#bbs #blist .magazine li{float:none !important; height:auto !important; margin:0 !important; padding:22px 0; border-bottom:1px solid #eef0f2;}
#bbs #blist .magazine li dl{display:grid; grid-template-columns:200px 1fr; column-gap:26px; align-items:start; margin:0;}
#bbs #blist .magazine li dl dt{grid-row:1 / span 2; float:none !important; width:200px !important; height:auto !important;}
#bbs #blist .magazine li dl dt .photo{width:200px !important; height:150px !important; margin:0 !important; overflow:hidden; border-radius:8px; background:#f2f3f5; border:0 !important;}
#bbs #blist .magazine li dl dt .photo p{margin:0; width:100%; height:100%;}
#bbs #blist .magazine li dl dt .photo img{display:block; width:200px !important; height:150px !important; max-width:none; object-fit:cover; object-position:50% 20%; border:0 !important; transition:transform .35s ease;}
#bbs #blist .magazine li:hover dl dt .photo img{transform:scale(1.04);}
#bbs #blist .magazine li dl dd{float:none !important; width:auto !important; margin:0 !important;}
#bbs #blist .magazine li dl dd:nth-of-type(1){margin:0 0 8px !important;}
#bbs #blist .magazine li dl dd:nth-of-type(2){display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
#bbs #blist .magazine ul:after{content:''; display:block; clear:both;}

/* ---------- 2026-10-22 게시판 등록일·조회수 숨김 (원장님 요청: 게시판 갱신이 없어 날짜가 오래돼 보임) ---------- */
#bbs #blist .magazine li dl dd .photoday span{display:none !important;}
#bbs #bread .rtop dl dd{display:none !important;}
#bbs #bread .rtop dl{padding-bottom:14px;}
.hdg-secret-note{font-size:13px; color:#8a8f96;}

/* =====================================================================
   2026-10-22 (2) 상단 메뉴를 이미지 → 글자로, 사이트 전체 글꼴 Pretendard 통일
   ===================================================================== */
/* GNB 글자 메뉴: 이미지는 숨기고(gnb.js 가 계속 src 를 바꿔도 무방) 글자를 보여 준다 */
#gnb .menu_list{display:flex; flex-wrap:nowrap; white-space:nowrap;}
#gnb .menu_list > li{float:none !important; margin:0 26px 0 0 !important;}
#gnb .menu_list > li.last{margin-right:0 !important;}
#gnb .menu_list > li > a{display:inline-block !important; height:30px !important; line-height:20px; padding-top:2px; text-decoration:none;}
#gnb .menu_list > li > a > img{display:none !important;}
#gnb .menu_list > li > a > .hdg-gnb-t{
	--on:#fe4e58;
	font-size:15.5px; font-weight:600; letter-spacing:-.4px; color:#c9c9c9; transition:color .15s;
}
#gnb .menu_list > li:nth-child(1) > a > .hdg-gnb-t{--on:#6377f7;}
#gnb .menu_list > li:nth-child(2) > a > .hdg-gnb-t{--on:#2bbfdd;}
#gnb .menu_list > li:nth-child(3) > a > .hdg-gnb-t{--on:#4f9be7;}
#gnb .menu_list > li:nth-child(4) > a > .hdg-gnb-t,
#gnb .menu_list > li:nth-child(5) > a > .hdg-gnb-t,
#gnb .menu_list > li:nth-child(6) > a > .hdg-gnb-t{--on:#ff9c1b;}
#gnb .menu_list > li.hdg-on > a > .hdg-gnb-t,
#gnb .menu_list > li:hover > a > .hdg-gnb-t,
#gnb .menu_list > li > a:focus > .hdg-gnb-t{color:var(--on);}

/* 글꼴: 게시물 본문에 박혀 있는 나눔고딕·굴림 등 인라인 글꼴까지 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;
}