/*---- 실시간예약 ----*/
div.reservPage div.subTitBox {
    background:url('../img/bg_reserv.png') center no-repeat;
    background-size: cover;
}
div.reservPage p.subTxt01 {
   
}
div.selectDate {
    float:left;
    margin-top:60px;
    width:380px;
}
div.calenda {
    margin-top:15px;
    width:100%;
}
div.calHead {
    position:relative;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #ddd;
}
div.calHead span.arrow {
    position:absolute;
    top:0;
    font-size:15px;
    color:#767d8f;
}
div.calHead span.arrow_l {
    left:15px;
}
div.calHead span.arrow_r {
    right:15px;
}
div.calHead p.month {
    font-size:22px;
}
div.calHead p.month span {
    font-size:16px;
}
table.calTbl {
    width:100%;
    border:1px solid #ddd;
    border-top:none;
}
table.calTbl tr th {
    height:30px;
    font-size:13px;
    font-family: 'Noto Sans Light';
    color:#444;
	background:#e6e6e6;
}
table.calTbl tr td {
    height:45px;
    border:1px solid #ddd;
}
table.calTbl tr td a {
    display:block;
    width:100%;
    height:100%;
    font-size:16px;
    color:#888;
    border:2px solid transparent;
    text-align:center;
	line-height:44px;
    box-sizing:border-box;
}
table.calTbl tr td a span {
    display:block;
    font-size:13px;
}
table.calTbl tr td a.closed {background:#eee;}
table.calTbl tr td a.closed span {
    color:#bbb;
}
table.calTbl tr td a.reserved span, table.calTbl tr td a.pick span{
    font-family: 'Noto Sans Bold';
    color:#cd3e3e;
}
table.calTbl tr td a.reserved {display:block; background:#d2b394; color:#fff;}
table.calTbl tr td a.reserved:hover, table.calTbl tr td a.pick, table.calTbl tr td a.pick span, table.calTbl tr td a.reserved:hover span{
	background:#cd3e3e;
	color:#fff;
}
/*색 - 토,일*/
table.calTbl tr th.sat, table.calTbl tr td.sat a {
	color:#00b7ee
}
table.calTbl tr th.sun, table.calTbl tr td.sun a {
	color:#b92c42
}

div.selectTime {
    float:right;
    margin-top:60px;
    width:780px;
}
div.today {
    margin:15px 0;
    height:90px;
	line-height:90px;
    font-size:24px;
    text-align:center;
	border-bottom:1px solid #ddd;
}
div.today span {
    color:#b92c42;
}

/*
ul.timeInner {
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}
ul.timeInner li {
    display:inline-block;
    width:380px;
}
ul.timeInner li p.timeTit {
    margin-bottom:10px;
    font-size:16px;
    text-align:center;
    color:#000000;
}
ul.timeInner li.inCourse {
    margin-left:16px;
}
*/
div.reservTab {margin-top:15px;}
div.reservTab a {
    float:left;
    display:block;
    width:120px;
    height:45px;
    line-height:45px;
    background-color:#fff;
    text-align:center;
    font-size:16px;
    color:#525252;
    border:1px solid #eee;
}
div.reservTab a.tabOn {
    background-color:#107ab7;
    border:1px solid #107ab7;
    color:#fff;
}

table.timeTbl {
    width:780px;
    border-top:2px solid #153041;
    border-bottom:1px solid #ddd;
}


table.timeTbl tr {
    border-bottom:1px solid #ddd;
}
table.timeTbl tr th {
    height:40px;
    font-size:14px;
    text-align:center;
    color:#454545;
    background:#f7f7f7;
}
table.timeTbl tr td {
    height:50px;
    font-size:14px;
    text-align:center;
    color:#7b7b7b;
}
.timeInner ul {width:780px; height:40px; line-height:40px; background:#f7f7f7;}
.timeInner ul li {float:left; width:190px; text-align:center; }
table.timeTbl tr td {width:195px; }
table.timeTbl tbody {float:left; overflow-y:auto; height:500px;}

table.timeTbl tr td.price {
    text-decoration: line-through;
}
table.timeTbl tr td.sale {
    color:#dc843c;
}

table.timeTbl tr td p.fees {
    color:#333;
}
table.timeTbl tr td a {
    display:inline-block;
    width:105px;
    height:25px;
    border:1px solid #cd3e3e;
    font-size:13px;
    line-height:25px;
    color:#cd3e3e;
}
table.timeTbl tr td a.reservBtn {
    border:1px solid #cd3e3e;
    color:#cd3e3e;
}
table.timeTbl tr td a.reservBtn:hover {
    background-color:#cd3e3e;
    color:#fff;
}
table.timeTbl tr td a.closedBtn {
    border:1px solid #bbb;
    color:#bbb;
}
table.timeTbl tr td a.ingBtn {
    border:1px solid #ca920a;
    color:#ca920a;
}


ul.colorIndex {
    margin-top:15px;
}
ul.colorIndex li {
    margin-right:15px;
    display:inline-block;
    font-size:15px;
    color:#333;
	
}
ul.colorIndex li span {
    float:left;
    margin-right:8px;
    display:inline-block;
    width:15px;
    height:15px;
	margin-top:4px;
}
ul.colorIndex li span.box01 {
     background-color:#b92c42;
}
ul.colorIndex li span.box02 {
     background-color:#d2b394; 
}
ul.colorIndex li span.box03 {
    background:#eee;
    border:1px solid #ccc;
}


/*-- END 실시간예약 --*/



/*---- 예약확인 및 취소 ----*/
div.reservOkPage div.subTitBox {
    background:url('../img/bg_guide02.png') no-repeat;
}
div.reservOkPage p.subTxt01 {
    text-align:center;
    margin-bottom:30px;
}
table.tbl01 tr td a {
    display:inline-block;
    padding:3px 14px;
    background-color:#caced1;
    font-size:14px;
    color:#fff;
}
table.tbl01 tr td a.col {
    background-color:#667985;
}

/*-- END 예약확인 및 취소 --*/

table.tbl01 tr th {
    background:#f9f9f9;
}
table.tbl01 tr td p {
    display:inline-block;
    width:4.2%;
    font-size:17px;
    text-align:center;
}
table.tbl01 tr td p.iptStyle {
    padding:0 15px;
    width:100%;
    height:50px;
    background-color:#f6f6f6;
    border:1px solid #e0e0e0;
    font-size:14px;
    text-align:left;
    line-height:50px;
    box-sizing:border-box;
}
ul.checkBox {
    display:inline-block
}





/*예약안내*/

.call {border:1px solid #ddd; width:100%; display:table; margin-top:20px;}
.call dt {display:table-cell; width:40%; text-align:center; background:#f9f9f9;}
.call dt:before {display:inline-block; content:''; width:50px; height:50px; background:url(../img/ico_call.png) center no-repeat; background-size:contain; vertical-align:middle; margin-right:10px;}
.call dd {display:table-cell; width:30%; padding:30px; text-align:center;}
.call dd {border-left:1px solid #ddd;}