/* 로딩 효과 */
#load { max-width:450px; width:100%; height:100%; top:0; left:50%; transform:translateX(-50%); position:fixed; display:block; /*background: #fff;*/
color:#000; z-index: 99; text-align: center; background-image: url(../img/result/w-bg.jpg); }
/* 다크모드일 때 */
/* @media (prefers-color-scheme: dark) {
  #load {
    background-color: #fff;
    color: #000;
  }
} */
#load > img { position: absolute; top:40%; left:50%; transform:translateX(-50%); z-index:100; }
#load .load_ment { position: absolute; top: 30%; left:50%; transform:translateX(-50%); z-index:100; font-size:1.6rem; }

#load .loading_div { position: absolute; top:40%; left:50%; transform:translateX(-50%); z-index:100; }
.loading_txt.fc_red { color: #E21919; }

.load {
  height:100%;
  justify-content: center;
}

/* ** new 버전 251223 ** */
.load {
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
}
.loader {
  position: relative;
  width: 60px;
  height: 60px;
}
.load_left, .load_right {
  width: 50%;
}
.loading {
  height: 80px;
}

.loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 12px;
  /* background: #000; */
  border-radius: 10px;
  transform-origin: center 6px;
  animation: fade 1s linear infinite;
}
.loader span:nth-child(1) {
  transform: rotate(0deg) translateY(-20px);
  animation-delay: 0s;
  background: #f2f2f2;
}

.loader span:nth-child(2) {
  transform: rotate(45deg) translateY(-20px);
  animation-delay: 0.125s;
  background: #dcdcdc;
}

.loader span:nth-child(3) {
  transform: rotate(90deg) translateY(-20px);
  animation-delay: 0.25s;
  background: #c6c6c6;
}

.loader span:nth-child(4) {
  transform: rotate(135deg) translateY(-20px);
  animation-delay: 0.375s;
  background: #a8a8a8;
}

.loader span:nth-child(5) {
  transform: rotate(180deg) translateY(-20px);
  animation-delay: 0.5s;
  background: #8a8a8a;
}

.loader span:nth-child(6) {
  transform: rotate(225deg) translateY(-20px);
  animation-delay: 0.625s;
  background: #6c6c6c;
}

.loader span:nth-child(7) {
  transform: rotate(270deg) translateY(-20px);
  animation-delay: 0.75s;
  background: #4e4e4e;
}

.loader span:nth-child(8) {
  transform: rotate(315deg) translateY(-20px);
  animation-delay: 0.875s;
  background: #2f2f2f;
}
@keyframes fade {
  0%   { opacity: 1; }
  100% { opacity: 0.2; }
}
/* // new 버전 251223 // */