@charset "utf-8";

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


.mlHeaderNav {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mainArea {
	font-family: 'Noto Sans KR', sans-serif !important;
}

.mlPageTitle h1 {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mlVisualTitle h1 {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mlMainVisual .catch {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mlDiscoverBlock .list {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mlStoresPanel .select ul li select {
	font-family: 'Noto Sans KR', sans-serif !important;
}
.mlModalBlock .mlStoreClm {
	font-family: 'Noto Sans KR', sans-serif !important;
}


.mlModalBlock {
	word-break: break-all;
}

footer {
	word-break: break-all;
}




@media screen and (min-width: 981px) {

.mainArea {
	font-size: 19px;
}

.mlMainVisual .catch {
	font-size: 20px;
}
.mlMainVisual .catch h1 {
	font-size: 76px;
}
.mlMainVisual .catch p {
	max-width: 650px;
}
.mlDiscoverBlock h2 {
	font-size: 36px;
}
.mlSection h2 {
	font-size: 40px;
}
.mlServiceBlock .list li h3 {
	font-size: 23px;
	font-weight: normal;
}
.mlServiceBlock .list li p {
	font-size: 15px;
}
.mlServiceBlock .list li .link {
	font-size: 16px;
}
.mlAccessBlock .clm h3 {
	font-size: 22px;
}
.mlAccessGuide .title {
	font-size: 20px;
}
.mlAccessGuide ul li .item {
	font-size: 17px;
}

.mlPageTitle h1 {
	font-size: 40px;
}
.mlAboutLead .mlSection h2 {
	font-size: 36px;
}
.mlAboutBlock p {
	font-size: 19px;
}
.mlAboutStoresList .mlAboutClm .card .ttl {
	font-size: 20px;
}
.mlAboutStoresList .mlAboutClm .card p {
	font-size: 15px;
}
.mlUnit .mlItem h2 {
	font-size: 24px;
}
.mlList01 ul li em {
	font-size: 19px;
}

.mlFaqTitle {
	font-size: 22px;
}
.mlFaqStyle02 p em {
	font-size: 22px;
}


}