.reservation_title{font-size:130%;font-weight:bold;padding:10px 5px;margin:20px 0 20px 0;color:#333;border-bottom:0px solid #333}
.rv_explain{color:#a98d0d}

.calendar_box{}

.calendar_btn_box .box1{width:70%;float:left;vertical-align:bottom}
.calendar_btn_box .box2{width:30%;float:left;text-align:right}
.calendar_btn_box .btn{display:inline-block;font-size:15pt;font-family:'Arial Black';border:0px solid #ccc;padding:5px 10px;background:#fff;/*height:20px;line-height:20px*/;color:#9b9b9b}
.calendar_btn_box .btn:hover{color:#ff9188;border-color:#ff9188}
.calendar_btn_box .year{font-size:120%;font-weight:bold;padding:5px 0}
.calendar_btn_box .month{font-size:120%;font-weight:bold;padding:5px 0}

.calendar_table{width:100%;border-collapse:collapse;border-spacing:0;background:#333;table-layout:fixed}
.calendar_table .head th{padding:10px 4px;text-align:center;background:#fff;color:#333;border:1px solid #ccc;font-weight:normal}
.calendar_table .sun{color:#f92424}
.calendar_table .sat{color:blue}	
.calendar_table td{padding:0;text-align:center;verical-align:middle;background:#f1f1f1;color:#c7c7c7;border:1px solid #ccc;word-break:break-all}
.calendar_table._cal_big td{color:#000}

.calendar_table td div{padding:4px}	
.column_not{}
.column_full{background:url(http://haedamipension.co.kr/reservation/img/full_bg_icon.png) no-repeat -4px -4px}

.column_etc{background:#fff;color:#333}		
.column_today{background:#d0af16;color:#fff}
.column_highlight{background:orange;color:#fff}	

.input_form input, .input_form select{padding:5px;font-size:10pt;background:#fff;border:1px solid #ccc}
.input_form #etc{width:98%;height:100px;margin:0}	
.m9-table-1.input_form td{text-align:left}

input{margin:2px 0;padding:2px;font-size:10pt;background:#fff;border:1px solid #ccc;line-height:100%}
input:hover{border-color:#f92424;outline:none}
select{margin:2px 0;padding:2px;font-size:10pt;background:#fff;border:1px solid #ccc;line-height:100%}
select:hover{border-color:#f92424;outline:none}


/* 버튼 */
.button, .select-box{
display:inline-block;*zoom:1;*display:inline;padding:2px 10px;
font-size:1em;text-align:center;text-decoration:none;white-space:nowrap;
border-width:1px;border-style:solid;
/* box-shadow:0px 1px 2px rgba(0,0,0,.2);-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0px 1px 2px rgba(0,0,0,.2);		 */
}
button.button:hover,a.button:hover,input.button:hover,button.button:focus,a.button:focus,input.button:focus{
text-decoration:none;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;cursor:pointer; 
}
button.button:active,a.button:active,input.button:active{
position:relative;top:1px;text-decoration:none;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;cursor:pointer;
}
.button{padding:0.5em 1em;font-size:100%;line-height:1;background:#006285;/*#f44336*/;color:#fff;border-color:#006285;/*#f44336*/}
.large[class*=button], .large[class*=select-box]{
padding:0.5em 1em;font-size:120%;font-weight:bold;
}

.button.white{background:#fff;color:#000;border-color:#ccc}

.small[class*=button], .small[class*=select-box]{
padding:0.5em 1em;font-family:돋움;font-size:85%;
}

.button-style-1{border:none;border-radius:3px;text-shadow:none}

.reservation-box .m9-table-1 thead th{background:#f1f1f1}
.reservation-box .m9-table-1 tfoot th, .reservation-box .m9-table-1 tfoot td{background:#f9f8f8}


.m9-grid-block.reservation-box .m9-hr-2{padding-top:40px}


.status_1{background-color:#a1157e;color:#fff;border-color:#550032}
.status_2{background-color:#DC143C;color:#d6d63e;border-color:#8E0000}
.status_3{background-color:#092334;color:#fff;border-color:#3B3B3B}
.status_4{background-color:#15a17b;color:#fff;border-color:#006943}	
.status_5{background-color:#fafafa;color:#000;border-color:#999}
.status_1, .status_2, .status_3, .status_4, .status_5{min-width:55px;/*height:20px*/;background-image:none}
.reservation_code{font-weight:bold;color:#333}
.reservation_code:hover{color:#BE0808;text-decoration:underline}	

.reservation-box input, .reservation-box select,.reservation-box textarea{border:1px solid #ccc;padding:10px}


._span_group{display:inline-block;white-space:nowrap}

.box-out{
padding:20px;overflow:hidden;background:#fff;
border-top:#e3e3e3 solid 1px;border-left:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;border-bottom:#e6e6e6 solid 1px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
box-shadow:0px 1px 3px #e9e9e9;-webkit-box-shadow:0px 1px 2px #e9e9e9;-moz-box-shadow:0px 1px 2px #e9e9e9;
}
.box-out:after{content:"";clear:both;}

.box-out .box-up{margin:0 0 5px 0;text-align:center}
.box-out .box-left{float:left;margin:0 5px 0px 0}
.box-out .box-right{float:right;margin:0 0 0px 5px}

.box-list{position:relative;overflow:hidden}
.box-list ul, .box-list ol{position:relative;overflow:hidden}
.box-list li{display:block;overflow:hidden;padding:0px 0px;/*border-bottom:1px dashed #D9D9D9*/;vertical-align:middle;clear:both}
.box-list li:last-child{border-bottom:none}

.box-key{
float:left;display:block;width:80px;margin:2px 5px 2px 2px;padding:0;text-align:center;
font-size:100%;color:#333;font-weight:bold;word-break:break-all;text-shadow:0px 0px 2px #fff;
background:#f1f1f1 url(http://blog.mong9.com/m9_img/etc/gradient/btn_on.png) repeat-x;
border-style:solid;border-color:#ccc;border-width:1px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}

.box-list .value{display:block;overflow:hidden;margin:0 10px;padding:3px}
.box-empty{background:none;border-width:0;text-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}	

.box-title{
position:relative;display:block;margin:0 0 10px 0;padding:10px 15px;
font-size:100%;color:#333;font-weight:bold;word-break:break-all;text-shadow:0px 0px 2px #fff;
background:#eee /*url(http://blog.mong9.com/m9_img/etc/gradient/btn_on.png) repeat-x*/;
border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
clear:both;
}

._reservation_admin_btn_box{margin:2em 0;text-align:right}
._reservation_admin_btn_box a{margin:0 2px 2px 0}


._cal_big ._one_rv_cell{width:100%;min-height:216px;background:#fff;text-align:left;font-family:'dotum';font-size:13px;padding-bottom:10px}

._cal_big ._one_rv_cell ._day{font-weight:bold}
._cal_big ._one_rv_cell ._day>._yoil{display:inline-block;margin:0 5px}

._cal_big ._one_rv_cell ._end_msg{font-size:1.1em;color:#666}
._cal_big ._one_rv_cell ._icon{display:inline-block;padding:1px 4px;background:#3F51B5;color:#fff;font-family:'dotum';font-size:11px;border-radius:50px;margin-right:5px;vertical-align:middle}
._cal_big ._one_rv_cell ._icon._impossible{background:#ffd7d7;color:#ff0000}

._cal_big ._one_rv_cell ._room_one{color:#333}
._cal_big._ex_box ._one_rv_cell{min-height:auto;margin-top:20px}
._cal_big._ex_box ._one_rv_cell ._ex1{margin-right:10px}

#_reservation_calendar2 .calendar_btn_box>.box1{font-size:1.6em}
#_reservation_calendar2 .calendar_btn_box>.box2{padding-top:10px}

._reservation_title2{padding:40px 0;text-align:center;font-size:35px;font-weight:bold}

._reservation_policy{height:150px;border:1px solid #ccc;padding:10px;overflow-y:scroll;overflow-x:hidden;background:#f1f1f1;font-size:13px;color:#666}
._reservation_policy br{display:inline-block !important}

._tel_box{display:table;width:100%;max-width:400px;white-space:nowrap}
._tel_box>span{display:table-cell}
._tel_box>span input{width:100%}

@media screen and (max-width: 768px) {

.m9-table-1._reservation_list{display:block}
.m9-table-1._reservation_list thead{display:none}
.m9-table-1._reservation_list tbody{display:block}
.m9-table-1._reservation_list tbody tr{display:block;text-align:left;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:20px}
.m9-table-1._reservation_list tbody th, .m9-table-1._reservation_list tbody td{display:inline-block;border:none;padding:10px 5px}
.m9-table-1._reservation_list tbody tr>th{display:block;text-align:left;background:#f1f1f1}

._reservation_admin_btn_box{text-align:left}

#_reservation_calendar2 .calendar_btn_box>.box1{font-size:1em}

.calendar_table._cal_big{display:block;background:#fff;border-top:1px solid #000}
.calendar_table._cal_big tbody{display:block}
.calendar_table._cal_big .head{display:none}
.calendar_table._cal_big tr{display:block}
.calendar_table._cal_big td{display:block;border:none}

.calendar_table._cal_big ._one_rv_cell{min-height:auto;border-bottom:1px solid #ccc;padding-bottom:0}
._cal_big ._one_rv_cell ._day{display:inline-block;float:left}
._cal_big ._one_rv_cell ._end_msg{display:inline-block}

._cal_big ._one_rv_cell ._room_list{display:block;overflow:hidden}

._cal_big ._one_rv_cell ._room_one{display:inline-block;margin-right:10px}

._cal_big ._one_rv_cell ._day>._yoil:before{content:'('}
._cal_big ._one_rv_cell ._day>._yoil:after{content:')'}

._cal_big._ex_box ._one_rv_cell{background:#f1f1f1;padding:10px}

.m9-table-1._reservation_input{display:block}
.m9-table-1._reservation_input thead{display:none}
.m9-table-1._reservation_input tbody{display:block}
.m9-table-1._reservation_input tbody tr{display:block;text-align:left;border-bottom:1px solid #ddd;padding:0;/*margin-bottom:20px*/}
.m9-table-1._reservation_input tbody th, .m9-table-1._reservation_input tbody td{display:block;border:none;padding:10px}
.m9-table-1._reservation_input tbody td{padding:10px 0}
.m9-table-1._reservation_input tbody tr>th{display:block;text-align:left;background:#f1f1f1}

.m9-table-1._reservation_input ._msg1{display:block;margin-top:3px;font-size:13px;font-family:'dotum'}

#reservation_name, #bank, #bank_man, #bank_man{width:100%}

.reservation-box input, .reservation-box select,.reservation-box textarea{font-size:1.1em}


.box-list._tt .box-key{float:none;width:auto;text-align:left}
.box-list._tt .value{padding:5px 0;margin:0}
#OrdNo, #name{width:100%}

._tel_box{max-width:100%}
}