diff --git a/src/main/resources/static/css/base.css b/src/main/resources/static/css/base.css
index 86886619..d5b70482 100644
--- a/src/main/resources/static/css/base.css
+++ b/src/main/resources/static/css/base.css
@@ -812,3 +812,7 @@ input[readonly], textarea[readonly] {
     background-color: rgba(255, 255, 255, 0.2);
     border-radius: 10px;
 }
+
+.mobile-footer .link.active {
+    background-color: rgba(255, 255, 255, 0.2);
+}
diff --git a/src/main/resources/templates/layout/footer.html b/src/main/resources/templates/layout/footer.html
index a90d54fb..333605ef 100644
--- a/src/main/resources/templates/layout/footer.html
+++ b/src/main/resources/templates/layout/footer.html
@@ -9,12 +9,13 @@
   </a>
 </div>
 <div class="mobile-footer row text-align-center fs-1">
-  <a href="/" class="link col-3">
+  <a href="/" class="link col-3" data-link="/">
     <i class="bi bi-house-door"></i>
     <br/>
     <span>홈</span>
   </a>
-  <a th:if="${loginMember != null}" th:href="@{/duty/{name}(name=${loginMember.id})}" class="link col-3">
+  <a th:if="${loginMember != null}" th:href="@{/duty/{name}(name=${loginMember.id})}" class="link col-3"
+     data-link="/duty">
     <i class="bi bi-calendar2-week"></i>
     <br/>
     <span>내 시간표</span>
@@ -24,14 +25,33 @@
     <br/>
     <span>내 시간표</span>
   </a>
-  <a href="/member/d-day" class="link col-3">
+  <a href="/member/d-day" class="link col-3" data-link="member/d-day">
     <i class="bi bi-calendar-check"></i>
     <br/>
     <span>디데이</span>
   </a>
-  <a href="/member" class="link col-3">
+  <a href="/member" class="link col-3" data-link="/member">
     <i class="bi bi-person"></i>
     <br/>
     <span>내 정보</span>
   </a>
 </div>
+
+<script>
+    const currentPath = window.location.pathname;
+    const loginMemberId = parseInt("[[${loginMember?.id}]]");
+    switch (currentPath) {
+        case '/':
+            document.querySelector('.mobile-footer .link[data-link="/"]').classList.add('active');
+            break;
+        case '/member':
+            document.querySelector('.mobile-footer .link[data-link="/member"]').classList.add('active');
+            break;
+        case '/member/d-day':
+            document.querySelector('.mobile-footer .link[data-link="member/d-day"]').classList.add('active');
+            break;
+        case '/duty/' + loginMemberId:
+            document.querySelector('.mobile-footer .link[data-link="/duty"]').classList.add('active');
+            break;
+    }
+</script>
diff --git a/src/main/resources/templates/member/d-day.html b/src/main/resources/templates/member/d-day.html
index 3a575e3d..8ab14b82 100644
--- a/src/main/resources/templates/member/d-day.html
+++ b/src/main/resources/templates/member/d-day.html
@@ -1,8 +1,17 @@
-<div class="vue-dday" v-cloak>
-  <button v-on:click="add()" class="btn btn-primary">
-    추가 <i class="bi bi-calendar-plus-fill"></i>
-  </button>
+<div class="vue-dday p-4" v-cloak>
   <div class="d-day-list">
+    <div v-if="dDays.length == 0" class="empty card shadow-sm border-0 p-4 text-center">
+      <div class="empty-icon mb-3">
+        <i class="bi bi-calendar-x text-secondary" style="font-size: 3rem;"></i>
+      </div>
+      <h2 class="text-muted fw-bold">디데이가 없습니다.</h2>
+      <p class="text-secondary">중요한 이벤트들을 추가해서 (남은/지난) 일수를 확인하세요</p>
+    </div>
+    <div class="text-center card">
+      <button v-on:click="add()" class="btn btn-outline-primary mt-2">
+        <i class="bi bi-plus-circle"></i> 디데이 추가
+      </button>
+    </div>
     <div v-for="(dDay, index) in dDays"
          class="d-day-item card row"
          :data-id="dDay.id"
@@ -50,7 +59,6 @@
   </div>
 </div>
 
-
 <script>
     $(function () {
         const body = $('#body');
diff --git a/src/main/resources/templates/member/member.html b/src/main/resources/templates/member/member.html
index 08987cfd..24ece2c3 100644
--- a/src/main/resources/templates/member/member.html
+++ b/src/main/resources/templates/member/member.html
@@ -30,8 +30,7 @@ <h1 class="mb-0">내 정보</h1>
           </td>
         </tr>
         <tr>
-          <th class="bg-light">로그인</th>
-          <td>
+          <td colspan="2">
             <div class="table-responsive">
               <table class="table table-bordered text-center">
                 <thead class="table-light">
@@ -65,8 +64,7 @@ <h1 class="mb-0">내 정보</h1>
           </td>
         </tr>
         <tr class="sso-logins">
-          <th class="bg-light">계정 연동</th>
-          <td>
+          <td colspan="2">
             <div class="d-flex flex-column gap-2">
               <div class="d-flex justify-content-between align-items-center">
                 <div>
@@ -96,13 +94,12 @@ <h1 class="mb-0">내 정보</h1>
           </td>
         </tr>
         <tr>
-          <th class="bg-light">관리</th>
-          <td class="d-flex flex-wrap gap-2">
-            <button th:if="${member.hasPassword}" class="btn btn-outline-warning btn-sm" @click="changePassword">
+          <td colspan="2" class="gap-2 text-align-right">
+            <button th:if="${member.hasPassword}" class="btn btn-outline-info btn-sm" @click="changePassword">
               비밀번호 변경
             </button>
-            <a class="btn btn-outline-danger btn-sm" href="/logout">로그아웃</a>
-            <button class="btn btn-outline-secondary btn-sm" @click="deleteAccount">회원 탈퇴</button>
+            <a class="btn btn-outline-warning  btn-sm" href="/logout">로그아웃</a>
+            <button class="btn btn-outline-danger btn-sm" @click="deleteAccount">회원 탈퇴</button>
           </td>
         </tr>
         </tbody>