모바일 - 문의사항 목록 디자인 적용

src/main/resources/static/css/main.css

@@ -4192,6 +4192,7 @@ select.form-control {
 @media (max-width: 768px) {
   .search-field {
     width: 100%;
+    margin-top: 10px;
   }
 }
 .search-field input {
@@ -15768,6 +15769,151 @@ input[type=checkbox]:checked + .custom-checkbox {
     font-weight: 700;
     color: #212529;
   }
+  .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(1) {
+    display: none;
+  }
+  .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(2) {
+    flex: 1 !important;
+    min-width: 100px;
+  }
+  .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(3) {
+    width: 50px !important;
+    min-width: 50px;
+    flex: none;
+    justify-content: center;
+  }
+  .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(4) {
+    width: 65px !important;
+    min-width: 65px;
+    flex: none;
+    justify-content: center;
+  }
+  .inquiry-list-container .list-table .list-table-header .header-cell:nth-child(5) {
+    display: none;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(1), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--number {
+    display: none;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title {
+    flex: 1 !important;
+    min-width: 100px;
+    justify-content: flex-start;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    overflow: hidden;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .notice-number, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .notice-number {
+    display: none !important;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link > span:not(.notice-number):not(.file-icon), .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link > span:not(.notice-number):not(.file-icon) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon svg, .inquiry-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon svg {
+    width: 16px;
+    height: 16px;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(3) {
+    width: 50px !important;
+    min-width: 50px;
+    flex: none;
+    justify-content: center;
+    text-align: center;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) {
+    width: 65px !important;
+    min-width: 65px;
+    flex: none;
+    justify-content: center;
+    text-align: center;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(4) .inquiry-status-badge {
+    height: 24px;
+    padding: 0 8px;
+    font-size: 12px;
+  }
+  .inquiry-list-container .list-table .list-table-row .row-cell:nth-child(5) {
+    display: none;
+  }
+  .inquiry-list-container .inquiry-actions {
+    order: 4;
+    width: 100%;
+    margin-top: 0;
+  }
+  .inquiry-list-container .inquiry-actions .btn {
+    width: 100%;
+    height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .inquiry-list-container .table-controls .search-field {
+    order: 2;
+    width: 100%;
+  }
+  .notice-list-container .list-table .list-table-header .header-cell:nth-child(1) {
+    display: none;
+  }
+  .notice-list-container .list-table .list-table-header .header-cell:nth-child(2) {
+    flex: 1 !important;
+    min-width: 100px;
+  }
+  .notice-list-container .list-table .list-table-header .header-cell:nth-child(3) {
+    width: 70px !important;
+    min-width: 70px;
+    flex: none;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(1), .notice-list-container .list-table .list-table-row .row-cell.row-cell--number {
+    display: none;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2), .notice-list-container .list-table .list-table-row .row-cell.row-cell--title {
+    flex: 1 !important;
+    min-width: 100px;
+    justify-content: flex-start;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    overflow: hidden;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .notice-number, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .notice-number {
+    display: none !important;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link > span:not(.notice-number):not(.file-icon), .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link > span:not(.notice-number):not(.file-icon) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(2) .notice-title-link .file-icon svg, .notice-list-container .list-table .list-table-row .row-cell.row-cell--title .notice-title-link .file-icon svg {
+    width: 16px;
+    height: 16px;
+  }
+  .notice-list-container .list-table .list-table-row .row-cell:nth-child(3) {
+    width: 70px !important;
+    min-width: 70px;
+    flex: none;
+    justify-content: center;
+    text-align: center;
+  }
+  .notice-list-container .table-controls .search-field {
+    order: 2;
+    width: 100%;
+  }
   .org-register-container {
     padding: 24px 16px;
   }