/**
 * Shared header layout fixes (all public pages).
 *
 * @package AriawellTheme
 */

body.ms-main #header {
	position: sticky;
}

/* GNB 링크 줄바꿈으로 헤더 높이가 늘어나는 현상 방지 */
.header__category > div > ul > li > a {
	white-space: nowrap;
}

/**
 * img의 width/height 속성은 CSS width/height의 presentational hint로 동작한다.
 * 벤더 CSS의 전역 `img { max-width: 100% }`가 너비만 줄이면 높이는 속성값(고정 px)에
 * 그대로 남아 비율이 무너지므로, 높이를 항상 자동으로 되돌려 준다.
 * 명시적으로 높이를 지정하는 규칙은 선택자 우선순위가 높아 그대로 유지된다.
 */
img {
	height: auto;
}

/* 높이로만 크기를 잡는 아이콘이라, 반대로 너비 힌트를 물러나게 해야 한다. */
.custom-foot__map .map-info-text > img {
	width: auto;
}