/*-- 실시간예약 --*/
/* ul.lnb {
    margin-left:-590px;
    width:1180px;
} */
/*예약자 정보*/
ul.userInfo {
	margin:40px 0;
	text-align:center;
	width:100%;
	height:50px;
	line-height:50px;
	border:1px solid #ebebeb;
}
ul.userInfo_ok {
	margin-bottom:20px;
}
ul.userInfo li {
	display:inline;
	padding:0 35px;
	font-size:16px;
	color:#000;
	background:url('../img/slash.png') no-repeat center left;
}
ul.userInfo li:first-child {
	background:none;
}

div.calendaBox div {
    float:left;
    width:590px;
}
ul.reservHead {
    position:relative;
	margin-bottom:25px;
	text-align:center;
}
ul.reservHead li {
	display:inline-block;
}
ul.reservHead li.month {
	margin:0 90px;
	font-size:24px;
	font-family: 'Noto Sans DemiLight';
	color:#000;
}
ul.reservHead li.month > span {
	font-size:16px;
}
table.calenda {
    margin:10px 30px;
    width:530px;
    border-top:1px solid #eee;
}
table.calenda tr {
    height:55px;
}
table.calenda tr th {
    font-size:16px;
    font-family: 'Noto Sans Light';
    color:#454545;
}
table.calenda tr td {
    text-align:center;
    font-size:16px;
    font-family: 'Noto Sans DemiLight';
    color:#454545;
}
table.calenda tr td a {
    display:inline-block;
    width:45px;
    height:45px;
    line-height:41px;
    border:2px solid transparent;
    box-sizing:border-box;
    transition:none;
}
table.calenda tr td.sun a {
    color:#eb6100;
}
table.calenda tr td.sat a {
    color:#00a0e9;
}
table.calenda tr td a.reserv {
    border-bottom:2px solid #45b2bd; 
}
table.calenda tr td a.reserv:hover {
    border:2px solid #45b2bd;
}
table.calenda tr td a.today {
    border:2px solid #fb5a4a; 
}
table.calenda tr td a.closed {
    border-bottom:2px solid #ddd; 
    color:#ccc;
}
table.calenda tr td a.pick, table.calenda tr td a:active {
    border:2px solid #45b2bd;
    background:#45b2bd;
    color:#fff;
}

ul.colorIndex {
    padding:17px 0;
    text-align:center;
    background-color:#fafafa;
}
ul.colorIndex li {
    margin:0 30px;
    display:inline-block;
    font-size:14px;
    color:#5a5a5a;
}
ul.colorIndex li span {
    float:left;
    margin-right:8px;
    display:block;
    width:12px;
    height:12px;
    border-radius:14px;
}
ul.colorIndex li span.circle01 {
    width:14px;
    height:14px;
    background:#45b2bd;
}
ul.colorIndex li span.circle02 {
    border:2px solid #45b2bd;
}
ul.colorIndex li span.circle03 {
    border:2px solid #ccc; 
}
ul.colorIndex li span.circle04 {
    border:2px solid #fb5a4a; 
}

ul.reservTab li {
    float:left;
}
ul.reservTab li a {
    margin-right:-1px;
    display:block;
    width:160px;
    height:45px;
    text-align:center;
    line-height:45px;
    font-size:16px;
    color:#525252;
    border:1px solid #eee;
}
ul.reservTab li.tabOn a {
    background-color:#716558;
    border:1px solid #716558;
    color:#fff;
}
table.timeTbl {
    width:100%;
}
table.timeTbl tr th {
    height:40px;
    background:#525252;
    font-size:14px;
    font-family: 'Noto Sans DemiLight';
    color:#fff;
}
table.timeTbl tr td {
    text-align:center;
    border:1px solid #ddd;
    height:50px;
    font-size:15px;
    color:#333;
}
table.timeTbl tr td a {
    padding:5px 10px;
    background:#ea68a2;
    font-size:13px;
    color:#fff;
}
table.timeTbl tr td a:hover {
    background:#e10060;
    text-decoration:none;
}
table.timeTbl tr td a.closedBtn {
	background:#bbb;
}
table.timeTbl tr td a.closedBtn:hover {
	background:#999;
}
p.reservTxt01 {
    margin-top:10px;
    padding-left:20px;
    font-size:16px;
    line-height:20px;
    color:#666;
    background:url('../img/mark.png') no-repeat 0;
}
/*-- END 실시간예약 --*/



/*-- 예약확인취소 --*/
div.reservCntBox {
    margin-top:20px;
}
table.tbl01 tr td a.changeBtn {
    padding:5px 10px;
    background:#ea68a2;
    font-size:13px;
    color:#fff;
}
table.tbl01 tr td a.cancelBtn {
    padding:5px 10px;
    background:#999999;
    font-size:13px;
    color:#fff;
}
table.tbl01 tr td a.changeBtn:hover {
    background:#e10060;
    text-decoration:none;
}
table.tbl01 tr td a.cancelBtn:hover {
    background-color:#454545;
    text-decoration:none;
}
/*-- END 예약확인취소 --*/



/*-- 대기예약 --*/
div.waitingCldBox div {
    float:left;
    width:530px;
}
div.waitingCldBox div.rightBox {
    margin-left:50px;
}
div.waitingCldBox ul.reservHead {
    margin:0 auto;
    padding:10px 0;
    width:530px;
    border:1px solid #eee;
    border-bottom:none;
}
ul.reservHead li.arrow {
    position:absolute;
    top:13px;
    width:20px;
    height:20px;
    cursor:pointer;
}
ul.reservHead li.arrow_L {
    left:20px;
    background:url('../img/arrow.png') 0 0;
}
ul.reservHead li.arrow_R {
    right:20px;
    background:url('../img/arrow.png') -20px 0;
}
div.waitingCldBox ul.reservHead li {
	display:inline-block;
}
div.waitingCldBox table.calenda {
    border:1px solid #eee;
    margin:0;
    margin-top:0;
}
div.waitingCldBox table.calenda tr {
    height:55px;
}
div.waitingCldBox ul.colorIndex {
    margin-top:20px;
}
/*-- END 대기예약 --*/


/*-- 인터넷예약가이드 --*/
div.reservGuide {
    border-top:2px solid #eee;
}
div.depositBox01 {
    margin:25px 0;
    padding:20px 30px;
    width:380px;
    border:2px solid #eee;
}
div.depositBox01 > ul {
    padding-left:90px;
    background:url('../img/reservGuide02.png') no-repeat 0;
}
div.depositBox02 {
    margin-top:30px;
    padding:10px 20px;
    background-color:#f9f9f9;
    text-align:center;
}
div.depositBox02 P {
    margin:0;
}
div.depositBox02 P span {
    text-decoration:underline;
    color:#1083c5;
}
/*-- END 인터넷예약가이드 --*/


/*-- 연간/월간 단체 --*/
div.bookingIcon {
    background:url('../img/bookingIc.png') no-repeat 950px 100px;
}
table.bookingBox tr {
    height:45px;
}
table.bookingBox tr th {
    vertical-align:top;
    padding-right:20px;
    text-align:left;
    font-size:17px;
}
table.bookingBox tr th span {
    padding-right:10px;
    font-size:20px;
    font-style:italic;
    color:#f26c4f;
}
table.bookingBox tr td {
    vertical-align:top;
    font-size:16px;
    line-height:26px;
    color:#454545;
}
table.bookingBox tr td span {
    color:#756ced;
}
a.downBtn {
    margin-left:15px;
    display:inline-block;
    padding:2px 15px;
    font-size:14px;
    background-color:#bd0000;
    color:#fff;
}
/*-- END 연간/월간 단체 --*/


/*-- 조인게시판 --*/
div.joinBox {
    margin-top:20px;
}
/*달력*/
div.calHeader{
    position:relative;
    top:0;
    padding:15px 0; 
    border:1px solid #eeeeee;
}
div.calHeader div.month {
    text-align:center;
    font-size:24px;
    color:#383838;
}
div.calHeader div.arrow {
    position:absolute;
    top:17px;
    width:20px;
    height:20px;
    cursor:pointer;
}
div.calHeader div.arrow_L {
    left:20px;
    background:url('../img/arrow.png') 0 0;
}
div.calHeader div.arrow_R {
    right:20px;
    background:url('../img/arrow.png') -20px 0;
}
table.joinCalendar {
    width:100%;
}
table.joinCalendar tr th {
    text-align:center;
    height:35px;
    font-size:13px;
    color:#fff;
    background-color:#dccfa4;
    border:1px solid#dccfa4;
}
table.joinCalendar tr td {
    position:relative;
    padding:10px;
    height:100px;
    border:1px solid #eeeeee;
    box-sizing:border-box;
    vertical-align:baseline;
}
table.joinCalendar tr td p {
    font-size:20px;
    color:#000100;
}
/*컬러*/
table.joinCalendar tr td.sun p {
    color:#f6415f;
}
table.joinCalendar tr td.sat p {
    color:#1087d3;
}

table.joinCalendar tr td div.data {
    position:absolute;
    right:10px;
    bottom:10px;
}
table.joinCalendar tr td div.data a {
    display:inline;
    font-size:15px;
    color:#888;
}
table.joinCalendar tr td div.data a:hover {
    text-decoration:underline;
    color:#333;
}
table.joinCalendar tr td div.data p {
    padding:0 2px;
    display:inline;
    font-size:15px;
    color:#888;
}




/*-- END 조인게시판 --*/