/************************************
	room
*************************************/

.headerWrap {
	position				: fixed;
	top						: 0;
	left					: 0;
	z-index					: 1000;
}

#roomWrap {
	width					: 100%;
	height					: 100%;
	position				: relative;
}

.slide {
	position				: relative;
}

.roomName {
	position				: absolute;
	left					: 50%;
	transform				: translateX(-50%);
	bottom					: 10vh;
	z-index					: 3;
}

.blackBlind{
	position			: absolute;
	top					: 50%;
	left				: 50%;
	transform			: translate(-50%, -50%);
	-webkit-transform	: translate(-50%, -50%);
	z-index				: 9999999;
	animation			: logWrap 3s;
	animation-fill-mode	: forwards;
	width				: 100%;
	height				: 100%;
	background-color	: #000;
}

@keyframes logWrap {
	0%{
		opacity		: 1;
	}
	60%{
		z-index		: 0;
	}
	100% {
		opacity		: 0;
		z-index		: 0;
	}
}

#roomDetailBox {
	width					: 430px;
	height					: 60px;
	position				: absolute;
	bottom					: 0;
	right					: 0;
	z-index					: 3;
	display					: flex;
	justify-content			: space-between;
}

#roomDetailBox.small{
	width					: 285px;
	height					: 60px;
	position				: absolute;
	bottom					: 0;
	right					: 0;
	z-index					: 3;
	display					: flex;
	justify-content			: space-between;
}

#roomDetailBox > div {
	width					: 140px;
	height					: 60px;
	background-color		: rgba(0, 0, 0, 0.75);
}

#roomDetailBox > div a {
	display					: block;
	width					: 100%;
	height					: 100%;
	font-size				: 14px;
	color					: #fff;
	text-align				: center;
	line-height				: 60px;
}

/* room popup */
#roomPop {
	position				: fixed;
	left					: calc(50% + 117.5px);
	transform				: translateX(-50%);
	top						: 0;
	background-color		: #fff;
	width					: 55vw;
	height					: 100vh;
	z-index					: 100;
	display					: none;
}

#roomPopClose {
	position				: absolute;
	top						: 15vh;
	right					: 8vw;
	cursor					: pointer;
}

#roomPopTitle {
	font-size				: 38px;
	font-family				: 'Times New Roman', Times, serif;
	color					: #4d5155;
	text-align				: center;
	padding					: 15vh 0 3vh;
}

#roomPopEx {
	width					: 80%;
	height					: 70vh;
	margin					: 0 auto;
	overflow-y				: auto;
	font-size				: 0;
}

/* iframe 안에 실시간예약하기버튼 */
#reservationGo {
	position			: absolute;
	/* right				: 150px; */
	right				: 8vw;
	top					: 23vh;
	width				: 115px;
	height				: 40px;
}

#reservationGo > a {
	display				: block;
	width				: 100%;
	height				: 100%;
	text-align			: center;
	line-height			: 40px;
	color				: #fff;
	background-color	: #4b787c;
	transition			: all 0.3s;
	font-size			: 16px;
}

#reservationGo:hover a {
	background-color	: #2c4749;
}