diff --git a/public/css/pages/drive.css b/public/css/pages/drive.css
index 07198d3..703b4fe 100644
--- a/public/css/pages/drive.css
+++ b/public/css/pages/drive.css
@@ -1,322 +1,304 @@
 @charset "utf-8";
 
 main{
-    display:flex;
-    height:100%;
+    display: flex;
+    height: 100%;
 }
 
 /* dir bar start*/
 
 #dir_bar{
-    position:sticky;
-    top:0;
-    z-index:1;
-    width:100%;
-    background-color:var(--level-1);
-    box-shadow:var(--shadow);
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+    background-color: var(--level-1);
+    box-shadow: var(--shadow);
 }
 #dirs{
-    padding:1.25rem;
-    display:flex;
-    overflow-x:auto;
-    white-space:nowrap;
-    scroll-behavior:smooth;
+    padding: 1.25rem;
+    display: flex;
+    overflow-x: auto;
+    white-space: nowrap;
+    scroll-behavior: smooth;
 }
 .dir{
-    display:flex;
-    font-size:2.4rem;
-    user-select:none;
+    display: flex;
+    font-size: 2.4rem;
+    user-select: none;
 }
 .dir .folder_name{
-    padding:.75rem 1rem;
-    font-weight:bold;
-    transition:.25s;
-    border-radius:1rem;
-    cursor:pointer;
+    padding: .75rem 1rem;
+    font-weight: bold;
+    transition: .25s;
+    border-radius: 1rem;
+    cursor: pointer;
 }
 .dir .folder_name:hover{
-    background-color:var(--hover);
+    background-color: var(--hover);
 }
 .dir .arrow{
-    padding:.75rem;
-    font-weight:bold;
-    color:var(--text-level-3);
+    padding: .75rem;
+    font-weight: bold;
+    color: var(--text-level-3);
 }
 .dir:first-child .arrow{
-   display:none; 
+   display: none; 
 }
 .dir:not(:last-child) .folder_name{
-    color:var(--text-level-2);
+    color: var(--text-level-2);
  }
 
 /* dir bar end */
 
 /* file section start*/
 #file_section{
-    width:100%;
-    display:inline-block;
-    overflow:auto;
+    width: 100%;
+    display: inline-block;
+    overflow: auto;
 }
 #files {
-    display:grid;
-    grid-template-columns:repeat(auto-fill, minmax(25rem, 1fr));
-    gap:1rem;
-    margin-top:1rem;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
+    gap: 1rem;
+    margin-top: 1rem;
 }
 
 #files li{
-    position:relative;
-    display:flex;
-    flex-direction:column;
-    width:100%;
-    height:15rem;
-    border-radius:1rem;
-    overflow:hidden;
-    background-color:var(--level-1);
-    cursor:pointer;
-    transition:.25s;
-    box-shadow:var(--shadow);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 15rem;
+    border-radius: 1rem;
+    overflow: hidden;
+    background-color: var(--level-1);
+    cursor: pointer;
+    transition: .25s;
+    box-shadow: var(--shadow);
 }
 #files li.active{
-    background-color:var(--level-2);
+    background-color: var(--level-2);
 }
-@media screen and (min-width:0px) and (max-width:900px){
+@media screen and (min-width: 0px) and (max-width: 900px){
     #files li{
-        max-width:100%;
+        max-width: 100%;
     }
 }
 
 #files li:hover{
-    background-color:var(--hover);
+    background-color: var(--hover);
 }
 
 .file_icon{
-    display:flex;
-    justify-content:center;
-    align-items:center;
-    width:100%;
-    flex:1;
-    font-weight:bold;
-    font-size:3rem;
-    user-select:none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    flex: 1;
+    font-weight: bold;
+    font-size: 3rem;
+    user-select: none;
 }
 .file_name{
-    width:100%;
-    padding:1rem 1.5rem;
-    background-color:var(--level-2);
-    overflow:hidden;
-    text-overflow:ellipsis;
-    white-space:nowrap;
-    font-size:1.7rem;
+    width: 100%;
+    padding: 1rem 1.5rem;
+    background-color: var(--level-2);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 1.7rem;
 }
 .share_file_icon{
-    position:absolute;
-    top:1rem;
-    left:1rem;
-    width:2.5rem;
-    height:2.5rem;
-    background-image:url('/resource/common/images/share.svg');
-    background-size:2.5rem;
-    background-repeat:no-repeat;
-    background-position:center;
-    filter:var(--bright);
+    position: absolute;
+    top: 1rem;
+    left: 1rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    background-image: url('/resource/common/images/share.svg');
+    background-size: 2.5rem;
+    background-repeat: no-repeat;
+    background-position: center;
+    filter: var(--bright);
 }
 
-@media screen and (min-width:0px) and (max-width:920px){
+@media screen and (min-width: 0px) and (max-width: 920px){
     #files{
-        grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
     }
     #files li{
-        height:12.5rem;
+        height: 12.5rem;
     }
     .file_icon{
-        font-size:2.4rem;
+        font-size: 2.4rem;
     }
     .file_name{
-        padding:1rem;
-        font-size:1.5rem;
+        padding: 1rem;
+        font-size: 1.5rem;
     }
 }
 /* file section end */
 
 /* file info start */
 #file_info_bar{
-    position:relative;
-    min-width:40rem;
-    height:100%;
-    flex:1;
-    background-color:var(--level-1);
-    box-shadow:var(--shadow);
+    position: relative;
+    min-width: 40rem;
+    height: 100%;
+    flex: 1;
+    background-color: var(--level-1);
+    box-shadow: var(--shadow);
 }
 #file_top_bar{
-    background-color:var(--level-2);
-    border-radius:0 0 1rem 1rem;
-    box-shadow:var(--shadow);
-    padding:2rem;
+    background-color: var(--level-2);
+    border-radius: 0 0 1rem 1rem;
+    box-shadow: var(--shadow);
+    padding: 2rem;
 }
 #file_info, #drive_info{
-    padding:1.5rem 2rem;
+    padding: 1.5rem 2rem;
 }
 #file_info > p{
-    margin-bottom:.25rem;
+    margin-bottom: .25rem;
 }
 #file_info *{
-    word-break:break-all;
+    word-break: break-all;
 }
-@media screen and (min-width:0px) and (max-width:850px){
+@media screen and (min-width: 0px) and (max-width: 850px){
     #file_info_bar{
-        min-width:35rem;
+        min-width: 35rem;
     }
 }
 #file_menu{
-    display:flex;
-    gap:1rem;
-    padding:0 2rem;
-}
-#file_sub_menu{
-    padding:1rem 2rem 0 2rem;
-}
-#file_sub_menu:not([open]),
-#file_sub_menu summary{
-    display:none;
-}
-#file_sub_menu > div{
-    display:flex;
-    gap:1rem;
-}
-#file_sub_menu > div *{
-    flex:1;
+    display: flex;
+    gap: 1rem;
+    padding: 0 2rem;
 }
 
 #total_used_bar{
-    position:relative;
-    width:100%;
-    height:1rem;
-    background-color:var(--gray);
-    border-radius:1rem;
-    overflow:hidden;
-    margin-bottom:1rem;
+    position: relative;
+    width: 100%;
+    height: 1rem;
+    background-color: var(--gray);
+    border-radius: 1rem;
+    overflow: hidden;
+    margin-bottom: 1rem;
 }
 #total_used_bar div{
-    position:absolute;
-    width:0%;
-    height:1rem;
-    background-color:var(--green);
-    display:block;
-    transition:1.5s;
+    position: absolute;
+    width: 0%;
+    height: 1rem;
+    background-color: var(--green);
+    display: block;
+    transition: 1.5s;
 }
 /* file info end */
 
 #upload_button{
-    display:flex;
-    position:fixed;
-    bottom:2rem;
-    left:2rem;
-    user-select:none;
+    display: flex;
+    position: fixed;
+    bottom: 2rem;
+    left: 2rem;
+    user-select: none;
 }
 #upload_button .icon{
-    width:6rem;
-    height:6rem;
-    bottom:0;
-    transition:.25s;
-    border-radius:50%;
-    background-color:var(--level-2);
-    box-shadow:var(--shadow);
-    padding:1rem;
-    cursor:pointer;
+    width: 6rem;
+    height: 6rem;
+    bottom: 0;
+    transition: .25s;
+    border-radius: 50%;
+    background-color: var(--level-2);
+    box-shadow: var(--shadow);
+    padding: 1rem;
+    cursor: pointer;
 }
 #upload_button .icon object{
-    width:100%;
-    height:100%;
-    transform:rotate(-45deg);
+    width: 100%;
+    height: 100%;
+    transform: rotate(-45deg);
 }
 #upload_menus{
-    opacity:0;
-    pointer-events:none;
-    position:absolute;
-    bottom:0;
-    width:12rem;
-    background-color:var(--level-2);
-    border-radius:1rem;
-    overflow:hidden;
-    transition:.25s;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    bottom: 0;
+    width: 12rem;
+    background-color: var(--level-2);
+    border-radius: 1rem;
+    overflow: hidden;
+    transition: .25s;
 }
 #upload_button:hover #upload_menus{
-    opacity:1;
-    animation:upload_menu 100ms ease;
+    opacity: 1;
+    animation: blocking_click 250ms ease;
     animation-fill-mode: forwards;
 }
-@keyframes upload_menu{
-    99%{}
-    100%{
-        pointer-events:visible;
-    }
-}
 #upload_menus .menu{
-    padding:1rem 1.5rem;
-    font-size:1.8rem;
-    font-weight:bold;
-    transition:.25s;
-    cursor:pointer;
+    display: block;
+    padding: 1rem 1.5rem;
+    font-size: 1.8rem;
+    font-weight: bold;
+    transition: .25s;
+    cursor: pointer;
 }
 #upload_menus .menu:hover{
-    background-color:var(--hover);
+    background-color: var(--hover);
 }
-#upload_menus .menu label{
-    cursor:pointer;
+#upload_menus .menu{
+    cursor: pointer;
 }
 
-@media screen and (min-width:0px) and (max-width:780px) and (min-height:0px) and (min-height:500px),
-screen and (min-width:0px) and (max-width:550px){
+@media screen and (min-width: 0px) and (max-width: 780px) and (min-height: 0px) and (min-height: 500px),
+screen and (min-width: 0px) and (max-width: 550px){
     main{
-        flex-direction:column;
-        justify-content:space-between;
+        flex-direction: column;
+        justify-content: space-between;
     }
     #dirs{
-        padding:.5rem;
+        padding: .5rem;
     }
     .dir{
-        font-size:2rem;
+        font-size: 2rem;
     }
     .dir .folder_name{
-        padding:.5rem 1rem;
+        padding: .5rem 1rem;
     }
     .dir .arrow{
-        padding:.5rem;
+        padding: .5rem;
     }
     #file_section{
-        flex:1;
+        flex: 1;
     }
     #files{
-        margin-bottom:1rem;
+        margin-bottom: 1rem;
     }
     #upload_button{
-        position:absolute;
-        bottom:auto;
-        left:auto;
-        top:-7.5rem;
-        right:1.5rem;
+        position: absolute;
+        bottom: auto;
+        left: auto;
+        top: -7.5rem;
+        right: 1.5rem;
     }
     #upload_menus{
-        right:0;
+        right: 0;
     }
     #file_top_bar, #file_info, #drive_info{
-        padding:1.5rem;
+        padding: 1.5rem;
     }
     #file_menu{
-        padding:0 1.5rem;
+        padding: 0 1.5rem;
     }
-    #file_sub_menu{
-        padding:1rem 1.5rem 0 1.5rem;
+    #file_sub_menu .dropdown_content{
+        transform: translateY(1.5rem);
+        bottom: 100%;
     }
     #file_info_bar{
-        width:100%;
-        height:auto;
-        flex:none;
+        width: 100%;
+        height: auto;
+        flex: none;
     }
     .toast_wrap{
-        bottom:auto;
-        top:1rem;
-        flex-direction:column;
+        bottom: auto;
+        top: 1rem;
+        flex-direction: column;
     }
 }
\ No newline at end of file
diff --git a/public/css/style.css b/public/css/style.css
index 9499e8f..1bd45a4 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -113,6 +113,16 @@ body{
   background-size:cover;
   transition:background-color .5s;
 }
+@keyframes blocking_click{
+  0%{
+    pointer-events:none;
+  }
+  99%{
+  }
+  100%{
+    pointer-events:visible;
+  }
+}
 @font-face {
   font-family:'NotoSans';
   font-weight:normal;
@@ -218,6 +228,7 @@ summary{
   opacity:0;
   pointer-events:none;
   position: absolute;
+  z-index:1;
   text-align:center;
   font-size:1.6rem;
   font-weight:bold;
@@ -226,16 +237,16 @@ summary{
   background-color:var(--level-1);
   transition:all .25s;
 }
-.dropdown_content li{
+.dropdown_content .option{
   transition:.25s;
 }
-.dropdown_content li:first-child{
+.dropdown_content .option:first-child{
   border-radius:.5rem .5rem 0rem 0rem;
 }
-.dropdown_content li:last-child{
+.dropdown_content .option:last-child{
   border-radius:0rem 0rem .5rem .5rem;
 }
-.dropdown_content li:hover {
+.dropdown_content .option:hover {
   background-color:var(--hover);
 }
 .dropdown_content .option{
@@ -245,7 +256,7 @@ summary{
   cursor:pointer;
 }
 .dropdown_menu:hover .dropdown_content{
-  transform:translateY(0);
+  transform:translateY(0) !important;
   opacity:1;
   pointer-events:unset;
 }
@@ -254,7 +265,7 @@ summary{
 }
 .dropdown_menu > .select{
   position:relative;
-  z-index:1;
+  z-index:2;
   padding-right:2rem;
 }
 
@@ -300,6 +311,8 @@ input[type=number].year{
   width:15rem;
 }
 input[type=file]{
+  width:1px;
+  height:1px;
   position:fixed;
   opacity:0;
   pointer-events:none;
@@ -329,11 +342,11 @@ input[type=file]{
 }
 .delete, .button.off{
   color:var(--accent-text);
-  background-color:var(--red) !important;
+  background-color:var(--red);
 }
 .button.on{
   color:var(--accent-text);
-  background-color:var(--green) !important;
+  background-color:var(--green);
 }
 .inactive{
   color:var(--text) !important;
diff --git a/public/js/ajax.js b/public/js/ajax.js
index 9285aa6..f4fba4c 100644
--- a/public/js/ajax.js
+++ b/public/js/ajax.js
@@ -8,12 +8,12 @@ const progress = per => {
             progressBar.classList.add('on');
             window.setTimeout(() => {
                 progressBar.style.left=`${per-100}%`;
-            }, 1)
+            }, 1);
         }
     } else {
-        if (per>=100) {
+        if (per >= 100) {
             window.setTimeout(() => {
-                if (progressBarFlag-1==0) {
+                if (progressBarFlag-1 == 0) {
                     progressBar.classList.add('remove');
                 }
                 window.setTimeout(() => {
@@ -58,7 +58,7 @@ const ajax = async ({
 }) => {
     $('.loading').classList.add("on");
     let res;
-    try{
+    try {
         const get = async () => {
             switch (method) {
                 case 'get':
@@ -75,7 +75,7 @@ const ajax = async ({
         if (!rawResPass) {
             res = res.data;
         }
-    }catch(err) {
+    } catch(err) {
         console.log(err);
         loadingInit();
         if (!err.response) {
@@ -87,7 +87,7 @@ const ajax = async ({
             return;
         }
         if (!err.response.data.statusCode) {
-            switch(err.response.status) {
+            switch (err.response.status) {
                 case 413:
                     showAlert(`HTTP ERROR ${err.response.status} 파일 크기가 너무 큽니다.`);
                     break;
@@ -99,7 +99,7 @@ const ajax = async ({
         if (errorCallback && errorCallback(err.response.data)) {
             return;
         }
-        switch(err.response.data.statusCode) {
+        switch (err.response.data.statusCode) {
             case 401:
                 popupOpen($('#login_box'));
                 break;
@@ -108,9 +108,9 @@ const ajax = async ({
         }
         return;
     }
-    try{
+    try {
         callBack(res);
-    }catch(err) {
+    } catch(err) {
         console.log(err);
         loadingInit();
         showAlert('알 수 없는 에러가 발생하였습니다');
diff --git a/public/js/drive/load.js b/public/js/drive/load.js
index 849e83d..7aa0e02 100644
--- a/public/js/drive/load.js
+++ b/public/js/drive/load.js
@@ -1,4 +1,4 @@
-let driveId, folderId;
+let driveId, folderId, lastFolderId, lastFileId;
 const dirBar = $('#dirs');
 
 const dirView = Vue.createApp({
@@ -39,12 +39,22 @@ const fileInfoView = Vue.createApp({
             drive: {
                 total: 0,
                 used: 0
-            }
+            },
+            mode: 'normal'
         }
     },
     methods: {
         formatBytes: function(bytes) {
             return formatBytes(bytes);
+        },
+        changeMode: function(mode) {
+            this.mode = mode;
+            lastFolderId = folderId;
+        },
+        cancleMode: function() {
+            this.mode = 'normal';
+            selectFile(-1);
+            enterDir(lastFolderId);
         }
     }
 }).mount('#file_info_bar');
diff --git a/public/js/drive/main.js b/public/js/drive/main.js
index 7a751ca..4c971a2 100644
--- a/public/js/drive/main.js
+++ b/public/js/drive/main.js
@@ -1,4 +1,7 @@
 const selectFile = fileIdx => {
+    if (fileInfoView.mode != 'normal') {
+        return;
+    }
     if (fileIdx == -1) {
         filesView.focus = -1;
         fileInfoView.file = {
@@ -193,4 +196,22 @@ createFolderBox.onsubmit = (event) => {
             loadFiles();
         }
     })
+}
+
+const moveFile = async (fileId) => {
+    if (!confirm('파일을 이동하시겠습니까?')) {
+        return;
+    }
+    ajax({
+        method:'post',
+        url:`drive/move/${driveId}/${lastFolderId}/${fileId}`,
+        payload:{
+            newFolderId:folderId
+        },
+        callBack:() => {
+            showToast("파일이 이동되었습니다");
+            fileInfoView.changeMode('normal');
+            refreshDir();
+        }
+    })
 }
\ No newline at end of file
diff --git a/src/drive/repository/file.repository.ts b/src/drive/repository/file.repository.ts
index 7bc3927..3a17f13 100644
--- a/src/drive/repository/file.repository.ts
+++ b/src/drive/repository/file.repository.ts
@@ -139,7 +139,7 @@ export class FileRepository extends Repository<File> {
         try {
             this.update({
                 driveId: new Buffer(driveId, 'hex'),
-                folderId: new Buffer(folderId, 'hex')
+                folderId: folderId === 'root'? null: new Buffer(folderId, 'hex')
             }, {
                 folderId: newFolderId === 'root'? null: new Buffer(newFolderId, 'hex')
             })
diff --git a/views/common/common.ejs b/views/common/common.ejs
index f710409..f2476a6 100644
--- a/views/common/common.ejs
+++ b/views/common/common.ejs
@@ -18,7 +18,7 @@
     <h2>로그인</h2>
     <p>BSM Cloud를 이용하기위해 BSM 계정으로 로그인이 필요합니다.</p>
     <br>
-    <a href="https://bssm.kro.kr/login" class="main_button button">로그인 페이지 이동</a>
+    <a href="https://bssm.kro.kr/login" class="button accent main_button">로그인 페이지 이동</a>
 </div>
 
 <script src="/js/alert.js"></script>
diff --git a/views/pages/drive.ejs b/views/pages/drive.ejs
index 13cf62e..4e554d9 100644
--- a/views/pages/drive.ejs
+++ b/views/pages/drive.ejs
@@ -48,11 +48,10 @@
                     <object data="/resource/common/images/x.svg"></object>
                 </div>
                 <ul id="upload_menus">
-                    <li class="menu">
-                        <label for="upload_input">
-                            파일 업로드
-                            <input id="upload_input" type="file" onchange="uploadFile(this.files[0]);this.value=''">
-                        </label>
+                    <label for="upload_input" class="menu">
+                        파일 업로드
+                        <input id="upload_input" type="file" onchange="uploadFile(this.files[0]);this.value=''">
+                    </label>
                     </li>
                     <li class="menu" onclick="popupOpen($('#create_folder_box'))">
                         폴더 생성
@@ -80,21 +79,25 @@
                         <a :href="`https://drive.bssm.kro.kr/share/${file.fileId}`" target="blink">https://drive.bssm.kro.kr/share/{{file.fileId}}</a>
                     </details>
                 </div>
-                <div id="file_menu">
+                <div v-if="mode=='normal'" id="file_menu">
                     <button class="button main_button accent" :onclick="`downloadFile('${file.fileId}')`">다운로드</button>
-                    <button class="button" onclick="$('#file_sub_menu').toggleAttribute('open')">더보기</button>
+                    <span id="file_sub_menu" class="dropdown_menu">
+                        <span class="select button">더보기</span>
+                        <ul class="dropdown_content">
+                            <li class="option" onclick="popupOpen($('#share_file_box'))">파일 공유</li>
+                            <li class="option" v-on:click="changeMode('move')">파일 이동</li>
+                            <label class="option">
+                                업데이트
+                                <input type="file" :onchange="`uploadFile(this.files[0], '${file.fileId}');this.value=''`">
+                            </label>
+                            <li class="option delete" :onclick="`deleteFile('${file.fileId}')`">삭제</li>
+                        </ul>
+                    </span>
+                </div>
+                <div v-if="mode=='move'" id="file_menu">
+                    <button class="button main_button accent" :onclick="`moveFile('${file.fileId}')`">여기로 이동</button>
+                    <button class="button sub_button delete" v-on:click="cancleMode()">이동 취소</button>
                 </div>
-                <details id="file_sub_menu">
-                    <summary></summary>
-                    <div>
-                        <button class="button delete" :onclick="`deleteFile('${file.fileId}')`">삭제</button>
-                        <label class="button">
-                            업데이트
-                            <input type="file" :onchange="`uploadFile(this.files[0], '${file.fileId}');this.value=''`">
-                        </label>
-                        <button class="button" onclick="popupOpen($('#share_file_box'))">공유</button>
-                    </div>
-                </details>
             </div>
             <div id="drive_info">
                 <div id="total_used_bar">