.reserve {padding-top: 0;}
.reserve .tab {margin-top: 80px; display: flex; justify-content: center; align-items: center;}
.reserve .tab li {width: 230px; height: 52px; line-height: 52px; text-align: center; margin: 0 10px; font-size: 14px; color: #222; border: 1px solid #ccc; transition: .4s;}
.reserve .tab li.active, .reserve .tab li:hover {background: var(--color-1); color: #fff; border-color: var(--color-1);}
.reserve .tab li a {display: block; width: 100%; height: 100%;}

.reserve-box {margin-top: 80px;}
@media (max-width: 992px){
    .reserve .tab {margin-top: 20px;}
    .reserve .tab li {width: 150px; height: 38px; line-height: 38px; margin: 0 5px; font-size: 12px;}
    .reserve-box {margin-top: 40px;}
    .reserve .btn-calendar {width: 100%; height: 38px; line-height: 38px; text-align: center; background: var(--color-1); color: #fff; font-size: 14px; margin: 60px auto;}
}

/* ===============================================================
    * charge
=============================================================== */
.charge-box {width: 100%; margin-bottom: 120px;}
.ch-tit {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; color: var(--color-1);}
.ch-tit span {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; background: var(--color-1); color: #fff; font-size: 16px;}
.ch-tit h2 {padding-left: 10px; font-size: 18px;}
.charge-wrap {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 90px;}
.charge-wrap .charge-box {width: 48%;}
.ch-content {font-size: 14px; line-height: 28px; color: #666;}
.refund h3 {font-size: 12px; margin: 30px 0 20px; font-weight: bold;}
.type-scroll {width: 100%; text-align: center; border: 1px solid #d8d8d8; border-left: none; border-right: none;}
.type-scroll th {height: 50px; line-height: 50px; background: #f6f6f6; color: #000;}
.type-scroll td {height: 50px; line-height: 50px; text-align: center; color: #000;}

@media (max-width: 992px){
    .charge-box {margin-bottom: 40px;}
    .charge-box:last-of-type {margin-bottom: 60px;}
    .ch-tit span {width: 30px; height: 30px; line-height: 30px; font-size: 14px;}
    .ch-tit h2 {font-size: 14px;}
    .charge-wrap {display: block; margin-bottom: 40px;}
    .charge-wrap .charge-box {width: 100%;}
    .ch-content {font-size: 12px; line-height: 20px;}
    .refund h3 {font-size: 12px; margin: 20px 0;}
    .table-wrap {overflow-x: auto;}
    .type-scroll {width: 900px; font-size: 12px;}
    .type-scroll th {height: 30px; line-height: 30px; width: auto;}
    .type-scroll td {height: 30px; line-height: 30px;}

}