.rooms {
	position: relative;
	width: 100%;
	background: url(../images/room/rooms_bg.jpg) left top no-repeat;
	overflow: hidden;
}
.rooms .title_content {
	position: relative;
	width: 100%; height: 150px;
	max-width: 1520px;
	margin: 140px auto 20px;
}
.rooms .sub_title {
	position: absolute;
	top: -40px; right: 0; left: 0;
	margin: auto;
}
.rooms .sub_title h5 .title_deco {
	left: -86px;
	width: 213px;
}
.rooms_wrap {
	position: relative;
	width: 100%;
	max-width: 1520px;
	margin: 0 auto 120px;
}
.rooms_wrap .rooms_img {
	position: relative;
	display: inline-block;
	width: 100%; height: 868px;
	vertical-align: top;
}
.rooms_wrap .rooms_img .roll_img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 100%;
}
.rooms_wrap .rightCon {
	position: absolute;
	top: 0; right: 0;
	width: 520px; height: 565px;
}
.rooms_wrap .rightCon::before {
	content: '';
	position: absolute;
	top: 0; right: 520px; bottom: 0;
	margin: auto;
	width: 20px; height: 100%;
	background: #f4f4f4;
	z-index: 1;
}
.rooms_wrap .rightCon::after {
	content: '';
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	background: rgba(51,51,51,0.7);
	z-index: 0;
}
.rooms_wrap .rightCon .btn_reservation {
	position: absolute;
	top: 0; right: 0; left: 0;
	margin: auto;
	display: inline-block;
	width: 300px; height: 56px;
	background-image: url(../images/room/btn_reservation.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	transition: background-image 0.3s;
	z-index: 1;
}
.rooms_wrap .rightCon .btn_reservation:hover {
	background-image: url(../images/room/btn_reservation_ov.jpg);
}
.rooms_wrap .rightCon .list {
	position: absolute;
	top: 100px; right: 160px; left: 130px;
	margin: auto;
	text-align: center;
	z-index: 1;
}
.rooms_wrap .rightCon .list p {
	position: relative;
	display: inline-block;
	margin-bottom: 22px;
	padding-left: 35px;
}
.rooms_wrap .rightCon .list p::before {
	content: '';
	position: absolute;
	top: 7px; left: 0;
	width: 0; height: 2px;
	background: #fff;
	transition: width 0.3s;
}
.rooms_wrap .rightCon .list p:hover::before, .rooms_wrap .rightCon .list p.ST::before {
	width: 20px;
}
.rooms_wrap .rightCon .list a {
	font-family: 'Malgun Gothic', '맑은 고딕';
	font-size: 16px;
	color: #aaa;
	transition: color 0.3s;
}
.rooms_wrap .rightCon .list a:hover, .rooms_wrap .rightCon .list p.ST a {
	color: #fff;
}
.rooms_wrap .rightCon .list a span {
	display: inline-block;
	padding-right: 8px;
	font-size: 26px; color: #fff;
}

.rooms_wrap .rooms_thumb {
	position: absolute;
	bottom: 0; right: 0;
	width: 520px; height: 283px;
}
.rooms_wrap .rooms_thumb .thumb_img {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	margin: auto;
	width: 100%; height: 100%;
}
.rooms_wrap .rooms_thumb::before {
	content: '';
	position: absolute;
	top: 0; right: 520px; bottom: 0;
	margin: auto;
	width: 20px; height: 100%;
	background: #f4f4f4;
	z-index: 1;
}
.rooms_wrap .rooms_thumb::after {
	content: '';
	position: absolute;
	top: -20px; right: 0;
	margin: auto;
	width: 540px; height: 20px;
	background: #f4f4f4;
	z-index: 1;
}