모바일 화면 - 로그인 이후 디자인 반영

src/main/resources/static/sass/layout/_header.scss

@@ -354,14 +354,14 @@
     overflow-y: auto;
   }
 
-  // Figma: 헤더 바 44px
+  // Figma: 헤더 바 44px (로고 + 홈/닫기 버튼)
   .drawer-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 44px;
     min-height: 44px;
-    padding: 0 12px 0 20px;
+    padding: 0 16px 0 20px;
     background: #ffffff;
 
     .drawer-header-left {
@@ -369,17 +369,44 @@
       align-items: center;
       gap: 8px;
 
-      .drawer-user-icon {
+      .drawer-logo-link {
+        display: flex;
+        align-items: center;
+      }
+
+      .drawer-logo {
+        height: 16px;
+        width: auto;
+      }
+
+      .drawer-logo-text {
+        font-family: 'Noto Sans KR', sans-serif;
+        font-size: 14px;
+        font-weight: 500;
+        color: #212529;
+      }
+    }
+
+    .drawer-header-right {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .drawer-home-btn {
+      width: 24px;
+      height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      svg {
         width: 24px;
         height: 24px;
       }
 
-      .drawer-login-text {
-        font-family: 'Noto Sans KR', sans-serif;
-        font-size: 12px;
-        font-weight: 400;
-        color: #212529;
-        line-height: 26px;
+      &:hover {
+        opacity: 0.7;
       }
     }
 
@@ -405,7 +432,7 @@
     }
   }
 
-  // Figma: 환영 영역 214px, 배경 #ebfbff
+  // Figma: 환영 영역 (비로그인: 214px, 로그인: 138px), 배경 #ebfbff
   .drawer-welcome {
     display: flex;
     flex-direction: column;
@@ -416,6 +443,27 @@
     background: #ebfbff;
     border-bottom: 1px solid #dadada;
 
+    // Figma: 유저 아이콘 (비로그인: 기존, 로그인: 56px)
+    .welcome-user-icon {
+      margin-bottom: 12px;
+
+      img {
+        width: 56px;
+        height: 56px;
+      }
+    }
+
+    // 비로그인: 로그인 해 주세요 텍스트
+    .welcome-login-prompt {
+      font-family: 'Noto Sans KR', sans-serif;
+      font-size: 16px;
+      font-weight: 700;
+      color: #212529;
+      line-height: 26px;
+      margin: 0 0 8px 0;
+      text-align: center;
+    }
+
     .welcome-text {
       font-family: 'Noto Sans KR', sans-serif;
       font-size: 14px;
@@ -474,6 +522,78 @@
         background: darken(#0049b4, 10%);
       }
     }
+
+    // Figma: 로그인 상태 환영 영역 - 138px, 가로 정렬
+    &.authenticated {
+      flex-direction: row;
+      min-height: 138px;
+      padding: 40px 54px;
+      gap: 16px;
+      justify-content: flex-start;
+
+      .welcome-user-icon {
+        margin-bottom: 0;
+        flex-shrink: 0;
+      }
+
+      .welcome-user-info {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+      }
+
+      // Figma: 회원명 16px Bold
+      .welcome-user-name {
+        font-family: 'Noto Sans KR', sans-serif;
+        font-size: 16px;
+        font-weight: 700;
+        color: #212529;
+        line-height: 22px;
+        margin: 0;
+      }
+
+      .welcome-text {
+        margin: 0;
+        text-align: left;
+      }
+    }
+  }
+
+  // Figma: 하단 로그아웃 버튼 영역
+  .drawer-footer {
+    display: flex;
+    justify-content: flex-end;
+    padding: 20px;
+    background: #ffffff;
+    border-top: 1px solid #dadada;
+
+    .drawer-logout-btn {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 10px;
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      text-decoration: none;
+
+      svg {
+        width: 16px;
+        height: 16px;
+      }
+
+      span {
+        font-family: 'Noto Sans KR', sans-serif;
+        font-size: 14px;
+        font-weight: 500;
+        color: #0049b4;
+        line-height: 18px;
+      }
+
+      &:hover {
+        opacity: 0.8;
+      }
+    }
   }
 
   // Figma: 메뉴 리스트 (아코디언)