/*css3 / style.css*/
/*********************************************************************************/
/*
#6897a9 농후한 하늘색
#ccdce2 버튼 연한 하늘색
#f2f6f7 배경 극연한 하늘색
#314c56 글씨 진한 하늘색

#ea4206 맛있는 주황색(글씨)

#444444 글씨 진회색
#666666 메뉴 진회색
#cccccc 푸터 회색

#353a4e 짙은 그레이 마젠타 (로그인화면 색)
#e03378 버튼 핫핑크
#fbbdc8 연핑크
#ffe2de 인디언핑크(게시판 동그란제목들)
*/

*{
	margin:0 auto;padding:0;
	list-style:none;
	font-family: "Gotham","nanum barun gothic","나눔고딕","맑은 고딕",san-serif;
	box-sizing:border-box;
}
body{/*background-color:#f5f5f5;*/}
a{text-decoration:none;color:inherit;}
.clear{clear:both;}
.fixW{width:980px;max-width:980px;min-width:980px;	/*border:1px solid #fff;*/}/*크기확인용 테두리*/

/** 폼 서식*******************************************************************************/
input,
textarea,
select{line-height:2em;padding:2px 8px;border:none;border:1px solid #ccc;}
select{height:2.4em;}
input[type="button"]{cursor:pointer;}
table tr>th,
table tr>td{padding:7px;}
textarea::placeholder,
input[type="text"]::placeholder{color:#ccc;font-style:italic;}
button{
	cursor:pointer;	height:2.4em;padding:5px 20px;margin:5px 1px;
	font-size:0.9em;letter-spacing:1px;}
.bttnRound{cursor:pointer;border:none;	border-radius:1.2em;}
.bttnSqr{cursor:pointer;border:none;}
.bgSky{
	color:white;font-weight:bold;
	border:1px solid #6897a9;background-color:#6897a9;}/*하늘*/
.bgSkyM{
	background-color:#ccdce2;color:#314c56;
	border:1px solid #ccdce2;}
.bgPink{
	color:white;font-weight:bold;
	border:1px solid #e03378;	background-color:#e03378;}/*핫핑크*/
.bgPinkM{
	color:#222;	font-weight:bold; /*text-shadow:0 0 3px #eee; */
	border:1px solid #fbbdc8;	background-color:#fbbdc8;}/*연핑크*/
.bgCyan{
	color:#222;font-weight:bold;	text-shadow:0 0 5px #eee;
	border:1px solid #bdfbf0;	background-color:#bdfbf0;}
.bgGray{
	color:#444;font-weight:bold;
	border:1px solid #ccc;	background-color:#f5f5f5;}
/*********************************************************************************/
#container{background-color:#ffffff;min-width:980px;}
/*********************************************************************************/
#top{text-align:center;height:100px;padding-top:20px;}/*extendable*/
	#logo{overflow:hidden;}
		#logo img{width:160px;}
	#account{width:100%;text-align:right;margin-bottom:3px;}
	#account>li{display:inline-block;padding:1px;font-size:0.8em;}
/*********************************************************************************/
#nav{width:auto;background-color:#666666;padding-bottom:8px;padding-top:5px;}/*extendable*/
#navMenu{height:2.2em;line-height:2em;text-align:center;color:white;}
#navMenu>li{display:inline-block;width:11%;padding:5px;margin:0 10px;}
#subNav{width:auto;text-align:center;line-height:2em;padding:5px;border-bottom:1px solid #ccc;
		display:none;}
.subul{display:inline-block;width:11%;padding:5px;margin:0 10px;
		vertical-align:text-top;padding:0px;margin-bottom:10px;}
/*********************************************************************************/
#imgslide{width:auto;overflow:hidden;padding:40px 0 20px 0;box-shadow:inset 0px 2px 20px #3b6778;background-color:#ccdce2;}
	#imgs{padding-right:980px;/*슬라이드가 마지막에 잘리지 않도록 여백을 넣어줌*/display:flex;transition:all 1s;}/*flex-flow:row wrap;*/
	#imgs>img{
		float:left;
		margin-right:58px;/*980-922=58*/
		border:2px solid #fff;
		box-shadow:3px 3px 3px #999999;
	}
	.dots{width:6px;height:6px;border-radius:3px;margin:10px 5px 0px 5px;background-color:#222;display:inline-block;}
/*********************************************************************************/
#contents{width:100%;}/*padding:30px 25px;*/
/*********************************************************************************/
.tableAccount{text-align:left;color:#314c56;}
	.tableAccount tr{line-height:2;}
	.capBttn{caption-side:bottom;text-align:right;padding-top:2em;}
	.capHead{margin:2em 0 1em 0;font-size:2em;text-align:left;}
/*커뮤니티 게시판*/
.feed{
	background-image:url(../imgs/bgFeedback.jpg);
	background-size:980px auto;
	background-repeat:no-repeat;
}
.navInCon{width:auto;text-align:left;border-collapse:collapse;padding-top:0.5em;font-size:0.8em;color:#444;}
.boardTitle{/*안쓰는중*/
	width:5.8em;height:5.8em;line-height:1.2;padding-top:2em;border:3px dashed #f5f5f5;
	border-radius:3em;font-size:2.2em;vertical-align:middle;
	text-align:center;letter-spacing:-0.08em;
	background:linear-gradient(to bottom,#fda5b4 20%,#fce4e8);
}
	/*커뮤니티 게시판들*/
.tbBoard, .tbBoard_w{	
	width:90%;border:1px solid #fbbdc8;background-color:rgba(255,255,255,0.8);
	padding:8em 4em 8em 4em;box-shadow:0px 10px 10px #ccc;}
	.tbBoard tr{text-align:center;line-height:2;}
	.tbBoard tr>th{border-bottom:3px solid #fbbdc8;}
	.tbBoard tr>td{border-bottom:1px dashed #fbbdc8;}
	.tbTrHover:hover{background-color:#f2f6f7;}
	
	.tbBoard_w tr{line-height:2;}
	.tbBoard_w tr>th{text-align:left;border-bottom:3px solid #fbbdc8;}
	.tbBoard_w tr>td{text-align:left;}

	/*contents 상단 bg*/
.bgVenue{background-image:url(../imgs/bgVenue.jpg);}
.bgOut{background-image:url(../imgs/bgOut.png);}
.bgBuffet{background-image:url(../imgs/bgBuffet.jpg);}
.bgAbout{background-image:url(../imgs/bgAbout.png);}
.bgVenue,.bgOut,.bgBuffet,.bgAbout{
	background-size:2000px auto;
	background-position:center top;
	background-repeat:repeat-x;}

	/*콘텐츠페이지 제목줄 2단 1열 형식*/
.tbContitle{width:100%;margin-bottom:1em;line-height:2;}
	.tbContitle i{color:#ccc;letter-spacing:1px;}
	.tbContitle tr>td{padding:1em;}
	.tbContitleH3{color:#6897a9;letter-spacing:1px;font-size:1.2em;font-weight:bold}

	/*가격비용등 상세 정보안내 테이블*/
.tbInfo{
	width:auto;border-collapse:collapse;
	color:#314c56;line-height:2;font-size:1em;text-align:center;
	border-top:3px solid #6897a9;border-bottom:1px solid #ccc;
}
.tbInfo tr>th{
	border-top:1px solid #6897a9;border-bottom:1px solid #cccccc;
	background-color:#f5f5f5;padding:0.8em;}
.tbInfo tr>td{border-bottom:1px solid #cccccc;padding:0.8em;}
.bgFancyVenue{
	background-image:url(../imgs/bgFancyVenue.jpg);
	background-position:center bottom;
	background-size:2000px auto;
}
.items{
	width:32.8%;height:19.5em;background-color:#fff;
	border:1px solid #ccc;box-shadow:0px 2px 2px #eee;
	display:inline-block;}
	/*뷔페 & 상세 식사메뉴*/
#buffetPlace{
	position:relative;width:auto;height:610px;line-height:1.5;background-color:#fff;
	padding:2em;border:1px solid #ccdce2;box-shadow:0px 6px 10px #666;
}
#buffetPlace img{position:absolute;width:94%;height:534px;display:none;}
.title{text-align:center;font-size:1.5em;line-height:2em;letter-spacing:1px;background-color:#f2f6f7;}
#fotoDesc{
	display:inline-block;color:#f5f5f5;
	font-style:italic;font-size:1.1em;font-weight:bold;
}
.menu{width:auto;margin:2em 0;}
.menu>p{width:60%;height:217px;line-height:1.5;padding:2em;border:1px solid #ccdce2;background-color:#fff;}
.menu>p>font{font-size:2em;line-height:2;font-family:batang;color:#6897a9}
.menu>p>font>i{font-family:batang;color:#444;}
.menu>img{width:40%;height:217px;;vertical-align:text-top;}

/*********************************************************************************/
#footer{width:auto;background-color:#ccdce2;padding:35px 0;color:#444444;}
#footer p{display:inline-block;vertical-align:text-top;font-size:0.9em;}
	.whitelineV{height:100px;width:1px;margin-right:15px;background-color:#ffffff;}
	.ft1{width:25%;line-height:2.5;}
	.ft2{width:70%;text-align:left;}
	.ft2>table{width:100%;font-size:0.9em;color:#444444;}
	.ft2>table tr>th{width:12%;text-align:left;padding:4px;}
	.ft2>table tr>td{text-align:left;padding:4px;}
	.ft3{width:100%;margin-top:30px;text-align:right;font-weight:bold;font-size:0.8em;}
/*********************************************************************************/