@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;}
input[type="checkbox"]:checked + label {padding-left:22px; background:url("../images/common/checkbox_on.png") no-repeat 0 center; background-size:contain;}


/*예약하기 객실정보 */
.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:0px 10px 20px 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:20px 0; text-align:center; 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 {position:absolute; background:url('../images/reservation/next_icon.gif') center no-repeat; right:0;}
.plan-month2 a.prevmonth {position:absolute; background:url('../images/reservation/prev_icon.gif') center no-repeat; left:0;}

.plan-table2 {width:100%;}
.plan-table2 {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 {height:30px; font-size:12px; padding:7px 0; border: 1px solid #eee;}
.plan-table2 tr td a {display:block; background: #fbfbfb; font-size:12px; width: 40px; margin: 0 auto; border:0px solid #ccc; }
.plan-table2 tr td a span {overflow:hidden;display:block;width:4px;height:4px;margin:0 auto;margin-top:4px;border-radius:2px;background:#a5a5a5;text-indent:-9999px;}
.plan-table2 tr td.today{padding: 0;}
.plan-table2 tr td.today a{display:block; background:#00acd0; color:#fff; height:55px; line-height:40px; width:100%;}
.plan-table2 tr td.end {background:#f6f6f6; width:100%; font-size:11px}
.plan-table2 tr td.book{background:#fffedb}
.plan-table2 tr td.book1{background:#00D8FF}
.plan-table2 tr td.book a{display:block; background:inherit; width:100%;}
.plan-table2 tr td.book1 a{display:block; background:inherit; width:100%;}
.plan-table2 tr td.book_next{background:#fffedb !important; height:40px; line-height:40px; color:#b9b9b9;}
.plan-table2 tr td.sunday a{display:block; color:#f10000; height:40px; line-height:40px; width:100%;}
.plan-table2 tr td.saturday a{display:block; color:#005991; height:40px; line-height:40px; width:100%;}
.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:#005991;}
.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:130px;}
			.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:#00acd0;}
			.guide li.book span{background:#fffedb; border:1px solid #ddd;}
			.guide li.book1 span{background:#00D8FF; 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;}


/* 단체예약 */
.new_group_name{font-size:14px; color:#e66100;}

table.table_group{margin:0px; font-family:"NanumGothic"; width:100%;}
table.table_group thead{background:#f5f5f5; border-top:1px solid #ddd}
table.table_group thead th{text-align:center; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
table.table_group tbody{border-top:1px solid #ddd}
table.table_group th,.table_group td{height:30px; line-height:22px; padding:7px; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
table.table_group tr{border-bottom:1px solid #ddd;}
table.table_group td{text-align:left; border-left:1px solid #ddd;}
table.table_group td span{margin-left:10px;}
table.table_group td:first-child{border-left:0 none;}
table.table_group td span.text_1{float:left; text-align:left; font-size:12px; line-height:33px; color:#000; margin-left:0px; }

select option{padding:2px;}
.select_card{position:relative; float:left; width:200px; height:35px; line-height:35px; padding:0 10px; 
	background:url('../images/common/ico_select_arrow.png') right center no-repeat; 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	font-size:12px; font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7; font-family:"NanumGothic";}

.select_par{position:relative; float:left; width:80px; height:30px; line-height:20px; padding:0 10px; 
	background:url('../images/common/ico_select_arrow.png') right center no-repeat; 
	appearance:none; 
	-webkit-appearance:none; 
	-moz-appearance:none; 
	-o-appearance:none; 
	font-size:12px; font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7; font-family:"NanumGothic"; margin-right:0px;}


/* 대기예약 */
.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;}


.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 */
.resTab{margin-top:4px;}
.resTab>li{width:20%;}
.resTab>li a{text-align:center; background-color:#e2e2e2; color:#666; font-weight:300; font-size:13px; border: 1px solid #e2e2e2; margin-bottom:1px;}


/*예약조회*/
.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;}


/* 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:#00acd0; 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:#e8e8e8; 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:#333; 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:#005baa; color:#fff; width:90%; max-width:100px; padding:5px 4px; white-space:normal;}
button.book2{background-color:#ff6b01; color:#fff; width:50px;}
button.book3{background-color:#04B404; color:#fff; width:90%; max-width:100px; padding:5px 4px; white-space:normal;}
button.hold{background-color:#ddd; border:none;}
button.btn-course{width:100px; background-color:#4B7BA1; color:#fff;}

.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;}