diff --git a/src/app/modules/admin/settings/basic/basic.module.ts b/src/app/modules/admin/settings/basic/basic.module.ts
index 4f8e716..69fb13c 100644
--- a/src/app/modules/admin/settings/basic/basic.module.ts
+++ b/src/app/modules/admin/settings/basic/basic.module.ts
@@ -11,6 +11,9 @@ import { MatRippleModule } from '@angular/material/core';
 import { MatSortModule } from '@angular/material/sort';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatTableModule } from '@angular/material/table';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatDividerModule } from '@angular/material/divider';
 
 import { TranslocoModule } from '@ngneat/transloco';
 
@@ -37,6 +40,9 @@ import { basicSettingRoutes } from './basic.routing';
     MatSortModule,
     MatSelectModule,
     MatTooltipModule,
+    MatTableModule,
+    MatMenuModule,
+    MatDividerModule,
   ],
 })
 export class BasicModule {}
diff --git a/src/app/modules/admin/settings/basic/components/list.component.html b/src/app/modules/admin/settings/basic/components/list.component.html
index 69fe978..8430f08 100644
--- a/src/app/modules/admin/settings/basic/components/list.component.html
+++ b/src/app/modules/admin/settings/basic/components/list.component.html
@@ -1 +1,219 @@
-<p>it's works</p>
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            사이트 ON/OFF
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            <table
+              class="min-w-240 overflow-y-visible"
+              mat-table
+              [dataSource]="currentUserDataSource"
+            >
+              <!-- Total -->
+              <ng-container matColumnDef="info">
+                <th mat-header-cell *matHeaderCellDef>정보</th>
+                <td mat-cell *matCellDef="let user">
+                  <span class="font-medium text-right">
+                    {{ user.highRank }}
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- Expenses amount -->
+              <ng-container matColumnDef="description">
+                <th mat-header-cell *matHeaderCellDef>내용</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.rank }}
+                </td>
+              </ng-container>
+
+              <!-- Expenses amount -->
+              <ng-container matColumnDef="updateBtn">
+                <th mat-header-cell *matHeaderCellDef>수정</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.rank }}
+                </td>
+              </ng-container>
+
+              <tr
+                mat-header-row
+                *matHeaderRowDef="siteSettingTableColumns"
+              ></tr>
+              <tr
+                mat-row
+                *matRowDef="let row; columns: siteSettingTableColumns"
+              ></tr>
+            </table>
+          </div>
+        </div>
+        <!-- Budget details -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            사이트 첫충/매충 설정
+          </div>
+          <div class="flex flex-col flex-auto">
+            <table
+              class="min-w-240 overflow-y-visible"
+              mat-table
+              [dataSource]="currentUserDataSource"
+            >
+              <!-- Type -->
+              <ng-container matColumnDef="level" sticky>
+                <th mat-header-cell *matHeaderCellDef>레벨</th>
+                <td mat-cell *matCellDef="let user">
+                  <span class="flex items-center">
+                    {{ user.level }}
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- Total -->
+              <ng-container matColumnDef="firstRate">
+                <th mat-header-cell *matHeaderCellDef>요율</th>
+                <td mat-cell *matCellDef="let user">
+                  <span class="font-medium text-right">
+                    {{ user.highRank }}
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- Expenses amount -->
+              <ng-container matColumnDef="firstIsUse">
+                <th mat-header-cell *matHeaderCellDef>사용여부</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.rank }}
+                </td>
+              </ng-container>
+
+              <!-- Expenses percentage -->
+              <ng-container matColumnDef="firstMaxMoney">
+                <th mat-header-cell *matHeaderCellDef>최대금액</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.level }}
+                </td>
+              </ng-container>
+
+              <!-- Remaining amount -->
+              <ng-container matColumnDef="everyRate">
+                <th mat-header-cell *matHeaderCellDef>요율</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.signinId }}
+                </td>
+              </ng-container>
+
+              <!-- Remaining percentage -->
+              <ng-container matColumnDef="everyIsUse">
+                <th mat-header-cell *matHeaderCellDef>사용여부</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.nickname }}
+                </td>
+              </ng-container>
+
+              <ng-container matColumnDef="everyMaxMoney">
+                <th mat-header-cell *matHeaderCellDef>최대금액</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.currentLocation }}
+                </td>
+              </ng-container>
+
+              <ng-container matColumnDef="updateBtn">
+                <th mat-header-cell *matHeaderCellDef>수정</th>
+                <td mat-cell *matCellDef="let user">
+                  <div class="hidden sm:block truncate">
+                    <button mat-flat-button [color]="'primary'">수정</button>
+                  </div>
+                </td>
+              </ng-container>
+
+              <tr
+                mat-header-row
+                *matHeaderRowDef="siteEarnSettingTableColumns"
+              ></tr>
+              <tr
+                mat-row
+                *matRowDef="let row; columns: siteEarnSettingTableColumns"
+              ></tr>
+            </table>
+          </div>
+        </div>
+        <!-- Budget details -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            시스템 ON/OFF
+          </div>
+          <div class="flex flex-col flex-auto">
+            <table
+              class="min-w-240 overflow-y-visible"
+              mat-table
+              [dataSource]="currentUserDataSource"
+            >
+              <!-- Type -->
+              <ng-container matColumnDef="title" sticky>
+                <th mat-header-cell *matHeaderCellDef>제목</th>
+                <td mat-cell *matCellDef="let user">
+                  <span class="flex items-center">
+                    <span class="w-2 h-2 rounded-full"></span>
+                    <span class="ml-3 leading-4">{{ user.signinId }}</span>
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- Total -->
+              <ng-container matColumnDef="isUse">
+                <th mat-header-cell *matHeaderCellDef>사용여부</th>
+                <td mat-cell *matCellDef="let user">
+                  <span class="font-medium text-right">
+                    {{ user.highRank }}
+                  </span>
+                </td>
+              </ng-container>
+
+              <!-- Expenses amount -->
+              <ng-container matColumnDef="memo">
+                <th mat-header-cell *matHeaderCellDef>메모</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.rank }}
+                </td>
+              </ng-container>
+
+              <!-- Expenses percentage -->
+              <ng-container matColumnDef="description">
+                <th mat-header-cell *matHeaderCellDef>내용</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.level }}
+                </td>
+              </ng-container>
+
+              <!-- Remaining amount -->
+              <ng-container matColumnDef="updateBtn">
+                <th mat-header-cell *matHeaderCellDef>수정</th>
+                <td mat-cell *matCellDef="let user">
+                  {{ user.signinId }}
+                </td>
+              </ng-container>
+
+              <tr
+                mat-header-row
+                *matHeaderRowDef="siteGameSettingTableColumns"
+              ></tr>
+              <tr
+                mat-row
+                *matRowDef="let row; columns: siteGameSettingTableColumns"
+              ></tr>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/modules/admin/settings/basic/components/list.component.ts b/src/app/modules/admin/settings/basic/components/list.component.ts
index 13db10a..ee36dfc 100644
--- a/src/app/modules/admin/settings/basic/components/list.component.ts
+++ b/src/app/modules/admin/settings/basic/components/list.component.ts
@@ -31,6 +31,9 @@ import { FuseConfirmationService } from '@fuse/services/confirmation';
 
 import { BasicSetting } from '../models/basic-setting';
 import { BasicService } from '../services/basic.service';
+import { CurrentUser } from 'app/modules/admin/member/current-user/models/current-user';
+import { User } from 'app/modules/admin/member/user/models/user';
+import { MatTableDataSource } from '@angular/material/table';
 
 @Component({
   selector: 'settings-basic',
@@ -63,6 +66,31 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild(MatPaginator) private _paginator!: MatPaginator;
   @ViewChild(MatSort) private _sort!: MatSort;
 
+  currentUsers$!: Observable<CurrentUser[] | undefined>;
+  users$!: Observable<User[] | undefined>;
+
+  siteSettingTableColumns: string[] = ['info', 'description', 'updateBtn'];
+
+  siteEarnSettingTableColumns: string[] = [
+    'level',
+    'firstRate',
+    'firstIsUse',
+    'firstMaxMoney',
+    'everyRate',
+    'everyIsUse',
+    'everyMaxMoney',
+    'updateBtn',
+  ];
+  siteGameSettingTableColumns: string[] = [
+    'title',
+    'isUse',
+    'memo',
+    'description',
+    'updateBtn',
+  ];
+
+  currentUserDataSource: MatTableDataSource<any> = new MatTableDataSource();
+
   basicSetting$!: Observable<BasicSetting | undefined>;
 
   isLoading = false;