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

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

/* ----------------------------------------------------
	about
---------------------------------------------------- */
/* 
	app
------------------------------ */
.app__content .text {
	line-height: 1.25;
}

/* ----------------------------------------------------
	subject
---------------------------------------------------- */
/*
	list
------------------------------ */
.subject__list--item a {
	line-height: 1.25;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.subject__list--item a {
		line-height: 1.2;
	}

	.subject__list--item a svg {
		top: -2.4vw;
		left: -3.2vw;
	}
}

/* 
	region
------------------------------ */
.subject .region__name {
	line-height: 1.5;
}

/* ----------------------------------------------------
	ski-resort
---------------------------------------------------- */
.ski-resort__content {
	width: min(108rem, 79.063vw);
	grid-template-columns: min(42rem, 30.747vw) min(38rem, 27.818vw) min(28rem, 20.498vw);
}

.ski-resort .region__name {
	width: min(9rem, 6.589vw);
}

.ski-resort .region04 .region__name,
.ski-resort .region05 .region__name {
	width: auto;
}

@media screen and (max-width: 768px) {
	.ski-resort {
		display: block;
	}

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

	.ski-resort .region:not(:last-of-type) {
		margin-bottom: 1em;
	}

	.ski-resort__content {
		width: 100%;
		font-size: 4.267vw;
		display: block;
	}

	.ski-resort .region__name {
		font-size: 4.267vw;
	}
}

/* ----------------------------------------------------
	ski-resort
---------------------------------------------------- */
.ski-resort__content {
	width: min(108rem, 79.063vw);
	grid-template-columns: min(42rem, 30.747vw) min(38rem, 27.818vw) min(28rem, 20.498vw);
}

.ski-resort .region__name {
	width: min(9rem, 6.589vw);
}

.ski-resort .region04 .region__name,
.ski-resort .region05 .region__name {
	width: auto;
}

@media screen and (max-width: 768px) {
	.ski-resort {
		display: block;
	}

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

	.ski-resort .region:not(:last-of-type) {
		margin-bottom: 1em;
	}

	.ski-resort__content {
		width: 100%;
		font-size: 4.267vw;
		display: block;
	}

	.ski-resort .region__name {
		width: 100%;
		font-size: 4.267vw;
	}
}

/* ----------------------------------------------------
	spgr
---------------------------------------------------- */
/* 
	helmet
------------------------------ */
.helmet__link {
	width: min(16.5rem, 12.079vw);
}

@media screen and (max-width: 768px) {
	.helmet__link {
		margin: 0 auto;
		width: 45.333vw;
	}
}