/* ============================================================
   base.css : 초기화 · 색상 변수 · 공통 태그
   로드 순서 : base → layout → components → pages
   ============================================================ */

:root {
	--color-navy: #071362;   /* 헤더 배경, 모바일 메뉴 */
	--color-point: #3e699a;  /* 서브메뉴 · 탭 활성 */
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	font-family: 'SUIT Variable', -apple-system, 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
	font-size: 13px;
	font-weight: 300;
	height: 100%;
}

h1 { font-size: 1.625rem; }
h2 { font-size: 1.25rem; }
h3 { font-size: 1.0625rem; }
h5 { font-size: .8125rem; }

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
a:link {
	color: inherit;
	text-decoration: none;
}

ul, li {
	list-style: none;
	margin: 0;
}
strong {
	font-weight: bolder;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

/* 전화번호 링크 : 마우스를 쓰는 PC 에서는 글자로만 보이고 눌러지지 않음
   (휴대폰 · 태블릿 같은 터치 기기에서만 전화 걸기) */
@media (hover: hover) and (pointer: fine) {
	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}
}

button:active, button:focus {
	outline: none;
}
*:focus {
	outline: none;
}

/* 화면에는 숨기고 검색엔진 · 화면낭독기만 읽는 텍스트 */
.blind {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}