.table-container {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 10px;
}

.table-container table th, .table-container table td {
    width: 100px;
    word-wrap: break-word; /* 줄바꿈 허용 */
    overflow-wrap: break-word;
}

.table-container table .text-overflow {
    white-space: nowrap;       /* 텍스트를 한 줄로 표시 */
    overflow: hidden;          /* 넘치는 텍스트를 숨김 */
    text-overflow: ellipsis;
}


.table-container table .width150 {
    width: 150px;
}
.table-container table .width200 {
    width: 200px;
}
.table-container table .width300 {
    width: 300px;
}
.table-container table .width600 {
    width: 600px;
}

.field input[readonly] {
    background-color: #eee !important;
}