css 정리

src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp

@@ -8,8 +8,8 @@
 		<div class="card">
 			<div class="wrapper-list">
 			
-				<div class="doc-example mt-4">
+				<div class="fieldset-legend mt-4">
-					<div class="doc-example-content fs-big" data-label="배치 수동 실행">
+					<div class="fieldset-legend-content fs-big" data-label="배치 수동 실행">
 						<button type="button" class="btn btn-primary" onclick="executeBatch('smgReceive');">국민신문고 수신</button>
 						<button type="button" class="btn btn-primary" onclick="executeBatch('smgSend');">국민신문고 답변 송신</button>
 						<button type="button" class="btn btn-primary" onclick="executeBatch('epostSend');">전자우편 송신</button>
@@ -17,14 +17,14 @@
 					</div>
 				</div>
 				
-				<div class="doc-example mt-4">
+				<div class="fieldset-legend mt-4">
-					<div class="doc-example-content fs-big" data-label="업무시스템 수동 통보">
+					<div class="fieldset-legend-content fs-big" data-label="업무시스템 수동 통보">
 						<button type="button" class="btn btn-primary" onclick="exceuteAlert('smgReceive');">국민신문고 수신</button>
 					</div>
 				</div>
 				
-				<div class="doc-example mt-4">
+				<div class="fieldset-legend mt-4">
-					<div class="doc-example-content fs-big" data-label="파일 현황">
+					<div class="fieldset-legend-content fs-big" data-label="파일 현황">
 						<div class="card-datatable text-nowrap">
 					        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
 								<div class="d-flex flex-row justify-content-evenly mh-px-400">

src/main/webapp/WEB-INF/jsp/include/top.jsp

@@ -30,7 +30,7 @@
           <input type="checkbox" id="securityMode--top" name="securityMode" 
           class="form-check-input me-1 align-self-center" value="Y" />
           <span class="text-center">
-          	보안모드<br/>(F9)
+          	보안모드<br/><kbd>F9</kbd>
           </span>
         </label>
       </div>
@@ -39,7 +39,7 @@
           <input type="checkbox" id="photoMask--top" name="photoMask" 
           class="form-check-input me-1 align-self-center" value="Y" checked />
           <span class="text-center">
-          	단속사진 모자이크<br/>(F10)
+          	단속사진 모자이크<br/><kbd>F10</kbd>
           </span>
         </label>
       </div>

src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css

@@ -27,8 +27,26 @@ select {
 .task-theme-pes { background : rgba(239,122,115,0.4) !important }
 .task-theme-dvs { background : rgba(162,225,221,0.4) !important }
 
-.doc-example .doc-example-content::before {
+.fieldset-legend .fieldset-legend-content {
+    padding: 1.5rem;
+    font-size: .875rem;
+    background-color: #fff;
+    border: 1px solid #bcc5cd;
+    position: relative
+}
+
+.fieldset-legend .fieldset-legend-content::before {
+    content: attr(data-label);
+    display: block;
+    position: absolute;
+    top: -8px;
+    left: 12px;
     font-size : 15px!important;
+    font-weight: 600;
+    text-transform: uppercase;
+    background-color: inherit;
+    color: #a1acb8;
+    padding: 0 5px
 }
 
 /* 최상위 태그 */

src/main/webapp/resources/css/fims/cmmn/xit-theme-default.css

@@ -1,21 +1,6 @@
 @charset "UTF-8";
 
-body {
-    background: #fff
-}
-
-.bg-body {
-    background: #fff !important
-}
 
-.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
-  content: "";
-  width: 100%;
-  height: 4.75rem;
-  position: fixed;
-  top: 0px;
-  z-index: 10;
-}
 
 .bg-menu-theme .menu-header {
   position: relative;
@@ -120,25 +105,11 @@ body {
   }
 }
 
-.text-primary {
-  color: #696cff !important;
-}
 
-.text-body[href]:hover {
-  color: #5f61e6 !important;
-}
 
-.bg-primary {
-  background-color: #696cff !important;
-}
 
-a.bg-primary:hover, a.bg-primary:focus {
-  background-color: #6467f2 !important;
-}
 
-.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
+
-  background-color: #696cff;
-}
 
 .bg-label-primary {
   background-color: #e7e7ff !important;
@@ -585,86 +556,7 @@ button.list-group-item-primary.active {
   border-color: #696cff;
 }
 
-.navbar.bg-primary {
-  background-color: #696cff !important;
-  color: #e0e1ff;
-}
-
-.navbar.bg-primary .navbar-brand,
-.navbar.bg-primary .navbar-brand a {
-  color: #fff;
-}
-
-.navbar.bg-primary .navbar-brand:hover, 
-.navbar.bg-primary .navbar-brand:focus,
-.navbar.bg-primary .navbar-brand a:hover,
-.navbar.bg-primary .navbar-brand a:focus {
-  color: #fff;
-}
-
-.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
-.navbar.bg-primary .navbar-search-wrapper .search-input {
-  color: #e0e1ff;
-}
-
-.navbar.bg-primary .search-input-wrapper .search-input,
-.navbar.bg-primary .search-input-wrapper .search-toggler {
-  background-color: #696cff !important;
-  color: #e0e1ff;
-}
-
-.navbar.bg-primary .navbar-nav > .nav-link,
-.navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
-.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
-  color: #e0e1ff;
-}
-
-.navbar.bg-primary .navbar-nav > .nav-link:hover, 
-.navbar.bg-primary .navbar-nav > .nav-link:focus,
-.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
-.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
-.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
-.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
-  color: #fff;
-}
-
-.navbar.bg-primary .navbar-nav > .nav-link.disabled,
-.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
-.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
-  color: #b0b2ff !important;
-}
-
-.navbar.bg-primary .navbar-nav .show > .nav-link,
-.navbar.bg-primary .navbar-nav .active > .nav-link,
-.navbar.bg-primary .navbar-nav .nav-link.show,
-.navbar.bg-primary .navbar-nav .nav-link.active {
-  color: #fff;
-}
-
-.navbar.bg-primary .navbar-toggler {
-  color: #e0e1ff;
-  border-color: rgba(255, 255, 255, 0.15);
-}
-
-.navbar.bg-primary .navbar-toggler-icon {
-  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}
 
-.navbar.bg-primary .navbar-text {
-  color: #e0e1ff;
-}
-
-.navbar.bg-primary .navbar-text a {
-  color: #fff;
-}
-
-.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
-  color: #fff;
-}
-
-.navbar.bg-primary hr {
-  border-color: rgba(255, 255, 255, 0.15);
-}
 
 .menu.bg-primary {
   background-color: #696cff !important;
@@ -1718,9 +1610,12 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
 }
 
 
-.card {
+
-    border: 1px solid #d9dee3
+
-}
+
+
+
+
 
 .accordion .accordion-item {
     border-top: 1px solid #d9dee3;
@@ -1817,44 +1712,6 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
     }
 }
 
-.menu-doc.menu-vertical .menu-item .menu-link {
-    padding: .35rem 2rem
-}
-
-.menu-doc.menu-vertical .menu-inner > .menu-item.active:before {
-    height: 2.2rem !important
-}
-
-.menu-doc.menu-vertical .menu-header {
-    padding: .35rem 2rem
-}
-
-.menu-doc.menu-vertical .menu-block {
-    padding: .35rem 2rem
-}
-
-.menu-doc.menu-vertical .menu-sub .menu-link {
-    padding-left: 3rem;
-    padding-top: .25rem;
-    padding-bottom: .25rem
-}
-
-.menu-doc.menu-vertical .menu-sub .menu-sub .menu-link {
-    padding-left: 4rem
-}
-
-.menu-doc.menu {
-    background-color: #fff !important
-}
-
-.menu-doc.menu .menu-link {
-    color: #697a8d
-}
-
-.menu-doc.menu .menu-item.active > .menu-link:not(.menu-toggle) {
-    background: rgba(0, 0, 0, 0);
-    font-weight: 600
-}
 
 @media (min-width: 992px) {
     .layout-navbar-full:not(.layout-horizontal) .menu-inner {
@@ -1862,139 +1719,13 @@ html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item .menu-lin
     }
 }
 
-.doc-sidebar {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 4rem;
-    height: calc(100vh - 4rem);
-    overflow-y: auto;
-    overflow-x: hidden
-}
-
-.doc-sidebar-nav {
-    padding-left: 0;
-    border-left: 1px solid #bcc5cd
-}
 
-.doc-sidebar-nav ul {
-    padding-left: 1rem
-}
-
-.doc-entry {
-    display: block
-}
-
-.doc-entry a {
-    display: block;
-    padding: .125rem 1.5rem;
-    color: #697a8d
-}
-
-.doc-entry a:hover:not(.active) {
-    color: #282e35
-}
-
-.doc-entry a.active {
-    color: #696cff;
-    text-decoration: none;
-    position: relative;
-    font-weight: 600
-}
 
 .nav-link:hover, .nav-link:focus {
     color: #696cff
 }
 
-.badge-center.badge-sm {
-    height: 1rem;
-    width: 1rem;
-    font-size: .65rem
-}
-
-.hljs {
-    background-color: rgba(67, 89, 113, .025) !important;
-    border-radius: .2rem;
-    padding: 1.8rem !important
-}
-
-pre, code, kbd, samp {
-    font-size: 0.9375rem;
-    margin-bottom: 0
-}
-
-.doc-table th {
-    padding: .25rem 1.25rem;
-    font-weight: 600;
-    font-size: .75rem;
-    letter-spacing: .5px;
-    background-color: rgba(0, 0, 0, .025);
-    text-transform: uppercase
-}
-
-.doc-table td {
-    padding: .4rem 1.25rem;
-    vertical-align: top
-}
-
-.doc-example .nav-tabs-example .nav-link {
-    padding: .35rem .65rem;
-    font-size: 12px;
-    color: #697a8d;
-    text-transform: uppercase;
-    font-weight: 600;
-    cursor: pointer
-}
-
-.doc-example .nav-tabs-example .nav-link.active, 
-.doc-example .nav-tabs-example .nav-link:active, 
-.doc-example .nav-tabs-example .nav-link.hover, 
-.doc-example .nav-tabs-example .nav-link:hover, 
-.doc-example .nav-tabs-example .nav-link.focus, 
-.doc-example .nav-tabs-example .nav-link:focus {
-    color: #696cff
-}
-
-.doc-example .doc-example-content {
-    padding: 1.5rem;
-    font-size: .875rem;
-    background-color: #fff;
-    border: 1px solid #bcc5cd;
-    position: relative
-}
 
-.doc-example .doc-example-content::before {
-    content: attr(data-label);
-    display: block;
-    position: absolute;
-    top: -8px;
-    left: 12px;
-    font-size: 10px;
-    font-weight: 600;
-    text-transform: uppercase;
-    background-color: inherit;
-    color: #a1acb8;
-    padding: 0 5px
-}
-
-.btn-clipboard {
-    position: absolute;
-    top: 1.7rem;
-    right: 1.7rem;
-    z-index: 10;
-    display: block;
-    padding: .25rem .5rem;
-    font-size: 85%;
-    color: #697a8d;
-    background-color: rgba(0, 0, 0, 0);
-    border: 0;
-    border-radius: .25rem;
-    outline: 0
-}
-
-.btn-clipboard:hover {
-    background: #696cff;
-    color: #fff
-}
 
 ol > li::marker {
     font-weight: bold
@@ -2004,27 +1735,4 @@ ol > li::marker {
     display: none
 }
 
-.anchorjs-link {
-    opacity: 0;
-    text-decoration: none;
-    -webkit-font-smoothing: antialiased
-}
 
-.anchorjs-link {
-    font-weight: 400;
-    color: rgba(105, 108, 255, .5);
-    transition: color .15s ease-in-out
-}
-
-:hover > .anchorjs-link, .anchorjs-link:focus {
-    opacity: 1
-}
-
-.anchorjs-link:focus, .anchorjs-link:hover {
-    color: #696cff;
-    text-decoration: none
-}
-
-.badge-demo {
-    font-size: 11px
-}