body {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	padding: 0 auto;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	max-width: 800px;
	width: auto;
	top: 0px;
	bottom: 0px;
	overflow-y:auto;
	font-size:16px;
}

.swiper-container {
	width: 100%;
	margin: 0;
}

.swiper-slide{
	height:auto !important;
	overflow:visible;	/* 절대배치가 잘리지 않게 */
}

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

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

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

#musicb {
	position: absolute;
	text-align: center;
	padding: 2px 2px 2px 2px;
	top: 5px;
	left: 5px;
	z-index: 10000;
	font-size: 10px;
	border:none;
	color:#fff;
	background: skyblue;
	cursor:pointer;
}

.kakaomap {
    position: absolute;
    top: 24.5%;
    height: 35.2%;
    left: 9.5%;
    width: 81%;
}


input, select,option {text-align:center;margin:0px;padding:0px;}
input:focus, select:focus, option:focus {outline:none;text-align:center;z-index:11;}

.input-container {
	z-index:11;
	}

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

.videoxy {
	position: absolute;
    top: 54%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    width: 88%;
	}
	
input { padding:0; margin:0; border:none; }
.myseat { 
    position: absolute;
    top: 29.5%;
    left: 11.5%;
    width: 56.8%;
    height: 3.3%;
	font-size: 32px;
	font-weight: 700;
}
.myseat_submit { 
    position: absolute;
    top: 29.5%;
    left: 69.5%;
    width: 18.8%;
    height: 3.3%;
    cursor: pointer;
}

.myseat_data {
	position: absolute;
	top: 38.8%;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	height: 7.15%;
	font-size: 50px;
	font-weight: 700;
	display: flex;				/* flex 박스 적용 */
	align-items: center;		/* 수직 중앙 정렬 */
	justify-content: center;	/* 수평 중앙 정렬 */
	text-align: center;			/* 여러 줄일 경우 중앙 정렬 */
}

.myseat_image {
	position: absolute;
	top:51.19284%;
	left:50%;
	transform: translateX(-50%);
	width: 100%;
	height: auto;
}

.myinfo { 
    position: absolute;
    top: 36.5%;
    left: 10.9%;
    width: 56.8%;
    height: 3.65%;
    font-size: 32px;
    font-weight: 700;
}
.myinfo_submit { 
    position: absolute;
    top: 36.65%;
    left: 69.5%;
    width: 19.4%;
    height: 3.3%;
    cursor: pointer;
}

.myinfo_room{
	position: absolute; top: 49.3%; left: 50%; transform: translateX(-50%); width: 70%; height: 5.5%;
    font-size: 50px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; text-align: center;
}

.myinfo_bus{
	position: absolute; top: 62.05%; left: 50%; transform: translateX(-50%); width: 70%; height: 5.5%;
    font-size: 50px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; text-align: center;
}

.myinfo_lucky{
	position: absolute; top: 73.4%; left: 50%; transform: translateX(-50%); width: 70%; height: 5.5%;
    font-size: 50px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; text-align: center;
}

.myinfo_team{
	position: absolute; top: 84.65%; left: 50%; transform: translateX(-50%); width: 70%; height: 5.5%;
    font-size: 50px; font-weight: 700;
    display: flex; align-items: center; justify-content: center; text-align: center;
}


/* 500px 이하일 때 폰트 크기 변경 */
@media screen and (max-width: 500px) {
	.myseat_data, .myinfo_room, .myinfo_bus, .myinfo_lucky, .myinfo_team {
		font-size: 30px;
	}
}