/* 전체 래퍼 */
.reservation-wrap{
  max-width:1200px;
  margin:40px auto;
  padding:40px;
  background:#0f0f0f;
  border-radius:20px;
  color:#fff;
  font-family: Pretendard, Apple SD Gothic Neo, sans-serif;
}

/* 타이틀 */
.page-title{
  text-align:center;
  margin-bottom:40px;
}
.page-title h1{
  font-size:28px;
  font-weight:700;
  margin-bottom:10px;
}
.page-title .text1{
  font-size:14px;
  color:#aaa;
}

.page-title .text2{
  margin:15px 0;
  font-size:14px;
  color:#555;
  padding:8px 0;
  background:#fff;
  border-radius: 5px;
}

/* 좌우 폼 영역 */
.form-area{
  display:flex;
  gap:40px;
}

/* 각 박스 */
.form-box{
  flex:1;
  background:#141414;
  padding:30px;
  border-radius:16px;
}

/* 섹션 제목 */
.form-box h2{
  font-size:18px;
  margin-bottom:25px;
  display:flex;
  align-items:center;
  gap:10px;
}
.form-box .step{
  background:#ff6a00;
  color:#fff;
  width:26px;
  height:26px;
  border-radius:50%;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 필드 */
.field{
  margin-bottom:18px;
}
.field label{
  display:block;
  font-size:13px;
  margin-bottom:6px;
  color:#ccc;
}


/* ===== 터미널 라디오 ===== */
.field .radio-row{
  display:flex;
  gap:10px;
}

.field .radio-row label{
  flex:1;
  cursor:pointer;
}

.field .radio-row input[type="radio"]{
  display:none;
}

.field .radio-row span{
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  background:#222;
  color:#fff;
  border:1px solid transparent;
  transition:all 0.2s;
}

/* 선택 상태 */
.field .radio-row input[type="radio"]:checked + span{
  background:#ff6a00;
  color:#fff;
  border-color:#ff6a00;
}



.field input:not([type="radio"]),
.field select {
  width:100%;
  height:44px;
  background:#222;
  border:none;
  border-radius:10px;
  padding:0 12px;
  color:#fff;
  font-size:14px;
}


/* 한 줄에 여러개 */
.field-row{
  display:flex;
  gap:10px;
}
.field-row .field{
  flex:1;
}

/* 시간 select */

.field.time{
  max-width:80px;
}

.field-row{
  align-items:flex-end;
}


/* 날짜 필드  */
.field-row .field:first-child{
  flex: 2;   /* ← 날짜 */
}

/* 시간 / 분 */
.field-row .field.time{
  flex: 1;          /* ← 시, 분 */
  max-width: none;  /* 기존 80px 무효 */
}



/*연락처, 편명, 비번*/
.field-row.info_same .field{
  flex:1;
}

/* 차량 정보 줄 비율 조정 */
.field-row.car-info .field:nth-child(1){
  flex: 1;    /* 차량번호 ↓ */
}

.field-row.car-info .field:nth-child(2){
  flex: 1.6;  /* 차종 ↑ */
}

.field-row.car-info .field:nth-child(3){
  flex: 0.8;  /* 변속기 */
}


.dateBox .field input{background:url('../image/icon/cal_icon2.png') top 50% right 5px no-repeat;
                            background-color:#333;}


.client-memo{width:100%; height:60px; 
                 padding:5px 10px; background:#4e5051; color:#FFF;
                  font-family: Pretendard, Apple SD Gothic Neo, sans-serif;}


/* 중앙 금액 박스 */
.price-box.center{
  max-width:600px;
  margin:30px auto;
  text-align:center;
  line-height: 1.5;
}

/* 금액 박스 */
.price-box{
  margin-top:30px;
  padding:20px;
  border-radius:14px;
  background:linear-gradient(135deg,#2a1608,#1a0d05);
  border:1px solid rgba(255,106,0,.4);
}
.price-guide{
  font-size:13px;
  color:#ffb37a;
  margin-bottom:10px;
}
.price-total{
  font-size:16px;
}
.price-total strong{
  color:#ff6a00;
  font-size:22px;
}


/**********************************
     동의 체크 (이용약관 , 개인정보처리)
**********************************/
 .agreement-box {
  margin:20px 10px;
}

.agreement-box .agree{margin-bottom:20px;}

.agreement-box .agree label.title {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 6px;
  display: inline-block;
  color: #FFF;
}

.agreement-box .agree textarea {
  width: 100%;
  height: 120px;
  padding: 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background:#474747;
  font-size: 14px;
  resize: vertical;
  line-height: 1.5;
  color: #acadad;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
  font-family: Pretendard, Apple SD Gothic Neo, sans-serif;
}

.agreement-box .checkbox-wrap {
  margin-top: 8px;
  font-size: 14px;
}
  .agreement-box .title {
  font-weight: 600;
  display: block;
  margin-bottom: 6px;}
/**********************************
     동의 체크 (이용약관 , 개인정보처리)
------------------ 여기까지 ---------------------
**********************************/



/* 버튼 */
.submit-btn{
  width:100%;
  height:56px;
  background:#ff6a00;
  border:none;
  border-radius:14px;
  font-size:18px;
  font-weight:700;
  color:#fff;
  cursor:pointer;
}

/* 이용안내 */
.notice-box{
  margin-top:40px;
  background:#141414;
  padding:25px;
  border-radius:16px;
}
.notice-box h3{
  color:#ff6a00;
  font-size:14px;
  margin-bottom:10px;
}
.notice-box li{
  font-size:13px;
  color:#bbb;
  margin-bottom:6px;
}


@media (max-width:900px){
  .reservation-wrap{
  padding:30px 1%;
}

  .form-area{
    flex-direction:column;
  }
}