.table_scroll .table_wrap table { table-layout: auto; width: max-content; } 
.table_wrap table thead th { padding: 10px; } 
.table_wrap table tbody td { padding: 10px; } 

.tab_menu { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } 
.tab_menu .tab_menu_item { width: calc(100% / 4); font-size: 20px; font-weight: 600; text-align: center; padding-bottom: 10px; cursor: pointer; } 
.tab_menu .tab_menu_item.active { border-bottom: 3px solid var(--brandColor); color: var(--brandColor); font-weight: 700; } 

#preview p { font-size: 30px; font-weight: 600; text-align: center; margin-top: 200px; } 
.before-upload { color: #f00; font-weight: 500;}

.table_scroll {
  position: relative;
}
.scroll_left, .scroll_right { 
  display: block; position: absolute; top: 2px; height: 40px; z-index: 10; cursor: pointer; } 
.scroll_left { left: 5px; } 
.scroll_right { right: 5px; } 
.scroll_left img, .scroll_right img { height: 100%; }