/* ===============================================================
    * reservation
=============================================================== */
.tab {padding: 60px 0 120px;}
.tab ul {display: flex; justify-content: center; align-items: center; margin-bottom: 120px;}
.tab li {width: 386px; height: 60px; line-height: 60px; margin: 0 10px; text-align: center; font-size: 16px; border: 1px solid #3d4e60;}
.tab li.active {background: #a3cc01; color: #fff; border-color: #a3cc01;}
@media (max-width: 850px){
    .tab {padding: 30px 15px 60px;}
    .tab ul {margin-bottom: 60px; justify-content: space-between;}
    .tab li {width: calc(50% - 5px); height: 35px; line-height: 35px; margin: 0; font-size: 13px;}
    .rsv-mo span {width: 60px; height: 60px; line-height: 60px; border-radius: 50%; font-size: 30px; margin: 0 auto 20px;}
    .rsv-mo p {font-size: 14px; line-height: 19px; margin-bottom: 40px;}
    .rsv-mo a {width: 100%; height: 45px; line-height: 45px;}
}
/* ===============================================================
    * charge
=============================================================== */
.charge-box {width: 100%; margin-bottom: 80px;}
.ch-tit {display: flex; justify-content: flex-start; align-items: center;}
.ch-tit span {display: inline-block; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; text-align: center; font-size: 18px; letter-spacing: -0.02em; color: #fff; background: #222;}
.ch-tit h2 {padding-left: 10px; font-size: 18px; letter-spacing: 0.02em; color: #333;}
.ch-content {padding-top: 25px; font-size: 14px; line-height: 26px; letter-spacing: -0.02em; color: #000;}
.charge-wrap {display: flex; justify-content: space-between; align-items: flex-start;}
.charge-wrap .charge-box {width: 49%;}
.refund h3 {font-size: 14px; color: #000; margin: 40px 0 20px;}
.type-scroll {width: 100%; text-align: center; border: 1px solid #d8d8d8; border-left: none; border-right: none;}
.type-scroll th {width: calc(100% / 11); 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: 850px){
    .charge-box {margin-bottom: 60px;}
    .ch-tit span {width: 30px; height: 30px; line-height: 34px; font-size: 16px;}
    .ch-tit h2 {padding-left: 10px; font-size: 14px;}
    .ch-content {font-size: 14px; line-height: 20px;}
    .charge-wrap {display: block;}
    .charge-wrap .charge-box {width: 100%;}
    .refund h3 {font-size: 14px; margin: 30px 0 20px;}
    .table-wrap {overflow-x: scroll;}
    .type-scroll {width: 130vw; font-size: 12px;}
    .type-scroll th {height: 30px; line-height: 30px; width: auto;}
    .type-scroll td {height: 30px; line-height: 30px;}
}