/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** 반응형 css start
===================================*/

/* Desktop Device & Tablet Device */
@media all and (min-width:768px) {

	.slider { position:relative; }
	#room-pager { position:absolute; bottom:0px; background:url('/common/img/contents/room_shadow.png'); width:100%; padding:7px 27px; }
	#room-pager li { float:left; margin:0 2px;  }
	#room-pager li img { width:168px; height:68px; }
	#room-pager a {
		border: solid #eee 1px;
		display: block;
		background:#eee;
	}
	#room-pager a.active {
		border: solid #b70861 4px;
		padding:0;
	}
	#room-pager a.active img {
		width:162px;
		height:62px;
	}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		bottom: 32px;
		outline: 0;
		width: 19px;
		height: 19px;
		text-indent: -9999px;
		z-index: 9999;
	}

}

/* Mobile Device */
@media all and (max-width:767px) {

	.slider { position:relative; margin-bottom:-15px; }
	#room-pager { position:absolute; bottom:-20px; }
	#room-pager li { float:left; width:25%; }
	#room-pager li img { width:100%; -height:50px; }
	#room-pager a {
		border: solid #eee 1px;
		display: block;
		background:#eee;
	}
	#room-pager a.active {
		border: solid #b70861 1px;
		padding:0;
	}
	room-pager a.active img {
		width:20%;
		-height:62px;
	}
	.bx-wrapper .bx-controls-direction a {
		display:none;

	}


}

/******* 반응형 css 여기까지 *******/


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 6px;
	background: url('/common/img/contents/room_prev.png') no-repeat 0 0;
}

.bx-wrapper .bx-next {
	right: 6px;
	background: url('/common/img/contents/room_next.png') no-repeat 0 0;
}