setting

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

@@ -111,9 +111,11 @@ body {}
 .pt-30 {padding-top: 30px !important;}
 .pt-46 {padding-top: 46px !important;}
 .pb-120 {padding-bottom: 120px !important;}
+.pw-26 {padding: 0 26px !important;}
 
 .mt-30 {margin-top: 30px !important;}
 .mt-20 {margin-top: 20px !important;}
+.mt-26 {margin-top: 26px !important;}
 .mt-16 {margin-top: 16px !important;}
 .mt-10 {margin-top: 10px !important;}
 .mb-10 {margin-bottom: 10px !important;}
@@ -1504,6 +1506,7 @@ input[type="radio"] {
 }
 
 .option-list-nopadding {
+    position: relative;
     padding: 0 10px;
 }
 
@@ -2932,6 +2935,10 @@ div .credit-period {
     margin: 0;
 }
 
+.bottom-section .fs16 {
+    font-size: var(--fs-16);
+}
+
 .list-style-circle li {
     position: relative;
     padding-left: 16px;
@@ -2944,6 +2951,26 @@ div .credit-period {
     top: -2px;
 }
 
+.list-style-circle.link li {
+    padding-bottom: 16px;
+    font-weight: 500;
+}
+
+.list-style-circle.link li::before {
+    content: '•';
+    position: absolute;
+    left: 0;
+    top: -2px;
+}
+
+.list-style-circle.link li.selected {
+    color: var(--color-3E6AFC);
+}
+
+.list-style-circle.link li:last-child {
+    padding-bottom: 0;
+}
+
 .close-btn {
     position: absolute;
     right: 0;
@@ -3173,6 +3200,7 @@ div .credit-period {
     margin-top: 26px;
     max-width: 100%;
     box-sizing: border-box;
+    color: var(--color-2D3436);
 }
 
 .notice-text p {
@@ -3257,6 +3285,7 @@ div .credit-period {
 .partial-cancel-table .row-cancel {
     width: 141px;
     text-align: center;
+    padding-right: 1px;
 }
 
 .cancel-input {
@@ -6102,3 +6131,75 @@ ul.txn-amount-detail li span:last-child {
     color: var(--color-2D3436);
 }
 
+/* 24_거래 취소_입금 후 취소 전용 */
+.after-deposit-cancel .section-title {
+    padding: 26px 0 10px;
+    font-weight: var(--fw-600);
+}
+.after-deposit-cancel .kv-list {
+    margin: 0;
+}
+.after-deposit-cancel .kv-row {
+    padding: 0 0 6px !important;
+}
+.after-deposit-cancel .kv-row .k {
+    color: var(--color-2D3436);
+    font-size: var(--fs-16);
+}
+.after-deposit-cancel .kv-row .v {
+    font-size: var(--fs-16);
+}
+.after-deposit-cancel .kv-row .k.red,
+.after-deposit-cancel .kv-row .v.red {
+    color: var(--color-EB5757);
+}
+.after-deposit-cancel .amount-info {
+    background: var(--color-F4F8FF);
+    border-radius: 6px;
+    padding: 16px;
+}
+.after-deposit-cancel .guide-list .desc.dot::before {
+    content: '●';
+    font-size: 3px;
+}
+.after-deposit-cancel .guide-list .desc.dot {
+    position: relative;
+    padding-left: 15px;
+    margin-bottom: 8px;
+    color: var(--color-2D3436);
+}
+.after-deposit-cancel .guide-list .desc.dot:last-child {
+    margin-bottom: 0;
+}
+.after-deposit-cancel .guide-list .link-blue {
+    color: var(--color-4968BD);
+    text-decoration: underline;
+}
+
+/* 토스트바 */
+.toast-container {
+    position: fixed;
+    bottom: 16px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 100%;
+    max-width: 767px;
+    padding: 0 26px;
+    z-index: 2000;
+}
+.toast-item {
+    background: rgba(45, 52, 54, 1);
+    color: var(--color-white);
+    min-height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: var(--fs-16);
+    font-weight: var(--fw-500);
+    color: var(--color-white);
+    text-align: center;
+    border-radius: 8px;
+}
+.toast-item p {
+    padding: 10px 0;
+}