diff --git a/src/components/search/SearchBar.vue b/src/components/search/SearchBar.vue
index 8ade437..b3a8b3e 100644
--- a/src/components/search/SearchBar.vue
+++ b/src/components/search/SearchBar.vue
@@ -1,9 +1,9 @@
 <script setup>
 import { reactive, ref, watch } from 'vue';
-import axios from 'axios';
 import Select from '../common/Select.vue';
 import { useAttractionStore } from '@/stores/attractionStore';
 import SearchBox from '../common/SearchBox.vue';
+import { getGugun, getSido } from '@/api/area';
 
 const contentTypeList = reactive([
   { value: 0, name: '전체' },
@@ -29,16 +29,14 @@ watch(sido, ({ sidoCode }) => {
   if (sidoCode === 0) {
     return;
   }
-  axios.get(`//localhost:8000/area/gugun?sidoCode=${sidoCode}`).then(({ data }) => {
+  getGugun(sidoCode).then(({ data }) => {
     gugunList.value = [{ gugunCode: 0, gugunName: '전체' }, ...data];
   });
   console.log(keyword.value);
 });
 
 if (sidoList.value.length === 0) {
-  axios
-    .get('//localhost:8000/area/sido')
-    .then(({ data }) => (sidoList.value = [{ sidoCode: 0, sidoName: '전체' }, ...data]));
+  getSido().then(({ data }) => (sidoList.value = [{ sidoCode: 0, sidoName: '전체' }, ...data]));
 }
 
 function handleSubmit() {