From 4bb403814c60611c09264d08b40a7ceab998703c Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Tue, 11 Nov 2025 16:32:06 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/ui/cash-receipt-sample.tsx         | 17 ++++++-------
 .../ui/section/amount-info-section.tsx        |  2 +-
 .../ui/assets/css/style-tax-invoice.css       | 24 +++++++++++++++++--
 3 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/entities/common/ui/cash-receipt-sample.tsx b/src/entities/common/ui/cash-receipt-sample.tsx
index 74280b7..0573968 100644
--- a/src/entities/common/ui/cash-receipt-sample.tsx
+++ b/src/entities/common/ui/cash-receipt-sample.tsx
@@ -1,6 +1,4 @@
 import { IMAGE_ROOT } from '@/shared/constants/common';
-import { motion } from 'framer-motion';
-import { FilterMotionDuration, FilterMotionVariants } from '../model/constant';
 import { snackBar } from '@/shared/lib';
 import { toPng } from 'html-to-image';
 import { useTranslation } from 'react-i18next';
@@ -77,15 +75,14 @@ export const CashReceiptSample = ({
 
   return (
     <>
-      <motion.div 
-        className="bottomsheet mail-page"
-        initial="hidden"
-        animate={ (cashReceiptSampleOn)? 'hidden': 'hidden' }
-        variants={ FilterMotionVariants }
-        transition={ FilterMotionDuration }
-      >
+      <div className="mail-page">
         <div id="image-section">
           <div className="wrap">
+            <div className="header">
+              <div className="title-row">
+                <div className="title">현금영수증</div>
+              </div>
+            </div>
             <div className="section">
               <div className="head">
                 <div className="icon">
@@ -235,7 +232,7 @@ export const CashReceiptSample = ({
             </div>
           </div>
         </div>
-      </motion.div>
+      </div>
     </>
   );
 };
\ No newline at end of file
diff --git a/src/entities/transaction/ui/section/amount-info-section.tsx b/src/entities/transaction/ui/section/amount-info-section.tsx
index e3435b4..f776518 100644
--- a/src/entities/transaction/ui/section/amount-info-section.tsx
+++ b/src/entities/transaction/ui/section/amount-info-section.tsx
@@ -430,7 +430,7 @@ export const AmountInfoSection = ({
         }
         <div className="txn-doc">
           { (transactionCategory === TransactionCategory.CashReceipt) &&
-            !!canDownloadReceipt &&
+            // !!canDownloadReceipt &&
             <button
               className="doc-btn"
               type="button"
diff --git a/src/shared/ui/assets/css/style-tax-invoice.css b/src/shared/ui/assets/css/style-tax-invoice.css
index cd03241..149eba9 100644
--- a/src/shared/ui/assets/css/style-tax-invoice.css
+++ b/src/shared/ui/assets/css/style-tax-invoice.css
@@ -38,11 +38,31 @@
 /* notice */
 .mail-page .notice { padding: 16px; background: #F3F3F3; border-radius: 6px; margin: 30px 0 0 0; font-family: Pretendard, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; color: #2D3436; }
 
+.mail-page {
+  padding: 0; width: 100%;
+  transform: translateY(100%);
+  position: fixed;
+  bottom: 0;
+}
+.mail-page .header {
+  padding: 0;
+  background-color: #e4e4e4;
+}
+.mail-page .header .title-row {
+  padding: 15px 0 18px 10px;
+}
+
+.mail-page .wrap{
+  width: calc(100% - 20px);
+  padding: 0;
+  margin: 10px;
+}
 .mail-page #image-section{
-  padding: 0 0 20px 0;
-  background-color: #ffffff;
+  padding: 0;
+  background-color: #e4e4e4;
 }
 .mail-page #image-section .section{
   background-color: #ffffff;
+  padding: 0 10px;
 }