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

.btn-calendar {display: inline-block; width: 20%; height: 100%; line-height: 100%; /*height: 38px; line-height: 38px;*/ text-align: center;/*background: var(--color-1); color: #fff;*/ font-size: 14px; margin: 0px auto 120px auto;}

.h1 {margin:120px 0px 60px 0px; text-align: center; font-family: RixRak-Sans_Regular; font-size: 26px; color: #222;}


@media (max-width: 992px){
    .tab {margin: 30px 0 60px;}
    .tab li {width: 135px; height: 38px; line-height: 38px; font-size: 12px; margin: 0 5px;}

	.btn-calendar {display: inline-block; width: 40%; height: 100%; line-height: 100%;/*height: 38px; line-height: 38px;*/ text-align: center;/*background: var(--color-1); color: #fff;*/ font-size: 14px; margin: 0px auto 80px auto;}

	.h1 {margin:80px 0px 60px 0px; text-align: center; font-family: RixRak-Sans_Regular; font-size: 26px; color: #222;}

}
/* ===============================================================
    * 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;}

}