.site_color{color: #3498db;}/* 연한색 파랑 */
.site_color2{color: #083e84;}/* 진한색 파랑 */

.site_background_color{background-color: #3498db;}
.site_background_color2{background-color: #083e84;}

.site_background_font{background-color: #3498db; color: #fff;}
.site_background_font2{background-color: #083e84; color: #fff;}

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

.site_border_bottom{border-bottom: 1px solid #3498db;}
.site_border_bottom_2{border-bottom: 2px solid #3498db;}
.site_border_bottom_3{border-bottom: 3px solid #3498db;}
.site_border_bottom_4{border-bottom: 4px solid #3498db;}
.site_border_bottom_5{border-bottom: 5px solid #3498db;}

.site_border_top2_2{border-top: 2px solid #083e84;}

.site_border_bottom2{border-bottom: 1px solid #083e84;}
.site_border_bottom2_2{border-bottom: 2px solid #083e84;}
.site_border_bottom2_3{border-bottom: 3px solid #083e84;}
.site_border_bottom2_4{border-bottom: 4px solid #083e84;}
.site_border_bottom2_5{border-bottom: 5px solid #083e84;}

.site_color_btn{background-color: #3498db; border: 1px solid #3498db; color: #fff;}
.site_color_btn2{background-color: #3498db; border: 2px solid #3498db; color: #fff;}

.site_color_re_btn{background-color: #fff; border: 1px solid #3498db; color: #3498db;}

.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_circle_color{border: 0.015em solid #3498db;}

.site-link{color: #3498db; line-height: 1; font-weight: bold;}


/* class.css */
.my_progress {
  background-color: #3498db;
}
.my_percent {
  color: #3498db;
}
/* 이것만 색상이 다름 */
.my_average_page {
  background-color: #84ccc9
}

.track_list_off,
.history_off {
  background-color: #3498db !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
.track_list_on,
.history_on {
  background-color: #fff !important;
  color: #3498db !important;
  border: 1px solid #3498db !important;
}
.class_link:hover,
.follow_btn:hover,
.reply_btn:hover,
.class_comments_etc > .etc_right > span:hover {
  color: #3498db !important;
}
.activity_on,
.quiz_check_ex_on,
.check_on {
 color: #3498db !important;
 font-weight: bold; 
}
.quiz_menu_number_ing {
  top: -20px;
  right: -20px;
  width: 40px;
  padding: 13px 0px;
  background-color: #3498db !important;
}
.tab_btn.tab_on {
  border-bottom: 2px solid #3498db !important;
  color:#3498db !important;
  font-weight:bold;
}

/* course.css */
.course_link:hover {
  color: #3498db !important;
}
.course_apply_btn2:hover {
  background-color: #3498db !important;
}
.start_btn:hover,
.intro_btn:hover,
.register_list_btn:hover {
  background-color: #fff !important;
  color: #3498db !important;
}

.cate_on{
  font-weight: bold;
  color: #3498db !important;
  border: 2px solid #3498db !important;
}
.st_on {
  font-weight: bold;
  color: #3498db !important;
}
.course_list_sub:hover,
.activity_more:hover {
  color: #3498db !important;
}

/* header.css */
/* 그린인데 그린이 아닌 파랑으로 되어있어서 보류 */
.green_bold {
  color: #3498db;
  font-weight: bold
}
.green {
  color: #3498db;
}
/* 보류 */
.select_item:hover {
  background-color: #3498db !important;
  color: #fff !important;
}

/* main.css */
.course_grid_col:hover > .course  > .course_main > .course_main_title,
.course_list2:hover > .course_list_top > .course_list_title > span {
  color: #3498db !important;
}
.course_list_title > a:hover,
.course_list_sub:hover,
.course_mycoures_btn_wrap > a:hover {
  color: #3498db !important;
}

.course_mycoures_btn_wrap > a:hover > .course_mycoures_btn_img {
  color: #3498db !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: #3498db !important;
  color: #ffffff !important;
}
.activity_menu_on {
  color: #3498db !important;
  font-weight: bold;
}
.tab_btn.tab_on {
  border-bottom:2px solid #3498db !important;
  color:#3498db !important;
  font-weight:bold;
}
.mf_check_on {
  color: #fff;
  border: 1px solid #3498db !important;
  background-color: #3498db !important;
}

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


/************ 진한 색 *****************/
/**** class.css ****/
.class_tab .tab_on {
  padding: 0;
  border: 2px solid #083e84 !important;
  border-bottom: 0 !important;
  background-color: #ffffff !important;
  color: #083e84 !important;
  z-index: 2;
}
ul.class_activity_btn > li.btn_on {
  border: 2px solid #083e84 !important;
  color: #083e84 !important;
  font-weight: 600;
}
.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 **/
.interest_btn:hover {
  border: 1px solid #083e84 !important;
}
.course_apply_bottom_btn:hover,
.register_apply_btn:hover,
.register_menu .register_item_on {
  background-color: #fff !important;
  color: #083e84 !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;
}

@media screen and (max-width: 640px) {
  .class_m_next_contents {
    background-color: #3498db !important;
    color: #ffffff !important;
  }
  #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;
  }
}
@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 #3498db;
    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 #3498db;
  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: #3498db;
  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;
}