diff --git a/app/assets/icon/help-circle.svg b/app/assets/icon/help-circle.svg
new file mode 100644
index 0000000..51fddd8
--- /dev/null
+++ b/app/assets/icon/help-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
\ No newline at end of file
diff --git a/app/components/Tooltip.vue b/app/components/Tooltip.vue
new file mode 100644
index 0000000..faa320e
--- /dev/null
+++ b/app/components/Tooltip.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="relative inline-block">
+    <div
+      @mouseenter="showTooltip = true"
+      @mouseleave="showTooltip = false"
+      @focus="showTooltip = true"
+      @blur="showTooltip = false"
+    >
+      <slot />
+    </div>
+
+    <Transition
+      enter-active-class="transition-opacity duration-200"
+      enter-from-class="opacity-0"
+      enter-to-class="opacity-100"
+      leave-active-class="transition-opacity duration-200"
+      leave-from-class="opacity-100"
+      leave-to-class="opacity-0"
+    >
+      <div
+        v-if="showTooltip"
+        :class="[
+          'absolute z-50 whitespace-nowrap rounded-lg bg-gray-800 px-3 py-2 text-[16px] font-normal text-white shadow-lg',
+          'pointer-events-none',
+          positionClasses,
+        ]"
+      >
+        {{ content }}
+        <div :class="['absolute h-2 w-2 rotate-45 bg-gray-800', arrowClasses]"></div>
+      </div>
+    </Transition>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+
+interface Props {
+  content: string;
+  position?: "top" | "bottom" | "left" | "right";
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  position: "top",
+});
+
+const showTooltip = ref(false);
+
+const positionClasses = computed(() => {
+  switch (props.position) {
+    case "top":
+      return "bottom-full left-1/2 transform -translate-x-1/2 mb-2";
+    case "bottom":
+      return "top-full left-1/2 transform -translate-x-1/2 mt-2";
+    case "left":
+      return "right-full top-1/2 transform -translate-y-1/2 mr-2";
+    case "right":
+      return "left-full top-1/2 transform -translate-y-1/2 ml-2";
+    default:
+      return "bottom-full left-1/2 transform -translate-x-1/2 mb-2";
+  }
+});
+
+const arrowClasses = computed(() => {
+  switch (props.position) {
+    case "top":
+      return "top-full left-1/2 transform -translate-x-1/2 -mt-1";
+    case "bottom":
+      return "bottom-full left-1/2 transform -translate-x-1/2 -mb-1";
+    case "left":
+      return "left-full top-1/2 transform -translate-y-1/2 -ml-1";
+    case "right":
+      return "right-full top-1/2 transform -translate-y-1/2 -mr-1";
+    default:
+      return "top-full left-1/2 transform -translate-x-1/2 -mt-1";
+  }
+});
+</script>
diff --git a/app/pages/analyze/_components/FormPanel.vue b/app/pages/analyze/_components/FormPanel.vue
index bc269fe..ec34d0d 100644
--- a/app/pages/analyze/_components/FormPanel.vue
+++ b/app/pages/analyze/_components/FormPanel.vue
@@ -4,6 +4,7 @@ import { useForm } from "@tanstack/vue-form";
 import { useFileStore } from "~/stores/file";
 import { formSchema } from "../_utils/formSchema";
 import type z from "zod";
+import HelpCircle from "~/assets/icon/help-circle.svg";
 
 const fileStore = useFileStore();
 
@@ -92,7 +93,7 @@ const emit = defineEmits<{
             <button
               type="button"
               :class="[
-                'rounded-[10px] border border-primary px-[100px] py-[30px] text-center text-[26px] font-[400] text-primary transition-colors',
+                'rounded-[10px] border border-primary px-[100px] py-[24px] text-center text-[26px] font-[400] text-primary transition-colors',
                 field.state.value === '전세' ? 'border-2 bg-secondary font-[600]' : 'border-1',
               ]"
               @click="field.handleChange('전세')"
@@ -102,7 +103,7 @@ const emit = defineEmits<{
             <button
               type="button"
               :class="[
-                'rounded-[10px] border border-primary px-[100px] py-[30px] text-center text-[26px] font-[400] text-primary transition-colors',
+                'rounded-[10px] border border-primary px-[100px] py-[24px] text-center text-[26px] font-[400] text-primary transition-colors',
                 field.state.value === '월세' ? 'border-2 bg-secondary font-[600]' : 'border-1',
               ]"
               @click="field.handleChange('월세')"
@@ -116,7 +117,19 @@ const emit = defineEmits<{
 
     <!-- 2. 보증금 입력 -->
     <div>
-      <span class="text-[26px] font-[400] text-foreground">2. 보증금 입력</span>
+      <span class="inline-flex items-center gap-2 text-[26px] font-[400] text-foreground">
+        2. 보증금 입력
+        <Tooltip
+          content="보증금은 안전지수 분석에 활용되므로, 해당 매물의 실제 금액을 정확히 입력해 주세요."
+          position="top"
+        >
+          <HelpCircle
+            class="h-[16px] w-[16px] cursor-help text-primary"
+            :font-controlled="false"
+            filled="false"
+          />
+        </Tooltip>
+      </span>
       <div class="mt-4 flex items-center justify-between gap-[15px]">
         <form.Field name="deposit_hundred_million">
           <template #default="{ field }">
diff --git a/app/pages/analyze/index.vue b/app/pages/analyze/index.vue
index 9ae35f6..4973fda 100644
--- a/app/pages/analyze/index.vue
+++ b/app/pages/analyze/index.vue
@@ -10,6 +10,10 @@ import { apiInstance, type BaseResponse } from "~/utils/api";
 import { useModalStore } from "~/stores/modal";
 import PdfSubmitted from "./_modals/PdfSubmitted.vue";
 
+useHead({
+  title: "등기부등본 분석하기",
+});
+
 const modalStore = useModalStore();
 
 const { mutate: submit } = useMutation<
diff --git a/app/pages/analyze/result/[reportId]/_components/ProcessAndDisclaimer.vue b/app/pages/analyze/result/[reportId]/_components/ProcessAndDisclaimer.vue
index fb20f5a..2684613 100644
--- a/app/pages/analyze/result/[reportId]/_components/ProcessAndDisclaimer.vue
+++ b/app/pages/analyze/result/[reportId]/_components/ProcessAndDisclaimer.vue
@@ -16,14 +16,14 @@ import ChevronRightBlue from "~/assets/icon/chevron-right-blue.svg";
     <!-- 절차 -->
     <div class="flex justify-center gap-[60px] py-[60px]">
       <!-- Step 1 -->
-      <ProcessStep :step="1" title="등본 업로드">
+      <ProcessStep :step="1" title="전처리">
         <template #icon>
           <AnalysisStep1 class="h-[180px] w-[180px]" :font-controlled="false" filled="false" />
         </template>
         <template #description>
-          업로드 한 등본을
+          업로드 한 등기부등본을
           <br />
-          AI가 분석합니다.
+          전처리 후, AI가 분석을 시작합니다.
         </template>
       </ProcessStep>
       <ChevronRightBlue
@@ -37,7 +37,7 @@ import ChevronRightBlue from "~/assets/icon/chevron-right-blue.svg";
           <AnalysisStep2 class="h-[180px] w-[180px]" :font-controlled="false" filled="false" />
         </template>
         <template #description>
-          등본에서 뭐뭐를 추출, 무엇의 기준을 바탕으로 등본을 계산하여 분석을 진행합니다.
+          등기부등본에서 텍스트를 추출하고, 공인된 기준들을 바탕으로 분석을 진행합니다.
         </template>
       </ProcessStep>
       <ChevronRightBlue
@@ -51,7 +51,7 @@ import ChevronRightBlue from "~/assets/icon/chevron-right-blue.svg";
           <AnalysisStep3 class="h-[180px] w-[180px]" :font-controlled="false" filled="false" />
         </template>
         <template #description>
-          안전도를 분석하여 위험도 점수를 도출합니다.
+          자체 연구하여 도출한 검증된 안전지수 공식을 바탕으로 위험도 점수를 계산합니다.
           <br />
           <br />
           0-2점: 위험
@@ -71,7 +71,7 @@ import ChevronRightBlue from "~/assets/icon/chevron-right-blue.svg";
         <template #icon>
           <AnalysisStep4 class="h-[180px] w-[180px]" :font-controlled="false" filled="false" />
         </template>
-        <template #description>AI가 종합하여 최종 결과를 자세히 내보냅니다.</template>
+        <template #description>AI가 분석 결과를 종합하여 최종 결과를 내보냅니다.</template>
       </ProcessStep>
     </div>
 
@@ -82,13 +82,17 @@ import ChevronRightBlue from "~/assets/icon/chevron-right-blue.svg";
       >
         <img src="~/assets/image/alien.png" alt="셋방살이" class="h-auto w-[130px]" />
         <span class="mt-[30px] text-[24px] font-[600] text-primary">
-          셋방살이는 (공공기관 이름)의 가이드를 바탕으로 근거를 수립했습니다.
+          셋방살이는 공공기관의 자료와 전문가의 가이드를 바탕으로 근거를 수립했습니다.
         </span>
         <span class="mt-[15px] text-[20px] font-[500] text-gray-66">
-          더 자세한 내용은 (공공기관 이름 또는 우리 노션)을 참고해주세요.
+          더 자세한 내용은
+          <a href="https://www.khug.or.kr/index.jsp" target="_blank" class="text-primary">
+            HUG 주택도시보증공사
+          </a>
+          를 참고해주세요.
         </span>
-        <p class="mt-[25px] text-[20px] font-[500] text-gray-66">
-          AI가 분석한 내용은 실제와 다를 수 있으니 확인용도로만 이용 부탁드립니다.
+        <p class="mt-[25px] text-[16px] font-[500] text-gray-66">
+          AI가 분석한 내용은 실제와 다를 수 있으며,
           <br />
           AI 분석 결과로 인한 문제 발생 시 법적 책임은 본인에게 있음을 알려드립니다.
         </p>
diff --git a/app/pages/analyze/result/[reportId]/index.vue b/app/pages/analyze/result/[reportId]/index.vue
index c82f8a7..1fe6541 100644
--- a/app/pages/analyze/result/[reportId]/index.vue
+++ b/app/pages/analyze/result/[reportId]/index.vue
@@ -3,6 +3,11 @@ import { useQuery } from "@tanstack/vue-query";
 import ProcessAndDisclaimer from "./_components/ProcessAndDisclaimer.vue";
 import { apiInstance } from "~/utils/api";
 import type { AnalyzeResultResponse } from "./_api/types/AnalyzeResultResponse";
+import { useHead } from "#app";
+
+useHead({
+  title: "분석 결과",
+});
 
 const reportId = useRoute().params.reportId;
 
diff --git a/app/pages/checklist/index.vue b/app/pages/checklist/index.vue
index 9648c5d..8324862 100644
--- a/app/pages/checklist/index.vue
+++ b/app/pages/checklist/index.vue
@@ -14,7 +14,7 @@
         class="h-[64px] w-[177px] justify-start rounded-[10px] bg-primary text-[28px] font-[500] text-background"
         @click="gotoQuiz"
       >
-        퀴즈풀기
+        퀴즈 풀기
       </button>
     </div>
     <div class="mt-[90px] flex w-[896px] flex-col">
@@ -184,6 +184,10 @@ import Five from "~/assets/image/checkFive.jpg";
 import CheckCard from "./_components/CheckCard.vue";
 import CheckTipBox from "./_components/CheckTipBox.vue";
 
+useHead({
+  title: "체크리스트",
+});
+
 const gotoQuiz = () => {
   navigateTo("/quiz");
 };
diff --git a/app/pages/community/_components/CommentWrap.vue b/app/pages/community/_components/CommentWrap.vue
index 18bdec7..c0f8880 100644
--- a/app/pages/community/_components/CommentWrap.vue
+++ b/app/pages/community/_components/CommentWrap.vue
@@ -105,17 +105,22 @@
       </div>
     </div>
 
-    <div v-if="PostModalOpen" class="fixed inset-0 z-50 flex items-center justify-center">
-      <div class="absolute inset-0 bg-zinc-900/40" @click="handlePostModal"></div>
-      <div class="z-60 relative">
-        <PostComment
-          :road-code="roadCode"
-          :building-number="buildingNumber"
-          :selected-address="selectedAddress"
-          @close="handlePostModal"
-        />
+    <Teleport to="body">
+      <div
+        v-if="PostModalOpen"
+        class="fixed inset-0 z-[9999] flex items-center justify-center bg-gray-1a/40"
+      >
+        <div class="absolute inset-0" @click="handlePostModal"></div>
+        <div class="relative">
+          <PostComment
+            :road-code="roadCode"
+            :building-number="buildingNumber"
+            :selected-address="selectedAddress"
+            @close="handlePostModal"
+          />
+        </div>
       </div>
-    </div>
+    </Teleport>
   </div>
 </template>
 
diff --git a/app/pages/community/_components/SearchBar.vue b/app/pages/community/_components/SearchBar.vue
index a2540ce..4517da9 100644
--- a/app/pages/community/_components/SearchBar.vue
+++ b/app/pages/community/_components/SearchBar.vue
@@ -38,7 +38,7 @@
 
 <script setup lang="ts">
 import BlueSearch from "~/assets/icon/blueSearchIcon.svg";
-import { ref, defineEmits, computed } from "vue";
+import { ref, defineEmits, computed, defineProps, watch } from "vue";
 import { useQuery } from "@tanstack/vue-query";
 import { apiInstance } from "~/utils/api";
 import type { BaseResponse } from "~/utils/api";
@@ -46,9 +46,24 @@ import type { SearchAddressResponse } from "../_api/types/SearchAddressResponse"
 import { useDebounce } from "~/composables/useDebounce";
 import { splitByKeyword } from "../_utils/splitByKeyword";
 
-const address = ref("");
+const props = defineProps<{
+  initialValue?: string;
+}>();
+
+const address = ref(props.initialValue || "");
 const debouncedAddress = useDebounce(address, 500);
 
+// Watch for changes in initialValue prop
+watch(
+  () => props.initialValue,
+  (newValue) => {
+    if (newValue) {
+      address.value = newValue;
+    }
+  },
+  { immediate: true }
+);
+
 const emits = defineEmits(["search-address"]);
 
 const { data: searchResponse } = useQuery<BaseResponse<SearchAddressResponse>>({
diff --git a/app/pages/community/index.vue b/app/pages/community/index.vue
index 6122565..c282a65 100644
--- a/app/pages/community/index.vue
+++ b/app/pages/community/index.vue
@@ -66,7 +66,7 @@
       id="map"
       class="absolute left-[598px] top-0 z-10 h-[871px] w-[897px] rounded-[20px] bg-gray-1a"
     >
-      <SearchBar @search-address="searchAddress"></SearchBar>
+      <SearchBar :initial-value="selectedAddress" @search-address="searchAddress"></SearchBar>
     </div>
   </div>
 </template>
@@ -80,6 +80,10 @@ import CreditStore from "../credit/creditStore.vue";
 import { useQuery } from "@tanstack/vue-query";
 import { apiInstance } from "~/utils/api";
 
+useHead({
+  title: "커뮤니티",
+});
+
 const currentTab = ref("community");
 const handleTabStore = () => {
   currentTab.value = "store";
@@ -196,6 +200,15 @@ onMounted(async () => {
 
   // 초기 로드 시 네비바에서 검색해서 온 경우 처리
   handleNavbarSearch();
+
+  // 페이지 마운트 시 기본 주소로 검색
+  selectedAddress.value = "서울특별시 성북구 동소문로26나길 19";
+
+  searchAddress({
+    buldMnnm: "19",
+    rnMgtSn: "112904121104",
+    roadAddrPart1: "서울특별시 성북구 동소문로26나길 19",
+  });
 });
 
 const searchAddress = (suggestion) => {
diff --git a/app/pages/index.vue b/app/pages/index.vue
index bd7cd6b..a8b5133 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -6,6 +6,10 @@ import { gsap } from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 import { ref, onMounted, onUnmounted } from "vue";
 
+useHead({
+  title: "전월세 피해 예방 플랫폼",
+});
+
 gsap.registerPlugin(ScrollTrigger);
 
 // Refs for elements
@@ -285,7 +289,7 @@ onUnmounted(() => {
 
       <!-- 가격 -->
       <div ref="pricingSection">
-        <PricingPage />
+        <PricingPage :is-embedded="true" />
       </div>
     </section>
   </main>
diff --git a/app/pages/my/_components/AnalysisPreviewCard.vue b/app/pages/my/_components/AnalysisPreviewCard.vue
index 505e053..a98bdd3 100644
--- a/app/pages/my/_components/AnalysisPreviewCard.vue
+++ b/app/pages/my/_components/AnalysisPreviewCard.vue
@@ -5,6 +5,7 @@ const props = defineProps<{
   address: string;
   safetyScore: number;
   safetyDescription: string;
+  reportId: number;
 }>();
 </script>
 
@@ -29,7 +30,10 @@ const props = defineProps<{
           {{ props.safetyDescription }}
         </p>
       </div>
-      <span class="flex cursor-pointer items-center gap-2 text-[20px] font-[400] text-gray-b4">
+      <span
+        class="flex cursor-pointer items-center gap-2 text-[20px] font-[400] text-gray-b4"
+        @click="navigateTo(`/analyze/result/${props.reportId}`)"
+      >
         자세히 보기
         <RightArrowGrayIcon class="h-[10px]" :font-controlled="false" filled="false" />
       </span>
diff --git a/app/pages/my/_components/MyCredit.vue b/app/pages/my/_components/MyCredit.vue
index a0b0bda..564fd83 100644
--- a/app/pages/my/_components/MyCredit.vue
+++ b/app/pages/my/_components/MyCredit.vue
@@ -7,6 +7,7 @@
     </div>
     <button
       class="ml-auto rounded-[10px] bg-primary px-[40px] py-[10px] text-[28px] font-[600] text-gray-fe"
+      @click="navigateTo('/community?tab=store')"
     >
       크레딧 사용 제휴처 확인
     </button>
diff --git a/app/pages/my/index.vue b/app/pages/my/index.vue
index 93b6b2f..2c8ef98 100644
--- a/app/pages/my/index.vue
+++ b/app/pages/my/index.vue
@@ -5,6 +5,11 @@ import PostAchievementCard from "./_components/PostAchievementCard.vue";
 import type { MyPageResponse } from "./_api/types/MyPageResponse";
 import { useQuery } from "@tanstack/vue-query";
 import { apiInstance } from "~/utils/api";
+import { useHead } from "#app";
+
+useHead({
+  title: "마이 페이지",
+});
 
 const { data } = useQuery<BaseResponse<MyPageResponse>>({
   queryKey: ["mypage"],
@@ -22,6 +27,7 @@ console.log(data);
         <AnalysisPreviewCard
           v-for="report in data?.data.reports"
           :key="report.reportId"
+          :report-id="report.reportId"
           :address="report.address"
           :safety-score="report.safetyScore"
           :safety-description="report.summary"
@@ -34,17 +40,17 @@ console.log(data);
       </h1>
       <div class="mb-[100px] flex flex-col gap-[30px]">
         <PostAchievementCard
-          :completed="(data?.data.postCount ?? 0) >= 3"
+          :completed="(data?.data.postCount ?? 0) >= 1"
           achievement="게시글 1개"
           :credit="500"
         />
         <PostAchievementCard
-          :completed="(data?.data.postCount ?? 0) >= 10"
+          :completed="(data?.data.postCount ?? 0) >= 5"
           achievement="게시글 5개"
           :credit="700"
         />
         <PostAchievementCard
-          :completed="(data?.data.postCount ?? 0) >= 30"
+          :completed="(data?.data.postCount ?? 0) >= 15"
           achievement="게시글 15개"
           :credit="1000"
         />
diff --git a/app/pages/pricing/index.vue b/app/pages/pricing/index.vue
index e546959..90dcad7 100644
--- a/app/pages/pricing/index.vue
+++ b/app/pages/pricing/index.vue
@@ -1,3 +1,20 @@
+<script setup>
+import PriceBox from "./_components/PriceBox.vue";
+import CheckIconBlue from "~/assets/icon/checkIconBlue.svg";
+import CheckIconGrey from "~/assets/icon/checkIconGrey.svg";
+
+const props = defineProps({
+  isEmbedded: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+useHead({
+  title: props.isEmbedded ? undefined : "가격",
+});
+</script>
+
 <template>
   <div class="flex flex-col items-center justify-center gap-[40px]">
     <div class="flex flex-col items-center">
@@ -110,9 +127,3 @@
     </div>
   </div>
 </template>
-
-<script setup>
-import PriceBox from "./_components/PriceBox.vue";
-import CheckIconBlue from "~/assets/icon/checkIconBlue.svg";
-import CheckIconGrey from "~/assets/icon/checkIconGrey.svg";
-</script>
diff --git a/app/pages/quiz/Correct.vue b/app/pages/quiz/Correct.vue
index b141337..d03e7a0 100644
--- a/app/pages/quiz/Correct.vue
+++ b/app/pages/quiz/Correct.vue
@@ -1,5 +1,5 @@
 <template>
-  <Explain>
+  <Explain :correct="true">
     <template #result>
       <div class="mb-[30px] text-[48px] font-[700] text-[#2D8AE7]">정답입니다.</div>
     </template>
diff --git a/app/pages/quiz/False.vue b/app/pages/quiz/False.vue
index 4660f49..a893a4d 100644
--- a/app/pages/quiz/False.vue
+++ b/app/pages/quiz/False.vue
@@ -1,5 +1,5 @@
 <template>
-  <Explain>
+  <Explain :correct="false">
     <template #result>
       <div class="mb-[30px] text-[48px] font-[700] text-[#FF615E]">오답입니다.</div>
     </template>
diff --git a/app/pages/quiz/_components/Explain.vue b/app/pages/quiz/_components/Explain.vue
index 7532998..308f2c2 100644
--- a/app/pages/quiz/_components/Explain.vue
+++ b/app/pages/quiz/_components/Explain.vue
@@ -28,7 +28,7 @@
           </div>
           <button
             class="item-center flex justify-center rounded-[10px] bg-primary px-[27px] py-[15px] text-[45px] text-white"
-            @click="handleModal"
+            @click="props.correct ? handleModal() : navigateTo('/checklist')"
           >
             ->
           </button>
@@ -36,7 +36,7 @@
       </div>
       <div
         v-if="isModalOpen"
-        class="fixed inset-0 z-50 flex items-center justify-center bg-zinc-900/40"
+        class="fixed inset-0 z-[9999] flex items-center justify-center bg-zinc-900/40"
       >
         <CompleteQuiz @close="closeModal" @check-credit="handleCreditCheck" />
       </div>
@@ -59,4 +59,11 @@ const handleCreditCheck = () => {
   navigateTo("/my");
   console.log("크레딧 페이지로 이동");
 };
+
+const props = defineProps({
+  correct: {
+    type: Boolean,
+    required: false,
+  },
+});
 </script>
diff --git a/app/pages/quiz/index.vue b/app/pages/quiz/index.vue
index 5f61041..1972d84 100644
--- a/app/pages/quiz/index.vue
+++ b/app/pages/quiz/index.vue
@@ -8,8 +8,8 @@
         :class="[
           'flex cursor-pointer items-center justify-center rounded-2xl border-[1.50px] px-[175px] py-[27px] text-[28px] font-[500]',
           selectedOption === 1
-            ? 'border-[3px] border-primary bg-secondary'
-            : 'border-zinc-400 hover:border-[3px] hover:border-primary hover:bg-secondary',
+            ? 'bg-secondary ring-[3px] ring-primary'
+            : 'ring-[1.50px] ring-gray-b4 hover:bg-secondary hover:ring-[3px] hover:ring-primary',
         ]"
         @click="selectOption(1)"
       >
@@ -19,8 +19,8 @@
         :class="[
           'flex cursor-pointer items-center justify-center rounded-2xl border-[1.50px] px-[175px] py-[27px] text-[28px] font-[500]',
           selectedOption === 2
-            ? 'border-[3px] border-primary bg-secondary'
-            : 'border-zinc-400 hover:border-[3px] hover:border-primary hover:bg-secondary',
+            ? 'bg-secondary ring-[3px] ring-primary'
+            : 'ring-[1.50px] ring-gray-b4 hover:bg-secondary hover:ring-[3px] hover:ring-primary',
         ]"
         @click="selectOption(2)"
       >
@@ -30,8 +30,8 @@
         :class="[
           'flex cursor-pointer items-center justify-center rounded-2xl border-[1.50px] px-[175px] py-[27px] text-[28px] font-[500]',
           selectedOption === 3
-            ? 'border-[3px] border-primary bg-secondary'
-            : 'border-zinc-400 hover:border-[3px] hover:border-primary hover:bg-secondary',
+            ? 'bg-secondary ring-[3px] ring-primary'
+            : 'ring-[1.50px] ring-gray-b4 hover:bg-secondary hover:ring-[3px] hover:ring-primary',
         ]"
         @click="selectOption(3)"
       >
@@ -41,8 +41,8 @@
         :class="[
           'flex cursor-pointer items-center justify-center rounded-2xl border-[1.50px] px-[175px] py-[27px] text-[28px] font-[500]',
           selectedOption === 4
-            ? 'border-[3px] border-primary bg-secondary'
-            : 'border-zinc-400 hover:border-[3px] hover:border-primary hover:bg-secondary',
+            ? 'bg-secondary ring-[3px] ring-primary'
+            : 'ring-[1.50px] ring-gray-b4 hover:bg-secondary hover:ring-[3px] hover:ring-primary',
         ]"
         @click="selectOption(4)"
       >
@@ -50,7 +50,11 @@
       </div>
     </div>
     <button
-      class="mt-[50px] flex items-center justify-center rounded-[10px] bg-[#B4B4B4] px-[182px] py-[15px] text-[32px] font-[600] text-gray-fe hover:bg-primary"
+      :class="[
+        'mt-[50px] flex items-center justify-center rounded-[10px] px-[182px] py-[15px] text-[32px] font-[600] text-gray-fe',
+        selectedOption === null ? 'cursor-not-allowed bg-gray-b4' : 'bg-primary',
+      ]"
+      :disabled="selectedOption === null"
       @click="goToResult"
     >
       확인하기
@@ -64,6 +68,10 @@ import { useMutation } from "@tanstack/vue-query";
 import type { QuizResponse } from "./_api/types/quiz";
 import type { BaseResponse } from "~/utils/api";
 
+useHead({
+  title: "퀴즈 풀기",
+});
+
 const selectedOption = ref<number | null>(null); //선택한 정답 저장
 
 const submitQuizMutation = useMutation({
diff --git a/app/pages/report/index.vue b/app/pages/report/index.vue
index e911b89..b5691b4 100644
--- a/app/pages/report/index.vue
+++ b/app/pages/report/index.vue
@@ -48,6 +48,11 @@ import { useFileStore } from "~/stores/file";
 import { apiInstance } from "~/utils/api";
 import { useMutation } from "@tanstack/vue-query";
 import UploadComplete from "./_modals/UploadComplete.vue";
+import { useHead } from "#app";
+
+useHead({
+  title: "사기신고",
+});
 
 const isModalOpen = ref(false);
 const fileStore = useFileStore();