/*테이블 공통 1*/
.table-group:not(:last-child) {
    margin-bottom: 24px;
}

.top-table {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.top-table .tit {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.box-table {
    padding: 0 20px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
}

.tbl {
    width: 100%;
    border-collapse: collapse;
}

.tbl thead,
.tbl tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.tbl tr:last-child {
    border-bottom: none;
}

.tbl th {
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: left;
}

.tbl td {
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.tbl .total td {
    color: #c13528;
}

.tbl .total td strong {
    font-weight: 600;
}

.tbl .link {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tbl .link:after {
    content: '';
    display: block;
    width: 7px;
    height: 13px;
    margin-left: 4px;
    background: url('/resource/images/ico_arrow_right2.svg') center center no-repeat;
}

.tbl .link-v1 {
    justify-content: flex-start;
}

.tbl .link-v2 {
    justify-content: flex-end;
}

.tbl .link2 {
    font-size: 16px;
    font-weight: 400;
    color: #3658a6;
    text-decoration: underline;
}

.tbl .txt-s {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
}

.tbl .txt-s:first-child {
    margin-top: 0;
    margin-bottom: 6px;
}

.tbl .c1 {
    color: #999;
}

.tbl .c2 {
    color: #c13528;
}

.tbl .c3 {
    color: #3658a6;
}


/*테이블 공통 2*/
.tbl2 {
    width: 100%;
    border-collapse: collapse;
    padding: 20px 0;
    box-sizing: border-box;
}

.tbl2 .tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.tbl2 .tr:last-child {
    margin-bottom: 0;
}

.tbl2 .td {
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.tbl2 .total {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.tbl2 .total .td {
    color: #c13528;
}

.tbl2 .total .td strong {
    font-weight: 600;
}

.tbl2 .c1 {
    color: #999;
}

/*테이블 공통 3*/
.tbl3 {
    width: 100%;
    border-collapse: collapse;
}

.tbl3 th {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    text-align: left;
}

.tbl3 td {
    padding: 8px 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.tbl3 tr:first-child td {
    padding-top: 16px;
    box-sizing: border-box;
}

.tbl3 tr:last-child td {
    padding-bottom: 0;
}


/*dashboard.html > 매출합계*/
.tbl-v1 td:nth-child(2) {
    text-align: center;
}

.tbl-v1 td:last-child {
    text-align: right;
}

.tbl-v1 .t1 {
    width: 50%;
}

.tbl-v1 .t2 {
    width: 20%;
}

.tbl-v1 .t3 {
    width: 30%;
}


/*dashboard.html > 테이블 매출 현황*/
.tbl2-v1 .t1 {
    width: 70%;
}

.tbl2-v1 .t2 {
    width: 30%;
    text-align: right;
}


/*dashboard2.html > 회원별 매출*/
.tbl-v2 td:last-child {
    text-align: right;
}

.tbl-v2 .t1 {
    width: 30%;
}

.tbl-v2 .t2 {
    width: 18%;
}

.tbl-v2 .t3 {
    width: 30%;
}

.tbl-v2 .t4 {
    width: 22%;
}


/*card-history.html + card-history2.html + coupon.html + user-search.html + user-search2.html + user-state.html*/
.tbl-v3 td:last-child {
    text-align: right;
}

.tbl-v3 .t1 {
    width: 25%;
}

.tbl-v3 .t2 {
    width: 50%;
}

.tbl-v3 .t3 {
    width: 25%;
    min-width: 84px;
}


/*coupon-history.html*/
.tbl-v4 .t1 {
    width: 30%;
}

.tbl-v4 .t2 {
    width: 50%;
}

.tbl-v4 .t3 {
    width: 20%;
    text-align: right;
}


/*club-board.html*/
.tbl-v5 th {
    padding: 10px 0;
    box-sizing: border-box
}

.tbl-v5 .t1 {
    width: 30%;
}

.tbl-v5 .t2 {
    width: 20%;
}

.tbl-v5 .t3 {
    width: 30%;
}

.tbl-v5 .t4 {
    width: 20%;
    text-align: right;
}

.tbl-v5 td.t1,
.tbl-v5 td.t2 {
    font-weight: 300;
}


/*ranking.html*/
.tbl-v6 td:last-child {
    text-align: right;
}

.tbl-v6 .t1 {
    width: 20%;
}

.tbl-v6 .t2 {
    width: 25%;
}

.tbl-v6 .t3 {
    width: 25%;
}

.tbl-v6 .t4 {
    width: 30%;
}

/*게임대기&매칭html*/

.tbl-v9 .t1 {
    width: 20%;
}

.tbl-v9 .t2 {
    width: 25%;
}

.tbl-v9 .t3 {
    width: 25%;
}

.tbl-v9 .t4 {
    width: 30%;
}


/*card-history.html 고객용*/
.tbl-v7 th {
    padding: 20px 0 10px;
    box-sizing: border-box;
}

.tbl-v7 td {
    font-weight: 300;
}

.tbl-v7 .t1 {
    width: 35%;
}

.tbl-v7 .t2 {
    width: 21.666%;
    text-align: center;
}

.tbl-v7 .t3 {
    width: 21.666%;
    text-align: center;
}

.tbl-v7 .t4 {
    width: 21.666%;
    text-align: right;
}

.tbl-v8 th {
    padding: 20px 0 10px;
    box-sizing: border-box;
}

.tbl-v8 td {
    font-weight: 300;
}

.tbl-v8 .t1 {
    width: 25%;
}

.tbl-v8 .t2 {
    width: 25%;
    text-align: center;
}

.tbl-v8 .t3 {
    width: 25%;
    text-align: center;
}

.tbl-v8 .t4 {
    width: 25%;
    text-align: right;
}


/*club-member.html*/
.tbl3-v1 .t1 {
    width: 30%;
}

.tbl3-v1 .t2 {
    width: 30%;
}

.tbl3-v1 .t3 {
    width: 40%;
}