css 수정

egovframe-template-simple-react-contribution/src/css/component.css

@@ -52,10 +52,10 @@
 .board_list .head {display: table; table-layout: fixed; width: 100%;}
 /* changed by lim   padding: 25px 0 27px 0;  */
 .board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500px; text-align: center;}
-.logs_list .result {max-height: 430px;}
+.logs_list .result {max-height: 430px;} /* added by lim   .logs_list .result {max-height: 430px;}  */
 .board_list .result .list_item {display: table; width: 100%; table-layout: fixed;}
 /* changed by lim   padding: 18px 0 20px 0; */
-.board_list .result .list_item > div {display: table-cell; padding: 7px 0 7px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; text-align: center; vertical-align: middle;}
+.board_list .result .list_item > div {display: table-cell; padding: 7px 0 7px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 14px; text-align: center; vertical-align: middle;}
 .board_list .result .list_item > div.al {padding: 18px 30px 20px 30px; text-align: left;}
 .board_list .result .list_item > div.reply {position: relative; padding: 18px 30px 20px 52px;}
 .board_list .result .list_item > div.reply::before {content: ""; display: block; position: absolute; left: 27px; top: 24px; width: 22px; height: 14px; background: url(css/images/ico_reply.png) no-repeat;}

egovframe-template-simple-react-contribution/src/css/layout.css

@@ -46,11 +46,11 @@ body {min-width: 1400px;}
 
 
 .container {min-height: calc(100vh - 300px);}
-.c_wrap {margin: 0 auto;}      /* removed by lim       width: 1400px; padding: 0 50px; */
+.c_wrap { margin: 0 auto;}      /* removed by lim      width: 1400px;  padding: 0 50px; */
 .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;}       /* added by lim   padding-bottom: 20px; */
 
 /* sub navigation */
-.c_wrap .layout .nav {display: table-cell; width: 260px; vertical-align: top;}
+.c_wrap .layout .nav {display: table-cell; width: 220px; vertical-align: top;}      /* changed by lim        width: 260px;  */
 .c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}
 .nav_title{padding: 35px 30px 26px 30px;}                               /* changed by lim       border-bottom: 4px solid #dde2e5;  */
 .c_wrap .layout .nav h2 {color: #222; font-size: 24px;}

egovframe-template-simple-react-contribution/src/css/page.css

@@ -220,17 +220,18 @@
     .BRD008 .result .list_item > div:nth-child(5) {width: 120px;}
 
 
-    /* 공지사항 */
+    /* 로그현황 - 개인정보 로그현황*/
     .BRD009 .head > span:nth-child(1) {width: 60px;}
-    .BRD009 .head > span:nth-child(3) {width: 200px;}
+    .BRD009 .head > span:nth-child(2) {width: 150px;}
-    .BRD009 .head > span:nth-child(4) {width: 200px;}
+    .BRD009 .head > span:nth-child(3) {width: 150px;}
-    .BRD009 .head > span:nth-child(5) {width: 200px;}
+    .BRD009 .head > span:nth-child(4) {width: 150px;}
+    .BRD009 .head > span:nth-child(5) {width: 150px;}
     .BRD009 .head > span:nth-child(6) {width: 150px;}
     .BRD009 .result .list_item > div:nth-child(1) {width: 60px;}
-    .BRD009 .result .list_item > div:nth-child(2) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
+    .BRD009 .result .list_item > div:nth-child(2) {width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
-    .BRD009 .result .list_item > div:nth-child(3) {width: 200px;}
+    .BRD009 .result .list_item > div:nth-child(3) {width: 150px;}
-    .BRD009 .result .list_item > div:nth-child(4) {width: 200px;}
+    .BRD009 .result .list_item > div:nth-child(4) {width: 150px;}
-    .BRD009 .result .list_item > div:nth-child(5) {width: 200px;}
+    .BRD009 .result .list_item > div:nth-child(5) {width: 150px;}
     .BRD009 .result .list_item > div:nth-child(6) {width: 150px;}
 
     /* 게시판 사용관리 등록 */

egovframe-template-simple-react-contribution/src/css/response.css

@@ -1,6 +1,5 @@
 @charset "utf-8";
 
-
 @media (max-width: 800px) {
 
     /* Layout */
@@ -44,14 +43,14 @@
     .c_wrap {width: 100%; padding: 0;}
     .c_wrap .layout {display: block;}
     .c_wrap .layout .nav {display: block; position: relative; width: 100%;}
-    .c_wrap .layout .nav .inner {border: 0; border-radius: 0; border-bottom: 1px solid #e6e6e6; overflow-x: auto; -ms-overflow-style: none; box-shadow: 3px 4px 5px #ccc;}
+    .c_wrap .layout .nav .inner {border: 0; border-radius: 5px; border-bottom: 1px solid #e6e6e6; overflow-x: auto; -ms-overflow-style: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-top: 5px;}
     .c_wrap .layout .nav .inner::-webkit-scrollbar {display: none;}
     .c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
     .c_wrap .layout .nav ul {padding: 0 20px;}
-    .c_wrap .layout .nav ul.menu4 {width: 570px;}
+    .c_wrap .layout .nav ul.menu4 {max-width: 570px;}
     .c_wrap .layout .nav ul.menu6 {width: 1000px;}
     .c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;}
-    .c_wrap .layout .nav ul li {float: left;}
+    .c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }      /* added by lim     width: 50%; ~~~~ overflow: hidden;*/
     .c_wrap .layout .nav ul li + li {margin-top: 0;}
     .c_wrap .layout .nav ul li a {height: 45px; padding: 0 25px; font-size: 15px; line-height: 45px;}
     .c_wrap .layout .nav ul li a:hover::after {content: none;}
@@ -432,6 +431,7 @@
 
     .QNA_LIST .third_2 .w_500 {width: 100%;}
 
+    /* 로그현황 - 개인정보 로그현황*/
     .BRD009 .head {display: none;}
     .BRD009 .result .list_item {padding: 16px 0; border-bottom: 1px solid #dde2e5;}
     .BRD009 .result .list_item > div {border-bottom: 0; font-size: 14px;}
@@ -543,7 +543,8 @@
 
     .SITE_INTRO .ds_1 .li_1 li {width: 90px; height: 90px; padding-top: 25px;}
     .SITE_INTRO .ds_1 .li_1 li + li {margin-left: 5px;}
-    
+
+    /* 로그현황 - 개인정보 로그현황*/
     .BRD009 .result .list_item > div:nth-child(3),
     .BRD009 .result .list_item > div:nth-child(4),
     .BRD009 .result .list_item > div:nth-child(5),