diff --git a/src/views/DetailTour.vue b/src/views/DetailTour.vue
index dc7c09dccf3f2f84b8fcfa067e8baf8e3cf5220e..7ff1b010e5353883674e61284444e2ea2242d4a0 100644
--- a/src/views/DetailTour.vue
+++ b/src/views/DetailTour.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <p id="title" class="display-3">{{tours.title}}</p>
+    <p id="title" class="display-4">{{tours.title}}</p>
     <p id="date" >{{tours.depart_day}} ~ {{tours.arrive_day}}</p>
     <button class="btn btn-outline-info" v-if="tours.tour_type==0">
       혼자여행
@@ -107,8 +107,12 @@ export default {
 </script>
 
 <style scoped>
+  @import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
+  #app {
+    margin: 15% auto auto auto
+  }
   *{
-    font-family: "DX경필고딕";
+    font-family: 'Jeju Gothic', sans-serif;
   }
 section{
   width:150px;
diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue
index cf3291e24f233405054824ce9093bc9de96107ad..1a3a95a2fe41f4ccfb2329539ab50c7c05b0dafb 100644
--- a/src/views/MyPage.vue
+++ b/src/views/MyPage.vue
@@ -91,6 +91,7 @@ export default {
 }
 </script>
 <style>
+  @import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
   *{
     color:#000000;
   }
@@ -101,7 +102,7 @@ export default {
     margin: auto;
     padding:30px;
     text-align: center;
-    font-family: 'Nanum Pen Script', cursive !important;
+    font-family: 'Jeju Gothic', sans-serif !important;
     width: 40px;
   }
   td {