.site_color{color: #1570ef;}/* 연한색 파랑 */
.site_color2{color: #083e84;}/* 진한색 파랑 */
.site_color_imp{color: #1570ef !important;}/* 연한색 파랑 */
.site_color2_imp{color: #083e84 !important;}/* 진한색 파랑 */

.site_background_color{background-color: #1570ef !important;}
.site_background_color_imp{background-color: #1570ef !important;}
.site_background_color2{background-color: #083e84 !important;}
.site_background_color2_imp{background-color: #083e84 !important;}

.site_background_font{background-color: #1570ef; color: #fff;}
.site_background_font2{background-color: #083e84; color: #fff;}

.site_border{border: 1px solid #1570ef;}
.site_border_2{border: 2px solid #1570ef;}
.site_border2{border: 1px solid #083e84;}
.site_border2_2{border: 2px solid #083e84;}

.site_color_btn{background-color: #1570ef; border: 1px solid #1570ef; color: #fff;}
.site_color_btn_2{background-color: #1570ef; border: 2px solid #1570ef; color: #fff;}

.squares_button:hover{background-color: #1570ef; border: none; color: #fff;}
.squares_button:focus{background-color: #1570ef; border: none; color: #fff; outline: 0;}
.squares_button1:hover{background-color: #1570ef; color: #fff;}
.site_color_re_btn{background-color: #fff; border: 1px solid #1570ef; color: #1570ef;}

.site_color_btn2{background-color: #083e84; border: 1px solid #083e84; color: #fff;}
.site_color_btn2_2{background-color: #083e84; border: 2px solid #083e84; color: #fff;}

.site_color_re_btn2{background-color: #fff; border: 1px solid #083e84; color: #083e84;}

.site_color_btn3{background-color: #efefef; border: 1px solid #efefef; color: #666;}

.site_circle_color{border: 0.015em solid #1570ef;}

.site-link{color: #1570ef;}

.site_color_btn2_2.blue_hover:hover{
  background-color: #1570ef !important;
  border: 2px solid #1570ef;
  color: #fff !important;
}
/* class.css */
.my_progress {
  background-color: #1570ef;
}
.my_percent {
  color: #1570ef;
}

.track_list_off,
.history_off {
  background-color: #1570ef !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
.track_list_on,
.history_on {
  background-color: #fff !important;
  color: #1570ef !important;
  border: 1px solid #1570ef !important;
}
.menu_link:hover,
.class_link:hover,
.follow_btn:hover,
.reply_btn:hover,
.cursor.class_sub_comments_title:hover,
.class_comments_etc > .etc_right > span:hover {
  color: #1570ef !important;
}
.activity_on,
.quiz_check_ex_on,
.check_on {
 color: #1570ef !important;
 font-weight: 500; 
}
.quiz_menu_number_ing {
  background-color: #1570ef !important;
}
.tab_btn.tab_on {
  border-bottom: 2px solid #1570ef !important;
  color:#1570ef !important;
}

/* course.css */
.course_link:hover,
.course_link:hover > .main_banner_title {
  color: #1570ef !important;
}
.start_btn:hover,
.intro_btn:hover,
.register_list_btn:hover {
  background-color: #fff !important;
  color: #1570ef !important;
}

.cate_on{
  font-weight: 500;
  color: #1570ef !important;
  border: 2px solid #1570ef !important;
}
.st_on {
  font-weight: 500;
  color: #1570ef !important;
}
.vod_right_list_link:hover,
.course_list_sub:hover,
.activity_more:hover {
  color: #1570ef !important;
}

/* header.css */
/* 그린인데 그린이 아닌 파랑으로 되어있어서 보류 */
.green_500 {
  color: #1570ef;
  font-weight: 500
}
.green {
  color: #1570ef;
}
/* 보류 */
.select_item:hover {
  background-color: #1570ef !important;
  color: #fff !important;
}
.vod_link_on,
.vod_link_on> div {
  background-color: #1570ef !important;
  color: #fff !important;
}

/* main.css */
.course_grid_col:hover > .course  > .course_main > .course_main_title {
  color: #1570ef !important;
}
.course_list_title > a:hover,
.course_list_sub:hover,
.course_mycoures_btn_wrap > a:hover {
  color: #1570ef !important;
}

.course_mycoures_btn_wrap > a:hover > .course_mycoures_btn_img {
  color: #1570ef !important;
  background-image: url('/el/images/class/next_02.png');
  background-size: 100% 100%;
}


/* member.css */

.profile_following_btn:hover,
.search_item:hover {
  background-color: #1570ef !important;
  color: #ffffff !important;
}
.activity_menu_on {
  color: #1570ef !important;
  font-weight: 500;
}
.mf_check_on {
  color: #fff;
  border: 1px solid #1570ef !important;
  background-color: #1570ef !important;
}

/* video.css */
.video_wrap:hover > #link_play {
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 60px solid #1570ef !important;
  border-right: none;
}

.class_acss_chart > div:last-child > .class_acss_chart_bar{
  background-color: #1570ef;  
}
.class_acss_chart > div:last-child > .class_acss_chart_text{
  color: #1570ef;
}
/************ 진한 색 *****************/
/**** class.css ****/
.class_tab .tab_on {
  color: #1570ef !important;
}
.class_tab .tab_on > div:first-child {
  border-bottom: 3px solid #1570ef;
  padding: 16px 0 14px 0;
}
@media screen and (max-width: 480px) {
  .class_tab .tab_on > div:first-child {
    padding: 14px 0 13px 0;
  }
}
.tab_li.tab_on {
  border: 2px solid #083e84 !important;
  border-bottom: 0 !important;
  background-color: #ffffff !important;
  color: #083e84 !important;
}
.quiz_check_img_y {
  background-image: url("/el/images/class/quiz_Y.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #083e84 !important;
}
table.viewType1 input[type="text"]:focus,
table.viewType1 textarea:focus:not(.tinymce),
table.viewType1 select:focus {
  border-color: #083e84 !important;
  /* outline: none; */
}
.class_search > input:focus,
.class_search2 > input:focus {
  border-color: #083e84 !important;
}
.class_filter_item > select:focus,
.class_filter_item > input[type="text"]:focus {
  border-color: #083e84 !important;
  /* outline: none; */
}
ul.class_popup_tab_wrap2 li.tab_on {
  color: #083e84 !important;
  padding-top: 7px;
  border-top: 2px solid #083e84 !important;
  border-bottom: none;
  background-color: #fff !important;
}

/** course.css **/
.course_apply_bottom_btn:hover,
.register_menu .register_item_on {
  background-color: #fff !important;
  color: #083e84 !important;
}
.register_apply_btn:hover {
  background-color: #fff !important;
  color: #1570ef !important;
}
.register_group_select > label.register_item_on {
  border: 2px solid #083e84 !important;
  background-color: #083e84 !important;
  color: #ffffff !important;
}


/** main.css **/
.course_btn:hover {
  background-color: #ffffff !important;
  color: #083e84 !important;
}
.training_grid_col:hover {
  border: 2px solid #083e84 !important;
  padding: 19px; 
  /* background-color: #ededee; */
}
.info_tap > .tap_on {
  background-color: #083e84 !important;
  color: #fff !important;
  border: 1px solid #083e84 !important;
}

/************ 20191007 ****************/
.nav_item > div:hover {
  font-weight: 500;
  color: #1570ef;
}
.nav_now {
  color: #1570ef !important;
  font-weight: 500;
  cursor: default !important;
}
@media screen and (max-width: 640px) {
  #m_next {
    float: right;
    padding: 3.125vw 4.6875vw;
    width: 50%;
    background-color: #083e84;
    text-align: right;
  }
  .info_tap > .tap_on {
    border: 2px solid #083e84 !important;
  }
}
@media screen and (max-width: 480px) {
  .video_wrap:hover > #link_play {
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 36px solid #1570ef;
    border-right: none;
  }
}

/* circle.css */
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.015em solid #1570ef;
  width: 0.97em;
  height: 0.97em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #1570ef;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.class_sub_comments_title{
  background-color: transparent;
  border: none;
}