/* 사용자 스타일 정의 */

/* 서버 요청 loading spinner */
.mhuLoadingSpinner-root {
    z-index: 1200;
    top: auto;
    left: 1rem;
    bottom: 1rem;
    border: 0;
    background: var(--color-black) url('../img/img_loading_spinner.png') no-repeat var(--spacing-md) var(--spacing-lg) / var(--icon-size-xs);
    margin: 0;
    padding: var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-md) + var(--icon-size-xs) + var(--spacing-xs));
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 160%;
    color: white;
    border-radius: var(--border-radius-sm);
    box-shadow: 0 0 12px var(--color-shadow);
}

/* 문서업로드 loading spinner */
.mhuSpinner-root .mhuIcon-root {
    background-image: url("../img/img_cklite_spinner.png");
}

.loading-img  {
    width: 100px;
    height: 100px;
    animation: rotate 0.8s infinite linear;
    border-right-color: transparent;
    background-image: url("../img/img_cklite_spinner.png");
    background-size: 100% 100%;
    margin: 0 auto;
}

/* GPT 배너 for ADManager */
.gpt-banner-area{
    --bg-img-opacity: 0.3;
    position: relative;
    background-color: #fff;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 15px;
    background-image: linear-gradient(rgba(250, 250, 250,var(--bg-img-opacity)), rgba(250, 250, 250,var(--bg-img-opacity))), url('../img/bg_line.gif');
}

/* 채널톡 */
#ch-plugin{
    width: 0;
}
#tooltip{
    display: none !important;
}