COLOR

# Badge

해당 컬러는 각 css 에 var(); 넣어주세요.

500

#3851aa

500

#aa64c2

500

#8e8a21

500

#1792ea

    --online-400: #3851aa;     /* 온라인 연하게 */
    --online-500: #3851aa;     /* 온라인 기본 */
    --online-600: #3851aa;     /* 온라인 진하게 */

    --offline-400: #aa64c2;     /* 집합 연하게 */
    --offline-500: #aa64c2;     /* 집합 기본 */
    --offline-600: #aa64c2;     /* 집합 진하게 */

    --blended-400: #8e8a21;     /* 블랜디드 연하게 */
    --blended-500: #8e8a21;     /* 블랜디드 기본 */
    --blended-600: #8e8a21;     /* 블랜디드 진하게 */

    --burn-400: #1792ea;     /* 화상 연하게 */
    --burn-500: #1792ea;     /* 화상 기본 */
    --burn-600: #1792ea;     /* 화상 진하게 */
                                

500

#00a524

500

#0e8e8e

500

#565656

500

#f15e1f

    --attClass-400: #00a524;     /* 수강 연하게 */
    --attClass-500: #00a524;     /* 수강 기본 */
    --attClass-600: #00a524;     /* 수강 진하게 */

    --comp-400: #0e8e8e;     /* 수료 연하게 */
    --comp-500: #0e8e8e;     /* 수료 기본 */
    --comp-600: #0e8e8e;     /* 수료 진하게 */

    --notSel-400: #565656;     /* 미선정 연하게 */
    --notSel-500: #565656;     /* 미선정 기본 */
    --notSel-600: #565656;     /* 미선정 진하게 */

    --appl-400: #f15e1f;     /* 신청 연하게 */
    --appl-500: #f15e1f;     /* 신청 기본 */
    --appl-600: #f15e1f;     /* 신청 진하게 */
                                

500

#22a0c8

500

#f5a201

500

#0395ff

500

#aa3c3c

    --ess-400: #22a0c8;     /* 필수 연하게 */
    --ess-500: #22a0c8;     /* 필수 기본 */
    --ess-600: #22a0c8;     /* 필수 진하게 */

    --sel-400: #f5a201;     /* 선택 연하게 */
    --sel-500: #f5a201;     /* 선택 기본 */
    --sel-600: #f5a201;     /* 선택 진하게 */

    --pass-400: #0395ff;     /* pass 연하게 */
    --pass-500: #0395ff;     /* pass 기본 */
    --pass-600: #0395ff;     /* pass 진하게 */

    --fail-400: #aa3c3c;     /* fail 연하게 */
    --fail-500: #aa3c3c;     /* fail 기본 */
    --fail-600: #aa3c3c;     /* fail 진하게 */
                                

500

#6b24b1

500

#2461d8

500

#fa6e42

500

#177e78

500

#db414a

500

#e72599

    --hw-400: #6b24b1;     /* 과제 연하게 */
    --hw-500: #6b24b1;     /* 과제 기본 */
    --hw-600: #6b24b1;     /* 과제 진하게 */

    --test-400: #2461d8;     /* 시험 연하게 */
    --test-500: #2461d8;     /* 시험 기본 */
    --test-600: #2461d8;     /* 시험 진하게 */

    --attend-400: #fa6e42;     /* 출석 연하게 */
    --attend-500: #fa6e42;     /* 출석 기본 */
    --attend-600: #fa6e42;     /* 출석 진하게 */

    --comp-crit-400: #177e78;     /* 수료 연하게 */
    --comp-crit-500: #177e78;     /* 수료 기본 */
    --comp-crit-600: #177e78;     /* 수료 진하게 */

    --notComp-400: #db414a;     /* 미수료 연하게 */
    --notComp-500: #db414a;     /* 미수료 기본 */
    --notComp-600: #db414a;     /* 미수료 진하게 */

    --rate-400: #e72599;     /* 진도 연하게 */
    --rate-500: #e72599;     /* 진도 기본 */
    --rate-600: #e72599;     /* 진도 진하게 */
                                
특수

나의 강의실 직급/직무

#4973d2

나의 강의실 아코디언

#F9F9F9

pass fail 이수과정

#4e75f3

pass fail 총

#11a99a

pass fail 나의 강의실 이수과정

#ff9d33

연간 의무학점현황 text

#4e75f3

계획대비 실행율 text

#11a99a

계획대비 실행율 text

#4e75f3

나의 상의실 수강중인과정 온라인, 학습하기 lnb

#3851aa

나의 상의실 수강중인과정 집합, 학습하기 lnb

#aa64c2

나의 상의실 수강중인과정 블렌디드

#8e8a21

나의 상의실 수강중인과정 화상

#D23325

나의 상의실 수강중인과정 마이크로러닝

#121212

블렌디드 태그

#aa41db

블렌디드 태그 border

#aa41db

기간 태그

#714DBD

상시 태그

#098725

학습하기 시험 태그 color

#6b24b1

학습하기 시험 태그 bg

#f4f2fa

학습하기 과제 태그 color

#d23325

학습하기 과제 태그 bg

#fcf4f4

교육신청 태그 선택

#ff800b

교육신청 태그 Fail

#922323

나의강의실 태그 신청, 선정

#141bd0

나의강의실 태그 fail

#e4535c

상세 교육유형 태그 집합

#db414a

상세 수료기준 수료 border

rgba(107, 36, 177, 0.5)

상세 수료기준 수료 text

#6b24b1

상세 수료기준 수료 bg

#f1ecf6

상세 수료기준 출석 border

rgba(250, 66, 176, 0.5)

상세 수료기준 출석 text

#fd63bf

상세 수료기준 출석 bg

#ffdff2

상세 수료기준 시험 border

rgba(19, 82, 205, 0.5)

상세 수료기준 시험 text

#1352cd

상세 수료기준 시험 bg

#e5eefa

상세 수료기준 진도 border

rgba(23, 133, 120, 0.5)

상세 수료기준 진도 text

#178578

상세 수료기준 진도 bg

#ebf5f4

상세 수료기준 과제 border

rgba(250, 110, 66, 0.5)

상세 수료기준 과제 text

#fa6e42

상세 수료기준 과제 bg

#ffebe4

상세 수강신청 버튼 bg

#0e0d0d

    --color-myClass: #4973d2;                   /* 나의 강의실 직급/직무 */
    --bg-myClass-accro: #F9F9F9;                /* 나의 강의실 accrodion */
    --color-passFail-eisu: #4e75f3;             /* pass fail 이수과정 */
    --color-passFail-all: #11a99a;              /* pass fail 총 */
    --color-passFail-myclass: #ff9d33;          /* pass fail 나의 강의실 이수과정 */
    --color-chart: #4e75f3;                     /* 연간 의무학점현황 text */
    --color-plan: #11a99a;                      /* 계획대비 실행율 text */
    --color-credit: #4e75f3;                    /* 계획대비 실행율 text */
    --color-myClass-training-A: #3851aa;        /* 나의 상의실 수강중인과정 온라인, 학습하기 lnb */
    --color-myClass-training-B: #aa64c2;        /* 나의 상의실 수강중인과정 집합, 학습하기 lnb */
    --color-myClass-training-D: #8e8a21;        /* 나의 상의실 수강중인과정 블렌디드 */
    --color-myClass-training-G: #D23325;        /* 나의 상의실 수강중인과정 화상 */
    --color-myClass-training-M: #121212;        /* 나의 상의실 수강중인과정 마이크로러닝 */
    --color-edu-list-tag-D: #aa41db;                        /* 블렌디드 */
    --color-edu-list-border-D: #aa41db;                     /* 블렌디드 */
    --color-edu-list-tag-day: #714DBD;                      /* 기간 */
    --color-edu-list-tag-always: #098725 ;                  /* 상시 */
    --tag-test-color: #6b24b1;                                /* 학습하기 시험 태그 color */
    --tag-test-bg: #f4f2fa;                                     /* 학습하기 시험 태그 bg */
    --tag-hw-color: #d23325;                                    /* 학습하기 과제 태그 color */
    --tag-hw-bg: #fcf4f4;                                       /* 학습하기 과제 태그 bg */

    --tag-op: #ff800b;                          /* 교육신청 태그 선택 */
    --tag-fail4: #922323;                        /* 교육신청 태그 Fail */
    --tag-apply: #141bd0;                       /* 나의강의실 태그 신청, 선정 */
    --tag-fail2: #e4535c;                        /* 나의강의실 태그 fail */
    --tag-training-B: #db414a;                  /* 상세 교육유형 태그 집합 */

    --cmplt-cmplt-border: rgba(107, 36, 177, 0.5);     /* 상세 수료기준 수료 border */
    --cmplt-cmplt-color: #6b24b1;                      /* 상세 수료기준 수료 text */
    --cmplt-cmplt-bg: #f1ecf6;                         /* 상세 수료기준 수료 bg */
    --cmplt-cmplt-border1: rgba(250, 66, 176, 0.5);     /* 상세 수료기준 출석 border */
    --cmplt-cmplt-color1: #fd63bf;                      /* 상세 수료기준 출석 text */
    --cmplt-cmplt-bg1: #ffdff2;                         /* 상세 수료기준 출석 bg */
    --cmplt-cmplt-border3: rgba(19, 82, 205, 0.5);     /* 상세 수료기준 시험 border */
    --cmplt-cmplt-color3: #1352cd;                     /* 상세 수료기준 시험 text */
    --cmplt-cmplt-bg3: #e5eefa;                        /* 상세 수료기준 시험험 bg*/
    --cmplt-cmplt-border2: rgba(23, 133, 120, 0.5);    /* 상세 수료기준 진도 border */
    --cmplt-cmplt-color2: #178578;                     /* 상세 수료기준 진도 text */
    --cmplt-cmplt-bg2: #ebf5f4;                        /* 상세 수료기준 진도 bg*/
    --cmplt-cmplt-border5: rgba(250, 110, 66, 0.5);    /* 상세 수료기준 과제 border */
    --cmplt-cmplt-color5: #fa6e42;                     /* 상세 수료기준 과제 text */
    --cmplt-cmplt-bg5: #ffebe4;                         /* 상세 수료기준 과제 bg*/
    --apply-btn-bg: #0e0d0d;                            /* 상세 수강신청 버튼 bg */