/********************************************************************************************* 

2.  Grid 1200px

*********************************************************************************************/
.container-16,  {background:#fff000;
	margin:0 auto;
	width: 100%;
}

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



 .grid-15 {  /* tour 주변여행지 클릭버튼  */
	display:inline;
	float: left; text-align:left;
	margin-left: 20px;
	margin-right: 5px; padding-top:10px;
}


 .grid-14 {  /* SP 특별함 클릭버튼  */
	display:inline;
	float: left; text-align:center;
	margin-left: 10px;
	margin-right: 5px; padding-top:10px;
}


 .grid-13 {  /* Room 객실보기 클릭버튼  */
	display:inline;
	float: left; text-align:left;
	margin-left: 5px;
	margin-right: 10px; padding-top:10px;
}

.grid-4{
	display:inline;
	float: left; text-align:center;
	margin-left: 10px;
	margin-right: 10px; padding-top:10px;
}

.grid-8{
	display:inline;
	float: left; text-align:left;
	margin-left: 10px;
	margin-right: 10px; padding-top:10px;
}




/* 객실보기 이미지 + 내용부분  */
.container-16 .grid-4 {	width:260px;}
.container-16 .grid-8 {	width:700px;}


/* 객실보기 클릭버튼 사이즈 */
.container-12 .grid-13 {width:120px;}

/* 특별함 클릭버튼 사이즈 */
.container-12 .grid-14 {width:90px;}

/* 주변여행지 클릭버튼 사이즈 */
.container-12 .grid-15 {width:110px;}




/********************************************************************************************* 
3.  Grid 960px (mediaqueries)
*********************************************************************************************/

@media only screen and (min-width: 960px) and (max-width: 1199px) {



/* 객실보기 클릭버튼 사이즈 */
.container-12 .grid-13 {width:120px;}

/* 특별함 클릭버튼 사이즈 */
.container-12 .grid-14 {width:90px;}

/* 주변여행지 클릭버튼 사이즈 */
.container-12 .grid-15 {width:120px;}



/* 객실보기 이미지 + 내용부분  */
.container-16 .grid-4 {	width:220px;}
.container-16 .grid-8 {	width:660px;}
}
	


/********************************************************************************************* 
4.  Grid 720px (mediaqueries)
*********************************************************************************************/

@media only screen and (min-width: 720px) and (max-width: 959px) {
.container-16, .container-12 {width: 720px;}

/* 객실보기 클릭버튼 사이즈 */
.container-12 .grid-13 {width:120px;}

/* 특별함 클릭버튼 사이즈 */
.container-12 .grid-14 {width:80px;}

/* 주변여행지 클릭버튼 사이즈 */
.container-12 .grid-15 {width:120px;}


/* 객실보기 이미지 + 내용부분  */
.container-16 .grid-4 {	width:20%}
.container-16 .grid-8 {	width:74%}

}



/********************************************************************************************* 
5.  Grid lt 720px / Mobile (mediaqueries)
*********************************************************************************************/
	
@media only screen and (max-width: 719px) {
.container-12, .container-16 {
	width: 90%;
}

.grid-4,  .grid-8,  .grid-13, .grid-14, .grid-15 {	width:100%;	margin-left: 0px;	margin-right: 0px;}

.container-16 .grid-14, 
.container-16 .grid-4,
.container-16 .grid-8,
.container-16 .grid-12{	width:100%;}

/* 객실보기 클릭버튼 사이즈 */
.container-12 .grid-13 {width:120px;}
.container-12 .grid-14 {width:120px;}
.container-12 .grid-15 {width:120px;}

}