@charset "euc-kr";

.greeting {
	clear:both;
	position:relative;
	width:1000px;
	margin:0 auto;
	left:0;
	}

/* preview */
.preview {
	position:relative;
	width:900px;
	height:800px;
	margin:0 auto 0 auto;
	text-align:center;
	}

ul.roomList {
	position:relative;
	width:900px;
	margin:50px auto 0 auto;
	text-align:center;
	}

ul.roomList li {
	position:relative;
	float:left;
	width:280px;
	height:280px;
	margin-right:30px;
	margin-bottom:19px;
	}

/* useless on ie8 */
/*
ul.roomList li:nth-child(4n) {
	margin-right:0;
	}
*/


/*Room*/
.Room{width:900px;}
.Room ul{overflow:hidden; margin:0 0 0 0;}
.Room ul li{text-align:center; margin:10px 0;}
.Room ul li span{display:inline-block; margin:0 7px; }
.Room ul li span.Room1 a{display:block; width:283px; height:216px; background:url(../../../image/main/room1.jpg) no-repeat 0 0;}
.Room ul li span.Room2 a{display:block; width:283px; height:216px; background:url(../../../image/main/room2.jpg) no-repeat 0 0;}
.Room ul li span.Room3 a{display:block; width:283px; height:216px; background:url(../../../image/main/room3.jpg) no-repeat 0 0;}
.Room ul li span.Room4 a{display:block; width:283px; height:216px; background:url(../../../image/main/room4.jpg) no-repeat 0 0;}
.Room ul li span.Room5 a{display:block; width:283px; height:216px; background:url(../../../image/main/room5.jpg) no-repeat 0 0;}


.Room ul li span.Room1 a:hover{display:block; width:283px; height:216px; background:url(../../../image/main/room1.jpg) no-repeat 0 -216px;}
.Room ul li span.Room2 a:hover{display:block; width:283px; height:216px; background:url(../../../image/main/room2.jpg) no-repeat 0 -216px;}
.Room ul li span.Room3 a:hover{display:block; width:283px; height:216px; background:url(../../../image/main/room3.jpg) no-repeat 0 -216px;}
.Room ul li span.Room4 a:hover{display:block; width:283px; height:216px; background:url(../../../image/main/room4.jpg) no-repeat 0 -216px;}
.Room ul li span.Room5 a:hover{display:block; width:283px; height:216px; background:url(../../../image/main/room5.jpg) no-repeat 0 -216px;}




.roomBtn1 {
	background:url(../../../image/common/room.png) no-repeat;
	background-position:0px 0px;
	}

.roomBtn2 {
	background:url(../../../image/common/room.png) no-repeat;
	background-position:-311px 0px;
	}

.roomBtn3 {
	background:url(../../../image/common/room.png) no-repeat;
	background-position:-620px 0px;
	}

.roomBtn4 {
	background:url(../../../image/common/room.png) no-repeat;
	background-position:-158px -299px;
	}

.roomBtn5 {
	background:url(../../../image/common/room.png) no-repeat;
	background-position:-469px -299px;
	}


/* hover */

.roomBtn1:hover {
	background:url(../../../image/common/roomover.png) no-repeat;
	background-position:0px 0px;
	}

.roomBtn2:hover {
	background:url(../../../image/common/roomover.png) no-repeat;
	background-position:-311px 0px;
	}

.roomBtn3:hover {
	background:url(../../../image/common/roomover.png) no-repeat;
	background-position:-620px 0px;
	}

.roomBtn4:hover {
	background:url(../../../image/common/roomover.png) no-repeat;
	background-position:-158px -299px;
	}

.roomBtn5:hover {
	background:url(../../../image/common/roomover.png) no-repeat;
	background-position:-469px -299px;
	}


ul.roomList li a {
	display:block;
	width:218px;
	height:218px;
	}
/* preview over */

.tour {
	clear:both;
	position:relative;
	width:900px;
	margin:0 auto;
	}

.tour img {
	display:block;
	margin-bottom:12px;
	}

.ourRoom {
	position:relative;
	width:900px;
	margin:0 auto;
	}

.ourRoom img {
	display:block;
	margin-top:35px;
	}

.ourTerrace {
	position:relative;
	width:900px;
	margin:0 auto;
	}