fix : 로그아웃 영역 아이콘 추가

src/main/webapp/WEB-INF/jsp/framework/layouts/tiles/biz/nav.jsp

@@ -3,14 +3,17 @@
 <nav>
   <div class="nav-box">
 
-    <div class="app-brand border p-1">
+    <div id="sneatMenu" style="height: 52rem;">
+      <div class="app-brand border py-1 px-3">
         <a href="#" class="app-brand-link gap-2 logo" onclick="$('#ifrTabs').tabs({active: 0})">
           <img src="<c:url value='/'/>resources/images/login/mainLogo_01.png" class="app-brand-logo w-px-30 h-px-30" alt="logo" />
           <span id="logoName" class="app-brand-text fs-big fw-bold">과태료 통합 관리 시스템</span>
         </a>
       </div>
 
-    <div class="personalArea">
+      <div class="app-brand-link gap-2 personalArea">
+        <i class="app-brand-logo bx bx-user ps-3"></i>
+        <div class="app-brand-text d-flex gap-2">
           <div class="txtArea">
             <strong><c:out value="${sessionScope.XitLoginSession.name }" />[<sec:authentication property="principal.Username"/>]</strong>
             <em><c:out value="${sessionScope.XitLoginSession.orgnztNm }" /></em>
@@ -19,8 +22,8 @@
             <a href="${ctx }/login/actionLogout.do" id="logout_btn"style="background: #eb1909;color: #fff;">로그아웃</a>
           </div>
         </div>
+      </div>
 
-    <div id="sneatMenu" style="height: 52rem;">
 
     </div>
 
@@ -248,7 +251,6 @@
         menu1.classList.add("menu");
         menu1.classList.add("menu-vertical");
         menu1.classList.add("bg-menu-theme");
-        menu1.classList.add("py-3");
         menu1.classList.add("overflow-hidden");
 
         if (menu1) {

src/main/webapp/resources/biz/common/css/index.css

@@ -1462,14 +1462,14 @@ button {
 
 /* **  개인화 영역 가이드  ** */
 .personalArea {
-  display: flex;
   background: lightgray;
   overflow: hidden;
-  width: 100%;
+
   padding: 10px 10px;
+  color: #666;
 }
+
   .personalArea .txtArea {
-    width: 50%;
     color: #666;
     text-align: center;
   }
@@ -1491,7 +1491,6 @@ button {
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 50%;
   }
     .personalArea .btnArea a {
       text-decoration: none;

src/main/webapp/resources/biz/common/js/defaultUI.js

@@ -7,15 +7,9 @@ $(document).ready(function(){
         if(eHasClass==true){
             $( "header, button.hamberger").removeClass('active');
             document.querySelector('.layoutWrapper').classList.replace('hamberger-open', 'hamberger-close');
-            //document.querySelector('.nav-box').style.display = "none";
-            document.querySelector('#logoName').style.display = "none";
-            document.querySelector('.personalArea').style.display = "none";
             document.querySelector('#sneatMenu').classList.add("menu-collapsed");
         }else{
             $( "header, button.hamberger").addClass('active');
-            //document.querySelector('.nav-box').style.display = "block";
-            document.querySelector('#logoName').style.display = "";
-            document.querySelector('.personalArea').style.display = "";
             document.querySelector('#sneatMenu').classList.remove("menu-collapsed");
             document.querySelector('.layoutWrapper').classList.replace('hamberger-close', 'hamberger-open');
         }