Merge branch 'main' of https://gitea.bpsoft.co.kr/nicepayments/nice-app-web

src/shared/ui/assets/css/style-fix.css

@@ -176,16 +176,22 @@ main.home-main{
 }
 
 .approval-cards-wrapper {
+  display: flex;
+  flex-direction: column;
   gap: 16px;
+  padding: 16px;
   padding-bottom: 2px;
 }
 
 .separate-approval-main .apply-row.two-button {
+    display: flex;
+    gap: 8px;
     flex-shrink: 0;
     position: sticky;
     bottom: 0;
     background: white;
     z-index: 10;
+    padding: 16px;
 }
 
 /* 분할승인 안내 박스 */
@@ -215,13 +221,15 @@ main.home-main{
     border: 2px solid var(--color-d6d6d6);
     border-radius: 16px;
     padding: 16px;
-    margin-bottom: 16px;
-    transition: all 0.4s ease;
+    margin-bottom: 0;
+    transition: all 0.3s ease;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .approval-card.selected {
     border-color: var(--color-3E6AFC);
     background: var(--color-F4F8FF);
+    box-shadow: 0 4px 12px rgba(62, 106, 252, 0.2);
 }
 
 .approval-card .card-checkbox {
@@ -270,6 +278,8 @@ main.home-main{
 
 /* 분할승인 카드 헤더 */
 .approval-card .card-header {
+  display: flex;
+  align-items: center;
   gap: 8px;
   margin-bottom: 16px;
   padding-bottom: 12px;
@@ -309,6 +319,8 @@ main.home-main{
 }
 
 .approval-card .info-list {
+    display: flex;
+    flex-direction: column;
     list-style: none;
     padding: 0;
     margin: 0;
@@ -316,6 +328,7 @@ main.home-main{
 }
 
 .approval-card .info-list li {
+    display: flex;
     align-items: center;
     font-size: var(--fs-14);
     color: var(--color-2D3436);
@@ -351,6 +364,7 @@ main.home-main{
 }
 
 .approval-card .period-selector select {
+    flex: 1;
     height: 36px;
     font-size: var(--fs-14);
     padding: 6px 30px 6px 12px;
@@ -358,6 +372,7 @@ main.home-main{
     border-radius: 4px;
     background-color: var(--color-white);
     transition: all 0.2s ease;
+    cursor: pointer;
 }
 
 /* Scrollbar hide utility class */