:root{
    --main-color:#5096F5;
    --main-color-darkish: #0E68E3;
    --main-color-light: #A7CAFA;

    --popup-title-bar-background-color: #0E68E3;

    --gray-darker: #4D4D4D;
    --gray-darkish: #B3B3B3;
    --gray-light: #E6E6E6;
    --gray-Brighter:#F0F0F0;

    --red:#EC4466;
    --purple: #A751E3;
    --green:#0FC764;
    --yellow:#FF9E20;

}
/*공통 backGround 색 클래스*/
.main_color{
    background-color: #5096F5;
}

.main_color_dark{
    background-color: #0E68E3;
}

.gray{
    background-color: #B3B3B3;
}

.red{
    background-color:  #EC4466;
}
.purple{
    background-color: #A751E3;
}
.green{
    background-color:  #0FC764;
}
.yellow{
    background-color: #FF9E20;
}