html,
body {
	margin: 0;
	padding: 0;
	min-height: 100%;
	background: #00081f;
}

body {
	max-width: 1080px;
	margin: 0 auto;
	font-family: Arial, 'Noto Sans KR', sans-serif;
}

main {
	width: 100%;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font: inherit;
}

.imagemap {
	position: relative;
	display: none;
	width: 100%;
	height: auto;
	line-height: 0;
}

.menu-link,
.map-link {
	position: absolute;
	display: block;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.mlink01,
.mlink02,
.mlink03 {
	left: 27.7%;
	width: 46.5%;
	height: 6.4%;
}

.mlink01 {
	top: 41.2%;
}

.mlink02 {
	top: 50.7%;
}

.mlink03 {
	top: 60.2%;
}

.music_onoff {
	position: fixed;
	top: max(72px, calc(env(safe-area-inset-top) + 56px));
	right: 12px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 30;
}

.gohome {
	position: fixed;
	top: max(16px, env(safe-area-inset-top));
	right: 12px;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 40;
	line-height: 1;
}

.gohome img {
	width: 100%;
}

.kakaomap {
	position: absolute;
	top: 57.15%;
	left: 10%;
	width: 79.5%;
	height: 21.45%;
	overflow: hidden;
	line-height: normal;
}

.tmap-link,
.kakao-navi {
	top: 79.6%;
	width: 10%;
	height: 6.1%;
}

.tmap-link {
	left: 69.7%;
}

.kakao-navi {
	left: 80.2%;
}

@media (min-width: 1081px) {
	.music_onoff,
	.gohome {
		left: calc(50% - 540px + 12px);
	}
}