:root {
    /* 공통 */
    --border-gray-34: #343434;
    --border-gray-56: #565656;
    --border-gray-ee: #EEEEEE;
    --border-gray-e8: #E8E8E8;
    --border-gray-da: #DADADA;
    --border-gray-dd: #DDDDDD;
    --border-gray-d1: #D1D1D1;
    --border-gray-thick: #414146;
    --border-bora: #815ED3;
    --icon: #B8B8B8;
    --text-color-white: #FFFFFF;
    --text-color-black: #121212;
    --text-color-22: #222222;
    --text-color-34: #343434;
    --text-color-44: #444444;
    --text-color-56: #565656;
    --text-color-75: #757575;
    --text-color-88: #888888;
    --text-color-66: #666666;
    --text-color-gray: #666666;
    --text-color-gray-2: #999999;
    --text-color-gray-softly: #757575;
    --text-color-red: #D23325;
    --text-color-blue: #144C9F;
    --text-color-bora: #815ED3;
    --text-color-primary: #185ABC;
    --text-color-primary2: #0F3773;
    --bg-balck: #000000;
    --bg-white: #FFFFFF;
    --bg-white-gray: #F9F9FB;
    --bg-white-gray-2: #F8F8F9;
    --bg-white-gray-3: #F5F5F5;
    --bg-white-gray-4: #F4F2FA;
    --bg-white-gray-5: #FCFCFC;
    --bg-white-gray-6: #FAFAFA;
    --bg-white-gray-7: #EAEBED;
    --bg-white-blue: #F4F6FB;
    --bg-white-blue-2: #F2F8FF;
    --bg-white-red: #F8F3F4;
    --bg-white-red-2: #FCF4F4;
    --bg-blue: #CEE2F6;
    --bg-white-bora: #F3F1FA;
    --bg-indigo: #2B3466;
    --bg-color-34: #343434;
    --bg-color-63: #636363;
    --bg-gray-d1: #D1D1D1;
    --bg-primary: #1B67D8;
    --bg-primary-2: #185abc;
    --bg-primary-3: #144c9f;
    --bg-primary-4: #0f3773;
    --bg-primary-5: #0b2957;
    --bg-primary-6: #071c3a;
    --bg-filter-on: #0F3773;
    --bg-filter: #757575;
    --bg-tab-primary: #185ABC;
    --bg-live-darck: #821615;
    --bg-el-darck: #410094;
    --bg-board-comment: #071C3A;

    /* kendo */
    --select-focus: #071C3A;
    /* tab */
    --tab-items-border: #E8E8E8;
    --tab-item-active-color: #185ABC;
    --tab-item-live-active-color: #D23325;

    /* footer */
    --footer-text-color: #A7A7A7;
    --footer-text-color2: #FFFFFF;
    --footer-text-color3: #86888B;
    --footer-bg: #414146;

    --font-family-noto_sans_kr: "Noto Sans KR", Helvetica, Sans-Serif;
    --font-family-gmarket_sans: "Gmarket", Helvetica, Sans-Serif;
    --font-family-malgun_gothic: "Malgun Gothic", Helvetica, Sans-Serif;
    --font-family-montserrat: "Montserrat", Helvetica, Sans-Serif;
    --font-family-saira: "Saira", Helvetica, Sans-Serif;
    --font-family-pacifico: "Pacifico", Helvetica, Sans-Serif;
    --font-family-nanum_square: "Nanum Square", Helvetica, Sans-Serif;

    /* 회원가입팝업 */
    --join-bg-color: #1B67D8;
    --join-bg-color2: #ffffff;
    --join-border-color: #DDDDDD;
    --join-font-color: #FFFFFF;
    --join-font-color2: #666666;

    /* progress */
    --progress-defult-color: #3C80E7;
    --progress-el-color: #3C80E7;
    --progress-live-color: #EE4132;

    /* 수강중인 콘텐츠 뱃지 */
    --learning-ing-badge-bg: #F2F8FF;
    --learning-ing-badge-color: #0F3773;

    /* ====================== 아이콘 ======================== */
    --i-new: url("../../images/renewal/icon/icon_new_online.png");

    /* ====================== 온라인연수원 ======================== */
    /* 교수Lab실 */
    --best-prfs-rank1-bg-color: #3C80E7;
    --best-prfs-rank2-bg-color: #1B67D8;
    --best-prfs-rank3-bg-color: #144C9F;
    --best-prfs-rank4-bg-color: #0F3773;
    --best-prfs-rank5-bg-color: #071C3A;
    --prfs-sbjct-bg-color: #F4F2FA;
    --prfs-list-hover-bg-color: #2F3135;
    --prfs-list-hover-bg-color-opacity: rgba(47,49,53,0.9);
    --prfs-list-more-btn-border-color: rgba(255,255,255,0.4);
    
    /* ====================== 공무원직무교육 ======================== */
    /* color */
    --primary-softly: #9275F3;
    --primary: #1B67D8;
    --primary-2: #185ABC;
    --primary-3: #755DC6;
    --primary-indigo: #144C9F;
    --primary-thick: #574488;
    --primary-black: #4C4954;
    --input-checked-bg-color: #414146;
    --grid-th-bg-color: #FAFAFA;
    --conts-cnt-bg-color: #F4F2FA;
    --interest-step-bg-color: #E8E8E8;
    --interest-step-on-bg-color: #414146;
    --clasf-step-bg-color: #F4F2FA; 
    --interest-save-bg-color: #4C4954;
    --interest-list-bg-color: #FAFAFA;
    --related-list-bg-color: #FAFAFA;
    --commu-pop-shadow-color: rgba(0, 0, 0, 0.1);
    --commu-pop-white-bg-color: #FFFFFF;
    --commu-pop-yellow-bg-color: #FCD868;
    --edu-cmplt-y-bg-color: #F17400;
    --conts-cmplt-y-bg-color: #4550CD;
    
    /* 학년 */
    --secondary-softly: #5C66D9;
    --secondary: #454DAD;
    --secondary-thick: #363A6A;
    --secondary-red: #D23325;
    
    /* text color */
    --gnb-text-color: #1B67D8;
    --text-color: #343434;
    --text-color-2: #565656;
    --sorting-text-color: #666666;
    --sorting-on-text-color: #0F3773;
    --conts-cnt-text-color: #3E2594;
    --conts-dtl-cate-text-color: #185ABC;
    --conts-dtl-tag-bg-color: #F5F5F5;
    --default-tab-color: #414146;
    --line-point-tab-color: #144C9F;

    /*  button  */
    --line-color-gray: #DDDDDD;
    --btn-bg-blue: #4549AB;
    --btn-bg-blue-thick: #5C61D4;
    --btn-disabled-bg-gray: #757575;
    --btn-disabled-bg-gray2: #F5F5F5;
    --btn-search-bg: #071C3A;
    --btn-learning-bg: #071C3A;
    --btn-learning-idx-bg: #071C3A;

    /* scroll bar */
    --scroll-bar-width: 6px;
    --scroll-bar-color: #CACACA;
    --scroll-bar-bg-color: #E8E8E8;
    --scroll-bar-border-radius: 10px;

    /*  font  */
    --font-size-l: 25px;
    --font-size-m: 20px;
    --font-size-s: 18px;
    --font-size-xs: 16px;
    
    /* badge */
    --badge-live-line-color: #D23325;
    --badge-live-text-color: #D23325;
    --badge-el-line-color: #144C9F;
    --badge-el-text-color: #144C9F;
    --badge-blend-text-color: #071C3A;
    --badge-purple-line-color: #5D3FC2;
    --badge-purple-text-color: #5D3FC2;
    --badge-black-line-color: #4C4954;
    --badge-black-text-color: #4C4954;
    --badge-navy-line-color: #41478F;
    --badge-navy-text-color: #41478F;
    --badge-green-line-color: #008575;
    --badge-green-text-color: #008575;
    --badge-gray-line-color: #DDDDDD;
    --badge-gray-text-color: #DDDDDD;
    --badge-orange-bg-color: #F17400;
    --badge-purple-bg-color: #7858E3;
    --badge-black-bg-color: #4C4954;
    --badge-gray-bg-color: #757575;
    --badge-blue-bg-color: #454EBF;
    --badge-state-comp: #EE4132;
    --badge-state-signUp: #008575;
    --badge-state-notComp: #444444;
    --badge-state-unsel: #757575;
    --badge-state-appl: #3769ED;
    --badge-state-cancel: #4C4954;
    --badge-non-gaze: #F5F5F5;
    --badge-non-gaze-txt: #565656;
    --badge-stare: #4C4954;
    --badge-stare-txt: #FFFFFF;
    /* 수강완료과정 */
    --badge-state-notComp2: #414146;
    /* 나의 강의실 홈 */
    --badge-test-bg-color: #F4F2FA;
    --badge-test-text-color: #5D3FC2;
    --badge-hw-bg-color: #FCF4F4;
    --badge-hw-text-color: #D23325;
    --badge-quiz-bg-color: #F2F8FF;
    --badge-quiz-text-color: #3157DD;
    --badge-dscs-bg-color: #F2F8FF;
    --badge-dscs-text-color: #1632A6;
    --badge-surv-bg-color: #E9F4F3;
    --badge-surv-text-color: #008575;
    /* 나의 강의실 학습팝업 */
    --qz-bg-color: #F2F8FF;
    /* 나의 강의실 답변버튼 */
    --reply-button-color: #071C3A;
    /* 나의강의실 > 학습캘린더 */
    --calendar-tit-text-color: #35353A;
    /* 교육콘텐츠 */
    --more-view-bg-color: #2F3135;
    
    /* 교수Lab실 */
/*     --best-prfs-rank1-bg-color: #9275F3; */
/*     --best-prfs-rank2-bg-color: #7858E3; */
/*     --best-prfs-rank3-bg-color: #5D3FC2; */
/*     --best-prfs-rank4-bg-color: #3E2594; */
/*     --best-prfs-rank5-bg-color: #4C4954; */
/*     --prfs-sbjct-bg-color: #F4F2FA; */
/*     --prfs-list-hover-bg-color: #2F3135; */
/*     --prfs-list-hover-bg-color-opacity: rgba(47,49,53,0.9); */
/*     --prfs-list-more-btn-border-color: rgba(255,255,255,0.4); */
}