diff --git a/B03_FileInput/B03_FileInput_UI_Style_Temp.css b/B03_FileInput/B03_FileInput_UI_Style_Temp.css
index e513674d..4dfc2cde 100644
--- a/B03_FileInput/B03_FileInput_UI_Style_Temp.css
+++ b/B03_FileInput/B03_FileInput_UI_Style_Temp.css
@@ -15,7 +15,8 @@
 }
 
 .b03-file__temp-summary {
-  font-size: 12px;
+  font-family: var(--font-body);
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
 }
 
@@ -29,6 +30,15 @@
   max-height: 80vh;
 }
 
+/* 제목은 브라우저 기본 h3 서식이 남지 않게 템플릿 값으로 맞춘다. */
+.b03-file__temp-modal h3 {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--text-body);
+  font-weight: var(--font-weight-bold);
+  color: var(--color-text);
+}
+
 .b03-file__temp-list {
   display: flex;
   flex-direction: column;
@@ -39,9 +49,13 @@
 .b03-file__temp-empty {
   padding: var(--spacing-16);
   text-align: center;
-  font-size: 13px;
+  font-family: var(--font-body);
+  font-size: var(--text-body-sm);
+  color: var(--color-text-muted);
 }
 
+/* 목록 항목은 <button>이라 글꼴을 물려받지 않는다 — 본문 글꼴을 직접 지정한다.
+   글자색도 본문색을 쓴다(--color-primary-text는 '주 액션 배경 위' 색이라 밝은 배경에서 안 보인다). */
 .b03-file__temp-option {
   display: flex;
   flex-direction: column;
@@ -50,10 +64,16 @@
   border: 1px solid var(--color-border);
   border-radius: var(--radius-cards);
   background: var(--color-paper);
-  color: var(--color-primary-text);
+  font-family: var(--font-body);
+  font-size: var(--text-caption);
+  color: var(--color-text-body);
   text-align: left;
   cursor: pointer;
-  font-size: 12px;
+}
+
+.b03-file__temp-option strong {
+  font-size: var(--text-body-sm);
+  color: var(--color-text);
 }
 
 .b03-file__temp-option:hover {
@@ -66,6 +86,7 @@
 }
 
 .b03-file__temp-option-files {
+  font-size: var(--text-caption);
   color: var(--color-text-secondary);
 }