@charset "UTF-8";
/* colors */
body {
    --BK-F1: #F1F1F1;
    --BK-A9: #a9aeb4;

    --BK-3B: #3b3b3b;
    --BK-A3: #A3A3A3;
    --BK-B1: #B1B1B1;
    --BK-BD: #BDBDBD;
    --BK-CE: #ced0dd;
    --BK-D1: #D1D1D1;
    --BK-D3: #D3D3D3;
    --BK-DD: #DDDDDD;
    --BK-EE: #EEEEEE;
    --BK-E5: #E5E5E5;
    --BK-E7: #E7E7E7;
    --BK-FA: #FAFAFA;
    --BK-F0: #F0F0F0;
    --BK-F2: #F2F4FA;
    --BK-F4: #F4F4F4;
    --BK-F5: #F5F5F5;
    --BK-F9: #F9F9F9;
    --BK-E0: #E0E0E0;
    --BK-9E: #9E9E9E;
    --BK-42: #424242;
    --BK-61: #616161;
    --BK-66: #666666;
    --BK-70: #707070;
    --BK-73: #737373;
    --BK-75: #757575;
    --BK-96: #8B9296;
    --BK-99: #999999;

    --BK-OP-01: rgba(0,0,0,0.1);
    --BK-OP-02: rgba(0,0,0,0.2);
    --BK-OP-03: rgba(0,0,0,0.3);
    --BK-OP-04: rgba(0,0,0,0.4);
    --BK-OP-05: rgba(0,0,0,0.5);
    --BK-OP-06: rgba(0,0,0,0.6);
    --BK-OP-07: rgba(0,0,0,0.7);
    --BK-OP-08: rgba(0,0,0,0.8);
    --BK-OP-09: rgba(0,0,0,0.9);

    --WH-OP-01: rgba(255,255,255,0.1);
    --WH-OP-02: rgba(255,255,255,0.2);
    --WH-OP-03: rgba(255,255,255,0.3);
    --WH-OP-04: rgba(255,255,255,0.4);
    --WH-OP-05: rgba(255,255,255,0.5);
    --WH-OP-06: rgba(255,255,255,0.6);
    --WH-OP-07: rgba(255,255,255,0.7);
    --WH-OP-08: rgba(255,255,255,0.8);
    --WH-OP-09: rgba(255,255,255,0.9);

    --white: #FFFFFF;
    --black: #000000;
    
    --PU-48: #480084;
    --RD-FF: #FF0084;
    --GR-32: #00B092;
    --BL-2C: #1630de;

    /* 블루 */
    --BL-00: #009cff;
    --BL-1E: #1E1EFF;
    --BL-20: #2053BC;
    --BL-62: #6297E2;
    --BL-2D: #2D2E64;
    --BL-31: #314d89;
    --BL-46: #466ed2;
    --PU-28: #283278;

    /* 보라 */
    --PU-3C: #3C3864;
    --PU-4D: #4D1C86;
    --PU-2A: #2A0096;

    /* 노랑 */
    --YL-FF: #ffbb33;

    /* 레드 */
    --RD-EE: #ee3b6a;
    --RD-FF :#ff565a;
}