@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

:root {
	--gothic: "Noto Sans KR", sans-serif;
}

/* ----------------------------------------------------
	gnav
---------------------------------------------------- */
.gnav {
	padding: min(8.2rem, 6.003vw) 0 0 min(2rem, 1.464vw);
	width: min(45rem, 32.943vw);
}

.gnav__list--region {
	width: min(10rem, 7.321vw);
}

.gnav__list--content {
	padding-left: 0;
}

@media screen and (max-width: 768px) {
	.gnav {
		padding: 20.8vw 5.333vw 0;
		width: 100%;
	}

	.gnav__list--region {
		width: 26.667vw;
	}
}

/* ----------------------------------------------------
	helmet
---------------------------------------------------- */
.helmet__link {
	width: min(18rem, 13.177vw);
}

@media screen and (max-width: 768px) {
	.helmet__link {
		width: 100%;
	}
}

/* ----------------------------------------------------
	ski-resort
---------------------------------------------------- */
.ski-resort__content {
	grid-template-columns: 42% 34% auto;
}

.ski-resort .region {
	display: block;
}

.ski-resort .region.region01,
.ski-resort .region.region02 {
	margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
	.ski-resort .region {
		margin-bottom: 0.5em;
	}
}