diff --git a/src/main/webapp/resources/framework/css/common/xit-core.css b/src/main/webapp/resources/framework/css/common/xit-core.css
index cab18968..99de8236 100644
--- a/src/main/webapp/resources/framework/css/common/xit-core.css
+++ b/src/main/webapp/resources/framework/css/common/xit-core.css
@@ -18,19 +18,18 @@
     --bs-cyan: #03c3ec;
     --bs-black: #435971;
     --bs-white: #fff;
-    --bs-gray: rgba(67, 89, 113, 0.6);
+    --bs-gray: rgba(67, 89, 113, 0.1);
     --bs-gray-dark: rgba(67, 89, 113, 0.8);
     --bs-gray-25: rgba(67, 89, 113, 0.025);
     --bs-gray-50: rgba(67, 89, 113, 0.05);
+    --bs-dark: #233446;
+    --bs-light: #fcfdfd;
     --bs-primary: #696cff;
     --bs-secondary: #8592a3;
     --bs-success: #71dd37;
     --bs-info: #03c3ec;
     --bs-warning: #ffab00;
     --bs-danger: #ff3e1d;
-    --bs-light: #fcfdfd;
-    --bs-dark: #233446;
-    --bs-gray: rgba(67, 89, 113, 0.1);
     --bs-primary-rgb: 105, 108, 255;
     --bs-secondary-rgb: 133, 146, 163;
     --bs-success-rgb: 113, 221, 55;
@@ -68,6 +67,19 @@
     --bs-link-hover-color: #5f61e6;
     --bs-code-color: #e83e8c;
     --bs-highlight-bg: #ffeecc;
+
+    --bs-btn-hover-bg : #eee; /* OPTION : 버튼 hover 배경 */
+    --bs-btn-active-bg : #d2d2d2; /* OPTION : 버튼 active 배경 */
+    --bs-btn-disabled-bg : #676767; /* OPTION : 버튼 disabled 배경 */
+
+    --bs-breadcrumb-divider : '>'; /* OPTION : 브레드크럼 구분자 */
+
+
+    /* 미사용 변수 */
+    /* --bs-body-text-align : ; */
+    /* --bs-breadcrumb-font-size : ; */ /* OPTION : 브레드크럼 폰트 사이즈 */
+
+    /* --bs-scroll-height : ; */ /* OPTION : 스크롤 높이 */
 }
 
 *,
@@ -92,7 +104,6 @@ body {
     font-weight: var(--bs-body-font-weight);
     line-height: var(--bs-body-line-height);
     color: var(--bs-body-color);
-    text-align: var(--bs-body-text-align);
     background-color: var(--bs-body-bg);
     -webkit-text-size-adjust: 100%;
     -webkit-tap-highlight-color: rgba(67, 89, 113, 0);
@@ -2462,7 +2473,7 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext::placeholder {
     color: transparent;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+.form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:not(:placeholder-shown) {
     padding-top: 1.625rem;
     padding-bottom: 0.625rem;
 }
@@ -2481,7 +2492,7 @@ textarea.form-control-lg {
     padding-top: 1.625rem;
     padding-bottom: 0.625rem;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
+.form-floating > .form-control:not(:placeholder-shown) ~ label {
     opacity: 0.75;
     transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
@@ -3051,7 +3062,7 @@ textarea.form-control-lg {
     --bs-dropdown-color: rgba(67, 89, 113, 0.3);
     --bs-dropdown-bg: rgba(67, 89, 113, 0.8);
     --bs-dropdown-border-color: transparent;
-    --bs-dropdown-box-shadow: ;
+    /*--bs-dropdown-box-shadow: ;*/ /* OPITON : 드롭다운 박스 그림자 */
     --bs-dropdown-link-color: rgba(67, 89, 113, 0.3);
     --bs-dropdown-link-hover-color: #fff;
     --bs-dropdown-divider-bg: #d9dee3;
@@ -3165,7 +3176,8 @@ textarea.form-control-lg {
 .nav {
     --bs-nav-link-padding-x: 1.25rem;
     --bs-nav-link-padding-y: 0.5rem;
-    --bs-nav-link-font-weight: ;
+    --bs-nav-link-font-size : 1rem; /* OPTION : 내비게이션 링크 폰트 사이즈 */
+    --bs-nav-link-font-weight: 600; /* OPITON : 내비게이션 링크 폰트 굵기 */
     --bs-nav-link-color: #8e9baa;
     --bs-nav-link-hover-color: var(--bs-link-hover-color);
     --bs-nav-link-disabled-color: #c7cdd4;
@@ -3337,7 +3349,7 @@ textarea.form-control-lg {
 .navbar-nav {
     --bs-nav-link-padding-x: 0;
     --bs-nav-link-padding-y: 0.5rem;
-    --bs-nav-link-font-weight: ;
+    /*--bs-nav-link-font-weight: ;*/ /* OPITON : 내비게이션 링크 폰트 굵기 */
     --bs-nav-link-color: var(--bs-navbar-color);
     --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
     --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
@@ -3408,7 +3420,7 @@ textarea.form-control-lg {
 }
 
 .navbar-nav-scroll {
-    max-height: var(--bs-scroll-height, 75vh);
+    max-height: 75vh;
     overflow-y: auto;
 }
 
@@ -3716,9 +3728,9 @@ textarea.form-control-lg {
     --bs-card-cap-padding-y: 1.5rem;
     --bs-card-cap-padding-x: 1.5rem;
     --bs-card-cap-bg: transparent;
-    --bs-card-cap-color: ;
-    --bs-card-height: ;
-    --bs-card-color: ;
+    /*--bs-card-cap-color: ;*/ /* OPITON : 카드 헤더,푸터 색상 */
+    /*--bs-card-height: ;*/ /* OPITON : 카드 높이 */
+    /*--bs-card-color: ;*/ /* OPITON : 카드 색상 */
     --bs-card-bg: #fff;
     --bs-card-img-overlay-padding: 1.5rem;
     --bs-card-group-margin: 0.8125rem;
@@ -3726,7 +3738,7 @@ textarea.form-control-lg {
     display: flex;
     flex-direction: column;
     min-width: 0;
-    height: var(--bs-card-height);
+    /*height: var(--bs-card-height);*/
     word-wrap: break-word;
     background-color: var(--bs-card-bg);
     background-clip: border-box;
@@ -3759,7 +3771,7 @@ textarea.form-control-lg {
 .card-body {
     flex: 1 1 auto;
     padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
-    color: var(--bs-card-color);
+    /*color: var(--bs-card-color);*/
 }
 
 .card-title {
@@ -3782,7 +3794,7 @@ textarea.form-control-lg {
 .card-header {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
     margin-bottom: 0;
-    color: var(--bs-card-cap-color);
+    /*color: var(--bs-card-cap-color);*/
     background-color: var(--bs-card-cap-bg);
     border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
 }
@@ -3792,7 +3804,7 @@ textarea.form-control-lg {
 
 .card-footer {
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
-    color: var(--bs-card-cap-color);
+    /*color: var(--bs-card-cap-color);*/
     background-color: var(--bs-card-cap-bg);
     border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
 }
@@ -4026,7 +4038,7 @@ textarea.form-control-lg {
     --bs-breadcrumb-padding-y: 0;
     --bs-breadcrumb-margin-bottom: 1rem;
     --bs-breadcrumb-bg: transparent;
-    --bs-breadcrumb-border-radius: ;
+    --bs-breadcrumb-border-radius: 0.25rem;
     --bs-breadcrumb-divider-color: #a1acb8;
     --bs-breadcrumb-item-padding-x: 0.5rem;
     --bs-breadcrumb-item-active-color: #697a8d;
@@ -4034,7 +4046,6 @@ textarea.form-control-lg {
     flex-wrap: wrap;
     padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
     margin-bottom: var(--bs-breadcrumb-margin-bottom);
-    font-size: var(--bs-breadcrumb-font-size);
     list-style: none;
     background-color: var(--bs-breadcrumb-bg);
     border-radius: var(--bs-breadcrumb-border-radius);
@@ -4536,7 +4547,7 @@ textarea.form-control-lg {
     --bs-toast-spacing: 1.25rem;
     --bs-toast-max-width: 350px;
     --bs-toast-font-size: 0.9375rem;
-    --bs-toast-color: ;
+    /*--bs-toast-color: ;*/ /* OPITON : 토스트 색상 */
     --bs-toast-bg: #fff;
     --bs-toast-border-width: 0;
     --bs-toast-border-color: rgba(67, 89, 113, 0.1);
@@ -4548,7 +4559,7 @@ textarea.form-control-lg {
     width: var(--bs-toast-max-width);
     max-width: 100%;
     font-size: var(--bs-toast-font-size);
-    color: var(--bs-toast-color);
+    /*color: var(--bs-toast-color);*/
     pointer-events: auto;
     background-color: var(--bs-toast-bg);
     background-clip: padding-box;
@@ -4567,7 +4578,6 @@ textarea.form-control-lg {
     --bs-toast-zindex: 1095;
     position: absolute;
     z-index: var(--bs-toast-zindex);
-    width: -moz-max-content;
     width: max-content;
     max-width: 100%;
     pointer-events: none;
@@ -4602,7 +4612,7 @@ textarea.form-control-lg {
     --bs-modal-width: 35rem;
     --bs-modal-padding: 1.5rem;
     --bs-modal-margin: 1.5rem;
-    --bs-modal-color: ;
+    /*--bs-modal-color: ;*/ /* OPITON : 모달 색상 */
     --bs-modal-bg: #fff;
     --bs-modal-border-color: var(--bs-border-color-translucent);
     --bs-modal-border-width: 0px;
@@ -4616,7 +4626,7 @@ textarea.form-control-lg {
     --bs-modal-header-border-width: 0px;
     --bs-modal-title-line-height: 1.53;
     --bs-modal-footer-gap: 0.5rem;
-    --bs-modal-footer-bg: ;
+    /*--bs-modal-footer-bg: ;*/ /* 모달 푸터 배경 */
     --bs-modal-footer-border-color: var(--bs-border-color);
     --bs-modal-footer-border-width: 0px;
     position: fixed;
@@ -4675,7 +4685,7 @@ textarea.form-control-lg {
     display: flex;
     flex-direction: column;
     width: 100%;
-    color: var(--bs-modal-color);
+    /*color: var(--bs-modal-color);*/
     pointer-events: auto;
     background-color: var(--bs-modal-bg);
     background-clip: padding-box;
@@ -4736,7 +4746,7 @@ textarea.form-control-lg {
     align-items: center;
     justify-content: flex-end;
     padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
-    background-color: var(--bs-modal-footer-bg);
+    /*background-color: var(--bs-modal-footer-bg);*/
     border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
     border-bottom-right-radius: var(--bs-modal-inner-border-radius);
     border-bottom-left-radius: var(--bs-modal-inner-border-radius);
@@ -4894,7 +4904,7 @@ textarea.form-control-lg {
     --bs-tooltip-max-width: 200px;
     --bs-tooltip-padding-x: 0.7rem;
     --bs-tooltip-padding-y: 0.25rem;
-    --bs-tooltip-margin: ;
+    /*--bs-tooltip-margin: ;*/ /* OPITON : 툴팁 마진 */
     --bs-tooltip-font-size: 0.9375rem;
     --bs-tooltip-color: #fff;
     --bs-tooltip-bg: #233446;
@@ -4905,7 +4915,7 @@ textarea.form-control-lg {
     z-index: var(--bs-tooltip-zindex);
     display: block;
     padding: var(--bs-tooltip-arrow-height);
-    margin: var(--bs-tooltip-margin);
+    /*margin: var(--bs-tooltip-margin);*/
     font-family: var(--bs-font-sans-serif);
     font-style: normal;
     font-weight: 400;
@@ -5421,7 +5431,7 @@ textarea.form-control-lg {
     --bs-offcanvas-height: 30vh;
     --bs-offcanvas-padding-x: 1.5rem;
     --bs-offcanvas-padding-y: 1.5rem;
-    --bs-offcanvas-color: ;
+    /*--bs-offcanvas-color: ;*/
     --bs-offcanvas-bg: #fff;
     --bs-offcanvas-border-width: 0px;
     --bs-offcanvas-border-color: var(--bs-border-color-translucent);
@@ -5436,7 +5446,7 @@ textarea.form-control-lg {
         display: flex;
         flex-direction: column;
         max-width: 100%;
-        color: var(--bs-offcanvas-color);
+        /*color: var(--bs-offcanvas-color);*/
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
@@ -5524,7 +5534,7 @@ textarea.form-control-lg {
         display: flex;
         flex-direction: column;
         max-width: 100%;
-        color: var(--bs-offcanvas-color);
+        /*color: var(--bs-offcanvas-color);*/
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
@@ -5612,7 +5622,7 @@ textarea.form-control-lg {
         display: flex;
         flex-direction: column;
         max-width: 100%;
-        color: var(--bs-offcanvas-color);
+        /*color: var(--bs-offcanvas-color);*/
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
@@ -5700,7 +5710,7 @@ textarea.form-control-lg {
         display: flex;
         flex-direction: column;
         max-width: 100%;
-        color: var(--bs-offcanvas-color);
+        /*color: var(--bs-offcanvas-color);*/
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
@@ -5788,7 +5798,7 @@ textarea.form-control-lg {
         display: flex;
         flex-direction: column;
         max-width: 100%;
-        color: var(--bs-offcanvas-color);
+        /*color: var(--bs-offcanvas-color);*/
         visibility: hidden;
         background-color: var(--bs-offcanvas-bg);
         background-clip: padding-box;
@@ -5875,7 +5885,7 @@ textarea.form-control-lg {
     display: flex;
     flex-direction: column;
     max-width: 100%;
-    color: var(--bs-offcanvas-color);
+    /*color: var(--bs-offcanvas-color);*/
     visibility: hidden;
     background-color: var(--bs-offcanvas-bg);
     background-clip: padding-box;
@@ -8018,8 +8028,7 @@ button:focus-visible {
 }
 
 .nav-scrollable {
-    display: -webkit-inline-box;
-    display: -moz-inline-box;
+    display: inline-block;
     width: 100%;
     overflow-y: auto;
     flex-wrap: nowrap;
@@ -9205,7 +9214,7 @@ button:focus-visible {
     color: #b4bdc6;
 }
 
-.form-floating > .form-control:not(:-moz-placeholder-shown)::placeholder {
+.form-floating > .form-control:not(:placeholder-shown)::placeholder {
     color: #b4bdc6;
 }
 
@@ -15465,7 +15474,7 @@ body {
 }
 .img-thumbnail-zoom-in img {
     transition: all 0.3s ease-in-out;
-    transform: translate3d(0);
+    transform: translate3d(0,0,0);
 }
 .img-thumbnail-zoom-in .img-thumbnail-content {
     transform: translate(-50%, -50%) scale(0.6);