diff --git a/src/assets/adding.png b/src/assets/adding.png
new file mode 100644
index 0000000000000000000000000000000000000000..68053c44eaaeceef6a08224e1a3d0bd1402cf8fe
Binary files /dev/null and b/src/assets/adding.png differ
diff --git a/src/components/MyModal.vue b/src/components/MyModal.vue
index e43111551650c83cf7fefe056e6aa95045674353..93a9583b05287d9258dff9b65074f9acce5bf11a 100644
--- a/src/components/MyModal.vue
+++ b/src/components/MyModal.vue
@@ -22,9 +22,9 @@
             :until-country=true
             @select-country="getCountryInfo"/>
           <div v-if="checkCountry">
-            <button class="modal-default-button" v-on:click="clickMakePlan()">Make Plan!</button>
+            <button class="modal-default-button" v-on:click="clickMakePlan()"><img id="illu" src="../assets/makePlan.png">!</button>
           </div>
-          <button class="modal-default-button" @click="$emit('close')">Close
+          <button class="modal-default-button" @click="$emit('close')"><img id="illu" src="../assets/close.png">
           </button>
           <br>
         </div>
@@ -110,6 +110,10 @@ export default {
   .closeModalBtn {
     color: #62acde;
   }
+  #illu {
+    width: 80px;
+    height: 35px;
+  }
 
   .modal-mask {
     position: fixed;
@@ -149,11 +153,12 @@ export default {
   }
 
   .modal-default-button {
-    color: #fff;
     float: right;
-    background-color: #64b99f;
-    font-size: 20px;
-    border-radius: 8px;
+    background-color:#ffffff;
+    width: 80px;
+    height: 35px;
+    border : none;
+    margin: 0px 5px;
   }
 
   /*
diff --git a/src/views/AttractionList.vue b/src/views/AttractionList.vue
index aba26637951905df6189338f274333589c227cf0..1693d26c3912aa0a4604b5c14196867492113aa0 100644
--- a/src/views/AttractionList.vue
+++ b/src/views/AttractionList.vue
@@ -62,7 +62,7 @@ export default {
     font-size: 26px;
   }
   #attractionlist {
-    margin: 15% auto auto auto;
+    margin: 10% auto auto auto;
   }
   hr{
     border: none;
@@ -74,6 +74,7 @@ export default {
     .illu{
       width: 80px;
       height: 35px;
+      margin: 4px 0px;
     }
 
     .img{
diff --git a/src/views/LogIn.vue b/src/views/LogIn.vue
index 17a4345d64dab0845e80b60e1eb7f4ccdc931df6..3d70ee162c2d2ac161da801e869cfd15a8ad6398 100644
--- a/src/views/LogIn.vue
+++ b/src/views/LogIn.vue
@@ -1,10 +1,11 @@
 <template>
   <div id="LogIn">
-    <p>LogIn Page</p>
+    <h2 class="text-info">LogIn Page</h2>
+    <br>
     <input required v-model='user_id' placeholder="ID"><br><br>
     <input required v-model='user_password' placeholder="PASSWORD"><br><br>
-    <button v-on:click="login()" id="bu1">
-      <img id="illu1" src="../assets/login.png">
+    <button class="btn" v-on:click="login()">
+    <img id="illu1" src="../assets/login.png">
     </button>
     <br>
     <router-link to='/'>
@@ -45,13 +46,17 @@ export default {
 }
 </script>
 <style>
+h2{
+  font-weight: 2px
+}
   #illu, #illu1, #bu1 {
     width: 80px;
     height: 35px;
   }
 
-  #bu1 {
-    background-color: #ffffff
+  .btn {
+    background-color: none;
+    border : none;
   }
 
   #LogIn {
diff --git a/src/views/MakePlan.vue b/src/views/MakePlan.vue
index 311df5b709857e18c6e625a6928e81f7b1217aa8..4e81aa53c7331d8b4cdc8c9fa9ebee6e5e80b4b8 100644
--- a/src/views/MakePlan.vue
+++ b/src/views/MakePlan.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="makePlan">
+    <br><br><br>
     <h1>Make Plan</h1>
     <div id="div0">
       <div v-for="item in Days" v-bind:key='item.idx'>
@@ -9,16 +10,17 @@
             {{item.st}}
           </button>
       </div>
+            <br><br>
       <button id="addBtn" v-on:click="newAdd">+</button>
-      <br>
+
     </div>
-    <br>
+    <div>
     <div id="div1">
       <div class="tourList">
         <p class="w1">관광지</p>
       </div>
       <br>
-      <button v-on:click="cl1">고르기</button>
+      <button v-on:click="cl1" class="btn"><img id="illu1" src="../assets/choose.png"></button>
       <div v-if="showM" @close="showM=false">
         <select @change="selectCity($event)" name="city">
           <!--      <option disabled value="">Select City</option>-->
@@ -26,7 +28,7 @@
           <option v-for="city in cities" v-bind:key="city.id">{{city.city_name}}</option>
         </select>
       </div>
-      <br><br>
+      <br>
       <div v-for="idx in places" v-bind:key='idx.place_id'>
         <button class="btn btn-outline-secondary" v-on:click="makeTour(idx)">{{idx.place_name}}</button>
         <br>
@@ -42,8 +44,9 @@
         <div id="div_tour"> {{pl.place_name}}
         </div>
       </div>
-      <button class="btn" v-on:click="addTour">저장</button>
-      <button class="btn" v-on:click="sendResult">최종 저장</button>
+      <button class="btn" v-on:click="addTour"><img id="illu1" src="../assets/submit.png"></button>
+      <button class="btn" v-on:click="sendResult"><img id = "illu2" src="../assets/totalSubmit.png"></button>
+    </div>
     </div>
   </div>
 </template>
@@ -55,6 +58,7 @@ import API from '../components/API'
 var number = 1
 var dayNum = 0
 var cc = ''
+var clicked=''
 export default {
   name: 'makePlan',
   data () {
@@ -189,14 +193,20 @@ export default {
 }
 </script>
 <style>
-
+#illu1, #illu2{
+    width: 80px;
+    height: 35px;
+}
 #btnDay{
   float:left;
   margin:0px 5px;
   background-color: #ffffff;
   border: 2px dashed  #FF6D6A;
-
+  bottom : 0%;
 }
+ #btnDay:hover{
+   background-color: #FF6D6A
+  }
 
   #div0 {
     text-align: right;
@@ -226,7 +236,7 @@ export default {
   }
 
   .btn {
-    position: relative;
+
     bottom: 0;
     /*background-color: #FF6D6A;*/
   }
@@ -241,9 +251,11 @@ export default {
     border: solid 3px #3d3b3b;
     border-radius: 7px;
     color: #ffffff;
+    bottom: 0%;
   }
 
   #div_tour {
     height: auto;
+    margin: 2px 0px
   }
 </style>
diff --git a/src/views/MyPage.vue b/src/views/MyPage.vue
index cf3291e24f233405054824ce9093bc9de96107ad..fa3269c6c165a211694745ac0182b09feaed7d11 100644
--- a/src/views/MyPage.vue
+++ b/src/views/MyPage.vue
@@ -94,6 +94,9 @@ export default {
   *{
     color:#000000;
   }
+  .btn{
+    padding: 1px 1px;
+  }
   #mypage {
     margin: 15% auto auto auto
   }
diff --git a/src/views/SharePlan.vue b/src/views/SharePlan.vue
index 35d41da0116feb3dabae7b7b25461e7738ba3c4b..9819bf0045d7c646f94dc4d501688d94b667bf55 100644
--- a/src/views/SharePlan.vue
+++ b/src/views/SharePlan.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="example ex1">
-    <h1>검색할 태그를 선택하세요</h1>
+    <h1>검색할 <h1 class="text-warning">태그를</h1> 선택하세요</h1>
+    <br>
     <label class="radio spring">
       <input type="radio" name="group1" v-model="tour_type" value="0"/>
       <span>혼자서</span>
@@ -35,12 +36,12 @@
       <span>겨울</span>
     </label>
     <br><br>
-    <button class="btn btn-success" v-on:click="search()"> search</button>
+    <button class="btn" v-on:click="search()"> <img id="illu" src="../assets/search.png"></button>
     <br>
     {{idPlan}}
     <br><br>
     <router-link to='/'>
-      <button class="btn btn-success">홈으로</button>
+      <button class="btn"><img id= "illu" src="../assets/gotoHome.png"></button>
     </router-link>
     <div id="tour_list" v-if="clickedSearch==true">
       <div class="centered" v-for="tour in tours" :key="tour.idPlan">
@@ -93,18 +94,21 @@ export default {
 
 <style>
 
+  .btn {
+    background: #ffffff
+  }
   h1 {
     font-family: "DX경필고딕";
     size: 70px;
   }
 
-  #illu {
+  #illu, .btn{
     width: 80px;
     height: 35px;
   }
 
   .example {
-    margin: 15% auto auto auto
+    margin: 10% auto auto auto
   }
 
   .example input {
diff --git a/src/views/SignUp.vue b/src/views/SignUp.vue
index fa194736862ea08894564249eab3e684fdeeec51..41a134246e30657790081d68e9cd33c18d2cb48f 100644
--- a/src/views/SignUp.vue
+++ b/src/views/SignUp.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="LogIn">
-    <p>Sign Up</p>
+    <h2 class="text-info">Sign Up</h2>
     <input type="email" required v-model="user_email" placeholder="EMAIL"><br><br>
     <input required v-model='user_id' placeholder="ID">
     <button v-on:click="overlap()">중복확인</button>
@@ -12,11 +12,11 @@
     <input type="radio" v-model="user_gender" name="user_gender" value="0">Female<br><br>
     <input required v-model='user_phone' placeholder="PHONE"><br><br>
     <button v-on:click="register()" id="bu1">
-      가입
+    <img id="illu" src="../assets/adding.png">
     </button>
     <br>
     <router-link to='/'>
-      <img id="illu" src="../assets/gotoHome.png">
+    <img id="illu" src="../assets/gotoHome.png">
     </router-link>
   </div>
 </template>
@@ -108,13 +108,17 @@ export default {
 }
 </script>
 <style>
-  #illu, #illu1, #bu1 {
+  #illu, #illu1 {
     width: 80px;
     height: 35px;
   }
 
   #bu1 {
-    background-color: #ffffff
+    background-color: #ffffff;
+    border : none;
+    width: 80px;
+    height: 35px;
+    margin: 3px 0px;
   }
 
   #LogIn {