@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*/

/***** reservation {*****/
#reservation{position:relative; margin:0; padding:20px 10px; background:#e3e3e3;}
.reservation-form {padding:0px 15px; }
.row {display:flex; position:relative;}
.main_select{position:relative; float:left; width:100%; 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:13px; 
	font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7; margin-bottom:5px;}
.select_people{position:relative; float:left; width:33.3%; height:35px; line-height:35px; padding:0 10px; margin-bottom:5px; margin-right:5px; 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:13px; 
	font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7;}
.select_people:last-child{margin-right:0px;}
.select_bank{position:relative; float:left; width:50%; height:35px; line-height:35px; padding:0 10px; margin-bottom:5px; margin-right:5px; 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:13px; 
	font-weight:300; background-color:#fff; text-align:left; border:1px solid #d7d7d7;}


.date-pick-area {flex:1; box-sizing: border-box; height:60px; background:#a2794f; margin-bottom:5px;}
.btn-block {box-sizing:border-box; display:flex; height:100%; justify-content:center; align-items:center; text-decoration:none; padding-top:10px;}
.btn-block	dl {display:flex; flex-direction: column; margin-right:10%;}
.btn-block	dl:last-child {margin-right:0;}
.btn-block	dt {display:none; }
.btn-block	dd {display:flex; align-items:center; white-space:nowrap; }
.year-month {display:flex; flex-direction:column; line-height:1.2; font-size:12px; color:#dac9b9; letter-spacing:0; vertical-align: bottom; }
.day {margin-left:10px; line-height:1; font-weight:500; font-size:30px; color:#fff; letter-spacing:0;}
.night_day {display:flex; flex-direction:column; line-height:1.2; font-size:12px; color:#dac9b9; letter-spacing:0; vertical-align: bottom; }
.night {margin-left:5px; line-height:1; font-weight:500; font-size:16px; color:#dac9b9; letter-spacing:0;}
.btn-submit{-webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; display:block; width:100%; height:60px; text-align:center; font-weight:500; color:#fff; background:#515151; border:none;}


/* 달력 */
#wrap{width:100%; height:100%;}
#container .plan-month {margin-top:0; margin-bottom:20px; text-align:center; }
#container .plan-table {width:100%;}
#container .plan-month {height:20px;}
#container .plan-month span {color:#333; font-size:18px; margin:0 auto; font-weight:600;}
#container .plan-month a {width:20px; text-indent:-9999px; height:30px; border:none;}
#container .plan-month .prevmonth {position:absolute; left: 0; top:0px;}
#container .plan-month .nextmonth {position:absolute; right: 0; top:0px;}
#container .plan-table tr th {font-size: 12px; border-top:1px solid #eee; box-sizing:border-box; padding: 10px 0;}
#container .plan-table tr th:nth-child(1) {color:#f10000 !important;}
#container .plan-table tr th:nth-child(7) {color:#005991 !important;}
#container .plan-table tr td a {font-size:12px; height:auto; background:#f7f6f5; color:#333; width:100%; border:none; font-weight:500; padding:10px 0;}
#container .plan-table tr td {padding:10px 0;}
#container .plan-table tr th ,#container .plan-table tr td {border-left:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; border-right:1px solid #eee; font-weight: 500; padding:10px 0; height:39px; text-align:center; font-size:12px;}
#container .plan-table tr th {color:#888 !important;}
#container .plan-table tr td a.on {height:auto; background:#b79f7b; font-weight:bold; width:100%; padding:10px 0; color:#fff;} 
#container .plan-table tr td.end {background:#f7f6f5; color:#a8a8a8}
#container .plan-table tr td.book {background:#fff; color:#333;}
#container .plan-table tr td.sunday {color:#f10000;}
#container .plan-table tr td.saturday {color:#005991;}
#container .plan-table tr td.today {background:#94002d; color:#fff; font-weight:bold;}
#container .plan-table tr td.selected_start {background:#60564c; color:#fff;}
#container .plan-table tr td.selected_ing {background:#afaaa5; color:#fff;}
#container .plan-table tr td.selected_end {background:#a2794f; color:#fff;}
#container .plan-table tr td:first-child ,.reserv_r .plan-table tr th:first-child {border-left:1px solid #eee;}
#container .m_section1 .section_wrap {padding-top: 30px;}

.popup_reserv {width: 100%;float: none !important;display: none;}
.reserv_in {position: fixed; top:50%;left:0; right:0; margin:0 auto; overflow:hidden; box-sizing:border-box; z-index:9999; width:94.5%; margin-top:23px; border:1px solid #ddd;}
.reserv_t {padding: 8px 10px;background-color: #fff;border-bottom: 1px solid #ddd; text-align:right;}
.reserv_t img {width:4%; height:4%x;vertical-align: middle;}
.reserv_t span {cursor: pointer;padding: 7px 10px;}
.reserv_r {width:100%; background-color:#fff; padding:25px; box-sizing:border-box; }
/***** reservation }*****/


/***** room_list {*****/
.room_p{margin:20px 0px 10px;}
.room_p span{color:#94002d; font-size:14px; font-weight:600;}
.room_list{width:100%; border-top:2px solid #000; border-bottom:1px solid #d6d6d6; padding:15px 0px;}
.room_list img{width:100%;}
.room_list .text_area{width:100%; background:#e3e3e3; padding:10px;}
.room_list .text_area .title{display:block; font-size:15px; font-weight:500;}
.room_list .text_area .txt{display:block; padding:5px 0; font-size:13px;}
.room_list .text_area .reserv_btn a{display:block; width:100%; background:#94002d; color:#fff; padding:10px 0; font-size:14px; font-weight:300; margin-top:5px; text-align:center;}

/***** 예약현황 *****/
.status_info{margin:20px 0 0; padding:0px; background:#2e2e2e; border:1px solid #ddd;}
.status_info ul{overflow:hidden; width:100%; margin:0 auto; text-align:left; padding:20px;}
.status_info ul li{position:relative; padding-left:10px; margin-bottom:3px; font-size:13px; color:#fff; font-weight:300;}
.status_info ul li span{color:#f63832;}
.status_info ul li:before{display:block; content:""; width:4px; height:4px; background:#fff; position:absolute; left:0; top:6px;}
.status_info ul li:last-child{margin-bottom:0;}

/***** 개인정보수집동의 *****/
.privacy{width:100%; border-top:2px solid #000; padding:15px 0;}
.privacy .title{font-size:13px; margin-bottom:5px; font-weight:600;}
.privacy .title span{position:absolute; right:10px;}
.privacy .info_area{width:100%; font-size:13px; height:130px; border:1px solid #ddd; margin:0px; padding:10px; overflow:auto;}
.privacy .info_area .title{font-size:13px;}

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

/***** 예약안내 *****/
.reservation_guide{width:100%; background:#f5eee7; padding:20px 10px; text-align:center;}
.reservation_guide .title{font-size:20px; border-bottom:2px solid #94002d; margin-bottom:10px;}
.reservation_guide .txt{font-size:14px;}
.reservation_guide .title2{text-align:left; margin-top:20px; font-weight:600;}
.reservation_guide p{text-align:left; color:#9a0028; font-size:13px;}


/***** button *****/
.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;}

.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:#a37a50; 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:#515151; 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}