@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
max-width: none;
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
body {
font-family: Nanum Gothic;
}
}.main-page {
display: flex;
flex-direction: column;
align-items: center;
}
.main-page__backdrop {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.main-page__container {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%}
@media (min-width:1024px) {
.main-page__container {
height: 850px;
}
.main-page__content, .main-page__footer {
width: calc(100% - 120px);
max-width: 1024px;
}
.main-page__footer {
padding: 50px 10px;
}
.main-page__headline {
margin-top: 128px;
margin-left: 20px;
}
.main-page__store-button-list {
margin-top: 40px;
margin-left: 20px;
}
}
@media (min-width:768px) and (max-width:1023px) {
	.main-page__container {
	height: 640px;
	}
	.main-page__content, .main-page__footer {
	width: calc(100% - 120px);
	}
	.main-page__footer {
	padding: 50px 0;
	}
	.main-page__headline {
	margin-top: 78px;
	margin-left: 20px;
	}
	.main-page__store-button-list {
	margin-top: 40px;
	margin-left: 20px;
	}
}
@media (max-width:767px) {
	.main-page__container {
	height: 580px;
	}
	.main-page__content, .main-page__footer {
	width: 100%}
	.main-page__footer {
	padding: 10px 0;
	}
	.main-page__headline {
	text-align: center;
	margin-top: 88px;
	}
	.main-page__store-button-list {
	margin-top: 40px;
	}
}
@media (max-width:767px) and (max-width:767px) {
	.main-page__container {
	height: 154.66667vw;
	}
	.main-page__footer {
	padding: 2.66667vw 0;
	}
	.main-page__headline {
	margin-top: 23.46667vw;
	}
	.main-page__store-button-list {
	margin-top: 10.66667vw;
	}
}