From 9b9a116abd5d1eaa2c8dec5a5fd5101f3b5d1872 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 24 Apr 2025 14:45:43 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EC=86=8C=EC=86=8D=EC=9B=90=20?=
 =?UTF-8?q?=ED=85=8C=EC=9D=B4=EB=B8=94=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../organization/ui/organization-form.tsx     | 54 +++++++++----------
 .../ui/user-organization-section.tsx          |  4 +-
 2 files changed, 28 insertions(+), 30 deletions(-)

diff --git a/apps/cs/src/pages/organization/ui/organization-form.tsx b/apps/cs/src/pages/organization/ui/organization-form.tsx
index a0ab0e4e5..4ddb94a57 100644
--- a/apps/cs/src/pages/organization/ui/organization-form.tsx
+++ b/apps/cs/src/pages/organization/ui/organization-form.tsx
@@ -81,7 +81,9 @@ function OrganizationForm({
             <Table variant="secondary">
               <colgroup>
                 <col width="15%" />
-                <col width="85%" />
+                <col width="35%" />
+                <col width="15%" />
+                <col width="35%" />
               </colgroup>
               <TableBody>
                 <TableRow>
@@ -104,6 +106,29 @@ function OrganizationForm({
                       )}
                     />
                   </TableCell>
+                  <TableHead>정렬순서</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name="sortSeq"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormControl>
+                            <Input
+                              {...field}
+                              type="number"
+                              value={field.value ?? 0}
+                              onChange={(e) =>
+                                field.onChange(Number(e.target.value))
+                              }
+                              className="!text-[1.3rem]"
+                              placeholder="정렬순서를 입력해주세요"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
                 </TableRow>
                 <TableRow>
                   <TableHead>조직설명</TableHead>
@@ -125,33 +150,6 @@ function OrganizationForm({
                       )}
                     />
                   </TableCell>
-                </TableRow>
-                <TableRow>
-                  <TableHead>정렬순서</TableHead>
-                  <TableCell className="border">
-                    <FormField
-                      control={form.control}
-                      name="sortSeq"
-                      render={({ field }) => (
-                        <FormItem>
-                          <FormControl>
-                            <Input
-                              {...field}
-                              type="number"
-                              value={field.value ?? 0}
-                              onChange={(e) =>
-                                field.onChange(Number(e.target.value))
-                              }
-                              className="!text-[1.3rem]"
-                              placeholder="정렬순서를 입력해주세요"
-                            />
-                          </FormControl>
-                        </FormItem>
-                      )}
-                    />
-                  </TableCell>
-                </TableRow>
-                <TableRow>
                   <TableHead>사용여부</TableHead>
                   <TableCell className="border">
                     <FormField
diff --git a/apps/cs/src/pages/organization/ui/user-organization-section.tsx b/apps/cs/src/pages/organization/ui/user-organization-section.tsx
index 635863780..55e94d143 100644
--- a/apps/cs/src/pages/organization/ui/user-organization-section.tsx
+++ b/apps/cs/src/pages/organization/ui/user-organization-section.tsx
@@ -237,9 +237,9 @@ function UserOrganizationSection({ ognzSn }: UserOrganizationSectionProps) {
           </Button>
         </div>
       </div>
-      <div className="card">
+      <div className="card max-h-[50rem] overflow-auto !p-0">
         <Table>
-          <TableHeader>
+          <TableHeader className="sticky top-0">
             <TableRow>
               <TableHead>
                 <Checkbox