diff --git a/layers/templates/GrDetail01/index.vue b/layers/templates/GrDetail01/index.vue
index 42fbfa3..82fb423 100644
--- a/layers/templates/GrDetail01/index.vue
+++ b/layers/templates/GrDetail01/index.vue
@@ -16,6 +16,8 @@ const props = defineProps<Props>()
 
 const { locale } = useI18n()
 const { sendLog } = useAnalytics()
+const gameDataStore = useGameDataStore()
+const { fontFamily } = storeToRefs(gameDataStore)
 
 const splideRef = ref<SplideSlide | null>(null)
 const currentSlideIndex = ref<number | null>(null)
@@ -40,6 +42,14 @@ const goToSlide = (index: number, title: string) => {
     sendLog(locale.value, analytics)
   }
 }
+
+// 텍스트 스타일
+const textStyle = (item: PageDataTemplateComponents) => {
+  const useGameFont = getComponentGroup(item, 'pagenaviTitle')?.display
+    ?.use_game_font
+
+  return useGameFont === 1 ? { fontFamily: fontFamily.value } : {}
+}
 </script>
 
 <template>
@@ -107,7 +117,7 @@ const goToSlide = (index: number, title: string) => {
           "
         >
           <span class="item-bullet"></span>
-          <span class="item-title">
+          <span class="item-title" :style="textStyle(item)">
             {{ getComponentGroup(item, 'pagenaviTitle')?.display?.text || '' }}
           </span>
         </button>