.main_screen .main_body .tierTable {
    background: #fefefe; /* 원하는 색상으로 변경 */
}
body.dark .main_screen .main_body .tierTable {
    background: #0f0f0f; /* 원하는 색상으로 변경 */
}

.main_screen .main_body .tierTable th:first-child,
.main_screen .main_body .tierTable td:first-child {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

.main_screen .main_body .tierTable th:last-child,
.main_screen .main_body .tierTable td:last-child {
    width: 196px;
    min-width: 196px;
    max-width: 196px;
}

.main_screen .main_body .tierTable input#roleName
{
    width: 128px;
    padding: 6px 10px;
    font-size: 0.85em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    transition: background-color 0.3s ease
}

.main_screen .main_body .tierTable input#tierName
{
    width: 96px;
    padding: 6px 10px;
    font-size: 0.85em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    transition: background-color 0.3s ease
}

.main_screen .main_body .tierTable input#addChar
{
    width: 128px;
    height: 128px;
    min-height: 128px;
    max-height: 128px;
    padding: 6px 10px;
    font-size: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    vertical-align: top;
    transition: background-color 0.3s ease
}

.main_screen .main_body .tierTable img {
    width: 128px;
    height: 128px;
    object-fit: cover;
    vertical-align: top;
}