body {
		margin-bottom:0;
		padding:0 auto;
		margin:0 auto;
		background-repeat:no-repeat;
		background-size:cover;
		background:#000;
		overflow:hidden;
		max-width:800px;
    }

	.swiper-container {
        width: 100%;
        margin: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		max-width:800px;
    }
    .swiper-slide {
		/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }
	

ul {
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}

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

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

.link01 {    
	position: absolute;
    top: 43.8%;
    left: 30.5%;
    width: 17.2%;
    height: 9.1%;
	}

.link02 {    
    position: absolute;
    top: 43.8%;
    left: 52.5%;
    width: 17.2%;
    height: 9.1%;
	}

button {
	padding:10px 20px 10px 20px;
	text-align:center;
	margin:0 auto;
	background:#000;
	color:#fff;
	border:none;
	border-right:0px; border-top:0px; border-left:0px; border-bottom:0px;
	}

#musicb {
	position:absolute;
	text-align:center;
	padding:2px 2px 2px 2px;
	top:5px;
	left:5px;
	z-index:10000;
	font-size:10px;
	background:skyblue;
	}
	
.kakaomap {
	position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    width: 78%;
    height: 24.5%;
	}

.popup-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:#000;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 20;
	opacity: 1;
	transition: opacity 2s ease-in-out;
	}

.popup-content {
	max-width: 90%;
	max-height: 90%;
	}

.popup-content img {
	display: block;
	width: 100%;
	max-height: 100%;
	margin: 0 auto;
	max-width: 800px;
	}
	
@media(min-width:600px) {
	body {
		margin: 0 auto;
		padding: 0;
		background: #000;
		background-size: cover; /* 비율 유지하며 화면 꽉 채움 */
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
	}


	.swiper-container {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		/* 이미지 비율(1080*2364)에 맞춰 높이 100vh일 때의 너비 계산 */
		width: calc(100vh * (1080 / 2364));
		max-width: 100%;
		height: 100vh;
		margin: 0 auto;
	}
}