@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);	


*{ /*전체선택자*/
	margin: 0;
	padding: 0;
	
	
}

html,body {font-family: "나눔고딕";
	width: 100%;
	height:100%;
	
}

html{
	/* ************************************************
	종류:overflow(가로,세로) overflow-x(가로) overflow-y(세로)
	표현방식:auto/scroll/hidden
	************************************************* */
	
	overflow-x: hidden; /*문서전체에 가로 스크롤바 자국 항상 표시*/
}

li{
	list-style: none /*목록에 점 없애기*/
}

body,input{
	font-size: 12px;
	font-weight: 100;
	font-family: 'Nanum Gothic', sans-serif;
}

table{
	border-collapse: collapse; /*칸 사이의 기본 여백 제거 및 중첩 테두리 상쇄 효과*/
}

input{
	vertical-align: middle;
}

img{
	vertical-align: top;
	font-size: 0;
	border: 0; /*이미지 링크시 기본적으로 나타나는 테두리 제거*/
}

a{
	text-decoration: none;
	color:#afcb20
}

.hidden{
	display: none;
}

.clear:after{ /*자식이 모두 float 을 사용할때 부모가 높이를 갖게 하기 위함*/
	content: "";
	display: block;
	clear: both;
	*zoom:1; /*IE8 이하버전 대응*/
}

.indent{ /* 글자 안보이게 밀어놓기 */
	display:block;
	text-indent:-9999px;
}


/* 탭 */
.reservation_tab {
	float:left;
	width:100%;
}
.reservation_tab ul {
	text-align:center;
}
.reservation_tab ul li {
	float:left;
	margin:0 10px;
}
.reservation_tab ul li:first-child{
	margin-left:0
}
.reservation_tab ul li a { 
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	margin-bottom:30px;
	font-size:17px;
	font-weight:700;
	border:2px solid #666;
	border-radius:50px;
	color:#666}
.reservation_tab ul li.on a{
	border:2px solid #afcb1f;
	color:#afcb1f
}


/* 탭박스 */
.reservation_area00 {padding-top:50px;}
.dis_none {display:none;}

.costit{font-size:30px; color: #333; margin-bottom: 10px; letter-spacing: -1px}
.costit strong{color: #afcb20; margin-right:10px}