@charset "utf-8";

#visual {position:relative; height:370px; margin:0 auto; background:url(../images/visual_reserve.jpg) center no-repeat; 
background-size:cover; }


/*달력*/
div.leftCnt {
    float:left;
    margin-top:48px;
    width:390px;
    text-align:center;
}
h2.title {text-align:left; font-size:20px; color:#000; margin-bottom:20px;}
.pre {text-align:left; margin-top:30px;}

div.leftCnt .colorIndex {float:left;}
div.leftCnt .colorIndex li {position:relative; float:left; padding:0 0 0 22px; margin-right:15px;}
div.leftCnt .colorIndex li:nth-child(1):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#eca033;}
div.leftCnt .colorIndex li:nth-child(2):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#74b8db;}
div.leftCnt .colorIndex li:nth-child(3):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#85b65e;}
div.leftCnt .colorIndex li:nth-child(4):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#da6d7e;}
div.leftCnt .colorIndex li:nth-child(5):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#e6e6e7;}

div.leftCnt .colorIndex02 {float:left;}
div.leftCnt .colorIndex02 li {position:relative; float:left; padding:0 0 0 22px; margin-right:15px;}
div.leftCnt .colorIndex02 li:nth-child(1):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#85b65e;}
div.leftCnt .colorIndex02 li:nth-child(2):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#da6d7e;}
div.leftCnt .colorIndex02 li:nth-child(3):before {content:""; position:absolute; left:0; top:5px; width:20px; height:19px; background:#e6e6e7;}


div.calBox h2.calHead{
  background:#f7f7f7;
  height:50px;
  line-height:50px;
}
h2.calHead {
	position:relative; 
    font-size:22px;
    color:#363636;
}
h2.calHead span.prev {position:absolute; top:15px; left:80px;}
h2.calHead span.next {position:absolute; top:15px; right:80px;}
table.calenda {
    width:100%;
}
table.calenda thead th{
    border-bottom:1px solid #d2d2d2;
	height:50px;
}
table.calenda tbody td {height:45px; text-align:center; vertical-align:top;}

table.calenda tbody tr:last-child td{border-bottom:1px solid #d2d2d2;}
table.calenda tbody tr td:last-child a{ color:#2692ac;}
table.calenda tbody tr td:first-child a{ color:#b44848;}
table.calenda th {
    height:28px;
    font-size:20px;
    font-weight:300;
}
table.calenda th.sun {color:#b34848;}
table.calenda th.sat {color:#2693ae;}
table.calenda td {
    height:45px;
    color:#7d7d7d;
	border:1px solid #c8c8c8;
}
table.calenda td.sun a {color:#fd0019;}
table.calenda td.sat a {color:#1abff0;}
table.calenda td a {
    display:inline-block;
    width:100%;
    height:100%;
    font-size:15px;
}

table.calenda td a.lottery {
    background-color:#eca033;
    color:#fff;
}
table.calenda td a.memberday {
    background-color:#74b8db;
    color:#fff;
}
table.calenda td a.today {
    background-color:#b92c42;
    color:#fff;
}

table.calenda td a.closed {
    background-color:#e6e6e7;
    color:#444;
}
table.calenda td a.closed span {font-size:13px;}
table.calenda td a.reserved {
    background-color:#85b65e;
    color:#fff;
}
table.calenda td a.reserved span {
    color:#fff;
	display:block;
	font-size:13px;
}
table.calenda td a span {display:block; font-size:13px;}
table.calenda td a.select {
    background-color:#da6d7e;
    color:#fff;
}
/*
table.calenda td a.before {
    background-color:#114966;
    color:#fff;
}
table.calenda td a.before span {
    background-color:#114966;
    color:#fff;
	display:block;
	font-size:13px;
}
*/
table.calenda td a{
    background-color:#fff;
    color:#333;
}

table.calenda td a:hover {background:#da6d7e; color:#fff;}





/*예약*/

div.rightCnt {position:relative; float:right; margin-top:48px; width:570px; text-align:center;}
div.rightCnt .holeSelect {position:absolute; top:-10px; right:0; font-size:18px;}
div.rightCnt .holeSelect span {margin-left:20px;}
div.rightCnt .course {height:60px; line-height:60px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
div.rightCnt .course li {float:left; width:20%; border-left:1px solid #c8c8c8; font-size:18px; }
div.rightCnt .course li a {display:block; width:100%; height:100%;}
div.rightCnt .course li.on a {background:#455560; color:#fff;}
div.rightCnt .course li:hover a {background:#455560; color:#fff;}


div.rightCnt .reserve_wrap {
    height:700px;
    overflow-x: hidden;
    overflow-y: auto;
	border:1px solid #c8c8c8;
}


.btn_reserve {display:inline-block; min-width:100px; border:1px solid #455560; padding:3px 15px; color:#1a1a1a; }
.btn_reserve:hover {background:#455560; color:#fff;}

.btn_ing {display:inline-block; min-width:100px; border:1px solid #646464; padding:3px 15px; color:#1a1a1a; }
.btn_ing:hover {background:#646464; color:#fff;}

.btn_cancel {display:inline-block; min-width:100px; border:1px solid #9e1f32; padding:3px 15px; color:#1a1a1a;}
.btn_cancel:hover {background:#9e1f32; color:#fff;}


table.reserve {width:100%;} 
table.reserve tr {height:45px; cursor:pointer;} 
table.reserve tr:hover td {color:#1a1a1a;}
table.reserve th {background-color:#e6e6e7; font-weight:500; font-size:18px; color:#1a1a1a; font-weight:400;} 
table.reserve td {text-align:center; font-size:14px; color:#989898;}

.reserve_info {display:none; float:left; width:100%; margin-top:100px; padding-top:30px; border-top:1px solid #ddd; }
.reserve_info .btn {display:block; width:300px; height:50px; line-height:50px; background:#80ba27; text-align:center; margin:30px auto; font-size:20px;}
.reserve_info .btn a {color:#fff;}


#container .choiceType {}
#container .choiceType li {float:left;}



p.reCheckTxt span {
    font-size: 28px;
    letter-spacing: 1px;
    color: #3c4856;
}




/*예약팝업*/
div.reservPopup {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index:9999;
}
div.reservPopup.show {
    display:block;
}
div.popupInner {
    position:relative;
    top:30%;
    left:50%;
    margin-top:-240px;
    margin-left:-275px;
    border-top:3px solid #85b65e;
    width:550px;
    height:900px;
    background-color:#FFF;
}
div.popupInner h2.popTit1 {
	padding:15px 30px;
    border-bottom:1px solid #e9e9e9;
    font-size:20px;
    color:#000;
}
div.closedBtn {
    position:absolute;
    right:30px;
    top:18px;
    width:18px;
    height:18px;
    background:url('../img/closedBtn.png') no-repeat center right;
    cursor:pointer;
}
div.popupInner h2.popTit {
    padding:15px 0;
    border-bottom:1px solid #e9e9e9;
    font-size:20px;
    color:#000;
}
div.popupInner > div {
    padding:0 30px;
}
div.popupInner table.tbl01 {
    margin-top:30px;
}
div.popupInner table.tbl01 th {
    border-top:2px solid #b8b8b8;
}
div.popupInner table.tbl01 td {
    text-align:center;
}
div.popupInner table.tbl01 td.point {
    color:#ef2d39;
}
div.popupInner p.popTxt {
    margin-top:30px;
    text-align:center;
    font-size:16px;
    line-height:26px;
    color:#888;
}

div.popupInner div.mediumBtn {
    margin-top:30px;
}
div.popupInner textarea {width:490px; height:80px; border:1px solid #e0e0e0; }
.ipt30 {width:29%; height:40px; line-height:40px; border: 1px solid #e0e0e0;}
.ipt70 {width:69%; height:40px; line-height:40px; border: 1px solid #e0e0e0;}
.note .area {font-size:15px; color:#b8b8b8;}
/*-- END 예약하기 --*/


ul.reserv_choice {width:950px; margin:0 auto;}
ul.reserv_choice li {float:left; width:450px; height:280px; border:1px solid #c8c8c8;}
ul.reserv_choice li:last-child {margin-left:50px;}
ul.reserv_choice li a {display:table-cell; text-align:center; vertical-align:middle; width:448px; height:298px; color:#1a1a1a; font-size:20px;}
ul.reserv_choice li a div {font-size:30px;  letter-spacing:-2px;}
ul.reserv_choice li a div strong {font-weight:600;}
ul.reserv_choice li a img {width:100px; height:100px;}
ul.reserv_choice li:hover {border:1px solid #1a1a1a;}



.btn_xs {background:#b2b7bb; width:100%; padding:6px 15px;}
.btn_xs a {color:#fff; font-size:16px;}