웹취약점, 모의해킹 조치

frontend/src/assets/css/style.css

@@ -1806,4 +1806,85 @@ textarea:focus{
 .datepicker .datepicker-calender .click a, .datepicker .datepicker-calender .today a{color: #fff;}
 .datepicker .datepicker-calender .disabled a{color:#c9c9c9 !important;}
 
-/*# sourceMappingURL=style.css.map */
+/*# sourceMappingURL=style.css.map */
+
+/* loadingPage */
+.loadingDimmed {
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.2);
+  z-index: 400;
+}
+.sp-3balls,
+.sp-3balls:before,
+.sp-3balls:after {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  background: #946dc2;
+  border-radius: 100%;
+}
+.sp-3balls {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 1000;
+  opacity: 1;
+  animation: spScaleAlpha 2s infinite linear;
+}
+.sp-3balls:before,
+.sp-3balls:after {
+  content: "";
+  position: absolute;
+  opacity: 0.25;
+}
+.sp-3balls:before {
+  right: 30px;
+  animation: spScaleAlphaBefore 2s infinite linear;
+}
+.sp-3balls:after {
+  left: 30px;
+  animation: spScaleAlphaAfter 2s infinite linear;
+}
+
+@keyframes spScaleAlpha {
+  0% {
+    opacity: 1;
+  }
+  33% {
+    opacity: 0.25;
+  }
+  66% {
+    opacity: 0.25;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes spScaleAlphaBefore {
+  33% {
+    opacity: 0.25;
+  }
+  66% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.25;
+  }
+}
+@keyframes spScaleAlphaAfter {
+  0% {
+    opacity: 0.25;
+  }
+  33% {
+    opacity: 1;
+  }
+  66% {
+    opacity: 0.25;
+  }
+}