* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

body {

        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		margin-bottom:0;
		padding:0 auto;
		margin:0 auto;
		/* background-image:url('https://inviteme.kr/bmf/images/bg.jpg'); */
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#fff;
		max-width:800px;
		width:100%;
		height:100%;
	}
ul{
		width:100%;
		list-style:none;
		padding:0;
		margin:0;
		z-index:0;
	}

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

.imagemap {position:relative;width:100%;height:auto}

.mlink01 {
    position: absolute;
    top: 48.1%;
    left: 50%;
    transform: translateX(-50%);
    width: 64%;
    height: 6.5%;
    cursor: pointer;
}

.mlink02 {
	position: absolute;
    top: 56.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 64%;
    height: 6.5%;
    cursor: pointer;
}

.mlink03 {
	position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    width: 64%;
    height: 6.5%;
    cursor: pointer;
}

.mlink04 {
	position: absolute;
    top: 73.4%;
    left: 50%;
    transform: translateX(-50%);
    width: 64%;
    height: 6.5%;
    cursor: pointer;
}

.music_onoff {
    position: fixed;
    top: 70px;
    left: 10px;
    width: 10.5%;
    height: auto;
    cursor: pointer;
	max-width:50px;
	z-index:10;
	}
	
.gohome {
    position: fixed;
    top: 20px;
    left: 10px;
    width: 10.5%;
    height: auto;
    cursor: pointer;
	max-width:50px;
	z-index:15;
	}
	
.kakaomap {
    position: absolute;
    top: 29.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 14.2%;
	}

#map {
	border-radius:5%;
}

.menu03_link01 {
	position: absolute;
    top: 70.25%;
    left: 33.5%;
    width: 33%;
    height: 5.4%;
    cursor: pointer;
}

/* =========================
🔥 large_map 레이어 팝업
========================= */
/* =========================
🔥 large_map 레이어 팝업
========================= */
#large_map{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
	display:none;
	z-index:9999;
	justify-content:center;
	align-items:center;
	touch-action:none; /* 🔥 핵심 (브라우저 스크롤 차단) */
}

/* 4:3 고정 컨테이너 */
#large_map .map_wrap{
	position:relative;
	width:94vw;
	max-width:94vw;
	aspect-ratio:1 / 1; /* 🔥 핵심 */
	background:#000;
	overflow:hidden;
}

/* 이미지 */
#large_map img{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%) scale(1);
	transform-origin:center center;
	cursor:grab;
	user-select:none;
	max-width:none;
	touch-action:none;
}

/* 상단 UI */
#large_map .top_ui{
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 2;
}

/* 줌 버튼 */
.zoom_btn{
	background:#fff;
	border-radius:50%;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	font-weight:bold;
	cursor:pointer;
}

/* 닫기 버튼 */
#large_map .close_btn{
	position:fixed;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	background:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	cursor:pointer;
	z-index:2;
}