@keyframes backgroundSweep {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.ct-judgment {
    position: relative;
    overflow: hidden;
    min-height:90px;
}




.start-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
    animation: backgroundSweep 0.7s forwards;
    z-index: 1;
}

/*.start-animation::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: backgroundSweep 1s forwards;
}
*/
/*.start-animation {
    animation: backgroundSweep 1s forwards;
}
*/


@keyframes flash {
    0%, 100% {
        background-color: transparent;
    }

    25%, 75% {
        background-color: #d1aa6759;
    }
    /* ¿¬ÇÑ ºÓÀº»ö */
}

.flash-row {
    animation: flash 0.3s ease-in-out 4;
}



@keyframes flashadd {
    0%, 100% {
        background-color: transparent;
    }

    25%, 75% {
        background-color: #67d17759;
    }
    /* ¿¬ÇÑ ºÓÀº»ö */
}


.flash-add-row {
    animation: flashadd 0.3s ease-in-out 4;
}


/* 1. ºÎ¸ð ¿ä¼Ò ¼³Á¤ */
/*.effect-shine {
    position: relative;
    overflow: hidden !important;
}*/

    /* 2. ºûÀÇ ¿ªÇÒÀ» ÇÒ °¡»ó ·¹À̾î */
    /*.effect-shine::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150%;*/ /* ¿ÞÂÊ ¹Û¿¡ ¼û°ÜµÒ */
        /*width: 100%;
        height: 100%;
        background: linear-gradient( 90deg, rgba(255, 0, 0, 0) 0%,*/ /* ½ÃÀÛÀº Åõ¸íÇÏ°Ô */
        /*rgba(255, 0, 0, 0.4) 50%,*/ /* Áß°£Àº ¼±¸íÇÑ »¡°­ */
        /*rgba(255, 0, 0, 0) 100%*/ /* ³¡Àº ´Ù½Ã Åõ¸íÇÏ°Ô */
        /*);
        transform: skewX(-25deg);*/ /* ¾à°£ »ç¼±À¸·Î ²ª¾î¾ß ¿¹»Ý */
        /*pointer-events: none;*/ /* Ŭ¸¯ ¹æÇØ ±ÝÁö */
    /*}*/

/* 3. ¾Ö´Ï¸ÞÀÌ¼Ç ½ÇÇà Ŭ·¡½º */
/*.shine-active::after {
    animation: shine-anim 1s ease-out;
}

@keyframes shine-anim {
    0% {
        left: -150%;
    }

    100% {
        left: 150%;
    }
}*/

.effect-shine {
    position: relative;
    overflow: hidden !important; /* ¼±ÀÌ ¹Ú½º ¹ÛÀ¸·Î »õ ³ª°¡Áö ¾Ê°Ô Â÷´Ü */
}

/* 2. 500ms(0.5ÃÊ) Á¤¹Ð ½ºÄµ ¾Ö´Ï¸ÞÀÌ¼Ç */
.shine-active {
    background-image: linear-gradient(90deg, transparent 0%, transparent 49.8%, /* 1px ¼±À» À§ÇØ ¹üÀ§¸¦ ±Øµµ·Î Á¼Èû */
    rgb(236, 92, 92) 50%, transparent 50.2%, /* 0.4% ±¸°£¸¸ »ö»óÀ» °¡Áü */
    transparent 100% ), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96h32v320H0V96zm64 0h64v320H64V96zm96 0h32v320h-32V96zm64 0h32v320h-32V96zm64 0h64v320h-64V96zm96 0h32v320h-32V96zm64 0h32v320h-32V96zm64 0h32v320h-32V96z'/%3E%3C/svg%3E") !important;
    /* ¹è°æ »çÀÌÁî: »¡°£¼±ÀÌ ³Ê¹« ³Ð°Ô ÀâÈ÷Áö ¾Êµµ·Ï 150% Á¤µµ·Î Á¶Á¤ */
    background-size: 200% 100%, 16px 16px !important;
    background-repeat: no-repeat !important;
    /* 1ÃÊ(1000ms) µ¿¾È ¾ÆÁÖ ºÎµå·´°Ô À̵¿ */
    animation: barcode-red-scan 0.3s linear forwards;
}

@keyframes barcode-red-scan {
    0% {
        /* À̵¿ °Å¸®¸¦ ³Ê¹« Å©°Ô ÀâÀ¸¸é ²÷°Ü º¸À̹ǷΠÀûÁ¤ ¼öÁØÀ¸·Î Á¶Á¤ */
        background-position: 100% 0, 10px center;
    }

    100% {
        background-position: 0% 0, 10px center;
    }
}