@charset "utf-8";

input[type="date"] { width:100%; padding:10px; text-align:left; font-size:0.9em; color:#000000; border:2px solid #e1e1e1; border-radius:6px; }

.reserve_rap{ float:none; width:100%; margin:0 auto; padding:50px 0 50px 0; clear:both;}

.btn_rusubmit{ width:100%; height:46px; line-height:46px; margin:0 auto; padding:0 0 0 0;  background: #1572e8; text-align:center; font-size:0.9em; color:#ffffff; border:0 solid #e1e1e1; border-radius:2px; }
.btn_rusubmit:hover{ background: #eb0202; font-size:1.0em; color:#ffffff; }


.form_radio_btn_disabled { float:left; width:calc(20% - 2px); height : 40px; margin:1px; border: 1px solid #f5f5f5; border-radius: 2px; text-decoration: line-through;text-decoration-color:#999999; font-size:0.7em;  }
.form_radio_btn_disabled input[type=radio] { display: none; }
.form_radio_btn_disabled label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px;  font-size:0.7em;}
/* Checked */
.form_radio_btn_disabled input[type=radio]:checked + label { background: #f5f5f5; color: #fff; font-size:0.7em;  }	 
/* Hover */
.form_radio_btn_disabled label:hover { color: #fff; font-size:0.7em;}
/* Disabled */
.form_radio_btn_disabled input[type=radio] + label { background: #F9FAFC; color: #999999; }

.myreserve_rap{ float:none; width:100%; margin:0 auto; padding:10px 0 50px 0; clear:both;}


/*--------PC##########################################################--------*/
@media (min-width: 1280px){
    .reserve_box{ float:none; width:700px; margin:0 auto; padding:0; clear:both;}
    .reserve_mtitle img{width:280px;}

    .myreserve_box{ float:none; width:700px; margin:0 auto; padding:0; clear:both;}

.form_radio_btn { float:left; width:calc(20% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.9em;  }
.form_radio_btn input[type=radio] { display: none; }
.form_radio_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px;  font-size:0.9em;}
/* Checked */
.form_radio_btn input[type=radio]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_radio_btn label:hover { color: #fff; font-size:1.0em;}
/* Disabled */
.form_radio_btn input[type=radio] + label { background: #F9FAFC; color: #000000; }

.form_checkbox_btn { float:left; width:calc(20% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.9em;  }
.form_checkbox_btn input[type=checkbox] { display: none; }
.form_checkbox_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px; font-size:0.9em; }
/* Checked */
.form_checkbox_btn input[type=checkbox]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_checkbox_btn label:hover { color: #fff; font-size:1.0em; }
/* Disabled */
.form_checkbox_btn input[type=checkbox] + label { background: #F9FAFC; color: #000000; }

}
/*--------태블릿###########################################################---------*/
@media (min-width: 768px) and (max-width: 1279px){
    .reserve_box{ float:none; width:700px; margin:0 auto; padding:0; clear:both;}
    .reserve_mtitle img{width:280px;}

    .myreserve_box{ float:none; width:700px; margin:0 auto; padding:0; clear:both;}

    .form_radio_btn { float:left; width:calc(20% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.9em;  }
.form_radio_btn input[type=radio] { display: none; }
.form_radio_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px;  font-size:0.9em;}
/* Checked */
.form_radio_btn input[type=radio]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_radio_btn label:hover { color: #fff; font-size:1.0em;}
/* Disabled */
.form_radio_btn input[type=radio] + label { background: #F9FAFC; color: #000000; }

.form_checkbox_btn { float:left; width:calc(25% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.9em;  }
.form_checkbox_btn input[type=checkbox] { display: none; }
.form_checkbox_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px; font-size:0.9em; }
/* Checked */
.form_checkbox_btn input[type=checkbox]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_checkbox_btn label:hover { color: #fff; font-size:1.0em; }
/* Disabled */
.form_checkbox_btn input[type=checkbox] + label { background: #F9FAFC; color: #000000; }

}

/*--------모바일###########################################################---------*/
@media (min-width: 1px) and (max-width: 767px){
    .reserve_box{ float:none; width:96%; margin:0 auto; padding:0; clear:both;}
    .reserve_mtitle img{width:220px;}

    .myreserve_box{ float:none; width:90%; margin:0 auto; padding:0; clear:both;}

    .form_radio_btn { float:left; width:calc(20% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.8em;  }
.form_radio_btn input[type=radio] { display: none; }
.form_radio_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px;  font-size:0.8em;}
/* Checked */
.form_radio_btn input[type=radio]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_radio_btn label:hover { color: #fff; font-size:0.9em;}
/* Disabled */
.form_radio_btn input[type=radio] + label { background: #F9FAFC; color: #000000; }

.form_checkbox_btn { float:left; width:calc(25% - 2px); height : 40px; margin:1px; border: 1px solid #e9e9e9; border-radius: 2px;  font-size:0.8em;  }
.form_checkbox_btn input[type=checkbox] { display: none; }
.form_checkbox_btn label { display: block; border-radius: 2px; margin: 0 auto; text-align: center; height: -webkit-fill-available; line-height: 40px; font-size:0.8em; }
/* Checked */
.form_checkbox_btn input[type=checkbox]:checked + label { background: #1572e8; color: #fff; font-size:0.8em;  }	 
/* Hover */
.form_checkbox_btn label:hover { color: #fff; font-size:1.0em; }
/* Disabled */
.form_checkbox_btn input[type=checkbox] + label { background: #F9FAFC; color: #000000; }

}




.reserve_myrap{float:none; width:100%; height:60px; margin:0 auto; padding:0;  clear:both;}
.reserve_myhome{float:left; width:50%; height:60px; line-height:60px; margin:0 auto; padding:0; text-align:left;  vertical-align: middle;}
.reserve_mybox{float:left; width:50%; height:60px; line-height:60px; margin:0 auto; padding:0; text-align:right; vertical-align: middle;}
.reserve_mybox li{float:right;padding:0; text-align:right; vertical-align: middle;}
.myrsvbtn{ height:42px; line-height:42px; margin:0 auto; padding:0 22px 0 22px;  background: #1572e8; text-align:center; font-size:0.9em; color:#ffffff; border:0 solid #e1e1e1; border-radius:21px;}
.around{ width:42px; height:42px; line-height:42px;  margin:0 auto; padding:0; border-radius:21px; background: #343435;color:#ffffff;}

.ma_title{float:none; width:100%; height:32px; margin:0 auto; padding:0; font-size:0.9em;border-bottom:2px solid #666666; clear:both;}
.ma_lct{float:none; width:100%; height:64px; margin:0 auto; padding:0;font-size:0.84em; border-bottom:1px solid #e1e1e1; clear:both;}
.ma_nb{float:left; width:35%;  margin:0 auto; padding:10px 0 10px 0; text-align:center;}
.ma_tt{float:left; width:50%;  margin:0 auto; padding:10px 0 10px 0; text-align:left;}
.ma_cf{float:left; width:15%; margin:0 auto; padding:10px 0 10px 0; text-align:center;}

.end_mtitle{float:none; width:100%; height:60px; margin:0 auto; padding:0; text-align:center; font-size:1.3em; color:#000000; clear:both;}
.end_stitle{float:none; width:100%; height:60px; margin:0 auto; padding:0; text-align:center; border-bottom:2px solid #666666; color:#000000; clear:both;}
.end_gdcont{float:none; width:100%;  margin:0 auto; padding:0; text-align:center; font-size:1.0em; color:#000000; clear:both;}
.end_fa6600{ color:#fa6600; font-weight:bold; }

.reserve_mtitle{ float:none; width:100%; height:60px; margin:0 auto; padding:0; text-align:center; font-size:1.3em; color:#000000; clear:both; }


.reserve_stitle{ float:none; width:100%; height:30px; margin:0 auto; padding:0; text-align:center; font-size:0.8em; color:#666666; clear:both; }
.reserve_gdcont{ float:none; width:100%; margin:0 auto; padding:10px 0 0 0; text-align:left; font-size:0.8em; color:#333333; clear:both; }
.reserve_form{ float:none; width:100%; margin:0 auto; padding:0; clear:both;}
.formline{ float:none; width:100%; margin:0 auto; padding:25px 0 0 0; text-align:left; clear:both;}
.reserve_hiddenform{width:100%; padding:10px; text-align:left; font-size:0.9em; color:#000000; border:0 solid #ffffff; }
.reserve_textform{width:100%; padding:10px; text-align:left; font-size:0.9em; color:#000000; border:2px solid #e1e1e1; border-radius:6px; }
.reserve_textareaform{width:100%; height:120px; padding:10px; text-align:left; font-size:0.8em; color:#000000; border:2px solid #e1e1e1; border-radius:6px; }

.hdc_wrap{ float:none; width:100%; height:60px; margin:0 auto; padding:0;  background-color:#f9f9f9; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; clear:both; }
.hdc_wrap ul{ float:none; width:100%; margin:0 auto; padding:0; clear:both; }
.hdc_wrap a{ font-weight:bold; font-size:1.0em; }
.hdc_wrapa{ float:left; width:15%; height:60px; line-height:60px; text-align:right; margin:0 auto; padding:0; }
.hdc_wrapb{ float:left; width:40%; height:60px; line-height:60px; text-align:center; margin:0 auto; padding:0; font-weight:bold; font-size:1.0em; }
.hdc_wrapc{ float:left; width:15%; height:60px; line-height:60px; text-align:left; margin:0 auto; padding:0; }
.hdc_box{ float:none; width:100%; margin:0 auto; padding:0; clear:both;}
.hdc_box ul{ float:none; width:100%; margin:0 auto; padding:0; clear:both;}
.hdc_week{
    float:left; width:14.2857%;  height:50px; margin:0; padding:10px 0 10px 0; text-align:right; border-bottom:1px solid #e1e1e1; font-weight:bold; font-size:0.9em;
}
.hdc_day{
    float:left; width:14.2857%;  height:70px; margin:0; padding:10px 0 10px 0; text-align:right; border-bottom:1px solid #e1e1e1; font-weight:bold; font-size:0.9em;
}
.hdc_day:hover{
    background-color:#f9f9f9;
}
.hdc_today{
    float:left; width:14.2857%;  height:70px; margin:0; padding:10px 0 10px 0; text-align:right; border-bottom:1px solid #e1e1e1; font-weight:bold; font-size:0.9em; background-color:#f9f9f9;
}

.holy{color:#fa0000;}
.satholy{color:#003afa;}
.black{color:#000000;}

.lunar{ font-family: 'GmarketSansLight'; color:#e1e1e1; font-size:0.7em; }
.gangi{ font-family: 'GmarketSansLight'; color:#e1e1e1; font-size:0.7em; }
.red{ font-family: 'GmarketSansLight'; color:#fa0000e1; font-size:0.8em; }
.sblue{ font-family: 'GmarketSansLight'; color:#0075fa; font-size:0.8em; }
.sorange{ background-color:#fa6600; border-radius:2px; padding:6px; font-family: 'GmarketSansLight'; color:#ffffff; font-size:0.7em; }
.num{ color:#000000; }
.gray{ font-family: 'GmarketSansLight'; color:#cccccc; font-size:0.8em; }
.calendarnum{ margin:0 10px 0 0; }