추가 커밋

src/entities/additional-service/ui/sms-payment-filter.tsx

@@ -0,0 +1,8 @@
+export const SmsPaymentFilter = () => {
+
+  return (
+    <>
+    
+    </>
+  );
+};

src/pages/account/password/manage-page.tsx

@@ -27,7 +27,7 @@ export const PasswordManagePage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <AccountTab activeTab={ activeTab }></AccountTab>
             <PasswordManageWrap></PasswordManageWrap>
           </div>

src/pages/account/user/manage-page.tsx

@@ -30,7 +30,7 @@ export const UserManagePage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <AccountTab activeTab={ activeTab }></AccountTab>
             <UserManageWrap></UserManageWrap>
           </div>

src/pages/additional-service/ars-card-payment/list-page.tsx

@@ -27,7 +27,7 @@ export const ArsCardPaymentListPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <section className="summary-section">
               <div className="credit-controls">
                 <div>

src/pages/additional-service/intro/intro-page.tsx

@@ -102,7 +102,7 @@ export const IntroPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="ing-list">
               <div className="input-wrapper top-select">
                 <select>

src/pages/additional-service/kakao-payment-notification/kakao-payment-notification-page.tsx

@@ -1,4 +1,5 @@
 import { HeaderType } from '@/entities/common/model/types';
+import { IMAGE_ROOT } from '@/shared/constants/common';
 import { 
 	useSetHeaderTitle,
 	useSetHeaderType,
@@ -12,7 +13,117 @@ export const KakaoPaymentNotificationPage = () => {
 
   return (
     <>
+      <main>
+        <div className="tab-content">
+          <div className="tab-pane sub active">
+            <section className="summary-section no-border">
+              <div className="credit-controls">
+                <div>
+                  <input 
+                    className="credit-period" 
+                    type="text" 
+                    value="2025.06.01 ~ 2025.06.31" 
+                    readOnly={ true }
+                  />
+                  <button 
+                    className="filter-btn" 
+                    aria-label="필터"
+                  >
+                    <img 
+                      src={ IMAGE_ROOT + '/ico_setting.svg' }
+                      alt="검색옵션"
+                    />
+                  </button>
+                </div>
+                <button 
+                  className="download-btn" 
+                  aria-label="다운로드"
+                >
+                  <img 
+                    src={ IMAGE_ROOT + '/ico_download.svg' }
+                    alt="다운로드"
+                  />
+                </button>
+              </div>
+            </section>
+              
+            <section className="transaction-list">
+              <div className="date-group">
+                <div className="date-header">25.06.08(일)</div>
 
+                <div className="transaction-item approved">
+                  <div className="transaction-status">
+                    <div className="status-dot blue"></div>
+                  </div>
+                  <div className="transaction-content">
+                    <div className="transaction-title">김*환(7000)</div>
+                    <div className="transaction-details">
+                      <span>nictest01m</span>
+                      <span className="separator">ㅣ</span>
+                      <span>가상계좌 요청</span>
+                    </div>
+                  </div>
+                  <div className="status-label success">성공</div>
+                </div>
+
+                <div className="transaction-item refund">
+                  <div className="transaction-status">
+                    <div className="status-dot gray"></div>
+                  </div>
+                  <div className="transaction-content">
+                    <div className="transaction-title">최*길(010333*****)</div>
+                    <div className="transaction-details">
+                      <span>nictest01m</span>
+                      <span className="separator">ㅣ</span>
+                      <span>가상계좌 요청+입금</span>
+                    </div>
+                  </div>
+                  <div className="status-label fail">실패</div>
+                </div>
+
+                <div className="transaction-item approved">
+                  <div className="transaction-status"><div className="status-dot blue"></div></div>
+                  <div className="transaction-content">
+                    <div className="transaction-title">박*준(010333*****)</div>
+                    <div className="transaction-details">
+                      <span>nictest01m</span>
+                      <span className="separator">ㅣ</span>
+                      <span>가상계좌 요청+입금</span>
+                    </div>
+                  </div>
+                  <div className="status-label success">성공</div>
+                </div>
+
+                <div className="transaction-item refund">
+                  <div className="transaction-status">
+                    <div className="status-dot gray"></div>
+                  </div>
+                  <div className="transaction-content">
+                    <div className="transaction-title">이*신(010333*****)</div>
+                    <div className="transaction-details">
+                      <span>nictest01m</span><span className="separator">ㅣ</span><span>가상계좌 요청</span>
+                    </div>
+                  </div>
+                  <div className="status-label fail">실패</div>
+                </div>
+
+                <div className="transaction-item approved">
+                  <div className="transaction-status">
+                    <div className="status-dot blue"></div>
+                  </div>
+                  <div className="transaction-content">
+                    <div className="transaction-title">김*환(010333*****)</div>
+                    <div className="transaction-details">
+                      <span>nictest01m</span><span className="separator">ㅣ</span><span>가상계좌 요청</span>
+                    </div>
+                  </div>
+                  <div className="status-label success">성공</div>
+                </div>
+              </div>
+            </section>
+          </div>
+        </div>
+      </main>
     </>
   );
 };

src/pages/business-member/info/info-page.tsx

@@ -28,7 +28,7 @@ export const InfoPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <BusinessMemberTab activeTab={ activeTab }></BusinessMemberTab>
             <InfoWrap></InfoWrap>
           </div>

src/pages/business-member/registration-status/registration-status-page.tsx

@@ -28,7 +28,7 @@ export const RegistrationStatusPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <BusinessMemberTab activeTab={ activeTab }></BusinessMemberTab>
             <RegistrationStatusWrap></RegistrationStatusWrap>
           </div>

src/pages/home/home-page.tsx

@@ -88,7 +88,7 @@ export const HomePage = () => {
       <main>
         {/*<!-- 탭 컨텐츠 영역 -->*/}
         <div className="tab-content blue">
-          <div className="tab-pane dashboard active" id="tab1">
+          <div className="tab-pane dashboard active">
             <FavoriteWrapper></FavoriteWrapper>
             <DayStatusBox></DayStatusBox>
           </div>

src/pages/payment/data-notification/data-notification-page.tsx

@@ -28,7 +28,7 @@ export const DataNotificationPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <PaymentTab activeTab={ activeTab }></PaymentTab>
             <DataNotificationWrap></DataNotificationWrap>
           </div>

src/pages/payment/info/info-page.tsx

@@ -28,7 +28,7 @@ export const InfoPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <PaymentTab activeTab={ activeTab }></PaymentTab>
             <InfoWrap></InfoWrap>
           </div>

src/pages/settlement/calendar/calendar-page.tsx

@@ -28,7 +28,7 @@ export const CalendarPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <SettlementTab activeTab={ activeTab }></SettlementTab>
             <CalendarWrap></CalendarWrap>
           </div>

src/pages/settlement/list/detail-page.tsx

@@ -47,7 +47,7 @@ export const DetailPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="option-list">
               <div className="txn-detail">
                 <div className="txn-num-group">

src/pages/settlement/list/list-page.tsx

@@ -31,7 +31,7 @@ export const ListPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <SettlementTab activeTab={ activeTab }></SettlementTab>
             <ListWrap></ListWrap>
           </div>

src/pages/support/notice/detail-page.tsx

@@ -14,7 +14,7 @@ export const NoticeDetailPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="option-list pb-120">
               <div className="notice-detail">
                 <div className="notice-detail__title">[관리비 출금] 5월 관리비(4월 사용료) 출금일 변경(정정)</div>

src/pages/transaction/all-transaction/cancel-page.tsx

@@ -55,7 +55,7 @@ export const AllTransactionCancelPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="option-list-nopadding">
               <div className="subTab">
                 <button 

src/pages/transaction/all-transaction/list-page.tsx

@@ -156,7 +156,7 @@ export const AllTransactionListPage = () => {
 		<>
 			<main>
 				<div className="tab-content">
-					<div className="tab-pane sub active" id="tab1">
+					<div className="tab-pane sub active">
 						<div className="summary-section">
 							<div className="summary-label">조회금액</div>
 							<div className="summary-amount">

src/pages/transaction/billing/list-page.tsx

@@ -124,7 +124,7 @@ export const BillingListPage = () => {
 		<>
 			<main>
 				<div className="tab-content">
-					<div className="tab-pane sub active" id="tab1">
+					<div className="tab-pane sub active">
 						<div className="summary-section">
 							<div className="credit-controls">
 								<div>

src/pages/transaction/billing/payment-request-page.tsx

@@ -23,7 +23,7 @@ export const BillingPaymentRequestPage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="option-list">
               <div className="billing-title">결제 정보 입력</div>
 

src/pages/transaction/cash-receit/hand-written-issuance-page.tsx

@@ -36,7 +36,7 @@ export const CashReceitHandWrittenIssuancePage = () => {
     <>
       <main>
         <div className="tab-content">
-          <div className="tab-pane sub active" id="tab1">
+          <div className="tab-pane sub active">
             <div className="option-list">
               <div className="issue-progress">
                 <div className="bar">

src/pages/transaction/cash-receit/list-page.tsx

@@ -132,7 +132,7 @@ export const CashReceitListPage = () => {
 		<>
 			<main>
 				<div className="tab-content">
-					<div className="tab-pane sub active" id="tab1">
+					<div className="tab-pane sub active">
 						<div className="summary-section">
 							<div className="credit-controls">
 								<div>

src/pages/transaction/escro/list-page.tsx

@@ -123,7 +123,7 @@ export const EscroListPage = () => {
 		<>
 			<main>
 				<div className="tab-content">
-					<div className="tab-pane sub active" id="tab1">
+					<div className="tab-pane sub active">
 						<div className="summary-section">
 							<div className="credit-controls">
 								<div>