@charset "utf-8";
/* CSS Document */

/* reset */
li{list-style:none;vertical-align:top;}
ul{padding:0px;}
i{vertical-align:middle;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
caption{position:absolute; left:-9999px; width:0; height:0; font-size:0; overflow:hidden; text-indent:-9999px;}
input,select,textarea {-webkit-border-radius:0; -webkit-appearance:none; appearance:none;}
select::-ms-expand {display: none;}  /* 화살표 없애기 for IE10, 11*/

.check_area{float:right;}
.check_area span{display:block; padding-bottom:22px;}
.check_area span lable{padding-left:30px; font-size:16px; line-height:20px; color:#000;}
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {font-size:13px; padding-left:22px; background:url("../images/common/checkbox_off.png") no-repeat 0 center; background-size:contain; background-size:18px; padding-top:2px;}
input[type="checkbox"]:checked + label {padding-left:22px; background:url("../images/common/checkbox_on.png") no-repeat 0 center; background-size:contain; background-size:18px; padding-top:2px;}


/*예약하기 객실정보 */
.reserv_wrap {margin-top:10px;}
.reserv_wrap > div {float: none;}
.reserv_con {overflow: hidden;border: 1px solid #ddd; box-sizing: border-box;}
.reserv_conr {float: right; width:100%; padding-top:30px; box-sizing:border-box; max-width:436px; border-top:1px solid #ddd;}
.reserv_conl {float: left; width:100%; max-width:762px; padding:30px 10px 10px 10px;box-sizing: border-box;}

.reserv_conr ul li {position: relative; padding-left: 80px;height: 35px;line-height: 35px;margin-bottom: 15px;}
.reserv_conr ul li:nth-child(2) {border-bottom:none;}
.reserv_conr ul li:nth-child(3) {border-bottom:none;}
.reserv_conr ul li:nth-child(4) {border-bottom:none;}
.reserv_conr ul li span {position: absolute;left: 0;color: #333;font-size: 14px;font-weight: 500;}
.reserv_conr ul li .fix_room {color: #999;font-size: 13px;background-color: #f8f8f8; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px;}
.reserv_conr ul li .checkin_date {color: #999;font-size: 13px;background-color: #fff !important;height: 35px; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px;/*background: url(../../images/sub/checkin.gif) no-repeat 95% center;*/}
.reserv_conr ul li select {color: #999;font-size: 13px;background-color: #fff !important; border: 1px solid #ccc; box-sizing: border-box;padding-left: 15px !important;width: 100%;height: 35px;}
.reserv_conr .comm_btn {width:100%; background:#005baa; height:50px; margin-top:25px; margin-bottom:30px; text-align:center;}
.reserv_conr .comm_btn a {display:block; font-size: 16px;line-height: 50px; color:#fff;}
.reserv_lb {border-top:1px solid #ddd; box-sizing:border-box; margin-top:25px;}
.reserv_lb span {display: block;line-height:22px;color: #666;font-size: 12px; font-weight: 400;}
.reserv_lb p {margin-top: 3px; font-size: 14px; color: #333;font-weight: 500;}

.reserv_conr ul li select {background: url(../images/common/select_bg.gif) no-repeat right center;}.sub0601 .reserv_wrap {height: auto;}


/*예약하기 달력 */
.plan-month2 {margin-bottom:20px; text-align:center; line-height:20px; position:relative;}
.plan-month2 span {font-size:24px; font-weight: 900;}
.plan-month a {width:20px; border:none; text-indent:-9999px; height:30px;}
.plan-month2 a.nextmonth {background: url(../images/reservation/next_icon.gif) no-repeat center; position:absolute; right:70px;}
.plan-month2 a.prevmonth {background: url(../images/reservation/prev_icon.gif) no-repeat center; position:absolute; left:70px;}

.plan-table2 {width:100%;}
.plan-table2 {table-layout:fixed; width:100%; margin:0 auto; border-spacing:0; text-align:center; font-size:15px; font-weight:bold; }
.plan-table2 tr th {padding:10px 0; color:#666; font-size:13px; text-align:center;}
.plan-table2 tr th ,#container .plan-table2 tr td {border:1px solid #eee; box-sizing: border-box; }
.plan-table2 tr td {font-size:12px; border: 1px solid #eee; padding:7px 0;}
.plan-table2 tr td a {display:block; height:15px; background: #fbfbfb; font-size:12px; width: 40px; margin: 0 auto; border:0px solid #ccc; }
.plan-table2 tr td a span {display:block; color:#333; font-weight:300;}
.plan-table2 tr td.today{background:#299567; color:#fff; height:40px; line-height:40px; width:100%;}
.plan-table2 tr td.today a{display:block; background:#299567; color:#fff; height:40px; line-height:20px; width:100%;}
.plan-table2 tr td.today a span{display:block; color:#fff; height:40px; font-weight:300;}
.plan-table2 tr td.end {background:#f6f6f6; height:40px; line-height:40px; width:100%;}
.plan-table2 tr td.book{background:#fff; height:40px; line-height:20px; width:100%;}
.plan-table2 tr td.book a{background:#fff !important; height:40px; line-height:20px; width:100%;}
.plan-table2 tr td.book a span{display:block; color:#333; height:40px; font-weight:300;}
.plan-table2 tr td.book a span img{width:25%;}
.plan-table2 tr td.book_next{background:#fff !important; height:40px; line-height:40px; color:#b9b9b9;}
.plan-table2 tr td.sunday a{display:block; color:#f10000; height:40px;width:100%;}
.plan-table2 tr td.sunday a span{display:block; color:#333; height:40px; font-weight:300;}
.plan-table2 tr td.sunday a span img{width:25%;}
.plan-table2 tr td.saturday a{display:block; color:#005991; height:40px; line-height:20px; width:100%; background-color:#fffedb;}
.plan-table2 tr td.saturday a span{display:block; color:#333; height:40px; font-weight:300;}
.plan-table2 tr td.saturday a span img{width:25%;}
.plan-table2 tr th:nth-child(1) {border-left: 1px solid #eee;box-sizing: border-box;}
.plan-table2 tr td:nth-child(1) a {color:#c20000;}
.plan-table2 tr td:nth-child(1) a.on {color:#fff;}
.plan-table2 tr td:nth-child(1) a.active {color:#fff;}
.plan-table2 tr th:nth-child(7) {color:#0079e9;}
.plan-table2 tr td:nth-child(7) a {color:#0079e9;}
.plan-table2 tr td:nth-child(7) a.on {color:#fff;}
.plan-table2 tr td:nth-child(7) a.active {color:#fff;}
.plan-table2 tr th:nth-child(1) {color:#c20000;}
.guide{position:absolute; font-size:12px; margin:12px 0; right:10px; top:163px;}
.guide li{display:inline; margin-left:10px;}
.guide li:first-child{margin-left:0;}
.guide li span{display:inline-block; width:11px; height:11px; vertical-align:middle; margin-right:3px; text-indent:-9999px;}
.guide li.todayDate span{background:#008ed5;}
.guide li.book span{background:#fffedb; border:1px solid #ddd;}
.guide li.hold span{background:#dedede;}
.cap{font-size:12px; text-align:left; margin:0 20px 20px;}


/* 주의사항 */
.info_notice{position:relative; width:100%; border:1px solid #ddd; padding:10px; color:#999; text-align:left; font-size:12px; margin:20px 0;}


/* 예약완료 */
.complete{position:relative; background:#f8f1e9; font-size:16px; text-align:center;  padding:30px;}


/* 대기예약 */
.cm_side {position:absolute; right:10px; top:130px; color:#888; font-size:12px; }
.cm_side span{color:#c20000;}
.cm_pdl10{padding-left:10px;}


.reserve_info{margin:20px 0 0; padding:0px; background:#fff; border:1px solid #ddd;}
.reserve_info ul{overflow:hidden; width:100%; margin:0 auto; text-align:left; padding:10px;}
.reserve_info ul li{position:relative; padding-left:10px; margin-bottom:3px; font-size:13px; color:#4787a3;}
.reserve_info ul li span{color:#f63832;}
.reserve_info ul li:before{display:block; content:""; width:4px; height:4px; background:#4787a3; position:absolute; left:0; top:6px;}
.reserve_info ul li:last-child{margin-bottom:0;}

.reserve_info2{margin:20px 0 0; padding:10px; background:#f2f2f2;}
.reserve_info2 ul{overflow:hidden; text-align:left;}
.reserve_info2 ul li{position:relative; padding-left:15px; font-size:13px; color:#222;}
.reserve_info2 ul li:before{display:block; content:""; width:4px; height:4px; background:#222; position:absolute; left:0; top:9px;}
.reserve_info2 ul li:last-child{margin-bottom:0;}


.reserv_conr ul li select {background: url(../images/common/select_bg.gif) no-repeat right center;}.sub0601 .reserv_wrap {height: auto;}

ul.reserve{padding:0px;}
ul.reserve li{padding:6px 5px;vertical-align:middle; border-left:1px solid #ddd;}
ul.reserve li.l_border{border-left:none;}
ul.reserve li span.chapter{display:inline-block; width:50px; text-align:center;}
ul.reserve li span.time{display:inline-block;width:40px;text-align:left;}
ul.reserve li span.caddy{display:inline-block; width:40px; text-align:center;}
ul.reserve li span.price{display:inline-block;width:65px;text-align:right;}
ul.reserve li button{margin-left:5px;}


/* line */
.appl_line{width:100%; border-top:1px solid #ddd; margin-top:20px; margin-bottom:20px;}


/* 시간대 표시 */
.time_table {overflow:hidden; border:1px solid #ddd; width:100%; box-sizing:border-box; }
.stage {width:100%; float:left; padding:10px; box-sizing:border-box;}
.stage strong {display:block; width:100%; padding:5px 0; text-align:center; font-size:16px;}
.stage a,.stage span {width:48.8%; display:inline-block; height:30px; margin:0 1px 5px; text-align:center; font-size:13px; line-height:30px; color:#fff; border-radius:3px;}
.stage a {background-color:#68615d;}
.stage a.end, .stage span.end {background-color:#ccc;}


/* tab */
.nav {padding-left: 0; margin-bottom: 0; list-style: none;}
.nav > li {position: relative; display: block;}
.nav > li > a {position: relative; display: block; padding: 6px 6px;}
.nav-tabs {border-bottom:0px solid #ddd;}
.nav-tabs > li {float:left; margin-bottom:-1px;}
.nav-tabs > li > a {margin-right:2px; line-height:1.42857143;}
.nav-tabs > li.active > a {color:#fff; cursor:default; background-color:#00acd0; border:1px solid #299567;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{color:#fff; cursor:default; background-color:#299567;}

.resTab{margin-top:10px; margin-bottom:5px;}
.resTab>li{width:33.33%;}
.resTab>li a{text-align:center; background-color:#fafafa; color:#666; font-weight:300; font-size:14px; border:1px solid #ddd; margin-bottom:1px;}
.resTab>li:last-child{width:33.34%; margin-right:0px;}


/*예약조회*/
.bd_top {overflow: hidden; border:1px solid #ddd; padding:20px 10px;} 
.bd_top p {position:relative; font-size:13px; color:#333; display: inline-block; text-align:left; padding-right:5px;}
.bd_top .search_set {float:left; text-align:left; width: 100%;}
.bd_top .search_set input {border:1px solid #ccc; box-sizing:border-box; height:35px; color:#999; padding:3px; width:32%; max-width:270px; font-size:12px;}
.bd_top .search_set .search_btn {display:inline-block; height:35px; box-sizing:border-box; margin:0; width:50px; color:#333; background:#f5f5f5; border:1px solid #ccc; font-size:12px; line-height:35px; cursor: pointer; text-align:center;}


/* text */
.coupon_txt{width:100%; background-color:#F5F5F5; padding:10px; text-align:center; margin-top:20px; margin-bottom:20px;}
.dis_p{color:#333; text-decoration:none; font-size:16px;}
.dis_p span{color:#f63832; text-decoration:line-through; font-size:13px;}

.text_info2{width:100%; height:130px; border:1px solid #ddd; overflow:auto; margin:0px; padding:10px;}
.text_info2 ul{text-align:left;}
.text_info2 ul li{position:relative; padding-left:12px; margin-bottom:2px; font-size:13px;color:#222;}
.text_info2 ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:9px;}
.text_info2 ul li:last-child{margin-bottom:0;}

.complete_txt{background-color:#f2f2f2; width:100%; padding:20px 10px; text-align:center; font-size:16px;}
.complete_txt span{color:#007bc7; font-weight:600;}


/* button */
.btn_back{width:50%; height:35px; display:block; background-color:#70abc5; border-radius:0 0 0px 0px; margin:0 auto; line-height:35px;}
.btn_back a{display:block; overflow:hidden; height:35px; font-size:14px; line-height:35px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em}
.btn_list{width:50%; height:35px; display:block; background-color:#e8e8e8; border-radius:0 0 0px 0px; margin:0 auto; line-height:35px;}
.btn_list a{display:block; overflow:hidden; height:35px; font-size:14px; line-height:35px; font-weight:300; border-radius:0 0 0px 0px; text-align:center; letter-spacing:-0.04em}
.btn_write{width:50%; height:35px; display:block; background-color:#70abc5; border-radius:0 0 0px 0px; margin:0 auto; line-height:35px;}
.btn_write a{display:block; overflow:hidden; height:35px; font-size:14px; line-height:35px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em}

.btn_confirm{width:100%; }
.btn_confirm > li{float:left; width:49.5%; margin-right:1%; height:60px;}
.btn_confirm > li:last-child{margin-right:0px;}
.btn_confirm .btn_reserve{width:100%; height:50px; display:block; background-color:#299567; border-radius:0 0 0px 0px; line-height:50px;}
.btn_confirm .btn_reserve a{display:block; overflow:hidden; height:50px; font-size:16px; line-height:50px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em}
.btn_confirm .btn_cancel{width:100%; height:50px; display:block; background-color:#b8b8b8; border-radius:0 0 0px 0px; }
.btn_confirm .btn_cancel a{display:block; overflow:hidden; height:50px; font-size:16px; line-height:50px; font-weight:300; border-radius:0 0 0px 0px; color:#fff; text-align:center; letter-spacing:-0.04em}

.btns {overflow:hidden; text-align:center; width:100%;}
.btns .home_btn {width:130px; height:50px; display:inline-block; margin:30px 0px;}
.btns .home_btn a {background-color:#00acd0; color:#fff; display:block; width:100%; height:100%; line-height:50px; text-align:center;}

button.book{background-color:#312783; color:#fff; height:30px; width:50px;}
button.book2{background-color:#f99d1c; color:#fff; width:68px;}
button.hold{background-color:#2fa1c1; border:none; color:#fff;}
button.btn-course{width:100px; background-color:#4B7BA1; color:#fff;}
button.change{background-color:#f99d1c; color:#fff; padding:5px 10px; line-height:1.5; border:none; margin-bottom:1px;}

.rev_btn a{position:absolute; right:10px; top:209px; display:inline-block; height:25px; line-height:25px; box-sizing:border-box; margin:0; width:60px; color:#888; background:#fff; border:1px solid #ccc; font-size:12px;  cursor: pointer; text-align:center;}


/* 조인하기 */
.join_info{margin:0px; padding:0px; background:#fff; border:0px solid #ddd;}
.join_info ul{overflow:hidden; width:100%; margin:0 auto; text-align:left; padding:10px;}
.join_info ul li{position:relative; padding-left:10px; margin-bottom:3px; font-size:13px; color:#666;}
.join_info ul li span{color:#f63832;}
.join_info ul li:before{display:block; content:""; width:4px; height:4px; background:#666; position:absolute; left:0; top:6px;}
.join_info ul li:last-child{margin-bottom:0;}


/********** 예약변경 **********/
.reser_change_button{margin-bottom:0px; text-align:center;}
.reser_change_button ul{}
.reser_change_button ul li{display:inline-block; width:19.2%; height:55px;}
.reser_change_button ul li a{display:block; box-sizing:border-box; width:100%; height:100%; text-align:center; line-height:20px; border:0px solid #d4d4d4; background-color:#312783; font-size:14px; color:#fff; font-weight:500; padding-top:8px;}
.reser_change_button ul li:last-child{line-height:55px; }

.change input[type="text"]{width:100%; height:33px; padding:0 7px; border:1px solid #ddd;}
.change2 input[type="text"]{width:84.4%; height:33px; padding:0 7px; border:1px solid #ddd;}