/* 아이콘 */
.ele_header_noti_shadow {
  background-image: url(../images/elementary/icon/ic_noti_shadow_elem.svg);
}
.ele_header_noti {
  background-image: url(../images/elementary/icon/ic_noti_elem.svg);
}
.ele_chatbot {
  background-image: url(../images/elementary/icon/ic_chatbot_white_58px.svg);
}
.ele_chatbot_ico {
  background-image: url(../images/elementary/icon/ic_chatbot_green_40px.svg);
}
.ele_praise_ico {
  background-image: url(../images/elementary/icon/ic_praise_green_40px.svg);
}
.ele_group_ico {
  background-image: url(../images/elementary/icon/ic_grouptalk_green_40px.svg);
}
.ele_class_ico {
  background-image: url(../images/elementary/icon/ic_class_32px.svg);
}
.ele_chart_ico {
  background-image: url(../images/elementary/icon/ic_chart_32px.svg);
}
.ico_next_brown {
  background-image: url(../images/elementary/icon/ic_next_brown_28px.svg);
}
.ele_history_ico {
  background-image: url(../images/elementary/icon/ic_history_green_18px.svg);
}
.ele_edit_ico {
  background-image: url(../images/elementary/icon/ic_edit_green_18px.svg);
}
.ele_document_ico {
  background-image: url(../images/elementary/icon/ic_document_green_18px.svg);
}
.ele_question_ico {
  background-image: url(../images/elementary/icon/ic_question_green_18px.svg);
}
.ele_cs_ico {
  background-image: url(../images/elementary/icon/ic_cs_green_18px.svg);
}
.ele_profile_flower {
  background-image: url(../images/elementary/icon/img_flower_orange_32px.svg);
}
.ele_video_ico {
  background-image: url(../images/elementary/icon/ic_video_32px.svg);
}
.ele_pin_ico {
  background-image: url(../images/elementary/icon/ic_pin_32px.svg);
}
.ele_pen_ico {
  background-image: url(../images/elementary/icon/ic_pen_30px.svg);
}
.ele_profile_great {
  background-image: url(../images/elementary/icon/ic_sticker_great.svg);
}
.ele_ring_org {
  background-image: url(../images/elementary/icon/img_oring_orange.svg);
}
.ele_ring_gray {
  background-image: url(../images/elementary/icon/img_ring_gray.svg);
}
.ele_quiz_ico {
  background-image: url(../images/elementary/icon/ic_quiz_80px.svg);
}
.ele_score_ico {
  background-image: url(../images/elementary/icon/ic_score_80px.svg);
}
.ele_studytime_ico {
  background-image: url(../images/elementary/icon/ic_studytime_80px.svg);
}
.ele_slide_next {
  background-image: url(../images/elementary/icon/btn_next_100px.svg);
}
.ele_empty_todo {
  background-image: url(../images/elementary/icon/todo_ic_green.svg);
}
.ele_empty_class {
  background-image: url(../images/elementary/icon/class_ic_green.svg);
}
.ele_empty_board {
  background-image: url(../images/elementary/icon/board_ic_blue.svg);
}
.ele_flower_green {
  background-image: url(../images/elementary/icon/img_flower_green_32px.svg);
}
.ele_roulette {
  background-image: url(../images/elementary/icon/ic_roulette_green_40px.svg);
}
.ele_pen_white {
  background-image: url(../images/elementary/icon/ic_pen_white_30px.svg);
}
.ele_great {
  background-image: url(../images/elementary/icon/ic_great_30px.svg);
}
.ele_calander {
  background-image: url(../images/elementary/icon/ic_calander_30px.svg);
}
.ele_cake_ico {
  background-image: url(../images/elementary/icon/ic_cake_30px.svg);
}
.ele_class_blue {
  background-image: url(../images/elementary/icon/class_ic_blue.svg);
}
.ele_school {
  background-image: url(../images/elementary/icon/ic_school_30px.svg);
}
.ele_students {
  background-image: url(../images/elementary/icon/ic_students_30px.svg);
}
.ele_clean {
  background-image: url(../images/elementary/icon/ic_clean_30px.svg);
}
.ele_ring_green {
  background-image: url(../images/elementary/icon/img_ring_green.svg);
}
.ele_time_orange {
  background-image: url(../images/elementary/icon/ic_time_orange_24px.svg);
}
.ele_subject_korean_white {
  background-image: url(../images/elementary/icon/ic_korean_white_20px.svg);
}
.ele_subject_english_white {
  background-image: url(../images/elementary/icon/ic_english_white_20px.svg);
}
.ele_subject_math_white {
  background-image: url(../images/elementary/icon/ic_math_white_20px.svg);
}
.ele_subject_world_white {
  background-image: url(../images/elementary/icon/ic_world_white_20px.svg);
}
.ele_subject_science_white {
  background-image: url(../images/elementary/icon/ic_science_white_20px.svg);
}
.ele_subject_pen_white {
  background-image: url(../images/elementary/icon/ic_pen_white_20px.svg);
}
.ele_show_gray {
  background-image: url(../images/elementary/icon/ic_show_gray_34px.svg);
}
.ele_done_blue {
  background-image: url(../images/elementary/icon/ic_done_blue_40px.svg);
}
.ele_notest_org {
  background-image: url(../images/elementary/icon/ic_notest_orange_40px.svg);
}
.ele_play_green {
  background-image: url(../images/elementary/icon/ic_play_green.svg);
}
.ele_badge_verygood {
  background-image: url(../images/elementary/icon/ele_badge_verygood.svg);
}
.ele_badge_great {
  background-image: url(../images/elementary/icon/ele_badge_great.svg);
}
.ele_badge_normal {
  background-image: url(../images/elementary/icon/ele_badge_normal.svg);
}
.ele_badge_poor {
  background-image: url(../images/elementary/icon/ele_badge_poor.svg);
}
.ele_badge_verypoor {
  background-image: url(../images/elementary/icon/ele_badge_verypoor.svg);
}
.ele_ic_quiz_org {
  background-image: url(../images/elementary/icon/ic_quiz_orange_80px.svg);
}
.ele_add_brown {
  background-image: url(../images/elementary/icon/ic_add_brown.svg);
}
.ele_ic_person_gray {
  background-image: url(../images/elementary/icon/ic_person_gray_20px.svg);
}
.ele_ic_class_gray {
  background-image: url(../images/elementary/icon/ic_class_gray_20px.svg);
}
.ele_ic_time_gray {
  background-image: url(../images/elementary/icon/ic_time_gray_20px.svg);
}
.ele_ic_member_total {
  background-image: url(../images/elementary/icon/ic_member_total.svg);
}
.ele_ic_member_check {
  background-image: url(../images/elementary/icon/ic_member_check.svg);
}
.ele_ic_member_not {
  background-image: url(../images/elementary/icon/ic_member_not.svg);
}
.ele_ic_btn_more {
  background-image: url(../images/elementary/icon/btn_more.svg);
}
.ele_ic_btn_more_disabled {
  background-image: url(../images/elementary/icon/button_more_disabled.svg);
}
.ele_ic_document_gray {
  background-image: url(../images/elementary/icon/ico-document-gray.svg);
}
.ele_chat_ico {
  background-image: url(../images/elementary/icon/ic_chat_green_18px.svg);
}
.ele_lock_ico {
  background-image: url(../images/elementary/icon/ic_lock_green_18px.svg);
}
.ele_notice_ico {
  background-image: url(../images/elementary/icon/ic_notice_green_18px.svg);
}
.ele_info_ico {
  background-image: url(../images/elementary/icon/ic_info_green_18px.svg);
}
.ele_noti_check_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_check_col.svg);
}
.ele_noti_myclass_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_myclass_col.svg);
}
.ele_noti_person_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_person_col.svg);
}
.ele_noti_pen_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_pen_col.svg);
}
.ele_noti_paper_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_paper_col.svg);
}
.ele_noti_school_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_school_col.svg);
}
.ele_noti_notify_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_notify_col.svg);
}
.ele_noti_check_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_check_gray.svg);
}
.ele_noti_myclass_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_myclass_gray.svg);
}
.ele_noti_person_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_person_gray.svg);
}
.ele_noti_pen_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_pen_gray.svg);
}
.ele_noti_paper_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_paper_gray.svg);
}
.ele_noti_school_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_school_gray.svg);
}
.ele_noti_notify_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_notify_gray.svg);
}
.ele_empty_board_green {
  background-image: url(../images/elementary/icon/board_ic_green.svg);
}
.ele_delete_ico {
  background-image: url(../images/elementary/icon/ic_delete_green_18px.svg);
}
.ele_ic_toast_ok {
  background-image: url(../images/elementary/icon/ic_toast_ok.svg);
}
.ele_ic_timetable_plus {
  background-image: url(../images/elementary/icon/ele_timetable_plus.svg);
}
.ele_ic_timetable_modify {
  background-image: url(../images/elementary/icon/ele_timetable_modify.svg);
}
.ele_ic_timetable_empty {
  background-image: url(../images/elementary/icon/timetable_ic_green.svg);
}
.ele_ic_checkbox {
  background-image: url(../images/elementary/icon/checkbox.svg);
}
.ele_ic_delete_green {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
}
.ele_ic_more_gray {
  background-image: url(../images/elementary/icon/ele_more_gray.svg);
}
.ele_ic_pin_green {
  background-image: url(../images/elementary/icon/ic_pin_green.svg);
}
.ele_intro_love {
  background-image: url(../images/elementary/intro/img_love.svg);
}
.ele_intro_sad {
  background-image: url(../images/elementary/intro/img_sad.svg);
}
.ele_intro_smile {
  background-image: url(../images/elementary/intro/img_smile.svg);
}
.ele_intro_fine {
  background-image: url(../images/elementary/intro/img_fine.svg);
}
.ele_intro_worry {
  background-image: url(../images/elementary/intro/img_worry.svg);
}
.ele_intro_school {
  background-image: url(../images/elementary/intro/img_school.svg);
}
.ele_intro_bookpen {
  background-image: url(../images/elementary/intro/img_bookpen.svg);
}
.ele_intro_contents {
  background-image: url(../images/elementary/intro/img_contents.svg);
}
.ele_intro_class {
  background-image: url(../images/elementary/intro/img_class.svg);
}
.ele_ic_student_gray {
  background-image: url(../images/elementary/icon/ic_student_gray_18px.svg);
}
.ele_ic_pencil_gray {
  background-image: url(../images/elementary/icon/ic_pencil_gray_18px.svg);
}
.ele_ic_school_gray {
  background-image: url(../images/elementary/icon/ic_school_gray_18px.svg);
}
.ele_ic_calendar_gray {
  background-image: url(../images/elementary/icon/ic_calendar_gray_18px.svg);
}
.ele_ic_edit_gray {
  background-image: url(../images/elementary/icon/ico_edit_gray.svg);
}
.ele_ic_toast_ex {
  background-image: url(../images/elementary/icon/ic_toast_ex.svg);
}
.ele_ic_profile_gray {
  background-image: url(../images/elementary/icon/ic_profile_gray.svg);
}
.ele_ic_profile_green {
  background-image: url(../images/elementary/icon/ic_profile_green.svg);
}
.ele_ic_add_gray {
  background-image: url(../images/elementary/icon/ic_add.svg);
}
.ele_ic_minus_gray {
  background-image: url(../images/elementary/icon/ic_minus.svg);
}
.ele_ic_check_green {
  background-image: url(../images/elementary/icon/ic_check_24.svg);
}
.ele_ic_tooltip_orange {
  background-image: url(../images/elementary/icon/icon_tooltip_orange.svg);
}
.ele_ic_repeat_yellow {
  background-image: url(../images/elementary/icon/ic_repeat_yellow_20px.svg);
}
.ele_ic_repeat_green {
  background-image: url(../images/elementary/icon/ic_repeat_green_20px.svg);
}
.ele_ic_repeat_blue {
  background-image: url(../images/elementary/icon/ic_repeat_blue_20px.svg);
}
.ele_ic_repeat_gray {
  background-image: url(../images/elementary/icon/ic_repeat_gray_20px.svg);
}
.ele_ic_clock_gray {
  background-image: url(../images/elementary/icon/ic_clock_gray_20px.svg);
}
.ele_ic_video_purple {
  background-image: url(../images/elementary/icon/ic_video_purple_40px.svg);
}
.ele_ic_video_green {
  background-image: url(../images/elementary/icon/video_ic_green.svg);
}
.ele_ic_add_yellow {
  background-image: url(../images/elementary/icon/ic_add_yellow.svg);
}
.ele_ic_minus_black {
  background-image: url(../images/elementary/icon/ic_minus_black.svg);
}
.ele_ic_workbook_self {
  background-image: url(../images/elementary/icon/ic_workbook_self.svg);
}
.ele_ic_workbook_choice {
  background-image: url(../images/elementary/icon/ic_workbook_choice.svg);
}
.ele_ic_workbook_random {
  background-image: url(../images/elementary/icon/ic_workbook_random.svg);
}
.ele_ic_workbook_ai {
  background-image: url(../images/elementary/icon/ic_workbook_ai.svg);
}
.ele_ic_more_arrow {
  background-image: url(../images/elementary/icon/icon_more.svg);
}
.ele_ic_next_disabled {
  background-image: url(../images/elementary/icon/ic_next_disabled_20px.svg);
}
.ele_ic_preview_correct {
  background-image: url(../images/elementary/img/ele_preview_correct.svg);
}
.ele_ic_preview_incorrect {
  background-image: url(../images/elementary/img/ele_preview_incorrect.svg);
}
.ele_ic_empty_study_green {
  background-image: url(../images/elementary/icon/study_ic_green.svg);
}
.ele_ic_time_bg {
  background-image: url(../images/elementary/icon/ic_time_bg.svg);
}
.ele_ic_tool_bell {
  background-image: url(../images/elementary/icon/ic_tool_bell.svg);
}
.ele_ic_tool_chair {
  background-image: url(../images/elementary/icon/ic_tool_chair.svg);
}
.ele_ic_tool_ledder {
  background-image: url(../images/elementary/icon/ic_tool_ledder.svg);
}
.ele_ic_tool_roulette {
  background-image: url(../images/elementary/icon/ic_tool_roulette.svg);
}
.ele_ic_tool_random {
  background-image: url(../images/elementary/icon/ic_tool_random.svg);
}
.ele_ic_tool_choose {
  background-image: url(../images/elementary/icon/ic_tool_choose.svg);
}
.ele_ic_tool_stopwatch {
  background-image: url(../images/elementary/icon/ic_tool_stopwatch.svg);
}
.ele_ic_tool_alarm {
  background-image: url(../images/elementary/icon/ic_tool_alarm.svg);
}
.ele_ic_tool_timer {
  background-image: url(../images/elementary/icon/ic_tool_timer.svg);
}
.ele_ic_tool_sticker {
  background-image: url(../images/elementary/icon/ic_tool_sticker.svg);
}
.ele_ic_minus_btn_default {
  background-image: url(../images/elementary/icon/ic_minus_btn_default.svg);
}
.ele_ic_minus_btn_disabled {
  background-image: url(../images/elementary/icon/ic_minus_btn_disabled.svg);
}
.ele_ic_plus_btn_default {
  background-image: url(../images/elementary/icon/ic_plus_btn_default.svg);
}
.ele_ic_plus_btn_disabled {
  background-image: url(../images/elementary/icon/ic_plus_btn_disabled.svg);
}
.ele_ic_next_btn_default {
  background-image: url(../images/elementary/icon/ic_next_btn_default.svg);
}
.ele_ic_next_btn_disabled {
  background-image: url(../images/elementary/icon/ic_next_btn_disabled.svg);
}
.ele_ic_prev_btn_default {
  background-image: url(../images/elementary/icon/ic_prev_btn_default.svg);
}
.ele_ic_prev_btn_disabled {
  background-image: url(../images/elementary/icon/ic_prev_btn_disabled.svg);
}
.ele_ic_count_up_default {
  background-image: url(../images/elementary/icon/ic_count_up_default.svg);
}
.ele_ic_count_up_disabled {
  background-image: url(../images/elementary/icon/ic_count_up_disabled.svg);
}
.ele_ic_count_down_default {
  background-image: url(../images/elementary/icon/ic_count_down_default.svg);
}
.ele_ic_count_down_disabled {
  background-image: url(../images/elementary/icon/ic_count_down_disabled.svg);
}
.ele_time_yellow {
  background-image: url(../images/elementary/icon/ic_time_yellow_24px.svg);
}
.ele_ic_btn_reset {
  background-image: url(../images/elementary/icon/btn_reset.svg);
}
.ele_ic_btn_random {
  background-image: url(../images/elementary/icon/btn_random.svg);
}
.ele_ic_drawing_empty {
  background-image: url(../images/elementary/icon/ic_drawing_empty.svg);
}
.ele_ic_drawing_share {
  background-image: url(../images/elementary/icon/ic_drawing_share.svg);
}
.ele_ic_student_empty {
  background-image: url(../images/elementary/icon/ic_student_empty.svg);
}
.ele_ic_book {
  background-image: url(../images/elementary/icon/ic_book_24px.svg);
}
.ele_ic_workbook {
  background-image: url(../images/elementary/icon/ic_workbook_24px_elem.svg);
}
.ele_ic_down_brown {
  background-image: url(../images/elementary/icon/ic_down_brown_20px.svg);
}
.ele_ic_plus_btn_default_28 {
  background-image: url(../images/elementary/icon/ic_plus_btn_default_28.svg);
}
.ele_ic_plus_btn_disabled_28 {
  background-image: url(../images/elementary/icon/ic_plus_btn_disabled_28.svg);
}
.ele_ic_minus_btn_default_28 {
  background-image: url(../images/elementary/icon/ic_minus_btn_default_28.svg);
}
.ele_ic_minus_btn_disabled_28 {
  background-image: url(../images/elementary/icon/ic_minus_btn_disabled_28.svg);
}
.ele_ic_next_green {
  background-image: url(../images/elementary/icon/ic_next_green.svg);
}
.ele_ic_next_brown_18 {
  background-image: url(../images/elementary/icon/ic_next_brown_18px.svg);
}
.ele_ui .ele_ic_person_lightgray {
  background-image: url(../images/elementary/icon/ic_person_lightgray_18px.svg);
}
.ele_ui .ele_ic_pencil_lightgray {
  background-image: url(../images/elementary/icon/ic_pencil_lightgray_18px.svg);
}
.ele_ui .ele_ic_calendar_lightgray {
  background-image: url(../images/elementary/icon/ic_calendar_lightgray_18px.svg);
}
.ele_ui .ele_ic_student_lightgray {
  background-image: url(../images/elementary/icon/ic_student_lightgray_18px.svg);
}
.ele_ui .ele_ic_school_lightgray {
  background-image: url(../images/elementary/icon/ic_school_lightgray_18px.svg);
}
.ele_ui .ele_ic_subject_col {
  background-image: url(../images/elementary/icon/ic_subject_18px.svg);
}
.ele_ui .ele_ic_attendance_col {
  background-image: url(../images/elementary/icon/ic_attendance_18px.svg);
}
.ele_ui .ele_ic_homework_col {
  background-image: url(../images/elementary/icon/ic_homework_18px.svg);
}
.ele_ui .ele_ic_rate_col {
  background-image: url(../images/elementary/icon/ic_rate_18px.svg);
}
.ele_ui .ele_ic_graph_col {
  background-image: url(../images/elementary/icon/ic_graph_18px.svg);
}
.ele_ui .ele_class_img {
  background-image: url(../images/elementary/icon/img_class_elem_92px.svg);
}
.ele_ic_weatherview_white {
  background-image: url(../images/elementary/icon/ic_weatherview_white_28px.svg);
}
.ele_ic_tableview_white {
  background-image: url(../images/elementary/icon/ic_tableview_white_28px.svg);
}
.ele_ic_weatherview_green {
  background-image: url(../images/elementary/icon/ic_weatherview_green_28px.svg);
}
.ele_ic_tableview_green {
  background-image: url(../images/elementary/icon/ic_tableview_green_28px.svg);
}
.ele_time_yellow_28 {
  background-image: url(../images/elementary/icon/ic_time_yellow_28px.svg);
}
.ele_time_orange_28 {
  background-image: url(../images/elementary/icon/ic_time_orange_28px.svg);
}
.ele_time_violet_28 {
  background-image: url(../images/elementary/icon/ic_time_violet_28px.svg);
}
.ele_ic_pencil_orange {
  background-image: url(../images/elementary/icon/ic_pencil_orange_16px.svg);
}
.ele_ic_next_green_28 {
  background-image: url(../images/elementary/icon/ic_next_green_28px.svg);
}
.ele_ic_next_orange_28 {
  background-image: url(../images/elementary/icon/ic_next_orange_28px.svg);
}
.ele_ic_next_yellow_28 {
  background-image: url(../images/elementary/icon/ic_next_yellow_28px.svg);
}
.ele_ic_next_blue_28 {
  background-image: url(../images/elementary/icon/ic_next_blue_28px.svg);
}
.ic-solved-color {
  background-image: url(../images/elementary/icon/ele_solved_col.svg);
}
.ic-rate-color {
  background-image: url(../images/elementary/icon/ele_rate_col.svg);
}
.ele_ic_next_black_18 {
  background-image: url(../images/elementary/icon/ic_next_black_18px.svg);
}
/* 250929 추가 */
.ico-text-copy-green {
  background-image: url(../images/elementary/icon/ico-text-copy-green.svg);
}

/* 초등 UI 스타일 : [240322] .ele_ui 클래스 추가로 전체적으로 css 수정 */
/* font */
.f-yellow {
  color: #ffe03e;
}
.f-ele-sub_orange {
  color: #ff932f;
} /* 250423 추가 */

/* header */
.wrap.is--dark:not(.is--intro) {
  background-color: #f2f7f0;
}
.wrap.is--dark.is--dark:not(.is--intro)::after {
  background: none;
}
.is--dark header {
  background: var(
    --Elem-Gradient-green,
    linear-gradient(86deg, #3db960 4.7%, #70c51c 97.86%)
  );
}
.is--dark
  header
  .header--menu__box
  ul
  li
  .header--menu__depth2
  .header--menu__depth2-box {
  background-color: #214125;
}
.is--dark header .header--menu__box ul li .header--menu__depth2 a:hover {
  color: #214125;
}
.is--dark header .header--menu__box ul li .header--menu__item {
  color: #fff;
}
.is--dark header .header--menu__box ul li .header--menu__item:hover,
.is--dark header .header--menu__box ul li .header--menu__item.click {
  color: #ffe03e;
}
.is--dark header .header--utill .header--utill__noti > button {
  background-image: url(../images/elementary/icon/ic_noti_shadow_elem.svg);
}

.header--menu__box a {
  color: #666;
}
header .header--menu__box ul li .header--menu__item {
  color: #000;
}
header .header--menu__box ul li .header--menu__item.active,
header .header--menu__box ul li .header--menu__item:hover {
  color: #52b210;
}
header .header--menu__box ul li .header--menu__depth2 a:hover {
  background-color: #e2f3df;
  color: #000;
}
header .header--utill .header--utill__noti > button {
  background-image: url(../images/elementary/icon/ic_noti_elem.svg);
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box
  .tab--button.active {
  color: #52b210;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li::after {
  background-color: #e2f3df;
}
header .header--utill .header--utill__noti.new > a::after,
header .header--utill .header--utill__noti.new > button::after {
  border: none;
  background-color: #ff6b62;
  width: 12px;
  height: 12px;
  top: 2px;
  right: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
header .header--utill .header--utill__noti .header__noti .noti-more {
  border: none;
  background: #ffe03e;
  color: #684c15;
  font-size: 18px;
  font-weight: 700;
}
/* 240405 수정 */
/* header .line.button-tag:hover:not(.dim):not(:disabled), 
header .line.button-state:hover:not(.dim):not(:disabled), 
header .line.button-main:hover:not(.dim):not(:disabled), 
header .line.hover.button-tag, .line.hover.button-state, header .line.hover.button-main {background-color: #FFC93E;}
.ele_ui .line.button-tag:hover:not(.dim):not(:disabled), 
.ele_ui .line.button-state:hover:not(.dim):not(:disabled), 
.ele_ui .line.button-main:hover:not(.dim):not(:disabled), 
.ele_ui .line.hover.button-tag, .line.hover.button-state, .ele_ui .line.hover.button-main {background-color: #FFC93E;} */
header .tab-text .tab--button.active {
  border-bottom-color: #52b210;
}
.ele_ui .tab-text .tab--button.active {
  border-bottom-color: #52b210;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile {
  background-color: #fff;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image,
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image
  .image {
  width: 100px;
  height: 100px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-image::after,
.intro-today__info .today-info__profile__box .profile-box__image::after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  right: 0;
  width: 32px;
  height: 32px;
  background: url(../images/elementary/icon/img_flower_orange_32px.svg)
    no-repeat;
  top: 0;
  z-index: 5;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-edit {
  display: none;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox {
  background: #f8faf7;
}
header .header--utill .header--utill__user .header--utill__profile a {
  gap: 4px;
}
/* #header */
.chatbot--button {
  background: linear-gradient(328deg, #ff9d29 16.78%, #ffcd1b 84.66%);
}
.chatbot--button .icon {
  background-image: url(../images/ico/ic_chatbot_white_86px.svg);
} /* 241112 챗봇 버튼 아이콘 변경 */
.chatbot--menubox {
  padding-right: 9px;
}
.chatbot--menu .icon {
  width: 68px;
  height: 68px;
}
.chatbot--menu.is--bot .icon {
  background-image: url(../images/elementary/icon/ic_chatbot_green_40px.svg);
}
.chatbot--menu.is--tool .icon {
  background-image: url(../images/elementary/icon/ic_roulette_green_40px.svg);
}
.chatbot--menu.is--talk .icon {
  background-image: url(../images/elementary/icon/ic_grouptalk_green_40px.svg);
}
.chatbot--menu.is--sticker .icon {
  background-image: url(../images/elementary/icon/ic_praise_green_40px.svg);
}
/* 251022 추가 */
.chatbot--menu.is--miri .icon {
  background-image: url(../images/ico/chatbot-miri-green.svg);
}

header .dropdown--box > .dropdown--item:not(label),
header .dropdown--box > .dropdown--item span strong,
header .dropdown--box.bg--item .input-check:not(label),
header .dropdown--box.bg--item .input-check span strong {
  color: #494949;
}
header .dropdown--box > .dropdown--item:hover,
header .dropdown--box > .dropdown--item.active {
  background: #f2f7f0;
  color: #000;
}
.ele_ui .dropdown--box > .dropdown--item:not(label),
.ele_ui .dropdown--box > .dropdown--item span strong,
.ele_ui .dropdown--box.bg--item .input-check:not(label),
.ele_ui .dropdown--box.bg--item .input-check span strong {
  color: #494949;
}
.ele_ui .dropdown--box > .dropdown--item:hover,
.ele_ui .dropdown--box > .dropdown--item.active {
  background: #f2f7f0;
  color: #000;
}
.contents--title .dropdown--box > .dropdown--item:hover,
.contents--title .dropdown--box > .dropdown--item.active {
  background: #f2f7f0;
  color: #000;
}

.ele_ui .tab-box {
  gap: 0;
  height: 63px;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.ele_ui .intro_notice_area .tab--button {
  margin-top: 0;
  border-radius: 0;
  background: #bde5ee;
  font-size: 20px;
}
.ele_ui .intro_notice_area .tab--wrapper .tab-box .tab--button.active {
  background: #fff;
}

/* 학생 intro */
.ele_ui.is--intro .contents-area {
  padding: 0;
  max-width: none;
}
.ele_ui .intro_area:not(.intro_today_area) {
  position: relative;
  overflow: hidden;
}
.ele_ui .intro_area > div {
  max-width: 1128px;
  margin: auto;
  position: relative; /* 240531 z-index 이슈 발생으로 삭제 z-index: 10; */
}
.ele_ui .intro_today_area {
  background: #d3f0a3;
  position: relative;
  overflow: hidden;
}
.ele_ui .intro_today_area::before {
  display: block;
  content: "";
  clear: both;
  width: 1500px;
  height: 800px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -64px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/elementary/intro/intro_1.png);
}
.ele_ui .intro-today__ai .today-ai--image {
  height: auto;
  z-index: 1;
}
.ele_ui .intro-today__ai .today-ai--image__motion {
  width: 380px;
  height: 390px;
  left: 250px;
  transform: translateX(0);
}
.ele_ui .intro-notice--title,
.ele_ui .intro-recommend--title,
.ele_ui .intro-mystat--title,
.ele_ui .intro-lesson--title {
  margin-top: 0;
}
.ele_ui .intro-today {
  padding-bottom: 80px;
}
.ele_ui .intro-today .intro-today__ai.box-bg__white {
  background: none;
  display: block;
  position: relative;
  padding-top: 0;
}
.ele_ui .intro-today__ai .today-ai--text {
  text-align: left;
  margin-top: 35px;
  padding: 0;
}
.ele_ui .intro-today__ai .today-ai--text__text {
  font-weight: 700;
}
.ele_ui .intro-today__ai .today-ai--text__text span {
  color: #52b210;
}
.ele_ui .intro-today__ai .today-ai--text__text span:before {
  display: none;
}
.ele_ui .intro-today__ai .today-ai--text__title {
  color: #214125;
  font-size: 46px;
  line-height: normal;
  font-weight: 800;
}
.ele_ui .intro-today__info {
  filter: drop-shadow(0px 4px 36px rgba(3, 3, 2, 0.16));
}
.ele_ui .intro-today__info .today-info__profile__box .profile-box__image {
  width: 100px;
  height: 100px;
  position: relative;
}
.ele_ui .intro-today__info .today-info__profile__like .profile-like__icon {
  background-image: url(../images/elementary/icon/ic_sticker_great.svg);
}
.ele_ui .intro-today__info .today-info__profile__like .profile-like__number {
  background: #e2f3df;
  color: #52b210;
}
.ele_ui .intro-today__info .today-info__profile {
  background: #fff;
}
.ele_ui .intro-today__info .today-info__worklist .tab-box .tab--button {
  border-bottom: 2px solid #d9d9d9;
}
.ele_ui .intro-today__info .today-info__worklist .tab-box .tab--button.active {
  color: #52b210;
  border-bottom: 4px solid #52b210;
}
.ele_ui .intro-today__info .today-info__worklist .info-worklist--button a,
.ele_ui .intro-today__info .today-info__worklist .info-worklist--button button {
  background: #ffe03e;
  border: none;
  font-size: 18px;
  color: #684c15;
  font-weight: 700;
  height: 52px;
  line-height: 52px;
}
.ele_ui .intro-today__info .today-info__worklist .info-worklist--button a:hover,
.ele_ui
  .intro-today__info
  .today-info__worklist
  .info-worklist--button
  button:hover {
  background: #ffc93e;
}
.ele_ui .today_ai_image {
  position: absolute;
  width: 622px;
  bottom: -80px;
  height: 390px;
}
.ele_ui .today_ai_image::after {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 235px;
  background-image: url(../images/elementary/intro/intro_grass.png);
  background-size: cover;
}
.ele_ui .tutor_text,
.ele_tutor_ai {
  position: absolute;
  z-index: 5;
}
.ele_ui .tutor_text {
  background: #fff;
  padding: 20px 32px;
  border-radius: 20px;
  top: 82px;
  text-align: center;
  right: 320px;
  box-shadow: 28px 44px 37px 0px rgba(75, 125, 6, 0.1);
}
.ele_ui .tutor_text::before {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/elementary/icon/img_talk_20px.svg) no-repeat;
  bottom: 0;
  right: -6px;
}
.ele_ui .tutor_text p {
  line-height: 34px;
  font-weight: 700;
  color: #52b210;
  font-size: 24px;
}
.ele_ui .ele_tutor_ai {
  top: 0;
  right: 0;
}
.ele_ui .intro_lesson_area {
  background: #f5ffe0;
  padding: 80px 0;
}
.ele_ui .intro-lesson--title::before {
  background-image: url(../images/elementary/icon/ic_class_32px.svg);
}
.ele_ui .today-lesson:nth-child(3n-2) .today-lesson--info {
  background: #58afff;
}
.ele_ui .today-lesson:nth-child(3n-1) .today-lesson--info {
  background: #6cbc35;
}
.ele_ui .today-lesson:nth-child(3n-0) .today-lesson--info {
  background: #ff932f;
}
.ele_ui
  .today-lesson:nth-child(3n-2)
  .today-lesson--info
  .today-lesson--info__button {
  color: #58afff;
}
.ele_ui
  .today-lesson:nth-child(3n-1)
  .today-lesson--info
  .today-lesson--info__button {
  color: #6cbc35;
}
.ele_ui
  .today-lesson:nth-child(3n-0)
  .today-lesson--info
  .today-lesson--info__button {
  color: #ff932f;
}
.ele_ui
  .today-lesson:nth-child(3n-2)
  .today-lesson--info
  .today-lesson--info__button.is--dim,
.ele_ui
  .today-lesson:nth-child(3n-2)
  .today-lesson--info
  .today-lesson--info__button:disabled {
  color: rgba(255, 255, 255, 0.7);
}
.ele_ui
  .today-lesson:nth-child(3n-1)
  .today-lesson--info
  .today-lesson--info__button.is--dim,
.ele_ui
  .today-lesson:nth-child(3n-1)
  .today-lesson--info
  .today-lesson--info__button:disabled {
  color: rgba(255, 255, 255, 0.7);
}
.ele_ui
  .today-lesson:nth-child(3n-0)
  .today-lesson--info
  .today-lesson--info__button.is--dim,
.ele_ui
  .today-lesson:nth-child(3n-0)
  .today-lesson--info
  .today-lesson--info__button:disabled {
  color: rgba(255, 255, 255, 0.7);
}
.ele_ui .intro-lesson--box .swiper-button-prev,
.ele_ui .intro-lesson--box .swiper-button-next {
  background: #ffe03e;
  width: 64px;
  height: 64px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
}
.ele_ui .intro-lesson--box .swiper-button-prev {
  left: -104px;
}
.ele_ui .intro-lesson--box .swiper-button-next {
  right: -104px;
}
.ele_ui .intro_mystat_area {
  background: #fffcd8;
  padding: 80px 0;
}
.ele_ui .intro_mystat_area::before {
  display: block;
  content: "";
  clear: both;
  width: 1640px;
  height: 830px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/elementary/intro/intro_2.png);
}
.ele_ui .intro_mystat_area .intro-mystat > .box-grid {
  border-radius: 20px 20px 0 0;
  box-shadow: 0px 4px 36px rgba(137, 121, 37, 0.13);
}
.ele_ui .intro-mystat--title::before {
  background-image: url(../images/elementary/icon/ic_chart_32px.svg);
}
.ele_ui .intro-mystat .intro-mystat--analysis {
  position: relative;
}
.ele_ui .intro-mystat .intro-mystat--analysis::before {
  position: absolute;
  display: block;
  content: "";
  clear: both;
  width: 44px;
  height: 44px;
  top: -12px;
  left: -12px;
  background: url(../images/elementary/icon/img_oring_orange.svg);
}
.ele_ui .intro-mystat .analysis--box .analysis--legend {
  font-size: 16px;
}
.ele_ui .intro-mystat .monthly--box > div {
  position: relative;
}
.ele_ui .intro-mystat .monthly--box > div::before {
  position: absolute;
  display: block;
  content: "";
  clear: both;
  width: 48px;
  height: 48px;
  top: -19px;
  left: 8px;
  background: url(../images/elementary/icon/img_ring_gray.svg);
}
.ele_ui .intro-mystat .monthly--box > div::after {
  position: absolute;
  display: block;
  content: "";
  clear: both;
  width: 48px;
  height: 48px;
  top: -19px;
  right: 8px;
  background: url(../images/elementary/icon/img_ring_gray.svg);
}
.ele_ui .intro-mystat .monthly--box-item {
  padding: 28px 0 24px;
}
.ele_ui .intro-mystat .monthly--box-item.is--solved {
  background: #58afff;
}
.ele_ui .intro-mystat .monthly--box-item.is--rate {
  background: #6cbc35;
}
.ele_ui .intro-mystat .monthly--box-item.is--viewing {
  background: #ff932f;
}
.ele_ui .intro-mystat .monthly--box-item .icon {
  width: 80px;
  height: 80px;
}
.ele_ui .intro-mystat .monthly--box-item.is--solved .icon {
  background-image: url(../images/elementary/icon/ic_quiz_80px.svg);
}
.ele_ui .intro-mystat .monthly--box-item.is--rate .icon {
  background-image: url(../images/elementary/icon/ic_score_80px.svg);
}
.ele_ui .intro-mystat .monthly--box-item.is--viewing .icon {
  background-image: url(../images/elementary/icon/ic_studytime_80px.svg);
}
.ele_ui .intro_mystat_area .intro-mystat .monthly--box-item .tag {
  color: rgba(255, 255, 255, 0.8);
  background: none;
  border: none;
  font-size: 14px;
  padding: 0;
}
.ele_ui .intro-mystat .monthly--box-item .number {
  color: #fff;
}
.ele_ui .intro-noti.noti-student {
  margin-top: 0;
  background: #ffe03e;
  border: none;
  border-radius: 0px 0px 20px 20px;
  box-shadow: 4px 7px 20px rgba(137, 121, 37, 0.13);
}
.ele_ui .intro-noti.noti-student .intro-noti--text,
.intro-noti.noti-student .intro-noti--link {
  color: #684c15;
}
.ele_ui .intro-noti.noti-student .intro-noti--link {
  color: #684c15;
  font-weight: 800;
}
.ele_ui .intro_recommend_area {
  background: #fff;
  padding: 80px 0;
}
.ele_ui .intro-recommend--title::before {
  background-image: url(../images/elementary/icon/ic_video_32px.svg);
}
.ele_ui .intro_recommend_area .tooltip--box-text {
  background: #e2f3df;
  border: none;
  color: #214125;
}
.ele_ui .intro_recommend_area .tooltip--box-inner::after {
  border-color: #e2f3df transparent transparent transparent;
}
.ele_ui .intro_recommend_area .tooltip--box-inner::before {
  border: none;
}
.ele_ui .intro-recommend--slide {
  position: relative;
}
.ele_ui .intro-recommend--slide .swiper-button-prev,
.intro-recommend--slide .swiper-button-next {
  font-size: 0;
  position: absolute;
  top: 50px;
  background: #ffe03e;
  width: 64px;
  height: 64px;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.12);
  border-radius: 50%;
}
.ele_ui .intro-recommend--slide .swiper-button-prev {
  left: -104px;
}
.ele_ui .intro-recommend--slide .swiper-button-prev.swiper-button-disabled,
.ele_ui .intro-recommend--slide .swiper-button-next.swiper-button-disabled {
  display: none;
}
.ele_ui .intro-recommend--slide .swiper-button-prev p {
  transform: rotate(180deg);
}
.ele_ui .intro-recommend--slide .swiper-button-next {
  right: -104px;
}
.ele_ui .recommend--item .recommend--thum .button-tag {
  padding: 10px 14px;
  top: 0;
  left: 0;
  height: 38px;
  font-size: 16px;
  box-shadow: none;
  border-radius: 40px 56px 56px 0px;
}
.ele_ui .button-tag.green {
  background: #52b210;
  color: #fff;
}
.ele_ui .button-tag.light_green {
  background: #e2f3df;
  color: #52b210;
}
.ele_ui .button-tag.orange {
  background: #ff932f;
  color: #fff;
} /*240319 버튼태그 추가*/
.ele_ui .intro-recommend .swiper-pagination-bullet {
  background: #e2f3df;
  width: 16px;
  height: 16px;
}
.ele_ui .intro-recommend .swiper-pagination-bullet-active {
  background: #52b210;
  margin-top: 0;
}
.ele_ui .intro_notice_area {
  background: #e8f8fe;
  padding-top: 80px;
}
.ele_ui .intro_notice_area::before {
  display: block;
  content: "";
  clear: both;
  width: 1520px;
  height: 690px;
  left: 50%;
  transform: translateX(-50%);
  top: -40px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../images/elementary/intro/intro_3.png);
}
.ele_ui .intro_notice_area .intro-notice {
  margin-bottom: 120px;
}
.ele_ui .intro-notice--title::before {
  background-image: url(../images/elementary/icon/ic_pin_32px.svg);
}
.ele_ui .intro_notice_area .tab--button {
  background: #bde5ee;
}
.ele_ui .intro_notice_area .tab--wrapper {
  box-shadow: 0px 4px 36px 0px rgba(23, 95, 118, 0.06);
}

.ele_ui .intro-lesson .box--empty,
.ele_ui .intro-recommend .box--empty {
  box-shadow: 0px 4px 30px rgba(61, 116, 18, 0.1);
}
.ele_ui .box--empty-icon.is--lesson {
  background-image: url(../images/elementary/icon/todo_ic_green.svg);
}
.ele_ui .box--empty-icon.is--class {
  background-image: url(../images/elementary/icon/class_ic_green.svg);
}
.ele_ui .intro-notice .box--empty-icon.is--board {
  background-image: url(../images/elementary/icon/board_ic_blue.svg);
}
.ele_ui .empty_mystat .intro-mystat .intro-mystat--analysis::before {
  display: none;
}
.ele_ui .empty_mystat.intro_mystat_area .intro-mystat > .box-grid {
  border-radius: 20px;
}
.ele_ui
  .empty_mystat.intro_mystat_area
  .intro-mystat
  .monthly--box
  > div::before,
.ele_ui
  .empty_mystat.intro_mystat_area
  .intro-mystat
  .monthly--box
  > div::after {
  display: none;
}
.ele_ui .empty_mystat.intro_mystat_area .intro-mystat > .box-grid::after {
  display: none;
}
.ele_ui .intro-mystat .box--empty button,
.ele_ui .intro-lesson .box--empty button {
  height: 52px;
  background: #ffe03e;
  color: #684c15;
  font-weight: 700;
}
.ele_ui .intro-mystat .box--empty button:hover,
.ele_ui .intro-lesson .box--empty button:hover {
  background: #ffc93e;
}
.ele_ui .box-grid .empty--bg::after {
  display: block;
  clear: both;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
}

/* 240314 교사 intro */
.ele_ui .intro-noti {
  background: #549a22;
  border: none;
  border-radius: 20px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.32);
  padding-left: 24px !important;
}
.ele_ui .intro-noti__teacher:first-child {
  margin-top: 32px !important;
}
.ele_ui .intro-noti.gray {
  background: #82c255;
}
.ele_ui .intro-noti .intro-noti--text {
  color: #fff;
}
.ele_ui .intro-noti--link:after {
  background-image: url(../images/ico/next-white.svg);
  transform: rotate(180deg);
}
.ele_ui .intro-noti.teacher-noti .tooltip--box-text {
  background: #e2f3df;
  border: none;
}
.ele_ui .intro-noti.teacher-noti .tooltip--box-inner::before {
  border-width: 0;
}
.ele_ui .intro-noti.teacher-noti .tooltip--box-inner::after {
  border-color: #e2f3df transparent transparent transparent;
}
.ele_ui .intro-noti.teacher-noti:hover:not(.gray) {
  background: #235f2a;
}
.ele_ui .intro-today .intro-teacher {
  margin-bottom: 0;
}
.ele_ui .teacher.today_ai_image::after {
  bottom: 40px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .teacher.profile-image::after,
.ele_ui
  .intro-today__info
  .today-info__profile__box
  .teacher.profile-box__image::after {
  background-image: url(../images/elementary/icon/img_flower_green_32px.svg);
  top: initial;
  bottom: 0;
  left: 0;
}
.ele_ui .intro_today_area .intro-teacher {
  z-index: 5;
  position: relative;
}
.ele_ui
  .intro_today_area
  .intro-teacher
  .teacher-online
  .tooltip--box.arrow--center {
  top: initial;
  bottom: calc(100% + 16px);
  left: initial;
  transform: translateX(0);
  right: 0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 36px;
  margin-bottom: -36px;
}
.ele_ui
  .intro_today_area
  .intro-teacher
  .teacher-online
  .tooltip--box.arrow--center
  .tooltip--box-inner::before,
.ele_ui
  .intro_today_area
  .intro-teacher
  .teacher-online
  .tooltip--box.arrow--center
  .tooltip--box-inner::after {
  top: initial;
  bottom: -10px;
  transform: translate(-50%, 0) rotate(0);
}
.ele_ui
  .intro_today_area
  .intro-teacher
  .teacher-online
  .tooltip--box.arrow--center
  .tooltip--box-inner::before {
  border-color: transparent transparent transparent transparent;
}
.ele_ui
  .intro_today_area
  .intro-teacher
  .teacher-online
  .tooltip--box.arrow--center
  .tooltip--box-inner::after {
  border-color: #e2f3df transparent transparent transparent;
}
.ele_ui .intro-mystat .swiper-pagination-bullet {
  background: #ffd9b6;
  width: 16px;
  height: 16px;
}
.ele_ui .intro-mystat .swiper-pagination-bullet-active {
  background: #ff932f;
  margin-top: 0;
}
.ele_ui .today-lesson .today-lesson--data .tab--button.active {
  color: #6cbc35;
  border-bottom-color: #6cbc35;
}
/* 240318 튜터 이미지 애니메이션 변경 */
.ele_ui .ele_tutor_area {
  position: relative;
  animation: tutorMove 2s infinite linear;
}
.ele_ui .today_ai_image .tutor_text {
  transition: all 1s;
  animation: textMove 4s alternate infinite linear;
  transform-origin: bottom right;
}

@keyframes tutorMove {
  0%,
  100% {
    top: -10px;
  }
  50% {
    top: 10px;
  }
}
@keyframes textMove {
  0%,
  20% {
    transform: scale(0);
  }
  30%,
  100% {
    transform: scale(1);
  }
}

/* 240322 초등UI 1차 변경 (GNB, Title, BG컬러) */
.wrap {
  background-color: #f2f7f0;
}
.contents--title {
  background: linear-gradient(86deg, #3db960 4.7%, #70c51c 97.86%);
}
.button-sub {
  color: #52b210;
}
.contents--title .button-main.beta {
  color: #52b210;
  border-color: #52b210;
}
.contents--title .button-toggle button.active,
.contents--title .button-toggle a.active {
  color: #52b210;
}

/* 240604 Title 추가 */
.contents--title .contents--title__text .tab-textlist {
  gap: 28px;
}
.contents--title .contents--title__text .tab-textlist .tab--button {
  background-color: unset;
  opacity: 1;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  padding-right: 28px;
  font-size: 28px;
}
.contents--title .contents--title__text .tab-textlist .tab--button.active {
  color: #fff;
  font-weight: 800;
}
.contents--title .contents--title__text .tab-textlist .tab--button:hover {
  background-color: unset;
}
.contents--title
  .contents--title__text
  .tab-textlist
  .tab--button:not(:first-child)::before {
  left: -28px;
  background-color: rgba(255, 255, 255, 0.4);
}
.contents--title .contents--title__text .tab-textlist .tab--button.is_dim {
  color: rgba(255, 255, 255, 0.2);
}
.contents--title.no-bg .contents--title__text {
  font-weight: 800;
}

/* 240326 인트로 진단 응시 화살표 아이콘 수정 */
.ele_ui .noti-student .intro-noti--link:after {
  background: url(../images/elementary/icon/ic_next_brown_28px.svg);
  transform: rotate(0);
}

/* 240405 초등UI 인트로 스타일 추가 수정 */
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .gray_link:hover {
  color: #52b210;
  border-color: #52b210;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-inner::after {
  border-color: #fff transparent transparent transparent;
}
.ele_ui .intro-today__info .today-info__worklist .info-worklist--button a,
.ele_ui .intro-today__info .today-info__worklist .info-worklist--button button {
  border-radius: 8px;
}
.ele_ui .intro_notice_area .tab--button {
  color: #000;
  font-weight: normal;
}
.ele_ui .intro_notice_area .tab--button.active {
  color: #000;
  font-weight: 700;
}
.ele_ui .intro_notice_area .tab--button:hover {
  background-color: #bde5ee;
  color: #000;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box
  .tab--button {
  background-color: transparent;
}
.ele_ui .today-lesson .today-lesson--data .tab--button {
  background-color: transparent;
  color: #999999;
}
.ele_ui .today-lesson .today-lesson--data .tab--button.active {
  background-color: transparent;
  color: #52b210;
}
.ele_ui
  .today-lesson
  .today-lesson--info__title
  .tooltip--box-wrap
  .tooltip--box.arrow--center {
  left: 50%;
  width: 100%;
}

/* 초등UI 기본 컴포넌트 스타일 : 240405 추가 */
.wrap.ele_ui {
  background-color: #f5ffe0;
}
.ele_ui .contents-area {
  max-width: unset;
  padding: 0;
}
.ele_ui .ele_bg_area {
  position: relative;
  padding: 80px 0;
}
.ele_ui .ele_bg_area footer {
  margin: 80px auto -80px;
}
.ele_ui .ele_bg_area > * {
  max-width: 1128px;
  margin: 0 auto;
  position: relative; /* 240531 z-index 이슈로 삭제 z-index: 1; */
}

/* 240604 추가 */
@media (max-width: 1199px) {
  .ele_ui .ele_bg_area,
  .ele_ui .intro_area {
    padding-left: 80px;
    padding-right: 80px;
  }
  .ele_ui .intro_area footer .footer--wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .ele_ui .today_ai_image {
    left: -80px;
  }
}

.ele_ui .ele_bg_first {
  background-color: #d5f1a6;
  overflow: hidden;
}
.ele_ui .ele_bg_first::before {
  display: block;
  content: "";
  clear: both;
  width: 1500px;
  height: 800px;
  left: 50%;
  transform: translateX(-50%);
  top: -135px;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/elementary/intro/intro_1.png);
}
.ele_ui .ele_bg_first .box-bg__white:only-child:before {
  content: "";
  position: absolute;
  background-image: url(../images/elementary/icon/img_ring_green.svg);
  width: 44px;
  height: 44px;
  left: -12px;
  top: -11px;
  z-index: 2;
}
.ele_ui .ele_bg_first .ele_shadow {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .ele_bg_lightgreen {
  background-color: #f5ffe0;
}
.ele_ui .ele_bg_lightgreen .ele_shadow {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .f-ele_green {
  color: #52b210;
}

.ele_ui .input-box--textarea textarea:focus {
  border-color: #6cbc35;
}

.ele_ui .button-main {
  border-radius: 8px;
}
.ele_ui .button-main.yellow {
  background-color: #ffe03e;
  color: #684c15;
  font-weight: 700;
}
.ele_ui .button-main.yellow:hover:not(.dim):not(:disabled),
.ele_ui .button-main.yellow.hover {
  background-color: #facc1d;
}
.ele_ui .button-main.yellow:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
  opacity: 1;
}
.ele_ui .button-main.violet {
  background-color: #ffe03e;
  color: #684c15;
  font-weight: 700;
}
.ele_ui .button-main.violet:hover:not(.dim):not(:disabled),
.ele_ui .button-main.violet.hover {
  background-color: #facc1d;
}
.ele_ui .button-main.violet:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
  opacity: 1;
}
.ele_ui .button-main.gray {
  background-color: #f0f0f0;
  color: #333333;
  font-weight: 700;
}
.ele_ui .button-main.gray:hover:not(.dim):not(:disabled),
.ele_ui .button-main.gray.hover {
  background-color: #f8f8f8;
}
.ele_ui .button-main.gray:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
  opacity: 1;
}
.ele_ui .line.button-main {
  border: 1px solid #ccc;
  color: #333;
  font-weight: 700;
}
.ele_ui .line.button-main:hover:not(.dim):not(:disabled),
.ele_ui .line.button-main.hover {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #333;
}
.ele_ui .line.button-main:disabled {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #b3b3b3;
  opacity: 1;
}
.ele_ui .button-main.is--msmall {
  height: 32px;
  font-size: 14px;
}

header .header--utill .header--utill__noti .header__noti .noti-more {
  border-radius: 8px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-more:hover:not(.dim):not(:disabled) {
  background-color: #ffc93e;
  color: #684c15;
}

.ele_ui .tab--button {
  background-color: #d5f1a6;
  color: #235f2a;
  font-weight: 700;
  margin-top: 0;
  font-size: 20px;
}
.ele_ui .tab--button.active {
  background-color: #fff;
  color: #214125;
  font-weight: 800;
}
.ele_ui .tab--button:hover {
  background-color: #6cbc35;
  color: #fff;
}
.ele_ui .tab--button.active:hover {
  background-color: #fff;
  color: #214125;
  font-weight: 800;
}
.ele_ui .tab-text .tab--button {
  background-color: transparent;
  font-size: 20px;
  border-bottom-width: 3px;
}
.ele_ui .tab-text .tab--button.active {
  color: #52b210;
  font-size: 20px;
}
.ele_ui .tab-text .tab--button:hover {
  color: #52b210;
}
.ele_ui .tab-text .tab--button.active:hover {
  color: #52b210;
}
.ele_ui .tab-text.has--swiper .swiper-container .tab--button {
  color: #999999;
}
.ele_ui .tab-text.has--swiper .swiper-container .tab--button.active {
  color: #52b210;
}

.ele_ui .tab-tags .tag--button {
  background-color: #d5f1a6;
  color: #235f2a;
}
.ele_ui .tab-tags .tag--button .tab-tag--text {
  color: inherit;
}
.ele_ui .tab-tags .tag--button:hover {
  background-color: #82c255;
  color: #fff;
}
.ele_ui .tab-tags .tag--button.active {
  background-color: #52b210;
  color: #fff;
}
.ele_ui .tab-tags .tag--button.active .tab-tag--text {
  background-color: transparent;
}
.ele_ui .tab-tags .tag--button .ico-cancel-black {
  background-image: url(../images/ico/cancel-white.svg);
}
.ele_ui .tab-tags--box .tab-action {
  background-color: #ffe03e;
}

.ele_ui .tab-box.tab-tag .tab--button {
  font-size: 18px;
}

.ele_ui .tooltip--box {
  top: calc(100% + 16px);
}
.ele_ui .tooltip--box-text {
  background: #e2f3df;
  border: none;
  color: #214125;
}
.ele_ui .tooltip--box-inner::after {
  border-color: #e2f3df transparent transparent transparent;
  border-width: 12px 11px 0px 11px;
}
.ele_ui .tooltip--box-inner::before {
  border: none;
}

/* 학습진단 /학습진단-홈 (학생)*/
.contents--title .button-main.beta {
  font-weight: 700;
  height: 40px;
}
.contents--title .button-main.beta:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
  border-color: #f0f0f0;
}
.ele_ui .report-month > *:first-child {
  margin-top: 0;
}
.ele_ui .test-home__ing .title {
  margin-bottom: 0;
}
.ele_ui .test-home__ing .title span {
  font-weight: 800;
}
.ele_ui .test-dday--box {
  border-radius: 20px;
  padding: 24px;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) {
  background-color: #ffeddd;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) {
  background-color: #deefff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) {
  background-color: #f0e9ff;
}
.ele_ui .test-dday__tagbox {
  justify-content: flex-start;
  gap: 12px;
}
.ele_ui .test-dday--box.swiper-slide .test-dday__tag {
  display: flex;
  gap: 6px;
  min-width: 65px;
  padding: 8px 16px;
  height: 36px;
  justify-content: center;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__tag {
  background-color: #ff932f;
  color: #fff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__tag {
  background-color: #58afff;
  color: #fff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__tag {
  background-color: #a67dff;
  color: #fff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__day {
  color: #f27400;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__day {
  color: #258be9;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__day {
  color: #8252e9;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__percent {
  color: #f27400;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__percent {
  color: #258be9;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__percent {
  color: #8252e9;
}
.ele_ui .test-dday--box.swiper-slide .test-dday__number {
  font-weight: 700;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__number {
  color: #ff932f;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__number {
  color: #58afff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__number {
  color: #a67dff;
}
.ele_ui .test-dday__date {
  margin-top: 12px;
}
.ele_ui .test-home__ing .swiper-container .swiper-pagination {
  gap: 16px;
}
.ele_ui .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #e2f3df;
}
.ele_ui .swiper-pagination-bullet-active {
  background-color: #52b210;
  margin-top: 0;
}
.ele_ui .test-home__title .desc {
  font-size: 18px;
  font-weight: 400;
  color: #808080;
}
.ele_ui .test-home__title .desc .tip {
  color: #6cbc35;
  font-weight: 800;
  margin-right: 6px;
}
.ele_ui .test-home__status-subject .tab--wrapper {
  padding: 30px 0;
}
.ele_ui .test-home__status-subject .tab--wrapper .box-bg__gray {
  background-color: #f8faf7;
}
.ele_ui .test-home__status-subject .tab--wrapper .tab-box.tab-text {
  height: unset;
}
.ele_ui
  .test-home__status-subject
  .tab--wrapper
  .tab-box.tab-text
  .tab--button {
  padding-bottom: 14px;
  padding-top: 0;
}
.ele_ui .test-home__status .tab-box {
  gap: 10px;
}
.ele_ui .test-home__status-table table td.total {
  color: #428e0d;
}
.ele_ui .table--list table thead tr th {
  background-color: #f8f8f8;
  font-weight: bold;
  color: #333;
}
.ele_ui .test-home__status-table table tr.total-row {
  background-color: #f8faf7;
}
.ele_ui .test-home__status-table table tr.total-row td {
  border-top-color: #82c255;
}
.ele_ui .test-home__status .table--list table tbody tr:first-child td {
  border-bottom-color: transparent;
}
.ele_ui .test-home__status .table--list table tbody tr td.num {
  padding-left: 34px;
}
.ele_ui .test-home__status-table table td.num {
  color: #52b210;
}
.ele_ui
  .test-home__status-table
  table
  td.category--box
  .aitest--more
  td
  .aitest--more__button {
  background-color: #fff;
  border-color: #b3b3b3;
}
/* .ele_ui .test-home__status-table table td {
  padding: 20px;
} 250508 삭제 */
.ele_ui .category--box.only_unit {
  vertical-align: middle;
}
.ele_ui
  .test-home__status-table
  table
  td
  .tooltip--box-wrap
  .tooltip--button.verygood
  + .tooltip--box,
.ele_ui
  .test-home__status-table
  table
  td
  .tooltip--box-wrap
  .tooltip--button.great
  + .tooltip--box,
.ele_ui
  .test-home__status-table
  table
  td
  .tooltip--box-wrap
  .tooltip--button.normal
  + .tooltip--box,
.ele_ui
  .test-home__status-table
  table
  td
  .tooltip--box-wrap
  .tooltip--button.poor
  + .tooltip--box,
.ele_ui
  .test-home__status-table
  table
  td
  .tooltip--box-wrap
  .tooltip--button.verypoor
  + .tooltip--box {
  right: unset;
  left: 50%;
}

.ele_ui .today_end {
  display: flex;
  align-items: center;
  gap: 7px;
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 24px;
}
.ele_ui .today_end .title {
  margin: 0;
  color: #666666;
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
}
.ele_ui .today_end .text {
  font-size: 20px;
  font-weight: 800;
  line-height: 23px;
}

.ele_ui .test-home .legend .legend-line .row.subject_average .chip {
  border-color: #facc1d;
}
.ele_ui .test-home .legend .legend-line .row:nth-child(2) .chip {
  border-color: #d0d0d0;
}
.ele_ui .test-home .legend .legend-dot .row.session .chip {
  background-color: #82c255;
}
/* 학습진단/학습진단 결과 */
.ele_ui .detail-analysis--box {
  gap: 20px;
}
.ele_ui .detail-analysis--box .detail-analysis__complete,
.ele_ui .detail-analysis--box .detail-analysis__notry {
  width: 100%;
  height: auto;
  background-color: #f8f8f8;
  border-radius: 20px;
  text-align: center;
  padding: 28px 20px;
  margin-top: 0;
}
.ele_ui .detail-analysis--box > div .title {
  margin-top: 20px;
  font-size: 20px;
  color: #666;
}
.ele_ui .detail-analysis--box > div .text {
  margin-top: 10px;
}
.ele_ui .detail-analysis--box .detail-analysis__complete::before,
.ele_ui .detail-analysis--box .detail-analysis__notry::before {
  display: none;
}
/* 240820 삭제 .ele_ui .tooltip--box-wrap .button-main.beta + .tooltip--box {right: auto; left: 50%; transform: translateX(-50%);} */
.ele_ui .test-home__ing.box--empty {
  height: 484px;
}
.ele_ui .test-home__ing.box--empty .box--empty-text {
  gap: 32px;
}
.ele_ui .button-main.is--medium {
  min-width: 276px;
  padding: 0 12px;
  height: 52px;
}
/* 240614 추가 */
.ele_ui .mystudent--contents .table--setting {
  margin-bottom: 24px;
}
.ele_ui .test-home__status-table .tbody {
  margin-top: 24px;
}
.ele_ui .test-home__status-table .box--empty {
  min-height: 360px;
}
.ele_ui .test-result__student .mystudent--card .box--empty {
  min-height: 360px;
}
/* //240614 추가 */
/* 학습진단/학습진단현황 */
.ele_ui .contents--title__right:not(.is--search) .dropdown--box {
  margin-top: 6px;
  padding: 10px;
}
.ele_ui .contents--title .dropdown--box > .dropdown--item {
  padding: 8px 10px;
  font-weight: 700;
  line-height: 20px;
}
.ele_ui
  .report-month__badgebox
  .month__badge.is--profile
  .profile
  .badge.verygood {
  background-image: url(../images/elementary/icon/ele_badge_verygood.svg);
}
.ele_ui
  .report-month__badgebox
  .month__badge.is--profile
  .profile
  .badge.great {
  background-image: url(../images/elementary/icon/ele_badge_great.svg);
}
.ele_ui
  .report-month__badgebox
  .month__badge.is--profile
  .profile
  .badge.normal {
  background-image: url(../images/elementary/icon/ele_badge_normal.svg);
}
.ele_ui .report-month__badgebox .month__badge.is--profile .profile .badge.poor {
  background-image: url(../images/elementary/icon/ele_badge_poor.svg);
}
.ele_ui
  .report-month__badgebox
  .month__badge.is--profile
  .profile
  .badge.verypoor {
  background-image: url(../images/elementary/icon/ele_badge_verypoor.svg);
}
.ele_ui .test-student .report-month__badgebox .graph-title {
  font-size: 18px;
}
.ele_ui .test-student.test-result .total-collect--table table thead tr th {
  font-size: 16px;
  font-weight: 700;
}
.ele_ui .report-month__badgebox .month__badge.is--profile .name {
  font-size: 16px;
}
.ele_ui .report-month__badgebox .month__badge.is--profile .name strong {
  font-size: 24px;
}
.ele_ui .test-student.test-result .total-collect--table .table--list {
  margin-top: 16px;
}
.ele_ui .errata {
  max-height: 194px;
}
.ele_ui .test-student.test-result .total-collect--table {
  padding: 24px;
}
.ele_ui .test-result__total .result-total__analysis {
  margin-top: 24px;
}
.ele_ui .test-result .total-analysis--graph .graph-title,
.ele_ui .test-result .total-collect--table .graph-title {
  font-size: 18px;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06 {
  border: 0;
  border-radius: 8px;
  padding: 12px 16px;
  justify-content: flex-start;
  gap: 10px;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06:first-child {
  background-color: #f8f8f8;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06:last-child {
  background-color: #f2f7f0;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06
  .number {
  flex-grow: 1;
  flex-shrink: 1;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06:first-child
  .chip {
  background-color: #ccc;
}
.ele_ui
  .test-result__total
  .result-total__analysis
  .total-analysis--graph
  .graph-button
  .cell-06:last-child
  .chip {
  background-color: #6cbc35;
}
.ele_ui .detail-times--table table tbody th,
.ele_ui .detail-times--table table tbody td {
  border-top: 0;
  border-left: 0;
  color: #333;
  font-size: 14px;
  padding: 16px 12px;
}
.ele_ui .detail-times--table table tbody td:last-child {
  color: #235f2a;
  font-weight: 700;
}
.ele_ui .detail-times--table table tbody tr:last-child {
  background-color: #f8f8f8;
}
.ele_ui .detail-times--table table tbody tr:last-child th {
  border-radius: 8px 0 0 8px;
}
.ele_ui .detail-times--table table tbody tr:last-child td:first-child {
  border-radius: 8px 0 0 8px;
}
.ele_ui .detail-times--table table tbody tr:last-child td:last-child {
  border-radius: 0 8px 8px 0;
}
.ele_ui .box-bg__white.cell-06.detail-times--table {
  padding: 24px;
}
.ele_ui .detail-times--table table thead tr {
  border-bottom: 1px solid #d9d9d9;
}
.ele_ui .detail-times--table table thead th {
  color: #000;
  height: 38px;
  padding-bottom: 22px;
}
/* 학습진단/오답노트 */
.ele_ui .ele_bg_lightgreen > .box--edit {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook-preview__titles .label-num {
  background-color: #ff932f;
  border: 0;
  color: #fff;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
}
.ele_ui .workbook-preview__titles .button-notify {
  height: 40px;
  font-size: 16px;
  padding: 0 16px 0 12px;
  border-color: #ccc;
}
.ele-ui .workbook-preview__titles .button-notify [class^="ico-"] {
  margin-right: 8px;
}
.ele_ui .workbook-preview__question .workbook-passage__titles {
  margin-bottom: 24px;
}
.ele_ui .workbook-preview__question .workbook-passage__titles .title {
  font-size: 20px;
  line-height: 36px;
}

/* 240530 학습진단 문항 스타일 변경 */
/* .ele_ui .is--multiy .slectlist-item {border: 0; padding:0;} */
.ele_ui .is--multiy .slectlist-item + .slectlist-item {
  margin-top: 16px;
}
.ele_ui .is--multiy .slectlist-item.selected {
  border-color: #52b210;
  background-color: #f2f7f0;
}
/* //240530 학습진단 문항 스타일 변경 */

.ele_ui .open-box {
  background-color: #f8f8f8;
}
.ele_ui .open-box--title {
  color: #214125;
}
.ele_ui .open-box--title::before {
  background-color: #214125;
}
.ele_ui .open-box .label-title {
  background-color: #52b210;
  color: #fff;
  font-size: 16px;
  padding: 6px 18px;
  line-height: 18px;
}
.ele_ui .workbook-preview__explain .contents_title {
  margin-bottom: 0;
}
.ele_ui .workbook-preview__explain .workbook-explain__row p + p {
  margin-top: 10px;
}
.ele_ui .doublebar-tooltip__wrap .doublebar-tooltip__row:first-child .text {
  background-color: #e2f3df;
  color: #214125 !important;
  border-color: #e2f3df;
  font-weight: 700;
  padding: 7px 16px;
}
.ele_ui .doublebar-tooltip__wrap .doublebar-tooltip__row:last-child .text {
  font-weight: 700;
  padding: 7px 16px;
}
.ele_ui .doublebar-tooltip__row:first-child .doublebar-tooltip__box::before {
  border-bottom-color: #e2f3df;
}
.ele_ui .doublebar-tooltip__row:first-child .doublebar-tooltip__box::after {
  border-bottom-color: #e2f3df;
}
.ele_ui .doughnut-chart .legend .row .number {
  color: #666666;
}
.ele_ui .workbook-passage__player .player-button.play {
  background-image: url(../images/elementary/icon/ic_play_blue_20px.svg);
}
.ele_ui .workbook-passage__player .player-button.pause {
  background-image: url(../images/elementary/icon/ic_pause_blue_20px.svg);
}
.ele_ui .workbook-passage__player .player-button.stop {
  background-image: url(../images/elementary/icon/ic_pause_blue_20px.svg);
}
.ele_ui .workbook-passage__player .player-bar-wrap {
  background-color: #deefff;
}
.ele_ui .workbook-passage__player .player-bar {
  background-color: #58afff;
}
/* 학습진단/ 팝업 */
.ele_ui .layer__title-text {
  color: #214125;
  position: relative;
  padding-left: 14px;
}
.ele_ui .layer__title-text::before {
  background-color: #214125;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.ele_ui .f-ele_orange {
  color: #f27400;
}
.ele_ui .box--edit-title {
  color: #214125;
}
.ele_ui.layer-workbook__result .layer__container {
  width: 878px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .layer__contents
  .box-bg__gray {
  background-color: #f8f8f8;
}
.ele_ui.layer-workbook__result
  .layer__container
  .box-grid
  .cell-06
  .box-bg__white {
  padding: 16px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .box-grid
  .cell-06
  .box-bg__white.monthly--box {
  padding: 24px;
}
.ele_ui.layer-area .intro-mystat .monthly--box-item.is--rate2 {
  background-color: #6cbc35;
}
.ele_ui.layer-area .intro-mystat .monthly--box-item.is--solved2 {
  background-color: #ff932f;
}
.ele_ui .intro-mystat .monthly--box-item.is--rate2 .icon {
  background-image: url(../images/elementary/icon/ic_score_80px.svg);
}
.ele_ui .intro-mystat .monthly--box-item.is--solved2 .icon {
  background-image: url(../images/elementary/icon/ic_quiz_orange_80px.svg);
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .tag {
  border: 0;
  background-color: unset;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .number {
  margin-top: 10px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__time
  table
  th {
  padding: 8px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__time
  table
  td {
  color: #333;
  height: 44px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__time
  table
  td:nth-child(4) {
  color: #235f2a;
  font-weight: 700;
}

/* 240409 학습진단(교사)*/
.ele_ui .button-main {
  height: 52px;
}
.ele_ui .page__button.is--small > button:not(.button-text) {
  height: 52px;
}
.ele_ui .ele_bg_area.pd_b_100 {
  padding-bottom: 100px;
}
.ele_ui .test-home__ing {
  padding: 30px 24px;
}
.ele_ui .tab-tags.sortable_tag .tag--button {
  background: #f5ffe0;
  color: #549a22;
}
.ele_ui .tab-tags.sortable_tag .tag--button:hover {
  background: #82c255;
  color: #fff;
}
.ele_ui .tab-tags.sortable_tag .tag--button.myclass.active {
  background: #ff932f;
  color: #fff;
}
.ele_ui .report-month .tab-tags--box:not(.tags-select) .tag--button.myclass {
  background-color: #ffeddd;
  color: #ff932f;
}
.ele_ui
  .report-month
  .tab-tags--box:not(.tags-select)
  .tag--button.myclass:hover:not(.active) {
  background-color: #ffa858;
  color: #fff;
}
.ele_ui
  .report-month
  .tab-tags--box:not(.tags-select)
  .tag--button.myclass.active {
  background: #ff932f;
  color: #fff;
}
.ele_ui .tab-tags.sortable_tag .tag--button.active {
  background-color: #52b210;
  color: #fff;
}
/* .ele_ui .tab-tags--wrapper.open {z-index: 2;} */
.ele_ui
  .report-month
  .tab-tags--box:not(.tags-select)
  .tag--button.myclass.active
  .tab-tag--text {
  background-color: transparent;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__graph {
  background-color: #ffd7b2;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__graph {
  background-color: #b6e0ff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__graph {
  background-color: #d8c7fe;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-2) .test-dday__graph .graph {
  background-color: #ff932f;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-1) .test-dday__graph .graph {
  background-color: #58afff;
}
.ele_ui .test-dday--box.swiper-slide:nth-child(3n-0) .test-dday__graph .graph {
  background-color: #b28ffd;
}
.ele_ui .test-dday--box.green {
  background-color: #ffeddd;
}
.ele_ui .test-dday--box.blue {
  background-color: #f0e9ff;
}
.ele_ui .test-dday--box.empty .test-dday__tag {
  min-width: 91px;
}
.ele_ui .test-dday--box .test-dday__tag {
  min-width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.ele_ui .test-dday--box.green .test-dday__tag {
  background-color: #ff932f;
  color: #fff;
}
.ele_ui .test-dday--box.blue .test-dday__tag {
  background-color: #a67dff;
  color: #fff;
}
.ele_ui .test-dday--box.green .test-dday__graph {
  background-color: #ffd7b2;
}
.ele_ui .test-dday--box.blue .test-dday__graph {
  background-color: #d8c7fe;
}
.ele_ui .test-dday--box.green .test-dday__graph .graph {
  background-color: #ff932f;
}
.ele_ui .test-dday--box.blue .test-dday__graph .graph {
  background-color: #b28ffd;
}
.ele_ui
  .test-dday--box.empty.green
  .test-dday__top
  .test-dday__titlebox
  .test-dday__title {
  color: #ff932f;
}
.ele_ui
  .test-dday--box.empty.blue
  .test-dday__top
  .test-dday__titlebox
  .test-dday__title {
  color: #b28ffd;
}
.ele_ui .tab--contents.is_only {
  border-radius: 20px;
}
.ele_ui .test-home__ing.box--empty.teacher_empty {
  height: 358px;
}
.ele_ui .test-home__ing.box--empty.teacher_empty .empty--bg {
  transform: translateY(30px);
}
.ele_ui .test-start .box-bg__white table th span {
  display: flex;
  gap: 12px;
  color: #666;
}
.ele_ui .tab-tags--box .tab-action.button-cancle {
  background-color: #fff;
}
.ele_ui .test-home__status-table table td.total {
  padding-right: 46px;
}
/* 학습진단(교사) / 진단선택 */
.test-select .workbook-make.type--select {
  padding-top: 0;
}
.ele_ui .table--list.type--hover table tbody tr.active p {
  background-color: #f2f7f0;
}
.ele_ui .table--list.type--hover table tbody tr td p {
  color: #333;
}
.ele_ui .table--list.type--hover table tbody tr.active td p,
.ele_ui .table--list.type--hover table tbody tr.active td .f-black-100 {
  color: #52b210;
}
.ele_ui .table--list.type--hover table tbody tr:hover:not(.active) td p,
.ele_ui
  .table--list.type--hover
  table
  tbody
  tr:hover:not(.active)
  td
  .f-black-100 {
  color: #52b210;
}
.ele_ui
  .test-select
  .workbook-make__content
  .box--edit-title.set--middle::before {
  display: none;
}
.ele_ui .test-select .workbook-make__content .box--edit-title.set--middle {
  color: #000;
  font-size: 20px;
}
/* 학습진단(교사) / 결과 */
.ele_ui .box-bg__grayf6 {
  background-color: #f8faf7;
}
.ele_ui .contents-info__title {
  font-weight: 700;
}
.ele_ui .detail-times--table table th {
  padding: 8px;
}
.ele_ui .test-result .workbook-detail--info .contents-info-box {
  padding: 30px 24px 40px;
}
.ele_ui .workbook-detail--info .contents-info__subwrap {
  display: block;
  padding: 0 24px;
}
.ele_ui .result-total .contents-info__sub {
  padding: 24px 0;
  border-top: 1px solid #d9d9d9;
}
.ele_ui .contents-info__sub > p:last-child,
.ele_ui .contents-info__sub > div:last-child {
  margin-bottom: 0;
}
.ele_ui .test-result .workbook-detail--info .detail-analysis--box {
  border: 0;
  padding-top: 0;
}
.ele_ui .detail-analysis__member-total {
  background-color: #deefff;
}
.ele_ui .detail-analysis__member-check {
  background-color: #e2f3df;
}
.ele_ui .detail-analysis__member-not {
  background-color: #ffeddd;
}
.ele_ui .detail-analysis--box .detail-analysis__member-total > .title,
.ele_ui .detail-analysis--box .detail-analysis__member-check > .title,
.ele_ui .detail-analysis--box .detail-analysis__member-not > .title {
  margin-top: 0;
  font-size: 16px;
}
.ele_ui .detail-analysis--box .detail-analysis__member-total > .text,
.ele_ui .detail-analysis--box .detail-analysis__member-check > .text,
.ele_ui .detail-analysis--box .detail-analysis__member-not > .text {
  margin-top: 6px;
}
.ele_ui .detail-analysis__member-total::before {
  background-image: url(../images/elementary/icon/ic_member_total.svg);
}
.ele_ui .detail-analysis__member-check::before {
  background-image: url(../images/elementary/icon/ic_member_check.svg);
}
.ele_ui .detail-analysis__member-not::before {
  background-image: url(../images/elementary/icon/ic_member_not.svg);
}
.ele_ui .workbook-detail--info .contents-info__sub > p strong,
.ele_ui .workbook-detail--info .contents-info__sub > div strong {
  width: 152px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #666;
}
.ele_ui .workbook-detail--info .contents-info__sub > p strong i,
.ele_ui .workbook-detail--info .contents-info__sub > div strong i {
  margin-top: -2px;
}
.ele_ui .test-result.result-total .box--edit-title.set--middle::before {
  display: none;
}
.ele_ui .box--edit-title {
  font-size: 20px;
  min-height: 23px;
  margin-bottom: 24px;
}
.ele_ui .test-result.result-total .tab-box.tab-fit {
  gap: 10px;
}
.ele_ui
  .result-total
  .mystudent--contents
  .mystudent--card__box
  .student--card__top
  .card-top__right {
  display: flex;
  flex-direction: column;
}
.ele_ui
  .result-total
  .mystudent--contents
  .mystudent--card__box
  .student--card__top
  .card-top__right
  > button {
  align-self: flex-end;
  text-indent: -9999px;
}
.ele_ui
  .result-total
  .mystudent--contents
  .mystudent--card__box
  .student--card.transfer
  .student--card__top
  .card-top__right
  > button
  .ele_ic_btn_more {
  background-image: url(../images/elementary/icon/button_more_disabled.svg);
}
.report-month__badgebox .month__badge .text {
  color: #333;
}
.ele_ui .report-month__badgebox .month__badge .text strong {
  color: #52b210;
}
.ele_ui .button-text.line:hover {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.ele_ui .button-text.line {
  padding: 10px 16px 10px 12px;
  gap: 8px;
}
.ele_ui .button-text [class^="ico-"]:first-child {
  margin-right: 0px;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  tbody
  td
  .state-box {
  padding: 5px 12px;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  tbody
  td.total
  .state-box {
  padding: 8px 12px;
}
.ele_ui .test-result__total .box-bg__grayf6 .box--edit-title {
  padding: 0;
}

.pagenavi--box {
  gap: 6px;
}
.pagenavi--number.active {
  background-color: #82c255;
}
.pagenavi--number {
  color: #666;
}
/* 240717 페이지네이션 이슈로 삭제
.pagenavi--arrow.is--first {margin-right: -4px;}
.pagenavi--arrow.is--last {margin-left: -4px;}
.pagenavi--arrow.is--prev {margin-right: 4px;}
.pagenavi--arrow.is--next {margin-left: 4px;} */
/* .pagenavi--arrow.is--prev + .pagenavi--number.active {margin: 0 -9px 0 0;}
.pagenavi--number.active + .pagenavi--arrow.is--next {margin-left: 13px;} */

/* 학습진단(교사) /학생별상세결과 */
.ele_ui
  .test-result.result-total.result-student
  .report-month__badgebox
  .month__badge.is--profile
  .name {
  font-size: 28px;
  color: #428e0d;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ele_ui
  .test-result.result-total.result-student
  .report-month__badgebox
  .month__badge.is--profile
  .name
  strong {
  font-size: 40px;
  font-weight: 700;
  color: #214125;
}
.ele_ui
  .result-student
  .test-result__total
  .report-month__badgebox
  .month__badge
  .profile
  .image {
  border: 0;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .test-result__total .result-total__analysis .total-analysis--graph {
  padding: 24px 24px 0;
}
.ele_ui .test-result .total-collect--table {
  padding: 24px;
}
.ele_ui .button-text.line:disabled {
  opacity: 1;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  color: #b3b3b3;
}
.ele_ui .button-text.line:disabled .ico-document-black {
  background-image: url(../images/elementary/icon/ico-document-gray.svg);
}
.ele_ui .test-result .total-collect--table table th {
  color: #333;
}
.ele_ui .test-result .total-collect--table table thead th {
  font-size: 16px;
  font-weight: 700;
  height: 46px;
}

/* 학습진단(교사) / 팝업 */
.ele_ui.layer-area.modal-area .layer__contents {
  width: 426px;
  padding: 40px 24px;
  min-height: unset;
}
.ele_ui.layer-area .button-main {
  height: 52px;
}
.ele_ui.layer-area.modal-area .modal--text {
  line-height: 28px;
  color: #333;
}
.ele_ui.layer-area.modal-area .page__button {
  margin-top: 0;
}
.ele_ui.layer-area.modal-area .page__button button:not([class*="width"]) {
  height: 52px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .contents-info-box
  .contents-info__sub {
  padding-top: 0;
  padding-left: 20px;
  width: 175px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .contents-info-box
  .contents-info__sub
  > p {
  font-size: 14px;
  line-height: 16px;
}
.ele_ui.layer-workbook__result .layer__container .contents-info-box {
  padding: 24px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .contents-info-box
  .contents-info__sub:first-child {
  border-left: 1px solid #d9d9d9;
}
.ele_ui.layer-area .contents-info__sub > p {
  margin-bottom: 20px;
}
.ele_ui.layer-area .contents-info__sub > p:last-child {
  margin-bottom: 0px;
}
.layer-view__preview.workbook-preview--box.is--aitest.ele_ui .slectlist-item {
  border: 0;
  padding: 0;
  margin-top: 24px;
}
.layer-view__preview.workbook-preview--box.is--aitest.ele_ui
  .workbook-passage__titles {
  margin-bottom: 0;
}

.datepicker .datepicker--cell.-selected-,
.datepicker .datepicker--cell.-range-to-,
.datepicker .datepicker--cell.-range-from-,
.datepicker-inline .datepicker--cell.-selected-,
.datepicker-inline .datepicker--cell.-range-to-,
.datepicker-inline .datepicker--cell.-range-from-,
.datepicker-inline .datepicker--cell.-focus-,
.datepicker-inline .datepicker--cell.-current-.-focus- {
  background-color: #52b210;
  color: #fff !important;
  box-shadow: 2px 2px 10px 0px rgba(75, 125, 6, 0.24) !important;
  border-radius: 6px;
}
.datepicker .datepicker--cell.-current-.-focus- {
  background-color: #f0f0f0;
  box-shadow: unset;
  color: #000 !important;
}

/* 240419 마이페이지 / 헤더 드롭다운 팝업 */
header .header--utill .header--utill__noti .header__noti-text {
  border-radius: 10px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box {
  border-bottom: 0;
  gap: 0;
  height: 60px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab-box
  .tab--button {
  border-width: 2px;
  cursor: default;
}
header
  .header--utill
  .header--utill__noti
  .header__noti-text
  .tab--wrapper
  .tab--contents {
  background-color: #f8faf7;
  padding: 14px;
  border-radius: 0 0 10px 10px;
}
header .header--utill .header--utill__noti .header__noti .noti-alarm--list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header .header--utill .header--utill__noti .header__noti .noti-alarm--list li {
  background-color: #fff;
  border-top: 0 !important;
  padding: 16px;
  border-radius: 8px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 8px;
  background-color: #f2f7f0;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li
  button {
  padding: 0;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  li
  p {
  padding-left: 22px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--text {
  font-size: 14px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--date {
  margin-top: 6px;
}
header
  .header--utill
  .header--utill__noti
  .header__noti
  .noti-alarm--list
  .noti-alarm--title::before {
  width: 10px;
  height: 10px;
}
header .header--utill .header--utill__noti .header__noti .noti-more {
  height: 56px;
  margin-top: 20px;
}
header .header--utill .header--utill__noti .header__noti .noti-alarm--empty {
  padding-top: 0;
  color: #808080;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile {
  border-radius: 10px 10px 0 0;
  height: unset;
  padding: 37px 24px 32px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__profile
  .profile-name {
  margin: 14px 0 12px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox {
  padding: 4px 24px 24px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text {
  overflow: hidden;
  border-radius: 10px;
}
header .header--utill .header--utill__user .header--utill__profile a {
  gap: 8px;
  color: #333;
}
header .header--utill .header--utill__user .header--utill__profile a:hover {
  color: #52b210;
  font-weight: 700;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--area {
  gap: 20px;
  padding-top: 20px;
}
header
  .header--utill
  .header--utill__user
  .header--utill__profile
  .header__profile-text
  .mypage--left__menubox
  .menubox--list {
  gap: 20px;
}
/* 마이페이지/알림 */
.ele_ui .mypage--area.mypage-alert {
  display: block;
  padding-top: 0;
}
.ele_ui .mypage-alert .tab--wrapper .tab-box.tab-tag:not(.has--swiper) {
  height: auto;
  padding: 24px 24px 20px;
  gap: 12px;
}
.ele_ui .mypage-alert .tab-box.tab-tag .tab--button {
  background-color: transparent;
  width: auto;
  font-weight: 400;
}
.ele_ui .mypage-alert .tab-box.tab-tag .tab--button:hover {
  background-color: #d5f1a6;
  color: #235f2a;
}
.ele_ui .mypage-alert .tab-box.tab-tag .tab--button.active {
  background-color: #52b210;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.ele_ui .mypage-alert.is--task .tab-tag .tab--button {
  width: auto;
  min-width: unset;
  height: 49px;
}
.ele_ui .mypage-alert .tab-text {
  border-bottom: 0;
  margin-top: 0;
  height: 71px;
}
.ele_ui .mypage-alert .tab-text .tab--button {
  color: #999999;
}
.ele_ui .mypage-alert .tab-text .tab--button.active {
  color: #52b210;
}
.ele_ui .mypage-alert .tab-text .tab--button.active:hover {
  color: #52b210;
}
.ele_ui .tab-box.tab-tag.has--swiper {
  height: auto;
  padding: 24px 24px 20px;
}
.ele_ui .tab-box.tab-tag.has--swiper .tab--button {
  background-color: transparent;
  width: auto;
  font-weight: 400;
}
.ele_ui .tab-box.tab-tag.has--swiper .tab--button:hover {
  background-color: #d5f1a6;
  color: #235f2a;
}
.ele_ui .tab-box.tab-tag.has--swiper .tab--button.active {
  background-color: #52b210;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.ele_ui .tab-box.tab-tag.has--swiper .tab--button {
  width: auto;
  min-width: unset;
  height: 49px;
}
.ele_ui .box-bg__ele_green {
  background-color: #f8faf7;
}
.ele_ui .mypage-alert .box-bg__ele_green {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 0 0 20px 20px;
}
.ele_ui .tab-tag.has--swiper .swiper-button-prev,
.ele_ui .tab-tag.has--swiper .swiper-button-next {
  position: absolute;
  width: 28px;
  height: 51px;
  top: 50%;
  font-size: 0;
  transform: translateY(-50%);
  z-index: 15;
}
.ele_ui .tab-tag.has--swiper .swiper-button-prev .ico-28,
.ele_ui .tab-tag.has--swiper .swiper-button-next .ico-28 {
  position: relative;
  z-index: 10;
}
.ele_ui .tab-tag.has--swiper .swiper-button-prev .cover,
.ele_ui .tab-tag.has--swiper .swiper-button-next .cover {
  position: absolute;
  width: 77px;
  top: 0;
  right: -1px;
  bottom: 0;
  background: linear-gradient(270deg, #ffffff 52.6%, rgba(0, 0, 0, 0) 87.04%);
  content: "";
  z-index: 5;
}
.ele_ui .tab-tag.has--swiper .swiper-button-next.swiper-button-disabled .cover,
.ele_ui .tab-tag.has--swiper .swiper-button-next.swiper-button-disabled .ico-28,
.ele_ui .tab-tag.has--swiper .swiper-button-prev.swiper-button-disabled .cover,
.ele_ui .tab-tag.has--swiper .swiper-button-prev.swiper-button-disabled .cover,
.ele_ui
  .tab-tag.has--swiper
  .swiper-button-prev.swiper-button-disabled
  .ico-28 {
  display: none;
}
.ele_ui .tab-tag.has--swiper .swiper-button-prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
.ele_ui .tab-tag.has--swiper .swiper-button-next {
  right: 0;
}
.ele_ui .tab-box.tab-tag.has--swiper .swiper-wrapper {
  width: max-content;
}
.ele_ui .mypage-alert .mypage-alram--date {
  padding: 24px;
}
.ele_ui .mypage-alert .page__button {
  padding: 20px 0 8px;
  margin-top: 0;
}
.ele_ui .mypage-alram.noti .mypage-alram--center {
  padding-left: 74px;
}
.ele_ui .dim .mypage-alram--center .mypage-alram--textbox {
  opacity: 1;
}
.ele_ui .mypage-alert .box-bg__white .dim {
  background-color: #f8faf7;
}
.ele_ui .mypage-alram--center .mypage-alram--textbox .textbox-title .text {
  font-size: 20px;
  font-weight: 700;
  line-height: 23px;
  padding: 0;
}
.ele_ui .mypage-alram.noti {
  padding: 24px;
}
.ele_ui .mypage-alram.noti .mypage-alram--textbox .textbox-title .date {
  font-size: 18px;
  color: #808080;
  line-height: 20px;
}
.ele_ui .mypage-alram.noti .mypage-alram--textbox .textbox-title .date::before {
  background-color: #d9d9d9;
}
.ele_ui .mypage-alram.noti .mypage-alram--textbox .textbox-text {
  font-size: 18px;
  line-height: 20px;
  color: #333;
}
.ele_ui .mypage-alert .mypage-alram--link {
  border-top: 0;
  padding: 0 24px 24px 98px;
  margin-top: -8px;
}
.ele_ui .state-box.is--noti.service {
  background-image: url(../images/elementary/icon/ic_ele_noti_notify_col.svg);
}
.ele_ui .state-box.is--noti.school {
  background-image: url(../images/elementary/icon/ic_ele_noti_school_col.svg);
}
.ele_ui .state-box.is--noti.parents {
  background-image: url(../images/elementary/icon/ic_ele_noti_check_col.svg);
}
.ele_ui .state-box.is--noti.profile {
  background-image: url(../images/elementary/icon/ic_ele_noti_person_col.svg);
}
.ele_ui .state-box.is--noti.qna {
  background-image: url(../images/elementary/icon/ic_ele_noti_paper_col.svg);
}
.ele_ui .state-box.is--noti.board_ico {
  background-image: url(../images/elementary/icon/ic_ele_noti_myclass_col.svg);
}
.ele_ui .state-box.is--noti.survey {
  background-image: url(../images/elementary/icon/ic_ele_noti_pen_col.svg);
}
.ele_ui .state-box.is--noti.declare {
  /* 250623 추가 */
  background-image: url(../images/elementary/icon/ic_ele_noti_declare_col.svg);
}
.ele_ui .state-box.is--noti.online {
  /* 250623 추가 */
  background-image: url(../images/elementary/icon/ic_ele_noti_online_col.svg);
}

.ele_ui .dim .state-box.is--noti.service {
  background-image: url(../images/elementary/icon/ic_ele_noti_notify_gray.svg);
}
.ele_ui .dim .state-box.is--noti.school {
  background-image: url(../images/elementary/icon/ic_ele_noti_school_gray.svg);
}
.ele_ui .dim .state-box.is--noti.parents {
  background-image: url(../images/elementary/icon/ic_ele_noti_check_gray.svg);
}
.ele_ui .dim .state-box.is--noti.profile {
  background-image: url(../images/elementary/icon/ic_ele_noti_person_gray.svg);
}
.ele_ui .dim .state-box.is--noti.qna {
  background-image: url(../images/elementary/icon/ic_ele_noti_paper_gray.svg);
}
.ele_ui .dim .state-box.is--noti.board_ico {
  background-image: url(../images/elementary/icon/ic_ele_noti_myclass_gray.svg);
}
.ele_ui .dim .state-box.is--noti.survey {
  background-image: url(../images/elementary/icon/ic_ele_noti_pen_gray.svg);
}
.ele_ui .dim .state-box.is--noti.declare {
  /* 250623 추가 */
  background-image: url(../images/elementary/icon/ic_ele_noti_declare_gray.svg);
}
.ele_ui .dim .state-box.is--noti.online {
  /* 250623 추가 */
  background-image: url(../images/elementary/icon/ic_ele_noti_online_gray.svg);
}
.ele_ui .box--empty-icon.is--board {
  background-image: url(../images/elementary/icon/board_ic_green.svg);
  width: 70px;
  height: 70px;
}
.ele_ui .box--empty-icon.is--class {
  width: 70px;
  height: 70px;
}
.ele_ui .mypage-alert .mypage-alram .box--empty {
  min-height: 403px;
  gap: 8px;
}
.ele_ui .f-darkgray {
  color: #808080;
}
.ele_ui .mypage-alert .button-text.bg {
  background-color: #f8f8f8;
}

/* 마이페이지/ 1:1 문의(리스트) */
.ele_ui .mypage--area {
  padding-top: 0;
}
.ele_ui .mypage--area .mypage--left {
  background-color: #f8faf7;
  min-height: unset;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .mypage--area .mypage--right {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .mypage-service {
  padding: 30px 24px 40px;
}
.ele_ui .mypage--left__profile {
  background-color: #fff;
}
.ele_ui .mypage--left__profile .profile-tag {
  background-color: #ffede2;
  color: #ff8440;
  padding: 7px 12px;
  font-weight: 700;
}
.ele_ui .mypage--left__profile .profile-name {
  margin: 22px 0 12px;
}
.ele_ui .mypage--left__profile .profile-name strong {
  padding-left: 0;
}
.ele_ui .mypage--left__profile .profile-image .button-icon {
  width: 40px;
  height: 40px;
}
.ele_ui .mypage--left__profile .profile-desc span {
  color: #666;
}
.ele_ui .mypage--left__menubox {
  padding: 32px 32px 80px;
}
.ele_ui .mypage--left__menubox .menubox--area {
  gap: 24px;
}
.ele_ui .mypage--left__menubox .menubox--list {
  gap: 24px;
}
.ele_ui .mypage--left__menubox .menubox--area .title {
  margin-top: 24px;
  color: #808080;
}
.ele_ui .mypage--left__menubox .menubox--area:not(:first-child) {
  padding-top: 0;
}
.ele_ui .mypage--left__menubox .menubox--list a {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 18px;
  color: #333;
  font-size: 16px;
}
.ele_ui .mypage--left__menubox .menubox--list a.active {
  color: #52b210;
  font-weight: 700;
}
.ele_ui .mypage--area .box--search {
  margin-top: -6px;
}
.ele_ui .box--search .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .f-ele_orange_active {
  color: #ff932f;
}
.ele_ui .f-extrabold {
  font-weight: 800;
}
.ele_ui .table--list table tbody tr td {
  color: #333;
  border-color: #e6e6e6;
}
.ele_ui .table--list table tbody tr td.td-title .td-title--text {
  color: #333;
}
.ele_ui .table--list table tbody tr td.td-title .td-title--text.f-extrabold {
  font-weight: 800;
}
.ele_ui .table--list table tbody tr td .f-black-50 {
  color: #999;
}
.ele_ui .input-box--text::placeholder {
  color: #808080;
}
.ele_ui .input-box--text:focus {
  border-color: #6cbc35;
}
.ele_ui .input-box--text.is--error {
  border-color: #ff3a3a;
  background-color: #fff3f3;
}
.ele_ui .input-box--text:disabled {
  border-color: #d9d9d9;
  background-color: #f6f6f6;
}
.ele_ui .dropdown--select,
.ele_ui .dropdown--box,
.ele_ui .input-box--text,
.ele_ui .input-box--textarea textarea {
  border-color: #d9d9d9;
}
/* 마이페이지/1:1문의(작성) */
.ele_ui .dropdown--select {
  color: #808080;
}
.ele_ui .mypage--right .box--edit {
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 0 24px;
}
.ele_ui .mypage--right .box--edit .box--edit-items {
  border-radius: 0;
  background-color: unset;
  padding: 24px 0;
}
.ele_ui .mypage--right .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui .mypage--right .box--edit-items > dl > dt {
  color: #666;
  min-height: unset;
  padding: 11px 0;
}
.ele_ui .mypage--right .box--edit-items > dl {
  min-height: unset;
}
.ele_ui .mypage--right .box--edit-items .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .mypage--area .box--edit-title {
  padding-left: 14px;
}
.ele_ui .box--edit-title::before {
  background-color: #214125;
  height: 16px;
}
.ele_ui .height-409 {
  height: 409px;
}
.ele_ui .mypage-service .button--file:hover .button-main {
  background-color: #facc1d;
}
/* 마이페이지/1:1문의 (상세) */
.ele_ui .mypage-service .box--detail-title {
  background-color: #f8f8f8;
  padding: 20px;
}
.ele_ui .reply .box--detail-title {
  background-color: #f2f7f0;
}
.ele_ui .reply .box--detail-title .detail-title--text {
  color: #214125;
}
.ele_ui .mypage-service .box--detail-title .detail-title--text {
  min-height: 24px;
}
.ele_ui .mypage-service .box--detail-title .detail-title--info {
  min-height: 24px;
  color: #666;
}
.ele_ui .mypage-service .box--detail-title .button-icon {
  margin: 0 0 0 6px;
}
.ele_ui
  .box--detail-title
  .detail-title--info
  p:not(:last-child, .is--last)::after {
  background-color: #ccc;
}
.ele_ui .mypage-service .box--detail-file {
  padding: 14px 20px;
  gap: 20px;
}
.ele_ui .mypage-service .box--detail-file .detail-file--item {
  gap: 6px;
}
.ele_ui .box--detail-file .detail-file--item .file-item--name {
  color: #333;
  text-underline-position: under;
}
.ele_ui .mypage-service .box--detail-editor {
  padding: 20px;
}
/* 마이페이지/이용약관 */
.ele_ui .box--edit-title.set--between p.title-text {
  color: #214125;
}
.ele_ui .mypage-terms {
  padding: 30px 24px 40px;
}
.ele_ui .mypage-terms .box--edit-title {
  margin-bottom: 16px;
}
.ele_ui .mypage-terms--box {
  color: #333;
  height: 815px;
  background-color: #f8f8f8;
}
.ele_ui .mypage-terms--box strong {
  color: #000;
  font-size: 16px !important;
}
/* 마이페이지/개인정보처리방침 */
.ele_ui .mypage-terms .table--info table thead th {
  background-color: #f0f0f0;
  font-weight: 700;
}
/* 마이페이지/회원탈퇴 */
.ele_ui .member-leave--box li {
  padding-bottom: 20px;
}
.ele_ui .member-leave--box li:last-child {
  padding-bottom: 0;
}
.ele_ui .member-leave--box li:before {
  background: linear-gradient(86deg, #3db960 4.7%, #70c51c 97.86%);
}
.ele_ui .member-leave--box li:after {
  border-color: #b3b3b3;
}
.ele_ui .member-leave--box {
  background-color: #f8f8f8;
  padding: 40px 24px 40px 40px;
}
/* 마이페이지 /공지사항 */
.ele_ui .button-tag {
  font-size: 16px;
  font-weight: 700;
}
.ele_ui .table--list table tbody tr td .button-tag {
  letter-spacing: normal;
  min-width: 60px;
}
.ele_ui .button-tag.ele_orange {
  background-color: #ff932f;
  color: #fff;
}
.ele_ui .mypage-service .box--detail-indicator {
  margin: 24px 0 48px;
}
.ele_ui .mypage-service .board-detail .box--detail-indicator + .page__button {
  margin: 0;
}
.ele_ui .box--detail-indicator a .title {
  color: #333;
}
.ele_ui .box--detail-indicator .detail-indicator--prev .arrow {
  margin-right: 16px;
  color: #808080;
}
.ele_ui .box--detail-indicator .detail-indicator--next .arrow {
  margin-left: 16px;
  color: #808080;
}
/* 마이페이지/자주묻는질문 */
.ele_ui .mypage-service .board-list .td-content--box {
  background-color: #f8faf7;
}
.ele_ui .mypage-service .board-list .td-content--box.open {
  border-top: 1px solid #f8faf7;
  margin-top: -1px;
}
.ele_ui .mypage-service .board-list .td-content--box .contents {
  padding: 24px 54px;
}
/* 마이페이지/이용안내 */
.ele_ui .mypage-guide .tab-guide__title {
  margin-bottom: 40px;
}
.ele_ui .mypage-guide .tab-guide__title strong {
  color: #52b210;
}
.ele_ui .mypage-guide .tab-guide__content {
  color: #333;
}
.ele_ui .mypage-guide .tab-guide__visual {
  background-color: #fffbda;
  padding: 46px 30px 54px;
  justify-content: center;
  gap: 0 87px;
}
.ele_ui .mypage-guide .tab-guide__visual .bubble-box__cont {
  filter: drop-shadow(0px 4px 36px rgba(137, 121, 37, 0.13));
  box-shadow: unset;
  height: auto;
  padding: 19px 24px;
  line-height: 24px;
  gap: 20px;
  color: #333;
}
.ele_ui .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(1) {
  margin-left: 0;
}
.ele_ui .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(2),
.ele_ui .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(3) {
  margin-top: 51px;
}
.ele_ui .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(4) {
  margin-top: 46px;
  margin-left: 0;
}
.ele_ui .mypage-guide .guide-list {
  padding: 60px 24px;
}
.ele_ui .mypage-guide .guide-list li p {
  color: #333;
}
/* 마이페이지/정보수정(교사) */
.ele_ui .mypage-member {
  padding: 30px 24px 40px;
}
.ele_ui .mypage-member .box--edit-title {
  margin: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
  font-weight: 700;
}
.ele_ui .mypage-member .box--edit-title::before {
  top: 4px;
  transform: translateY(50%);
}
.ele_ui .mypage-member .input-box input + .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .mypage-member .input-box--text.is--large {
  padding: 11px 14px;
  line-height: 40px;
  border-color: #f6f6f6;
  height: 62px;
}
.ele_ui .mypage-member .input-box--text.is--large.is--error {
  border-color: #ff3a3a;
}
.ele_ui .mypage-member .input-box--text.is--large:focus:not(.is--error) {
  border-color: #6cbc35;
}
.ele_ui .mypage-member .input-box--text:not(input).is--large input {
  line-height: 40px;
  padding: 0;
}
.ele_ui .mypage-member .table--info table tbody tr th {
  background-color: #f8f8f8;
}
.ele_ui .table--edit table tbody tr th {
  color: #666666;
}
.ele_ui .input-box--required.is--pass {
  color: #52b210;
}
.ele_ui .mypage-member .text-bullet,
.ele_ui .mypage-member .text-bullet p {
  line-height: 20px;
}
.ele_ui .mypage-member .table--info {
  border-radius: 8px;
  color: #333;
}
.ele_ui .mypage-member .table--info a {
  color: #333;
}
.ele_ui .mypage-member .table--info table tbody tr td {
  border-radius: 0 0 8px 8px;
}
.ele_ui .mypage-member .table--info table tbody tr:first-child td {
  border-radius: 8px 8px 0 0;
}
.ele_ui .mypage-member .table--info table tbody tr th {
  padding: 0 20px;
  border-radius: 0;
}
.ele_ui .mypage-member .table--info table tbody tr:first-child th {
  border-radius: 8px 0 0 0;
}
.ele_ui .mypage-member .table--info table tbody tr:last-child th {
  border-radius: 0 0 0 8px;
}
.ele_ui .table--edit table tbody tr th.lh--58 {
  line-height: 58px;
}
.ele_ui .mypage-member .table--info .table--edit__list {
  margin: -20px -24px -20px -20px;
}
.ele_ui .mypage-member .table--info .table--edit__list li {
  padding: 20px 24px 20px 20px;
}
.ele_ui .mypage-member .table--info td {
  padding: 20px 24px 20px 20px;
}
.ele_ui .mypage-member .table--info table tbody tr:not(:first-child) td {
  padding: 20px 24px 20px 20px;
}
.ele_ui .mypage-member .page__button > button:not(.button-text) {
  min-width: 164px;
}
.ele_ui .page__button {
  gap: 12px;
}
.ele_ui .f-ele_gray {
  color: #666;
}
.ele_ui .f-ele_darkgray {
  color: #333;
}
.ele_ui .mypage-member .join-info__form table tbody tr:not(:first-child) th,
.ele_ui .mypage-member .join-info__form table tbody tr:not(:first-child) td {
  padding: 12px 0;
}
.ele_ui .mypage-member .join-info__form table tbody tr:first-child th,
.ele_ui .mypage-member .join-info__form table tbody tr:first-child td {
  padding: 0 0 12px;
}
.ele_ui .mypage-member .input-email .dropdown--area .dropdown--select {
  height: 62px;
}
/* 마이페이지/나의이력(교사) */
.ele_ui .mypage-service .box--edit-title.set--middle {
  margin-top: 0;
  min-height: 23px;
}
.ele_ui .table--list.tr-66 table tbody tr td {
  height: 66px;
}
.ele_ui .mypage-service .underline_16 {
  border-color: #333;
  color: #333;
}
.ele_ui .bor_none {
  border: 0;
}
.ele_ui.open_subject .tooltip--box-wrap.tooltip_line2 .tooltip--box {
  width: max-content;
  max-width: 260px;
}
/*  마이페이지/나의이력(학생) */
.ele_ui .mypage--area .flex_between input ~ .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .table--list.history_table table tbody tr td {
  color: #000;
}
.ele_ui .table--list.history_table table tbody tr td.f-gray-84 {
  color: #808080;
}
.ele_ui .table--list.history_table table tbody tr.history_title td:first-child {
  padding-right: 20px !important;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui .mypage--area .state-box {
  padding: 6px 12px;
}
.ele_ui.toast-default {
  padding: 20px 24px;
}
.ele_ui.toast-default p {
  gap: 16px;
}
.ele_ui .mypage--area .flex_between .input-box--text {
  font-size: 16px;
}
.ele_ui .dropdown--area.disabled .dropdown--select {
  border-color: #f0f0f0; /* 250508 수정 */
  color: rgba(0, 0, 0, 0.3);
}
/* 240424 나의교실 / 수업시간표 */
.ele_ui .box-bg__white.timetable--box {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .timetable--box {
  padding: 32px;
}
.ele_ui .timetable--box.is--scroll .timetable--table {
  padding: 0;
}
.ele_ui .timetable--table {
  margin-top: 20px;
}
.ele_ui .timetable--box.is--scroll .timetable--table table {
  margin-left: 0;
}
.ele_ui .timetable--box.is--scroll .timetable--legend {
  margin-left: 0;
}
.ele_ui .date--button {
  gap: 32px;
}
.ele_ui .date--button .button-icon {
  border: 1px solid #cccccc;
  width: 40px;
  height: 40px;
}
.ele_ui .date--button .button-icon:hover {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.ele_ui .date--button .button-icon:disabled {
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}
.ele_ui .date--button .button-main {
  width: 80px;
  height: 40px;
  font-size: 16px;
}
.ele_ui .timetable--legend {
  gap: 20px;
}
.ele_ui .timetable--legend p {
  gap: 12px;
  color: #666;
  font-size: 16px;
}
.ele_ui .timetable--legend p.is--school span {
  background-color: #fffbda;
  border-color: #facc1d;
}
.ele_ui .timetable--legend p.is--vod span {
  background-color: #deefff;
  border-color: #58afff;
}
.ele_ui .timetable--legend p.is--live span {
  background-color: #ffeddd;
  border-color: #ff932f;
}
.ele_ui .timetable--table table thead th {
  background-color: #f8faf7;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 16px 22px;
}
.ele_ui .timetable--table table thead th:not(:first-child, :nth-child(2)) {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.ele_ui .timetable--table table thead th .timetable--table-day {
  padding: 12px 20px;
  gap: 8px;
  width: 100px;
  height: auto;
}
.ele_ui .timetable--table table thead th .timetable--table-day strong {
  color: #333;
}
.ele_ui .timetable--table table thead th .timetable--table-day span {
  margin-top: 0;
  color: #b3b3b3;
  font-weight: 700;
}
.ele_ui .timetable--table table thead th .timetable--table-day.today {
  background-color: #6cbc35;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}
.ele_ui .timetable--table table thead th .timetable--table-day.today strong {
  color: #fff;
  font-weight: 800;
}
.ele_ui .timetable--table table thead th .timetable--table-day.today span {
  color: #fff;
}
.ele_ui .timetable--table table tbody tr.is-allday th:first-child:not(.empty) p,
.ele_ui
  .timetable--table
  table
  tbody
  tr.is-allday
  td:first-child:not(.empty)
  p {
  color: #808080;
  line-height: 16px;
}
.ele_ui .timetable--table table tbody th {
  vertical-align: top;
}
.ele_ui .timetable--table table tbody th p {
  color: #b3b3b3;
}
.ele_ui .timetable--table table tbody .is-minute th {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.ele_ui .lesson--item-text {
  color: #333;
}
.ele_ui .lesson--item-time {
  color: #333;
  opacity: 0.6;
}
.ele_ui .lesson--item.bg--school .lesson--item-inner {
  background-color: rgba(255, 224, 62, 0.2);
}
.ele_ui .lesson--item.bg--vod .lesson--item-inner {
  background-color: rgba(88, 175, 255, 0.2);
}
.ele_ui .lesson--item.bg--live .lesson--item-inner {
  background-color: rgba(255, 147, 47, 0.2);
}
.ele_ui .lesson--item.bg--school .lesson--item-inner::before {
  background-color: #ffe03e;
}
.ele_ui .lesson--item.bg--vod .lesson--item-inner::before {
  background-color: #58afff;
}
.ele_ui .lesson--item.bg--live .lesson--item-inner::before {
  background-color: #ff932f;
}
.ele_ui .lesson--item .tooltip--box {
  left: 50%;
}
.ele_ui
  .timetable--table
  table
  tbody
  td:nth-child(2)
  .lesson--item
  .tooltip--box-inner::after {
  margin: 0;
}
.ele_ui
  .timetable--table
  table
  tbody
  tr.is-last
  th:nth-child(2)
  .lesson--item
  .tooltip--box-inner::after,
.ele_ui
  .timetable--table
  table
  tbody
  tr.is-last
  th:nth-child(2)
  .lesson--item
  .tooltip--box-inner::before,
.ele_ui
  .timetable--table
  table
  tbody
  tr.is-last
  td:nth-child(2)
  .lesson--item
  .tooltip--box-inner::after,
.ele_ui
  .timetable--table
  table
  tbody
  tr.is-last
  td:nth-child(2)
  .lesson--item
  .tooltip--box-inner::before {
  margin: 0;
}
.ele_ui .timetable--box.is--scroll .lesson--item-inner .tooltip--box-text {
  padding: 11px 20px;
}
.ele_ui
  .timetable--box.is--scroll
  .lesson--item-inner
  .tooltip--box-text
  p
  + p {
  margin-top: 4px;
}
.ele_ui
  .timetable--box.is--scroll
  .lesson--item-inner
  .tooltip--box-text
  p:nth-child(2) {
  color: #549a22;
  font-weight: 700;
}
.lesson--item.edit .lesson--item-icon {
  background-image: url(../images/elementary/icon/ele_timetable_plus.svg);
}
.lesson--item.modify .lesson--item-icon {
  background-image: url(../images/elementary/icon/ele_timetable_modify.svg);
}
.ele_ui .box--empty {
  gap: 22px;
}
.ele_ui .box--empty-text {
  gap: 12px;
}
.ele_ui .box--empty-icon {
  width: 70px;
  height: 70px;
}
.ele_ui .timetable--table .box--empty {
  min-height: 480px;
}
/* 나의교실/우리반게시판(목록) */
.ele_ui .contents--title__right.is--search .title-search__filter {
  z-index: 2;
  padding: 24px;
}
.ele_ui .input-check .input--box::before {
  border-color: #999;
}
.ele_ui .input-check input:not([type="text"]):checked + .input--box::before {
  border-color: #6cbc35;
  background-color: #6cbc35;
  background-image: url(../images/elementary/icon/checkbox.svg);
}
.ele_ui .table--list .input-check .input--box::before {
  width: 20px;
  height: 20px;
}
.ele_ui .table--list table tbody tr td.f-darkgray {
  color: #808080;
}
.ele_ui .contents--title__right.is--search .title-search__filter .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .page__button-left > button:not(.button-text),
.page__button-left > a,
.ele_ui .page__button-right > button:not(.button-text),
.page__button-right > a {
  min-width: 110px;
}
.ele_ui .box--edit .table--list tbody {
  position: relative;
}
.ele_ui .box--edit .table--list tbody::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 14px;
  height: 100%;
  top: 0;
  left: 0;
}
.ele_ui .box--edit .table--list tbody::after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 14px;
  height: 100%;
  top: 0;
  right: 0;
}
.ele_ui .table--list.tr-80 table tbody tr td.empty {
  padding: 0;
}
.ele_ui .table--list table tbody tr td.empty {
  padding: 0;
}
/* 나의교실/우리반게시판(상세) */
.ele_ui .box--edit.is--detail.myclass__notice-detail {
  padding: 32px 24px;
}
.ele_ui .box--edit.is--detail.myclass__notice-detail .box--edit-title {
  margin: 0;
}
.ele_ui
  .box--edit.is--detail.myclass__notice-detail
  .reply--box__write
  .box--edit-title {
  margin-bottom: 24px;
}
.ele_ui .box--edit.is--detail.myclass__notice-detail .box--detail {
  margin-top: 24px;
}
.ele_ui .box--detail-title {
  background-color: #f8f8f8;
  padding: 20px;
}
.ele_ui .box--detail-title .detail-title--text {
  min-height: 24px;
  color: #333;
}
.ele_ui .box--detail-title .detail-title--info {
  min-height: 24px;
  height: 24px;
  color: #494949;
}
.ele_ui .box--detail-file {
  padding: 14px 20px;
  gap: 20px;
}
.ele_ui .box--detail-file .detail-file--item {
  gap: 6px;
}
.ele_ui .myclass__notice-detail .box--detail-indicator .detail-indicator--prev,
.ele_ui .myclass__notice-detail .box--detail-indicator .detail-indicator--next {
  width: calc(50% - 240px);
}
.ele_ui .box--edit-items {
  background-color: #f8f8f8;
}
.ele_ui .box--edit-items > dl > dt {
  color: #666;
}
.ele_ui .box--detail-editor {
  padding: 20px;
  min-height: 283px;
  color: #333;
}
.ele_ui
  .box--edit.is--detail.myclass__notice-detail
  .input-box--textarea
  textarea {
  border-color: #d9d9d9;
}
.ele_ui .button-tag.ele_green {
  background-color: #f2f7f0;
  color: #333;
}
.ele_ui
  .box--edit.is--detail.myclass__notice-detail
  .input-box--textarea
  .button-tag {
  gap: 3px;
  padding: 5px 7px 5px 13px;
}
.ele_ui
  .box--edit.is--detail.myclass__notice-detail
  .input-box--textarea
  .button-tag
  [class^="ico-"]:first-child {
  margin: 0;
}
.ele_ui .reply--item__writer .name {
  color: #333;
}
.ele_ui .reply--item__text {
  margin-top: 16px;
  color: #333;
}
.ele_ui .reply--item__date {
  color: #b3b3b3;
}
.ele_ui .myclass__notice-detail .box--detail-indicator {
  margin-top: 32px;
}
/* 나의교실/우리반게시판(등록) */
.ele_ui .box--edit.myclass__notice-write {
  padding: 32px 24px;
}
.ele_ui .box--edit.myclass__notice-write .box--edit-title {
  margin-top: 0;
}
.ele_ui .box--edit.myclass__notice-write .box--edit-item-group {
  padding: 0 24px;
  background-color: #f8f8f8;
  border-radius: 16px;
}
.ele_ui
  .box--edit.myclass__notice-write
  .box--edit-item-group
  .box--edit-items {
  margin: 0;
  border-radius: 0;
  padding: 24px 0;
  border-bottom: 1px solid #e6e6e6;
}
.ele_ui
  .box--edit.myclass__notice-write
  .box--edit-item-group
  .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui
  .box--edit.myclass__notice-write
  .box--edit-item-group
  .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
  border: 0;
}
.ele_ui .myclass__notice-write .box--edit-items > dl > dt {
  width: 126px;
  padding: 11px 0;
  min-height: unset;
}
.ele_ui .input-check .input--box .input--text {
  color: #333;
}
.ele_ui .box--edit-items .input-check {
  margin: 0;
}
.ele_ui .box--edit.myclass__notice-write .input-check .input--box {
  align-items: center;
  gap: 8px;
}
.ele_ui
  .box--edit.myclass__notice-write
  .input-box--text
  + .box-flex
  .input-check
  .input--box::before {
  width: 20px;
  height: 20px;
}
.ele_ui .myclass__notice-write .button-tag.violet-light {
  background-color: #f2f7f0;
  color: #333;
  font-size: 14px;
  padding: 5px 7px;
  font-weight: 400;
  gap: 3px;
}
.ele_ui .myclass__notice-write .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin: 0;
}
.ele_ui
  .myclass__notice-write
  .box--edit-items
  .dropdown--area
  .dropdown--box
  .input-check {
  padding: 6px 10px;
}
.ele_ui
  .myclass__notice-write
  .box--edit-items
  .dropdown--area:not([class*="width"])
  .dropdown--box
  .input-check:hover {
  background-color: #e2f3df;
}
.ele_ui .myclass__notice-write .dropdown--box .input-check .input--text {
  color: #666;
}
.ele_ui .myclass__notice-write .dropdown--box .input-check.active .input--text {
  color: #000;
}
.ele_ui .myclass__notice-write .dropdown--box .input-check:hover .input--text {
  color: #000;
}
.ele_ui .myclass__notice-write .box--edit-items .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .f-ele_gray_b3 {
  color: #b3b3b3;
}
.width-134 {
  width: 134px;
}
.ele_ui .myclass__notice-write .page__button .button-main {
  min-width: 164px;
}
.ele_ui .tooltip--box.width-366 {
  width: 366px;
}

/* 240426 마이페이지/나의할일 */
.ele_ui .mypage-alert.is--task .tab-text .tab--button.active {
  border-bottom-width: 2px;
  border-top: 1px solid #e6e6e6;
  border-radius: 0;
  font-weight: 800;
  cursor: default;
}
.ele_ui .mypage-alert.is--task .tab-text .tab--button:hover {
  font-weight: 800;
}
.ele_ui .mypage-alert.is--task .tab-box.tab-text {
  border-radius: 0;
}
.ele_ui .mypage-alert.is--task .mypage-alram {
  background-color: #fff;
  border: 0;
  border-radius: 20px;
  padding: 24px 20px 24px 16px; /* 250623 left수정 */
}
.ele_ui .mypage--area.is--task .mypage-alram--center {
  /* 250623 추가 */
  gap: 16px;
}
.ele_ui .mypage-alert.is--task .info-tag__menu {
  top: 20px;
  right: 16px;
}
.ele_ui .mypage-alert.is--task .info-tag__menu .tab-menu--button {
  background-image: url(../images/elementary/icon/ele_more_gray.svg);
  background-size: 20px;
  width: 28px;
  height: 28px;
}
.ele_ui .mypage-alert.is--task .info-tag__menu .tab-menu--button:hover {
  background-color: #f0f0f0;
}
.ele_ui .mypage-alert.is--task .state-box {
  font-size: 14px;
  height: 28px;
  min-width: 50px;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-title {
  gap: 8px;
  align-items: center;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-title .text {
  font-size: 18px;
  line-height: 20px;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-title .icon {
  margin-left: 0;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-title .dday {
  color: #ff932f;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-text {
  color: #333;
  font-weight: 400;
  margin-top: 10px;
}
.ele_ui .mypage-alert.is--task .mypage-alram--textbox .textbox-desc span {
  color: #808080;
}
.ele_ui .mypage-alert.is--task .mypage-alram.disabled {
  background-color: unset;
}
.ele_ui .mypage-alert.is--task .mypage-alram.disabled .state-box {
  opacity: 0.5;
}
.ele_ui
  .mypage-alert.is--task
  .mypage-alram.disabled
  .mypage-alram--textbox
  .textbox-title
  .text {
  color: #808080;
}
.ele_ui
  .mypage-alert.is--task
  .mypage-alram.disabled
  .mypage-alram--textbox
  .textbox-text {
  color: #808080;
}
.ele_ui
  .mypage-alert.is--task
  .mypage-alram.disabled
  .mypage-alram--textbox
  .textbox-desc
  span {
  color: #808080;
}
.ele_ui .mypage-alert.is--task .box--empty {
  background-color: #fff;
  border-radius: 20px;
  gap: 8px;
  min-height: 451px;
}
.ele_ui .mypage-alert.is--task .info-tag__menu .tab-menu--box {
  top: 34px;
}
/* 마이페이지/정보수정(교사) */
.ele_ui .mypage-member .button_link {
  width: 220px;
  height: 40px;
  font-size: 16px;
  padding: 0 12px;
}
.ele_ui .f-ele_brown {
  color: #684c15;
}
.ele_ui .layer__title {
  background-color: #f8f8f8;
}
.ele_ui.layer-area.onepass_modal .layer__title {
  padding: 22px 24px;
}
.ele_ui.layer-area.onepass_modal .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-area.onepass_modal .f-18-l {
  line-height: 28px;
  color: #333;
}
.ele_ui.layer-area.onepass_modal .layer__contents .history {
  background-color: #f8f8f8;
  padding: 16px 20px;
  margin-top: 24px;
}
.ele_ui.layer-area.onepass_modal .layer__contents .history p {
  line-height: 20px;
  color: #333;
}
.ele_ui.layer-area.onepass_modal .layer__contents .history .f-ele_brown {
  color: #684c15;
}
.ele_ui.layer-area.onepass_modal .page__button {
  padding: 24px;
  flex-direction: row;
}
.ele_ui.layer-area.onepass_modal .page__button button {
  height: 52px;
}
/* 디지털원패스 툴팁 */
.header--utill__profile
  .tooltip--box-wrap
  .tooltip--box.onepass
  .tooltip--box-text {
  flex-direction: column;
  background-color: #fff;
  padding: 16px;
  border: 0;
}
.header--utill__profile .tooltip--box-wrap .tooltip--box.onepass .desc p {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: 700;
}
.header--utill__profile .tooltip--box-wrap .tooltip--box.onepass .direct {
  background-color: #ffe03e;
  color: #684c15;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  padding: 0 12px;
  width: 100px;
  height: 40px;
  justify-content: center;
}
.header--utill__profile .tooltip--box-wrap .tooltip--box.onepass .direct:hover {
  background-color: #facc1d;
}
.header--utill__profile .tooltip--box-wrap .tooltip--box.onepass .no_watch {
  font-size: 14px;
  color: #808080;
  width: 100px;
  height: 40px;
  justify-content: center;
  padding: 0 12px;
  font-weight: 400;
}
.header--utill__profile
  .tooltip--box-wrap
  .tooltip--box.onepass
  .no_watch:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.header--utill__profile
  .tooltip--box-wrap
  .tooltip--box.onepass
  .tooltip--box-text
  .close_icon {
  width: 24px;
  height: 24px;
  top: 16px;
  right: 16px;
}
.header--utill__profile
  .tooltip--box-wrap
  .tooltip--box.onepass
  .tooltip--box-inner::after {
  border-color: #fff transparent transparent transparent;
  border-width: 12px 11px 0px 11px;
}
.header--utill__profile
  .tooltip--box-wrap
  .tooltip--box.onepass
  .tooltip--box-inner::before {
  border: none;
}
.header--utill__profile .tooltip--box-wrap .tooltip--box.onepass {
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.12));
}
/* 학습진단 */
.ele_ui .test-home__ing .box--empty {
  position: relative;
  min-height: unset;
}
.ele_ui .test-home__ing .empty--inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ele_ui .test-home__ing .empty--inner p {
  color: #333;
  text-align: center;
  line-height: 29px;
}
.ele_ui .test-home__ing .empty--bg {
  font-size: 0;
}
.ele_ui .test-home__ing .empty--bg img {
  width: 100%;
}
.ele_ui .test-home__ing .box--empty .box--empty-text {
  gap: 32px;
}
/* 학습진단 종합결과 수정 */
.ele_ui .result-total .mystudent--list .test-home__status-table thead th {
  padding-left: 12px;
  padding-right: 12px;
  color: #333;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  thead
  th:first-child {
  padding-left: 20px;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  thead
  th:last-child {
  padding-right: 20px;
  padding-left: 0;
}
.ele_ui .result-total .mystudent--list .test-home__status-table tbody td {
  padding-left: 12px;
  padding-right: 12px;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  tbody
  td:first-child {
  padding-left: 20px;
}
.ele_ui
  .result-total
  .mystudent--list
  .test-home__status-table
  tbody
  td:last-child {
  padding-right: 20px;
}
.ele_ui .result-total .table--list > .tbody::before,
.ele_ui .result-total .table--list > .tbody::after {
  width: 8px;
}
/* 240502 인트로 대시보드 애니메이션 및 문구 */
.ele_ui .bg_motion {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.ele_ui .intro-today__ai .today-ai--text {
  position: relative;
  z-index: 1;
}
.ele_ui .intro-today__ai .today-ai--text__title {
  /*240604 수정 display: flex; align-items: center; gap: 4px; */
  font-size: 44px;
}
.ele_ui .intro-today__ai .today-ai--text__title [class^="ico-"] {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.ele_ui .ico-70 {
  display: block;
  width: 70px;
  height: 70px;
  background-size: 70px;
}
.ele_ui .intro-today__ai .today-ai--text__text {
  color: #214125;
  margin-top: 26px;
  line-height: 38px;
}
.ele_ui .intro-today__ai .today-ai--text__text span {
  color: #428e0d;
}
.ele_ui .tutor_text p {
  font-size: 22px;
}
/* 240516 나의수업-수업활동(교사) */
.ele_ui .tab--wrapper .tab-box.tab-text.tab-fit.tab_same {
  gap: 0;
}
.ele_ui .class-info--box {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  min-height: 320px;
}
.ele_ui .class-info--title .info-title--button {
  right: 30px;
}
.ele_ui .class-info--box .button-icon .ico-edit-black {
  background-image: url(../images/elementary/icon/ico_edit_gray.svg);
}
/* .ele_ui .class-info--box .info-title--button .button-icon {width: auto; height: auto;} */
.ele_ui .class-related--box > .tab--contents.active {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 0;
  padding: 30px 24px 32px;
  background-color: #fff;
}
.ele_ui .class-related--box .tab-activity .tab-activity-list {
  padding: 0;
}
.ele_ui .class-related--box .tab-activity .tab-activity-list .f-gray-84 {
  color: #808080;
}
.ele_ui .class-info--thumnail.empty {
  background-color: #fffbda;
  background-image: url(../images/elementary/img/img_classcard_large.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.ele_ui .class-info--thumnail.empty::after {
  display: none;
}
.ele_ui .state-box.ing {
  background-color: #deefff;
  color: #258be9;
  height: 30px;
  padding: 6px 14px;
}
.ele_ui .state-box.standbying {
  background-color: #e6f8df;
  color: #52b210;
  height: 30px;
  padding: 6px 14px;
}
.ele_ui .state-box.waiting {
  background-color: #e6f8df;
  color: #52b210;
  height: 30px;
  padding: 6px 14px;
}
.ele_ui .state-box.end {
  background-color: #f0f0f0;
  color: #494949;
  height: 30px;
  padding: 6px 14px;
}
.ele_ui .class-info--title .title {
  min-height: 30px; /* 240725_수정 display: flex; align-items: center; */
  line-height: 30px;
}
.ele_ui .class-info--title .title .state-box {
  margin-top: 0;
}
.ele_ui .class-info--title .sub {
  margin-top: 8px;
  color: #494949;
}
.ele_ui .class-info--data {
  margin-top: 32px;
} /* 250626 수정 */
.ele_ui .class-info--data ul {
  justify-content: space-between;
  gap: 16px;
}
.ele_ui .class-info--data li {
  width: 330px;
  min-height: 18px;
}
.ele_ui .class-info--data li:nth-child(2n) {
  width: 280px;
}
.ele_ui .class-info--data strong {
  color: #999;
  display: flex;
  gap: 10px;
  width: 128px;
}
.ele_ui .class-info--data li:nth-child(2n) strong {
  width: 128px;
}
.ele_ui .class-info--textbox {
  padding: 28px 30px 32px;
}
.ele_ui .class-info--link {
  border-top: 0;
  padding: 0 30px 28px;
}
.ele_ui .class-info--link .button-text {
  color: #000;
  background-color: #f8f8f8;
}
.ele_ui .class-info--link .button-text:hover {
  background-color: #f0f0f0;
}
.ele_ui .class-info--link .button-text:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
  opacity: 1;
}
.ele_ui .class-related--box .tab-activity {
  margin-bottom: 0;
}
.ele_ui .class-related--box .tab-box.tab-full {
  gap: 10px;
}
.ele_ui .class-related--box .tab-activity .activity-category {
  height: unset;
  border-bottom: 0;
  padding: 0 0 24px;
  border-radius: 0;
}
.ele_ui .tab-switch .tab--button {
  background-color: unset;
  padding-top: 0;
  height: 40px;
  display: flex;
  justify-content: center;
  border: 0;
  border-bottom: 2px solid #e6e6e6;
  border-radius: 0;
  color: #999;
  font-size: 20px;
}
.ele_ui .tab-switch .tab--button:hover {
  color: #52b210;
}
.ele_ui .tab-switch .tab--button.active {
  border-bottom: 3px solid #52b210;
  color: #52b210;
}
.ele_ui
  .class-related--box
  .tab-activity
  .tab-activity-list
  .table--list
  tbody
  tr
  td.empty
  .box--empty {
  height: 384px;
  padding-top: 24px;
}
.ele_ui .tab-activity-detail .box-bg__white {
  padding: 8px 0 0;
}
.ele_ui .tab-activity--titles .state-box {
  margin-right: 0;
}
.ele_ui .tab-activity--titles {
  gap: 10px;
}
.ele_ui .tab-activity--titles .tab-activity--title {
  font-size: 22px;
  font-weight: 700;
}
.ele_ui .tab-activity-detail .box--edit-title {
  margin-top: 0;
}
.ele_ui .tab-activity--date {
  opacity: 1;
  color: #494949;
}
.ele_ui .tab-activity--counter {
  color: #494949;
  padding-left: 12px;
  margin-left: 12px;
}
.ele_ui .tab-activity--counter::before {
  background-color: #b3b3b3;
  opacity: 1;
  height: 20px;
  margin-top: -10px;
}
.ele_ui .tab-activity--row + .tab-activity--row {
  margin-top: 20px;
}
.ele_ui .tab-activity--row strong {
  margin: 0;
  color: #999;
}
.ele_ui .tab-activity--row strong + span:not([class^="f-ele_"]) {
  color: #333;
}
.ele_ui .tab-activity--info {
  border-bottom: 0;
  padding: 0 16px;
  margin-bottom: 32px;
}
.ele_ui .tab-activity-detail .detail_item ~ .detail_item {
  border-top: 1px solid #ccc;
  padding-top: 24px;
  margin-top: 32px;
}
.ele_ui .tab-activity-detail .open-box {
  background-color: #fff;
  border-color: #ccc;
  border-radius: 10px;
}
.ele_ui .tab-activity-detail .open-box + .open-box {
  margin-top: 12px;
}
.ele_ui .tab-activity-detail .open-box--thead.header {
  background-color: #f8f8f8;
  margin-bottom: 12px;
}
.ele_ui .open-box--thead.header .open-box--th {
  color: #333;
  font-weight: 700;
}
.ele_ui .open-box.answer .open-box--thead .open-box--th {
  color: #333;
}
.ele_ui .tab-activity-detail .open-box .open-box--thead {
  padding: 22px;
  height: 64px;
}
.ele_ui .tab-activity-detail .open-box .open-box--title {
  padding-left: 0;
  color: #333;
}
.ele_ui .tab-activity-detail .open-box--thead .open-box--title.title-bullet {
  position: relative;
  padding-left: 14px;
  color: #214125;
}
.ele_ui
  .tab-activity-detail
  .open-box--thead
  .open-box--title.title-bullet::after {
  content: "";
  display: block;
  width: 2px;
  height: 16px;
  background-color: #235f2a;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}
.ele_ui .tab-activity-detail .open-box .open-box--title::before {
  display: none;
}
.ele_ui .tab-activity-detail .open-box--thead.open + .open-box--contents {
  border-radius: 0 0 10px 10px;
  max-height: 300px;
  padding: 32px;
}
.ele_ui .tab-activity-detail .question .open-box--contents {
  background-color: #f2f7f0;
}
.ele_ui .tab-activity-detail .answer .open-box--contents {
  background-color: #f8f8f8;
}
.ele_ui .question-item .input-box--textarea textarea {
  padding: 16px 20px;
  color: #333;
}
.ele_ui .question-item--box {
  margin-top: 24px;
}
.ele_ui .answer .question-item + .question-item {
  margin-top: 24px;
}
.ele_ui .question-item .question-item--score {
  margin-top: 12px;
}
.ele_ui .question-item .question-item--score .input-info-text {
  font-size: 16px;
  font-weight: 700;
  color: #494949;
}
.ele_ui .question-item .question-item--score .input-box--text {
  height: 40px;
}
.ele_ui .question-item .question-item--score .input-box--text:not(input) input {
  padding: 12px 14px;
  font-size: 16px;
}
.ele_ui .question-item .question-item--score .item-score--total {
  color: #494949;
  font-size: 16px;
  margin-left: 12px;
}
.ele_ui .question-item .input-box--text.no-input {
  border: 0;
  padding: 16px 20px;
  height: auto;
}
.ele_ui .question-item--title {
  text-align: left;
  font-size: 18px;
  color: #333;
}
.ele_ui .question-item--submit {
  justify-content: flex-end;
  margin-top: 24px;
}
.ele_ui .question-item--submit .button-main {
  width: 164px;
  height: 32px;
  font-size: 14px;
}
.ele_ui .tab-activity-detail .box-bg__white .page__button {
  padding: 40px 0 0;
}
.ele_ui .open-box--thead .button-text.is--lsmall {
  height: 32px;
  font-size: 14px;
  padding: 0 12px;
  width: 92px;
}
.ele_ui .button-text {
  color: #333;
}
.ele_ui .width-146 {
  width: 146px;
}
.ele_ui .tab-activity-detail .question-item input[type="text"]:disabled,
.ele_ui .tab-activity-detail .question-item textarea:disabled {
  background-color: #fff;
}
.ele_ui .class-related--box .table--list table tbody tr td.td-title {
  padding-right: 8px;
}
/* 나의수업-수업활동-설문(교사) */
.ele_ui .class-related--box .tab-question {
  margin-bottom: 0;
}
.ele_ui .question-item .input-radio .input--box {
  padding: 0 20px;
  min-height: 56px;
}
.ele_ui .question-item .input-radio input:checked + .input--box {
  border-color: #52b210;
  background-color: #f2f7f0;
}
.ele_ui .question-item.survey.result .input-radio input:checked + .input--box {
  background-color: #fff;
}
.ele_ui .question-item.survey .input-radio .percent-bar {
  background-color: #f0f0f0;
}
.ele_ui
  .question-item.survey
  .input-radio
  input:checked
  + .input--box
  .percent-bar {
  background-color: #e7f9ca;
}
.ele_ui .question-item.survey.result .input-radio .input--text {
  position: relative;
  z-index: 1;
}
.ele_ui .tab-question .tab-activity-detail .question .open-box--contents {
  background-color: #f8f8f8;
  max-height: unset;
}
.ele_ui
  .question-item.survey.result
  .input-radio
  input:checked
  + .input--box
  .people--participate
  .button-action
  button {
  color: #52b210;
  opacity: 1;
}
.ele_ui .game--participate .people-list,
.ele_ui .people--participate .people-list {
  width: 148px;
}
.ele_ui .question-item.survey.result .people--participate .people-list {
  border: 0;
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.12));
  box-shadow: unset;
  bottom: 43px;
}
.ele_ui .question-item.survey.result .people--participate .people-list__list {
  padding: 16px 3px 16px 16px;
  scrollbar-gutter: stable;
}
.ele_ui
  .question-item.survey.result
  .people--participate
  .people-list.mode-center::before {
  width: 28px;
  height: 12px;
  bottom: -12px;
}
.ele_ui
  .question-item.survey.result
  .people--participate
  .people-list.mode-center::after {
  display: none;
}
.ele_ui .question-item.survey.result .people-list__list.size-32 {
  gap: 8px;
}
.ele_ui .question-item.survey.result .people-list__list.size-32 li {
  gap: 8px;
}
.ele_ui
  .question-item.survey.result
  .people-list__list.size-32
  .people-list__profile {
  width: 28px;
  height: 28px;
}
.ele_ui
  .question-item.survey.result
  .people-list__list.size-32
  .people-list__text {
  font-size: 14px;
  color: #333;
  font-weight: 700;
  margin-left: 0;
}
.ele_ui .input-radio .input--box::before {
  border-color: #999;
}
.ele_ui .input-radio .input--box .input--text {
  color: #333;
}
.ele_ui .input-radio input:not([type="text"]):checked + .input--box::before {
  background-image: url(../images/elementary/icon/radio_color_green.svg);
  background-size: auto;
  border-color: #82c255;
}
.ele_ui .question-item.survey .input-radio input:checked + .input--box::before {
  width: 24px;
  height: 24px;
  border: 1px solid #82c255;
}
.ele_ui
  .question-item.survey.result
  .people--participate
  .button-action
  button {
  opacity: 1;
  color: #999;
  gap: 6px;
}
.ele_ui
  .question-item.survey.result
  .people--participate
  .button-action
  button
  .ico-profile-black {
  background-image: url(../images/elementary/icon/ic_profile_gray.svg);
  margin: 0;
}
.ele_ui
  .question-item.survey.result
  .input-radio
  input:checked
  + .input--box
  .people--participate
  .button-action
  button
  .ico-profile-black {
  background-image: url(../images/elementary/icon/ic_profile_green.svg);
}
/* 나의수업-게시판(교사) */
.ele_ui .class-related--box .tab-board-list {
  padding: 0;
}
.ele_ui
  .class-related--box
  .tab-board-list
  .table--list
  tbody
  tr
  td.empty
  .box--empty {
  height: 384px;
  padding-top: 24px;
}
.ele_ui .class-related--box .tab-board-detail .box--detail {
  padding: 0;
}
.ele_ui .box--detail-title .detail-title--info .title-info--writer .photo {
  margin-left: 0;
}
.ele_ui .reply--item__files .item-file {
  background-color: #f8f8f8;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ele_ui .reply--item__files .item-file .download {
  top: 10px;
}
.ele_ui .tab-board-detail .box--edit-items > dl > dt {
  color: #333;
}
.ele_ui .reply--box__write .reply--box__menus .menus--file__list .button-tag {
  padding: 5px 5px 5px 13px;
  gap: 3px;
  font-size: 14px;
}
.ele_ui
  .reply--box__write
  .reply--box__menus
  .menus--file__list
  .button-tag
  [class^="ico-"]:first-child {
  margin-right: 0;
}
.ele_ui .reply--item__files .item-file {
  margin-top: 16px;
}
.ele_ui .reply--item__files + .reply--item__date {
  margin-top: 16px;
}
.ele_ui
  .class-related--box
  .tab-board-detail
  .box--detail
  .reply--box
  + .pagenavi--box {
  margin-top: 32px;
  margin-bottom: 40px;
}
.ele_ui .class-related--box .tab-board-detail .page__button {
  padding: 0;
}
/* 나의수업-수업질문(교사) */
.ele_ui .table--list table tbody tr td.f-ele_orange_active {
  color: #ff932f;
}
.ele_ui .table--list table tbody tr td.f-black-50 {
  color: #999;
}
.ele_ui .box--edit-items > dl > dt .req {
  color: #f27400;
}
.ele_ui .class-related--box .tab-question .box--edit-items {
  padding: 0 24px;
}
.ele_ui .class-related--box .tab-question .box--edit-items dl {
  padding: 24px 0;
}
.ele_ui .class-related--box .tab-question .box--edit-items dl + dl {
  border-top: 1px solid #e6e6e6;
  margin: 0;
}
.ele_ui
  .class-related--box
  .tab-question
  .box--edit-items
  .input-box
  + .button-main {
  height: 40px;
}
/* 나의수업-출결관리(교사) */
.ele_ui .tab-attendance .state-box {
  padding: 6px 14px;
  height: 30px;
}
.ele_ui .state-box.yes-end {
  background-color: #e6f8df;
  color: #52b210;
}
.ele_ui .state-box.no-end {
  background-color: #ffeddd;
  color: #f27400;
}
.ele_ui .state-box.early-end {
  background-color: #f0f0f0;
  color: #494949;
}
/* 나의수업-학생관리(교사) */
.ele_ui .class-related--box .tab-studentmanage.active {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 0;
}
.ele_ui .class-related--box .tab-studentmanage .studentmanage-category {
  height: unset;
  padding: 24px 0;
}
.ele_ui .box--empty-icon.is--student {
  background-image: url(../images/elementary/icon/student_ic_green.svg);
}
.ele_ui .accept.button-tag,
.ele_ui .accept.button-state,
.ele_ui .accept.button-main {
  background-color: #e6f8df;
  color: #52b210;
  font-size: 18px;
}
.ele_ui .reject.button-tag,
.ele_ui .reject.button-state,
.ele_ui .reject.button-main {
  background-color: #ffeddd;
  color: #f27400;
  font-size: 18px;
}
.ele_ui .button-state::after {
  width: 18px;
  height: 18px;
}
.ele_ui .accept.button-tag::after,
.ele_ui .accept.button-state::after,
.ele_ui .accept.button-main::after {
  background-image: url(../images/elementary/icon/ic_next_green_18.svg);
}
.ele_ui .reject.button-tag::after,
.ele_ui .reject.button-state::after,
.ele_ui .reject.button-main::after {
  background-image: url(../images/elementary/icon/ic_next_orange_18.svg);
}
.ele_ui .tab-studentmanage .button-state {
  width: 104px;
  justify-content: space-between;
  padding: 10px 11px 10px 15px;
}
.ele_ui .tab-studentmanage .state-box {
  padding: 6px 12px;
  height: 30px;
}
.ele_ui .f-ready {
  color: #383838;
}
.ele_ui .tab-studentmanage .state-box.ready {
  background-color: unset;
  color: #383838;
}
.ele_ui .class-related--box .table--list table thead tr th:first-child {
  padding-left: 14px;
}
.ele_ui .class-related--box .table--list table tbody tr td:first-child {
  padding-left: 14px;
}
.ele_ui .class-related--box .table--list table thead tr th:last-child {
  padding-right: 14px;
}
.ele_ui .class-related--box .table--list table tbody tr td:last-child {
  padding-right: 14px;
}
.ele_ui
  .class-related--box
  .tab-studentmanage
  .table--list
  tr
  td.empty
  .box--empty {
  height: 360px;
  padding-top: 0;
}
/* 나의수업-팝업 (교사) */
.ele_ui .layer__title {
  padding: 22px 24px;
}
.padding-t-22 {
  padding-top: 22px !important;
}
.ele_ui .f-ele_gray_99 {
  color: #999;
}
.ele_ui.layer-modify__coursecomplete .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-modify__coursecomplete.type1 .box--edit-title {
  font-size: 18px;
  margin-bottom: 16px;
}
.ele_ui.layer-modify__coursecomplete.type1
  .table--list
  table
  thead
  .next--tr
  th {
  border-top: 1px solid #e6e6e6;
  padding-bottom: 22px;
}
.ele_ui.layer-modify__coursecomplete.type1 .table--list table thead tr th {
  padding: 12px 0;
}
.ele_ui.layer-modify__coursecomplete.type1 .f-green {
  color: #52b210;
}
.ele_ui.layer-modify__coursecomplete.type1 .f-red {
  color: #f27400;
}
.ele_ui.layer-modify__coursecomplete
  .layer__container
  .layer__contents
  .dropdown--item[data-color="f-red"] {
  color: #494949;
}
.ele_ui.layer-modify__coursecomplete
  .layer__container
  .layer__contents
  .dropdown--item[data-color="f-green"] {
  color: #494949;
}
.ele_ui.layer-modify__coursecomplete
  .layer__container
  .layer__contents
  .dropdown--item.active {
  color: #000;
}
.ele_ui.layer-modify__coursecomplete .layer__container .page__button {
  padding-bottom: 40px;
}
.ele_ui.layer-search__addstudent .layer__container {
  width: 916px;
}
.ele_ui.layer-search__addstudent .layer__title {
  padding: 22px 24px;
}
.ele_ui.layer-search__addstudent .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-search__addstudent .box--edit-title {
  color: #333;
  font-size: 16px;
  margin-top: 32px;
  margin-bottom: 16px;
}
.ele_ui.layer-search__addstudent .student-upload__subtitle {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.ele_ui.layer-search__addstudent .student-upload__subtitle .num {
  color: #999;
}
.ele_ui.layer-search__addstudent .layer__container .page__button {
  padding: 0px 0 40px;
}
.ele_ui.layer-search__addstudent .table--list table thead tr th:first-child {
  padding-left: 14px;
}
.ele_ui.layer-search__addstudent
  .table--list
  table
  tbody
  tr
  td:not(.empty):first-child {
  padding-left: 14px;
}
.ele_ui.layer-search__addstudent .table--list table tbody tr td.empty {
  color: #808080;
  height: 360px;
  margin-bottom: 24px;
}
.ele_ui.layer-search__addstudent .table--list {
  padding-bottom: 1px;
}
.ele_ui.layer-student__upload .box--edit-title {
  color: #333;
  font-size: 18px;
  margin-bottom: 16px;
  min-height: 20px;
}
.ele_ui.layer-student__upload .layer__container .layer__contents .box--search {
  margin-bottom: 32px;
}
.ele_ui.layer-student__upload
  .layer__container
  .layer__contents
  .box--search
  .dropdown--area {
  width: 168px;
}
.ele_ui.layer-student__upload
  .layer__container
  .layer__contents
  .student-upload__subtitle {
  color: #333;
  font-size: 16px;
  margin-bottom: 16px;
}
.ele_ui.layer-student__upload
  .layer__container
  .layer__contents
  .student-upload__student {
  margin-bottom: 32px;
}
.ele_ui.layer-student__upload
  .layer__container
  .layer__contents
  .student-upload__student
  .button-tag {
  padding: 5px 7px;
  font-size: 14px;
  gap: 3px;
}
.ele_ui.layer-student__upload
  .layer__container
  .layer__contents
  .student-upload__student
  .button-tag
  [class^="ico-"]:first-child {
  margin: 0;
}
.ele_ui.layer-student__upload .table--list table thead tr th:first-child {
  padding-left: 14px;
}
.ele_ui.layer-student__upload .table--list table thead tr th:last-child {
  padding-right: 14px;
}
.ele_ui.layer-student__upload .table--list table tbody tr td:first-child {
  padding-left: 14px;
}
.ele_ui.layer-student__upload .table--list table tbody tr td:last-child {
  padding-right: 14px;
}
.ele_ui.layer-student__upload .layer__container .layer__contents .box--empty {
  height: 360px;
}
.ele_ui.layer-student__upload .layer__container .page__button {
  padding: 48px 0 40px;
}
.ele_ui.toast-default p > span {
  background-size: 100%;
}
.ele_ui.layer-feedback__write .layer__container {
  max-height: 590px;
}
.ele_ui.layer-feedback__write .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-feedback__write .layer__container .input-box--textarea textarea {
  min-height: 360px;
  padding: 16px;
  color: #000;
}
.ele_ui.layer-feedback__write
  .layer__container
  .input-box--textarea
  textarea::placeholder {
  color: #808080;
}
.ele_ui.layer-feedback__write .layer__container .page__button {
  padding: 24px 0;
}
.ele_ui.layer-feedback__write .layer__container .page__button .button-main {
  width: 158px;
  min-width: 158px;
}
.ele_ui .ico-48 {
  width: 48px;
  height: 48px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.ele_ui.layer-area.modal-area.modal-default
  .page__button
  button:not([class*="width"]) {
  max-width: 183px;
}
.ele_ui.layer-write__activity .layer__container,
.ele_ui.layer-write__survey .layer__container {
  width: 1128px;
}
.ele_ui.layer-write__activity .layer__container .layer__contents,
.ele_ui.layer-write__survey .layer__container .layer__contents {
  padding: 0;
}
.ele_ui.layer-write__activity .box--edit-group {
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 0 24px;
}
.ele_ui.layer-write__activity .box--edit-title {
  color: #333;
  font-size: 18px;
}
.ele_ui.layer-write__activity .box--edit .box--edit-group .box--edit-items {
  border-radius: 0;
  padding: 24px 0;
}
.ele_ui.layer-write__activity .box--edit .box--edit-group .box-grid {
  border-radius: 0;
  padding: 0;
  gap: 72px;
}
.ele_ui.layer-write__activity
  .box--edit
  .box--edit-group
  .box-grid
  .box--edit-items.cell-06 {
  width: calc(50% - 36px);
}
.ele_ui.layer-write__activity
  .box--edit
  .box--edit-group
  .box--edit-items
  + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__activity
  .box--edit
  .box--edit-group
  .box-grid
  .box--edit-items
  + .box--edit-items {
  border: 0;
}
.ele_ui.layer-write__activity .box--edit-group .box--edit-items + .box-grid {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__activity
  .box--edit-group
  .box--edit
  .box-grid
  + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-write__activity .box--edit-group .box-grid + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__activity .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui.layer-write__activity .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui.layer-write__activity .box--edit-items > dl > dt {
  color: #494949;
  padding: 16px 0;
}
.ele_ui.layer-write__activity .box--edit-group + .box--edit-title {
  margin-top: 24px;
}
.ele_ui.layer-write__activity .box--edit-group .open-box {
  border-radius: 0;
  border: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__activity .box--edit-group .open-box .open-box--thead {
  padding: 24px 0 0;
  height: unset;
}
.ele_ui.layer-write__activity .box--edit-group .open-box .open-box--contents {
  padding: 0;
  border-top: 0;
}
.ele_ui.layer-write__activity
  .box--edit
  .box--edit-group
  .open-box
  .box--edit-items
  + .box--edit-items {
  border: 0;
  padding-top: 0;
}
.ele_ui.layer-write__activity .label-title {
  background-color: #ffeddd;
  color: #f27400;
  padding: 8px 20px;
  height: 32px;
}
.ele_ui.layer-write__activity
  .box--edit-items
  > dl
  > dd
  .input--box
  .input--number {
  color: #333;
}
.ele_ui.layer-write__survey
  .box--edit-items
  > dl
  > dd
  .input--box
  .input--number {
  color: #333;
}
.ele_ui .height-104 {
  height: 104px;
}
.ele_ui.layer-write__survey .box--edit-title {
  color: #333;
  font-size: 18px;
}
.ele_ui.layer-write__survey .box--edit-group {
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 0 24px;
}
.ele_ui.layer-write__survey .box--edit .box--edit-group .box--edit-items {
  border-radius: 0;
  padding: 24px 0;
}
.ele_ui.layer-write__survey .box--edit .box--edit-group .box-grid {
  border-radius: 0;
  padding: 0;
  gap: 72px;
}
.ele_ui.layer-write__survey
  .box--edit
  .box--edit-group
  .box-grid
  .box--edit-items.cell-06 {
  width: calc(50% - 36px);
}
.ele_ui.layer-write__survey
  .box--edit
  .box--edit-group
  .box--edit-items
  + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__survey
  .box--edit
  .box--edit-group
  .box-grid
  .box--edit-items
  + .box--edit-items {
  border: 0;
}
.ele_ui.layer-write__survey .box--edit-group .box--edit-items + .box-grid {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__survey
  .box--edit-group
  .box--edit
  .box-grid
  + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-write__survey .box--edit-group .box-grid + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__survey .open-box--thead {
  padding: 24px 24px 0;
}
.ele_ui.layer-write__survey .open-box--contents {
  border-top: 0;
  padding: 0 24px;
}
.ele_ui.layer-write__survey .box--edit-items {
  padding: 24px 0;
  border-radius: 0;
}
.ele_ui.layer-write__survey .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__survey .box--edit-items > dl > dt {
  color: #494949;
  padding: 16px 0;
}
.ele_ui.layer-write__survey .layer__container .button-items-control {
  margin-top: 12px;
  opacity: 1;
}
.ele_ui.layer-write__survey
  .layer__container
  .button-items-control
  .ico-minus-black {
  background-image: url(../images/elementary/icon/ic_minus.svg);
}
.ele_ui.layer-write__survey
  .layer__container
  .button-items-control
  .ico-add-black {
  background-image: url(../images/elementary/icon/ic_add.svg);
}
.ele_ui.layer-write__survey .open-box {
  border: 0;
}
.ele_ui.layer-write__notice .box--edit-items > dl > dt {
  color: #494949;
  padding: 16px 0;
}
.ele_ui.layer-write__notice .box--edit-group {
  background-color: #f8f8f8;
  border-radius: 16px;
  padding: 0 24px;
  margin-top: 0;
}
.ele_ui.layer-write__notice .box--edit .box--edit-group .box--edit-items {
  border-radius: 0;
  padding: 24px 0;
}
.ele_ui.layer-write__notice .box--edit .box--edit-group .box-grid {
  border-radius: 0;
  padding: 0;
}
.ele_ui.layer-write__notice
  .box--edit
  .box--edit-group
  .box--edit-items
  + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__notice
  .box--edit
  .box--edit-group
  .box-grid
  .box--edit-items
  + .box--edit-items {
  border: 0;
}
.ele_ui.layer-write__notice .box--edit-group .box--edit-items + .box-grid {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__notice
  .box--edit-group
  .box--edit
  .box-grid
  + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-write__notice .box--edit-group .box-grid + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__notice .box--edit-items .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui.layer-write__notice .box--edit > .box--edit-group .box-grid {
  gap: 72px;
}
.ele_ui.layer-write__notice
  .box--edit
  > .box--edit-group
  .box-grid
  .box--edit-items {
  width: calc(50% - 72px / 2);
}
.ele_ui.layer-setting__attendance .box--edit-title {
  font-size: 18px;
  color: #333;
}
.ele_ui.layer-setting__attendance.live .layer__container {
  width: 828px;
}
.ele_ui.layer-setting__attendance .layer__container .layer__contents {
  padding: 24px;
}
.ele_ui.layer-setting__attendance
  .layer__container
  .layer__contents
  .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui.layer-setting__attendance .box--edit-title {
  margin-bottom: 16px;
}
.ele_ui.layer-setting__attendance .state-box {
  background-color: unset !important;
} /* 241121 important 추가 */
.ele_ui.layer-setting__attendance .state-box.late-end {
  color: #333;
}
.ele_ui.layer-setting__attendance .state-box.early-end {
  color: #333;
}
.ele_ui.layer-setting__attendance .f-green {
  color: #52b210;
}
.ele_ui.layer-setting__attendance .f-red {
  color: #f27400;
}
.ele_ui.layer-setting__attendance .f-black-80 {
  color: #333;
}
.ele_ui .table--list table tbody tr td.f-ele_green {
  color: #52b210;
}
.ele_ui .table--list table tbody tr td.f-ele_orange {
  color: #f27400;
}
.ele_ui.layer-setting__attendance .table--list table thead.rows tr th {
  padding: 12px 0;
}
.ele_ui.layer-setting__attendance
  .table--list
  table
  thead.rows
  tr
  th:first-child {
  padding-left: 14px;
}
.ele_ui.layer-setting__attendance .table--list table thead.rows tr.next--tr th {
  padding-bottom: 22px;
  padding-top: 0;
}
.ele_ui.layer-setting__attendance
  .table--list
  table
  thead.rows
  tr.next--tr
  th:first-child {
  padding-left: 8px;
}
/* .ele_ui.layer-setting__attendance .table--list table thead.rows tr.next--tr th:last-child {padding-right: 22px} 241121 삭제*/
.ele_ui.layer-setting__attendance
  .table--list
  table
  thead.rows
  tr.next--tr
  th
  span {
  width: 100%;
  height: 100%;
  padding-top: 12px;
  display: block;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-setting__attendance
  .layer__container
  .layer__contents
  .padding-l-15 {
  padding-left: 14px !important;
}
.ele_ui.layer-setting__attendance.livevideo
  .table--list
  table
  tbody
  tr
  td:last-child {
  padding-right: 14px;
}
.ele_ui.layer-setting__attendance.video
  .table--list
  table
  tbody
  tr
  td:last-child {
  padding-right: 14px;
}
.ele_ui.layer-setting__attendance.video .layer__container {
  width: 1086px;
}
.ele_ui .table--list table tbody tr td.empty {
  color: #808080;
  border: 0;
}
.ele_ui .f-ele_gray_80 {
  color: #808080;
}
.ele_ui
  .input-radio
  input:not([type="text"]):checked
  + .input--box
  input[type="text"] {
  color: #52b210;
}
/* 나의수업-수업활동(학생) */
.ele_ui .table--list table tbody tr td.f-ele_ing {
  color: #58afff;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui .table--list table tbody tr td.f-ele_end {
  color: #494949;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui .table--list table tbody tr td.f-ele_impossible {
  color: #ccc;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui .tab-activity--info .file-item {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: underline;
  text-underline-position: under;
  color: #333;
}
.ele_ui .open-box.box.before_submit .open-box--contents {
  background-color: #f2f7f0;
  padding: 32px;
  border-radius: 0 0 10px 10px;
}
.ele_ui .open-box.box.after_submit .open-box--contents {
  background-color: #f8f8f8;
  padding: 32px;
  border-radius: 0 0 10px 10px;
}
.ele_ui .open-box.box.after_submit .label-title {
  background-color: #ffeddd;
  color: #f27400;
  padding: 8px 20px;
  height: 32px;
  font-size: 14px;
  line-height: 16px;
}
.ele_ui .open-box.box.after_submit .label-num {
  font-size: 14px;
  color: #333;
  min-width: unset;
}
.ele_ui .open-box.box.after_submit .label-num em {
  font-size: 18px;
  margin-right: 4px;
}
.ele_ui .question-item .input-box--text .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .question-item .input-box--text .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui .question-item .input-box--text.input-file {
  height: 60px;
}
.ele_ui .question-item .input-box--text.no-input.is--tags {
  padding-left: 14px;
}
.ele_ui .file-item {
  gap: 8px;
}
.ele_ui .file-item--name {
  color: #333;
  text-underline-position: under;
}
.ele_ui .question-item--feedback {
  background-color: #fff;
  padding: 22px;
  border-color: #d9d9d9;
  border-radius: 10px;
}
.ele_ui .question-item--feedback .feedback--title {
  color: #214125;
  padding-left: 14px;
  position: relative;
}
.ele_ui .question-item--feedback .feedback--title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 2px;
  height: 16px;
  background-color: #235f2a;
}
.ele_ui .question-item--feedback .feedback--contents {
  padding-left: 0;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}
.ele_ui .question-item--feedback .feedback--contents::before {
  display: none;
}
.ele_ui .tab-activity-detail .open-box.box .open-box--contents {
  padding: 32px;
  border-radius: 0 0 10px 10px;
}
.ele_ui .question-item .input-radio-group.col-02 {
  gap: 12px 0;
}
.ele_ui
  .question-item
  .input-radio:not(.is--incorrect, .is--correct)
  input:disabled:checked
  + .input--box:before {
  background-image: url(../images/elementary/icon/radio_color_green.svg);
}
.ele_ui
  .question-item.after_submit
  .input-radio:not(.is--incorrect, .is--correct)
  input:disabled:checked
  + .input--box:before {
  background-image: url(../images/elementary/icon/ic_check_24.svg);
  border: 0;
  background-color: unset;
}
/* 나의수업-게시판(학생) */
.ele_ui .state-bbs {
  background-color: #ffe03e;
  color: #684c15;
  line-height: 16px;
}
.ele_ui .table--list table tbody tr td.td-title.has--icon {
  font-size: 0;
}
.ele_ui .table--list table tbody tr td.td-title.has--icon .td-title--text {
  max-width: calc(100% - 46px);
}
.ele_ui .table--list table tbody tr td.td-title.has--icon .state-bbs {
  position: relative;
  margin-left: 4px;
}
.ele_ui
  .table--list
  table
  tbody
  tr
  td.td-title.has--icon
  .td-title--text
  + .td-title--icon {
  margin-left: 4px;
  margin-right: 0;
}
.ele_ui .box--detail-title .detail-title--text .text--word {
  margin-right: 8px;
}
.ele_ui
  .class-related--box
  .tab-question
  .box--detail.reply--box
  .title-info--writer
  .photo {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
}
.ele_ui
  .class-related--box
  .tab-question
  .box--detail.reply--box
  .title-info--writer {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ele_ui
  .class-related--box
  .tab-question
  .box--detail.reply--box
  .title-info--writer
  .name {
  color: #494949;
  font-weight: 700;
}
.ele_ui .box--detail-title .detail-title--info .title-info--writer {
  gap: 6px;
}
.ele_ui
  .class-related--box
  .tab-question
  .box--detail.reply--box
  .box--detail-editor {
  min-height: 131px;
}
/* 나의수업-출결관리(학생) */
.ele_ui .class-related--box .tab-attendance-list .box--edit-title:first-child {
  margin-top: 0;
  margin-bottom: 24px;
  color: #214125;
}
/* 나의수업-팝업(학생) */
.ele_ui.layer-write__question .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-write__question .layer__container .layer__contents .box--edit {
  padding: 0 24px;
  background-color: #f8f8f8;
  border-radius: 16px;
}
.ele_ui.layer-write__question .box--edit .box--edit-items + .box--edit-items,
.ele_ui.layer-write__question .box--edit .box--edit-items + .box-grid,
.ele_ui.layer-write__question .box--edit .box-grid + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
  border-radius: 0;
}
.ele_ui.layer-write__question .box--edit .box--edit-items {
  padding: 24px 0;
}
.ele_ui.layer-write__question .box--edit .box-grid {
  padding: 0;
  gap: 72px;
}
.ele_ui.layer-write__question .box--edit .box-grid .box--edit-items {
  border-top: 0;
  width: calc(50% - 36px);
}
.ele_ui.layer-write__question .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui.layer-write__question .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui.layer-write__question .box--edit-items > dl > dt {
  color: #494949;
}
.ele_ui.layer-write__question .layer__container .page__button {
  padding: 40px 0;
}
/* .ele_ui .box--edit-items .input-radio + .input-radio:not(.width-full) {
  margin-left: 45px;
} 250520 삭제 */
/* 240521 학습진단 툴팁 문구 변경 */
.tooltip--box.title-aitest .tooltip--box-inner::after {
  left: 145px;
}
/* 240527 나의수업-수업목록 */
.ele_ui .tab-board-detail .reply--box__write .input-box--textarea textarea {
  height: 67px !important;
}
.ele_ui .today-lesson.type--myclass + .type--myclass {
  margin-top: 24px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info {
  background-color: #f1f9ff;
  padding: 32px;
}
.ele_ui .today-lesson.type--myclass.noset .today-lesson--info {
  background-color: #fffbda;
}
.ele_ui .today-lesson.type--myclass.planned .today-lesson--info {
  background-color: #edfbe4;
}
.ele_ui .today-lesson.type--myclass.end .today-lesson--info {
  background-color: #f8f8f8;
}
.ele_ui .state-box.planned {
  background-color: #d4f1bf;
  color: #428e0d;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info .ico-repeat {
  background-image: url(../images/elementary/icon/ic_repeat_blue_20px.svg);
}
.ele_ui .today-lesson.type--myclass.noset .today-lesson--info .ico-repeat {
  background-image: url(../images/elementary/icon/ic_repeat_yellow_20px.svg);
}
.ele_ui .today-lesson.type--myclass.planned .today-lesson--info .ico-repeat {
  background-image: url(../images/elementary/icon/ic_repeat_green_20px.svg);
}
.ele_ui .today-lesson.type--myclass.end .today-lesson--info .ico-repeat {
  background-image: url(../images/elementary/icon/ic_repeat_gray_20px.svg);
}
.ele_ui
  .today-lesson.type--myclass
  .today-lesson--info__title
  .title-area
  .text {
  margin-right: 8px;
}
.ele_ui
  .today-lesson.type--myclass
  .today-lesson--info__title
  .tooltip--box-wrap {
  margin-top: 0;
  padding: 4px 32px 4px 0;
}
.ele_ui
  .today-lesson.type--myclass
  .today-lesson--info__title
  .tooltip--button {
  color: #258be9;
  font-size: 18px;
  line-height: 20px;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info__title
  .tooltip--button {
  color: #684c15;
}
.ele_ui
  .today-lesson.type--myclass.planned
  .today-lesson--info__title
  .tooltip--button {
  color: #52b210;
}
.ele_ui
  .today-lesson.type--myclass.end
  .today-lesson--info__title
  .tooltip--button {
  color: #999999;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__btns {
  margin-top: 24px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info .button-main {
  background-color: #58afff;
  color: #fff;
  font-weight: 700;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info .button-main:hover {
  background-color: #258be9;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info .button-main.line {
  background-color: #fff;
  border-color: #ccc;
  color: #333333;
}
.ele_ui
  .today-lesson.type--myclass
  .today-lesson--info
  .button-main.line:hover {
  border-color: #258be9;
  color: #258be9;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info .button-main:disabled {
  opacity: 1;
}
.ele_ui .today-lesson.type--myclass.noset .today-lesson--info .button-main {
  background-color: #ffe03e;
  color: #684c15;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info
  .button-main:hover {
  background-color: #facc1d;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info
  .button-main:disabled {
  background-color: rgba(255, 224, 62, 0.4);
  color: rgba(104, 76, 21, 0.4);
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info
  .button-main.line {
  background-color: #fff;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info
  .button-main.line:hover {
  border-color: #d4aa09;
  color: #684c15;
}
.ele_ui .today-lesson.type--myclass.planned .today-lesson--info .button-main {
  background-color: #6cbc35;
}
.ele_ui
  .today-lesson.type--myclass.planned
  .today-lesson--info
  .button-main:hover {
  background-color: #549a22;
}
.ele_ui
  .today-lesson.type--myclass.planned
  .today-lesson--info
  .button-main:disabled {
  background-color: rgba(108, 188, 53, 0.4);
}
.ele_ui .today-lesson.type--myclass.end .today-lesson--info .button-main {
  background-color: #ffe03e;
  color: #684c15;
}
.ele_ui .today-lesson.type--myclass.end .today-lesson--info .button-main:hover {
  background-color: #facc1d;
}
.ele_ui
  .today-lesson.type--myclass.end
  .today-lesson--info
  .button-main:disabled {
  background-color: #e6e6e6;
  color: #b3b3b3;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__date {
  color: #494949;
  padding-left: 28px;
  font-size: 16px;
  position: relative;
  margin-top: 12px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__date::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../images/elementary/icon/ic_clock_gray_20px.svg);
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-size: 100%;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__subject em {
  color: #808080;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__subject p {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  margin-top: 9px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__tag {
  margin-top: 0;
  top: 28px;
  right: 28px;
  width: auto;
  height: auto;
}
.ele_ui
  .today-lesson.type--myclass
  .today-lesson--info__tag
  .info-tag__menu
  .tab-menu--button {
  background-image: url(../images/elementary/icon/ele_more_gray.svg);
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info__title
  .title-area {
  margin-top: 12px;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info__title
  .title-area
  .text {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info__title
  .title-area
  .text
  span {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.ele_ui
  .today-lesson.type--myclass.noset
  .today-lesson--info__date
  + .today-lesson--info__btns {
  margin-top: auto;
}
.ele_ui .info-tag__menu .tab-menu--box {
  border: 1px solid #e6e6e6;
}
.ele_ui .today-lesson.type--myclass.repeat {
  min-height: unset;
}
.ele_ui .today-lesson .today-lesson--data .tab-box {
  height: 62px;
}
.ele_ui .today-lesson .today-lesson--data .tab--button {
  padding-top: 24px;
}
.ele_ui
  .today-lesson
  .today-lesson--data
  .today-lesson--data__list
  .data-list__notice {
  background-color: #ff932f;
}
.ele_ui
  .today-lesson
  .today-lesson--data
  .today-lesson--data__list
  .data-list__title
  span {
  color: #333;
}
.ele_ui
  .today-lesson
  .today-lesson--data
  .today-lesson--data__list
  .data-list__date {
  color: #808080;
}
.ele_ui .today-lesson.type--myclass .today-lesson--data__btns {
  top: 13px;
  right: 16px;
}
.ele_ui .class-related--box .tab-studylist .setting-box {
  margin-bottom: 24px;
}
.ele_ui .tab-studylist .divide--date {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 24px;
}
.ele_ui .tab-studylist .divide--date .week-filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.ele_ui .tab-studylist .divide--date .week-filter button {
  display: flex;
  align-items: center;
}
.ele_ui .tab-studylist .divide--date .week-filter strong {
  font-size: 18px;
  color: #333;
  line-height: 20px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--data .tab-box {
  padding-left: 20px;
}
.ele_ui .today-lesson.type--myclass .today-lesson--data .data-list__box {
  padding: 0 20px;
}
.ele_ui
  .today-lesson
  .today-lesson--data
  .today-lesson--data__list
  .data-list__box
  li {
  padding: 0 8px;
}
.ele_ui .ico-mp4-gray {
  background-image: url(../images/elementary/icon/ic_video_purple_40px.svg);
}
.ele_ui .today-lesson.type--myclass.noset .today-lesson--data .nodata,
.ele_ui .today-lesson.type--myclass.planned .today-lesson--data .nodata {
  color: #808080;
}
.ele_ui
  .today-lesson.type--myclass.planned
  .today-lesson--info__btns
  .state-box {
  background-color: #fff;
  color: #52b210;
  font-size: 14px;
  line-height: 16px;
  padding: 4px 10px;
  height: 24px;
}
.ele_ui .today-lesson.type--myclass .tooltip--box-inner::after {
  left: 50%;
  transform: translate(-50%, -100%) rotate(180deg);
}
/* 나의수업 - 나의과목 */
.ele_ui .myclass__classes .tab-box {
  gap: 10px;
}
.ele_ui .tab--button.active .num {
  color: #52b210;
}
.ele_ui .tab--button .num {
  margin-left: 8px;
}
.ele_ui .myclass__classes .classes--wrapper {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .myclass__classes .classes--wrapper .box--search {
  padding-top: 30px;
}
.ele_ui .myclass__classes .classes--filter {
  margin-top: 24px;
  gap: 32px;
}
.ele_ui .myclass__classes .input-check .input--box .input--text {
  color: #494949;
}
.ele_ui .myclass__classes .classes--wrapper .box--search + .tab--contents {
  padding-bottom: 32px;
}
.ele_ui .recommend--item.is--myclass {
  border: 1px solid #d9d9d9;
  border-radius: 16px;
}
.ele_ui .recommend--item.is--myclass .recommend--thum {
  border: 0;
}
.ele_ui .recommend--item.is--myclass .recommend--contents {
  border: 0;
  padding: 20px;
}
.ele_ui .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #6cbc35;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--thum::after,
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--thum::after {
  border: 0;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--contents,
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--contents {
  border: 0;
  padding: 20px;
}
.ele_ui
  .myclass__classes
  .recommend--item.is--myclass
  .recommend--thum
  .button-tag {
  top: 20px;
  left: 20px;
  border-radius: 22px;
  padding: 7px 10px;
  height: 32px;
  line-height: 18px;
  min-width: 50px;
}
.ele_ui .blue.button-tag {
  background-color: #58afff;
}
.ele_ui .button-tag.ing {
  background-color: #58afff;
  color: #fff;
}
.ele_ui .button-tag.planned {
  background-color: #6cbc35;
  color: #fff;
}
.ele_ui .button-tag.end {
  background-color: #b3b3b3;
  color: #fff;
}
.ele_ui .recommend--item.is--myclass .recommend--grade .button-tag {
  background-color: #f2f7f0;
  color: #52b210;
  min-width: 55px;
  height: 30px;
  font-size: 14px;
  line-height: 16px;
}
.ele_ui .myclass__classes .info-tag__menu.is--small {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ele_ui .myclass__classes .info-tag__menu .tab-menu--button {
  background-image: url(../images/elementary/icon/ele_more_gray.svg);
  width: 32px;
  height: 32px;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title {
  width: 100%;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title
  span {
  width: 100%;
  white-space: normal;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 20px;
}
.ele_ui .recommend--item.is--myclass .recommend--info {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
  min-height: 68px;
}
.ele_ui .recommend--item.is--myclass .recommend--info span {
  font-size: 14px;
  line-height: 16px;
}
.ele_ui .recommend--item.is--myclass .recommend--info .class {
  color: #ff932f;
  font-weight: 700;
}
.ele_ui .recommend--item.is--myclass .recommend--info .name {
  color: #333;
  max-width: unset;
}
.ele_ui .recommend--item.is--myclass .recommend--info .date {
  opacity: 1;
  color: #808080;
}
.ele_ui .myclass__classes .classes--wrapper .tab-menu--box a {
  padding: 0 10px;
}
.ele_ui
  .myclass__classes
  .info-tag__menu
  .tab-menu--button.open
  + .tab-menu--box {
  min-width: 145px;
  top: 38px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
}
.ele_ui .myclass__classes .classes--list + .pagenavi--box {
  margin-top: 40px;
}
.ele_ui .myclass__classes .box--empty-text {
  color: #808080;
}
.ele_ui .recommend--item .recommend--thum .image {
  background-color: #fffbda;
  border-radius: 16px 16px 0 0;
}
.ele_ui .ico-edit-black {
  background-image: url(../images/elementary/icon/ic_edit_black_28px.svg);
}
.ele_ui .ico-delete-black {
  background-image: url(../images/elementary/icon/ic_delete_black.svg);
}
.ele_ui .ico-download-300-black {
  background-image: url(../images/elementary/icon/ic_download_black.svg);
}
.ele_ui .ico-video-play-black {
  background-image: url(../images/elementary/icon/ic_video_play_black.svg);
}
.ele_ui .ico-pdf-color {
  background-image: url(../images/elementary/icon/img_imput_ic_pdf.png);
}
.ele_ui .ico-hwp-color {
  background-image: url(../images/elementary/icon/img_imput_ic_hwp.png);
}
.ele_ui .ico-powerpoint-color {
  background-image: url(../images/elementary/icon/img_imput_ic_powerpoint.png);
}
.ele_ui .ico-excel-color {
  background-image: url(../images/elementary/icon/img_imput_ic_excel.png);
}
.ele_ui .ico-word-color {
  background-image: url(../images/elementary/icon/img_imput_ic_word.png);
}
/* 과목개설 - 과목설정 */
.ele_ui .make--box__title {
  color: #214125;
}
.ele_ui .make--box__title strong {
  color: #52b210;
}
.ele_ui .make--box__desc {
  margin-top: 20px;
  margin-bottom: 64px;
  font-size: 24px;
  color: #214125;
}
.ele_ui .lesson_alert {
  margin-bottom: 24px;
  background-color: #ffeddd;
  color: #f27400;
  display: flex;
  align-items: center;
}
.ele_ui .make--box.type--make.edit {
  gap: 24px;
}
.ele_ui .make--box.type--make .box-items--box {
  gap: 24px;
}
.ele_ui .make--box-items .box-items--box .box-item {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui
  .make--box-items.lesson-basic.info
  .dropdown--area.active
  .dropdown--select {
  color: #52b210;
  border: 1px solid #52b210;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui
  .make--box.type--make.edit
  .lesson-basic.info
  .box-items--box
  .box-item.open
  .dropdown--select {
  font-weight: 700;
}
.ele_ui .make--box-items.lesson-basic.option .box-item .dropdown--select {
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  height: 40px;
  min-height: unset;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 40px;
  border-radius: 0;
}
.ele_ui
  .make--box-items.lesson-basic.option
  .box-item
  .dropdown--select::after {
  width: 28px;
  height: 28px;
  margin-top: -14px;
}
.ele_ui
  .make--box-items.lesson-basic.option
  .box-item
  .dropdown--select
  .input-box {
  height: 40px;
  padding-left: 14px;
  width: 100%;
}
.ele_ui
  .make--box-items.lesson-basic.option
  .box-item
  .dropdown--area.open
  .dropdown--select {
  color: #52b210;
  font-weight: 700;
}
.ele_ui .make--box-items.lesson-basic.option .box-item {
  padding-bottom: 18px;
  border: 1px solid transparent;
}
.ele_ui .make--box-items.lesson-basic.option .box-item.active {
  border: 1px solid #52b210;
  padding: 24px 24px 18px;
}
.ele_ui .make--box-items.lesson-basic.option .box-item .basic-img {
  margin-bottom: 15px;
}
.ele_ui .make--box-items.lesson-basic.option .box-item .dropdown--box {
  margin-top: 26px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  border: 1px solid #ccc;
}
.ele_ui .make--box-items.lesson-basic.option .box-item .basic-img {
  height: 227px;
}
.ele_ui
  .make--box-items.lesson-basic.option
  .box-item
  .dropdown--select
  .button-tag {
  background-color: #deefff;
  color: #258be9;
  padding: 6px 12px;
  font-size: 14px;
  margin-top: 0;
  margin-left: 4px;
}
.ele_ui .make--box-items.lesson-basic.option + .box-items--button {
  margin-top: 56px;
}
.ele_ui .make--box .box-items--button button {
  color: #808080;
  padding: 16px 24px;
}
.ele_ui .make--box .box-items--button button.violet {
  color: #52b210;
}
.ele_ui .make--box .box-items--button button.violet:disabled {
  opacity: 1;
  color: #cccccc;
}
.ele_ui.layer-area.modal-area.is--makelesson .layer__contents {
  width: 100%;
}
.ele_ui.layer-area.modal-area.is--makelesson .violet-light.button-tag {
  background-color: #e3f0e1;
  color: #333333;
  padding: 6px 8px 6px 10px;
  gap: 5px;
  font-size: 14px;
  line-height: 16px;
  height: 28px;
}
.ele_ui.layer-area.modal-area.is--makelesson .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
}
.ele_ui.layer-area.modal-area.is--makelesson.class .input-box--text.no-input {
  border-color: #d9d9d9;
  background-color: #f9f9f9;
}
/* 과목개설-옵션설정 */
.ele_ui .teacher-makelessons__infos {
  margin-bottom: 64px;
}
.ele_ui .teacher-makelessons__title {
  color: #214125;
}
.ele_ui .teacher-makelessons__title em {
  color: #52b210;
}
.ele_ui .teacher-makelessons__ment {
  color: #214125;
  font-size: 24px;
  margin-top: 20px;
}
.ele_ui .make--box.type--make .box-items--title {
  color: #494949;
}
.ele_ui .teacher-makelessons .ico-edit-black {
  background-image: url(../images/elementary/icon/ico_edit_gray.svg);
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item:not(.makeclass-edit)
  .input-box
  + .input-box--edit {
  margin-right: 24px;
}
.ele_ui
  .make--box-items.lesson-yn
  .input-radio
  input:not([type="text"]):checked
  + .input--box::before,
.ele_ui
  .make--box-items.lesson-type
  .input-radio
  input:not([type="text"]):checked
  + .input--box::before,
.ele_ui
  .make--box-items.lesson-approve-yn
  .input-radio
  input:not([type="text"]):checked
  + .input--box::before {
  background-color: #6cbc35;
  border-color: #6cbc35;
  background-image: unset;
  background-color: #6cbc35;
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item.input-radio
  input:not([type="text"]):checked
  + .input--box::after {
  right: 30px;
}
.ele_ui .make--box-items.lesson-yn .input-radio .input--box::before,
.ele_ui .make--box-items.lesson-type .input-radio .input--box::before {
  border-color: #999;
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item.input-radio
  .input--box {
  padding: 18px 24px;
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item:not(.makeclass-edit)
  .input-box:not(.no-input),
.ele_ui
  .make--box-items
  .box-items--box
  .box-item:not(.makeclass-edit)
  .type--make
  .input-box:not(.no-input) {
  color: #333;
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item.input-radio
  .input--text {
  font-weight: 400;
  color: #494949;
}
.ele_ui
  .type--make
  .make--box-items
  .box-items--box
  .box-item.input-radio
  input[type="radio"]:checked
  + .input--box
  .input--text {
  font-weight: 700;
  color: #333;
}
.ele_ui .make--box-items .box-items--box .box-item.item-devide > * + *::before {
  border-left: 2px solid #d9d9d9;
  width: 0;
}
.ele_ui .teacher-makelessons .make--box-items .box-items--box.is--grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.ele_ui
  .make--box-items
  .box-items--box
  .box-item.item-devide.devide--text
  .devide--stext {
  color: #808080;
}
.ele_ui .make--box-items .box-items--box .box-item.item-devide {
  gap: 28px;
}
.ele_ui .make--box-items .box-items--box .box-item.item-devide > * {
  gap: 28px;
}
.ele_ui
  .type--make.type--option
  .make--box-items
  .box-items--box
  .box-item:not(.makeclass-edit)
  .dropdown--select {
  color: #333;
}
.ele_ui .type--make .make--box-items.lesson-option .lesson-option-control {
  background-color: rgba(82, 178, 16, 0.1);
  border-color: #52b210;
  padding-left: 28px;
  padding-right: 18px;
  color: #333;
}
.ele_ui
  .make--box-items.lesson-option
  .lesson-option-control
  span[class^="ico-"] {
  margin-right: 4px;
}
.ele_ui
  .make--box-items.lesson-explain
  .input-box--textarea
  textarea::placeholder {
  color: #808080;
}
.ele_ui .make--box-items.lesson-filelist .box-item:not(.is--file) {
  padding: 32px 24px;
}
.ele_ui .make--box-items.lesson-filelist .filelist__size {
  color: #494949;
  line-height: 20px;
  margin-bottom: 8px;
}
.ele_ui .make--box-items.lesson-filelist .filelist__info {
  color: #808080;
  line-height: 18px;
  margin-bottom: 24px;
  margin-top: 0;
}
.ele_ui .make--box-items.lesson-filelist .button--file.width-230 {
  width: 232px;
}
.ele_ui .make--box-items.lesson-filelist .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .make--box-items.lesson-filelist .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui .make--box-items.lesson-adds .box-items--box .button-add {
  background-color: rgba(82, 178, 16, 0.1);
  border-color: #52b210;
  border-radius: 100px;
  padding-left: 28px;
  padding-right: 18px;
  font-size: 18px;
  color: #333;
}
.ele_ui .make--box-items.lesson-adds .box-items--box .button-add .icon {
  margin-right: 0;
  margin-left: 4px;
  width: 28px;
  height: 28px;
}
.ele_ui .make--box-items.lesson-keyword .box-item {
  padding: 24px;
}
.ele_ui .make--box-items.lesson-keyword .box-item .input-box--text.no-input,
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .makeclass-edit--datalist
  .input-box--text.no-input {
  background-color: #f9f9f9;
  border-color: #ccc;
}
.ele_ui .teacher-makelessons .button-tag.violet-light {
  background-color: #e3f0e1;
  color: #333;
  padding-left: 10px;
  padding-right: 8px;
  font-size: 14px;
}
.ele_ui .teacher-makelessons .button-tag .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
  margin-left: 5px;
}
.ele_ui .make--box-items.lesson-keyword .button-main {
  height: 40px;
  font-size: 16px;
  margin-top: 24px;
  width: 232px;
}
.ele_ui .teacher-makelessons .lesson-agreecheck {
  margin: 30px -7px 46px;
}
.ele_ui .make--box-items.lesson-agreecheck .input--box {
  gap: 16px;
}
.ele_ui .teacher-makelessons .lesson-agreecheck .input-check {
  display: block;
}
.ele_ui
  .teacher-makelessons
  .lesson-agreecheck
  .input-check
  .input--box
  .input--text {
  font-size: 18px;
  line-height: 32px;
  margin-top: 0;
}
.ele_ui .teacher-makelessons .lesson-agreecheck .input--box::before {
  margin-top: 4px;
}
.ele_ui .type--make .make--box-items.lesson-option {
  margin-top: 30px;
}
.ele_ui .make--box.type--make .type--make-option {
  padding-top: 30px;
}
.ele_ui .make--box.type--make .lesson-adds {
  margin-top: 30px;
}
.ele_ui .make--box-items.lesson-filelist .filelist__thum {
  margin-right: 20px;
}
.ele_ui .make--box-items.lesson-filelist .filelist__content {
  padding-top: 4px;
}
.ele_ui .make--box-items.lesson-filelist .box-item.is--file .filelist__name {
  color: #494949;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.ele_ui .make--box-items.lesson-filelist .box-item.is--file .filelist__type {
  color: #808080;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 8px;
}
/* 수업개설 - 옵션수정 */
.ele_ui .make--box.type--make.type--option {
  max-width: 704px;
}
.ele_ui .make--box-items.lesson-info {
  margin-bottom: 30px;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table {
  background-color: unset;
  border-color: #d9d9d9;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table table th {
  background-color: rgba(82, 178, 16, 0.1);
  border-bottom: 0;
  color: #333;
  height: 48px;
  padding: 0 8px;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table:first-of-type {
  border-radius: 16px 16px 0 0;
  border-bottom: 0;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table + .lesson-info__table {
  margin-top: 0;
  border-top: 0;
  border-radius: 0 0 16px 16px;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table table td {
  padding: 0 8px;
}
.ele_ui .make--box-items.lesson-info .lesson-info__table table td p {
  font-size: 18px;
  color: #333;
}
.ele_ui
  .make--box-items.lesson-info
  .lesson-info__table
  table
  td:not(:first-child)
  p::before {
  display: none;
}
/* .ele_ui .make--box-items.disabled {
  opacity: 1;
} 250324 삭제 */
.ele_ui .make--box-items.disabled button {
  cursor: default;
}
/* .ele_ui .make--box-items.disabled .box-items--box .box-item {
  background-color: unset;
  box-shadow: unset;
  border: 1px solid #d9d9d9;
} 250324 삭제 */
/* .ele_ui .make--box-items.disabled .box-items--box .box-item .dropdown--select {
  background-color: unset;
} 250324 삭제 */
/* .ele_ui
  .make--box-items.disabled
  .box-items--box
  .box-item
  .dropdown--select::after {
  display: none;
} 250324 삭제 */
 /* 241202 클래스 수정 */
/* 250711 삭제
.ele_ui
  .teacher-makelessons
  .make--box-items.disabled
  .input-radio
  input:not([type="text"])
  + .input--box::before {
  display: none;
} 
.ele_ui
  .teacher-makelessons
  .make--box-items.disabled
  .input-radio
  input:not([type="text"])
  + .input--box::after {
  display: none;
}
.ele_ui
  .type--make
  .make--box-items.disabled
  .box-items--box
  .box-item.input-radio
  .input--box {
  flex-direction: row;
} */
/* 250711 추가 */
.ele_ui .make--box-items.disabled{
  opacity: 0.5;
}
.ele_ui .teacher-makelessons {
  padding-bottom: 100px;
}
.ele_ui
  .type--make
  .make--box-items.disabled
  .box-items--box
  .input--box
  .input--text {
  color: #d9d9d9;
}
.ele_ui .make--box-items.lesson-filelist .filelist__close {
  top: 20px;
  right: 20px;
}
/* 수업참여SMS팝업 */
.ele_ui.layer-send__sms .layer__container {
  width: 794px;
}
.ele_ui.layer-send__sms .layer__container .layer__contents {
  padding: 0;
}
.ele_ui.layer-send__sms .layer__container .label--block .list__tbody {
  padding: 0;
  height: 348px;
}
.ele_ui.layer-send__sms .box--edit .box--edit-items {
  padding: 24px;
}
.ele_ui.layer-send__sms .box--edit-items .input-check {
  min-height: 53px;
}
.ele_ui
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked
  + .input--box {
  background-color: #f2f7f0;
}
.ele_ui.layer-send__sms .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
  border-radius: 0;
  position: relative;
}
.ele_ui.layer-send__sms .box--edit .box--edit-items + .box--edit-items::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0px;
  border-top: 1px solid #e6e6e6;
  top: 0;
}
.ele_ui.layer-send__sms .box--edit .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-send__sms .box--edit .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-send__sms .box--edit-items > dl > dt {
  color: #494949;
  padding-top: 4px;
}
.ele_ui.layer-send__sms .layer__container .label--block .list__thead {
  padding: 0;
  height: 52px;
  background-color: #f0f0f0;
}
.ele_ui.layer-send__sms .layer__container .label--block label .input--box {
  padding-left: 20px;
}
.ele_ui.layer-send__sms
  .layer__container
  .label--block
  label
  .input--box::before {
  width: 20px;
  height: 20px;
}
.ele_ui.layer-send__sms .layer__container .label--block label .input--text {
  text-align: left;
  color: #494949;
}
.ele_ui.layer-send__sms .layer__container textarea {
  padding: 16px 14px;
}
.ele_ui.layer-send__sms .layer__container textarea::placeholder {
  color: #808080;
}
.ele_ui .height-144 {
  height: 144px;
}
.ele_ui.layer-send__sms .text-bullet {
  color: #f27400;
  font-size: 14px;
  line-height: 18px;
  margin-top: 12px;
}
.ele_ui.layer-send__sms .text-bullet::before {
  width: auto;
  height: auto;
  content: "※";
  background-color: unset;
  top: 0;
  color: #f27400;
  opacity: 1;
}
.ele_ui.layer-send__sms .layer__container .page__button {
  padding: 40px 0;
}
/* 반복주기 설정 */
.ele_ui.layer-repeat__cycle .layer__container {
  width: 715px;
}
.ele_ui.layer-repeat__cycle .layer__container .layer__title {
  height: 76px;
}
.ele_ui.layer-area.modal-area.layer-repeat__cycle .layer__contents {
  width: auto;
  padding: 24px 24px 0;
}
.ele_ui.layer-area.modal-area.layer-repeat__cycle .box--edit-title {
  flex-direction: row-reverse;
  margin-bottom: 18px;
}
.ele_ui.layer-area.modal-area.layer-repeat__cycle .box--edit-title::before {
  display: none;
}
.ele_ui.layer-area.modal-area.layer-repeat__cycle .page__button {
  padding: 40px 0 !important;
}
.ele_ui .button-toggle button {
  border-color: #6cbc35;
  color: #6cbc35;
  min-width: 78px;
}
.ele_ui .button-toggle button.active {
  background-color: #6cbc35;
  color: #fff;
  border-color: #6cbc35;
}
.ele_ui.layer-area.modal-area.layer-repeat__cycle .box--edit-items {
  padding: 24px;
  margin-top: 0;
}
.ele_ui.layer-repeat__cycle .layer__container .layer__contents dl dt {
  color: #494949;
  width: 126px;
  padding: 0;
  min-height: unset;
}
.ele_ui.layer-repeat__cycle .input-check .input--box .input--text {
  color: #494949;
}
.ele_ui.layer-repeat__cycle
  .layer__container
  .layer__contents
  .cycle__week-time
  dd
  .flex--fixed.width-50 {
  width: 68px;
}
.ele_ui.layer-repeat__cycle
  .layer__container
  .layer__contents
  .cycle__week-time
  dd
  .f-violet-title {
  color: #494949;
}
.ele_ui.layer-repeat__cycle
  .layer__container
  .layer__contents
  .input-box--datetime
  + .f-16-sb {
  color: #494949;
}
/* 동영상 팝업 */
.ele_ui.layer-list__video .layer__container .preview-box__description {
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.ele_ui.layer-area.layer-list__video .button-text.bg {
  background-color: #f8f8f8;
}
.ele_ui.layer-area.layer-list__video .button-text.bg:hover {
  background-color: #f0f0f0;
}
.ele_ui.layer-area.layer-list__video .warning-text {
  line-height: 22px;
  margin-top: auto;
  color: #f27400;
  font-size: 14px;
  position: relative;
  padding-left: 12px;
}
.ele_ui.layer-area.layer-list__video .warning-text::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}
.ele_ui.layer-list__video .layer__container .description-text {
  margin-top: 48px;
}
.ele_ui.layer-list__video
  .layer__container
  .description-text
  + .description-text {
  margin-top: 12px;
}
.ele_ui.layer-area.layer-list__video .description-text .title {
  color: #999;
  font-weight: 700;
}
.ele_ui.layer-area.layer-list__video .description-text .text {
  color: #333;
}
.ele_ui.layer-list__video .layer__container .video-box {
  padding: 24px 0 0 24px;
  color: #333;
}
.ele_ui .layer-list__video .layer__container .list--video {
  padding-bottom: 40px;
}
.ele_ui.layer-list__video .layer__container .list--video .recommend--title {
  color: #333;
  font-size: 16px;
}
.ele_ui.layer-list__video
  .layer__container
  .list--video
  .recommend--item
  .state-info {
  top: 0;
  left: 0;
  background-color: #52b210;
  border-radius: 16px 56px 56px 0px;
  height: 38px;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 18px;
}
.ele_ui.layer-list__video
  .layer__container
  .list--video
  .recommend--item
  .input--border {
  background: rgba(82, 178, 16, 0.4);
  border-color: #52b210;
  border-radius: 16px;
}
.ele_ui.layer-list__video
  .layer__container
  .list--video
  .recommend--item
  .recommend--thum {
  border-radius: 16px;
  overflow: hidden;
}
.ele_ui.layer-list__video
  .layer__container
  .list--video
  .recommend--item
  .image {
  border-radius: 16px;
}
/* 동영상팝업(영상없음) */
.ele_ui .box--empty-icon.is--video {
  background-image: url(../images/elementary/icon/video_ic_green.svg);
}
.ele_ui.layer-list__video .box--empty {
  min-height: 400px;
  padding-bottom: 40px;
}
.ele_ui .box--empty .box--empty-text {
  color: #808080;
}
/* 시청이력팝업 */
.ele_ui.layer-list__watching .layer__container {
  width: 1248px;
}
.ele_ui.layer-list__watching .layer__container .layer__contents {
  padding: 24px 24px 40px;
}
.ele_ui.layer-area .box--edit-title {
  color: #333333;
  font-size: 18px;
  margin-bottom: 16px;
  min-height: unset;
}
.ele_ui.layer-list__watching .layer__container .layer__contents .state-box {
  background-color: unset;
  padding: 0;
  height: auto;
}
.ele_ui.layer-list__watching
  .layer__container
  .layer__contents
  .state-box.no-watch {
  color: #999999;
}
.ele_ui.layer-list__watching
  .layer__container
  .layer__contents
  .state-box.no-end {
  color: #f27400;
}
.ele_ui.layer-list__watching
  .layer__container
  .layer__contents
  .state-box.after-end {
  color: #258be9;
}
.ele_ui.layer-list__watching
  .layer__container
  .layer__contents
  .state-box.before-end {
  color: #52b210;
}
.ele_ui.layer-list__watching .f-gray-84 {
  color: #808080;
}
.ele_ui.layer-list__watching
  .table--list
  table
  tbody
  tr
  td.td-title
  .td-title--text {
  font-weight: 400;
}
/* 수업개설- 교사선택팝업 */
.ele_ui.layer-search__teacher .layer__container {
  height: auto;
  width: 916px;
}
.ele_ui.layer-search__teacher .layer__contents {
  padding: 24px 24px 0;
}
/* 240528 학습진단-학생별 결과보기*/
.ele_ui .result-student .test-result__total .report-month__badgebox {
  margin-top: 0;
}
/* 240528 학습진단 탭 스크롤 생길 때 */
.ele_ui .tab-tags.sortable_tag .tag--button {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .report-month .tab-tags--wrapper.is--scroll .tab-tags--box::before,
.ele_ui .report-month .tab-tags--wrapper.is--scroll .tab-tags--box::after {
  display: none;
}
.ele_ui .report-month .tab-tags--wrapper .tab-tags {
  margin-right: 74px;
  padding-top: 36px;
  margin-top: -36px;
  overflow: visible;
}
.ele_ui .report-month .tab-tags--wrapper.is--scroll .tab-tags {
  overflow: hidden;
  overflow-x: auto;
}
.ele_ui .tab-tags--box .tab-action {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
/* 240528 학습진단 (교사) 상단 카드 글자 색상 */
.ele_ui .test-dday--box.green .test-dday__day {
  color: #f27400;
}
.ele_ui .test-dday--box.blue .test-dday__day {
  color: #8252e9;
}
.ele_ui .test-dday--box.green .test-dday__percent {
  color: #f27400;
}
.ele_ui .test-dday--box.blue .test-dday__percent {
  color: #8252e9;
}
.ele_ui .test-dday--box.green .test-dday__number {
  color: #ff932f;
  font-weight: 700;
}
.ele_ui .test-dday--box.blue .test-dday__number {
  color: #a67dff;
  font-weight: 700;
}
/* 240529 종합리포트 이슈 */
.ele_ui.total_report22 .contents-area {
  min-width: 1130px;
  max-width: 1130px;
}
.ele_ui.total_report22 .report-total > *:first-child {
  margin-top: 62px;
}
.ele_ui.total_report22 .tab-box.tab-fit:not(.tab-text) {
  gap: 10px;
}
/* 240628 삭제 .ele_ui.total_report22 .tooltip--box {top: calc(100% + 4px);} */
/* 240530 학습진단(교사)- 과목탭 모두 제거할 때 이슈 */
.ele_ui .report-month .tab-tags--wrapper .tab-tags.sortable_tag {
  min-height: 94px;
}
/* 240530 학습진단 - 결과 테두리 이슈 */
.ele_ui .test-home__status-table table tbody:not(:last-child) tr:last-child td {
  border: 0;
}
.ele_ui .test-home__status-table table tbody:last-child td.title,
.ele_ui .test-home__status-table table tbody:last-child td.category--box {
  border-bottom: 1px solid #d9d9d9;
}
/* 240531 학습진단 - 푸터 이슈 */
/* 240731 삭제 .ele_ui .tab-tags--wrapper.open {z-index:11;} */

/* 240604 학습진단 테두리 색상 추가*/
.ele_ui .result-total .mystudent--list .test-home__status-table tbody td.total {
  border-color: #d9d9d9;
}
/* 240604  문제 오류 신고하기 팝업 */
.ele_ui.layer-write__notify .box--edit .box--edit-items {
  border-radius: 0;
  padding: 24px;
}
.ele_ui.layer-write__notify .box--edit .box--edit-items:first-of-type {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-write__notify .box--edit .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-write__notify .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
  position: relative;
}
.ele_ui.layer-write__notify
  .box--edit
  .box--edit-items
  + .box--edit-items::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-write__notify .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui.layer-write__notify .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui.layer-write__notify .button-tag {
  background-color: #f2f7f0;
  padding: 5px 7px;
  color: #333;
  font-weight: 400;
  font-size: 14px;
}
.ele_ui.layer-write__notify .button-tag .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
  margin-left: 3px;
}
.ele_ui.layer-write__notify
  .layer__container:not(.alert):not(.confirm)
  .page__button {
  padding: 40px 0 40px;
} /* 240809 오류신고 팝업 내 alert팝업 오류로 수정 */ /* 240826 confirm 팝업 오류 수정 추가 */
.ele_ui.layer-write__notify .box--edit dl dt {
  color: #494949;
}
.ele_ui.layer-write__notify textarea:not(:focus),
.ele_ui.layer-write__notify .dropdown--select:not(:focus),
.ele_ui.layer-write__notify .input-box--text:not(:focus) {
  border-color: #ccc;
}
.ele_ui.layer-write__notify textarea::placeholder {
  color: #808080;
}
.ele_ui.layer-write__notify .input-box--text::placeholder {
  color: #808080;
}
.ele_ui.layer-write__notify
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 24px;
}
/* 영상 뷰어팝업 */
.ele_ui .preview-box__description .description-text + .description-text {
  margin-top: 12px;
}
.ele_ui .preview-box__description .description-text {
  margin-top: 48px;
}
.ele_ui .preview-box__description .description-text .title {
  color: #999;
}
.ele_ui .preview-box__description .description-text .text {
  color: #333;
}
.ele_ui .preview-box__description {
  width: 100%;
  padding: 30px;
}
/* 토스트팝업 */
.ele_ui.toast-default p {
  line-height: 32px;
  align-items: flex-start;
}
.ele_ui.layer-area.modal-area .modal--text.modal--text_sub {
  color: #808080;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}
/* 이미지미리보기팝업 */
.layer-preview__img .layer__container .layer__title {
  border-color: #d9d9d9;
}
/* 수업리스트-학생 */
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner {
  display: block;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]
  .recommend--title-inner
  > p
  span::after {
  display: none;
}
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:hover
  .recommend--title-inner
  > p
  span,
.ele_ui
  .recommend--item.is--myclass:not(.is--contents)[tabindex="0"]:focus
  .recommend--title-inner
  > p
  span {
  display: -webkit-box;
}
/* 240725_이슈리스트 #5357 수정*/
.ele_ui .recommend--item .recommend--thum .image {
  background-image: url(../images/elementary/img/img_classcard_small.svg);
  background-size: cover;
}
.ele_ui .tab-studylist .divide--sort + .divide--date {
  border: 0;
  padding: 0;
  margin: 0;
}
.ele_ui
  .today-lesson
  .today-lesson--data
  .today-lesson--data__list
  .button-main.is--lsmall {
  min-width: 108px;
  font-weight: 400;
}
.ele_ui .box--empty-icon.is--study {
  background-image: url(../images/elementary/icon/study_ic_green.svg);
}
/* 학습콘텐츠 결과보기 팝업 */
.ele_ui.layer-workbook__result .layer__container .layer__contents {
  padding: 24px 24px 40px;
}
.ele_ui.layer-workbook__result .box-bg__white {
  border-radius: 16px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .layer__contents
  .box-bg__gray {
  border-radius: 16px;
}
.ele_ui.layer-workbook__result .layer__container .workbook-result__filter {
  margin-bottom: 16px;
}
.ele_ui.layer-area.layer-workbook__result .box--edit-title {
  color: #214125;
  margin-bottom: 20px;
}
.ele_ui.layer-area.layer-workbook__result:not(.is--aitest)
  .detail-times--table
  table
  tbody
  tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.ele_ui.layer-area.layer-workbook__result
  .detail-times--table
  table
  tbody
  tr:nth-child(2n)
  td:first-child {
  border-radius: 8px 0 0 8px;
}
.ele_ui.layer-area.layer-workbook__result
  .detail-times--table
  table
  tbody
  tr:nth-child(2n)
  td:last-child {
  border-radius: 0 8px 8px 0;
}
.ele_ui.layer-workbook__result.is--contents
  .detail-times--table
  table
  tbody
  tr
  td:last-child {
  color: #235f2a;
}
.ele_ui.layer-workbook__result.is--contents
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .tag {
  margin-bottom: 0;
  font-size: 16px;
  padding: 0;
  line-height: 18px;
}
.ele_ui.layer-workbook__result.is--contents
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .number {
  margin-top: 0;
  font-size: 16px;
}
.ele_ui.layer-workbook__result.is--contents
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .number
  strong {
  font-weight: 800;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .desc {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-weight: 700;
  margin-top: 2px;
  line-height: 14px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .box-grid
  .cell-06
  .box-bg__white.monthly--box {
  padding: 44px 32px 24px;
  gap: 20px;
}
/* 출제하기(직접) */
.ele_ui .width-205 {
  width: 205px;
}
.ele_ui .box--edit.workbook-make__content {
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px 24px 40px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook-make {
  margin-bottom: 20px;
}
.ele_ui .workbook-make__scroll {
  padding: 0 24px 22px;
  margin: 0 -24px;
}
.ele_ui .box--edit.workbook-make__content .box--edit-items {
  border-radius: 0;
  padding: 24px;
}
.ele_ui .box--edit.workbook-make__content .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui .box--edit.workbook-make__content .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui .box--edit.workbook-make__content .box--edit-items + .box--edit-items {
  margin-top: 0;
  position: relative;
}
.ele_ui
  .box--edit.workbook-make__content
  .box--edit-items
  + .box--edit-items::before {
  position: absolute;
  content: "";
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #e6e6e6;
  top: 0;
}
.ele_ui .box--edit.workbook-make__content dl dt {
  color: #494949;
  padding-top: 11px;
}
.ele_ui .workbook-make__content .box--edit-items dl.align--top {
  margin-bottom: 0;
}
.ele_ui
  .workbook-make__scroll
  .workbook-make__subjects
  .input-radio-group
  .input-radio {
  margin: 0; /* 240614 삭제 width: 104px; */
}
.ele_ui .workbook-make__subjects .input-radio-group {
  margin-top: 0;
}
.ele_ui .workbook-make__scroll .workbook-make__subjects .input-radio-group {
  /* 240614 삭제 display: flex; justify-content: flex-start; */
  gap: 18px 0;
}
.ele_ui .button--file .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .button--file:hover .button-main {
  background-color: #facc1d;
}
.ele_ui .workbook-make__scroll .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .workbook-make .list__button:is(button) {
  padding: 17px 50px 17px 16px;
}
.ele_ui .workbook-make .list__button:is(button).active {
  background-color: #e2f3df;
}
.ele_ui .workbook-make .list__button:is(button).checked {
  background-color: #fff;
}
.ele_ui .workbook-make .list__button:is(button):hover {
  background-color: #f8faf7;
}
.ele_ui .workbook-make .list__button:is(button).active:after {
  background-image: url(../images/elementary/icon/ic_check_green_26px.svg);
  width: 26px;
  height: 26px;
  right: 16px;
}
.ele_ui .workbook-make .list__tbody .list__li {
  margin-top: 0;
}
.ele_ui .workbook-make .list__tbody .list__li li {
  border-color: #ccc;
}
.ele_ui .workbook-make .list__tbody .list__li li:hover {
  background-color: #f8faf7;
}
.ele_ui .workbook-make dl dt.list__thead {
  background-color: #f0f0f0;
  padding: 0 14px;
  border-color: #ccc;
}
.ele_ui .workbook-make .list__thead strong {
  color: #214125;
}
.ele_ui .workbook-make .list__tbody label:is(.input-check) {
  min-height: 52px;
}
.ele_ui
  .workbook-make
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked
  + .input--box {
  background-color: #e2f3df;
  min-height: 52px;
}
.ele_ui .workbook-make .list__tbody label:is(.input-check.dimed) {
  opacity: 1;
}
.ele_ui
  .workbook-make
  .list__tbody
  label:is(.input-check.dimed):not(.passed)
  input:checked
  + .input--box {
  background-color: #f2f7f0;
}
.ele_ui
  .workbook-make
  .list__tbody
  label:is(.input-check.dimed):not(.passed)
  input:not([type="text"])
  + .input--box::before {
  opacity: 0.3;
}
.ele_ui
  .workbook-make
  .list__tbody
  label:is(.input-check.dimed):not(.passed)
  .input--text {
  color: #b3b3b3;
}
.ele_ui .workbook-make .text-bullet,
.ele_ui .workbook-make .text-bullet p {
  font-size: 14px;
  color: #808080;
}
.ele_ui .workbook-make__tags .input-box--text:not(input).no-input {
  padding: 16px 14px;
}
.ele_ui .workbook-make__tags .button-tag {
  background-color: #f2f7f0;
  font-weight: 400;
  color: #333;
  font-size: 14px;
}
.ele_ui .workbook-make__tags .button-tag .f-bold {
  color: #494949;
}
.ele_ui .workbook-make__tags .button-tag .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
}
.ele_ui .button-tag.violet-light {
  background-color: #f2f7f0;
  font-weight: 400;
  color: #333;
  font-size: 14px;
}
.ele_ui .button-tag.violet-light .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
}
.ele_ui
  .workbook-make
  .box--edit-items
  .input-checked-group
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 30px;
}
.ele_ui .workbook-make .desc_show {
  color: #f27400;
  margin-top: 12px;
}
.ele_ui .workbook-make__content .page__button.is--small:not(.privacy_chk) {
  padding-bottom: 0;
  margin: 0;
  box-shadow: none;
}
.ele_ui .workbook-make__content .page__button.is--small.privacy_chk {
  box-shadow: 0px -10px 20px -4px rgba(0, 0, 0, 0.04);
  padding: 40px 69px 0;
}
.ele_ui .workbook-make__preview {
  margin-top: 0;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook-make__content .open-box--contents {
  padding-bottom: 0;
  border-color: #e6e6e6;
}
.ele_ui
  .box--edit.workbook-make__content
  .open-box
  .box--edit-items
  + .box--edit-items::before {
  display: none;
}
.ele_ui .workbook-make__navi {
  margin-bottom: 24px;
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step {
  gap: 0;
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step .is--prev {
  width: 24px;
  height: 24px;
  margin: 0 12px 0 0;
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step .is--next {
  width: 24px;
  height: 24px;
  margin: 0 0 0 8px;
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step .is--prev::before {
  margin: 0;
  background-image: url(../images/ico/arrow-next-black.svg);
  width: 100%;
  background-size: 100%;
  background-position: center;
  transform: rotate(180deg);
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step .is--next::after {
  margin: 0;
  background-image: url(../images/ico/arrow-next-black.svg);
  width: 100%;
  background-size: 100%;
  background-position: center;
  transform: rotate(0);
}
.ele_ui .workbook-make .pagenavi--box.pagenavi--step .pagenavi--number {
  font-size: 18px;
  color: #808080;
}
.ele_ui .pagenavi--box.pagenavi--step .pagenavi--number + .pagenavi--number {
  padding: 0 10px;
  gap: 4px;
}
.ele_ui
  .workbook-make
  .pagenavi--box.pagenavi--step
  .pagenavi--number
  .input-box--text {
  padding: 11px 14px;
  width: 70px;
  height: 40px;
  font-size: 18px;
}
.ele_ui .workbook-preview--box .pagenavi--arrow.is--prev:disabled {
  opacity: 1;
  color: #b3b3b3;
}
.ele_ui .workbook-preview--box .pagenavi--arrow.is--next:disabled {
  opacity: 1;
  color: #b3b3b3;
}
.ele_ui .workbook-preview--box .pagenavi--arrow.is--prev:disabled::before {
  background-image: url(../images/elementary/icon/ic_next_disabled_20px.svg);
}
.ele_ui .workbook-preview--box .pagenavi--arrow.is--next:disabled::after {
  background-image: url(../images/elementary/icon/ic_next_disabled_20px.svg);
}
.ele_ui .pagenavi--box.pagenavi--step .is--prev::before {
  background-image: url(../images/ico/arrow-next-black.svg);
  width: 20px;
  height: 20px;
  background-size: 100%;
  transform: rotate(180deg);
  margin-right: 4px;
  margin-left: 0px;
}
.ele_ui .pagenavi--box.pagenavi--step .is--next::after {
  background-image: url(../images/ico/arrow-next-black.svg);
  width: 20px;
  height: 20px;
  background-size: 100%;
  transform: rotate(0);
  margin-left: 4px;
}
.ele_ui .workbook-make .open-box {
  border: 0;
  margin-bottom: 18px;
}
.ele_ui .workbook-make .open-box--thead {
  height: unset;
}
.ele_ui .workbook-make .open-box--title {
  font-size: 20px;
}
.ele_ui .workbook-make .open-box .box--edit-items {
  padding: 0;
}
.ele_ui .workbook-make__content .label-text {
  color: #808080;
  opacity: 1;
}
.ele_ui .workbook-passage__contents .filename {
  margin-top: 20px;
}
.ele_ui .workbook-passage__contents .filename .button-tag {
  background-color: #e3f0e1;
  font-weight: 400;
  color: #333;
  font-size: 14px;
  padding: 6px 8px 6px 10px;
}
.ele_ui .workbook-passage__contents .filename .button-tag .f-bold {
  color: #494949;
}
.ele_ui .workbook-passage__contents .filename .button-tag .ico-delete-violet {
  background-image: url(../images/elementary/icon/ic_delete_green.svg);
  margin-right: 0;
  margin-left: 5px;
}
.ele_ui .workbook-make__type {
  margin: 24px -24px;
  padding: 24px;
  gap: 24px;
  width: calc(100% + 48px);
  border-color: #e6e6e6;
}
.ele_ui .workbook-make__content .open-box .label-title {
  background-color: #e6e6e6;
  color: #808080;
}
.ele_ui
  .workbook-make
  .box--edit-items
  .workbook-make__type
  .input-checked-group
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 40px;
}
.ele_ui .workbook-make__question {
  padding-bottom: 0;
  margin-bottom: 16px;
  border: 0;
}
.ele_ui .workbook-make__options {
  gap: 16px;
}
.ele_ui .workbook-make__options .input-radio .input--box {
  gap: 10px;
}
.ele_ui .workbook-make__options .input-radio .input--box .input--text {
  padding: 0;
  align-items: center;
  gap: 12px;
}
.ele_ui .workbook-make__options .input-radio .input--number {
  color: #333;
  font-size: 16px;
  margin-top: 0;
}
.ele_ui .workbook-make__options .input-radio .btn-add,
.ele_ui .workbook-make__options .input-radio .btn-minus {
  margin-top: 0;
  opacity: 1;
}
.ele_ui .workbook-make__options .input-radio .btn-minus {
  background-color: #e6e6e6;
}
.ele_ui .workbook-make__options .input-radio .btn-minus:hover {
  background-color: #ccc;
}
.ele_ui .workbook-make__options .input-radio .btn-add {
  background-color: #ffe03e;
}
.ele_ui .workbook-make__options .input-radio .btn-add:hover {
  background-color: #facc1d;
}
.ele_ui .workbook-make__options .input-radio input {
  top: 50%;
  margin-top: -12px;
}
.ele_ui .workbook-make__options .input-radio .input--box::before {
  margin: auto;
}
.ele_ui
  .workbook-make__options
  .input-radio
  input:checked
  + .input--box
  .input-box--textarea {
  background-color: #f2f7f0;
  border-color: #52b210;
}
.ele_ui .list--box__wrap .list--box {
  border-color: #ccc;
}
.ele_ui .workbook-make .dropdown--box:not(:focus),
.ele_ui .workbook-make .input-box--text:not(:focus),
.ele_ui .workbook-make .input-box--textarea textarea:not(:focus) {
  border-color: #ccc;
}
.ele_ui .workbook-make .dropdown--area.has--data > .dropdown--select {
  color: #333;
}
.ele_ui .workbook-make .input-box--textarea textarea::placeholder {
  color: #808080;
}
.ele_ui .workbook-make__options .input-radio .input-box--textarea:not(:focus) {
  border-color: #ccc;
}
.ele_ui .workbook-make__options .input-radio .input-box--textarea::placeholder {
  color: #808080;
}
.ele_ui
  .workbook-make__options
  .input-radio
  .input--box:first-child
  .input--number {
  opacity: 1;
  color: #b3b3b3;
  margin-left: 32px;
}
.ele_ui .workbook-make__answer {
  padding: 24px;
  margin: 24px -24px 0;
  width: calc(100% + 48px);
  border-color: #e6e6e6;
}
.ele_ui .workbook-make .type--essay .workbook-make__answer .answer-explain {
  width: calc(100% - 48px);
}
.ele_ui .workbook-make .type--essay .make-options--box {
  margin-top: 0;
  flex-grow: 1;
}
.ele_ui
  .workbook-make__options.type--essay
  .input-radio
  .input--box:first-child
  .input--text {
  margin-left: 27px;
}
.ele_ui .workbook-make .page__button.privacy_chk .input--text {
  color: #494949;
}
.ele_ui .workbook-make .page__button.privacy_chk .input--text .required {
  color: #ff932f;
  margin-left: 3px;
}
.ele_ui .button-main.blue {
  background-color: #58afff;
  font-weight: 700;
}
.ele_ui .button-main.blue:hover:not(.dim):not(:disabled) {
  background-color: #258be9;
}
.ele_ui .workbook-make__content .page__button.is--small button:not(.width-240) {
  min-width: unset;
  padding: 0 12px;
  word-break: keep-all;
}
.ele_ui .workbook-make .workbook-preview__titles .label-num {
  margin-right: 16px;
}
.ele_ui .workbook-preview__titles .title {
  color: #333;
}
.ele_ui .workbook-make__preview .slectlist-item {
  align-items: center;
  gap: 12px;
}
.ele_ui
  .workbook-make__preview
  .type--essay
  .slectlist-item
  .slectlist-contents {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 11px 14px;
  width: 100%;
  font-size: 16px;
  line-height: 16px;
}
.ele_ui .workbook-make__preview .type--essay .slectlist-number {
  font-size: 16px;
  font-weight: 700;
  color: #333;
}
.ele_ui .workbook-make .workbook-preview__body .workbook-passage__contents {
  margin-bottom: 24px;
  border: 0;
  padding: 0;
}
.ele_ui .workbook-make__preview .slectlist-item + .slectlist-item {
  margin-top: 24px;
}
.ele_ui .workbook-make__preview .type--essay .slectlist-item + .slectlist-item {
  margin-top: 16px;
}
.ele_ui .workbook-make .workbook-preview__body {
  padding: 24px;
}
.ele_ui .workbook-make__preview .layer__title {
  padding: 20px 24px;
  height: 72px;
}
.ele_ui .workbook-make__content .button-text .ico-add-black {
  background-image: url("../images/ico/add-black.svg");
}
/* 출제하기(선택) */
.ele_ui .workbook-make.type--select {
  padding-top: 0;
}
.ele_ui .workbook-make__content .box--edit-title.set--middle {
  margin-bottom: 16px;
}
.ele_ui .workbook-make.type--select > .box--edit.workbook-make__tags {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook-make__tags .button-add-scope {
  background-color: #ffe03e;
}
.ele_ui .workbook-make__tags .button-add-scope:hover {
  background-color: #facc1d;
}
.ele_ui
  .workbook-make__preview
  .pagenavi--box.pagenavi--step
  .pagenavi--number {
  color: #000;
  padding: 0;
}
.ele_ui
  .workbook-make__preview
  .pagenavi--box.pagenavi--step
  .pagenavi--number.f-black-50 {
  opacity: 0.5;
  margin-left: 4px;
}
.ele_ui .workbook-make__content .table--list td.td-clean {
  border-bottom: 0;
}
.ele_ui .workbook-make__content .table--list .td-title--box {
  background-color: #f8faf7;
  border-color: #82c255;
  color: #428e0d;
  padding: 14px 24px;
}
.ele_ui .workbook-make__content .table--list tbody::before {
  display: none;
}
.ele_ui .workbook-make__content .table--list tbody::after {
  display: none;
}
.ele_ui .workbook-make__content .table--list tr td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ele_ui .workbook-make__content .table--list tr td:not(.td-clean) {
  border-color: #d9d9d9;
}
.ele_ui .workbook-make__content .table--list tr td > div {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ele_ui
  .workbook-make__content
  .table--list.type--hover
  tr.active
  td
  div:not(.td-title--box) {
  background-color: #f2f7f0;
}
.ele_ui
  .workbook-make__content
  .table--list.type--hover
  tr.active
  td:first-child
  div:not(.td-title--box) {
  border-radius: 10px 0 0 10px;
}
.ele_ui.layer-option__scope .list__button {
  height: 52px;
  color: #333;
}
.ele_ui.layer-option__scope
  .list__tbody
  label:not(.input-check)
  input:checked
  + .input--box {
  background-color: #e2f3df;
}
.ele_ui.layer-option__scope .list__button:is(button).active {
  background-color: #e2f3df;
}
.ele_ui.layer-option__scope
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked
  + .input--box {
  background-color: #e2f3df;
  gap: 14px;
}
.ele_ui.layer-option__scope
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked:disabled
  + .input--box {
  background-color: #f2f7f0;
}
.ele_ui.layer-option__scope
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked:disabled
  + .input--box::before {
  opacity: 0.3;
}
.ele_ui.layer-option__scope
  .list__tbody
  label:is(.input-check):not(.passed)
  input:checked:disabled
  + .input--box
  .input--text {
  color: #b3b3b3;
}
.ele_ui.layer-option__scope .list__tbody .list__li li:hover {
  background-color: #f8faf7;
}
.ele_ui.layer-option__scope .list__button:is(button).active:after {
  background-image: url(../images/elementary/icon/ic_check_green_26px.svg);
  width: 26px;
  height: 26px;
  right: 16px;
}
.ele_ui.layer-option__scope .list__thead {
  background-color: #f0f0f0;
  padding: 0 14px;
  height: 52px;
}
.ele_ui.layer-option__scope .list__thead strong {
  color: #214125;
}
.ele_ui.layer-option__scope .layer__container .layer__contents .list--box {
  width: 100%;
}
/* 문제집미리보기 */
.ele_ui .workbook-preview--box {
  padding: 0;
}
.ele_ui .workbook-preview--box ~ .workbook-preview--box {
  margin-top: 24px;
}
.ele_ui .workbook-preview__titles {
  height: 88px;
}
.ele_ui .workbook-preview__titles .button-notify [class^="ico-"] {
  margin-right: 8px;
}
.ele_ui .workbook-preview__titles .tooltip-title .tooltip--button {
  color: #333;
}
.ele_ui .is--student .slectlist-item,
.ele_ui .is--multiy .slectlist-item {
  border-color: #ccc;
  min-height: 64px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
}
.ele_ui .workbook-preview--box .workbook-preview__question {
  padding: 40px;
}
.ele_ui
  .workbook-preview--box
  .workbook-preview__question
  .workbook-passage--box
  .workbook-passage__titles {
  margin-bottom: 24px;
}
.ele_ui .workbook-preview--box .open-box--thead {
  height: 60px;
}
.ele_ui .workbook-preview--box .open-box .label-text {
  color: #494949;
}
.ele_ui .workbook-preview--box .open-box .label-text .text strong {
  color: #333;
}
.ele_ui .workbook-preview--box .open-box .label-level.top {
  color: #8252e9;
}
.ele_ui .workbook-preview--box .open-box .label-level.middle {
  color: #ff932f;
}
.ele_ui .workbook-preview--box .open-box .label-level.bottom {
  color: #684c15;
}
.ele_ui .workbook-passage__contents {
  border-color: #ccc;
  padding: 14px;
}
.ele_ui .workbook-preview__explain {
  gap: 12px 24px;
}
.ele_ui .workbook-preview__explain .workbook-explain__row {
  gap: 24px;
}
.ele_ui
  .workbook-preview__explain
  .workbook-explain__row
  + .workbook-explain__row {
  margin-top: 0;
}
.ele_ui .workbook-preview__explain .contents_title {
  padding-top: 0;
  line-height: 32px;
}
.ele_ui .workbook-preview__explain .contents p {
  line-height: 32px;
}
.ele_ui .workbook-preview__explain .contents_title + p {
  margin-top: 10px;
}
.ele_ui .workbook-preview--box .page__button {
  padding-bottom: 48px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}
.ele_ui .workbook-preview--box .pagenavi--step {
  gap: 5px;
}
.ele_ui .workbook-preview--box .pagenavi--step .pagenavi--number {
  color: #000;
  padding: 0;
}
.ele_ui
  .workbook-preview--box
  .pagenavi--step
  .pagenavi--number
  + .pagenavi--number {
  padding: 0;
  margin-left: 4px;
  gap: 8px;
}
.ele_ui .is--student .slectlist-item.selected {
  background-color: #f2f7f0;
  border-color: #52b210;
}
.ele_ui
  .workbook-preview--box
  .page__button
  .pagenavi--step
  .right__button
  button {
  min-width: 140px;
}
.ele_ui
  .workbook-preview--box
  .page__button
  .pagenavi--step
  .right__button.last-step
  button {
  min-width: 240px;
}
.ele_ui .workbook-preview--box .slectlist-number {
  font-size: 18px;
}
.ele_ui
  .workbook-preview--box
  .open-box.is--recommend
  .recommend--item
  .recommend--button {
  height: 40px;
  font-size: 16px;
}
.ele_ui .workbook-preview--box .open-box .label-text .text + .text::before {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #b3b3b3;
  margin-top: -2px;
}
.ele_ui .workbook-preview__body .preview-check.correct {
  top: -68px;
  left: -40px;
  background-image: url(../images/elementary/img/ele_preview_correct.svg);
  width: 144px;
  height: 145px;
}
.ele_ui .workbook-preview__body .preview-check.incorrect {
  top: -68px;
  left: -40px;
  background-image: url(../images/elementary/img/ele_preview_incorrect.svg);
  width: 144px;
  height: 144px;
}
.ele_ui .workbook-passage__player {
  padding: 0 24px;
  height: 60px;
}
.ele_ui .recommend--item .recommend--desc {
  gap: 6px;
}
.ele_ui .recommend--item .recommend--desc span {
  color: #494949;
  font-weight: 400;
}
.ele_ui .recommend--item .recommend--desc span strong {
  font-weight: 400;
}
.ele_ui .recommend--item.is--myclass .recommend--grade .grade-left > p {
  color: #494949;
  font-weight: 700;
}
.ele_ui .recommend--item .recommend--thum .time {
  line-height: 18px;
}
.ele_ui .recommend--item .recommend--desc span .ico-view-gray {
  background-image: unset;
  font-size: 14px;
  color: #494949;
  width: auto;
  height: auto;
}

/* 출제하기 */
.ele_ui .workbook--make {
  margin-bottom: 20px;
}
.ele_ui .workbook--make__title {
  margin-top: 0;
  color: #214125;
  font-size: 36px;
  line-height: normal;
  font-weight: 800;
  margin-bottom: 64px;
}
.ele_ui .workbook--make__title strong {
  color: #52b210;
  font-weight: 800;
}
.ele_ui .workbook--make .box-grid .cell-06 {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook--make .box-grid .cell-06 .arrow {
  background-color: #f0f0f0;
  border: 0;
}
.ele_ui .workbook--make .box-grid .cell-06:hover .arrow {
  background-color: #f8f8f8;
}
.ele_ui .workbook--make .box-grid .cell-06 .arrow::before {
  background-image: url(../images/elementary/icon/icon_more.svg);
  width: 36px;
  height: 36px;
}
.ele_ui .workbook--make .box-grid .cell-06 .icon {
  width: 96px;
  height: 96px;
}
.ele_ui .workbook--make .box-grid .cell-06.type-01 .icon {
  background-image: url(../images/elementary/icon/ic_workbook_self.svg);
}
.ele_ui .workbook--make .box-grid .cell-06.type-02 .icon {
  background-image: url(../images/elementary/icon/ic_workbook_choice.svg);
}
.ele_ui .workbook--make .box-grid .cell-06.type-03 .icon {
  background-image: url(../images/elementary/icon/ic_workbook_random.svg);
}
.ele_ui .workbook--make .box-grid .cell-06.type-04 .icon {
  background-image: url(../images/elementary/icon/ic_workbook_ai.svg);
}
.ele_ui .workbook--make .box-grid .cell-06 .title {
  font-size: 24px;
  color: #333;
  line-height: 27px;
}
.ele_ui .workbook--make .box-grid .cell-06 .text {
  color: #808080;
  line-height: 24px;
  margin-top: 12px;
}
.ele_ui .workbook--make.is--student .workbook--make__title {
  margin-top: 0;
}
/* 반복주기설정 팝업수정 */
.ele_ui.ele_ui.layer-repeat__cycle .layer__contents {
  overflow: unset;
}
.ele_ui.layer-repeat__cycle .button-toggle button {
  z-index: 0;
}
/* 240614  학습콘텐츠-영상 */
.ele_ui .textbook--area.contents_wrap {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 24px 32px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 20px;
}
.ele_ui .textbook--area .textbook--filter {
  gap: 12px;
}
.ele_ui .textbook--area .textbook--filter .dropdown--area {
  width: 168px;
}
.ele_ui .textbook--area .table--setting .dropdown--area {
  width: 108px;
}
.ele_ui .textbook--area.is--list .classes--list {
  gap: 32px 15px;
}
.ele_ui .textbook--area.is--list .classes--list .recommend--item {
  width: calc((100% - 30px) / 3) !important;
  box-shadow: unset;
  border: 0;
}
.ele_ui .textbook--area.is--list .recommend--item .recommend--thum .image {
  border-radius: 16px;
  background-image: url(../images/elementary/img/contents_card.svg);
  background-size: cover;
}
.ele_ui
  .textbook--area.is--list
  .recommend--item.video
  .recommend--desc
  span:not(:first-child)::before {
  background-color: #e6e6e6;
}
.ele_ui
  .textbook--area.is--list
  .recommend--item:not(.video)
  .recommend--desc
  span:not(:first-child)::before {
  background-color: #b3b3b3;
}
.ele_ui .contents_wrap .box--empty {
  min-height: 360px;
  margin-top: 24px;
}
.ele_ui .contents_wrap .info-tag__menu .tab-menu--box {
  width: 145px;
}
.ele_ui .contents_wrap .box--search .button-main:not([class*="width"]) {
  width: 120px;
}
.ele_ui .contents_wrap.textbook--area.is--list .contents_list + .pagenavi--box {
  padding-top: 0;
}
@media (max-width: 1199px) {
  .ele_ui .textbook--area.is--list .classes--list .recommend--item {
    width: calc((100% - 15px) / 2) !important;
  }
  .ele_ui .textbook--area .textbook--filter .dropdown--area {
    width: calc((100% - 48px) / 5);
  }
}
/* 학습콘텐츠 -교재 */
.ele_ui .contents_wrap .recommend--item:not(.video) .recommend--thum::before {
  background: url(../images/elementary/img/img_textbook_elem.svg) no-repeat left !important;
  border: 1px solid #d9d9d9;
}
/* 학습콘텐츠 - 문제집 */
.ele_ui .contents_wrap .recommend--item.que .recommend--thum::before {
  background: url(../images/elementary/img/img_workbook_elem.svg) no-repeat left !important;
}
/* 학습콘텐츠 - my */
.ele_ui .contents_wrap .contents_list .tab-box {
  border-radius: 0;
  gap: 32px;
  margin-bottom: 40px;
}
.ele_ui .contents_wrap .contents_list .tab--button {
  background-color: unset;
  color: #808080;
  font-weight: 400;
}
.ele_ui .contents_wrap .contents_list .tab--button.active {
  color: #494949;
  border-bottom: 0;
  font-weight: 700;
}
.ele_ui .contents_wrap .contents_list .tab--button:hover:not(.active) {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ele_ui .contents_wrap .contents_list .tab--button .num {
  margin-left: 5px;
}
.ele_ui .tab--wrapper.contents_list .tab-box button:not(:first-child)::before {
  background-color: #d9d9d9;
}
.ele_ui .contents_wrap .contents_type {
  display: flex;
  gap: 32px;
}
.ele_ui .contents_wrap .contents_type .input-check .input--box {
  gap: 8px;
}
.ele_ui .contents_wrap .contents_type .input-check .input--box .input--text {
  color: #494949;
}
.ele_ui .contents_wrap .total-number--button .button-main {
  min-width: 80px;
  height: 40px;
  font-size: 16px;
}
.ele_ui .recommend--item.is--contents.checked:not(.is--dimmed)::after {
  content: "";
  position: absolute;
  border: 2px solid #52b210;
  z-index: 6;
  border-radius: 16px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
} /* 241105수정 */
.ele_ui .contents_wrap:not(.recommend) .recommend--item.edit_mode:hover {
  left: 0;
  top: 0;
}
.ele_ui .contents_wrap .recommend--item.que .description .dim_text {
  right: -2px;
}
/* 문제집상세 */
.ele_ui .workbook--detail .workbook-detail--info {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  position: relative;
  margin-top: 0;
}
.ele_ui .workbook--detail .workbook-detail--info::before {
  content: "";
  position: absolute;
  background-image: url(../images/elementary/icon/img_ring_green.svg);
  width: 44px;
  height: 44px;
  left: -12px;
  top: -11px;
  z-index: 2;
}
.ele_ui .workbook--detail .workbook-detail--analysis {
  margin-top: 24px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook--detail .contents-info__state {
  margin-bottom: 24px;
}
.ele_ui .workbook--detail .workbook-detail--info .state-box.divide {
  background-color: unset;
  height: 30px;
  padding: 0;
  display: flex;
  align-items: center;
}
.ele_ui .workbook--detail .workbook-detail--info .state-box.divide .text {
  background-color: #deefff;
  color: #258be9;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 16px;
}
.ele_ui .workbook--detail .workbook-detail--info .state-box.divide .tag {
  opacity: 1;
  color: #258be9;
  padding: 0;
}
.ele_ui
  .workbook--detail
  .workbook-detail--info
  .state-box.divide
  .tag::before {
  display: none;
}
.ele_ui .workbook--detail .workbook-detail--info .contents-info__subwrap {
  padding: 0 20px 0 24px;
  display: flex;
  gap: 48px;
  border-left: 1px solid #d9d9d9;
  margin-top: 54px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--info
  .contents-info__subwrap
  .contents-info__sub {
  padding: 0;
}
.ele_ui .workbook--detail .workbook-detail--info .contents-info__sub > p {
  gap: 16px;
  margin-bottom: 12px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--info
  .contents-info__sub
  > p:last-child {
  margin-bottom: 0;
}
.ele_ui
  .workbook--detail
  .workbook-detail--info
  .contents-info__sub
  > p
  strong {
  color: #999;
  width: 80px;
}
.ele_ui .workbook--detail .contents-info__explain {
  color: #808080;
}
.ele_ui .workbook--detail .contents-info__explain .text {
  font-weight: 500;
}
.ele_ui .workbook--detail .contents-info__explain .tag {
  padding-left: 14px;
  margin-left: 14px;
  font-weight: 500;
}
.ele_ui .workbook--detail .contents-info__explain .tag::before {
  background-color: #d9d9d9;
  opacity: 1;
}
.ele_ui .workbook--detail .contents-info__button {
  margin-top: 71px;
}
.ele_ui .workbook--detail .contents-info__button .button-text.bg {
  background-color: #f8f8f8;
}
.ele_ui .workbook--detail .contents-info__button .button-text.bg:hover {
  background-color: #f0f0f0;
}
.ele_ui .workbook--detail .workbook-detail--guide {
  color: #f27400;
  font-size: 14px;
  line-height: 24px;
}
.ele_ui .workbook--detail .detail-analysis--title {
  font-size: 22px;
  color: #333333;
  line-height: 25px;
}
.ele_ui .workbook--detail .detail-analysis--box {
  gap: 24px;
}
.ele_ui .workbook--detail .detail-analysis--box > div {
  border-radius: 16px;
  padding-right: 0px;
}
.ele_ui .detail-analysis__ratio {
  background-color: #e2f3df;
}
.ele_ui .detail-analysis__time {
  background-color: #ffeddd;
}
.ele_ui .detail-analysis__member {
  background-color: #deefff;
}
.ele_ui .detail-analysis__ratio::before {
  background-image: url(../images/elementary/icon/ic_member_check.svg);
}
.ele_ui .detail-analysis__time::before {
  background-image: url(../images/elementary/icon/ic_time_bg.svg);
}
.ele_ui .detail-analysis__member::before {
  background-image: url(../images/elementary/icon/ic_member_total.svg);
}
.ele_ui .workbook--detail .detail-analysis--box > div .title {
  margin-top: 0;
  font-size: 16px;
  color: #494949;
}
.ele_ui .workbook--detail .detail-analysis--box > div .text {
  margin-top: 6px;
}
.ele_ui .workbook--detail .tab-box.tab-double {
  gap: 10px;
}
.ele_ui .workbook--detail .tab-box.tab-double .tab--button {
  width: 100%;
}
.ele_ui .f-level-top {
  color: #8252e9;
}
.ele_ui .f-level-middle {
  color: #f27400;
}
.ele_ui .f-level-bottom {
  color: #684c15;
}
.ele_ui .workbook--detail .workbook-detail--question {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 20px;
}
.ele_ui .workbook--detail .workbook-detail--taker .detail-taker__list {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  padding: 30px 24px 40px;
}
.ele_ui .workbook--detail .workbook-detail--taker .detail-taker__analysis {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 20px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .box--search {
  margin-bottom: 24px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .table--list
  table
  tbody
  td.result
  button {
  background-color: #fff;
  color: #333;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .table--list
  table
  tbody
  td.result
  button:disabled {
  background-color: #f0f0f0;
  color: #b3b3b3;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .table--list
  table
  tbody
  td.result
  button:not(:disabled):hover {
  background-color: #f0f0f0;
}
.ele_ui .workbook--detail .detail-taker__analysis .box-bg__lightgray {
  background-color: #f8faf7;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__analysis
  .box-grid
  .cell-06
  p.title {
  color: #214125;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__analysis
  .box-grid
  .doughnut-chart
  .chart-total
  .title {
  color: #56525e;
  font-size: 14px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__analysis
  .box-grid
  .graph-status
  .legend {
  gap: 20px;
}
.ele_ui .workbook--detail .workbook-detail--taker .doughnut-chart .legend .row {
  width: 158px;
}
@media (max-width: 1199px) {
  .ele_ui
    .workbook--detail
    .workbook-detail--taker
    .doughnut-chart
    .legend
    .row {
    width: 117px;
  }
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .doughnut-chart
  .legend
  .row
  .text {
  color: #333;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .doughnut-chart
  .legend
  .row
  .number {
  color: #494949;
  font-weight: 700;
}
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  tbody
  td,
.ele_ui .workbook--detail .workbook-detail--taker .table--list table tbody td {
  color: #333;
  padding-left: 8px;
  padding-right: 8px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  thead
  th,
.ele_ui .workbook--detail .workbook-detail--taker .table--list table thead th {
  padding-left: 8px;
  padding-right: 8px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  thead
  th:first-child,
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .table--list
  table
  thead
  th:first-child,
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  tbody
  td:first-child,
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .table--list
  table
  tbody
  td:first-child {
  padding-left: 14px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  thead
  th:last-child,
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .table--list
  table
  thead
  th:last-child,
.ele_ui
  .workbook--detail
  .workbook-detail--question
  .table--list
  table
  tbody
  td:last-child,
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .table--list
  table
  tbody
  td:last-child {
  padding-right: 14px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .table--list
  table
  tbody
  td.date
  strong {
  color: #999;
}
.ele_ui .workbook--detail .table--list > .tbody::before,
.ele_ui .workbook--detail .table--list > .tbody::after {
  display: none;
}
.ele_ui .workbook--detail .box--empty {
  min-height: 360px;
}
.ele_ui
  .workbook--detail
  .workbook-detail--taker
  .detail-taker__list
  .table--list
  table
  tbody
  td.term {
  padding-left: 8px;
  text-align: center;
}
.ele_ui .workbook--detail .state-box {
  min-width: 54px;
}
.ele_ui .workbook--detail .box--search .button-main:not([class*="width"]) {
  width: 120px;
}
/* 영상뷰어 팝업(콘텐츠) */
.ele_ui.layer-list__video .layer__container .alert_text {
  color: #f27400;
  padding-left: 12px;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  margin-top: auto;
  top: 0;
  bottom: 0;
}
.ele_ui.layer-list__video .layer__container .alert_text::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 0;
}
.ele_ui.layer-list__video.is--contents .layer__container .video-box {
  padding-bottom: 24px;
  padding-left: 30px;
}
.ele_ui.layer-list__video.is--contents .layer__container .video-control {
  padding-bottom: 0;
}
/* 배포하기 팝업 */
.ele_ui.layer-option__distribute .contents-info-box {
  padding: 24px 24px 32px;
  flex-direction: column;
  border-bottom: 0;
  position: relative;
}
.ele_ui.layer-option__distribute .contents-info-box::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  border-bottom: 1px solid #d9d9d9;
  bottom: 0;
}
.ele_ui.layer-option__distribute .contents-info__state {
  color: #494949;
  gap: 12px;
  margin-bottom: 16px;
}
.ele_ui.layer-option__distribute .contents-info__state .state-box {
  background-color: #deefff;
  color: #258be9;
  font-size: 16px;
  padding: 6px 14px;
  height: 30px;
}
.ele_ui.layer-option__distribute .contents-info__title {
  font-size: 24px;
  line-height: 27px;
}
.ele_ui.layer-option__distribute .contents-info__sub {
  padding: 0;
  margin-top: 40px;
}
.ele_ui.layer-option__distribute .contents-info__sub > p {
  margin-bottom: 12px;
  color: #333;
}
.ele_ui.layer-option__distribute .contents-info__sub > p strong,
.ele_ui.layer-option__distribute .contents-info__sub > div strong {
  min-width: 100px;
  color: #999;
}
.ele_ui.layer-option__distribute .box--edit {
  padding-top: 32px;
}
.ele_ui.layer-option__distribute .box--edit-title {
  padding-left: 8px;
  margin-bottom: 24px;
}
.ele_ui.layer-option__distribute .box--edit-title::before {
  display: none;
}
.ele_ui.layer-option__distribute.is--lecture .box--edit-items {
  padding: 24px;
}
.ele_ui.layer-option__distribute .input-box--text:not(input).no-input {
  padding: 14px;
}
.ele_ui.layer-option__distribute .button-tag {
  padding: 5px 8px;
}
.ele_ui.layer-option__distribute
  .dropdown--area:not(.has--data)
  .dropdown--select {
  color: #999;
}
.ele_ui.layer-option__distribute .layer__container .page__button {
  padding-bottom: 40px;
}
/* 영상 등록하기 팝업*/
.ele_ui.layer-write__lecture .layer__container .layer__contents {
  padding: 0;
}
.ele_ui.layer-write__lecture .box--edit-items {
  border-radius: 0;
  position: relative;
  padding: 24px;
}
.ele_ui.layer-write__lecture .box--edit > .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-write__lecture .box--edit > .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-write__lecture .box--edit > .box--edit-items:last-child::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #d9d9d9;
  top: 0;
}
.ele_ui.layer-write__lecture .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-write__lecture
  .box--edit
  .box--edit-items
  + .box--edit-items::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #d9d9d9;
  top: 0;
}
.ele_ui.layer-write__lecture
  [class^="show-"]
  .box--edit-items:first-child::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #d9d9d9;
  top: 0;
}
.ele_ui.layer-write__lecture .box--edit-items > dl {
  min-height: 40px;
}
.ele_ui.layer-write__lecture .box--edit-items > dl > dt {
  color: #494949;
  width: 164px;
  min-height: 40px;
}
.ele_ui.layer-write__lecture
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 24px;
}
.ele_ui.layer-write__lecture .file-item .button-tag.violet-light {
  gap: 5px;
  padding: 0 8px 0 10px;
  height: 28px;
}
.ele_ui.layer-write__lecture .layer__container .layer__contents .preview-box {
  margin-top: 12px;
}
.ele_ui.layer-write__lecture .layer__container .input-check .f-error {
  color: #f27400;
}
.ele_ui.layer-write__lecture .layer__container .page__button {
  padding: 32px 0 40px;
}
.ele_ui.layer-write__lecture .desc_show {
  color: #f27400;
  margin-top: 12px;
}
/* 문제집 배포하기 팝업 */
.ele_ui .input-check.is--toggle input:checked + .input--box {
  background-color: #6cbc35;
  border-color: #6cbc35;
}
.ele_ui .input-check.is--toggle input:checked + .input--box::before {
  background-color: #fff;
  background-image: unset;
}
.ele_ui.layer-option__distribute .contents-info__explain {
  color: #494949;
  font-weight: 400;
  margin-top: 16px;
  line-height: 24px;
}
.ele_ui.layer-option__distribute
  .box-grid
  .box--edit-items:nth-child(2)
  > dl
  > dt {
  text-align: right;
  padding-right: 24px;
}
.ele_ui.layer-option__distribute.is--workbook .open-box {
  border: 0;
}
.ele_ui.layer-option__distribute.is--workbook .open-box.box .open-box--thead {
  padding: 24px 24px 0;
}
.ele_ui.layer-option__distribute.is--workbook
  .open-box.box
  .open-box--contents {
  border-top: 0;
  padding: 24px;
}
.ele_ui.layer-option__distribute .open-box + .open-box {
  margin-top: 20px;
}
.ele_ui.layer-option__distribute.is--workbook
  .box--edit
  .box-grid
  + .box--edit-items {
  margin-top: 24px;
  padding: 24px 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
}
.ele_ui.layer-option__distribute.is--workbook .open-box--contents .box-grid {
  justify-content: space-between;
}
.ele_ui.layer-option__distribute.is--workbook
  .open-box--contents
  .box-grid
  .cell-06.cell-xs-06 {
  width: 47%;
}
.ele_ui.layer-option__distribute .box--edit-items > dl {
  min-height: 40px;
}
.ele_ui.layer-option__distribute .box--edit-items > dl > dt {
  color: #494949;
  min-height: 40px;
}
.ele_ui.layer-option__distribute.is--workbook .contents-info__sub p {
  min-height: 30px;
  margin-bottom: 4px;
}
.ele_ui.layer-option__distribute.is--workbook .contents-info__sub > div {
  margin-top: 0;
}
.ele_ui.layer-option__distribute.is--workbook
  .contents-info__sub
  .input-check.is--toggle {
  padding-left: 8px;
}
.ele_ui.layer-option__distribute.is--workbook .open-box--title::before {
  background-color: #235f2a;
  height: 16px;
  top: 50%;
  margin-top: -8px;
}
/* 교재 미리보기 팝업 */
.ele_ui.layer-view__textbook .layer__title {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ele_ui.layer-view__textbook .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-view__textbook .textbook-preview__box {
  background-color: #f2f7f0;
  border-radius: 0;
  padding: 24px 120px;
}
.ele_ui.layer-view__textbook .textbook-preview__files {
  flex-direction: column;
  margin-bottom: 12px;
}
.ele_ui.layer-view__textbook .textbook-preview__files .file-item {
  width: 100%;
  background-color: #f8f8f8;
  padding: 10px 16px;
  border-radius: 8px;
  margin-bottom: 0;
}
.ele_ui.layer-view__textbook .textbook-preview__files .file-item:hover {
  background-color: #f0f0f0;
}
.ele_ui.layer-view__textbook .file-item--icon:last-child {
  margin-left: auto;
}
.ele_ui.layer-view__textbook .textbook-preview__explain {
  color: #333;
  line-height: 28px;
  padding: 24px 0 40px;
}
/* 교재 등록하기 팝업 */
.ele_ui.layer-write__textbook .layer__container .layer__contents {
  padding-left: 0;
  padding-right: 0;
}
.ele_ui.layer-write__textbook .box--edit .box--edit-items {
  margin-top: 0;
  border-radius: 0;
  position: relative;
  padding: 24px;
}
.ele_ui.layer-write__textbook .box--edit .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-write__textbook .box--edit .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-write__textbook
  .box--edit
  .box--edit-items
  + .box--edit-items::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #e6e6e6;
  top: 0;
}
.ele_ui.layer-write__textbook .input-box--textarea textarea::placeholder {
  color: #808080;
}
.ele_ui.layer-write__textbook .layer__container .input-check .f-error {
  color: #f27400;
}
.ele_ui.layer-write__textbook
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 24px;
}
.ele_ui.layer-write__textbook .desc_show {
  color: #f27400;
  margin-top: 12px;
}
.ele_ui.layer-write__textbook .box--edit-items > dl {
  min-height: 40px;
}
.ele_ui.layer-write__textbook .box--edit-items > dl > dt {
  width: 164px;
  color: #494949;
  min-height: 40px;
}
/* 240625 추가 */
/* 240625 경영도구 /룰렛 */
.button-sub {
  height: 44px;
}
.ele_ui.wrap.is--bg_yellow {
  background-color: #fffbda;
  overflow: hidden;
}
.ele_ui.wrap.is--bg_yellow .ele_bg_area::before {
  display: block;
  content: "";
  clear: both;
  width: 1640px;
  height: 830px;
  left: 50%;
  transform: translateX(-50%);
  top: 118px;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/elementary/intro/intro_2.png);
}
.ele_ui .tool-box {
  margin-bottom: 28px;
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  padding: 20px;
  height: 104px;
}
.ele_ui .roulette--box {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  padding: 40px;
  margin-bottom: 20px;
  min-height: 683px;
}
.ele_ui .roulette--box.is--student {
  padding: 32px 40px 80px;
}
.ele_ui .tool-box + .roulette--box {
  min-height: 599px;
}
.ele_ui .tool-box__list {
  width: 100%;
  gap: 12px;
  margin-top: 0;
}
.ele_ui .tool-box li {
  margin: 0;
  padding: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.ele_ui .tool-box li.sticker::after,
.ele_ui .tool-box li.stopwatch::after,
.ele_ui .tool-box li.bell::after {
  display: none;
}
.ele_ui .tool-box button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 64px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  opacity: 1;
  padding: 11px 0;
  gap: 20px;
  border-radius: 12px;
}
.ele_ui .tool-box li:hover button {
  background-color: #fff;
}
.ele_ui .tool-box li button:hover {
  height: auto;
  box-shadow: unset;
  border-color: #ccc;
}
.ele_ui .tool-box li span.text {
  color: #808080;
  font-weight: 700;
}
.ele_ui .tool-box button:hover span.text {
  padding: 0 0 8px 0;
}
.ele_ui .tool-box li span.ico {
  margin-top: 0;
  width: 40px;
  height: 40px;
  background-size: 100%;
}
.ele_ui .tool-box li.active button {
  border-color: #82c255;
  background-color: #fff;
  padding: 10px 0;
}
.ele_ui .tool-box li.active button .ico {
  margin-top: 0;
}
.ele_ui .tool-box li.active button span.text {
  color: #6cbc35;
}
.ele_ui .tool-box li.sticker .ico {
  background-image: url(../images/elementary/icon/ic_tool_sticker.svg);
}
.ele_ui .tool-box li.timer .ico {
  background-image: url(../images/elementary/icon/ic_tool_timer.svg);
}
.ele_ui .tool-box li.alarm .ico {
  background-image: url(../images/elementary/icon/ic_tool_alarm.svg);
}
.ele_ui .tool-box li.stopwatch .ico {
  background-image: url(../images/elementary/icon/ic_tool_stopwatch.svg);
}
.ele_ui .tool-box li.bell .ico {
  background-image: url(../images/elementary/icon/ic_tool_bell.svg);
}
.ele_ui .tool-box li.drawing .ico {
  background-image: url(../images/elementary/icon/ic_tool_choose.svg);
}
.ele_ui .tool-box li.mix .ico {
  background-image: url(../images/elementary/icon/ic_tool_random.svg);
}
.ele_ui .tool-box li.roulette .ico {
  background-image: url(../images/elementary/icon/ic_tool_roulette.svg);
}
.ele_ui .tool-box li.ladder .ico {
  background-image: url(../images/elementary/icon/ic_tool_ledder.svg);
}
.ele_ui .tool-box li.seating .ico {
  background-image: url(../images/elementary/icon/ic_tool_chair.svg);
}
.ele_ui .people-slider__control {
  height: 100%;
}
.ele_ui .people-list__list li:nth-child(5n-4) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_yellow_100.svg);
}
.ele_ui .people-list__list li:nth-child(5n-3) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_green_100.svg);
}
.ele_ui .people-list__list li:nth-child(5n-2) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_orange_100.svg);
}
.ele_ui .people-list__list li:nth-child(5n-1) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_blue_100.svg);
}
.ele_ui .people-list__list li:nth-child(5n-0) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_purple_100.svg);
}
.ele_ui [class$="-slider"] .people-list__text {
  line-height: 20px;
  color: #494949;
}
.ele_ui .tool-box + .roulette--box .game--option {
  margin-top: 60px;
  margin-bottom: 80px;
}
.ele_ui .game--option__control input[type="text"],
.ele_ui .people--option__control input[type="text"] {
  color: #6cbc35;
}
.ele_ui .game--option__title,
.ele_ui .people--option__title {
  color: #494949;
}
.ele_ui .people-list__list li.add .people-list__text {
  opacity: 1;
  color: #b3b3b3;
}
.ele_ui .roulette--box .page__button > button:not(.button-text) {
  min-width: 200px;
}
.ele_ui .people-slider__control button {
  border: 0;
}
.ele_ui .people-slider__control [class^="btn-"] {
  transform: unset;
}
.ele_ui .people-slider__control [class^="btn-"] [class^="ico"] {
  background-image: unset;
}
.ele_ui .people-slider__control button[class$="-disabled"] {
  opacity: 1;
  border: 0;
}
.ele_ui .people-slider__control .btn-prev {
  background-image: url(../images/elementary/icon/ic_prev_btn_default.svg);
}
.ele_ui .people-slider__control .btn-prev[class$="-disabled"] {
  background-image: url(../images/elementary/icon/ic_prev_btn_disabled.svg);
}
.ele_ui .people-slider__control .btn-next {
  background-image: url(../images/elementary/icon/ic_next_btn_default.svg);
}
.ele_ui .people-slider__control .btn-next[class$="-disabled"] {
  background-image: url(../images/elementary/icon/ic_next_btn_disabled.svg);
}
.ele_ui .game--option__control [class^="btn-"],
.ele_ui .people--option__control [class^="btn-"] {
  border: 0;
}
.ele_ui .game--option__control [class^="btn-"] [class^="ico"],
.ele_ui .people--option__control [class^="btn-"] [class^="ico"] {
  background-image: unset;
}
.ele_ui .game--option__control .btn-minus {
  background-image: url(../images/elementary/icon/ic_minus_btn_default.svg);
}
.ele_ui .game--option__control .btn-minus:disabled {
  background-image: url(../images/elementary/icon/ic_minus_btn_disabled.svg);
}
.ele_ui .game--option__control .btn-plus {
  background-image: url(../images/elementary/icon/ic_plus_btn_default.svg);
}
.ele_ui .game--option__control .btn-plus:disabled {
  background-image: url(../images/elementary/icon/ic_plus_btn_disabled.svg);
}
.ele_ui .roulette--win {
  margin-top: 28px;
}
.ele_ui .roulette--win__text {
  background-color: #e2f3df;
  color: #549a22;
  font-weight: 700;
  padding: 16px 10px;
  height: auto;
}
.ele_ui .roulette--wheel__base .pin {
  background-image: url(../images/elementary/icon/roulette-pin-color.svg);
}
.ele_ui .roulette--wheel__wrap {
  border-color: #52b210;
  box-shadow: 0px 4px 36px rgba(75, 125, 6, 0.16);
}
.ele_ui .roulette--wheel__base .btn-start {
  border-color: rgba(88, 175, 255, 0.14);
}
.ele_ui .roulette--wheel__base .btn-start p {
  background-color: #58afff;
}
.ele_ui .game--participate .onoff-box button.btn-on,
.ele_ui .people--participate .onoff-box button.btn-on {
  background-color: #e2f3df;
  color: #6cbc35;
}
.ele_ui .game--participate .onoff-box button.btn-on::before,
.people--participate .onoff-box button.btn-on::before {
  background-color: #6cbc35;
}
.ele_ui .game--participate .onoff-box button.btn-on .ico-down-black {
  background-image: url(../images/elementary/icon/ic_show_green.svg);
  opacity: 1;
  background-size: 20px;
}
.ele_ui .roulette--wheel {
  margin-top: 63px;
}
.ele_ui .game--participate + .roulette--wheel {
  margin-bottom: 72px;
}
.ele_ui .roulette--wheel__wrap.option-02 .roulette--wheel__text {
  transform: rotate(270deg);
}
.ele_ui .roulette--wheel__wrap.option-02 .roulette--wheel__text:nth-child(1) {
  margin-bottom: 40px;
}
.ele_ui .roulette--wheel__wrap.option-02 .roulette--wheel__text:nth-child(2) {
  margin-top: 40px;
}
.ele_ui .roulette--wheel__wrap.option-03 .roulette--wheel__box {
  transform: rotate(-285deg);
}
.ele_ui .roulette--wheel__wrap.option-03 .roulette--wheel__texts {
  transform: rotate(0deg);
}
.ele_ui .roulette--wheel__wrap.option-06 .roulette--wheel__box {
  transform: rotate(-255deg);
}
.ele_ui .roulette--wheel__wrap.option-06 .roulette--wheel__texts {
  transform: rotate(0deg);
}
.ele_ui .roulette--wheel__wrap.option-08 .roulette--wheel__box {
  transform: rotate(-292deg);
}
.ele_ui .roulette--wheel__wrap.option-08 .roulette--wheel__texts {
  transform: rotate(0deg);
}
.ele_ui .roulette--wheel__item::before {
  display: none;
}
.ele_ui .option-02 .roulette--wheel__box div:nth-child(1) {
  background-color: #fffbda;
}
.ele_ui .option-03 .roulette--wheel__box div:nth-child(1) {
  background-color: #e2f3df;
}
.ele_ui .option-03 .roulette--wheel__box div:nth-child(2) {
  background-color: #fffbda;
}
.ele_ui .option-03 .roulette--wheel__box div:nth-child(3) {
  background-color: #fff;
}
.ele_ui .option-04 .roulette--wheel__box div:nth-child(1) {
  background-color: #e2f3df;
}
.ele_ui .option-04 .roulette--wheel__box div:nth-child(3) {
  background-color: #fffbda;
}
.ele_ui .option-05 .roulette--wheel__box div:nth-child(1) {
  background-color: #e2f3df;
}
.ele_ui .option-05 .roulette--wheel__box div:nth-child(2) {
  background-color: #fff;
}
.ele_ui .option-05 .roulette--wheel__box div:nth-child(3) {
  background-color: #fffbda;
}
.ele_ui .option-05 .roulette--wheel__box div:nth-child(4) {
  background-color: #f8f8f8;
}
.ele_ui .option-05 .roulette--wheel__box div:nth-child(5) {
  background-color: #fff;
}
.ele_ui .option-06 .roulette--wheel__box div:nth-child(1) {
  background-color: #e2f3df;
}
.ele_ui .option-06 .roulette--wheel__box div:nth-child(3) {
  background-color: #fffbda;
}
.ele_ui .option-06 .roulette--wheel__box div:nth-child(5) {
  background-color: #f8f8f8;
}
.ele_ui .option-07 .roulette--wheel__box div:nth-child(4n + 1) {
  background-color: #e2f3df;
}
.ele_ui .option-07 .roulette--wheel__box div:nth-child(4n + 2) {
  background-color: #fffbda;
}
.ele_ui .option-07 .roulette--wheel__box div:nth-child(4n + 3) {
  background-color: #fff;
}
.ele_ui .option-07 .roulette--wheel__box div:nth-child(4n) {
  background-color: #f8f8f8;
}
.ele_ui .option-08 .roulette--wheel__box div:nth-child(1) {
  background-color: #e2f3df;
}
.ele_ui .option-08 .roulette--wheel__box div:nth-child(3) {
  background-color: #fffbda;
}
.ele_ui .option-08 .roulette--wheel__box div:nth-child(5) {
  background-color: #e2f3df;
}
.ele_ui .option-08 .roulette--wheel__box div:nth-child(7) {
  background-color: #fffbda;
}
.ele_ui .game--participate .onoff-box button.people-list__again,
.ele_ui .people--participate .onoff-box button.people-list__again {
  background-color: unset;
  color: #52b210;
  text-decoration: underline;
  width: 79px;
  height: 32px;
}
.ele_ui .game--participate .people-list.off {
  width: 206px;
}
.ele_ui .game--participate .onoff-box .people-list .people-list__list {
  padding: 16px 12px;
}
.ele_ui
  .game--participate
  .onoff-box
  .people-list.has-again
  .people-list__list {
  gap: 0;
}
.ele_ui
  .game--participate
  .onoff-box
  .people-list.has-again
  .people-list__list
  li {
  padding: 4px;
  height: 40px;
}
.ele_ui
  .game--participate
  .onoff-box
  .people-list.has-again
  .people-list__list
  li:hover {
  background-color: #f2f7f0;
}
.ele_ui .onoff-box .people-list__list.size-32 .people-list__profile {
  width: 28px;
  height: 28px;
}
.ele_ui .people-list__list.size-32 li:nth-child(5n-4) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_yellow_28.svg);
}
.ele_ui .people-list__list.size-32 li:nth-child(5n-3) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_orange_28.svg);
}
.ele_ui .people-list__list.size-32 li:nth-child(5n-2) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_blue_28.svg);
}
.ele_ui .people-list__list.size-32 li:nth-child(5n-1) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_purple_28.svg);
}
.ele_ui .people-list__list.size-32 li:nth-child(5n) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_green_28.svg);
}
.ele_ui .people-list__list.size-40 li:nth-child(5n-4) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_yellow_40.svg);
}
.ele_ui .people-list__list.size-40 li:nth-child(5n-3) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_green_40.svg);
}
.ele_ui .people-list__list.size-40 li:nth-child(5n-2) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_orange_40.svg);
}
.ele_ui .people-list__list.size-40 li:nth-child(5n-1) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_blue_40.svg);
}
.ele_ui .people-list__list.size-40 li:nth-child(5n) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_purple_40.svg);
}
.ele_ui .people-list__list.size-144 li:nth-child(5n-4) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_yellow_144.svg);
}
.ele_ui .people-list__list.size-144 li:nth-child(5n-3) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_green_144.svg);
}
.ele_ui .people-list__list.size-144 li:nth-child(5n-2) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_orange_144.svg);
}
.ele_ui .people-list__list.size-144 li:nth-child(5n-1) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_blue_144.svg);
}
.ele_ui .people-list__list.size-144 li:nth-child(5n) .people-list__profile {
  background-image: url(../images/elementary/icon/img_profile_purple_144.svg);
}
.ele_ui .participate__empty {
  height: auto;
  padding: 40px;
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  margin-bottom: 20px;
}
.ele_ui .participate__empty .box--empty {
  min-height: 387px;
  padding: 0;
}
.ele_ui .participate__empty .box--empty + .page__button {
  margin-top: 48px;
}
/* 사다리타기 */
.ele_ui .ladder--box {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  padding: 40px;
  margin-bottom: 20px;
  min-height: unset;
}
.ele_ui .ladder--box.is--student {
  padding: 60px 40px 60px;
}
.ele_ui .tool-box + .ladder--box .game--option {
  margin: 60px 0 80px;
}
.ele_ui .ladder--box .page__button > button:not(.button-text) {
  min-width: 200px;
}
.ele_ui .ladder__result {
  background-color: #fff;
}
.ele_ui .ladder__result input {
  font-size: 16px;
  height: 42px;
}
.ele_ui .ladder__result input:focus {
  border-color: #6cbc35;
}
.ele_ui .ladder__result.win input,
.ele_ui .ladder__result.win p {
  background-color: #e2f3df;
  border-color: #e2f3df;
  color: #000;
  font-weight: 400;
}
.ele_ui .ladder-slider {
  padding: 0 44px;
  margin-bottom: 0;
}
.ele_ui .ladder-slider__list li {
  width: 120px;
  margin-right: 20px;
  justify-content: space-between;
}
.ele_ui .ladder-slider__info {
  color: #999;
  top: 300px;
}
.ele_ui .ladder-slider__control button[class$="-disabled"] {
  visibility: hidden;
}
.ele_ui .ladder-slider__line .vertical_line {
  background-color: #6cbc35;
}
.ele_ui .ladder-slider__line .horizontal_line.active {
  background-color: #6cbc35;
}
.ele_ui .game--participate.left-bottom,
.ele_ui .people--participate.left-bottom {
  left: 40px;
  bottom: 40px;
}
.ele_ui .game--participate .onoff-box {
  margin-bottom: 12px;
}
.ele_ui .game--participate .onoff-box:last-child {
  margin-bottom: 0;
}
.ele_ui .game--share {
  right: 40px;
  bottom: 40px;
}
.ele_ui .ladder-result__title {
  margin-top: 28px;
}
.ele_ui .ladder--box.is--student .ladder-result__title {
  margin-top: 0;
}
.ele_ui .ladder-result__list {
  margin: 60px 0 20px;
}
.ele_ui .ladder-result__list ul {
  width: 656px;
}
.ele_ui .ladder-result__list .ladder__result input {
  font-size: 18px;
}
.ele_ui .ladder__result {
  border: 1px solid #ccc;
  height: 42px;
}
.ele_ui .ladder__result.win {
  background-color: #e2f3df;
  border-color: #e2f3df;
}
.ele_ui .ladder--box .page__button {
  margin-top: 68px;
}
.ele_ui .ladder--box .ladder-result__list .page__button {
  margin-top: 100px;
}
.ele_ui .ladder-slider__control .btn-next,
.ele_ui .ladder-slider__control .btn-prev {
  background-image: url(../images/elementary/icon/ic_prev_btn_default.svg);
  border: 0;
  background-color: unset;
}
.ele_ui .ladder-slider__control .btn-next [class^="ico-"],
.ele_ui .ladder-slider__control .btn-prev [class^="ico-"] {
  display: none;
}
/* 타이머 */
.ele_ui .manage-clock {
  padding: 60px 40px 40px;
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  margin-bottom: 20px;
  height: 676px;
}
.ele_ui .timepad-number--button.ico-down-black {
  background-size: 28px;
  border: 0;
}
.ele_ui .timepad-number--button.is--down.ico-down-black {
  background-image: url(../images/elementary/icon/ic_count_down_default.svg);
}
.ele_ui .timepad-number--button.is--down.ico-down-black:disabled {
  background-image: url(../images/elementary/icon/ic_count_down_disabled.svg);
}
.ele_ui .timepad-number--button.is--up.ico-down-black {
  background-image: url(../images/elementary/icon/ic_count_up_default.svg);
  transform: unset;
}
.ele_ui .timepad-number--button.is--up.ico-down-black:disabled {
  background-image: url(../images/elementary/icon/ic_count_up_disabled.svg);
}
.ele_ui .clock-timepad--number--item {
  gap: 20px;
}
.ele_ui .timepad-number--text {
  color: #333;
  font-weight: 700;
}
.ele_ui .clock-timepad--ms {
  color: #999;
}
.ele_ui .clock-timepad--divider {
  color: #b3b3b3;
}
.ele_ui .clock-body {
  height: 576px;
  margin-bottom: -52px;
  margin-top: 0;
  justify-content: flex-start;
}
.ele_ui .clock-body--circle {
  border-color: #f0f0f0;
}
.ele_ui .clock-body--time {
  margin-top: 48px;
  height: 52px;
  align-items: center;
}
.ele_ui .button-main.height-40 {
  height: 40px;
}
.ele_ui .clock-body .clock-active--inner #clockActiveProgress {
  stroke: #ff932f;
  stroke-width: 12px;
}
.ele_ui .manage-clock__now {
  top: 40px;
}
.ele_ui .manage-clock__now span {
  color: #494949;
}
.ele_ui .manage-clock__now span:first-child::after {
  background-color: #d9d9d9;
  height: 18px;
}
.ele_ui .timepad-noon--button {
  width: 92px;
}
.ele_ui .timepad-noon--button.active {
  background-color: #f2f7f0;
  color: #52b210;
}
.ele_ui .timepad-noon--button:not(:first-child) {
  margin-top: 20px;
}
.ele_ui .clock-body .clock-noti {
  padding-left: 32px;
  line-height: 27px;
  color: #494949;
  margin-bottom: 24px;
}
.ele_ui .clock-body .clock-noti::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/elementary/icon/ic_time_yellow_24px.svg) no-repeat;
  background-size: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ele_ui .clock-body .clock-noti span {
  color: #ff932f;
}
.ele_ui .clock-body .clock-noti span::after {
  display: none;
}
.ele_ui .clock-body .clock-noti.end {
  padding-left: 40px;
  line-height: 39px;
}
.ele_ui .clock-body .clock-noti.end::before {
  background: url(../images/elementary/icon/ic_time_orange_24px.svg) no-repeat;
  width: 32px;
  height: 32px;
  background-size: 100%;
}
.ele_ui .clock-body.alarm-body .clock-body--circle.is--end {
  background-color: #fff8f1;
}
.ele_ui .timepad-noon--text {
  color: #333;
}
.ele_ui .manage-clock.stopwatch {
  padding-top: 40px;
}
.ele_ui .stopwatch-body {
  margin-bottom: 48px;
}
.ele_ui .stopwatch-body .clock-timepad {
  height: 496px;
  gap: 40px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
}
.ele_ui .stopwatch-button .button-main {
  width: 200px;
}
.ele_ui .stopwatch-body.start .clock-timepad {
  background-color: #fff;
  width: 682px;
  padding-top: 0;
}
@media (max-width: 1199px) {
  .ele_ui .stopwatch-body.start .clock-timepad {
    width: 522px;
    gap: 24px;
  }
}
.ele_ui .stopwatch-body.start .stopwatch-record--item {
  padding: 14px 10px;
  background-color: #f8f8f8;
}
.stopwatch-body.start .stopwatch-record--item:not(:first-child) {
  margin-top: 20px;
}
.ele_ui .stopwatch-body.start .stopwatch-record--item::before {
  height: 25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #d9d9d9;
}
.ele_ui .stopwatch-body.start .stopwatch-record--item:first-child::before {
  background-color: #82c255;
}
.ele_ui .stopwatch-body.start .stopwatch-record--item:first-child {
  background-color: #eefae0;
}
.ele_ui .stopwatch-body.start .stopwatch-record--item .stopwatch-record--name,
.ele_ui .stopwatch-body.start .stopwatch-record--item .stopwatch-record--time {
  color: #333;
}
.ele_ui
  .stopwatch-body.start
  .stopwatch-record--item:first-child
  .stopwatch-record--name,
.ele_ui
  .stopwatch-body.start
  .stopwatch-record--item:first-child
  .stopwatch-record--time {
  color: #52b210;
}
/* 집중벨 */
.ele_ui .alert-bell--box {
  padding: 60px 40px 40px;
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
}
.ele_ui .alert-bell--box .bell--box {
  gap: 40px;
}
.ele_ui .alert-bell--box .bell--image.is--knock.is--image::before {
  background-image: url(../images/elementary/img/ele_knock.png);
  background-position: 97px 73px;
}
@media (max-width: 1199px) {
  .ele_ui .alert-bell--box .bell--image.is--knock.is--image::before {
    background-size: calc((340 / 396) * 179px) auto;
    background-position: 84px 62px;
  }
  .ele_ui .alert-bell--box .bell--image.is--bell.is--image::before {
    background-size: calc((340 / 396) * 175px) auto;
  }
}
.ele_ui .alert-bell--box .bell--image:hover {
  background-color: #fffbda;
}
.ele_ui .alert-bell--box .bell--text {
  background-color: unset;
  color: #494949;
  font-size: 28px;
}
.ele_ui .alert-bell--box .bell--box.active .bell--text {
  color: #684c15;
}
/* 학생섞기 */
.ele_ui .mixcard--box {
  padding: 68px 40px 40px;
  min-height: 625px;
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  margin-bottom: 20px;
}
.ele_ui .mixcard--titlement {
  margin-top: 0;
  color: #999;
}
.ele_ui .mixcard--box__title {
  color: #494949;
}
.ele_ui .mixcard--box .is--card {
  margin-bottom: 80px;
}
.ele_ui .people-list__number {
  color: #999;
  font-weight: 400;
}
.ele_ui .people-list.is--card .card-front {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 16px;
}
.ele_ui .mixcard--box .people-list__list.size-76 .people-list__profile {
  width: 80px;
  height: 80px;
}
.ele_ui .mixcard--box .people-list__number {
  margin-bottom: 12px;
}
.ele_ui .mixcard--box .people-list__text {
  color: #494949;
  line-height: 20px;
}
.ele_ui .mixcard--box .is--card .people-list__text {
  color: #333;
  line-height: 26px;
}
.ele_ui .mixcard--box .page__button > button:not(.button-text) {
  min-width: 200px;
}
.ele_ui .mixcard--box .is--normal {
  margin-bottom: 60px;
}
.ele_ui .people-list.is--card .card-back {
  background-color: #f2f7f0;
  color: #6cbc35;
}
.ele_ui .people-list.is--card .card-back:hover {
  background-color: #e2f3df;
}
/* 자리배치 */
.seating--box .tab--contents {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  padding: 40px;
  margin-bottom: 20px;
}
.ele_ui .seating--box .tab-box {
  gap: 10px;
}
.ele_ui .seating__layout {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  height: 500px;
  margin-top: 20px;
}
.ele_ui .seating-old .seating-old__setting .seating__layout {
  height: 500px;
}
.ele_ui .seating-old .seating-old__edit .seating__layout {
  height: 500px;
}
.ele_ui .seating-old .seating__layout--title {
  color: #494949;
  margin-bottom: 44px;
  margin-top: 0;
}
.ele_ui .student__layout {
  padding: 53px 0;
}
.ele_ui .student__layout .layout--desk {
  background-color: #f2f7f0;
  border-color: #c0e5a5;
}
.ele_ui .student-namebox .namebox--name {
  font-weight: 400;
  color: #494949;
}
.ele_ui .student__layout .layout--row .desk--wrap .layout--desk:not(.active) {
  border-color: #c0e5a5;
}
.ele_ui
  .student__layout
  .layout--row
  .desk--wrap
  .layout--desk:not(.active):last-child {
  border-color: #c0e5a5;
}
.ele_ui .student__layout .layout--desk.is--teacher {
  background-color: #82c255;
  border-color: #549a22;
  margin-top: 40px;
}
.ele_ui
  .student__layout
  .layout--desk.is--teacher
  .student-namebox
  .namebox--name {
  color: #fff;
  opacity: 1;
  font-weight: 700;
}
.ele_ui .seating--button .button-main {
  width: 200px;
}
.ele_ui .seating-old .seating-old__setting .setting__history {
  height: 500px;
  width: 244px;
}
.ele_ui .seating-old .seating-old__setting .setting__history--box {
  background-color: #f8f8f8;
  margin-top: 12px;
  border: 1px solid transparent;
}
.ele_ui .seating-old .seating-old__setting .setting__history--box:hover {
  background-color: #f2f7f0;
}
.ele_ui .seating-old .seating-old__setting .setting__history--box.active {
  background-color: #fff;
  border: 1px solid #82c255;
}
.ele_ui .seating-old .seating-old__setting .setting__history--box .text,
.ele_ui .seating-old .seating-old__setting .setting__history--box .date {
  color: #333;
}
.ele_ui .seating-old .seating-old__setting .setting__history--box:hover .text,
.ele_ui .seating-old .seating-old__setting .setting__history--box:hover .date {
  color: #333;
}
.ele_ui .seating-old .seating-old__setting .setting__history--empty {
  background-color: #f8f8f8;
  color: #808080;
  font-size: 16px;
}
.ele_ui .seating__student {
  padding: 0 44px;
}
.ele_ui .seating__student .swiper-slide {
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
.ele_ui .seating__student .swiper-slide:hover {
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.1);
}
.ele_ui .seating__student .swiper-slide .student-namebox {
  gap: 10px;
  padding: 0 15px;
  height: 48px;
}
.ele_ui .seating__student .swiper-slide .student-namebox .namebox--thum {
  width: 28px;
  height: 28px;
  background-image: url(../images/elementary/icon/img_profile_yellow_28.svg);
  background-size: 100%;
}
.ele_ui
  .seating__student
  .swiper-slide:nth-child(5n-3)
  .student-namebox
  .namebox--thum {
  background-image: url(../images/elementary/icon/img_profile_green_28.svg);
}
.ele_ui
  .seating__student
  .swiper-slide:nth-child(5n-2)
  .student-namebox.namebox--thum {
  background-image: url(../images/elementary/icon/img_profile_orange_28.svg);
}
.ele_ui
  .seating__student
  .swiper-slide:nth-child(5n-1)
  .student-namebox
  .namebox--thum {
  background-image: url(../images/elementary/icon/img_profile_blue_28.svg);
}
.ele_ui
  .seating__student
  .swiper-slide:nth-child(5n)
  .student-namebox
  .namebox--thum {
  background-image: url(../images/elementary/icon/img_profile_purple_28.svg);
}
.ele_ui .seating__student .swiper-container {
  overflow: visible;
  overflow-x: clip;
  padding: 0 20px;
}
.ele_ui .seating__student .swiper-button-prev,
.ele_ui .seating__student .swiper-button-next {
  width: 44px;
  height: 44px;
  background-image: url(../images/elementary/icon/ic_prev_btn_default.svg);
  margin-top: -22px;
}
.ele_ui .seating__student .swiper-button-prev.swiper-button-disabled,
.ele_ui .seating__student .swiper-button-next-swiper-button-disabled {
  opacity: 1;
  background-image: url(../images/elementary/icon/ic_prev_btn_disabled.svg);
}
.ele_ui .seating--button .button--right {
  gap: 20px;
}
.ele_ui .seating--button .button--right.is--icon {
  gap: 20px;
}
.ele_ui .seating--button .button-icon {
  width: 44px;
  height: 44px;
  border: 0;
}
.ele_ui .seating--button .button-icon:not(.dim):not(:disabled):hover {
  background-color: #f8f8f8;
}
.ele_ui .seating--button .button-icon .ico-random-violet {
  background-image: url(../images/elementary/icon/btn_random.svg);
  width: 44px;
  height: 44px;
}
.ele_ui .seating--button .button-icon .ico-reset-violet {
  background-image: url(../images/elementary/icon/btn_reset.svg);
  width: 44px;
  height: 44px;
}
.ele_ui .seating-new .seating-new__setting .clock-timepad {
  padding-top: 0;
  height: 500px;
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--text {
  color: #6cbc35;
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button {
  background-size: 100%;
  border: 0;
  padding-bottom: 0;
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button.is--down {
  background-image: url(../images/elementary/icon/ic_count_down_default.svg);
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button.is--down:disabled {
  background-image: url(../images/elementary/icon/ic_count_down_disabled.svg);
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button.is--up {
  background-image: url(../images/elementary/icon/ic_count_up_default.svg);
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button.is--up:disabled {
  background-image: url(../images/elementary/icon/ic_count_up_disabled.svg);
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--number
  .timepad-number--button::after {
  display: none;
}
.ele_ui
  .seating-new
  .seating-new__setting
  .clock-timepad
  .clock-timepad--divider {
  color: #333;
}
.ele_ui .seating-new .seating-new__setting .seating--button {
  margin-top: 40px;
}
.ele_ui .seating-new .seating-new__edit {
  height: auto;
}
.ele_ui .seating__layout.is--empty .student__layout p {
  color: #808080;
}
/* 학생뽑기-교사 */
.ele_ui .drawing--box {
  margin-bottom: 20px;
}
.ele_ui .drawing--box .tab-box.tab-double {
  gap: 10px;
}
.ele_ui .drawing--box .tab--contents {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
}
.ele_ui .drawing--box .tab--contents > div {
  padding: 40px;
}
.ele_ui .drawing--box .tab--contents > div.drawing__set-member .roulette--box {
  box-shadow: none;
  padding-top: 0;
  margin-bottom: 0;
}
.ele_ui .drawing--box .start-person__random.people-list {
  margin: 40px 0 0;
  padding-top: 0;
  padding-bottom: 68px;
  min-height: 487px;
}
.ele_ui .drawing--box .start-person__random.people-list .people-list__list {
  justify-content: center;
  padding-bottom: 0;
  min-height: 199px;
}
.ele_ui
  .drawing--box
  .people-list__list
  li.random:nth-child(1n)
  .people-list__profile {
  background: #f2f7f0;
  color: #6cbc35;
}
.ele_ui
  .drawing--box
  .people-list__list
  li.random:nth-child(1n)
  .people-list__profile:hover {
  background: #e2f3df;
}
.ele_ui .drawing--box .start-person__random.people-list .people-list__text {
  color: #494949;
  margin-top: 24px;
  font-weight: 700;
}
.ele_ui .box--empty-icon.is--drawing {
  background-image: url(../images/elementary/icon/ic_drawing_empty.svg);
  width: 86px;
  height: 86px;
}
.ele_ui .drawing--box .page__button .button-main {
  min-width: 200px;
}
.ele_ui .drawing--box .box--empty {
  min-height: 387px;
  margin-bottom: 48px;
}
.ele_ui .drawing--box .box--empty {
  min-height: 387px;
  margin-bottom: 48px;
}
.ele_ui .box--empty-icon.is--drawing-share {
  background-image: url(../images/elementary/icon/ic_drawing_share.svg);
  width: 86px;
  height: 86px;
}
.ele_ui
  .tool-box
  + .drawing--box
  .tab--contents
  > div.drawing__group-drawing
  .seating__layout {
  min-height: 388px;
}
.ele_ui
  .drawing--box
  .tab--contents
  > div.drawing__group-drawing
  .seating__layout {
  min-height: 516px;
}
.ele_ui
  .drawing--box
  .tab--contents
  > div.drawing__group-drawing
  .seating__layout
  .student__layout {
  padding: 80px 82px;
}
.ele_ui
  .drawing--box
  .tab--contents
  > div.drawing__group-drawing
  .seating__wrap {
  margin-bottom: 0px;
}
.ele_ui
  .drawing--box
  .tab--contents
  > div.drawing__group-drawing
  .layout--row:not(:first-child) {
  margin-top: 12px;
}
.ele_ui .student__layout .layout--desk.active {
  background-color: #58afff;
  border-color: #258be9;
}
.ele_ui .student__layout .layout--desk.active .student-namebox .namebox--name {
  color: #fff;
}
.ele_ui .drawing--box .page__button {
  margin-top: 48px;
}
/* 학생뽑기-학생 */
.ele_ui .drawing--box.is--student:first-child {
  margin-top: 0;
}
.ele_ui .drawing--box.is--student {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  padding: 40px;
}
.box--empty-icon.is--drawing-student {
  background-image: url(../images/elementary/icon/ic_student_empty.svg);
  width: 86px;
  height: 86px;
}
.drawing--box.is--student {
  height: 596px;
}
.drawing--box.is--student .box--empty {
  height: 100%;
  margin-bottom: 0;
}
.ele_ui .drawing--box.is--student .start-person__random.people-list {
  padding-bottom: 0;
  margin-top: 0;
}
.ele_ui
  .drawing--box.is--student
  .start-person__random.people-list
  .people-list__list {
  align-items: center;
}
.drawing__result {
  padding-top: 0;
  margin: 60px auto;
}
.people-slider.drawing--result {
  padding: 0 92px;
  margin: 0 172px;
}
.people-slider.drawing--result .people-slider__control button {
  width: 44px;
  height: 44px;
  margin-top: -22px;
}
.people-slider.drawing--result
  .people-slider__control
  button[class$="-disabled"] {
  visibility: hidden;
}
.people-slider.drawing--result .people-list__list.size-60 .people-list__text {
  color: #494949;
  font-size: 18px;
  margin-top: 12px;
}
/* 팝업-그룹내뽑기 */
.ele_ui.layer-group__drawing .layer__container {
  width: 388px;
}
.ele_ui.layer-group__drawing .layer__container .layer__contents {
  padding: 48px 24px;
}
.ele_ui.layer-group__drawing .people-list.is--card {
  padding: 0;
}
.ele_ui.layer-group__drawing .people-list.is--card .card-front {
  border: 0;
  padding: 0;
}
.ele_ui.layer-group__drawing .people-list.is--card li.one-card {
  height: auto;
  width: auto;
}
.ele_ui.layer-group__drawing .people-list__list li .people-list__profile {
  width: 144px;
  height: 144px;
  background-color: #e8f8fe;
  background-image: url(../images/elementary/icon/img_profile_blue_144.svg);
}
.ele_ui.layer-group__drawing .people-list__text {
  font-size: 28px;
  color: #494949;
  font-weight: 700;
  margin-top: 32px;
}
.ele_ui.layer-group__drawing .layer__container .page__button {
  padding: 0 24px 24px;
}
/* 팝업-자리배치저장 */
.ele_ui.layer-option__seating .layer__container .page__button {
  padding: 48px 0 40px;
}
.ele_ui.layer-option__seating
  .layer__container
  .seating-old
  .seating__layout:not(.is--empty)
  .student__layout {
  height: auto;
}
.ele_ui.layer-option__seating
  .layer__container
  .seating-old
  .seating__layout--title {
  margin-top: 0;
}
/* 팝업-참여대상 설정 */
.dropdown--box.bg--item .input-check:hover,
.dropdown--box.bg--item .input-check.active {
  background-color: #f2f7f0;
}
.ele_ui.layer-option__participate .box--edit .box--edit-items {
  border-radius: 0;
  padding: 24px;
}
.ele_ui.layer-option__participate .box--edit > .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-option__participate .box--edit [class^="show"] .box--edit-items {
  position: relative;
}
.ele_ui.layer-option__participate
  .box--edit
  [class^="show"]
  .box--edit-items::before {
  position: absolute;
  content: "";
  width: calc(100% - 48px);
  border-top: 1px solid #e6e6e6;
  top: 0;
}
.ele_ui.layer-option__participate
  .box--edit
  [class^="show"]
  .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-option__participate
  .box--edit
  .box--edit-items
  + .box--edit-items,
.box--edit .box-grid + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-option__participate .box--edit-items > dl > dt {
  color: #494949;
}
.ele_ui.layer-option__participate .layer__contents .input-radio {
  min-width: unset;
}
.ele_ui.layer-option__participate
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 24px;
}
.ele_ui.layer-option__participate .button-tag {
  gap: 5px;
  padding: 6px 8px;
  height: 28px;
}
.ele_ui .box--edit-items > dl > dt .num {
  color: #428e0d;
  margin-left: 6px;
}
.ele_ui.layer-option__participate .dropdown--area + .button-main {
  height: 40px;
  min-width: 72px;
  font-size: 16px;
}
.dropdown--box.no--data {
  color: #808080;
  font-weight: 400;
  height: 112px;
  padding: 14px;
}
.ele_ui.layer-option__participate .layer__contents .selected-list.type-box {
  padding: 16px;
  max-height: 270px;
}
.ele_ui.layer-option__participate
  .layer__contents
  .selected-list
  .selected-list__title {
  color: #808080;
  font-weight: 700;
  margin-bottom: 12px;
}
.ele_ui.layer-option__participate .layer__contents .selected-list li {
  background-color: #f8f8f8;
  color: #333;
  border: 1px solid transparent;
}
.ele_ui.layer-option__participate
  .layer__contents
  .selected-list
  li:not(.empty):not(.active):hover {
  background-color: #f2f7f0;
}
.ele_ui.layer-option__participate .layer__contents .selected-list li.active {
  background-color: #fff;
  border-color: #82c255;
}
.ele_ui.layer-option__participate
  .layer__contents
  .selected-list
  li.empty
  span {
  color: #808080;
  font-size: 14px;
  line-height: 22px;
}
.ele_ui.layer-option__participate .layer__container .page__button {
  padding: 48px 0 40px;
}
.ele_ui.layer-option__participate
  .input-box--text:not(input).is--search
  button {
  opacity: 0;
}
/* 옵션항목 */
.ele_ui.layer-option__roulettetext .box--edit .box--edit-items {
  border-radius: 0;
  padding: 24px;
  position: relative;
}
.ele_ui.layer-option__roulettetext
  .box--edit
  .box--edit-items
  + .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-option__roulettetext
  .box--edit
  .box--edit-items
  + .box--edit-items::before {
  content: "";
  position: absolute;
  width: calc(100% - 48px);
  border-top: 1px solid #e6e6e6;
  top: 0;
}
.ele_ui.layer-option__roulettetext .box--edit .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-option__roulettetext .box--edit .box--edit-items:last-child {
  border-radius: 0 0 16px 16px;
}
.layer-option__roulettetext .layer__container .page__button {
  padding: 48px 0 40px;
}
.ele_ui.layer-option__roulettetext .box--edit-items > dl > dt {
  color: #494949;
}
/* 팝업-자리배치저장 */
.ele_ui.layer-seating__save .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-seating__save .box--edit-items {
  padding: 24px;
}
.ele_ui.layer-seating__save .box--edit-items > dl > dt {
  color: #494949;
}
.ele_ui.layer-seating__save .layer__container .page__button {
  padding-top: 24px;
}
/* 수업설계 */
.ele_ui .make--box.type--edit {
  max-width: 872px;
  margin-left: -124px;
  margin-bottom: 100px;
}
.ele_ui .make--box.type--edit .box-item {
  border: 0;
}
.ele_ui .make--box.type--edit .box-items--title {
  width: 126px;
  color: #494949;
}
.ele_ui .make--box-items.lesson-subject .info-ment {
  color: #f27400;
  margin-top: 0;
  line-height: 22px;
}
.ele_ui .make--box-items.setting_share .box-items--box.is--grid .desc_show {
  color: #f27400;
  margin-top: 16px;
}
.ele_ui .type--edit .make--box-items.lesson-option {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ele_ui .make--box-items.lesson-option .lesson-option-control {
  background: rgba(82, 178, 16, 0.1);
  border-color: #52b210;
  padding: 0 20px 0 30px;
  color: #333;
}
.ele_ui
  .make--box-items.lesson-option
  .lesson-option-control.active
  .button-icon {
  transform: rotate(180deg);
}
.ele_ui .make--box-items.lesson-data .box-item .makeclass-edit--datalist {
  margin-bottom: 0;
}
/* .ele_ui .make--box-items.lesson-data .box-item .box--edit-group {
  margin-top: 40px; 250317
} */
.ele_ui .make--box-items.lesson-data .box--edit-title {
  margin: 0;
  color: #333;
}
.ele_ui
  .make--box-items.setting_share
  .input-radio
  input:not([type="text"])
  + .input--box::before {
  width: 28px;
  height: 28px;
}
.ele_ui
  .make--box-items.setting_share
  .input-radio
  input:not([type="text"]):checked
  + .input--box::before {
  background-image: unset;
  background-color: #6cbc35;
  border-color: #6cbc35;
}
.ele_ui
  .make--box-items.setting_share
  .input-radio
  input:not([type="text"]):checked
  + .input--box::after {
  position: absolute;
  content: "";
  background-image: url(../images/ico/check-white.svg);
  width: 16px;
  height: 16px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item.lesson-calendar
  > .dropdown--select {
  display: flex;
  align-items: center;
}
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item.lesson-calendar
  > .dropdown--select
  .time {
  width: 98px;
  margin-left: 28px;
  padding-left: 28px;
  position: relative;
}
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item.lesson-calendar
  > .dropdown--select
  .time::before {
  position: absolute;
  content: "";
  height: 25px;
  width: 2px;
  border-right: 2px solid #d9d9d9;
  left: 0;
}
.ele_ui
  .make--box.type--edit
  .make--box-items
  .box-items--box
  .box-item.item-devide
  > *
  + *::before {
  height: 28px;
}
.ele_ui .make--box.type--edit .ico-edit-black {
  background-image: url(../images/elementary/icon/ico_edit_gray.svg);
}
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item.lesson-calendar
  > .dropdown--select {
  border: 1px solid transparent;
}
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item.lesson-calendar.active
  > .dropdown--select {
  border: 1px solid #52b210;
}
.ele_ui
  .make--box-items.lesson-subject
  .box-items--box
  .box-item.devide--dropdown {
  border: 1px solid transparent;
}
.ele_ui
  .make--box-items.lesson-subject
  .box-items--box
  .box-item.devide--dropdown.active {
  border: 1px solid #52b210;
}
.ele_ui
  .make--box-items.lesson-subject
  .box-item.devide--dropdown
  .dropdown--box {
  width: 500px;
  border: 1px solid #ccc;
}
.ele_ui .make--box-items.lesson-subject .box-items--box .box-item.item-devide {
  gap: 0;
}
.ele_ui .make--box-items.lesson-data .box-item .box--edit-group div.is--add {
  gap: 0;
  margin-top: 16px;
}
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .box--edit-group
  .is--add
  .box--edit-items {
  background-color: #f8f8f8;
  border-radius: 0;
  position: relative;
  padding: 24px;
}
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .box--edit-group
  .is--add
  .box--edit-items:first-child {
  border-radius: 16px 16px 0 0;
}
.make--box-items.lesson-data .box-item .box--edit-group .box--edit-buttons {
  background-color: #f8f8f8;
  border-radius: 0 0 16px 16px;
  padding: 24px;
}
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .box--edit-group
  .is--add
  .box--edit-items::before {
  position: absolute;
  content: "";
  width: calc(100% - 48px);
  border-top: 1px solid #e6e6e6;
  bottom: 0;
}
.ele_ui .make--box-items.lesson-data .input-box {
  padding: 5px 14px;
}
.ele_ui .make--box-items.lesson-data .input-box + .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .make--box-items.lesson-data .input-box .button-tag {
  padding: 2px 8px 2px 10px;
}
.ele_ui .make--box-items.lesson-data .input-box .button-tag [class^="ico-"] {
  margin-left: 5px;
}
.ele_ui
  .make--box-items.lesson-data
  .input-box
  .button-tag
  [class^="ico-"]:first-child {
  margin-left: 0;
}
.ele_ui .make--box-items.lesson-data .info_txt {
  color: #f27400;
  font-size: 14px;
  line-height: 22px;
  margin-top: 12px;
  padding-left: 16px;
  position: relative;
}
.ele_ui .make--box-items.lesson-data .info_txt::before {
  content: "※";
  position: absolute;
  left: 0;
}
.ele_ui
  .make--box-items.lesson-data
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 24px;
}
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .box--edit-group
  .is--add
  .box--edit-items
  .dropdown--area {
  width: 160px;
}
.ele_ui .f-ele_gray_49 {
  color: #494949;
}
/* .ele_ui .make--box-items.lesson-data .is--list.empty {color: #B3B3B3; padding: 20px; margin-top: 16px; line-height: 24px; text-align: center; display: flex; justify-content: center; border-radius: 8px; border: 1px dashed #D9D9D9;} */
.ele_ui .make--box.type--edit .box-items--button {
  margin-top: 46px;
}
/* 추천컨텐츠(교사) */
.ele_ui .padding-b-100 {
  padding-bottom: 100px;
}
.ele_ui .ele_bg_area .honor_banner {
  display: block;
  filter: drop-shadow(0px 4px 36px rgba(75, 125, 6, 0.16));
}
.ele_ui .contents_wrap .recommend--item.class_plan .recommend--thum:before {
  background-image: url(../images/img/folder.svg) !important;
  border: 0;
}
.ele_ui .honor_banner .com_btn {
  background-color: #ffe03e;
  color: #684c15;
  border: 0;
  border-radius: 8px;
  width: 240px;
  height: 40px;
  line-height: 40px;
}
.ele_ui .honor_banner .com_btn:hover {
  background-color: #facc1d;
}
.ele_ui .workbook--intro .intro--title .tooltip_title::after {
  display: none;
}
.ele_ui .contents_wrap.workbook--intro .intro--title {
  margin-top: 84px;
} /* 240913 수정 */
.ele_ui .contents_wrap.workbook--intro .intro--title .tooltip_title {
  gap: 6px;
}
.ele_ui
  .contents_wrap.workbook--intro
  .intro__class.box--empty
  + .intro--title {
  margin-top: 80px;
}
.ele_ui .workbook--intro .intro--title .text strong {
  color: #428e0d;
}
.ele_ui
  .workbook--intro.contents_wrap
  .recommend--item
  .recommend--thum::before {
  border: 0;
}
.ele_ui .workbook--intro.contents_wrap .recommend--item {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .workbook--intro.contents_wrap .recommend--item:not(.is--dimmed):hover {
  box-shadow: 0px 4px 36px 0px rgba(48, 77, 8, 0.28);
} /* 241105 수정 */
.ele_ui .workbook--intro.contents_wrap .recommend--item.is--myclass {
  border: 0;
}
.ele_ui .workbook--intro.contents_wrap .ico-tooltip-black {
  background-image: url(../images/ico/tooltip-gray.svg);
}
.ele_ui
  .workbook--intro.contents_wrap
  .intro--title
  .tooltip_title
  .tooltip--box-text
  strong {
  color: #214125;
}
.ele_ui .contents_wrap .intro__item--list.top_5 .recommend--thum::after {
  background: url(../images/elementary/icon/ele_top_1.svg);
}
.ele_ui
  .contents_wrap
  .intro__item--list.top_5
  .swiper-slide:nth-child(2)
  .recommend--thum:after {
  background: url(../images/elementary/icon/ele_top_2.svg);
}
.ele_ui
  .contents_wrap
  .intro__item--list.top_5
  .swiper-slide:nth-child(3)
  .recommend--thum:after {
  background: url(../images/elementary/icon/ele_top_3.svg);
}
.ele_ui
  .contents_wrap
  .intro__item--list.top_5
  .swiper-slide:nth-child(4)
  .recommend--thum:after {
  background: url(../images/elementary/icon/ele_top_4.svg);
}
.ele_ui
  .contents_wrap
  .intro__item--list.top_5
  .swiper-slide:nth-child(5)
  .recommend--thum:after {
  background: url(../images/elementary/icon/ele_top_5.svg);
}
.ele_ui .workbook--intro.is--teacher .intro__class.box--empty {
  min-height: 210px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
/* 240725_이슈리스트 #5356 툴팁 위치 이슈 : 중고등과 동일하게 변경 */
/* .ele_ui .workbook--intro.contents_wrap .tooltip_title .tooltip--box {left: 50%; transform: translateX(-50%);}
.ele_ui .workbook--intro.contents_wrap .tooltip_title .tooltip--box.arrow--center .tooltip--box-inner::after {left: 50%; transform: translate(-50%, -100%) rotate(180deg);} */
.ele_ui .contents-area .contents_wrap .intro__item--list .swiper-container {
  padding: 36px;
  margin: -36px;
  width: calc(100% + 36px);
}
/* 240626 나의수업 이슈 수정 */
.ele_ui .workbook--intro .recommend--item.is--myclass .recommend--thum {
  padding-top: 16px;
}
.ele_ui .recommend--item.class_plan .plan_desc .conts {
  line-height: 20px;
}
.ele_ui .recommend--item.class_plan .plan_desc .class_name {
  /*padding: 9px 0;*/ /* 250611 삭제 */
  line-height: 20px;
}
.ele_ui .recommend--item.class_plan .plan_desc .school p:not(:first-child) {
  margin-top: 2px;
}
/* 추천컨텐츠 (학생) */
.ele_ui .workbook--intro .intro--title {
  margin-bottom: 24px;
}
.ele_ui .contents_wrap .contents_slide .swiper-button-prev,
.ele_ui .contents_wrap .contents_slide .swiper-button-next {
  background-image: url(../images/elementary/icon/btn_next_100px.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: unset;
  width: 100px;
  height: 100px;
}
.ele_ui .contents_wrap .contents_slide .swiper-button-prev [class^="ico-"],
.ele_ui .contents_wrap .contents_slide .swiper-button-next [class^="ico-"] {
  display: none;
}
.ele_ui .contents_wrap .contents_slide .swiper-button-prev {
  left: -100px;
  margin-top: -82px;
}
.ele_ui .contents_wrap .contents_slide .swiper-button-next {
  right: -100px;
  margin-top: -82px;
}
.ele_ui .recommend.contents_wrap .workbook--intro.is--student .recommend--item {
  border: 0;
}
.ele_ui
  .recommend.contents_wrap
  .workbook--intro.is--student
  .recommend--thum::before {
  border: 0;
}
.ele_ui .contents_card {
  background-color: #f5f0ff;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .contents_card:hover {
  box-shadow: 0px 4px 36px 0px rgba(48, 77, 8, 0.28);
}
.ele_ui .contents_card .card_text .noti {
  color: #ff932f;
}
.ele_ui .contents_slide .swiper-pagination {
  margin-top: 32px;
  gap: 16px;
}
.ele_ui .contents_slide .swiper-pagination-bullet {
  background-color: #b6db9d;
}
.ele_ui .contents_slide .swiper-pagination-bullet-active {
  background-color: #52b210;
}
.ele_ui .ico-book-violet {
  background-image: url(../images/elementary/icon/ic_book_24px.svg);
}
.ele_ui .ico-workbook-violet {
  background-image: url(../images/elementary/icon/ic_workbook_24px_elem.svg);
}
.ele_ui .contents_wrap .contents_card .card_text .info {
  color: #808080;
}
.ele_ui .contents_wrap .contents_card .f-gray-84 {
  color: #808080;
}
.ele_ui .contents_slide .swiper-container {
  padding: 36px;
  margin: -36px;
}
.ele_ui .weak_book .contents_card:not(:first-child) {
  margin-top: 32px;
}
.ele_ui .contents_wrap .con_empty::before {
  display: none;
}
.ele_ui .contents_wrap .con_empty .con_text {
  color: #808080;
  line-height: 31px;
}
.ele_ui .contents_wrap .con_empty {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  background-color: #fff;
}
.ele_ui .loading_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ele_ui .loading_box .loading--img {
  width: 258px;
  height: 100px;
}
/* 콘텐츠조회 팝업(영상) */
.ele_ui.layer-list__thumbnail .layer__container {
  width: 1130px;
}
.ele_ui.layer-list__thumbnail .layer__container .layer__contents .tab-box {
  height: 62px;
}
.ele_ui.layer-list__thumbnail .tab--button {
  color: #999;
  font-size: 18px;
}
.ele_ui.layer-list__thumbnail .tab--button.active {
  font-size: 18px;
}
.ele_ui.layer-list__thumbnail .layer__container.contents_wrap .layer__contents {
  padding: 0 24px;
}
.ele_ui.layer-list__thumbnail
  .layer__container
  .layer__contents
  .tab--contents {
  padding: 24px 0 0;
  height: auto;
}
.ele_ui.layer-list__thumbnail
  .contents_wrap
  .box--search
  .button-main:not([class*="width"]) {
  width: 98px;
}
.ele_ui.layer-list__thumbnail
  .layer__container.contents_wrap
  .layer__contents
  .box--empty {
  min-height: 360px;
}
.ele_ui.layer-list__thumbnail .recommend--item .recommend--thum .image {
  border-radius: 16px;
}
.ele_ui.layer-list__thumbnail
  .layer__container.contents_wrap
  .layer__contents
  .list--lesson {
  gap: 24px 16px;
}
.ele_ui.layer-list__thumbnail .contents_wrap:not(.recommend) .recommend--item {
  box-shadow: none;
}
.ele_ui.layer-list__thumbnail .recommend--item.video {
  border: 0;
}
.ele_ui.layer-list__thumbnail .recommend--item.video .recommend--thum .image {
  background-image: url(../images/elementary/img/contents_card.svg);
  background-size: cover;
}
.ele_ui.layer-list__thumbnail .layer__container .page__button {
  padding-top: 40px;
}
.ele_ui .contents_wrap .recommend--item.disabled .input-check {
  opacity: 0.3;
}
/* 콘텐츠조회 팝업(교재) */
.ele_ui.layer-list__thumbnail
  .contents_wrap
  .recommend--item:not(.video)
  .recommend--thum::before {
  border: 0;
  min-height: unset;
}
.ele_ui .contents_wrap .recommend--item.disabled::before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-top: -1px;
  margin-left: -1px;
}
.ele_ui.layer-list__thumbnail .recommend--item.is--contents.checked::after {
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}
/* 수업설계안 가져오기 팝업 */
.layer-search__plan .contents_wrap .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.class_design .tab--wrapper .tab-box button {
  color: #999;
  font-size: 18px;
}
.ele_ui.class_design .tab--wrapper .tab-box button:hover {
  color: #52b210;
}
.ele_ui.class_design .tab--wrapper .tab-box button.active {
  color: #52b210;
}
.ele_ui.layer-search__plan .recommend--item.is--myclass {
  border: 0;
  box-shadow: unset;
}
.ele_ui.layer-search__plan
  .layer__container.contents_wrap
  .layer__contents
  .list--lesson {
  gap: 24px 16px;
}
/* 상세보기 팝업 */
.ele_ui.layer-area.layer-check__plan .layer__container {
  width: 800px;
}
.ele_ui.layer-check__plan .layer__container .layer__contents {
  padding-bottom: 40px;
}
.ele_ui.layer-check__plan .box--edit {
  padding: 24px 24px 0;
}
.ele_ui.layer-area.layer-check__plan .box--edit-title {
  margin: 40px 0 20px;
  color: #214125;
}
.ele_ui.layer-area.layer-check__plan .box--edit-title:first-child {
  margin-top: 0;
}
.ele_ui.layer-area.layer-check__plan .box--edit-items {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 24px 32px;
  border-radius: 12px;
}
.ele_ui.layer-check__plan .box--edit .box--edit-items dl {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  min-height: unset;
  align-items: flex-start;
}
.ele_ui.layer-check__plan .box--edit .box--edit-items dl:first-of-type {
  margin-top: 0;
}
.ele_ui.layer-check__plan .box--edit .box--edit-items dt {
  width: 120px;
  color: #333;
  padding: 0;
  min-height: unset;
  line-height: 28px;
}
.ele_ui.layer-check__plan .box--edit .box--edit-items dd {
  color: #333;
  line-height: 28px;
}
/* 240626 홈_나의강점분석 오류 */
.ele_ui .intro-mystat.is--student .monthly--box-item .icon {
  margin-top: 0;
}
.ele_ui .intro_mystat_area .intro-mystat > .box-grid.radius-20 {
  border-radius: 20px;
}

/* 240628 종합리포트 */
.ele_ui .ele_bg_first.is--bg_repeat::before {
  height: calc(100% + 135px);
  background-repeat: repeat;
}
.ele_ui .report-total .report-total__information {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 24px 24px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .report-total .report-total__information::before {
  position: absolute;
  content: "";
  width: 44px;
  height: 44px;
  background-image: url(../images/elementary/icon/img_ring_green.svg);
  top: -12px;
  left: -12px;
}
.ele_ui .report-total__top3 {
  margin-top: 24px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  padding: 24px;
}
.ele_ui .report-total__information .total-monthly {
  flex-grow: 1;
  border-radius: 0;
  overflow: visible;
}
.ele_ui .report-total__information .total-monthly::before {
  display: none;
}
.ele_ui .report-total__information .total-subjects {
  width: calc(40% - 24px);
  border-radius: 0;
  border-left: 1px solid #d9d9d9;
  padding-left: 24px;
  position: initial;
  max-height: 493px;
}
.ele_ui .report-total__information .report-total--title {
  padding: 0;
  gap: 8px;
  height: 27px;
}
.ele_ui .report-total__information .total-monthly--subtitle {
  margin-top: 48px;
  padding: 0;
  z-index: unset;
  color: #333;
  text-align: center;
}
.ele_ui .report-total__information .total-monthly--subtitle .state-box {
  padding: 0 12px;
  line-height: 36px;
}
.ele_ui .report-total__information .total-subjects .radal-chart .legend {
  top: 40px;
}
.ele_ui .report-total__information .total-subjects .total-subjects--text {
  color: #333;
  margin-top: 48px;
  margin-bottom: 32px;
  min-height: 63px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  line-height: 32px;
}
.ele_ui .report-total__information .total-subjects .total-subjects--text p {
  position: absolute;
  bottom: 40px;
  margin-top: 0;
  color: #808080;
  font-weight: 400;
}
.ele_ui
  .report-total__information
  .total-subjects
  .total-subjects--text
  strong {
  color: #52b210;
  font-weight: 800;
  margin: 0 4px;
}
.ele_ui .report-total .tension-line-chart .chart {
  margin: 0;
}
.ele_ui .report-total__information .total-monthly .tension-line-chart {
  margin-top: 0;
}
.ele_ui .report-total__information .total-subjects .radal-chart {
  margin: 0 auto;
  padding: 0;
  height: 250px !important;
}
.ele_ui .report-total__information .total-monthly .tension--button-prev {
  left: 0;
}
.ele_ui .tab-tags--wrapper.open + .report-total__information {
  z-index: 0;
}
.ele_ui .report-total__top3 .report-total--title .title {
  display: flex;
  gap: 8px;
}
.ele_ui .report-total--title .tooltip--box-wrap {
  margin: 0;
  display: flex;
  align-items: center;
}
.ele_ui .report-total--title .tooltip--box-wrap .tooltip--button {
  width: 24px;
  height: 24px;
}
.ele_ui .report-total .report-month__subjects .tab-box {
  gap: 10px;
}
.ele_ui .report-month__subjects .month-subject__detail .tab-box {
  height: auto;
}
.ele_ui .report-month__subjects .month-subject__detail .tab--button {
  padding-top: 0;
}
.ele_ui .report-month__subjects .month-subject__detail {
  /*240717 삭제 box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16); */
  border-radius: 20px;
}
.ele_ui
  .report-month__subjects
  .tab-box
  ~ .tab--contents
  .month-subject__detail {
  border-radius: 0 0 20px 20px;
}
.ele_ui .tab-tags.sortable_tag .tag--button .tab-tag--text {
  border-radius: 0;
}
.ele_ui .report-total__top3 .people-list__list li .top3-student {
  background-color: #f8faf7;
  padding: 24px;
  gap: 18px;
}
.ele_ui .report-month__subjects .month-subject__detail .tab--button span {
  font-size: 20px;
}
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .tab--button.active
  span {
  color: #494949;
}
.ele_ui .people-list__list.size-80 .people-list__profile {
  width: 80px;
  height: 80px;
}
.ele_ui
  .report-total__top3
  .people-list__list
  li
  .top3-student
  .people-list__text
  .class {
  color: #808080;
}
.ele_ui
  .report-total__top3
  .people-list__list
  li
  .top3-graph
  .double-average-chart:first-child {
  margin-top: 24px;
}
.ele_ui .report-month__subjects .month-subject__detail .tab--contents {
  background-color: #f8faf7;
  border-radius: 16px;
}
.ele_ui .report-month__subjects .month-subject__detail .subject-detail__result {
  padding: 30px;
}
.ele_ui .report-total .report-month__detail .detail--button {
  background-color: rgba(82, 178, 16, 0.1);
  border: 2px solid #52b210;
  width: auto;
  padding: 0 20px 0 30px;
}
.ele_ui .report-total .box-bg__white.cell-06.detail-times--table {
  padding: 20px 16px;
}
.ele_ui .report-total .detail-times--table table thead th {
  padding: 10px 8px 26px;
}
.ele_ui .report-total .detail-times--table table tbody tr:last-child {
  background-color: unset;
}
.ele_ui .report-total .detail-times--table table tbody tr:nth-child(2n) {
  background-color: #f8f8f8;
}
.ele_ui .report-total .detail-times--table table tbody th {
  border-radius: 8px 0 0 8px;
}
.ele_ui .report-total .detail-times--table table tbody tr td:last-child {
  border-radius: 0 8px 8px 0;
}
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .subject-detail__times
  .detail-times--chart {
  padding: 30px;
  height: 308px;
}
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .subject-detail__result
  .detail-result__chart
  .double-bar-chart.month {
  padding-top: 80px;
}
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .subject-detail__times
  .detail-times--chart
  .double-bar-chart.month {
  margin-top: -18px;
  padding: 58px 0 14px;
}
.ele_ui .report-total__information .total-monthly .monthly__motion {
  right: 3px;
}
.ele_ui .report-personal .report-total__top3.box--empty .box--empty-text,
.ele_ui .report-total__information.box--empty .box--empty-text {
  gap: 32px;
}
.ele_ui .report-personal .report-total__top3.box--empty .box--empty-text p,
.ele_ui .report-total__information.box--empty .box--empty-text p {
  line-height: 29px;
  color: #333;
}
.ele_ui .report-total .box--empty .button-main {
  width: 280px;
  padding: 0;
}
/* 240717 삭제 .ele_ui .report-month__subjects .box--empty {box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);} */
.ele_ui .report-month__subjects .tab-box ~ .tab--contents .box--empty {
  border-radius: 0 0 20px 20px;
}
.ele_ui .report-month__subjects .tab--contents {
  border-radius: 20px;
}
.ele_ui .report-month__subjects > .tab-box ~ .tab--contents {
  border-radius: 0 0 20px 20px;
}
.ele_ui .report-total__information .total-monthly .tension-line-chart {
  position: relative;
  margin-top: 90px;
  margin-bottom: -24px;
  height: 312px;
  padding-right: 206px;
}
.ele_ui .report-total__information .total-monthly .tension--button-next,
.ele_ui .report-total__information .total-monthly .tension--button-prev {
  right: 225px;
  bottom: -2px;
}
@media (max-width: 1199px) {
  .ele_ui .report-total__information .total-monthly .tension-line-chart {
    padding-right: 137px;
  }
  .ele_ui .report-total__information .total-monthly .tension--button-next,
  .ele_ui .report-total__information .total-monthly .tension--button-prev {
    right: 160px;
  }
}
.ele_ui .report-total .tension-line-chart.legend-html .legend {
  flex-direction: row;
  top: -64px !important;
  right: auto;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  justify-content: center;
  max-width: unset;
}
.ele_ui .report-total .tension-line-chart.legend-html .legend .row {
  cursor: pointer;
}
.ele_ui .report-total .tension-line-chart.legend-html .legend .row .text {
  color: #999999;
}
.ele_ui
  .report-total
  .tension-line-chart.legend-html
  .legend
  .row.active
  .text {
  color: #333333;
}
.ele_ui .report-total .tension-line-chart.legend-html .legend .row .chip {
  border-style: solid;
  border-width: 1.5px;
}
.ele_ui .report-total .tension-line-chart.legend-html .legend .row .chip {
  opacity: 0.4;
}
.ele_ui
  .report-total
  .tension-line-chart.legend-html
  .legend
  .row.active
  .chip {
  opacity: 1;
}
.ele_ui
  .report-total__information
  .total-monthly
  .tension-line-chart
  .grid-bottom {
  bottom: 69px;
}
.ele_ui .line-tooltip {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.12));
}
.ele_ui .report-total .line-tooltip__textbox {
  background-color: #52b210;
  border: 0;
  color: #fff;
  padding: 10px 16px;
}
.ele_ui .report-total .line-tooltip .line-tooltip__inner::before {
  display: none;
}
.ele_ui .report-total .line-tooltip__inner::after {
  border-color: #52b210 transparent transparent transparent;
  border-width: 12px 11px 0 11px;
}
.ele_ui .report-total .line-tooltip__inner {
  min-width: 62px;
}
.ele_ui .report-total .line-chart .line-tooltip__textbox {
  background-color: #e2f3df;
  color: #214125;
}
.ele_ui .report-total .line-chart .line-tooltip__inner::after {
  border-color: #e2f3df transparent transparent transparent;
}
.ele_ui .report-total__information .total-monthly--subtitle span {
  margin: 2px 6px;
}
.ele_ui .line-chart.legend-html .legend .chip {
  border-style: solid;
  border-width: 2;
}
.ele_ui .radal-chart.legend-html .legend .row .chip {
  border-style: solid;
}
.ele_ui .last-data__box .text {
  background: #52b210;
  border-color: #52b210;
  color: #fff;
}
.ele_ui .last-data__box::before {
  border-bottom-color: #52b210;
  border-width: 0 11px 12px 11px;
  width: 0;
  height: 0;
  margin-top: 0;
  margin-left: -11px;
  margin-bottom: 0;
  bottom: 0;
}
.ele_ui .last-data__box::after {
  display: none;
}
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .subject-detail__times
  .title,
.ele_ui
  .report-month__subjects
  .month-subject__detail
  .subject-detail__result
  .title {
  color: #333;
}
.ele_ui .report-month__subjects .month-subject__detail .subject-detail__ratio {
  padding: 30px;
}
/* 종합리포트팝업 */
.ele_ui.total_report22 .layer__container {
  background-color: #fff;
}
.ele_ui .layer__title-text strong {
  color: #52b210;
  margin-left: 4px;
}
.ele_ui.total_report22 .contents-area.is--bg {
  max-width: 100%;
  width: 100%;
}
.ele_ui.total_report22 .ele_bg_first::before {
  display: none;
}
.ele_ui.total_report22 .contents-area.is--bg .report-total > *:first-child {
  margin-top: 0;
}
.ele_ui .report-total .report-total__information + .report-total__information {
  margin-top: 40px;
}
.ele_ui.total_report22 .page__button {
  padding: 24px 0;
}
.ele_ui .layer__container .page__button button.width-240 {
  width: 240px;
}
.ele_ui.total_report22 .test-home__title {
  font-size: 28px;
  font-weight: 700;
}
.ele_ui.total_report22 .test-home__title .desc {
  padding-left: 16px;
}
.ele_ui.total_report22 .box--edit-title {
  color: #214125;
}
/* 240708 추가 */
.ele_ui.layer-search__plan .tooltip--box-wrap.is--ellipsis {
  z-index: 16;
}
/* 240717 색상 수정  */
.datepicker .datepicker--cell.-range-to-::after,
.datepicker .datepicker--cell.-in-range-::after,
.datepicker-inline .datepicker--cell.-range-to-::after,
.datepicker-inline .datepicker--cell.-in-range-::after {
  background: rgba(82, 178, 16, 0.16);
}
.ele_ui .state-box {
  white-space: nowrap;
}
/* 학습경영도구-포인트 */
.ele_ui.is--bg_yellow .ele_bg_area.is--bg_repeat {
  padding-bottom: 100px;
}
.ele_ui.is--bg_yellow .ele_bg_area.is--bg_repeat::before {
  width: 1920px;
  background-image: url(../images/elementary/intro/img_pattern_yellow.png);
  height: 500%;
  top: 0;
  background-repeat: repeat;
}
.ele_ui .point_ranking.tab--wrapper .tab-box.tab-double,
.ele_ui .ranking_table.tab--wrapper .tab-box {
  gap: 10px;
}
.ele_ui .point_ranking .tab--contents,
.ele_ui .point_ranking.box-bg__white,
.ele_ui .ranking_table .tab--contents {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
}
.ele_ui .point_ranking .table--list {
  margin-top: 24px;
}
.ele_ui .point_ranking .table--list .table--list__tbody tr td.f-violet-active,
.ele_ui .ranking_table .table--list .table--list__tbody tr td.f-violet-active,
.ele_ui .point_state table tbody tr td.f-violet-active {
  color: #f27400;
}
.ele_ui .table--list.is--scroll-y .table--list__tbody tr.my_rank {
  outline-color: #82c255;
}
.ele_ui .point_ranking .list__thead {
  background-color: #f8f8f8;
}
.ele_ui .point_ranking .list__thead strong {
  color: #214125;
}
.ele_ui
  .point_ranking
  .list__tbody
  label:not(.input-check)
  input:checked
  + .input--box {
  background-color: #e2f3df;
}
.ele_ui .list--box .input--stext {
  color: #808080;
}
.ele_ui
  .point_ranking
  .list__tbody
  label:not(.input-check)
  input:checked
  + .input--box
  .input--stext {
  color: #494949;
  font-weight: 700;
}
.ele_ui .point_ranking .list__tbody label:not(.input-check):hover .input--box {
  background-color: #f2f7f0;
}
.ele_ui
  .point_ranking
  .list__tbody
  label:not(.input-check)
  input:checked
  + .input--box
  .input--text {
  font-weight: 700;
}
.ele_ui .sticker--box .list--box .list__thead .sticker-type__count {
  color: #808080;
  font-weight: 700;
}
.ele_ui .point_ranking .list__tbody .list__li li:not(.empty):hover {
  background-color: #f2f7f0;
}
.ele_ui .point_ranking .is--option .list__tbody .list__li li:not(.empty):hover {
  background-color: #fffdea;
}
.ele_ui .sticker-box .input--stext {
  color: #808080;
  padding-right: 16px;
}
.ele_ui .sticker-box .list--box.is--option {
  border-color: #d4aa09;
}
.ele_ui .sticker-box .list--box.is--option.open {
  box-shadow: 0px -6px 16px 0px rgba(0, 0, 0, 0.1);
}
.ele_ui .point_ranking .sticker-box .list--box.is--option .list__thead {
  background-color: #ffe03e;
  height: 40px;
}
.ele_ui .sticker-box .list--box.is--option.open .list__thead {
  border-color: #d4aa09;
}
.ele_ui .sticker-box .list--box.is--option .list__thead strong {
  color: #684c15;
  font-size: 14px;
}
.ele_ui .sticker-box .list--box.is--option .list__thead .handle {
  background-color: #ffe03e;
  border-color: #d4aa09;
}
.ele_ui .sticker-box .ico-down-violet {
  background-image: url(../images/elementary/icon/ic_down_brown_20px.svg);
}
.ele_ui .sticker-box .list--box.is--option.open .list__button {
  padding: 14px 0;
}
.ele_ui .sticker-box .list--box.is--option.open .list__button .button-main {
  width: 160px;
  padding: 0;
  min-width: unset;
}
.ele_ui .sticker-box .row-active {
  background-color: #fffdea;
}
.ele_ui .vary--option__control [class^="btn-"] {
  width: 28px;
  height: 28px;
  opacity: 1;
  background-position: center;
  background-size: 100%;
  border: 0;
}
.ele_ui .vary--option__control [class^="btn-"] [class^="ico"] {
  display: none;
}
.ele_ui .vary--option__control .btn-plus {
  background-image: url(../images/elementary/icon/ic_plus_btn_default_28.svg);
}
.ele_ui .vary--option__control .btn-plus:disabled {
  background-image: url(../images/elementary/icon/ic_plus_btn_disabled_28.svg);
}
.ele_ui .vary--option__control .btn-minus {
  background-image: url(../images/elementary/icon/ic_minus_btn_default_28.svg);
}
.ele_ui .vary--option__control .btn-minus:disabled {
  background-image: url(../images/elementary/icon/ic_minus_btn_disabled_28.svg);
}
.ele_ui .sticker-box .input--box {
  gap: 12px;
}
.ele_ui .sticker-1 {
  background-image: url(../images/elementary/tool/ele_sticker_01_100px.png);
}
.ele_ui .sticker-2 {
  background-image: url(../images/elementary/tool/ele_sticker_02_100px.png);
}
.ele_ui .sticker-3 {
  background-image: url(../images/elementary/tool/ele_sticker_03_100px.png);
}
.ele_ui .sticker-4 {
  background-image: url(../images/elementary/tool/ele_sticker_04_100px.png);
}
.ele_ui .sticker-5 {
  background-image: url(../images/elementary/tool/ele_sticker_05_100px.png);
}
.ele_ui .sticker-6 {
  background-image: url(../images/elementary/tool/ele_sticker_06_100px.png);
}
.ele_ui .sticker-7 {
  background-image: url(../images/elementary/tool/ele_sticker_07_100px.png);
}
.ele_ui .sticker-8 {
  background-image: url(../images/elementary/tool/ele_sticker_08_100px.png);
}
.ele_ui .sticker-9 {
  background-image: url(../images/elementary/tool/ele_sticker_09_100px.png);
}
.ele_ui .sticker-10 {
  background-image: url(../images/elementary/tool/ele_sticker_10_100px.png);
}
.ele_ui .sticker-11 {
  background-image: url(../images/elementary/tool/ele_sticker_11_100px.png);
}
.ele_ui .sticker-12 {
  background-image: url(../images/elementary/tool/ele_sticker_12_100px.png);
}
.ele_ui .point_ranking .sticker--box {
  margin: 0 16px 16px;
}
.ele_ui .point_ranking .sticker--box > .list--box {
  flex-grow: 1;
}
.ele_ui .point_ranking .sticker--box > .sticker-box {
  flex-grow: 1;
}
.ele_ui .point_ranking .sticker--box > .list--box:nth-child(1),
.ele_ui .point_ranking .sticker--box > .list--box:nth-child(2) {
  height: calc(50% - 12px);
}
.ele_ui .point_ranking.padding-a-40 .sticker--box {
  margin: 0;
}
.ele_ui .point_ranking .sticker--box .list--box .list__thead {
  height: 50px;
}
.ele_ui .point_ranking .tab--contents .button-main.line {
  min-width: unset;
}
/* 학습경영도구-포인트(학생) */
.ele_ui .my_level.box-bg__white {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
}
.ele_ui .my_level .lv_profile:hover {
  border-color: #82c255;
}
.ele_ui .my_level .lv_profile .change_img {
  background-color: #ffe03e;
  color: #684c15;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
}
.ele_ui .my_level .lv_profile .change_img .ico-change-violet {
  background-image: url(../images/elementary/icon/ic_change_brown_18px.svg);
}
.ele_ui .point_state,
.ele_ui .sticker--box.is--student {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
}
.ele_ui .sticker-slider__control p {
  color: #333;
}
.ele_ui .sticker-slider__control .f-violet-active {
  color: #52b210;
}
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-prev,
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-next {
  border: 0;
  background-position: center;
  opacity: 1;
}
.ele_ui
  .sticker--box.is--student
  .sticker-slider__control
  .btn-prev
  [class^="ico-"],
.ele_ui
  .sticker--box.is--student
  .sticker-slider__control
  .btn-next
  [class^="ico-"] {
  display: none;
}
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-prev {
  background-image: url(../images/elementary/icon/ic_prev_btn_default.svg);
}
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-prev:disabled {
  background-image: url(../images/elementary/icon/ic_prev_btn_disabled.svg);
}
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-next {
  background-image: url(../images/elementary/icon/ic_next_btn_default.svg);
}
.ele_ui .sticker--box.is--student .sticker-slider__control .btn-next:disabled {
  background-image: url(../images/elementary/icon/ic_next_btn_disabled.svg);
}
.ele_ui .sticker-class--box li + li {
  margin-top: 16px;
}
.ele_ui .sticker-class--box .input--box {
  background-color: #e2f3df;
}
.ele_ui .sticker-class--box .input--box .input--text {
  color: #235f2a;
  font-weight: 700;
}
.ele_ui .sticker-class--box .input--box .input--number {
  color: #235f2a;
  font-weight: 700;
}
.ele_ui .sticker-class--box input:checked + .input--box {
  background-color: #52b210;
}
.ele_ui .sticker--box .list--box .list__thead {
  background-color: #f8f8f8;
  padding: 0 14px 0 26px;
  height: 46px;
}
.ele_ui .sticker--box .list--box .list__thead strong {
  color: #333;
  font-weight: 700;
}
.ele_ui .sticker-type__number {
  color: #333;
  font-weight: 400;
  padding-right: 12px;
}
.ele_ui .sticker-type--box .list__thead .sticker-type__number {
  font-weight: 700;
  padding-right: 12px;
}
.ele_ui .sticker-type--box .list__tbody .list__li li {
  border-bottom-color: #e6e6e6;
  position: initial;
}
.ele_ui .sticker-type--box .list--box .input--box {
  padding-right: 12px;
  gap: 12px;
}
.ele_ui .sticker--box.is--student .sticker-type--box .list--box .input--text {
  color: #333;
}
.ele_ui .sticker-type--box .list__tbody .list__li::before {
  left: 0;
}
.ele_ui .sticker--box.is--student .sticker-have__list .ico.empty {
  color: #494949;
}
.ele_ui .sticker-type--box .list__tbody .ico {
  width: 46px;
  height: 46px;
}
.ele_ui .point_state .tbody tr td.time {
  color: #808080;
}
/* 학습경영도구 포인트팝업 */
.ele_ui.layer-option__sticker .box--edit-group {
  border-radius: 16px;
  background-color: #f8f8f8;
  padding: 0 24px;
}
.ele_ui.layer-option__sticker .box--edit .box--edit-items {
  border-radius: 0;
  padding: 24px 0;
}
.ele_ui.layer-option__sticker .box--edit .box--edit-items + .box--edit-items {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-option__sticker .layer__container .box--edit-items > dl > dt {
  margin-right: 20px;
  padding: 0;
}
.ele_ui .layer-inner__head {
  height: 60px;
  padding: 20px 24px;
}
.ele_ui .layer-inner__close {
  top: 16px;
}
.ele_ui .layer-inner__title {
  color: #333333;
  font-size: 18px;
}
.ele_ui .layer-inner__body {
  padding: 24px;
}
.layer-option__sticker .layer__container .sticker-1 {
  background-color: #d6f5ff;
}
.layer-option__sticker .layer__container .sticker-2 {
  background-color: #ffddbf;
}
.layer-option__sticker .layer__container .sticker-3 {
  background-color: #def6d5;
}
.layer-option__sticker .layer__container .sticker-4 {
  background-color: #fcf5bd;
}
.layer-option__sticker .layer__container .sticker-5 {
  background-color: #ffddbf;
}
.layer-option__sticker .layer__container .sticker-6 {
  background-color: #def6d5;
}
.layer-option__sticker .layer__container .sticker-7 {
  background-color: #fcf5bd;
}
.layer-option__sticker .layer__container .sticker-8 {
  background-color: #def6d5;
}
.layer-option__sticker .layer__container .sticker-9 {
  background-color: #fcf5bd;
}
.layer-option__sticker .layer__container .sticker-10 {
  background-color: #ffddbf;
}
.layer-option__sticker .layer__container .sticker-11 {
  background-color: #fcf5bd;
}
.layer-option__sticker .layer__container .sticker-12 {
  background-color: #d6f5ff;
}
.layer-option__sticker .layer__container .page__button {
  padding: 32px 0 40px;
}
.layer-character .layer__contents .character_list li.active {
  box-shadow: 0px 4px 36px 0px rgba(137, 121, 37, 0.13);
  border: 2px solid #82c255;
}
.layer-character .layer__contents .character_list li.active img {
  border: 0;
}
.layer-character .layer__contents .title strong {
  color: #494949;
}
/* 메인 대시보드 교사 */
.ele_ui .intro_today_area::before {
  bottom: auto;
  top: 2px;
}
.ele_ui .intro-today.intro_character .intro-today__info {
  filter: unset;
}
.ele_ui .intro-today.intro_character {
  margin-top: 80px;
}
.ele_ui .intro_character .intro_title strong {
  color: #214125;
}
.ele_ui .intro_character .intro_title .em_title {
  /* 250617 색상 변경 */
  color: #494949;
}
.ele_ui .intro_character.intro-today .intro_profile {
  min-height: 478px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui
  .intro_character.intro-today
  .intro-today__info
  .today-info__worklist
  .tab-box
  .tab--button:not(.active) {
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.4);
}
.ele_ui
  .intro_character.intro-today
  .intro-today__info
  .today-info__worklist
  .tab-box
  .tab--button.active {
  border-width: 3px;
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--button
  a {
  border: 1px solid #facc1d;
}
.ele_ui .intro_profile.intro-today__info .info_box .info_link_btn:hover {
  background-color: #f2f7f0;
  border-color: #82c255;
}
.ele_ui .intro_profile.intro-today__info .info_box .info_link_btn {
  flex-grow: 1;
}
.ele_ui .intro_profile.intro-today__info .intro_point {
  background-color: #f0f0f0;
  color: #333;
  padding: 10px 20px;
  margin-bottom: 40px;
}
.ele_ui .intro_profile.intro-today__info .intro_point:hover {
  background-color: #f8f8f8;
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--row:hover
  .row-text
  .title,
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--row:hover
  .category {
  font-weight: 700;
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--row:hover
  .category
  [class^="ico-next-"] {
  background-image: url(../images/elementary/icon/ic_next_green.svg);
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--row
  .category {
  padding-right: 38px;
  color: #808080;
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .info-worklist--row
  .row-text
  .title {
  color: #333;
  line-height: 20px;
}
.ele_ui .intro_character .state-box.homework {
  background-color: #9265ed;
  color: #fff;
}
.ele_ui .intro_character .state-box.quiz {
  background-color: #3cc0a9;
  color: #fff;
}
.ele_ui .intro_character .state-box.report {
  background-color: #5890ff;
  color: #fff;
}
.ele_ui .intro_character .state-box.workbook {
  background-color: #ed65cf;
  color: #fff;
}
.ele_ui .intro_character .state-box.qna {
  background-color: #4382a6;
  color: #fff;
}
.ele_ui .intro_character .state-box.answer {
  background-color: #f5a812;
  color: #fff;
}
.ele_ui .intro_character .state-box.lesson {
  background-color: #f9803c;
  color: #fff;
}
.ele_ui .intro_character .cheer_text .f-violet-active {
  color: #52b210;
}
.ele_ui .ico-check-green {
  background-image: url(../images/elementary/icon/ele_ic_check_green.svg);
}
.ele_ui .ico-point-orange {
  background-image: url(../images/elementary/icon/ele_ic_point_orange.svg);
}
.ele_ui .ico-profile-blue {
  background-image: url(../images/elementary/icon/ele_ic_profile_blue.svg);
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__profile__box
  .profile-box__image::after {
  display: none;
}
.ele_ui .intro-today__info .today-info__profile__box .profile-box__text .name {
  color: #333;
}
.ele_ui
  .intro-today__info
  .today-info__profile__box
  .profile-box__text
  .name
  strong {
  color: #000;
}
.ele_ui
  .intro-today__info
  .today-info__profile__box
  .profile-box__text
  .school
  span {
  color: #808080;
}
.ele_ui
  .intro_character
  .intro-today__info
  .today-info__worklist
  .tab--contents
  .box--empty-text
  p {
  color: #808080;
}
.ele_ui .intro-mystat > .box--empty {
  box-shadow: 0px 4px 36px rgba(137, 121, 37, 0.13);
  border-radius: 20px;
}
.ele_ui .intro-mystat .box--empty .empty--inner {
  display: flex;
  padding: 0;
}
.ele_ui .intro-mystat .box--empty .box--empty-text {
  gap: 32px;
  margin: auto;
}
.ele_ui .notice_board .box-bg__white {
  flex-grow: 1;
  box-shadow: 0px 4px 36px 0px rgba(23, 95, 118, 0.06);
  display: flex;
  flex-direction: column; /*240807 삭제  justify-content: space-between; */
}
.ele_ui .intro-notice .box--empty-text p {
  color: #808080;
}
.ele_ui .intro-notice .box--empty-text {
  gap: 8px;
}
.ele_ui .intro-notice .box--empty-text .button-main {
  width: 276px;
}
.ele_ui .main-notice.is--intro .main-notice--inner {
  gap: 18px;
}
.ele_ui .main-notice--inner .main-notice--title .button-tag {
  /* 250617 수정 */
  margin-right: 8px;
}
.ele_ui .main-notice.is--intro .main-notice--inner {
  width: calc(50% - 32px);
}
.ele_ui .main-notice.is--intro .main-notice--inner:first-child {
  margin-right: 64px;
}
.ele_ui .intro-notice .box--empty button {
  margin-top: 24px;
}
.ele_ui .intro-lesson .box--empty-text p {
  color: #808080;
  line-height: 29px;
}
.ele_ui .intro-recommend .box--empty-text p {
  color: #808080;
}
.ele_ui .subject_notice.main-notice {
  box-shadow: 0px 4px 36px 0px rgba(23, 95, 118, 0.06);
}

/* 메인 대시보드 학생 */
.ele_ui .intro_character .intro_title .em_title.is--student {
  /* 250617 색상 변경 */
  color: #494949;
}
.ele_ui
  .intro_character
  .intro_profile
  .profile_img
  .profile_link:hover
  .profile_level {
  background-color: rgba(255, 251, 218, 0.9);
  color: #684c15;
}
.ele_ui
  .intro_character
  .intro_profile
  .profile_img
  .profile_link
  .profile_level
  .ico-down-violet {
  background-image: url(../images/elementary/icon/ic_next_brown_28px.svg);
  transform: rotate(0);
}
.ele_ui .intro_character .profile_info .profile_text span {
  color: #333;
}
.ele_ui .intro_character .em_title span {
  color: #428e0d;
  z-index: 0;
  white-space: nowrap;
}
.ele_ui .intro_character .em_title span::after {
  background: rgba(130, 194, 85, 0.3);
  z-index: -1;
  height: 16px;
}
.ele_ui .intro_character .emotion_state input.emotion_range {
  background: linear-gradient(
    to right,
    #6cbc35 0%,
    #6cbc35 50%,
    #e4f4d4 50%,
    #e4f4d4 100%
  );
}
.ele_ui .intro_character .emotion_state .range_wrap ul li {
  background-color: rgba(35, 95, 42, 0.3);
}
.ele_ui .intro_character .emotion_state .state_text span {
  color: #52b210;
}
.ele_ui
  .intro_character
  .emotion_state
  input.emotion_range::-webkit-slider-thumb {
  box-shadow: 0 0 0 8px rgba(82, 178, 16, 0.16);
}
.ele_ui .intro-recommend .recommend--item .recommend--thum .image {
  border-radius: 16px;
}
.ele_ui .intro-notice .box--empty-text.is--no_btn {
  gap: 12px;
  justify-content: flex-start;
  padding-top: 28px;
  flex-grow: 1;
}
.ele_ui .emoji_bookpen {
  background-image: url(../images/elementary/intro/img_bookpen_50px.svg);
}
.ele_ui .emoji_smile {
  background-image: url(../images/elementary/intro/img_smile_50px.svg);
}
.ele_ui .emoji_board {
  background-image: url(../images/elementary/intro/img_class_50px.svg);
}
.ele_ui .emoji_worry {
  background-image: url(../images/elementary/intro/img_worry_50px.svg);
}
.ele_ui .emoji_contents {
  background-image: url(../images/elementary/intro/img_contents_50px.svg);
}
.ele_ui .emoji_fine {
  background-image: url(../images/elementary/intro/img_fine_50px.svg);
}
.ele_ui .emoji_love {
  background-image: url(../images/elementary/intro/img_love_50px.svg);
}
.ele_ui .emoji_sad {
  background-image: url(../images/elementary/intro/img_sad_50px.svg);
}
.ele_ui .emoji_school {
  background-image: url(../images/elementary/intro/img_school_50px.svg);
}

/* 250617 메인화면 과목 타입 */
.ele_ui .text_tag {
  margin-right: 16px;
  color: #258be9;
}
.ele_ui .text_tag::after {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -10px;
}
.ele_ui .main-notice--info span:not(:first-child)::before {
  height: 14px;
  border: none;
  opacity: 1;
  background-color: #ccc;
}
.ele_ui .intro-today__info .text_tag::after {
  background-color: #b3b3b3;
}
.ele_ui .online_tag {
  position: relative;
  padding-right: 12px;
  margin-right: 12px;
  color: #258be9;
  font-weight: 700;
}
.ele_ui .online_tag::after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background-color: #b3b3b3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
/* 250623 */
.ele_ui .mypage--area.is--task .text_tag::after {
  right: -8px;
}

/* 240709 공유 범위 설정 문구 */
.ele_ui
  .teacher-makeclasses
  .make--box-items
  .box-items--box
  .box-item.input-radio
  .input--box
  .input--text {
  color: #494949;
}
.ele_ui
  .teacher-makeclasses
  .make--box-items
  .box-items--box
  .box-item.input-radio
  input:checked
  + .input--box
  .input--text {
  font-weight: 700;
  color: #333;
}
.ele_ui .workbook-make__content .page__button.is--small.privacy_chk {
  padding: 40px 46px 0;
}
.ele_ui .workbook-make .page__button.privacy_chk .input--text .required {
  color: #ff3a3a;
  margin-left: 0;
  margin-right: 5px;
}
.ele_ui.layer-area.share_state .input-radio .input--box {
  gap: 8px;
}
.ele_ui.layer-area.share_state.width-450 .layer__container {
  width: 451px;
}
.ele_ui.layer-area.modal-area.modal-default.share_state
  .page__button
  button:not([class*="width"]) {
  max-width: unset;
}
.ele_ui.layer-write__textbook .layer__container .input-check .f-error,
.ele_ui.layer-write__lecture .layer__container .input-check .f-error {
  color: #ff3a3a;
  margin-right: 5px;
}
/* 240712 */
.ele_ui .class-info--data .ele_ic_person_gray {
  background-image: url(../images/elementary/icon/ic_person_lightgray_18px.svg);
}
.ele_ui .class-info--data .ele_ic_pencil_gray {
  background-image: url(../images/elementary/icon/ic_pencil_lightgray_18px.svg);
}
.ele_ui .class-info--data .ele_ic_calendar_gray {
  background-image: url(../images/elementary/icon/ic_calendar_lightgray_18px.svg);
}
.ele_ui .class-info--data .ele_ic_student_gray {
  background-image: url(../images/elementary/icon/ic_student_lightgray_18px.svg);
}
.ele_ui .class-info--data .ele_ic_school_gray {
  background-image: url(../images/elementary/icon/ic_school_lightgray_18px.svg);
}
/* 학습콘텐츠-학생 */
.ele_ui .end_contents.contents_card:hover {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .end_contents .end_box {
  padding: 36px;
  backdrop-filter: blur(3px);
}
.ele_ui .ico-present {
  background-image: url(../images/elementary/icon/ic_present_52px_elem.svg);
}
.ele_ui .end_contents .end_box p {
  color: #333;
  line-height: 1.6;
}
.ele_ui .ico-checkmark {
  background-image: url(../images/elementary/icon/ic_checkmark_52px_elem.svg);
}
.ele_ui .end_contents .end_box p:last-child {
  margin-top: 24px;
}
.ele_ui .ico-confetti {
  background-image: url(../images/elementary/icon/ic_confetti_52px.svg);
}
.ele_ui .end_contents .end_box .ico-confetti {
  width: 80px;
  height: 80px;
}
.ele_ui.layer-area.modal-area.layer_point .layer__contents {
  width: 570px;
  padding: 40px 60px;
}
.ele_ui.layer_point .layer__contents strong {
  font-size: 26px;
}
.ele_ui.layer_point .layer__contents img {
  width: 100%;
}
.ele_ui.layer_point .layer__contents .point_text {
  color: #333;
}
.ele_ui.layer_point .layer__contents .point_text .f-violet-active {
  color: #ff932f;
}
.ele_ui.layer_point .layer__contents .button-main {
  margin-top: 32px;
  background-color: #ffe03e;
  color: #684c15;
  width: 200px;
  font-weight: 700;
}
.ele_ui.layer_point .layer__contents .button-main:hover {
  background-color: #facc1d;
}
/* 나의교실 - 교사 */
.ele_ui
  .myclass__index
  .index__myclass-info
  .myclass-info--my
  .tooltip--box-wrap {
  margin: 0;
  display: flex;
}
.ele_ui
  .myclass__index
  .index__myclass-info
  .myclass-info--my
  .tooltip--box-wrap
  .button-icon {
  width: 24px;
  height: 24px;
}
.ele_ui .class_info_box .top_level {
  width: 694px;
  max-width: calc(100% - 336px);
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  padding: 28px;
}
.ele_ui .class_info_box .my_class {
  width: calc(100% - 718px);
  min-width: 312px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  padding: 28px;
  gap: 24px;
}
.ele_ui .class_info_box .my_class.box-bg__white .title {
  margin-bottom: auto;
}
.ele_ui .class_info_box .my_class .my_class_info {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  white-space: nowrap;
}
.ele_ui .class_info_box .my_class .my_class_info p {
  font-size: 36px;
  color: #333;
  line-height: normal;
}
.ele_ui .class_info_box .my_class .my_class_info .total {
  color: #808080;
  font-size: 24px;
}
.ele_ui .class_info_box .my_class .box-flex {
  flex-wrap: wrap;
}
.ele_ui .class_info_box .my_class .box-flex .button-main {
  font-size: 16px;
  padding: 7px 8px 7px 16px;
  flex-grow: 1;
}
.ele_ui .class_info_box .my_class .box-flex .button-main .ico-next-violet {
  background-image: url(../images/elementary/icon/ic_next_brown_18px.svg);
  margin-left: 4px;
}
.ele_ui .class_info_box .top_level ul {
  gap: 19.5px;
  padding: 0 10px;
}
.ele_ui .class_info_box .top_level ul li .profile .level_badge {
  right: -10px;
}
.ele_ui .class_info_box .top_level .title button {
  margin-left: 4px;
} /* 240829 수정 */
.ele_ui .class_info_box .top_level .title .f-violet-active {
  color: #52b210;
  font-weight: 700;
}
.ele_ui .class_info_box .top_level ul li .profile {
  width: 108px;
  height: 108px;
}
.ele_ui .class_info_box .top_level ul li p span {
  color: #494949;
}
.ele_ui .week_attendance .tab--wrapper.box-bg__white {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .week_attendance .tab--wrapper .tab-box {
  border-radius: 0;
}
.ele_ui .week_attendance .tab--wrapper .tab-box .tab--button {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ele_ui .week_attendance .tab--wrapper .tab-box .tab--button.active {
  background-color: #6cbc35;
}
.ele_ui .week_attendance .tab--wrapper .tab-box .tab--button:last-child {
  margin-left: -1px;
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab-box
  .tab--button.active
  .ico-sun-gray {
  background-image: url(../images/elementary/icon/ic_weatherview_white_28px.svg);
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab-box
  .tab--button.active
  .ico-table-gray {
  background-image: url(../images/elementary/icon/ic_tableview_white_28px.svg);
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab-box
  .tab--button:not(.active):hover
  .ico-sun-gray {
  background-image: url(../images/elementary/icon/ic_weatherview_green_28px.svg);
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab-box
  .tab--button:not(.active):hover
  .ico-table-gray {
  background-image: url(../images/elementary/icon/ic_tableview_green_28px.svg);
}
.ele_ui .week_attendance .tab--wrapper .date--button .button-icon > p {
  background-position: center;
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab--contents
  .table--list__thead
  tr
  th {
  height: 40px;
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab--contents
  .table--list__thead
  tr:first-child
  th:not(:first-child, :nth-child(2)) {
  padding: 6px 20px;
  border-radius: 0;
  border-bottom: 1px solid #e6e6e6;
}
.ele_ui
  .week_attendance
  .tab--wrapper
  .tab--contents
  .table--list__thead
  tr:nth-child(2)
  th {
  padding: 6px 20px;
}
.ele_ui .myclass__index .myclass-index--title {
  margin-bottom: 24px;
}
.ele_ui .myclass__index .index__mylesson-week .myclass-index--title {
  margin-bottom: 32px;
}
.ele_ui .myclass__index .ele_bg_area.ele_bg_first .myclass-index--title {
  margin-bottom: 0;
}
.ele_ui .myclass__index > div:first-child .myclass-index--title {
  margin-top: 0;
}
.ele_ui .ico-dia-heart {
  background-image: url(../images/elementary/icon/ele_ic_dia_heart.svg);
}
.ele_ui .ico-diamond {
  background-image: url(../images/elementary/icon/ele_ic_diamond.svg);
}
.ele_ui .myclass__index .myclass_student .box-bg__white {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  td:nth-child(3),
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  td:nth-child(7) {
  padding: 20px 0;
}
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  th:nth-child(3),
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  th:nth-child(7) {
  padding-left: 0;
}
/*.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  th:nth-child(1) {
  padding-right: 20px;
  padding-left: 34px;
}*/ /* 250613 삭제 */
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  td:nth-child(1) {
  padding: 20px 20px 20px 34px;
}
/*.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  th:last-child {
  padding-left: 20px;
  padding-right: 34px;
}*/ /* 250613 삭제 */
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  td:last-child {
  padding: 20px 34px 20px 20px;
}
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  td.empty {
  padding: 0;
}
.ele_ui .transfer_icon {
  background-image: url(../images/elementary/icon/new_ic.svg);
}
/* .ele_ui .myclass__index .table--list.is--scroll-x > .tbody tr:nth-last-child(2) .tooltip--box {top: auto; bottom: calc(100% + 14px)} 240829 삭제 */
/* .ele_ui .myclass__index .table--list.is--scroll-x > .tbody tr:nth-last-child(2) .tooltip--box-inner::after {transform: translate(-50%, 100%); top: auto; bottom: 0; margin-top: 0; margin-bottom: 1px;}  240829 삭제 */
.ele_ui .myclass__index .myclass_student .myclass-index--title .num {
  color: #52b210;
  font-size: 22px;
  margin-left: 10px;
}
.ele_ui .mystudent--contents .mystudent--list .table--list tr .profile {
  background-image: url(../images/elementary/icon/img_profile_yellow_28.svg);
  background-color: unset;
}
.ele_ui
  .myclass__index
  .mystudent--contents
  .mystudent--list
  .table--list
  + .page__button {
  margin-top: 48px;
}
.ele_ui .myclass__index .index__mylesson-info .mylesson-info--box {
  gap: 0;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  border-radius: 20px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__ing {
  border-radius: 20px 0 0 20px;
  width: 288px;
  background-color: #6cbc35;
  padding: 32px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__ing::after {
  background-image: url(../images/elementary/icon/img_class_elem_92px.svg);
  width: 92px;
  height: 92px;
  bottom: 32px;
  right: 32px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__ing
  .title {
  margin-top: 0;
  color: #fff;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__ing
  .number {
  color: #fff;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item {
  padding: 32px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .title {
  height: 57px;
  line-height: 28.5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail {
  border-radius: 0 20px 20px 0;
  width: calc(100% - 288px);
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left {
  min-width: 288px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right {
  border-left: 0;
  padding: 0;
  margin-left: 48px;
}
.ele_ui .myclass__index .index__mylesson-activity:last-child {
  margin-bottom: 20px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .date {
  position: relative;
  margin-top: 20px;
  color: #000;
  font-size: 14px;
  padding-left: 30px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .date::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-image: url(../images/elementary/icon/ic_calendar_lightgray_18px.svg);
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members {
  position: relative;
  margin-top: 10px;
  padding-left: 30px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-image: url(../images/elementary/icon/ic_student_lightgray_18px.svg);
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p.member {
  background-color: unset;
  border: 0;
  padding: 0;
  font-size: 14px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p.member::before {
  display: none;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p.member
  strong {
  font-weight: 400;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul {
  gap: 20px 40px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li::before {
  border-radius: 50%;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li.blue::before {
  background-color: #58afff;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li.orange::before {
  background-color: #ff932f;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li.violet::before {
  background-color: #b28ffd;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .swiper-pagination {
  gap: 12px;
  bottom: 24px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .swiper-container {
  height: 100%;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .swiper-pagination-bullet-active {
  width: 8px;
}
.ele_ui .myclass__index .tab-week {
  gap: 12px;
  overflow: visible;
  height: 55px;
}
.ele_ui .myclass__index .tab-week .tab--button {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .myclass__index .tab-week .tab--button:not(.active):hover {
  background-color: #82c255;
}
.ele_ui .myclass__index .index__mylesson-week .intro-lesson--box {
  margin-top: 32px;
}
.ele_ui .state-box.before-end {
  background-color: #e6f8df;
  color: #52b210;
}
.ele_ui .state-box.after-end {
  background-color: #deefff;
  color: #258be9;
}
.ele_ui .state-box.late-end {
  background-color: #f0f0f0;
  color: #494949;
}
.ele_ui .myclass__index .table--list table tbody tr td .f-black-100 {
  color: #333;
}
.ele_ui .myclass__index .index__mylesson-activity .mylesson-activity--list {
  padding: 24px 24px 40px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
/*.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  th {
  padding: 14px 20px;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  th:first-child {
  padding-right: 0;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  th:last-child {
  padding-left: 0;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  td {
  padding: 20px;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  th:nth-child(6),
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  td:nth-child(6) {
  padding-left: 0;
  padding-right: 0;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  td:first-child {
  padding-left: 14px;
  padding-right: 0px;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  td:last-child {
  padding-left: 0;
  padding-right: 14px;
}*/
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .table--list
  td.empty {
  padding: 0;
}
.ele_ui
  .myclass__index
  .table--list
  .dropdown--area.has--data
  > .dropdown--select {
  color: #333;
  font-weight: 700;
}
.ele_ui .myclass__index .box-grid .empty--bg::after {
  display: none;
}
.ele_ui .myclass__index .empty--bg {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  border-radius: 20px;
}
.ele_ui .myclass__index .box-grid.empty--bg img {
  width: 100%;
}
.ele_ui .myclass__index .empty--bg .box--empty-text p {
  color: #333;
}
.ele_ui .myclass__index .empty--bg::before {
  backdrop-filter: blur(6px);
}
.ele_ui .myclass__index .index__mylesson-week .box--empty {
  margin-top: 32px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  gap: 12px;
}
.ele_ui .myclass__index .box--empty-text .f-black-60 {
  color: #808080;
}
.ele_ui .myclass__index .index__mylesson-week .box--empty .box--empty-text {
  gap: 32px;
  text-align: center;
}
.ele_ui .myclass__index .index__mylesson-week .box--empty .box--empty-text p {
  line-height: 29px;
}
.ele_ui .myclass__index .index__mylesson-week .box--empty .button-main {
  width: 276px;
}
.ele_ui .myclass__index .myclass_student .box--empty {
  min-height: 306px;
}
.ele_ui .myclass__index .index__mylesson-activity .box--empty {
  min-height: 294px;
  padding-bottom: 0;
  padding-top: 12px;
}
.ele_ui
  .myclass__index
  .index__mylesson-activity
  .table--list
  table
  tbody
  td
  .ico-next-black {
  margin-left: 4px;
}
.ele_ui .myclass__index .week_attendance .tab--contents .box--empty {
  min-height: 304px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li
  .number {
  color: #808080;
}
.ele_ui .myclass__index .state-box {
  height: 30px;
  padding: 6px 14px;
}
/* 250715 삭제
@media (max-width: 1199px) {
  .ele_ui
    .myclass__index
    .index__mylesson-activity
    .mylesson-activity--list
    .table--list
    th {
    padding: 14px;
  }
  .ele_ui
    .myclass__index
    .index__mylesson-activity
    .mylesson-activity--list
    .table--list
    td {
    padding: 14px;
  }
} */
/* 담임교사 - 학생 상세 */
.mystudent-detail {
  padding-bottom: 20px;
}
.ele_ui .mystudent-detail__info .detail-info__profile {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  padding: 24px 0;
}
.ele_ui .mystudent-detail__info .detail-info__text {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  flex-grow: 1;
}
.ele_ui .mystudent-detail .mystudent-detail__completion {
  margin-top: 24px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .mystudent-detail__info .detail-info__profile .user-profile {
  width: 144px;
  height: 144px;
}
.ele_ui .mystudent-detail__info .detail-info__profile .user-name {
  margin-top: 16px;
}
.ele_ui .mystudent-detail__info .detail-info__profile .user-class {
  margin-top: 10px;
  color: #808080;
}
.ele_ui .mystudent-detail__info .detail-info__profile .user-name .star {
  color: #f27400;
  font-style: normal;
}
.ele_ui .mystudent-detail__info .detail-info__text p .star {
  color: #f27400;
  font-style: normal;
}
.ele_ui .mystudent-detail__info .detail-info__text--box {
  gap: 36px 80px;
}
.ele_ui .mystudent-detail__info .detail-info__text p {
  width: calc(50% - 80px / 2);
}
.ele_ui .mystudent-detail__info .detail-info__text p span {
  color: #808080;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui .mystudent-detail__info .detail-info__text p span {
  width: 112px;
}
.ele_ui .mystudent-detail__info .detail-info__text p strong {
  font-weight: 400;
}
.ele_ui
  .mystudent-detail__completion
  .detail-completion--box.box-bg__lightgray {
  background-color: #f8faf7;
  padding: 22px 0;
  height: 122px;
}
.ele_ui .mystudent-detail__completion .detail-completion:first-child .textbox {
  padding-left: 22px;
}
.ele_ui .mystudent-detail__completion .detail-completion:last-child .textbox {
  padding-right: 22px;
}
.ele_ui .mystudent-detail__completion .detail-completion .title {
  font-size: 16px;
  color: #808080;
  gap: 8px;
  align-items: center;
}
.ele_ui .mystudent-detail__completion .detail-completion .title::before {
  border: 0;
  width: 18px;
  height: 18px;
  border-radius: 0;
}
.ele_ui .mystudent-detail__completion .detail-completion.class .title::before {
  background-image: url(../images/elementary/icon/ic_subject_18px.svg);
}
.ele_ui
  .mystudent-detail__completion
  .detail-completion.attendance
  .title::before {
  background-image: url(../images/elementary/icon/ic_attendance_18px.svg);
}
.ele_ui
  .mystudent-detail__completion
  .detail-completion.submission
  .title::before {
  background-image: url(../images/elementary/icon/ic_homework_18px.svg);
}
.ele_ui .mystudent-detail__completion .detail-completion.rate .title::before {
  background-image: url(../images/elementary/icon/ic_rate_18px.svg);
}
.ele_ui .mystudent-detail__completion .detail-completion.level .title::before {
  background-image: url(../images/elementary/icon/ic_graph_18px.svg);
}
.ele_ui .mystudent-detail__completion .detail-completion .number {
  color: #494949;
}
.ele_ui .mystudent-detail__completion .detail-completion .number strong {
  font-size: 32px;
  line-height: normal;
  font-weight: 700;
  color: #333;
}
.ele_ui .mystudent-detail__completion .detail-completion.level .number strong {
  font-size: 28px;
  padding: 0;
}
.ele_ui .height-200 {
  min-height: 200px;
}
.ele_ui .mystudent-detail .table--list .tbody td {
  padding: 0;
}
.ele_ui .mystudent-detail .mystudent-detail__completion .table--list .tbody td {
  padding: 0 12px;
}
.ele_ui
  .mystudent-detail
  .mystudent-detail__completion
  .table--list
  tbody
  td:first-child {
  padding-left: 26px;
}
.ele_ui .mystudent-detail .table--list .tbody tr:last-child th,
.ele_ui .mystudent-detail .table--list .tbody tr:last-child td {
  border-bottom: 1px solid #e6e6e6;
}
.ele_ui .mystudent-detail .table--list .tbody tr:last-child td.empty {
  border: 0;
}
@media (max-width: 1199px) {
  .ele_ui .mystudent-detail__info .detail-info__text {
    padding: 32px;
  }
  .ele_ui .mystudent-detail__info .detail-info__text--box {
    gap: 16px;
  }
  .ele_ui .mystudent-detail__info .detail-info__text p {
    width: 100%;
  }
  .ele_ui
    .mystudent-detail__completion
    .detail-completion.level
    .number
    strong {
    font-size: 24px;
  }
}
/* 나의교실 - 학생 */
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .title {
  font-weight: 400;
  line-height: normal;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .text {
  line-height: normal;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .text
  strong {
  font-size: 42px;
}
.ele_ui .myclass__index .index__mylesson-complete {
  overflow: visible;
}
.ele_ui
  .myclass__index.myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs::before {
  display: none;
}
.ele_ui
  .myclass__index.myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui
  .myclass__index.myclass_state
  .clock-body
  .clock-active--inner
  #clockActiveProgress {
  stroke: #58afff;
}
.ele_ui
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body--circle {
  border-color: #e6e6e6;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend {
  background-color: unset;
  padding: 0;
  margin-top: 52px;
  margin-bottom: 26px;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p:first-child
  .title:before {
  background: #58afff;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p:last-child
  .title:before {
  background: #e6e6e6;
}
.ele_ui
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p
  .text {
  color: #333;
}
.ele_ui .myclass_state .emotion_wrap {
  margin-top: 12px;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list {
  margin-top: 12px;
}
.ele_ui
  .myclass_state
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .date
  span {
  font-weight: 700;
}
.ele_ui
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .text {
  background-color: #f0f0f0;
  color: #494949;
}
.ele_ui
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .text.yes-end {
  background-color: #e6f8df;
  color: #52b210;
}
.ele_ui
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .text.no-end {
  background-color: #ffeddd;
  color: #f27400;
}
.ele_ui .myclass__index.myclass_state .state-box {
  padding: 6px 14px;
  height: 30px;
}
.ele_ui .state-box.not_completed {
  background-color: #ffeddd;
  color: #f27400;
}
.ele_ui .myclass__index .table--list table tbody tr td.after-end {
  color: #58afff;
}
.ele_ui
  .myclass_state.is--student
  .mystudent-detail__completion
  .table--list
  .tbody
  td.empty
  .box--empty {
  min-height: 304px;
  padding-top: 16px;
}
.ele_ui .myclass__index.is--student .index__mylesson-week .box--empty {
  min-height: 328px;
  padding: 0;
}
.ele_ui .myclass__index.is--student .index__mylesson-activity .box--empty {
  min-height: 304px;
  padding-top: 16px;
}
.ele_ui .table--list table tbody tr td.date {
  color: #808080;
}
.ele_ui .myclass__index .f-gray-84 {
  color: #808080;
}
/* 출석부 - 학생 */
/* 240725 툴팁 잘림으로 수정 */
.ele_ui .attendancelist--box.is--student {
  padding: 32px 0;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-bottom: 20px;
}
.ele_ui .attendancelist--box.is--student .table--list__thead {
  margin-left: 32px;
  margin-right: 32px;
}
.ele_ui .attendancelist--box.is--student .table--list table thead tr th {
  border-top: 1px solid #d9d9d9;
  background-color: #f8faf7;
  padding: 24px 0;
}
.ele_ui .attendancelist--box.is--student .table--list table thead tr th ~ th {
  border-left: 1px solid #d9d9d9;
}
.ele_ui
  .attendancelist--box.is--student
  .table--list
  table
  thead
  tr
  th:first-child {
  border-radius: 0;
}
.ele_ui
  .attendancelist--box.is--student
  .table--list
  table
  thead
  tr
  th:last-child {
  border-radius: 0;
}
.ele_ui .attendancelist--box.is--student .table--list__tbody {
  padding-left: 32px;
  padding-right: 19px;
  width: 100%;
  scrollbar-gutter: stable;
}
.ele_ui .attendancelist--box .table--list thead th[tabindex]:hover::after {
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  top: 8px;
  left: 8px;
  border: 0;
  background-color: #6cbc35;
  border-radius: 10px;
}
.ele_ui .attendancelist--box .table--list thead th .emotion_tag {
  border: 0;
  background-color: #fff;
  margin-top: 10px;
}
.ele_ui
  .attendancelist--box
  .table--list
  thead
  th[tabindex]:hover
  .emotion_tag {
  background: rgba(255, 255, 255, 0.8);
  color: #235f2a;
}
.ele_ui .attendancelist--box .table--list thead th .day {
  font-size: 22px;
  font-weight: 400;
  display: block;
}
.ele_ui .attendancelist--box .table--list thead th[tabindex]:hover .day {
  color: #fff;
  font-weight: 700;
}
.ele_ui .attendancelist--box .table--list thead th .date {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  color: #b3b3b3;
}
.ele_ui .attendancelist--box .table--list thead th[tabindex]:hover .date {
  color: #fff;
}
.ele_ui .attendancelist--box.is--student .table-attendance__cell:nth-child(2n) {
  background: #fff;
}
.ele_ui
  .attendancelist--box.is--student
  .table-attendance__cell
  ~ .table-attendance__cell {
  border-left: 1px solid #e6e6e6;
}
.ele_ui .attendancelist--box .tooltip--box {
  top: 100%;
}
.ele_ui .attendancelist--box .state-box {
  height: 30px;
}
.ele_ui .state-box.impossible {
  background-color: #f8f8f8;
  color: #c3c3c3;
}
.ele_ui .attendancelist--box.is--student .table-attendance__cell {
  color: #000;
}
.layer-check__attendance-detail.is--self .layer__container .table--title {
  color: #333;
  padding-left: 8px;
}
.layer-check__attendance-detail.is--self .table--title + .table--list {
  margin-top: 16px;
}
.layer-check__attendance-detail .page__button {
  padding-top: 24px;
}
.layer-check__attendance-detail
  .page__button
  .button-main:not([class^="width-"]) {
  min-width: 158px;
}
/* 240717 */
/* 마이페이지-알림 교사피드백 추가 */
.ele_ui .state-box.is--noti.feedback,
.ele_noti_feedback_col {
  background-image: url(../images/elementary/icon/ic_ele_noti_feedback_col.svg);
}
.ele_ui .dim .is--noti.feedback,
.ele_noti_feedback_gray {
  background-image: url(../images/elementary/icon/ic_ele_noti_feedback_gray.svg);
}
/* 나의수업 가이드 텍스트 */
@media (max-width: 1199px) {
  .guide-clone--wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }
}
/* 과목리포트 */
.ele_ui .f-24 {
  font-size: 24px;
}
.ele_ui .contents--title__right .date--button .button-icon {
  border: 0;
}
.ele_ui .report-month .report-month__badgebox {
  margin-top: 24px;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .report-month .report-month__badgebox::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  top: -12px;
  left: -12px;
  background-image: url(../images/elementary/icon/img_ring_green.svg);
}
.ele_ui .report-month .report-month__badgebox .box-bg__lightgray {
  background-color: #f8faf7;
  padding: 30px 24px;
}
.ele_ui .report-month .report-month__badgebox .line-tooltip__textbox {
  background-color: #52b210;
  color: #fff;
  border: 0;
}
.ele_ui .report-month .report-month__badgebox .line-tooltip__inner::before {
  display: none;
}
.ele_ui .report-month .report-month__badgebox .line-tooltip__inner::after {
  border-top-color: #52b210;
  border-width: 12px 11px 0 11px;
}
.ele_ui .report-month .month__status .student_report {
  color: #333;
}
.ele_ui .report-month .month__status .student_report .f-violet-active {
  color: #52b210;
  font-weight: 800;
}
.ele_ui .report-month .month__status .student_report .button-main {
  font-size: 16px;
}
.ele_ui .report-month .report-month__badgebox .month__result .radal-chart {
  height: 286px;
}
.ele_ui .report-month__subjects .tab-box.tab-fit:not(.tab-text) {
  gap: 10px;
}
.ele_ui .report-month__subjects .month-subject__total .month__badge strong {
  color: #52b210;
}
.ele_ui .report-month.report-month .report-month__subjects > .tab--contents {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .report-month__subjects .month-subject__total {
  padding: 30px 24px;
}
.ele_ui
  .report-month__subjects
  .month-subject__total
  .month__status.box-bg__lightgray {
  background-color: #f8faf7;
}
.ele_ui .report_status .text .f-blue {
  color: #258be9;
}
.ele_ui .report_status .text .f-green {
  color: #428e0d;
}
.ele_ui .main-intro-solved-color {
  background-image: url(../images/elementary/icon/ele_solved_col.svg);
  background-size: cover;
}
.ele_ui .main-intro-rate-color {
  background-image: url(../images/elementary/icon/ele_rate_col.svg);
  background-size: cover;
}
.ele_ui .report-month__subjects .month-subject__total .month__badge {
  padding: 12px 0;
}
.ele_ui .report-month .tab_chart .tab-box {
  border-radius: 0;
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 24px;
}
.ele_ui .tab_chart .tab--wrapper .tab-box .tab_btn_box {
  border-color: #d9d9d9;
  display: flex;
}
.ele_ui .tab_chart .tab--wrapper .tab-box .tab_btn_box .tab--button {
  background-color: #fff;
  color: #999;
  height: 100%;
  display: block;
  padding-bottom: 0;
}
.ele_ui .tab_chart .tab--wrapper .tab-box .tab_btn_box .tab--button.active {
  background-color: #58afff;
  color: #fff;
}
.ele_ui .report-month__subjects .month-subject__detail .ico-tooltip-black {
  background-image: url(../images/elementary/icon/ic_tooltip_gray_24px.svg);
}
.ele_ui .x_label_tooltip .label_inner {
  border: 0;
  background-color: #e2f3df; /*  margin-left: 15px; max-width: 180px; */
  color: #214125;
} /* 240829 수정 */
.ele_ui .x_label_tooltip::before {
  border-bottom-color: #e2f3df; /* width: 0;  height: 0; */
  border-width: 0px 11px 12px 11px;
  margin-bottom: 0; /* margin-left: -6px; */
  bottom: 8px;
} /* 240829 수정 */
.ele_ui .x_label_tooltip::after {
  display: none;
}
.ele_ui .x_label_tooltip.first::before {
  left: 30px;
  margin: 0;
}
.ele_ui .test_solve.large .line-tooltip__inner {
  background-color: #e2f3df;
  border-color: #e2f3df;
}
.ele_ui .test_solve.large .line-tooltip__inner .line-tooltip__textbox {
  background-color: unset;
  color: #214125;
}
.ele_ui .test_solve.large .line-tooltip .tooltip_value {
  color: #214125;
}
.ele_ui .test_solve.large .line-tooltip__inner::before {
  display: none;
}
.ele_ui .test_solve.large .line-tooltip__inner::after {
  border-top-color: #e2f3df;
  border-width: 12px 11px 0px 11px;
}
.ele_ui .f-ele_violet {
  color: #8252e9;
}
.ele_ui .report_status li:last-child {
  border-color: #d9d9d9;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr.latest
  td,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr.latest
  td {
  background-color: #e2f3df;
}
.ele_ui#chartModal .layer__container .layer__contents,
.ele_ui.chart_modal .layer__container .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td {
  background-color: #f8f8f8;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td:nth-child(1),
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td:nth-child(1) {
  border-radius: 10px 0 0 10px;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td:nth-child(2),
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td:nth-child(2) {
  border-radius: 0 10px 10px 0;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:nth-last-child(2)
  td,
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:nth-last-child(2)
  td,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody
  tr:last-child
  td {
  border-bottom: 0;
}
.ele_ui#chartModal .layer__container .page__button,
.ele_ui.chart_modal .layer__container .page__button {
  padding: 24px 0;
}
.ele_ui#chartModal
  .layer__container
  .page__button
  button:not([class^="width-"]),
.ele_ui.chart_modal
  .layer__container
  .page__button
  button:not([class^="width-"]) {
  min-width: 158px;
  width: 158px;
}
.ele_ui#chartModal .layer__container .layer__contents .table--list table tbody,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody {
  position: relative;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody::before,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody::before {
  content: "";
  width: 8px;
  height: calc(100% - 60px);
  background-color: #fff;
  top: 0;
  position: absolute;
  left: 0;
}
.ele_ui#chartModal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody::after,
.ele_ui.chart_modal
  .layer__container
  .layer__contents
  .table--list
  table
  tbody::after {
  content: "";
  width: 8px;
  height: calc(100% - 60px);
  background-color: #fff;
  top: 0;
  position: absolute;
  right: 0;
}
.ele_ui
  .report-month__badgebox
  .month__result.report-elementary
  .elementary-bar
  .legend {
  flex-direction: row-reverse;
}
.ele_ui
  .report-month__badgebox
  .month__result.report-elementary
  .elementary-bar
  .legend
  .row
  .chip {
  border-style: solid;
}
.ele_ui
  .report-month__badgebox
  .month__result.report-elementary
  .elementary-bar
  .legend
  .row:nth-child(1)
  .chip {
  border-color: #facc1d !important;
}
.ele_ui
  .report-month__badgebox
  .month__result.report-elementary
  .elementary-bar
  .legend
  .row:nth-child(2)
  .chip {
  border-color: #999 !important;
}
/* 과목리포트-과목교사 */
.ele_ui .report-month__badgebox .month__badge .badge {
  height: 200px;
}
.ele_ui .report-month__badgebox.subject-teacher {
  gap: 24px;
}
.ele_ui .report-month__badgebox.subject-teacher .month__right > .month__status {
  margin: 0;
  padding: 32px;
}
.ele_ui .report-month__badgebox .month__badge .text {
  margin-top: 20px;
}
.ele_ui .report-month__badgebox.subject-teacher .month__badge {
  padding: 12px 0;
}
.ele_ui .report-month__subjects.is--subject {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
/* 데이터없음 */
.ele_ui .report-month__badgebox.is--empty .month__right {
  height: auto;
}
.ele_ui .report-month .report-month__badgebox.is--empty .month_level {
  width: 60%;
}
.ele_ui .report-month .report-month__badgebox.is--empty .month_level img {
  width: 100%;
}
.ele_ui .report-month__badgebox.is--empty .month__right > .month__status {
  width: 40% !important;
  padding: 0;
}
.ele_ui .ele_bg_area > .report-month__result.box-bg__white {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .report-month .f-black-60 {
  color: #808080;
}
.ele_ui
  .report-month__badgebox
  .month__badge.is--student
  + .month__right
  .box--empty-text {
  color: #333;
}
.ele_ui .tab-tags--box .box--empty {
  gap: 12px;
}
.ele_ui .tab-tags--box .box--empty {
  line-height: 29px;
}
.ele_ui .tab-tags--box .box--empty .button-main {
  margin-top: 20px;
  min-width: 240px;
}
.ele_ui .report-month__result .box--empty {
  gap: 12px;
}
.ele_ui .report-month__subjects .box--empty {
  height: 396px;
}
.ele_ui .report-month__result {
  padding: 24px;
}
.ele_ui .report-month__result .box--empty {
  margin: 0;
  padding: 0;
  min-height: 348px;
}
.ele_ui .report-month__result .box--empty-text .button-main {
  margin-top: 20px;
  padding: 0 12px;
  min-width: 240px;
}
.ele_ui .report-month__subjects .box--empty .box--empty-text p {
  line-height: 29px;
}
.ele_ui .report-month__badgebox.is--empty .month__status .empty_text {
  color: #333;
}
.ele_ui .report-month__subjects .tab--contents .box--empty .button-main {
  padding: 0 12px;
  min-width: 240px;
}
/* 학생 과목 리포트 */
.ele_ui .month__status .more_learning .list li {
  color: #333;
}
.ele_ui .report-month .ico-pencle-violet {
  background-image: url(../images/elementary/icon/ic_pencil_orange_16px.svg);
  margin-right: 8px;
}
.ele_ui .report-month .f-black-70 {
  color: #494949;
}
.ele_ui .report-month .elementary-bar .tooltip--box-text {
  background: #52b210;
  color: #fff;
}
.ele_ui .report-month .elementary-bar .tooltip--box-inner::after {
  border-top-color: #52b210;
}
.ele_ui .report-month__subjects .box--empty .box--empty-text {
  gap: 32px;
}
.ele_ui .report-month__subjects .box--empty {
  gap: 12px;
}
/* 학생별 리포트 */
.ele_ui .box-bg__white.student_scatter {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-top: 24px;
  padding: 40px 24px 24px;
}
.ele_ui .box-bg__white.student_scatter::before {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  top: -12px;
  left: -12px;
  background-image: url(../images/elementary/icon/img_ring_green.svg);
}
.ele_ui .student_scatter .tab_wrap {
  min-height: 418px;
}
.ele_ui .student_scatter .scatter_chart .scatter_bg .group2 {
  background: rgba(110, 200, 47, 0.08);
}
.ele_ui .student_scatter .scatter_chart .scatter_bg .group2.hover {
  background: rgba(110, 200, 47, 0.16);
}
.ele_ui .student_scatter .scatter_chart .scatter_bg .group2.click {
  border-color: #6ec82f;
}
.ele_ui .student_list_full .personal--list .table--list tbody tr.green td {
  background: rgba(110, 200, 47, 0.08);
}
.ele_ui
  .student_list_full
  .personal--list
  .table--list
  tbody
  tr:hover.green
  td {
  background: rgba(110, 200, 47, 0.16);
}
.ele_ui .student_scatter .scatter_chart .legend.learning {
  bottom: -22px;
}
.ele_ui .student_scatter .swiper-slide .student_icon {
  background: url(../images/elementary/icon/img_profile_yellow_40.svg) 100% /
    cover no-repeat;
}
.ele_ui .student_scatter .swiper-pagination {
  gap: 8px;
}
.ele_ui .student_scatter .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.ele_ui .student_scatter .send_feedback .button-main {
  height: 40px;
  font-size: 16px;
}
.ele_ui .student_scatter .send_feedback .input-box--textarea {
  height: 93px;
}
.ele_ui .box-bg__white.feedback_list {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-top: -155px;
}
.ele_ui .box-bg__white.report-personal__list {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  margin-top: 24px;
}
.ele_ui .feedback_list .table--list table tbody tr td.f-gray-84 {
  color: #808080;
}
.ele_ui .report-personal__list .personal--list .table--list thead tr th {
  font-weight: 700;
}
.ele_ui .report-personal__list .personal--list .pagenavi--box {
  margin-top: 48px;
  margin-bottom: 16px;
}
.ele_ui.learning_change .layer__contents .learning_student {
  overflow-y: auto;
  border-radius: 0;
}
.ele_ui.learning_change
  .layer__contents
  .learning_student
  .tab--button.active
  .student_icon,
.ele_ui.learning_change
  .layer__contents
  .learning_student
  .tab--button:hover
  .student_icon {
  border-color: #6cbc35;
}
.ele_ui.learning_change
  .layer__contents
  .learning_student
  .tab--button.active
  p,
.ele_ui.learning_change
  .layer__contents
  .learning_student
  .tab--button:hover
  p {
  color: #6cbc35;
}
.ele_ui.learning_change .tab--contents .legend p:first-child span {
  background: #58afff;
}
/* .ele_ui.learning_change .tab--contents .legend p:last-child span {border-color: #B28FFD;} 240731 정답률 삭제 */
.ele_ui
  .student_scatter
  .tooltip--box.arrow--center
  .tooltip--box-inner::after {
  left: 152px;
  transform: translate(0, -100%) rotate(180deg);
}
.ele_ui .student_scatter.is--empty {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
.ele_ui .student_scatter.is--empty {
  height: auto;
  min-height: unset;
}
.ele_ui .report-personal__list .box--empty {
  height: 240px;
  margin-bottom: 16px;
  gap: 20px;
}
.ele_ui .student_scatter .scatter_tooltip {
  border: 0;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}
.ele_ui .student_scatter .scatter_tooltip::before {
  display: none;
}
.ele_ui .student_scatter .scatter_tooltip::after {
  border-width: 9.5px 11px 9.5px 0px;
}
.ele_ui .student_scatter .scatter_tooltip.left::after {
  right: -10px;
}
.ele_ui .student_scatter .scatter_tooltip.right::after {
  left: -10px;
}
.ele_ui .student_list_full .personal--list .table--list tbody tr td {
  font-size: 14px;
}
.ele_ui .student_scatter .send_feedback textarea {
  height: 55px;
}
.ele_ui .student_scatter .title.f-24-sb {
  align-items: center;
}
/* 로그인 */
.ele_ui .intro-select.workbook--make .box-grid .cell-06 {
  position: relative;
  background-image: unset;
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
  height: 250px;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:hover {
  background-image: unset;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:hover {
  background-color: #6cbc35;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:nth-child(4n-2):hover {
  background-color: #ff932f;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:nth-child(4n-1):hover {
  background-color: #ffe03e;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:nth-child(4n-0):hover {
  background-color: #58afff;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06 .flower_icon {
  background-image: url(../images/elementary/intro/ic_class_1st.svg);
  width: 120px;
  height: 120px;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-2)
  .flower_icon {
  background-image: url(../images/elementary/intro/ic_class_2nd.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-1)
  .flower_icon {
  background-image: url(../images/elementary/intro/ic_class_3rd.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-0)
  .flower_icon {
  background-image: url(../images/elementary/intro/ic_class_4th.svg);
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06 .flower_motion {
  display: none;
  position: absolute;
  left: 30px;
  bottom: 30px;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:hover .flower_icon {
  display: none;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-3):hover
  .flower_motion.motion1 {
  display: block;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-2):hover
  .flower_motion.motion2 {
  display: block;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-1):hover
  .flower_motion.motion3 {
  display: block;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-0):hover
  .flower_motion.motion4 {
  display: block;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06:hover .arrow .hover {
  color: #6cbc35;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-2)
  .arrow
  .hover {
  color: #ff932f;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-1)
  .arrow
  .hover {
  color: #684c15;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-0)
  .arrow
  .hover {
  color: #58afff;
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:hover
  .arrow
  .hover
  .ico-next-violet {
  background-image: url(../images/elementary/icon/ic_next_green_28px.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-2)
  .arrow
  .hover
  .ico-next-violet {
  background-image: url(../images/elementary/icon/ic_next_orange_28px.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-1)
  .arrow
  .hover
  .ico-next-violet {
  background-image: url(../images/elementary/icon/ic_next_yellow_28px.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-0)
  .arrow
  .hover
  .ico-next-violet {
  background-image: url(../images/elementary/icon/ic_next_blue_28px.svg);
}
.ele_ui
  .intro-select.workbook--make
  .box-grid
  .cell-06:nth-child(4n-1):hover
  .title {
  color: #684c15;
}
.ele_ui .intro-select {
  background-color: #d5f1a6;
  padding: 80px 0 100px;
  margin-bottom: 0;
}
.ele_ui .intro-select.workbook--make .intro-select--titlebox {
  margin-top: 0;
}
.ele_ui .intro-select.workbook--make .intro-select--title {
  background-image: unset;
  padding: 0;
  color: #214125;
  height: auto;
}
.ele_ui .intro-select.workbook--make .intro-select--title strong {
  color: #52b210;
}
.ele_ui .intro-select.workbook--make .intro-select--title strong::after {
  display: none;
}
.ele_ui .intro-select.workbook--make .intro-select--desc {
  margin-top: 20px;
  font-size: 24px;
  color: #214125;
}
.ele_ui .intro-select.workbook--make .box-grid {
  margin-top: 64px;
}
.ele_ui .intro-select.workbook--make .box-grid .cell-06 .arrow .hover {
  padding-left: 20px;
  padding-right: 10px;
}
/* 240719_이슈리스트 수정(문제집 직접출제) */
.ele_ui
  .workbook-make__options
  .input-radio
  .input--box:first-child
  .input--number {
  margin-left: 0;
}
.ele_ui .workbook-make__options .input-radio .btn-add,
.ele_ui .workbook-make__options .input-radio .btn-minus {
  margin: auto;
}
.ele_ui
  .workbook-make__options.type--essay
  .input-radio
  .input--box:first-child
  .input--text {
  margin-left: 0;
}
.ele_ui .workbook-make__options.type--essay .input-radio .input--box {
  gap: 12px;
}
.ele_ui .workbook-make .type--essay .workbook-make__answer {
  padding-bottom: 24px;
}
/* 240719_이슈리스트 수정(문제집, 영상, 교재 배포하기 팝업) */
.ele_ui.layer-option__distribute .contents-info-box {
  flex-direction: row;
  gap: 60px;
}
.ele_ui.layer-option__distribute .contents-info__sub {
  margin-top: 0;
}
.ele_ui.layer-option__distribute .contents-info__sub p {
  width: 312px;
  gap: 12px;
  margin-bottom: 8px;
  min-height: 30px;
}
.ele_ui.layer-option__distribute.is--workbook .contents-info__sub p {
  margin-bottom: 8px;
}
.ele_ui.layer-option__distribute.is--workbook .open-box.box .open-box--thead {
  padding: 24px;
  height: auto;
}
.ele_ui.layer-option__distribute.is--workbook
  .open-box.box
  .open-box--contents {
  padding-top: 0;
  padding-bottom: 0;
}
.ele_ui.layer-option__distribute.is--workbook .open-box--contents .box-grid {
  padding-top: 24px;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-option__distribute.is--workbook
  .box--edit
  .box-grid
  + .box--edit-items {
  border-bottom: 0;
}
/* 240719_이슈리스트 수정(내 콘텐츠) */
.ele_ui .contents_wrap .total-number--button .button-main {
  padding: 0 16px 0 10px;
  gap: 6px;
}
.ele_ui .contents_wrap .total-number--button .button-main.is--check {
  padding: 0 16px;
}
/* 240719_이슈리스트 수정(게시판 new 표시 이동) */
.ele_ui .table--list table tbody tr td.td-title.has--icon .state-bbs {
  margin-left: 0;
  margin-right: 8px;
}
.ele_ui .table--list table tbody tr td.td-title.has--icon .td-title--text {
  max-width: calc(100% - 50px);
}
/* 240719 명예의 전당 배너 수정 */
.honor_banner .btn_wrap {
  gap: 16px;
} /* 240910 bottom 삭제 */
.ele_ui .honor_banner .com_btn {
  width: 200px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
}
.ele_ui .honor_banner .com_btn.gray {
  background-color: #f0f0f0;
  color: #333;
}
.ele_ui .honor_banner .com_btn.gray:hover {
  background-color: #f8f8f8;
}
/* 240723_이슈리스트_5336 */
.ele_ui
  .contents_wrap
  .workbook--intro
  .recommend--item
  .recommend--thum
  .image {
  border-radius: 16px;
}
/* 240724_이슈리스트_5325 */
.ele_ui .make--box-items.lesson-data .is--empty_list {
  color: #b3b3b3;
  padding: 20px;
  margin-top: 16px;
  line-height: 24px;
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  border: 1px dashed #d9d9d9;
}
/* 240724 스타일 추가 */
.ele_ui input:checked + .input-check.input--out .input--box::before {
  border-color: #6cbc35;
  background-color: #6cbc35;
  background-image: url(../images/elementary/icon/checkbox.svg);
}
.ele_ui .recommend--item .recommend--thum .input--border {
  border-color: #52b210;
}
.ele_ui .make--box-items.lesson-data .box-item .box--edit-group .is--list {
  margin-top: 16px;
}
.ele_ui
  .make--box-items.lesson-data
  .box-item
  .box--edit-group
  .is--list
  .recommend--item
  .recommend--title {
  margin-top: 14px;
}
.ele_ui .textbook--item.workbook.ai .item--top-box {
  background-color: #ff932f;
}
.ele_ui .textbook--item.workbook.random .item--top-box {
  background-color: #58afff;
}
.ele_ui .textbook--item.workbook.made .item--top-box {
  background-color: #8252e9;
}
.ele_ui .textbook--item.workbook .top-box--category {
  padding: 0 12px;
}
.ele_ui
  .textbook--item.workbook.selected
  .item--top-box
  .top-box--check
  input:checked
  + .input--box::before,
.ele_ui
  .textbook--item.workbook.made
  .item--top-box
  .top-box--check
  input:checked
  + .input--box::before {
  border-color: #52b210;
}
/* 240725 스타일 누락 추가 */
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item
  .lesson__time
  .dropdown--item:hover,
.ele_ui
  .make--box-items.lesson-time
  .box-items--box
  .box-item
  .lesson__time
  .dropdown--item.active {
  background-color: #f2f7f0;
}
/* 240730 스타일 누락 추가 _ 최종 결과 팝업 */
.ele_ui.layer-workbook__result
  .layer__container
  .contents-info-box
  .contents-info__sub {
  width: auto;
  min-width: 175px;
}
.ele_ui.layer-area.layer-workbook__result:not(.is--aitest)
  .detail-times--table
  table
  tbody
  tr:last-child {
  background-color: unset;
}
.ele_ui.layer-area.layer-workbook__result:not(.is--aitest)
  .detail-times--table
  table
  tbody
  tr:nth-child(2n):last-child {
  background-color: #f8f8f8;
}
/* 240730 새 문제집 만들기(출제하기 추가) */
.ele_ui .ele_bg_first.is--bg_repeat_80::before {
  background-image: url(../images/elementary/intro/img_pattern_green_2.png);
  height: calc(100% + 135px);
  background-repeat: repeat;
}
.ele_ui .workbook--make .box-grid .cell-06.type-05 .icon {
  background-image: url(../images/elementary/icon/ic_workbook_descriptive.svg);
}
/* 문제집 미리보기 */
.ele_ui .descriptive.open-box .workbook-preview__explain {
  gap: 12px 24px;
}
.ele_ui .workbook-preview--box.loading {
  min-height: unset;
  height: 596px;
}
/* 학생 응시용뷰어 */
.ele_ui .workbook-preview--box .limit_text {
  padding: 16px 16px 40px;
}
.ele_ui .workbook-preview--box .limit_text .limit {
  bottom: 16px;
  right: 16px;
}
.ele_ui
  .workbook-preview--box.is--student
  .descriptive_body
  .limit_text.disabled {
  background-color: #f8f8f8;
}
.ele_ui
  .workbook-preview--box.is--student
  .descriptive_body
  .limit_text.disabled
  textarea {
  color: #808080;
}
/* 문제집 배포하기 팝업 */
.ele_ui.layer-option__distribute.is--workbook .box--edit-title {
  margin-bottom: 16px;
}
/* 최종결과(서술형) 팝업 */
.ele_ui.layer-workbook__result.descriptive .layer__container {
  width: 1200px;
}
.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item {
  padding: 32px 0 20px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .tag {
  margin-bottom: 0;
  padding: 0;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__ratio
  .monthly--box-item
  .number {
  margin-top: 0;
}
.ele_ui.layer-workbook__result
  .layer__container
  .box-grid
  .cell-06
  .box-bg__white.monthly--box {
  padding: 46px 24px 24px;
}
.ele_ui.layer-workbook__result
  .layer__container
  .workbook-result__time
  table
  td:last-child {
  color: #235f2a;
}
.ele_ui.layer-workbook__result.descriptive .edit_result {
  margin: 16px 0;
}
.ele_ui.layer-workbook__result.descriptive .edit_result button {
  height: 40px;
  font-size: 16px;
  padding: 0 16px 0 12px;
}
.ele_ui.layer-workbook__result.descriptive
  .layer__container
  .workbook-result--table
  .box--edit-title {
  margin: auto 0 0;
}
.ele_ui.layer-workbook__result.descriptive
  .workbook-result--table.active
  .edit_result
  .edit_save {
  gap: 12px;
}
.ele_ui.layer-workbook__result.descriptive
  .workbook-result--table.active
  .edit_result
  .edit_save
  .button-text,
.ele_ui.layer-workbook__result.descriptive
  .workbook-result--table.active
  .edit_result
  .edit_save
  .button-main {
  width: 96px;
  font-weight: 700;
}
.ele_ui.layer-workbook__result.descriptive
  .layer__container
  .workbook-result--table
  .table--list
  table
  tbody
  tr
  td
  p:not(.ico-28) {
  line-height: 20px;
}
.ele_ui.layer-workbook__result.descriptive
  .layer__container
  .contents-info-box
  .contents-info__sub {
  min-width: 258.5px;
}
.ele_ui .workbook-make__content .table--list td.td-clean.line .box-flex {
  border-top: 2px solid #82c255;
  margin-top: -1px;
}
.ele_ui.layer-workbook__result .layer__container .layer__contents {
  padding-bottom: 0;
}
.ele_ui.layer-workbook__result .layer__container .page__button {
  padding-top: 32px;
}
/* 서술형 출제하기 */
.ele_ui .workbook-make .workbook-preview__body .workbook-passage__contents {
  margin-bottom: 16px;
}
.ele_ui .workbook-make .workbook-preview__question .workbook-passage__titles {
  margin-bottom: 28px;
}
.ele_ui
  .workbook-make
  .workbook-preview__question
  .workbook-passage__titles
  .title {
  line-height: 32px;
}
.ele_ui
  .workbook-make
  .workbook-make__preview
  .slectlist-item
  + .slectlist-item {
  margin-top: 22px;
}
.ele_ui .workbook-make .open-box.descriptive {
  border: 1px solid #d9d9d9;
  margin-bottom: 0;
}
.ele_ui .workbook-make .open-box.descriptive .open-box--contents.is--texts {
  padding: 24px;
}
.ele_ui .workbook-make .descriptive.open-box .workbook-preview__explain {
  gap: 24px 20px;
}
.ele_ui
  .workbook-make
  .descriptive.open-box
  .workbook-preview__explain
  .contents {
  width: calc(100% - 86px);
}
.ele_ui
  .workbook-make
  .descriptive.open-box
  .workbook-preview__explain
  .contents
  p {
  line-height: 24px;
}
.ele_ui .workbook-make__content .page__button.is--small button:not(.width-240) {
  flex-grow: 1;
}
/* 문항결과 */
.ele_ui
  .workbook-preview__graph
  .open-box--contents
  .recommend--item.is--myclass {
  border: 0;
  margin-top: 20px;
}
.ele_ui .workbook-preview__graph .recommend--item .recommend--thum {
  border-radius: 8px;
}
.ele_ui .workbook-preview__graph .recommend--item .recommend--thum .image {
  border-radius: 8px;
  padding-top: 46.5%;
}
.ele_ui
  .workbook-preview__graph
  .recommend--item.is--myclass
  .recommend--contents {
  padding: 0 0 0 12px;
}
.ele_ui
  .workbook-preview__graph
  .recommend--item
  .recommend--grade
  .f-black-100 {
  color: #494949;
}
.ele_ui .workbook-preview__graph .open-box--contents .recommend--button {
  margin-top: 14px;
  height: 40px;
  font-size: 15px;
}
.ele_ui .descriptive_body .desc-box {
  position: relative;
}
.ele_ui .workbook-preview__graph .preview-graph--box .title {
  font-size: 20px;
  line-height: 23px;
}
.ele_ui .workbook-preview__graph.box-grid.gap-48 .cell-06 {
  width: calc((100% - 48px) / 2);
}
/* 240731 문제풀이 학습변화 팝업 추가 */
.ele_ui.learning_change .layer__container {
  width: 974px;
}
/* 240802 과목별 리포트 툴팁추가 */
.ele_ui .report_status .text strong .tooltip--box-text strong {
  font-size: 14px;
}
.ele_ui
  .report_status
  .text
  strong
  .tooltip--box-wrap
  .tooltip--button
  .ico-tooltip-black {
  background-image: url(../images/elementary/icon/ic_tooltip_gray_24px.svg);
}
.ele_ui .f-ele_green700 {
  color: #428e0d;
}
/* 240820 학습진단 ai 논술진단 버튼 툴팁 스타일 추가 */
.ele_ui
  .tooltip--box-wrap
  .button-main.beta
  + .tooltip--box.arrow--center
  .tooltip--box-inner::before,
.ele_ui
  .tooltip--box-wrap
  .button-main.beta
  + .tooltip--box.arrow--center
  .tooltip--box-inner::after {
  right: 55px;
  left: initial;
}
/* 240826 문제집 출제 세부설정 문구 스타일 추가 */
.ele_ui .workbook-make .text-bullet::before {
  top: 7px;
}
.ele_ui .workbook-make .text-bullet p {
  line-height: 20px;
}
.ele_ui .workbook-make .text-bullet p ~ p {
  margin-top: 4px;
}
/* 240827 스타일 누락 추가 */
.ele_ui .sticker--box .list--box .row-active {
  background-color: #e2f3df;
}
.ele_ui .sticker--box .sticker-box .list--box .row-active {
  background-color: #fffdea;
}
.ele_ui .tab--contents .participate__empty {
  box-shadow: none;
  padding: 0;
  margin: 0;
}
/* 240829 버튼 focus 시 스타일 추가 */
.ele_ui .tab-tags--box.tags-select .tag--button:focus {
  background-color: #52b210;
  color: #fff;
}
/* 240829 종합리포트 과목교사 case 추가 */
.ele_ui .report-month__subjects .month-subject__detail.box-bg__lightgray {
  background-color: #f8faf7;
}
/* 240905 학습콘텐츠 배너 슬라이드 변경 */
.ele_ui .banner_slide {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
} /* 240910 padding, margin 삭제, box-shadow 추가 */
.ele_ui .banner_slide .honor_banner {
  filter: none;
} /* 240910 수정 */
.ele_ui .banner_slide .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.6);
  width: 12px;
  height: 12px;
} /* 240910 수정 */
.ele_ui .banner_slide .swiper-pagination-bullet-active {
  background-color: rgba(255, 255, 255, 1);
} /* 240910 수정 */
/* 240906 이슈 393 수정  */
.ele_ui .myclass_student .mystudent--list .table--list {
  padding-top: 24px;
  margin-top: -24px;
}
.ele_ui
  .myclass_student
  .mystudent--list
  .table--list
  tbody
  td
  .tooltip--box-text {
  max-height: 88px;
}
/* 240910 학습콘텐츠 배너 추가 */
.ele_ui .banner_slide .swiper-pagination {
  gap: 12px;
  bottom: 16px;
}
/* 240913 학습콘텐츠 인기콘텐츠 추가 */
.ele_ui .contents_wrap .intro__item--list.top_5 .recommend--item .ranking_num {
  /* -webkit-text-stroke-width: 0; text-shadow: 4px 4px 0 #6CBC35;  240926 삭제 */
  line-height: 58px;
  height: 52px;
  bottom: -18px;
}
/* 240923 gnb active 컬러 추가 */
.is--dark header .header--menu__box ul li .header--menu__item.active {
  color: #ffe03e;
}
/* 240930 포인트 획득방법 버튼 추가 */
.ele_ui .lv_info .gray-line.button-tag {
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 400;
  border-color: #ccc;
  color: #333;
}
.ele_ui .lv_info .gray-line.button-tag:hover:not(.dim):not(:disabled) {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.ele_ui .intro_character .profile_info .gray-line.button-tag {
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 400;
  border-color: #ccc;
  color: #333;
}
.ele_ui
  .intro_character
  .profile_info
  .gray-line.button-tag:hover:not(.dim):not(:disabled) {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
/* 241008 헤더 이름영역 '교사' 추가 */
header .header--utill .header--utill__user .header--utill__name strong {
  color: #52b210;
}
/* 241105 학습콘텐츠 신고하기 기능 추가 */
.ele_ui .recommend--item.is--dimmed.checked .dim_box {
  border: 2px solid #52b210;
}
/* 콘텐츠 팝업 넓이 수정 */
.ele_ui.layer-contents__notify .layer__container:not(.alert):not(.confirm) {
  width: 720px;
  min-width: 720px;
}
.ele_ui.layer-contents__notify .box--edit-items {
  border-radius: 0;
  position: relative;
}
.ele_ui.layer-contents__notify .box--edit-items:first-of-type {
  border-radius: 16px 16px 0 0;
}
.ele_ui.layer-contents__notify .box--edit-items:last-of-type {
  border-radius: 0 0 16px 16px;
}
.ele_ui.layer-contents__notify .box--edit-items ~ .box--edit-items {
  margin-top: 0;
}
.ele_ui.layer-contents__notify .box--edit-items ~ .box--edit-items::before {
  content: "";
  position: absolute;
  top: 0;
  width: calc(100% - 48px);
  height: 0;
  border-top: 1px solid #e6e6e6;
}
.ele_ui.layer-contents__notify .box--edit-items > dl > dt {
  color: #494949;
}
.ele_ui.layer-contents__notify .desc_txt p {
  font-weight: 400;
  line-height: 22px;
}
.ele_ui.layer-contents__notify .desc_txt p ~ p {
  margin-top: 4px;
}
.ele_ui.layer-contents__notify .layer__container .page__button {
  padding-top: 32px;
}
.ele_ui.layer-contents__notify
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 32px;
}
.ele_ui.layer-contents__notify .box--edit-items .input-radio .input--box {
  gap: 8px;
}
.ele_ui.layer-view__textbook .button-notify {
  height: 40px;
  gap: 8px;
  padding: 0 16px 0 12px;
  font-size: 16px;
}
/* 241112 챗봇 아이콘 변경 */
.chatbot--menu.is--sticker .icon,
.ico-profile-level {
  background-image: url(../images/elementary/icon/ic_myprofile_green_40px.svg);
}
/* 241114 이슈리스트 529 */
.ele_ui.layer-option__distribute.is--workbook .input-check .input--box {
  z-index: 0;
}
/* 241121 띠배너 및 파일명 길이 수정 */
.ele_ui .intro_area .band-banner--wrap {
  max-width: 100vw;
  min-width: 1024px;
}
/* .ele_ui .band-banner .band-banner--text {
  width: 840px;
  gap: 40px;
} */
@media (max-width: 1199px) {
  .ele_ui .intro_area .band-banner--wrap {
    margin-left: -80px;
    margin-right: -80px;
  }
}
.ele_ui .band-banner {
  background-color: #0a6615;
}
.ele_ui .band-banner--wrap + .intro-today.intro_character {
  margin-top: 31px;
}
.ele_ui.layer-check__plan .box--edit .box--edit-items dd {
  width: calc(100% - 120px);
}
.ele_ui.layer-setting__attendance
  .table--list
  table
  thead.rows
  tr.next--tr
  th
  p {
  width: 100%;
  height: 100%;
  padding-top: 12px;
  display: block;
  border-top: 1px solid #e6e6e6;
}
/* 241202 수업설계 공유설정 비활성화 추가*/
.ele_ui
  .teacher-makeclasses
  .make--box-items.disabled
  .input-radio
  input:not([type="text"]):checked
  + .input--box::before {
  border-color: #ccc;
  background-color: #ccc;
}
.ele_ui
  .teacher-makeclasses
  .make--box-items.disabled
  .box-items--box
  .box-item.input-radio
  input
  + .input--box
  .input--text {
  color: #ccc;
}
.ele_ui
  .teacher-makeclasses
  .make--box-items.disabled
  .box-items--box
  .box-item.input-radio
  input:checked
  + .input--box
  .input--text {
  color: #333;
}
.ele_ui .makeclass-edit--datalist .button-tag.violet-light {
  background-color: #e3f0e1;
}
/* 241204 학습경영도구 - 포인트 차감 추가 */
.ele_ui .sticker-box .list__li li.user_point .show_point {
  background: #ffe03e;
  color: #684c15;
}
.ele_ui.layer-point__history .sticker-box {
  background: #eef6f0;
  border-color: #82c255;
  color: #333;
}
.ele_ui.layer-area .table--list .button-main {
  height: 32px;
}
.ele_ui .f-d-day {
  color: #f27400;
}
.ele_ui.layer-point__history .table--list table tbody tr td {
  padding: 8px 0;
}
.ele_ui.layer-point__history .layer__container .pagenavi--box:last-child {
  margin-top: 32px;
}
/* 250114 OTP 인증 추가 */
.ele_ui .box-bg__grayfa {
  background-color: #fafafa;
  border-radius: 16px;
}
.ele_ui .button-main.darkgray {
  background-color: #494949;
  color: #fff;
}
.ele_ui .button-main.darkgray:hover:not(.dim):not(:disabled) {
  background-color: #7b7b7b;
}
.ele_ui .mypage-member .otp_input .button-main.darkgray {
  height: 60px;
  font-size: 16px;
  padding: 0;
}
.ele_ui .mypage-member .otp_input .input-box--text.is--large {
  border-color: rgba(0, 0, 0, 0.16);
}
.ele_ui .mypage-member .otp_input .input-box--text.is--large.is--error {
  border-color: #ff3a3a;
}
/* 250124 영어콘텐츠 배너 추가 , 250203,250204 수정 */
.ele_ui .contents_banner {
  background-color: #fff;
  height: 160px;
  border-bottom: 1px solid #3db960;
}
.ele_ui .contents_banner a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ele_ui .contents_banner_inner {
  width: 1128px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-right: 40px;
}
.ele_ui .contents_banner_inner::before {
  content: "";
  position: absolute;
  background-image: url(../images/elementary/img/en_banner_music.png);
  background-size: cover;
  width: 391px;
  height: 117px;
  right: 0;
  top: -13px;
}
.ele_ui .contents_banner .banner_contents {
  padding-left: 110px;
  position: relative;
}
.ele_ui .contents_banner .banner_contents::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: 77px;
  background-image: url(../images/elementary/img/en_banner_mic.png);
  background-size: cover;
}
.ele_ui .contents_banner .banner_title {
  display: flex;
  gap: 12px;
  align-items: center;
}
.ele_ui .contents_banner .banner_title .subject {
  color: #32a300;
  font-size: 36px;
  font-weight: 800;
  line-height: 36px;
}
.ele_ui .contents_banner .banner_title .target {
  color: #4e8535;
  background: #d6f1a8;
  border-radius: 20px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 800;
}
.ele_ui .contents_banner .desc {
  color: #333;
  margin-top: 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}
.ele_ui .contents_banner .banner_btn {
  background: #214125;
  color: #fff;
  padding: 0 12px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 8px;
  width: 200px;
  height: 52px;
  position: relative;
}
.ele_ui .contents_banner .banner_btn:hover {
  background: #428e0d;
}
.ele_ui .padding-t-100 {
  padding-top: 100px;
}
.ele_ui .only_tablet {
  display: none;
}
@media (max-width: 1199px) {
  .ele_ui .contents_banner_inner {
    padding: 0 114px 0 57px;
    width: 100%;
  }
  .ele_ui .contents_banner_inner::before {
    right: 70px;
    top: 0;
  }
  .ele_ui .contents_banner .banner_btn {
    margin-top: 13px;
  }
  .ele_ui .contents_banner .desc {
    line-height: 28px;
  }
  .ele_ui .only_tablet {
    display: block;
  }
}

/* 250212 */
.ele_ui .today-lesson.type--myclass.copy .today-lesson--info {
  background-color: #fffbda;
}
.ele_ui
  .today-lesson.type--myclass.copy
  .today-lesson--info__title
  .tooltip--button {
  color: #684c15;
}
.ele_ui .today-lesson.type--myclass.copy .today-lesson--info .button-main {
  background-color: #ffe03e;
  color: #684c15;
}
.ele_ui .today-lesson.type--myclass.copy .today-lesson--info .button-main.line {
  background-color: #fff;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__date.nodate {
  padding-left: 0;
}
.ele_ui .today-lesson.type--myclass .today-lesson--info__date.nodate::before {
  display: none;
}
.ele_ui.modal-area.layer-lesson__time .layer__container {
  width: 715px;
}
.ele_ui.layer-lesson__time .layer__container .layer__title {
  height: 76px;
}
.ele_ui.layer-area.modal-area.layer-lesson__time
  .layer__container
  .layer__contents {
  width: 100%;
  padding: 24px 24px 40px;
}
.ele_ui.layer-lesson__time .box--edit-items {
  padding: 24px;
}
/* .ele_ui.layer-lesson__time .box--edit-items > dl {
  gap: 24px;
} 250227 삭제 */
.ele_ui.layer-area.modal-area.layer-lesson__time
  .layer__container
  .layer__contents
  .box--edit-items
  > dl
  > dt {
  width: 102px;
  color: #494949;
}
.ele_ui.layer-lesson__time .input-box--datetime {
  flex: 1; /* 250227 수정 */
}
.ele_ui.layer-lesson__time .input-box--datetime .dropdown--area {
  width: auto !important; /* 250227 수정 */
}
.ele_ui.layer-lesson__time
  .layer__container
  .layer__contents
  .cycle__day
  .dropdown--box {
  max-height: 132px !important;
}

.ele_ui.layer-area.layer-lesson__copy
  .table--list
  table
  tbody
  tr:has(.input-check input[type="checkbox"]:checked) {
  background-color: #f2f7f0;
}

/* 250214 추가 */
.ele_ui.layer-area.layer-lesson__copy .contents-info-box .lesson_info > strong {
  color: #214125;
}
/* 250304 추가 */
.ele_ui .workbook--make .box-grid .cell-06 .icon_wrap {
  min-height: 106px;
}
.ele_ui .workbook--make .box-grid .cell-06.type-05 .icon {
  background-image: url(../images/elementary/icon/icon_descriptive2.svg);
}
.ele_ui .workbook--make .box-grid .cell-06.type-06 .icon {
  background-image: url(../images/elementary/icon/icon_essay.svg);
}
.ele_ui.layer-area.layer-workbook__essay
  .table--list
  table
  tbody
  tr:has(.input-radio input[type="radio"]:checked) {
  background-color: #f2f7f0;
}
.ele_ui .unable_contents .white_box {
  box-shadow: 0px 4px 36px 0px rgba(75, 125, 6, 0.16);
}
/* 250317 수업설계 */
.ele_ui .title-tag {
  background: #deefff;
  color: #258be9;
}
.ele_ui .make--box-items .makeclass-type .title {
  color: #333;
}
.ele_ui .make--box-items .makeclass-wrap .toggle-tab .tab--button {
  font-weight: 700;
  color: #494949;
}
.ele_ui .make--box-items .makeclass-wrap .toggle-tab .tab--button.active {
  border-color: #52b210;
  background: #f2f7f0;
}
.ele_ui
  .make--box-items
  .makeclass-list__sort
  .makeclass-list__name
  .sortable-fallback {
  border-color: #52b210;
}
.ele_ui
  .make--box-items
  .makeclass-list__sort
  .makeclass-list__name
  li
  .label
  .text-ellipsis {
  color: #494949;
}
.ele_ui .make--box-items .makeclass-wrap .empty-box {
  color: #808080;
}
.ele_ui .button-main.is--small {
  height: 40px;
}
.ele_ui .today-lesson--data__list .data-list__box .text-ellipsis {
  color: #333;
}
.ele_ui .intro-lesson .box--empty {
  gap: 12px;
}
.ele_ui .intro-lesson .box--empty .box--empty-text {
  gap: 32px;
}
.ele_ui .intro_area .box--empty button {
  margin-top: 0;
  width: 276px;
}
.ele_ui .intro-lesson--title .button-main.is--small {
  padding-left: 16px;
  padding-right: 12px;
  gap: 8px;
  color: #000;
  font-weight: 400;
  border-color: #b3b3b3; /* 250324 수정 */
}
.ele_ui
  .intro-lesson--title
  .button-main.is--small:hover:not(.dim):not(:disabled) {
  background-color: #f8f8f8;
  border-color: #ccc; /* 250324 수정 */
}
.ele_ui .makeclass-wrap .box--edit-title {
  font-size: 18px;
}
/* 250324 수업설계, 수업목록 고도화 */
.ele_ui
  .today-lesson--data__list
  .data-list__box
  li:last-child:not(:only-child)
  .tooltip--box-wrap
  .tooltip--box.arrow--right {
  bottom: calc(100% + 16px);
}
.ele_ui
  .today-lesson--data__list
  .tooltip--box.arrow--right
  .tooltip--box-inner::before,
.ele_ui
  .today-lesson--data__list
  .tooltip--box.arrow--right
  .tooltip--box-inner::after {
  left: auto;
  right: 1px;
}
.ele_ui
  .today-lesson--data__list
  .data-list__box
  li:last-child:not(:only-child)
  .tooltip--box.arrow--right
  .tooltip--box-inner::before,
.ele_ui
  .today-lesson--data__list
  .data-list__box
  li:last-child:not(:only-child)
  .tooltip--box.arrow--right
  .tooltip--box-inner::after {
  transform: translate(-50%, 100%) rotate(0);
}
.ele_ui .make--box-items .box-items--title span.impo-violet {
  color: #f27400;
}
/* 챗봇 ai 디지털교과서 추가 */
.ele_aidt_ico,
.chatbot--menu.is--aidt .icon {
  background-image: url(../images/elementary/icon/ic_aidt_green_46px.svg);
}
/* 250410 헤더 gnb 수정 */
.ele_ic_next_green_20px {
  background-image: url(../images/elementary/icon/ic_next_green_20px.svg);
}
.ele_ui header .header--wrapper__btm .header--btm__button,
.ele_ui.wrap.is--dark header .header--wrapper__btm .header--btm__button {
  border-color: #6cbc35;
  color: #6cbc35;
}
.ele_ui.wrap.is--dark header .tooltip--box-text strong {
  color: #214125;
}
.ele_ui.wrap header .header--wrapper__btm .header--btm__button:hover {
  background-color: #f2f7f0;
}
.ele_ui.layer-area.onepass_modal.aidt_login .page__button {
  flex-direction: column;
}
/* 250424 학습진단(학생) 미제공 과목 */
.ele_ui .test-home__status-subject .box--empty {
  min-height: 400px;
}
/* 250508 데이트피커 disable 추가 */
.input-box--datetime .input-box--text.disabled {
  border-color: #f0f0f0;
}
/* 250515 학부모 계정 승인 */
.ele_ui.layer-area .table--info table tbody tr th {
  background-color: #f8f8f8;
  color: #494949;
  padding: 0 20px;
}
.ele_ui.layer-parental-approval .table--info table tbody tr td {
  padding: 20px;
  color: #333;
}
.bullet-violet {
  color: #f27400;
  font-weight: 400;
}
.ele_ui .text-underline--orange {
  border-bottom: 1px solid #f27400;
}
/* 저작자 표시 추가 */
.ele_ui.layer-contents__notify
  .box--edit-items
  .input-radio
  + .input-radio:not(.width-full) {
  margin-left: 0;
}
/* 콘텐츠 팝업 그리드 넓이 수정 */
.ele_ui.layer-contents__notify .box--edit-items .input-radio-group {
  grid-template-columns: 142px 213px auto;
  gap: 24px 32px;
}
.ele_ui.layer-view__textbook .textbook-preview__info__item > strong {
  color: #999;
}
.ele_ui.layer-view__textbook .textbook-preview__info__item > span {
  color: #333;
}
.ele_ui.layer-view__textbook .textbook-preview__files .file-item {
  width: fit-content;
}
/* 250602 과목개설 */
.ele_ui .f-green-21 {
  color: #214125;
}
.ele_ui .main-eye {
  background-image: url(../images/elementary/icon/ic_eye_gray.svg);
}
.ele_ui .main-eye.disabled {
  background-image: url(../images/elementary/icon/ic_eye_disabled_gray.svg);
}

/* 250611 */
.ele_ui .classes--filter.new {
  gap: 40px;
  margin-top: 16px;
}
.ele_ui .classes--filter.new .classes-filter__button-box .button-tag {
  color: #999;
  font-weight: 400;
  padding: 7px 10px;
}
.ele_ui .classes--filter.new .classes-filter__button-box .button-tag.active {
  color: #6cbc35;
  font-weight: 700;
  border-color: #6cbc35;
  background-color: #fff;
}
.ele_ui
  .recommend--item.is--myclass.new
  .recommend--textbox
  span.recommend--title__subject {
  color: #258be9;
}
.ele_ui
  .recommend--item.is--myclass.new:not(.is--contents)[tabindex="0"]:hover
  .recommend--thum::after,
.ele_ui
  .recommend--item.is--myclass.new:not(.is--contents)[tabindex="0"]:focus
  .recommend--thum::after {
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  bottom: 0;
  border: 2px solid #6cbc35;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  z-index: 10;
  content: "";
}
.ele_ui .recommend--item.is--myclass.new .recommend--contents {
  padding: 20px 20px 30px;
}
.ele_ui
  .recommend--item.is--myclass.new:not(.is--contents)[tabindex="0"]:hover
  .recommend--contents,
.ele_ui
  .recommend--item.is--myclass.new:not(.is--contents)[tabindex="0"]:focus
  .recommend--contents {
  padding: 20px 19px 29px;
  border: 1px solid #6cbc35 !important;
  border-top: none !important;
}

/* 250611 나의 수업 */
.ele_ui .tab--button.disabled {
  background-color: #f0f0f0;
}
.ele_ui .tab--button.disabled:hover {
  color: #b3b3b3;
}
.ele_ui .tab--contents.subject-info {
  padding: 40px !important;
}
.ele_ui .tab--contents .subject-info__box .subject-title {
  color: #214125;
}
.ele_ui .tab--contents .subject-info__box .subject-title::before {
  background-color: #214125;
}
.ele_ui .tooltip--box.right--box {
  top: calc(100% - 32px);
}

/* 250611 비밀번호 입력 팝업 */
.ele_ui.layer-online__password .layer__contents {
  padding: 24px 24px 0;
}
.ele_ui.layer-online__password .layer__container .page__button {
  padding: 0 24px 24px;
  margin-top: 48px;
}
.ele_ui .main-eye.black {
  background-image: url(../images/elementary/icon/ic_eye_black.svg);
}
.ele_ui .main-eye.black.disabled {
  background-image: url(../images/elementary/icon/ic_eye_disabled_black.svg);
}

/* 250611 셀렉박스 */
.dropdown--area.ty2 .dropdown--box {
  padding: 10px;
}
.dropdown--area.ty2 .dropdown--box .dropdown--item {
  padding: 6px 10px;
  font-size: 16px;
}

/* 250613 나의교실 */
.ele_ui
  .myclass_student
  .mystudent--list
  .table--list
  tbody
  td
  .tooltip--box.subject-tooltip--box
  .tooltip--box-text {
  max-height: 90px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .tag_blue {
  color: #258be9;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 4px;
}
.ele_ui
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li
  .text {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
}
.ele_ui .tab-box.type--btn-sm {
  gap: 0;
  height: 40px;
  border-radius: 0;
}
.ele_ui .tab-box.type--btn-sm .tab--button {
  min-width: 102px;
  margin-top: 0;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 0;
  padding: 11px 12px;
  position: relative;
  font-size: 16px;
  height: 40px;
  color: #999;
  font-weight: 700;
}
.ele_ui .tab-box.type--btn-sm .tab--button.active {
  background: #6cbc35;
  border: 1px solid #6cbc35;
  color: #fff;
  font-weight: 800;
  z-index: 1;
}
.ele_ui .tab-box.type--btn-sm .tab--button:not(:last-child) {
  margin-right: -1px;
}
.ele_ui .tab-box.type--btn-sm .tab--button:first-child {
  border-radius: 7px 0 0 7px;
}
.ele_ui .tab-box.type--btn-sm .tab--button:last-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 0 7px 7px 0;
}
.ele_ui .mystudent-detail__completion .detail-completion.grade.inherit {
  flex: inherit;
}
.ele_ui .mystudent-detail__completion .detail-completion.grade .title::before {
  background-image: url("../images/elementary/icon/ic_studentsprofile.svg");
}

/* 250618 과목 타입 태그 추가 */
.ele_ui .box--edit-items .tag_type {
  color: #258be9;
}

/* 250625 수강생 승인 추가  */
.ele_ui .state-box.approve {
  color: #fff;
  background-color: #4fcf82;
}

/* 250626 */
.ele_ic_credit_gray {
  background-image: url("../images/elementary/icon/ele_ic_credit_gray_18px.svg");
}
.ele_ui .classes--filter.new .classes-filter__button-box dt {
  color: #494949;
  font-size: 16px;
  font-weight: 700;
}

/* 250701 수정 */
.ele_ui .recommend--item.is--myclass.new .recommend--info {
  margin-top: 26px;
  gap: 0;
}

/* 250710 선택자 변경 */
.ele_ui .recommend--item.class_plan .tooltip--box-wrap.is--ellipsis{
  z-index: unset;
}

/* 250708 수강 희망 시간 선택 팝업 */
.ele_ui.layer-online__time-select .select-item__list .button-tag{
  color: #999;
  border: 1px solid #d9d9d9;
  font-weight: 400;
}
.ele_ui.layer-online__time-select .select-item__list .button-tag.violet-light{
  color: #494949;
  border: none;
}
.ele_ui.layer-online__time-select .select-item__list input:checked + .button-tag {
  background-color: #fff;
  border: 1px solid #6CBC35;
  color: #6CBC35;
}

/* 250722 온라인 학교 문구 배치 추가 */
.online-info {
  color: #FF932F;
}
.ele_ui .make--box-items.lesson-basic.option .is--option .online-info{
  font-size: 16px;
}
.ele_ui .myclass__classes .classes--wrapper {
  padding-top: 30px;
}
.ele_ui .myclass__classes .classes--wrapper .box--search {
  padding-top: 0;
}

/* 250804 종합리포트 공유하기 팝업 */
.ele_ui.layer-report-share .box--edit {
  padding: 24px 24px 0;
}
.ele_ui.layer-report-share .label--block .list__tbody {
  padding: 0;
}
.ele_ui.layer-report-share .label--block .list__thead {
  padding: 0;
  height: 52px;
  background-color: #f0f0f0;
}
.ele_ui.layer-report-share .list--box .input--box {
  padding-left: 24px;
}
.ele_ui.layer-report-share .label--block .input--text {
  text-align: left;
  color: #494949;
}
.ele_ui.layer-report-share .list__thead .input--text, 
.ele_ui.layer-report-share .list__tbody label:is(.input-check):not(.passed) input:checked + .input--box .input--text {
  font-weight: 700;
}
.ele_ui.layer-report-share .info{
  margin-top: 24px;
  line-height: 22px;
}

/* 250818 콘텐츠 개편 */
.margin-t-96{
  margin-top: 96px;
}
.ele_ui .ico-search-yellow {
  background-image: url("../images/elementary/icon/ic_search_yellow.svg");
  background-size: contain;
}
.ele_ui .ico-class-dark {
  background-image: url(../images/elementary/icon/class_lightgreen.svg);
}
.ele_ui .f-violet-active{
  color: #52B210 !important;
}
.ele_ui .ele_bg_contents {
  background: url(../images/elementary/intro/bg_contents_search.png) no-repeat center #D5F1A6;
  background-size: cover;
}
.ele_ui .ele_bg_contents_lg{
  background: url(../images/elementary/intro/bg_contents_lg.png) no-repeat center #D5F1A6;
  background-size: cover;
}
.ele_ui .contents-search{
  background: url(../images/elementary/intro/contents_search_bg_ele.png) no-repeat center #52B210;
  background-size: cover;
}
.ele_ui .box--search.round .button-main {
  width: 94px !important;
  height: 48px;
}
.ele_ui .box--search.round .input-box:focus{
  border: 1px solid #52B210;
}
.ele_ui .dropdown--area.round.open .dropdown--select{
  border: 1px solid #52B210;
}
.ele_ui .dropdown--area.round.disabled .dropdown--select{
  color: inherit;
}
.ele_ui .search-tab-menu {
  height: 60px;
}
.ele_ui .search-tab-menu .tab--button.active{
  background-color: transparent;
}
.ele_ui .cont-list .search-tab-menu .tab--button:hover{
  color: #52B210;
}
.ele_ui .search-title-box .search-title{
  color: #428E0D;
}
.ele_ui .cont-swiper-button button{
  border: 1px solid #E6E6E6;
}
.ele_ui .recommend--thum.more-btn:hover .more-btn-inner .button-main{
  color: #342506;
  border: 1px solid #D4AA09;
  background: #FFE03E;
}
.ele_ui .cont-list{
  color: #333;
}
.ele_ui .cont-list .recommend--item{
  box-shadow: 0 4px 36px 0 rgba(75, 125, 6, 0.16);
}
.ele_ui .cont-list .textbook--area .classes--list .recommend--item{
  width: calc((100% - 78px) / 3) !important;
  box-shadow: 0 4px 36px 0 rgba(75, 125, 6, 0.16);
}
@media (max-width: 1199px) {
  /* 250828 추가 */
  .ele_ui .cont-list .textbook--area .classes--list .recommend--item {
    width: calc((100% - 39px) / 2) !important;
  } 
}
.ele_ui .cont-list .recommend--item:not(.video) .recommend--thum::before{
  border: none;
}

.ele_ui .my-contents{
  padding-top: 48px;
}
.ele_ui .my-contents:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 248px;
  background: url(../images/elementary/intro/bg_contents_my.png) no-repeat center #D5F1A6;
  background-size: cover;
}
.ele_ui .my-contents .contents_wrap{
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.ele_ui .my-contents .contents_wrap .contents_list .tab-box{
  margin-bottom: 24px;
}
.ele_ui .my-contents .contents_wrap .contents_list .tab--button{
  color: #494949;
}
.ele_ui .my-contents .contents_wrap .contents_list .tab--button.active{
  color: #000;
  font-weight: 800;
}
.ele_ui .my-contents .contents_wrap .contents_list .tab--button.active .num{
  color: #428E0D;
}
.ele_ui .my-contents .tab--wrapper.contents_list .tab-box button:not(:first-child)::before{
  background-color: #B3B3B3;
}
.ele_ui .my-contents .textbook--area .classes--list{
  gap: 36px;
}
.ele_ui .my-contents .textbook--area .classes--list .recommend--item{
  width: calc((100% - 72px) / 3) !important;
  box-shadow: 0 4px 36px 0 rgba(75, 125, 6, 0.16);
}

.ele_ui .register-type {
  min-height: 410px;
}
.ele_ui .register-type .info{
  font-size: 30px;
  color: #214125;
  font-weight: 800;
}
.ele_ui .register-type .tit,
.ele_ui .register-type .option-item .option-tit{
  color: #333;
}
.ele_ui .register-type .option-item .option-desc{
  /* 250827 추가 */
  color: #FF932F;
}
.ele_ui .register-type .type-item {
  box-shadow: 0 4px 36px 0 rgba(75, 125, 6, 0.16);
}
.ele_ui .register-type .type-item:hover:not(.open) {
  border-color: #52B210;
}
.ele_ui .register-type .type-item:hover:not(.open) .tit{
  color: #52B210;
}
.ele_ui .register-type .type-item .ico-next-violet{
  background-image: url(../images/elementary/icon/ic_next_green_28px.svg);
}
.ele_ui .register-type .option-item:hover {
  border-color: #52B210;
  background-image: url(../images/elementary/icon/ic_next_green_28px.svg);
}
.ele_ui .register-type .option-item:hover .option-tit {
  color: #52B210;
}

.ele_ui .button--file:hover .button-main:disabled{
  background-color: #f0f0f0;
}
.ele_ui .register-title{
  color: #214125;
}
.ele_ui .register-title::before{
  background-color: #214125;
}
.ele_ui .register-form .file-item .button-tag.violet-light {
  gap: 5px;
  padding: 0 8px 0 10px;
  height: 28px;
}
.ele_ui .register-form .box--edit.workbook-make__content .box--edit-items{
  border-radius: 0;
}
.ele_ui .register-form .box--edit.workbook-make__content .box--edit-items.first{
  border-radius: 16px 16px 0 0;
}
.ele_ui .register-form .box--edit.workbook-make__content .box--edit-items.last{
  border-radius: 0 0 16px 16px;
}
.ele_ui .register-form .workbook-make__subjects .input-radio-group{
  column-gap: 12px;
}
.ele_ui .box--edit.workbook-make__content{
  width: 100%;
}
.ele_ui .workbook-make .workbook-preview__body {
  max-height: 1204px;
}
.ele_ui
  .test-select
  .workbook-make__content
  .box--edit-title.set--middle::before {
  display: block;
}
.ele_ui .workbook-make__contents .pagenavi--box.pagenavi--step .pagenavi--number{
  color: #000;
  padding: 0;
}
.ele_ui .workbook-make__contents .pagenavi--box.pagenavi--step .pagenavi--number.f-black-50 {
  opacity: 0.5;
  margin-left: 4px;
}
/* 250828 추가 */
.ele_ui .workbook--intro .recommend--item .recommend--thum .image,
.ele_ui .cont-list .recommend--item .recommend--thum .image {
  border-radius: 16px;
  background-image: url(../images/elementary/img/contents_card.svg);
  background-size: cover;
}

/* 250723 나의 수업 classes--filter 크기 조정 */
@media (max-width: 1199px) {
  .ele_ui .classes--filter.new{
    gap: 20px;
  }
  .ele_ui .classes--filter.new .classes-filter__button-box dt{
    font-size: 15px;
  }
  .ele_ui .button-tag{
    font-size: 14px;
  }
}

/* 250915 우리반 게시판 */
.ele_ui .table-type table tbody tr td.td-title.has--icon .td-title--text{
  max-width: calc(100% - 30px);
}
@media (max-width: 1199px) {
  .ele_ui .table-type .button-tag{
    min-width: 44px !important;
    font-size: 13px;
  }
}

/* 250929 선도학교-우리반 AI코멘트 */
/* 나의교실 우리반학생 */
.ele_ui .mystudent--contents .ai-comment-table .button-main {
  height: 32px;
}
.ele_ui .mystudent--contents .ai-comment-table .button-main:hover:not(.dim):not(:disabled) {
  color: #333;
  border: 2px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,  linear-gradient(310deg, #853FFF 0.99%, #58AFFF 100.99%) border-box;
}
/* 학생리포트 우리반 */
.ele_ui .ai-comment-btn {
  background: #DEEFFF;
  box-shadow: 0 4px 36px 0 rgba(75, 125, 6, 0.16);
}
.ele_ui .ai-comment-btn:hover {
  background: linear-gradient(#DEEFFF) padding-box, linear-gradient(135deg, rgba(88,175,255,0.5) 0%, rgba(150,120,255,0.5) 100%) border-box;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.10);
}
.ele_ui .ai-comment-btn .cont span {
  background: linear-gradient(310deg, #853FFF 0.99%, #42AAFF 100.99%);
  background-clip: text;
  -webkit-background-clip: text;
}
.ele_ui .ai-comment-btn:hover .cont-right {
  color: #8252E9;
}
/* 맞춤형 학습 코멘트 팝업 */
/* 251014 검색 ui삭제 관련 부분 수정 */
.ele_ui .round-search-box:focus-within {
  border-color: #6cbc35;
}
.ele_ui.layer-comment .student-header-text {
  color: #214125;
}
.ele_ui.layer-comment .student-list .student-item:hover {
  background: #E2F3DF;
}
.ele_ui.layer-comment .student-list .student-item strong {
  color: #52B210;
}
.ele_ui.layer-comment .student-list .student-item.active {
  background: #52B210;
}
.ele_ui.layer-comment .student-list .student-item.active strong {
  color: #fff;
}
.ele_ui.layer-comment .tab-box {
  height: 59px;
}
.ele_ui.layer-comment .tab-text .tab--button {
  color: #999;
  font-size: 18px;
  font-weight: 700;
}
.ele_ui.layer-comment .tab-text .tab--button.active {
  color: #52B210;
  font-weight: 800;
}
.ele_ui.layer-comment .tab-text .tab--button:hover {
  color: #52B210;
}
.ele_ui.layer-comment .tab-text .tab--button.active:hover {
  color: #52B210;
}
.ele_ui.layer-comment .btn-copy:hover {
  color: #52B210;
}
.ele_ui.layer-comment .btn-copy:hover::before {
  background-image: url(../images/elementary/icon/ico-text-copy-green.svg);
}