From 8b5c838faac763a9faf452859dea9ca437ebf680 Mon Sep 17 00:00:00 2001
From: "hehihoho3@gmail.com" <hehihoho3@gmail.com>
Date: Tue, 29 Apr 2025 15:56:13 +0900
Subject: [PATCH] =?UTF-8?q?=ED=83=AD=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/uss/ion/api/test/sms/sendMsgForm.jsp  | 42 +++++++++---------
 .../jsp/uss/ion/api/test/sms/sendMsgsForm.jsp | 43 ++++++++++---------
 2 files changed, 43 insertions(+), 42 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp
index e366462e..7c1f9c03 100644
--- a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgForm.jsp
@@ -27,41 +27,41 @@
 
 <style>
 .tabWrap {
-    background: #fff;
-    padding: 10px 20px;
+    width: 100%;
+    box-sizing: border-box;
     margin-bottom: 20px;
-    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
-    border-radius: 8px;
 }
+
 .tabList {
-    list-style: none;
+    display: flex;
+    justify-content: center; /* 가운데 정렬 */
+    gap: 10px; /* li 사이 간격 */
     padding: 0;
     margin: 0;
-    display: flex;
-    gap: 10px;
+    list-style: none;
+    background: #f4f4f4;
+    border-radius: 10px;
 }
+
 .tabList li {
-    border: none;
+    flex: 1; /* 동일한 너비 */
+    text-align: center;
 }
+
 .tabList li a {
     display: block;
-    padding: 8px 16px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-    background: #f9f9f9;
-    cursor: pointer;
-    font-size: 14px;
+    padding: 10px 0;
     text-decoration: none;
     color: #333;
-    transition: background 0.2s, color 0.2s;
-}
-.tabList li a:hover {
-    background: #f0f0f0;
+    font-weight: bold;
+    border-radius: 8px;
+    transition: background 0.2s ease;
+    background: #e0e0e0;
 }
+
 .tabList li.active a {
-    background: #456ded;
-    color: #fff;
-    border: 1px solid #456ded;
+    background-color: #2e3a59;
+    color: white;
 }
 </style>
 
diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgsForm.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgsForm.jsp
index abc67c84..8912a8bf 100644
--- a/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgsForm.jsp
+++ b/src/main/webapp/WEB-INF/jsp/uss/ion/api/test/sms/sendMsgsForm.jsp
@@ -16,42 +16,43 @@
 
 <style>
 .tabWrap {
-    background: #fff;
-    padding: 10px 20px;
+    width: 100%;
+    box-sizing: border-box;
     margin-bottom: 20px;
-    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
-    border-radius: 8px;
 }
+
 .tabList {
-    list-style: none;
+    display: flex;
+    justify-content: center; /* 가운데 정렬 */
+    gap: 10px; /* li 사이 간격 */
     padding: 0;
     margin: 0;
-    display: flex;
-    gap: 10px;
+    list-style: none;
+    background: #f4f4f4;
+    border-radius: 10px;
 }
+
 .tabList li {
-    border: none;
+    flex: 1; /* 동일한 너비 */
+    text-align: center;
 }
+
 .tabList li a {
     display: block;
-    padding: 8px 16px;
-    border: 1px solid #ccc;
-    border-radius: 6px;
-    background: #f9f9f9;
-    cursor: pointer;
-    font-size: 14px;
+    padding: 10px 0;
     text-decoration: none;
     color: #333;
-    transition: background 0.2s, color 0.2s;
-}
-.tabList li a:hover {
-    background: #f0f0f0;
+    font-weight: bold;
+    border-radius: 8px;
+    transition: background 0.2s ease;
+    background: #e0e0e0;
 }
+
 .tabList li.active a {
-    background: #456ded;
-    color: #fff;
-    border: 1px solid #456ded;
+    background-color: #2e3a59;
+    color: white;
 }
+
 </style>
 
 <script type="text/javascript" src="/js/jquery-3.5.0.js"></script>