* { padding:0px; margin:0px; font-family:SUIT, 돋움, Dotum, Tahoma; font-size:13px; }
body { /*user-select: none; -ms-user-select:none; -webkit-user-select:none; –moz-user-select:none; */-webkit-touch-callout:none; background-color:#ffffff; }
input[type=text], input[type=number], span, a { user-select: text; -ms-user-select:text; -webkit-user-select:text; –moz-user-select:text; }

.popup-loadingcontrols 
{
    position: fixed; top: 0; left: 0; width: 100%; height: 100svh; background: rgba(255, 255, 255, 0.95);
    display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 9999; backdrop-filter: blur(5px);
}

.popup-loadingcontrols.popup-loadingcontrols-hidden { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.popup-loadingcontrols > .popup-loadingcontrols-container { display: flex; gap: 12px; margin-bottom: 20px; }
.popup-loadingcontrols > .popup-loadingcontrols-container .popup-loadingcontrols-dot { width: 24px; height: 24px; background: #000000; border-radius: 50%; animation: bounce 1.4s ease-in-out infinite; }

.popup-loadingcontrols > .popup-loadingcontrols-container .popup-loadingcontrols-dot:nth-child(1) { animation-delay: -0.32s; }
.popup-loadingcontrols > .popup-loadingcontrols-container .popup-loadingcontrols-dot:nth-child(2) { animation-delay: -0.16s; }
@keyframes bounce 
{
    0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}

.popup-loadingcontrols > .popup-loadingcontrols-text { color: #333; font-size: 16px; text-align: center; animation: fade 2s ease-in-out infinite; }
@keyframes fade 
{
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
}