
/*cafe*/


.winelist{
	font-size:22px;
	color:#333;
	line-height:1.5; 
	font-weight:400;
	
}
.winelist li{
	margin-bottom:5px;
}

.txt_dec{
	 margin-top:10px;

}

.txt_dec strong{
	
	color:#a71a06;
}

.imgtxtarea:after{
	clear:both;
	display:block;
	content:'';
	height:50px;
	position:relative;
}
.imgtxtarea .imgleft,
.imgtxtarea .txtleft{
	float:left;
}

.imgtxtarea .imgright,
.imgtxtarea .txtright{
 float:right;
}

.imgtxtarea .txtinfo{ 
	position:relative;
	margin-right: 0%;
	margin-left: 0%;
}


.imgtxtarea .halfwidth .txtinfo{
	width:45%;
 	 
}
.imgtxtarea .halfwidth .imgarea{
	width:50%;
	text-align:center;
 	 
}

.imgtxtarea .sevenwidth .imgarea{
	width:70%;
	text-align:center;
 }
.imgtxtarea .sevenwidth .txtinfo{
	width:25%;
 
 }


.imgtxtarea .sixwidth .imgarea{
	width:60%;
	text-align:center;
	
 }
.imgtxtarea .sixwidth .txtinfo{
	width:35%;
	 
	 
}


.imgtxtarea .fourwidth .imgarea{
	width:40%;
	text-align:center;
	
 }
.imgtxtarea .fourwidth .txtinfo{
	width:55%;
 	 
}

 
.imgtxtarea  .txtinfo .txt_dec{
	padding:10px 10px;
	 
}

@media(max-width:1000px){
	.imgtxtarea .mtC{
		margin-top:30px;
	}
 

	.imgtxtarea  .txtinfo .txt_dec{
		padding:10px 0px;
	 
	}
	.imgtxtarea .fourwidth .imgarea{
		width:100%;
		
	 }
	.imgtxtarea .fourwidth .txtinfo{
		width:100%;
		 
	}
	.vip .imgtxtarea .sixwidth .imgarea{
		width:100%;
		
	 }
	.vip .imgtxtarea .sixwidth .txtinfo{
		width:96%;
		margin:0 auto;
		 
		 
		 
	}


}

  @media(max-width:780px){
	.winelist{
		font-size:20px;
	}

	
}

@media(max-width:640px){
	
	.imgtxtarea:after{
		 
		height:0px;
	 
	}
	


	.imgtxtarea .halfwidth .txtinfo{
		width:100%;
 	 
	}
	.imgtxtarea .halfwidth .imgarea{
		width:100%;
		 
	}

	.imgtxtarea .sevenwidth .imgarea{
		width:100%;
	 }
	.imgtxtarea .sevenwidth .txtinfo{
		width:100%;
	 
	 }


	.imgtxtarea .sixwidth .imgarea{
		width:100%;
		
	 }
	.imgtxtarea .sixwidth .txtinfo{
		width:100%;
		 
		 
	}


	
}
 


/*menu*/

.cafemenu{
	padding:0px;
}
.cafemenu ul li{
	clear:both;
	padding: 3px 0;
	
}
.cafemenu ul li span{
	margin-right:10px;
	display:block;
	float:left;	
	vertical-align:middle;
}

.cafemenu .menName{
	font-size:18px;
	color:#000;
	font-weight:400;
	 
}

.cafemenu .menuEng{
	font-size:13px;
	color:#acacac;
	line-height:28px;
	
	 
}


.cafemenu .menuInfo{
	font-size:14px;
	color:#333;
	line-height:28px;
	margin-right:0px;
	
	 
}

@media(max-width:1200px){

	.cafemenu ul li span{
		 
		display:inline-block;
		float:none;	

		}
		.cafemenu .menuInfo{
			line-height:1.2;
		}
}


.menuban:after{
	clear:both;
	display:block;
	content:'';
}
.menuban .menubox{
	width:45%;
	max-width:600px;
	margin:2%;
	float:left;
	background:#2e3142;
	 
}
.menuban .menubox .cafemenuBox{
	padding:20px 50px;
	min-height:500px;
}
.cafemenuBox .menName.colorA{
	font-size:18px;
	 
	font-weight:400;
	color:#be9673;
	 
	 
}
.cafemenuBox .menuEng.colorB{
	font-size:13px; 
	color:#fff;
	opacity:0.5;
 	
	 
}

.menuban .menubox .cafemenuBox .cafemenuTitle{
	color:#fff;
	font-size:30px;
	text-align:center;
	margin-bottom:20px;
	display:block;
	line-height:1.2;

}

.menuban .menubox .cafemenuBox ul li{
	text-align:center;

}


 @media(max-width:1000px){
		.menuban .menubox{
			width:100%;
			margin:0%;
			float:none;
			max-width:100%;
		}
		.menuban .photoarea{
			text-align:center;
		}
		.menuban .photoarea img.imgsix{
			width:100%;
			max-width:100%;

		}
 }

 @media(max-width:480px){
	.cafemenuBox  span{
		display:block;
		line-height:1.1;
	}

	.menuban .menubox .cafemenuBox ul li{
		margin-bottom:10px;
	}
	 

 }

/*beer*/

.bottleara{
	width:45%;
	margin:0 2%;
	display:inline-block;
	vertical-align:top;
}
.bottleara.first{
	margin-top:60px;
}
.bottleara .bottlewidth{
	margin: 10px auto 30px auto;
	max-width:500px;
	 
}
.bottlearaA{
	width:45%;
	margin: 0 auto;
	float:none;
	max-width:500px;
}

 @media(max-width:480px){
	
	.bottleara{
			width:100%;
			margin:0 0%;
			
		}
		.bottlearaA{
			width:100%;
		}

		
	
 }


 /*reser*/
.reserarea{
	position:relative;
	margin-top:30px;
}
.reserarea .reserimg{
	z-index:1;
	width:100%;
	position:relative;
}

.reserarea .reserimg img{
	width:100%;
}
.reserarea .reser_info{
	background:#fff;
	width:50%;	
	max-width:600px;
	 margin: -100px auto 0 auto;
	padding:30px 40px 80px 40px;
	z-index:2;
	position:relative;
}
.reser_info .bar:after{
	clear:both;
	display:block;
	content:'';
	width:50px;
	height:2px;
	background:#a71a06;
	margin:10px auto;
	position:relative;
}
.reser_info .titlarea{
	font-size:42px;
	color:#333;
	text-align:center;
	line-height:1.2;
}
.reserarea .reser_txt_dec{
	text-align:center;
	margin-top:50px;
	font-size:20px;
}	
.reserarea .reser_txt_dec p span{
	display:block;
}
.reserarea .reser_txt_dec strong{
	color:#937c61;
}
/*이벤트이미지*/
.event_photo {
	text-align:center;
}

.event_photo .photo_box{
	width:47%;
	margin:1%;
	display:inline-block;
}
.event_photo .photo_box img{
	width:100%;
}


@media(max-width:1000px){
	.reserarea .reser_info{
		width:80%;
		max-width:auto;
	}
}

@media(max-width:700px){
	
	.reserarea .reser_info{
		margin-top:0;
		width:100%;
	}
	.reser_info .titlarea{
		font-size:35px;
	}
}

@media(max-width:480px){
	
	.reserarea .reser_info{
		padding:20px;
	}
	
	.reser_info .titlarea{
		font-size:28px;
	}

	.reserarea .reser_txt_dec{
 		margin-top:20px;
	}

	.event_photo .photo_box{
		width:100%;
	margin:1% 0;
	}
	 

}