/* urh.kr 사이트 공통 반응형 보정 (head.sub.php 에서 ety.css 다음에 불러옴, 2026-10-23) */

/* 로고가 커서 좁은 화면에서 메뉴 버튼이 둘째 줄로 밀리던 문제 */
.navbar-brand { margin-right: 12px; }
.navbar-brand img { height: 44px; width: auto; max-width: 100%; transition: height .3s; }
@media (max-width: 991.98px) {
	.navbar-brand img { height: 34px; }
	.navbar .navbar-toggler { padding: 6px 10px; border-radius: 10px; }
	.navbar-collapse { max-height: calc(100vh - 70px); overflow-y: auto; }
}
@media (max-width: 400px) {
	.navbar-brand img { height: 28px; }
}

/* 상단 로그인 줄 고정 폭(1120px)이 좁은 창에서 넘치지 않게 */
#tnb_index ul { max-width: 100%; }

/* 본문 이미지·영상이 화면 밖으로 나가지 않게 */
.container img, .container iframe, .container video { max-width: 100%; }

/* 그누보드 레이어 팝업 상자(고정 1200px)가 좁은 화면에서 넘치지 않게 */
#hd_pop { max-width: 100%; }
.hd_pops { max-width: calc(100vw - 20px); }
.hd_pops img { max-width: 100%; height: auto; }

/* 992~1089px: 메뉴가 펼쳐져 헤더가 96px 인데 테마 빈칸(.ety-main)은 63px 이라 본문 위쪽이 가려지던 문제 */
@media (min-width: 992px) and (max-width: 1089.98px) {
	div.ety-main { margin-bottom: 96px; }
}