From 3886e93b494845910f03245293118643eea8a3d8 Mon Sep 17 00:00:00 2001
From: Jay Sheen <jay.sheen@bpsoft.co.kr>
Date: Fri, 17 Oct 2025 16:56:38 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=8A=A4=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- UserManageAuthList: 스크롤바 숨김 처리 및 스크롤 영역 설정
- UserManageWrap: flexbox 레이아웃 적용으로 사용자 추가 버튼 하단 고정
- 스크롤바 숨김 유틸리티 클래스 추가
- console.log 제거

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../account/ui/user-manage-auth-list.tsx      | 13 ++++-
 src/entities/account/ui/user-manage-wrap.tsx  | 56 ++++++++++---------
 src/shared/ui/assets/css/style.css            |  9 ++-
 3 files changed, 48 insertions(+), 30 deletions(-)

diff --git a/src/entities/account/ui/user-manage-auth-list.tsx b/src/entities/account/ui/user-manage-auth-list.tsx
index 0aec3d4..bad1d40 100644
--- a/src/entities/account/ui/user-manage-auth-list.tsx
+++ b/src/entities/account/ui/user-manage-auth-list.tsx
@@ -5,11 +5,18 @@ export const UserManageAuthList = ({
   userItems,
   mid
 }: UserManageAuthListProps) => {
-  console.log("UserManageAuthList", userItems, mid);
   return (
-    <div className="auth-list">
+    <div
+      className="auth-list scrollbar-hide"
+      style={{
+        height: '100%',
+        overflowY: 'auto',
+        scrollbarWidth: 'none', // Firefox
+        msOverflowStyle: 'none', // IE and Edge
+      }}
+    >
       {userItems.map((item) => (
-        <UserManageAuthItem 
+        <UserManageAuthItem
           key={item.usrid}
           usrid={item.usrid}
           mid={mid}
diff --git a/src/entities/account/ui/user-manage-wrap.tsx b/src/entities/account/ui/user-manage-wrap.tsx
index 0468a34..3cd9455 100644
--- a/src/entities/account/ui/user-manage-wrap.tsx
+++ b/src/entities/account/ui/user-manage-wrap.tsx
@@ -40,33 +40,39 @@ export const UserManageWrap = () => {
   
   return (
     <>
-      <div className="ing-list">
-        <div className="input-wrapper top-select mt-16">
-          <select 
-            value={mid} 
-            onChange={e => setMid(e.target.value)}
-          >
-          { 
-            midOptions.map((value, index) => (
-              <option
-                key={ value.value }
-                value={ value.value }
-                selected={ (userMid === value.value)? true: false }
-              >{ value.name }</option>
-            )) 
-          }  
-          </select>
+      <div className="ing-list" style={{ display: 'flex', flexDirection: 'column', height: 'calc(100vh - 200px)' }}>
+        <div style={{ flexShrink: 0 }}>
+          <div className="input-wrapper top-select mt-16">
+            <select
+              value={mid}
+              onChange={e => setMid(e.target.value)}
+            >
+            {
+              midOptions.map((value, index) => (
+                <option
+                  key={ value.value }
+                  value={ value.value }
+                  selected={ (userMid === value.value)? true: false }
+                >{ value.name }</option>
+              ))
+            }
+            </select>
+          </div>
+
+          <div className="ing-title">등록 현황</div>
         </div>
 
-        <div className="ing-title">등록 현황</div>
-        { (!!userItems && userItems.length > 0) &&
-          <UserManageAuthList
-            userItems={ userItems }
-            mid={ mid }
-          ></UserManageAuthList>
-        }
-        <div className="apply-row bottom-padding">
-          <button 
+        <div style={{ flex: 1, overflow: 'hidden', minHeight: 0 }}>
+          { (!!userItems && userItems.length > 0) &&
+            <UserManageAuthList
+              userItems={ userItems }
+              mid={ mid }
+            ></UserManageAuthList>
+          }
+        </div>
+
+        <div className="apply-row">
+          <button
             className="btn-50 btn-blue flex-1"
             onClick={ () => onClickToNavigation() }
           >사용자 추가</button>
diff --git a/src/shared/ui/assets/css/style.css b/src/shared/ui/assets/css/style.css
index f384780..2b0a0d5 100644
--- a/src/shared/ui/assets/css/style.css
+++ b/src/shared/ui/assets/css/style.css
@@ -2397,13 +2397,13 @@ div .credit-period {
     bottom: 0;
     left: 0;
     right: 0;
-    padding: 20px 26px 16px 26px;
+    padding: 20px 26px calc(env(safe-area-inset-bottom, 0px) + 26px) 26px;
     z-index: 500;
     background: var(--color-white);
 }
 
 .apply-row.bottom-padding {
-    bottom: 70px !important;
+    bottom: calc(env(safe-area-inset-bottom) + 26px) !important;
 }
 
 .apply-row.two-button button:first-child {
@@ -6173,4 +6173,9 @@ ul.txn-amount-detail li span:last-child {
     border-radius: 4px;
     background-color: var(--color-white);
     transition: all 0.2s ease;
+}
+
+/* Scrollbar hide utility class */
+.scrollbar-hide::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Opera */
 }
\ No newline at end of file