@charset "utf-8";
@font-face {
	font-family: 'HD';
	font-weight: 700;
	font-style: normal;
	src: url('../font/HDHyundaiOTF-Bold.otf') format('opentype');
}
@font-face {
	font-family: 'HD';
	font-weight: 400;
	font-style: normal;
	src: url('../font/HDHyundaiOTF-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'HD';
	font-weight: 300;
	font-style: normal;
	src: url('../fonts/HDHyundaiOTF-Light.otf') format('opentype');
}

:root {
    --text-body: #212222;
    --text-main-color: #002F87;
	--primary-font: 'Pretendard';
	--hd-font: 'HD';
	--static-01: 0.1px;
	--static--01: -0.1px;
	--static-05: 0.5px;
	--static--05: -0.5px;
	--static-10: 1px;
	--static--10: -1px;
	--static-15: 1.5px;
	--static--15: 1.5px;
	--static-20: 2px;
	--static--20: 2px;
}

html,
body,
#wrap,
#wrap * { box-sizing: border-box; padding: 0; margin: 0; list-style: none; }
#wrap *::before,
#wrap *::after { box-sizing: border-box; }
html.show-layer { overflow: hidden; }
body { line-height: 1; }
a { color: #000; text-decoration: none; }
hr { margin: 0; border: 0; }
/* img { pointer-events: none; } */
input { outline: none; font-family: var(--primary-font); background: #fff; }
select { border: 0; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--primary-font); background: #fff; cursor: pointer; }
textarea {outline: none;  font-family: var(--primary-font); background: #fff; }
button { background: none; margin: 0; padding: 0; border: 0; }
pre { font-family: var(--primary-font); }
html, body { font-family: var(--primary-font); color: #000; }
picture { display: block; }
picture > img { width: 100%; }

.w-100 { width: 100% !important; }
.d-flex { display: flex !important; }
.flex-center { justify-content: center !important; align-items: center !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-ac { align-items: center !important; }
.flex-as { align-items: flex-start !important; }
.flex-ae { align-items: flex-end !important; }
.flex-js { justify-content: flex-start !important; }
.flex-je { justify-content: flex-end !important; }
.flex-jc { justify-content: center !important; }
.flex-jsb { justify-content: space-between !important; }
.flex-col { flex-direction: column !important; }
.flex-0-0-auto { flex: 0 0 auto !important; }
.flex-1-1-auto { flex: 1 1 auto !important; }
.flex-0-1-auto { flex: 0 1 auto !important; }
.flex-1-0-auto { flex: 1 0 auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

.ellipsis-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.ellipsis-2 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-3 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-4 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-5 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.ellipsis-6 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.pre { white-space: pre; }
.pre-wrap { white-space: pre-wrap; }
.keep-all { word-break: keep-all; }
.menu-bg { display: none; position: fixed; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.2); z-index: 98; backdrop-filter: blur(12px); }
.highlight { color: var(--text-highlight) !important; }

.img-fit-cover > video,
.img-fit-cover > picture > img,
.img-fit-cover > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

#wrap { color: var(--text-body); font-family: var(--hd-font); }