# Badge
해당 컬러는 각 css 에 var(); 넣어주세요.
500
#3851aa500
#aa64c2500
#8e8a21500
#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
#00a524500
#0e8e8e500
#565656500
#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
#22a0c8500
#f5a201500
#0395ff500
#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
#6b24b1500
#2461d8500
#fa6e42500
#177e78500
#db414a500
#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나의 강의실 아코디언
#F9F9F9pass fail 이수과정
#4e75f3pass fail 총
#11a99apass 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 */