메뉴 탭 스타일 수정

src/main/webapp/resources/css/styles.css

@@ -68,6 +68,44 @@
 
 .col-form-label {font-size:0.9375rem;}
 
+.nav-tabs {
+	--bs-nav-tabs-border-radius: 0rem;
+    --bs-nav-tabs-link-border-radius: 0.375rem;
+    --bs-nav-tabs-bg-image: none;
+    --bs-nav-tabs-padding-top: 0rem;
+    --bs-nav-tabs-padding-left: 0rem;
+    padding-top: var(--bs-nav-tabs-padding-top);
+    padding-left: var(--bs-nav-tabs-padding-left);
+    border-radius: var(--bs-nav-tabs-border-radius);
+}
+
+ul.nav-tabs > li.nav-item {
+	align-items: center;
+}
+
+.nav-link {
+	height: 1.875rem
+}
+
+.nav-tabs .nav-item .nav-link {
+    border: 1px solid #d9dee3;
+}
+
+.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
+	box-shadow: 0 -2px 0 #fff inset;
+}
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  color: var(--bs-nav-tabs-link-active-color);
+  background-color: var(--bs-nav-tabs-link-active-bg);
+/*  border-color: var(--bs-nav-tabs-link-active-border-color); */
+}
+
+.nav-tabs .nav-item .nav-link:not(.active) {
+    background-color: #eceef1;
+}
+
 .nav-item {
 	display: flex;
 	border-right: .0625rem solid #fff;