@charset "utf-8";
/* ============================================================
   커뮤니티 게시판 상단 배너 (2026-09-28)
   bbs/board_head.php 가 상단 내용의 글자 들어간 배너 이미지를 .wd-bhero 마크업으로 바꿔 출력하고 이 파일을 불러온다.
   일반진료 상단(.ii-hero, /css/wd_imp_info.css)과 같은 크기 규칙
   ============================================================ */
.wd-bhero{display:flex;flex-direction:column;justify-content:center;min-height:clamp(200px,24.5vw,470px);padding:40px 20px 60px;background:#6f8f9c url(/img/sub/top_bg.jpg) no-repeat center / cover;font-family:"Noto Sans KR",sans-serif;letter-spacing:-.03em;text-align:center;word-break:keep-all;box-sizing:border-box;}
.wd-bhero p{margin:0;padding:0;color:#fff;}
.wd-bhero .wd-bhero__eng{font-size:clamp(10px,1.04vw,20px);font-weight:300;letter-spacing:.45em;}
.wd-bhero .wd-bhero__title{margin-top:.3em;font-size:clamp(22px,2.81vw,54px);font-weight:700;line-height:1.25;}
.wd-bhero .wd-bhero__sub{margin-top:.9em;font-size:clamp(13px,1.3vw,25px);font-weight:300;line-height:1.5;}
@media (min-width:1521px){ .wd-bhero{padding-top:180px;justify-content:flex-start;} } /* PC 헤더가 겹쳐 뜨는 만큼 */
@media (max-width:430px){ .wd-bhero{padding-left:16px;padding-right:16px;} }