/* content */
.content{ display: flex; width: 100%; }
.content_inner{ position:relative; margin-top: 70px; width: 100%; max-width:100%; min-height: calc(100vh - 70px); height: auto; padding: 30px 24px 0; transition: all 500ms; overflow-x: hidden; overflow-y: auto;}
.content_inner.active { margin-left: 0px;}
.content_table{display:table; height:100%;}
.content_table_row{display:table-row;}
.content_table_full{height:100%;}
.content_table_cell{display:table-cell; vertical-align:middle;}

/* input */
.search_box { margin-left: 19px; position: relative; }
.search_box img { position: absolute; top: 10px; left: 14px; cursor: pointer;}
.search_box input { padding: 10px 10px 10px 38px; min-height: 40px;  border-radius: 8px; border : 1px solid var(--line);}
.search_box input::placeholder { font-size: 14px; font-weight: 500; color: #D0D4D7;}

table {
    width: 100%;
}

tr {
    border-bottom: 1px solid var(--line);
}

th {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

td {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.list_scroll {
    overflow-x: auto;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;

    -webkit-overflow-scrolling: touch;
}

.search_btn_box {
    padding-bottom: 20px;
}

.search_btn_box form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* SEARCH */
.search_container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 385px;
}

.user .search_container {
    width: 500px;
}

.user .select_box {
    display: flex;
}

.search_container select {
    margin-left: 10px;
    padding: 10px;
    width: 130px;
    height: 41px;
    background: var(--white);
    border-radius: 8px;
    border: 1px solid var(--line);
    font-family: var(--font-sans);
    font-weight: 500;
}

.search_box input {
    font-family: var(--font-sans);
    font-weight: 500;
}

.btn_table {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: 32px;
    border-radius: 4px;
    background-color: #60a5fa;
    padding: 0 12px;
    color: white;
    font-weight: 500;
}

.btn_table.sample {
    margin-left: auto;
    margin-right: auto;
}

.btn_table.cancel {
    background-color: #FF646C;
}

.calendar_box input {
    padding: 10px;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid var(--line);
}

.my-inquiries-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.my-inquiries-wrap label {
    margin: 0;
    cursor: pointer;
}

.my-inquiries-wrap input[type="checkbox"] {
    margin: 0;
    cursor: pointer;
}

@media all and (max-width: 700px) {
    .search_btn_box {
        flex-direction: column;
    }
}

@media screen and (max-width: 1200px) {
    .point_history .search_btn_box form {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .search_box {
        margin-left: 0;
    }
}

@media all and (max-width: 992px) {

    .user .search_btn_box form {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .search_box {
        margin-left: 0;
    }

}


@media all and (max-width: 400px) {
    .date_box .calendar_box input {
        width: auto;
        min-width: 0;
    }
}