table{
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
th, td{
    text-align: center;
    /* padding:15~20px(1200~1800px) */
    padding: clamp(0.938rem, 0.313rem + 0.83vw, 1.25rem);
    border-bottom: 2px solid #6b4a2b; 
    font-weight: bold;
}
th{
    background-color: #6b4a2b; 
    color: #fff;
    /* font-size: 21~24(1200~1800px) */
    font-size: clamp(1.313rem, 0.938rem + 0.5vw, 1.5rem);
    font-weight: bold;
}
td{
    /* font-size: 20~23px; */
    font-size: clamp(1.25rem, 0.875rem + 0.5vw, 1.438rem); 
}
.tax-included {
    /* font-size:10~13px */
    font-size: clamp(0.625rem, 0.25rem + 0.5vw, 0.813rem); 
    color: #6b4a2b; 
    display: block; 
}
tr:nth-child(2) {
    background-color: #f2f2f2; 
}

tr:nth-child(3) {
    background-color: #e8e6e1; 
}

tr:nth-child(4) {
    background-color: #dfd8c8; 
}
.monthly-fee {
    color: #d9534f; 
    font-weight: bold;
    /* font-size: 28~32px(1200~1800px) */
    font-size: clamp(1.75rem, 1.25rem + 0.67vw, 2rem);
}
tr:hover {
    background-color: #ccc; 
}
.table-note {
    color: #d9534f; 
    text-align: right; 
    margin-top: 7px; 
    font-size: 16px;
    font-weight: bold;
}
@media screen and (max-width: 1200px) {
    th, td {
        /* padding:15~20px(768~1200px) */
        padding: clamp(0.938rem, 0.382rem + 1.16vw, 1.25rem);
    }
    th {
        /* font-size: 17~21px(768~1200px); */
        font-size: clamp(1.063rem, 0.618rem + 0.93vw, 1.313rem);
    }
    td {
        /* font-size: 16~20px(768~1200px); */
        font-size: clamp(1rem, 0.556rem + 0.93vw, 1.25rem);
    }
    .monthly-fee {
        /* font-size: 22~28px(768~1200px); */
        font-size: clamp(1.375rem, 0.708rem + 1.39vw, 1.75rem); 
    }
    .table-note {
        /* margin-top: 5~7px(768~1200px);  */
        margin-top:clamp(0.313rem, 0.09rem + 0.46vw, 0.438rem);
        /* font-size: 13~16px(768~1200px); */
        font-size: clamp(0.813rem, 0.479rem + 0.69vw, 1rem);
    }
}
@media screen and (max-width: 768px) {
    th, td {
        /* padding: 5~10px(500~768px) */
        padding:clamp(0.313rem, -0.271rem + 1.87vw, 0.625rem);
        border-bottom: 1px solid #6b4a2b; 
    }
    th {
        /* font-size: 14~17px(500~768px) */
        font-size:clamp(0.875rem, 0.525rem + 1.12vw, 1.063rem);
    }
    td {
        /* font-size: 13~16px(500~768px) */
        font-size: clamp(0.813rem, 0.463rem + 1.12vw, 1rem);
    }
    .monthly-fee {
        /* font-size: 16~22px(500~768px) */
        font-size: clamp(1rem, 0.3rem + 2.24vw, 1.375rem); 
    }
    .table-note {
        /* font-size: 10~13px(500~768px) */
        font-size: clamp(0.625rem, 0.275rem + 1.12vw, 0.813rem);
    }
}