diff --git a/src/main/webapp/css/media.css b/src/main/webapp/css/media.css
index 5e3e67b6..1991c05c 100644
--- a/src/main/webapp/css/media.css
+++ b/src/main/webapp/css/media.css
@@ -407,9 +407,14 @@ footer .family_site {right:10px;}
  footer .inner { width: 100%; box-sizing: border-box; } 
  footer .row-top { display: flex; flex-direction: column; align-items: center; } 
  footer .row-top .footer-logo img { width: 140px; } 
- footer .family_site { position: relative; display: flex; align-items: center; width: 90%; padding: 0 5%; box-sizing: border-box;right:auto;margin-top:10px; } 
+ footer .tot_nlib_site { position: relative; display: flex; align-items: center; width: 79%; box-sizing: border-box;right:auto;margin-top:10px; } 
+ footer .tot_nlib_site .site_name { width: 100%; margin: 0; flex: 1; } 
+ footer .tot_nlib_site .site_depth {width: 100%;box-sizing: border-box;} 
+ footer .tot_nlib_site .site_depth #mngOrgNm {width: 401px;}
+ footer .family_site { position: relative; display: flex; align-items: center; width: 79%;box-sizing: border-box;right:auto;margin-top:10px; } 
  footer .family_site .site_name { width: 100%; margin: 0; flex: 1; } 
  footer .family_site .go_btn { display: block; background: #1b1b1b; border-radius: 5px; width: 74px; height: 40px; color: rgba(255, 255, 255, 0.6); margin-left: 16px; } 
+ footer .family_site .site_depth {width: 100%;box-sizing: border-box;}
  footer .fnb li { font-size: 12px; line-height: 18px; text-align: center; margin: 0 6px; } 
  footer .row-bottom .left-side { float: unset; } 
  footer .row-bottom .left-side ul { display: flex; align-items: center; justify-content: center; }