/*---------예약조회 스타일-------------*/

.reser_box {
  max-width: 1200px; margin: 0 auto; overflow: hidden;
  height: 450px; border: 5px solid #f0f0f0; padding: 50px 0;
}
.reser_title {text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.reser_name_box, .reser_num_box {
  display: flex; 
  margin: 0 auto;
  width: 55%; height: 50px; margin-bottom: 10px;
}

.reser_box span {
  width: 25%; display: block; text-align: left; font-size: 18px;
  color: #000; line-height: 50px; padding-left: 30px; font-weight: 500;
}
.reser_box input {
  width: 65%; padding: 15px 15px;
  outline: none;
 }
 .reser_box .reser_check_btn{
  background-color: #e60012; width: 150px; height: 45px; line-height: 45px; color: #fff; text-align: center; display: block; margin: 0 auto; border:none;  border-radius: 30px; font-weight: 600; font-size: 17px; margin-top: 50px;
 }
 
.reser_content {width:320px; margin:0 auto;}
.reser_content div{line-height:200%;}
.reser_btn {width:320px; margin:0 auto; display:flex; justify-content:center}
.reser_cancel{
    background-color: #e60012; width: 150px; height: 45px; line-height: 45px; color: #fff; text-align: center; display: block; margin: 0 auto; border:none;  border-radius: 30px; font-weight: 600; font-size: 17px; margin-top: 50px;
}

.reser_back{background:#fff; width: 150px; height: 45px; line-height: 45px; color: #333; text-align: center; display: block; margin: 0 auto; border:1px solid #ccc; border-radius: 30px; font-weight: 600; font-size: 17px; margin-top: 50px;}
    

 @media (max-width:900px){
  .reser_name_box, .reser_num_box {width: 100%;}
 }

 @media (max-width:600px){
  .reser_title {font-size: 16px; padding: 0 10px;}
  .reser_box span {display: none;}
  .reser_box input {width: 90%; margin: 0 auto;}
 }

/*-----------예약하기 스텝1 스타일--------------*/

 .agree_box {
  width:100%; height:300px; padding:15px; overflow-y:auto;
  border:5px solid #f0f0f0; font-size:1.2em;
 }

 .agree_yes{margin:20px 0; text-align:right; font-size: 17px; font-weight: 600;}

 .agree_yes_btn {
  color: #e60012; width: 20px; height:20px; cursor: pointer;
 }
 .reser_start{
  background-color: #e60012; color: #fff; width: 150px; height: 45px; line-height: 45px;
  text-align: center; display: block; margin: 0 auto; font-weight: 600; font-size: 17px;
  margin-top: 30px; outline: none; border-radius: 30px;
 }

 /*-----------예약완료 스타일--------------*/

 .reser_fin {
  width: 300px; height: 300px; text-align: center; padding-top: 113px;
  background: #fa94a4; color: #fff; border-radius: 100%; font-size: 28px;
  font-weight: 600; margin: 0 auto;
 }

 .reser_fin_btn {
    overflow: hidden; max-width: 1000px;
 }

 .reser_rechk, .go_main{
  width: 150px; height: 45px; line-height: 45px;
  text-align: center; display: block; margin: 0 auto; font-weight: 600; font-size: 17px;
  border-radius: 30px; float: left;
 }

 .reser_rechk{
    background-color: #e60012; color: #fff;
 }
 .reser_rechk a {color: #fff;}
 .go_main {border: 1px solid #e60012;}
 .go_main a {color: #e60012;}