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

src/main/resources/static/css/main.css

@@ -849,7 +849,7 @@ hr {
   justify-content: space-between;
   height: 44px;
   min-height: 44px;
-  padding: 0 12px 0 20px;
+  padding: 0 16px 0 20px;
   background: #ffffff;
 }
 .mobile-drawer .drawer-header .drawer-header-left {
@@ -857,16 +857,38 @@ hr {
   align-items: center;
   gap: 8px;
 }
-.mobile-drawer .drawer-header .drawer-header-left .drawer-user-icon {
+.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-link {
+  display: flex;
+  align-items: center;
+}
+.mobile-drawer .drawer-header .drawer-header-left .drawer-logo {
+  height: 16px;
+  width: auto;
+}
+.mobile-drawer .drawer-header .drawer-header-left .drawer-logo-text {
+  font-family: "Noto Sans KR", sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  color: #212529;
+}
+.mobile-drawer .drawer-header .drawer-header-right {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.mobile-drawer .drawer-header .drawer-home-btn {
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.mobile-drawer .drawer-header .drawer-home-btn svg {
   width: 24px;
   height: 24px;
 }
-.mobile-drawer .drawer-header .drawer-header-left .drawer-login-text {
-  font-family: "Noto Sans KR", sans-serif;
-  font-size: 12px;
-  font-weight: 400;
-  color: #212529;
-  line-height: 26px;
+.mobile-drawer .drawer-header .drawer-home-btn:hover {
+  opacity: 0.7;
 }
 .mobile-drawer .drawer-header .drawer-close {
   width: 24px;
@@ -896,6 +918,22 @@ hr {
   background: #ebfbff;
   border-bottom: 1px solid #dadada;
 }
+.mobile-drawer .drawer-welcome .welcome-user-icon {
+  margin-bottom: 12px;
+}
+.mobile-drawer .drawer-welcome .welcome-user-icon img {
+  width: 56px;
+  height: 56px;
+}
+.mobile-drawer .drawer-welcome .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;
+}
 .mobile-drawer .drawer-welcome .welcome-text {
   font-family: "Noto Sans KR", sans-serif;
   font-size: 14px;
@@ -947,6 +985,65 @@ hr {
 .mobile-drawer .drawer-welcome .btn-drawer-login:hover {
   background: rgb(0, 52.3166666667, 129);
 }
+.mobile-drawer .drawer-welcome.authenticated {
+  flex-direction: row;
+  min-height: 138px;
+  padding: 40px 54px;
+  gap: 16px;
+  justify-content: flex-start;
+}
+.mobile-drawer .drawer-welcome.authenticated .welcome-user-icon {
+  margin-bottom: 0;
+  flex-shrink: 0;
+}
+.mobile-drawer .drawer-welcome.authenticated .welcome-user-info {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.mobile-drawer .drawer-welcome.authenticated .welcome-user-name {
+  font-family: "Noto Sans KR", sans-serif;
+  font-size: 16px;
+  font-weight: 700;
+  color: #212529;
+  line-height: 22px;
+  margin: 0;
+}
+.mobile-drawer .drawer-welcome.authenticated .welcome-text {
+  margin: 0;
+  text-align: left;
+}
+.mobile-drawer .drawer-footer {
+  display: flex;
+  justify-content: flex-end;
+  padding: 20px;
+  background: #ffffff;
+  border-top: 1px solid #dadada;
+}
+.mobile-drawer .drawer-footer .drawer-logout-btn {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 10px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  text-decoration: none;
+}
+.mobile-drawer .drawer-footer .drawer-logout-btn svg {
+  width: 16px;
+  height: 16px;
+}
+.mobile-drawer .drawer-footer .drawer-logout-btn span {
+  font-family: "Noto Sans KR", sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  color: #0049b4;
+  line-height: 18px;
+}
+.mobile-drawer .drawer-footer .drawer-logout-btn:hover {
+  opacity: 0.8;
+}
 .mobile-drawer .drawer-nav {
   flex: 1;
   padding: 0 20px;