@charset "utf-8";
/* 로딩 */
#info-container .loading-pop { position: fixed; z-index: 998; width: 100%; height: 100%; background: rgba(255,255,255,0.95); top: 0; left: 0; }
#info-container .loading-pop .loading { position: fixed; top: 50%; margin-top: -44px; left: 50%; margin-left: -120px; width: 240px; }
#info-container .loading-pop .loading p { font-size: 1.6rem; text-align: center; font-weight: bold; margin-top: 30px; }

.spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; }

.dot1, .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }
.dot1 { background-color: #ed6d00; }
.dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; background-color: #014099; }

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}