## { --bottom-fixed-height: 0; } ##:not([data-not-assigned=""]) { --bottom-fixed-height: 56px; } ##:not([data-not-assigned=""]):not(:has(> .bottomBlock > .bottomSlide > .slideToggleBar[data-after-indicator-upper="1"])) { touch-action: none; } ## > .unassignedStudents { } ## > .unassignedStudents > ul.unassignedStudentsList { } ## > .unassignedStudents > ul.unassignedStudentsList > li { } ## > .unassignedStudents > ul.unassignedStudentsList > li.class_student_item { } ## > .unassignedStudents > ul.unassignedStudentsList > li.class_student_item > button { } li.class_student_draggable { position: relative; display: flex; flex-flow: column nowrap; padding: var(--basic-ui-inset-v-half) var(--basic-ui-inset-h); row-gap: var(--basic-ui-inset-v-quarter); } li.class_student_draggable.ghost-element { width: calc(100vw - var(--left-pad) - var(--right-pad)); } li.class_student_draggable[data-dragging="1"] { } li.class_student_draggable::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; height: 100%; max-height: -moz-available; max-height: -webkit-fill-available; max-height: stretch; aspect-ratio: 1; background-image: var(--svg-drag-handle); background-position: center; background-size: 42px; background-repeat: no-repeat; filter: contrast(0) brightness(0.5); } li.class_student_draggable > .class_name { color: var(--color-text-dark); } li.class_student_draggable > .student_name { color: var(--color-text-light); } @media all and (min-height: 700px) and (min-width: 740px) { li.class_student_draggable.ghost-element { width: var(--on-screen-limit-width); } } ## > .bottomBlock { --toggle-bar-height: var(--bottom-fixed-height); position: fixed; z-index: 20; bottom: var(--bottom-pad); left: 0; right: 0; max-height: calc(100vh - var(--top-pad) - var(--bottom-pad)); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); transition-timing-function: ease; transition-duration: 0.8s; will-change: auto; } ## > .bottomBlock:has(> .bottomSlide > .slideToggleBar[data-after-indicator-upper="1"]) { max-height: var(--toggle-bar-height); } ##[data-unassigned=""] > .bottomBlock { display: none; } ## > .bottomBlock > .bottomSlide { display: flex; flex-flow: column nowrap; max-height: calc(100vh - var(--top-pad) - var(--bottom-pad)); margin: auto; } ## > .bottomBlock > .bottomSlide > .slideToggleBar { display: flex; flex-flow: row nowrap; height: var(--toggle-bar-height); padding: 0 var(--basic-ui-inset-h); border-top-left-radius: 12px; border-top-right-radius: 12px; justify-content: space-between; align-items: center; background-color: var(--color-mango-red-vivid); } ## > .bottomBlock > .bottomSlide > .slideToggleBar::after { filter: brightness(2); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock { --action-block-height: 76px; --top-fixed-height: 0; --bottom-fixed-height: calc(var(--action-block-height) - var(--bottom-pad)); --max-height: calc(100vh - var(--top-pad) - 56px - var(--bottom-pad)); display: flex; flex-flow: column nowrap; height: max-content; max-height: var(--max-height); flex-shrink: 1; background-color: var(--color-mango-red-vivid-dark); overflow: hidden; transition-timing-function: ease; transition-duration: 0.8s; will-change: auto; } ## > .bottomBlock > .bottomSlide:has(> .slideToggleBar[data-after-indicator-upper="1"]) > .childClassesAssignerBlock { max-height: 0; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner { position: relative; display: flex; flex-flow: column nowrap; max-height: var(--max-height); flex-shrink: 1; background-color: rgb(var(--cbbr) / 66.666%); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists { position: relative; display: flex; flex-flow: column nowrap; flex-shrink: 1; padding: var(--basic-ui-inset-v) var(--right-pad) var(--action-block-height) var(--left-pad); row-gap: var(--basic-ui-inset-v); overflow: clip auto; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) { display: flex; flex-flow: column nowrap; row-gap: var(--basic-ui-inset-v-half); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]):empty { display: none; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div::before { margin: 0 var(--basic-ui-inset-h); color: var(--color-text-lighter); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul { display: flex; flex-flow: column nowrap; list-style: none; min-height: 77px; margin: 0; padding: 0; overflow: hidden; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]).unassigningChildren > ul { min-height: 58px; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul[data-highlight="1"] { background-color: rgb(var(--cbbr) / 33.333%); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul::before { margin: 0 var(--basic-ui-inset-h); color: var(--color-text-darker); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul > li.class_student_draggable { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul > li.class_student_draggable[data-dragging="1"] { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul > li.class_student_draggable::after { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul > li.class_student_draggable > .class_name { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div:not([scroller-pad]) > ul > li.class_student_draggable > .student_name { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > [scroller-pad="top"] { top: var(--toggle-bar-height); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > [scroller-pad="bottom"] { bottom: var(--action-block-height); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists:not([data-dragging]) > [scroller-pad] { z-index: -1; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .actions { position: absolute; display: flex; flex-flow: row nowrap; bottom: 0; left: 0; right: 0; padding: var(--basic-ui-inset-v) var(--basic-ui-inset-h); padding-left: calc(var(--basic-ui-inset-h) + var(--left-pad)); padding-right: calc(var(--basic-ui-inset-h) + var(--right-pad)); column-gap: var(--basic-ui-inset-h-half); backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .actions > button { width: 0%; flex-grow: 1; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .actions > button.reset { width: 35%; --bg-color: var(--color-boundary-lighter); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .actions > button.submit { width: 65%; } @media all and (min-height: 700px) and (min-width: 740px) { ## > .bottomBlock > .bottomSlide { max-width: var(--on-screen-limit-width); } }
새로운 망고에듀 학원 수강 정보가 있어요 빠르게 학생 프로필을 생성하고 학원을 추가할 수 있어요
      는 쓸 수 없어요
      한글 또는 영문
      으로
      2자리 이상
      나는 이 아이의
      이 아이는 나의
      ## { --bottom-fixed-height: 78px; }

      • |year|

          • |grade| |className| |seq|
      ## { --bottom-fixed-height: 84px; } ## > .registered_class_list > li > .class_item { padding: 8px 0; } ## > .registered_class_list > li > .class_item > .child_class > h4 { margin-bottom: 2px; } ## > .registered_class_list > li[data-sbcid=""] > .class_item > .child_class > h4::before { content: "🏛️ "; } ## > .registered_class_list > li:not([data-sbcid=""]) > .class_item > .child_class > h4::before { content: "🥭 "; }
      ## { --month-selector-bar-height: 40px; --filter-asset-height: 134px; --bottom-sub-block-height: 40px; --bottom-sub-block-max-height: 84px; --bottom-sub-block-appear-height: var(--bottom-sub-block-max-height); --top-block-height: 239px; --bottom-block-height: 56px; --top-fixed-height: var(--top-block-height); --bottom-fixed-height: calc(var(--bottom-block-height) + var(--bottom-sub-block-appear-height)); } ##:not([data-show-navigation-ui="1"]) { --bottom-sub-block-appear-height: 0px; } @media all and (min-width: 740px) { ## { --bottom-sub-block-appear-height: 0px; } } ## > .topBlock { position: fixed; z-index: 20; top: var(--top-pad); left: 0; right: 0; margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > * { padding-inline: var(--left-pad) var(--right-pad); } ##[data-collapse-filter="1"] { --top-fixed-height: calc(var(--top-block-height) - var(--filter-asset-height)); } ##[data-collapse-filter="1"] > .topBlock > .filterAsset { display: none; } ## > .topBlock > .scheduleOriginSelectorArea { padding: 12px 0 20px; overflow-x: auto; scrollbar-width: thin; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector { --button-pad: 4px 8px 0; --icon-size: 60px; --text-margin: 4px 0 0; --line-height: 1.625rem; width: max-content; min-width: calc(100vw - 64px - var(--left-pad) - var(--right-pad)); padding-inline: 32px; justify-content: space-around; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo { position: relative; overflow: visible; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div { position: absolute; display: inline-block; width: fit-content; height: fit-content; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div > span { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div.color { top: 0; left: 0; width: 6px; aspect-ratio: 1; border-radius: 100%; background-color: var(--schedule-color); } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div.selected { top: 0; right: 0; filter: drop-shadow(0 0 1px var(--color-boundary-bright)) drop-shadow(0 0 1px var(--color-boundary-bright)) drop-shadow(0 0 1px var(--color-boundary-bright)) drop-shadow(0 0 1px var(--color-boundary-bright)) drop-shadow(0 0 1px var(--color-boundary-bright)); } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div.selected > div { width: 17px; height: 13px; background-color: var(--schedule-color); mask-image: var(--svg-icon-check-empty); mask-size: contain; mask-position: center; mask-repeat: no-repeat; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button[data-selected="1"] > div.item_logo > div.selected > div { mask-image: var(--svg-icon-check); } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_logo > div.badge { bottom: 0; right: 0; height: 18px; border-radius: 18px; color: var(--color-text-inverse); font-size: 0.75rem; line-height: 18px; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button > div.item_name { color: var(--color-text-lightness); } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item > button[data-selected="1"] > div.item_name { color: var(--color-text-darker); font-weight: 500; } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item:not(.wholeSelection) > button > div.item_logo { --bg-color: var(--color-boundary-brighty); } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item.wholeSelection > button > div.item_logo { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item.mySchedules > button > div.item_logo { } ## > .topBlock > .scheduleOriginSelectorArea > ul.scheduleOriginSelector > li.list_item.childSchedule > button > div.item_logo { } ## > .topBlock > .month_selector_bar { --bar-height: var(--month-selector-bar-height); width: -moz-available; width: -webkit-fill-available; width: stretch; margin-top: 12px; } ## > .topBlock > .month_selector_bar > .bar_side { } ## > .topBlock > .month_selector_bar > .bar_side.left_side { } ## > .topBlock > .month_selector_bar > .bar_side.left_side > button.selector { } ## > .topBlock > .month_selector_bar > .bar_side.left_side > button.selector > span.current { width: 74px; text-align: left; } ## > .topBlock > .month_selector_bar > .bar_side.left_side > button.scaleToggle { aspect-ratio: 1; padding: 0; background-image: var(--svg-icon-monthly-view); background-position: center; background-repeat: no-repeat; } ## > .topBlock > .month_selector_bar > .bar_side.right_side { } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prev::after { content: "이전달"; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.next::before { content: "다음달"; } ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.right_side > button.prev { display: none; } ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.right_side > button.next { display: none; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prevAdaptive::before { content: ''; display: inline-block; width: 10px; height: 16px; margin-right: 0.5em; background-image: var(--svg-prev); background-size: contain; background-position: center; background-repeat: no-repeat; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prevAdaptive::after { content: "이전"; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.nextAdaptive::before { content: "다음"; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.nextAdaptive::after { content: ''; display: inline-block; width: 10px; height: 16px; margin-left: 0.5em; background-image: var(--svg-next); background-size: contain; background-position: center; background-repeat: no-repeat; } ##[data-show-navigation-ui="1"] > .topBlock > .month_selector_bar > .bar_side.right_side > button.prevAdaptive { display: none; } ##[data-show-navigation-ui="1"] > .topBlock > .month_selector_bar > .bar_side.right_side > button.nextAdaptive { display: none; } @media all and (min-width: 372px) { ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.today { margin-right: 8px; } } @media all and (max-width: 440px) { ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prev::after { content: "전달"; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.next::before { content: "내달"; } } @media all and (max-width: 396px) { ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prev::after { content: ""; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.next::before { content: ""; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.prevAdaptive::after { content: ""; } ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.nextAdaptive::before { content: ""; } } @media all and (not (min-width: 740px)) { ## > .topBlock > .month_selector_bar > .bar_side.subBlockHolder { display: none; }; } ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.subBlockHolder { display: none; } ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.right_side > button.today { display: none; } /* ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.right_side > button.prev { display: none; } ##:not([data-show-navigation-ui="1"]) > .topBlock > .month_selector_bar > .bar_side.right_side > button.next { display: none; } */ ## > .dynamic_section_block > .block_item > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure { --color-label-holiday: #F1736C; } ## > .dynamic_section_block > .block_item[data-id="calendar"] { container-name: main-cal-block; container-type: size; } ## > .dynamic_section_block > .block_item[data-id="calendar"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled { min-width: 16px; min-height: 16px; } ## > .dynamic_section_block > .block_item[data-id="calendar"] > .dedicated_calendar > .calendar_block > .micro_calendar[data-collapsed="1"] > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled { padding-bottom: 10px; } ## > .dynamic_section_block > .block_item[data-id="calendar"] > .dedicated_calendar > .calendar_block > .micro_calendar:not([data-collapsed="1"]) > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled { min-height: 26px; } ##[data-show-navigation-ui="1"] > .dynamic_section_block > .block_item[data-id="calendar"] > .dedicated_calendar > .info_day_selected { display: none; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days { } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day { } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day:nth-child(odd) { --bg-color: #FAFAFA; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled { flex-grow: 1; padding-bottom: 2px; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul { height: 100%; max-height: -moz-available; max-height: -webkit-fill-available; max-height: stretch; row-gap: 0; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul:has(> li.placeholder) { justify-content: center; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li { display: flex; flex-flow: row nowrap; padding: 0 4px; justify-content: center; align-items: center; background-color: transparent; color: var(--color-text-lighten); font-size: 0.75rem; text-align: left; line-height: 1.125rem; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li > span { } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li > span.foodName { flex-shrink: 1; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li[data-allergy]:not([data-allergy=""]) > span.foodName { color: var(--color-mango-red-dark); } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li > span.allergy { flex-shrink: 0; font-size: 0.5rem; translate: 2px 0; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dedicated_calendar > .calendar_block > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled > ul > li.placeholder { text-align: center; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock { } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions { display: flex; flex-flow: row wrap; margin-top: var(--basic-ui-inset-v-half); row-gap: var(--basic-ui-inset-v); justify-content: space-between; align-items: center; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label { display: flex; flex-flow: row nowrap; width: 0; min-width: fit-content; flex-grow: 1; column-gap: var(--basic-ui-inset-half); justify-content: space-between; align-items: center; font-size: 0.875rem; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label > .toggle_switch_checkbox { --height: 1.5em; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label::before { font-weight: 200; } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label.allergy::before { color: var(--color-mango-red-dark); } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label.nutrition::before { color: var(--color-mango-yellow-vivid-dark); } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label.origins::before { color: var(--color-mango-green-vivid-dark); } ## > .dynamic_section_block > .block_item[data-id="mealplan"] > .dailyMealPlanBlock > .dailyDetailOptions > label.wholeToggle::before { color: var(--color-text-darker); font-weight: 400; } ## > .dynamic_section_block > .block_item[data-id="timetable"] { } ##:not([data-show-navigation-ui="1"]) > .dynamic_section_block > .block_item[data-id="timetable"] > .schoolClassIndicator { display: none; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar { margin-top: var(--basic-ui-inset); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .week_label { width: 34px; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects { display: flex; flex-flow: column nowrap; justify-content: center; align-items: stretch; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul { display: flex; flex-flow: column nowrap; list-style: none; margin: 0; padding: 0; justify-content: center; align-items: stretch; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul > li { display: flex; flex-flow: column nowrap; height: 40px; justify-content: center; align-items: center; word-break: keep-all; overflow-wrap: anywhere; text-align: center; overflow: hidden; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul > li > span { transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul > li:hover { z-index: 1; overflow-wrap: normal; overflow: visible; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul > li:hover > span { padding: var(--basic-ui-inset-h-quarter) var(--basic-ui-inset-v-quarter); background-color: var(--bg-color); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure .subjects > ul > li:not(:last-child) { border-bottom: solid 1px var(--color-boundary-highlight); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .week_label { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; font-size: 0.75rem; line-height: 0.875rem; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .days_holder { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .days_holder > .days { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .days_holder > .days > .day { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .days_holder > .days > .day > .label { display: flex; flex-flow: column nowrap; width: 24px; aspect-ratio: 1; border-radius: 100%; justify-content: center; align-items: center; transition-timing-function: ease; transition-duration: 0.2s; will-change: auto; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects > .days_holder > .days > .day[data-selected="1"] > .label { background-color: var(--color-boundary-darker); color: var(--color-text-inverse); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects.date_indicator { height: unset; margin-bottom: -6px; border-bottom: unset; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects.date_indicator > .days_holder.date_holder { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects.date_indicator > .days_holder.date_holder > .days { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects.date_indicator > .days_holder.date_holder > .days > .day { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .days_subjects.date_indicator > .days_holder.date_holder > .days > .day > .label { aspect-ratio: unset; font-weight: 300; line-height: 0.875rem; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks { font-size: 0.75rem; line-height: 0.875rem; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .week_label { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days { } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day { align-items: stretch; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day:nth-child(odd) { --bg-color: var(--common-bg-color); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day:nth-child(even) { --bg-color: #FAFAFA; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock { margin-top: 24px; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable { display: flex; flex-flow: column nowrap; list-style: none; margin: 0; padding: 0; row-gap: var(--basic-ui-inset-v-half); align-items: stretch; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li { padding: 0 var(--basic-ui-inset-h); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li > .classSubject { --height: 32px; display: flex; flex-flow: row nowrap; height: var(--height); column-gap: var(--basic-ui-inset-h-half); border: solid 1px var(--color-boundary-o7); border-radius: 32px; lign-items: stretch; font-size: 0.875rem; line-height: 1em; overflow: hidden; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li > .classSubject > div { display: flex; flex-flow: column nowrap; flex-grow: 0; flex-shrink: 0; justify-content: center; align-items: center; text-align: center; word-break: keep-all; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li > .classSubject > div.sequence { width: 60px; border-radius: 12px; background-color: #A0A0A0; color: #FFF; } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li > .classSubject > div.subject { width: 160px; color: var(--color-text-lighten); } ## > .dynamic_section_block > .block_item[data-id="timetable"] > .dailyTimeTableBlock > ul.dailyTimeTable > li > .classSubject > div.place { flex-grow: 1; flex-shrink: 1; color: var(--color-text-pale); } ## > .dynamic_section_block > .block_item > .localSubOriginBlock { } ##[data-show-navigation-ui="1"] > .dynamic_section_block > .block_item > .localSubOriginBlock { display: none; } ## > .dynamic_section_block > .block_item > .localSubOriginBlock .children_origin { display: none; } ## .sub_origins { --bar-height: 40px; flex-wrap: wrap; height: auto; min-height: var(--bar-height); row-gap: var(--basic-ui-inset-v-quarter); } ## .sub_origins > .bar_side { flex-grow: 1; flex-shrink: 0; } ## .sub_origins > .bar_side.left_side { justify-content: flex-start; } ## .sub_origins > .bar_side.right_side { justify-content: flex-end; } ## .sub_origins > .bar_side.center_side { justify-content: center; } ## .sub_origins > .bar_side button { flex-shrink: 0; } ## .sub_origins > .bar_side button.selector { } ## .sub_origins > .bar_side button.selector > span { } ## .sub_origins > .bar_side button.selector > span.school_origin { } ## .sub_origins > .bar_side button.selector > span.children_origin { font-weight: 300; } ## .sub_origins > .bar_side button.selector > span.children_origin > span { font-size: 12px; vertical-align: bottom; } ## .sub_origins > .float_selections { } ## .sub_origins > .float_selections ul { } ## .sub_origins > .float_selections ul > li { } ## .sub_origins > .float_selections ul > li > button { } ## .sub_origins > .float_selections ul > li > button > span { } ## .sub_origins > .float_selections ul > li > button > span.school_origin { } ## .sub_origins > .float_selections ul > li > button > span.children_origin { font-weight: 200; } ## .sub_origins > .float_selections ul > li > button > span.children_origin > span { font-size: 12px; vertical-align: bottom; } ## .sub_origins > .float_selections ul > li[data-selected="1"] > button > span.children_origin { font-weight: 300; } ## .grade_class_selection { --bar-height: 40px; } ## .grade_class_selection > { } ## .grade_class_selection > .bar_side { flex-grow: 1; flex-shrink: 0; } ## .grade_class_selection > .bar_side.left_side { justify-content: flex-start; } ## .grade_class_selection > .bar_side.right_side { justify-content: flex-end; } ## .grade_class_selection > .bar_side.center_side { justify-content: center; } ## .grade_class_selection > .bar_side button { flex-shrink: 0; } ## .grade_class_selection > .bar_side button.selector { } ## .grade_class_selection > .bar_side button.selector > span { } ## .grade_class_selection > .bar_side button.selector > span.grade_class_origin { } ## .grade_class_selection > .bar_side button.selector > span.grade_class_origin:has(> span.school_class:empty) { display: none; } ## .grade_class_selection > .bar_side button.selector > span.children_origin { font-weight: 300; } ## .grade_class_selection > .bar_side button.selector > span.children_origin > span { font-size: 12px; vertical-align: bottom; } ## .grade_class_selection > .float_selections { } ## .grade_class_selection > .float_selections ul { } ## .grade_class_selection > .float_selections ul > li { } ## .grade_class_selection > .float_selections ul > li > button { } ## .grade_class_selection > .float_selections ul > li > button > span { } ## .grade_class_selection > .float_selections ul > li > button > span.grade_class_origin { } ## .grade_class_selection > .float_selections ul > li > button > span.children_origin { font-weight: 200; } ## .grade_class_selection > .float_selections ul > li > button > span.children_origin > span { font-size: 12px; vertical-align: bottom; } ## .grade_class_selection > .float_selections ul > li[data-selected="1"] > button > span.children_origin { font-weight: 300; } ## .meal_time_selections > button.meal_time_selection { padding: 0 var(--basic-ui-inset-h-half); } ## .meal_time_selections > button.meal_time_selection[data-selected="1"] { font-weight: 500; } ## > .bottomSubBlock { position: fixed; display: none; z-index: 20; bottom: calc(var(--bottom-pad) + var(--bottom-block-height)); left: 0; right: 0; height: fit-content; max-height: var(--bottom-sub-block-max-height); margin: auto; background-color: rgb(var(--cwht) / 66.666%); backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .bottomSubBlock > * { padding-inline: var(--left-pad) var(--right-pad); } @media all and (not (min-width: 740px)) { ##[data-show-navigation-ui="1"][data-showing-mealplan="1"] > .bottomSubBlock { display: block; } ##[data-show-navigation-ui="1"][data-showing-timetable="1"] > .bottomSubBlock { display: block; } ##[data-showing-mealplan="1"] > .bottomSubBlock > .sub_origins > .grade_class_selection { display: none; } ##[data-showing-timetable="1"] > .bottomSubBlock > .sub_origins > .meal_time_selections { display: none; } } ## > .bottomSubBlock > .sub_origins { } ## > .bottomSubBlock > .sub_origins > .meal_time_selections { padding-right: var(--basic-ui-inset-h-half); } ## > .bottomBlock { position: fixed; z-index: 20; bottom: var(--bottom-pad); left: 0; right: 0; height: var(--bottom-block-height); margin: auto; background-color: rgb(var(--cwht) / 66.666%); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ##:not([data-show-navigation-ui="1"]) > .bottomBlock { display: none; } ## > .bottomBlock > * { padding-inline: var(--left-pad) var(--right-pad); } ## .info_day_selected { } ## .info_day_selected .date_info { padding: var(--basic-ui-inset-v-half) 0; } ## .info_day_selected .date_info > .day_relative { } ## .info_day_selected .date_info > .day_absolute { } ## .info_day_selected .date_info > .day_absolute > .date_solar { min-width: 124px; } ## .info_day_selected .date_info > .day_absolute > .date_solar > .date { } ## .info_day_selected .date_info > .day_absolute > .date_solar > .day { } ## .info_day_selected .date_info > .day_absolute > .date_lunar { } ## .info_day_selected .date_info > .day_absolute > .date_lunar > .label { } ## .info_day_selected .date_info > .day_absolute > .date_lunar > .date { } ## .info_day_selected .daily_navigation { } ## .info_day_selected .daily_navigation > button { display: flex; flex-flow: column nowrap; align-self: stretch; padding: 0 8px; row-gap: 4px; justify-content: center; align-items: center; } ## .info_day_selected .daily_navigation > button > span { padding: 0; } ## .info_day_selected .daily_navigation > button:disabled { opacity: 0.3; } ## .info_day_selected .daily_navigation > button.prev { } ## .info_day_selected .daily_navigation > button.prev::before { content: ''; display: inline-block; width: 10px; height: 16px; background-image: var(--svg-prev); background-size: contain; background-position: center; background-repeat: no-repeat; } ## .info_day_selected .daily_navigation > button.prev::after { content: '이전날'; } ## .info_day_selected .daily_navigation > button.next { } ## .info_day_selected .daily_navigation > button.next::before { content: ''; display: inline-block; width: 10px; height: 16px; background-image: var(--svg-next); background-size: contain; background-position: center; background-repeat: no-repeat; } ## .info_day_selected .daily_navigation > button.next::after { content: '다음날'; } ## .info_day_selected .weekfloor_navigation { } ## .info_day_selected .weekfloor_navigation > button { display: flex; flex-flow: column nowrap; align-self: stretch; padding: 0 8px; justify-content: center; align-items: center; } ## .info_day_selected .weekfloor_navigation > button > span { padding: 0; } ## .info_day_selected .weekfloor_navigation > button:disabled { opacity: 0.3; } ## .info_day_selected .weekfloor_navigation > button.upper { } ## .info_day_selected .weekfloor_navigation > button.upper::before { content: ''; display: inline-block; width: 16px; height: 10px; margin-bottom: 0.25em; background-image: var(--svg-upper); background-size: contain; background-position: center; background-repeat: no-repeat; } ## .info_day_selected .weekfloor_navigation > button.upper::after { content: '이전주'; } ## .info_day_selected .weekfloor_navigation > button.lower { } ## .info_day_selected .weekfloor_navigation > button.lower::before { content: '다음주'; } ## .info_day_selected .weekfloor_navigation > button.lower::after { content: ''; display: inline-block; width: 16px; height: 10px; margin-top: 0.25em; background-image: var(--svg-lower); background-size: contain; background-position: center; background-repeat: no-repeat; } @media all and (max-width: 440px) { ## .info_day_selected .daily_navigation > button.prev::after { content: '이전'; } ## .info_day_selected .daily_navigation > button.next::after { content: '다음'; } ## .info_day_selected .weekfloor_navigation > button.upper::after { content: '주'; } ## .info_day_selected .weekfloor_navigation > button.lower::before { content: '주'; } @media all and (max-width: 380px) { ## .info_day_selected .daily_navigation > button.prev::after { content: '일'; } ## .info_day_selected .daily_navigation > button.next::after { content: '일'; } } } ## .info_day_selected > .subBlockHolder { display: flex; flex-flow: row nowrap; align-items: stretch; } ## .info_day_selected > .subBlockHolder > .custom_selector_bar { height: auto; column-gap: var(--basic-ui-inset-h); row-gap: 0; } ## .info_day_selected > .subBlockHolder > .custom_selector_bar > .bar_side { min-height: unset; max-height: unset; } ## .info_day_selected > .subBlockHolder > .custom_selector_bar > .bar_side > button { min-height: unset; max-height: unset; } @media all and (min-width: 740px) { ## .info_day_selected { column-gap: var(--basic-ui-inset-h-half); align-items: stretch; } } @media all and (not (min-width: 740px)) { ## .info_day_selected > .subBlockHolder { display: none; } }
          캘린더
          급식
          시간표
                        오늘
                        20??.??.??. ?
                        음력 ?.??
                        • 아무 날 내 일정
                          회사
                          20???????점심
                          오늘
                          • |foodName|
                            • |category|
                          총 ??? Kcal
                          • |nutrient||valueAndUnit|
                          • |origin||country|
                          20??.??.?? 업데이트
                              ????학교
                              ? ?
                              교시
                              • 1
                              • 2
                              • 3
                              • 4
                              • 5
                              • 6
                              • 7
                                            20??.??.??.
                                            ?
                                            • |seq|
                                              |subject|
                                              |place|
                                            20??.??.?? 업데이트
                                                오늘
                                                20??.??.??. ?
                                                음력 ?.??
                                                  ## { } ## .flow_block.with_mango_rex > div > .content_place > * > label { color: var(--color-text); font-size: 1rem; line-height: 1.25rem; } ## span.childrenCount, ## span.classCount, ## span.schoolCount { color: var(--color-mango-green-dark); font-weight: 600; }
                                                  ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule { --radius: 12px; --color: var(--color-text-inverse); --bg-color: var(--color-boundary-lightish); --font-size: 1rem; --height: 1.1em; padding: 6px 12px 8px; } ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule[data-category="holiday"] { --bg-color: #ED8063; } ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule[data-category="vacation"] { --bg-color: #24ACF4; } ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule[data-category="closed"] { --bg-color: #777; } ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule[data-category="ceremony"] { --bg-color: #F7B500; } ## > .schoolsTodays > div > ul.schoolSchedules > li.scheduleItem > .text_capsule[data-category="exam"] { --bg-color: #FF962E; }

                                                  오늘의 학교

                                                  학사일정

                                                  • |schoolName| |schoolGrade|
                                                    |content|
                                                  학교 세상
                                                  ## { --search-bar-height: 44px; --list-bar-height: 48px; --top-fixed-height: calc(var(--search-bar-height) + var(--list-bar-height)); } ## > .topBlock { position: fixed; z-index: 1; top: var(--top-pad); left: 0; right: 0; max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > .searchBar > #searchSchoolEnter { --height: var(--search-bar-height); --border-color: var(--color-boundary-o20); --radius: var(--height); --placeholder-color: var(--color-text-lightest); } ## > .topBlock > .listBar { height: var(--list-bar-height); border-bottom: solid 1px var(--color-boundary-lightest); } ## > ul.searchResult { margin-top: calc(var(--top-safe-pad) + var(--top-fixed-height)); } ## > ul.searchResult > hr { margin: 0 var(--basic-ui-inset-h); } ## > ul.searchResult > li { } ## > ul.searchResult > li > button.schoolSelectable { min-height: 5rem; } ## > ul.searchResult > li > button.schoolSelectable > .schoolItem { } ## > ul.searchResult > li > button.schoolSelectable > .schoolItem .schoolPpd { --border-color: var(--color-boundary-darker); --color: var(--color-text-lighten); --font-size: 0.625rem; --height: 1rem; } ## > ul.searchResult > li > button.schoolSelectable > .schoolItem .schoolName { word-break: keep-all; }
                                                  한글(초성제외)/영어
                                                  로
                                                  2글자 이상
                                                  전체 0개
                                                  ## { --top-fixed-height: calc(1px + 12px); } ## > .topBlock { position: fixed; z-index: 1; top: var(--top-pad); left: 0; right: 0; max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > hr { margin-top: 12px; background-color: var(--color-boundary-lightest); } ## > ul.followingSchools { margin-top: var(--top-fixed-height); padding: 0 0 var(--bottom-pad); } ## > ul.followingSchools > hr { margin: 0 var(--basic-ui-inset-h); } ## > ul.followingSchools > li { } ## > ul.followingSchools > li > button.schoolSelectable { min-height: 5rem; } ## > ul.followingSchools[data-edit="1"] > li > button.schoolSelectable { --flow-bg-color: transparent; } ## > ul.followingSchools[data-edit="1"] > li > button.schoolSelectable::after { content: '삭제'; width: fit-content; background-image: none; color: var(--color-text-lightness); font-size: 0.875rem; } ## > ul.followingSchools > li > button.schoolSelectable > .schoolItem { } ## > ul.followingSchools > li > button.schoolSelectable > .schoolItem .schoolPpd { --border-color: var(--color-boundary-darker); --color: var(--color-text-lighten); --font-size: 0.625rem; --height: 1rem; } ## > ul.followingSchools > li > button.schoolSelectable > .schoolItem .schoolName { word-break: keep-all; }
                                                  맞춤
                                                  1개월
                                                  최신순
                                                  2024.12.24 화  09:15 인천부광초등학교

                                                  <인천부광초등학교 공고 제 2024 - 42호>


                                                  2025학년도 늘품꿈터 봉사자 위촉 공고


                                                   인천부광초등학교 늘품끔터 봉사자를 다음과 같이 위촉하고자 하고니, 관심 있는 분들의 많은 지원 바랍니다.

                                                  1. 위촉부문 및 인원: 늘품꿈터 봉사자, 1명

                                                  2. 자격
                                                   가. 학생 교육활동과 관련된 경험이 품부한 자 우대
                                                   나. 학생 관리게 결격사유가 없는 자(성격, 인성, 전과 기록, 건강 등)
                                                   다. 돌폼교실 운영 전반에 대한 이해도가 높으며, 성실하게 활동할 수 있는 자
                                                   라. 봉사 위촉 기간 중 공백 없이 활동할 수 있는 자

                                                  3. 활동기간 및 시간
                                                   가. 활동 기간: 2025년 3월 ~ 2026년 2월까지 (학사일정에 따라 변동 가능)
                                                   나. 활동시간: 13:00 ~ 16:00 (3시간)
                                                    - 방학 중에도 수요에 따라 활동 가능
                                                    ※ 위촉 기간 및 근무 시간은 학생 수요 및 학교 사정에 따라 변경될 수 있음

                                                  4. 주요 활동 내용
                                                  .
                                                  .
                                                  .

                                                  ## { } ## > button.linkClassStudents { --flow-bg-color: rgb(var(--cbbr) / 60%); background-color: var(--color-mango-yellow-vivid); } ## .flow_block.with_mango_rex > div > .content_place > * > label { color: var(--color-text); font-size: 1rem; line-height: 1.25rem; } ## span.childrenCount, ## span.classCount, ## span.schoolCount { color: var(--color-mango-green-dark); font-weight: 600; }
                                                  ## > .h_linear_block > ul.icon_list { container-name: class-home-shortcut-icon-list; container-type: inline-size; flex-wrap: wrap; } @container class-home-shortcut-icon-list (max-width: 632px) { ## > .h_linear_block > ul.icon_list > li.list_item { flex-basis: 22%; } }
                                                  ## > ul.attendances > li > button { min-height: 36px; padding-top: 10px; } ## > ul.attendances > li > button > .noti_preview { text-wrap-style: balance; } ## > ul.attendances > li > button > .noti_preview > .today_text { color: var(--color-point-sub); }

                                                  출석알림

                                                  소식알림

                                                  게시판

                                                  학원 세상
                                                  학원 검색
                                                  관심학원
                                                  학원 홈
                                                  ## { --month-selector-bar-height: 40px; --source-filter-bar-height: 32px; --top-block-height: calc(var(--month-selector-bar-height) + var(--source-filter-bar-height)); --top-fixed-height: calc(var(--top-block-height) + 1px + var(--basic-ui-inset-v-half)); } ## > .topBlock { position: fixed; display: flex; flex-flow: column nowrap; z-index: 1; top: 0; left: 0; right: 0; max-width: var(--screen-limit-width); margin: auto; padding-top: var(--top-safe-pad); backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > .month_selector_bar { } ## > .topBlock > .month_selector_bar button.selector { padding-right: var(--basic-ui-inset-h-half); } ## > .topBlock > .source_filter_bar { --height: var(--source-filter-bar-height); position: relative; display: flex; flex-flow: row norwap; height: var(--height); box-sizing: border-box; padding: var(--basic-ui-inset-v-quarter) var(--basic-ui-inset-h); gap: var(--basic-ui-inset-h-half); align-items: stretch; } ## > .topBlock > .source_filter_bar > label { display: inline-flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 0 var(--basic-ui-inset-h); border: solid 1px var(--color-boundary-light); border-radius: var(--height); color: var(--color-text-darker); font-size: 0.875rem; line-height: 1em; transition-timing-function: ease; transition-duration: 0.3s; } ## > .topBlock > .source_filter_bar > label:has(> input:checked) { border-color: var(--color-point); } ## > .topBlock > .source_filter_bar > label > input { position: absolute; width: 0; height: 0; padding: 0; opacity: 0; } ## > ul.notices { display: flex; flex-flow: column nowrap; margin-top: var(--top-fixed-height); align-items: stretch; } ## > ul.notices > li.pushNotice > button { padding: var(--basic-ui-inset-v) var(--basic-ui-inset-h); } ## > ul.notices > li.pushNotice > button[data-flow-action=""]:after { display: none; } ## > ul.notices > li.pushNotice > button > .noti_block { color: var(--color-text-pale); font-size: 0.875rem; line-height: 1.375rem; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_from { color: var(--color-text); } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_time { font-size: 0.75rem; line-height: 1.25rem; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_title { color: var(--color-text-lighter); } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_by { } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_subject { color: var(--color-text); font-weight: 500; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_content { margin-top: 4px; color: var(--color-text-lighten); white-space: pre-line; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_image { width: -moz-available; width: -webkit-fill-available; width: stretch; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_image > img { width: 100%; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_image:has(> img[src=""]) { display: none; } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_from { color: var(--color-text-darker); } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_time { } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_title { color: var(--color-text-lighten); } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_by { } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_subject { color: var(--color-text-darker); } ## > ul.notices > li.pushNotice > button > .noti_block:not([data-read="1"]) > .noti_content { color: var(--color-text); } ## > ul.notices:not([data-filter-source=""]):not([data-filter-source="push"]) > li.pushNotice { display: none; } ## > ul.notices:not([data-filter-source=""]):not([data-filter-source="push"]) > li.pushNotice+hr { display: none; } ## > ul.notices:not([data-filter-source=""]):not([data-filter-source="board"]) > li.boardNotice { display: none; } ## > ul.notices:not([data-filter-source=""]):not([data-filter-source="board"]) > li.boardNotice+hr { display: none; }
                                                  ## { --month-selector-bar-height: 40px; --top-fixed-height: calc(var(--month-selector-bar-height) + 1px + var(--basic-ui-inset-v-half)); } ## > .topBlock { position: fixed; z-index: 1; top: var(--top-pad); left: 0; right: 0; max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > .month_selector_bar { --bar-height: var(--month-selector-bar-height); width: -moz-available; width: -webkit-fill-available; width: stretch; } ## > .topBlock > .month_selector_bar > .bar_side > button.viewToggle { aspect-ratio: 1; padding: 0; background-image: var(--svg-icon-monthly-view); background-position: center; background-repeat: no-repeat; } ## > .topBlock > hr { margin-top: var(--basic-ui-inset-v-half); background-color: var(--color-boundary-lightest); } ## > .contentBlock { margin-top: var(--top-fixed-height); } ##:not([data-content="monthlyList"]) > .contentBlock.monthlyListView { display: none; } ##:not([data-content="calendar"]) > .contentBlock.calendarView { display: none; } ## > .contentBlock > .dedicated_calendar { } ## > .contentBlock > .dedicated_calendar > .calendar_block { } ## > .contentBlock > .dedicated_calendar > .calendar_block > .micro_calendar { } ## > .contentBlock .micro_calendar { } ## > .contentBlock .micro_calendar > .calendar_structure { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks > .week { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks > .week > .days_holder { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day { } ## > .contentBlock .micro_calendar > .calendar_structure > .weeks > .week > .days_holder > .days > .day > .scheduled { min-height: 4px; margin: 0 0 4px; } ## > .contentBlock .dayIndicator { margin: 24px 0 8px; font-size: 1.125rem; line-height: 1.25rem; } ## > .contentBlock .dayIndicator > .dateSet { color: var(--color-text-darker); font-weight: 600; } ## > .contentBlock .dayIndicator > .dateSet::after { content: '.'; } ## > .contentBlock .dayIndicator > .day { color: var(--color-text-lightness); } ## > .contentBlock ul.dailyAttendLogs { } ## > .contentBlock ul.dailyAttendLogs > hr { margin: var(--basic-ui-inset-v) 0; } ## > .contentBlock .attendLogBlock > .attendTimes > .timestamp { } ## > .contentBlock .attendLogBlock > .attendTimes > .timestamp::before { color: var(--color-text-lighten); } ## > .contentBlock .attendLogBlock > .attendTimes > .timestamp:empty::before { display: none; } ## > .contentBlock .attendLogBlock > .attendTimes:has(> .checkOutTime:empty) > .divider { display: none; } ## > .contentBlock .attendLogBlock > .countedLessonsSummary { } ## > .contentBlock .attendLogBlock > .countedLessonsSummary:has(> .lessonsReserved:empty) { display: none; } ## > .contentBlock .attendLogBlock > .countedLessonsSummary > .lessonsReserved { color: var(--color-text); } ## > .contentBlock .attendLogBlock > .countedLessonsSummary > .attendState { color: var(--color-text-lighten); } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails { } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails > li { } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails > li > .courseName { color: var(--color-text); } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails > li > .lessonCounted { } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails > li > .lessonCounted > .counted { color: var(--color-text-lightness); } ## > .contentBlock .attendLogBlock > ul.countedLessonsDetails > li > .lessonCounted > .appointed { } ## > .contentBlock > .list_area { margin: 0; } ## > .contentBlock > .list_area > ul.attendanceLogs { } ## > .contentBlock > .list_area > ul.attendanceLogs > hr { margin: 0 var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > .contentBlock > .list_area > ul.attendanceLogs > li.attendLogItem { } ## > .contentBlock > .list_area > ul.attendanceLogs > li.attendLogItem > .icon_place { --bg-color: var(--color-mango-green-vivid-light); width: 56px; aspect-ratio: 1; } ## > .contentBlock > .list_area > ul.attendanceLogs > li.attendLogItem > .content_place { margin-left: 24px; }
                                                  20?? ?? ?? ?
                                                  • |childName| |className| |checkInTime| · |checkOutTime| 회차수업 오늘 예정   |lessonsReservedToday| » |attendState|
                                                    • |courseName| |countedTimes| / |appointedTimes|
                                                  • |date| |day|
                                                    |childName| |className| |checkInTime| · |checkOutTime| 회차수업 오늘 예정   |lessonsReservedToday| » |attendState|
                                                    • |courseName| |countedTimes| / |appointedTimes|
                                                  ## { --month-selector-bar-height: 40px; --top-fixed-height: var(--month-selector-bar-height); } ## > .topBlock { position: fixed; z-index: 1; top: var(--top-pad); left: 0; right: 0; max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .topBlock > .month_selector_bar { --bar-height: var(--month-selector-bar-height); width: -moz-available; width: -webkit-fill-available; width: stretch; } ## > .topBlock > .month_selector_bar > .bar_side > button.prevYear { } ## > .topBlock > .month_selector_bar > .bar_side > button.prevYear::before { content: ''; display: inline-block; width: 10px; height: 16px; margin-right: 0.5em; background-image: var(--svg-prev); background-size: contain; background-position: center; background-repeat: no-repeat; } ## > .topBlock > .month_selector_bar > .bar_side > button.nextYear { } ## > .topBlock > .month_selector_bar > .bar_side > button.nextYear::after { content: ''; display: inline-block; width: 10px; height: 16px; margin-left: 0.5em; background-image: var(--svg-next); background-size: contain; background-position: center; background-repeat: no-repeat; } ## > .list_area { margin-top: var(--top-fixed-height); }
                                                  2025
                                                  • 청구서 내역을 불러오는 중입니다
                                                  영수증
                                                  청구월
                                                  학생명
                                                  상호명
                                                  사업자번호
                                                  업종
                                                  업태
                                                  대표자명
                                                  연락처
                                                  주소
                                                  납부합계
                                                  납부내역
                                                  납부내역 상세 조회에 실패했습니다
                                                  결제내역
                                                  결제내역 조회에 실패했습니다
                                                  납부일시
                                                  납부방식
                                                  카드사
                                                  카드번호
                                                  승인번호
                                                  결제금액
                                                  납부상태
                                                  ## { --basic-top-fixed-height: 45px; --search-line-height: 0px; --top-fixed-height: calc(var(--basic-top-fixed-height) + var(--search-line-height)); } ##:not(:has(> .mango_list_handle_rex > .search_line > input[data-value=""]:not(:focus))) { --search-line-height: 44px; } ## > .mango_list_handle_rex { z-index: 1; top: var(--top-pad); max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .mango_list_handle_rex > hr { background-color: var(--color-boundary-lightly); } ## > ul.dailyRecords { --placeholder-margin: 32px 0; --placeholder-color: var(--color-text-pale); --placeholder-font-size: 0.875rem; --indexed-list-margin-v: var(--basic-ui-inset-v); --list-item-pad-h: 0; --divider-margin-v: 0; margin-top: calc(var(--top-fixed-height) + 7px); } ## > ul.dailyRecords > hr { margin-inline: var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > ul.dailyRecords > li.indexed_list { } ## > ul.dailyRecords > li.indexed_list > label { } ## > ul.dailyRecords > li.indexed_list > ul.records { } ## > ul.dailyRecords > li.indexed_list > ul.records > li { } ## > ul.dailyRecords > li.indexed_list > ul.records > li > button { } ## > ul.dailyRecords > li.indexed_list > ul.records > li > button > div { } ## > ul.dailyRecords > li.indexed_list > ul.records > li > button > div > .className { margin-top: 12px; } ## > ul.dailyRecords > li.indexed_list > ul.records > li > hr { margin: var(--basic-ui-inset-v) var(--basic-ui-inset-h); } ## > ul.dailyRecords > li.indexed_list > ul.records > li:last-child > hr { display: none; }
                                                  ## > .article { margin-top: 12px; } ## > .article > hr { width: -moz-available; width: -webkit-fill-available; width: stretch; margin: 24px var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > .article > div { } ## > .article > div.articleHeader { margin: 0 var(--basic-ui-inset-h); } ## > .article > div.articleContent { row-gap: 24px; } ## > .article > div.articleContent p { margin: 0; } ## > .article > div.articleContent > p:empty { display: none; } ## > .article > div.articleContent > div:has(> p:empty) { display: none; }
                                                  2025.04.03.목

                                                  학생이름

                                                  수업명

                                                  학원명

                                                  전달 내용

                                                  학습주제

                                                  학습목표

                                                  수업주요내용

                                                  수업진도내용

                                                  수업과제물

                                                  수업준비물

                                                  ## { --basic-top-fixed-height: 45px; --search-line-height: 0px; --top-fixed-height: calc(var(--basic-top-fixed-height) + var(--search-line-height)); } ##:not(:has(> .mango_list_handle_rex > .search_line > input[data-value=""]:not(:focus))) { --search-line-height: 44px; } ## > .mango_list_handle_rex { z-index: 1; top: var(--top-pad); max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .mango_list_handle_rex > hr { background-color: var(--color-boundary-lightly); } ## > ul.examScores { --placeholder-margin: 32px 0; --placeholder-color: var(--color-text-pale); --placeholder-font-size: 0.875rem; --indexed-list-margin-v: var(--basic-ui-inset-v); --list-item-pad-h: 0; --divider-margin-v: 0; margin-top: calc(var(--top-fixed-height) + 7px); } ## > ul.examScores > hr { margin-inline: var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > ul.examScores > li.indexed_list { } ## > ul.examScores > li.indexed_list > label { } ## > ul.examScores > li.indexed_list > ul.records { } ## > ul.examScores > li.indexed_list > ul.records > li { } ## > ul.examScores > li.indexed_list > ul.records > li > button { } ## > ul.examScores > li.indexed_list > ul.records > li > button > div { } ## > ul.examScores > li.indexed_list > ul.records > li > button > div > .className { margin-top: 12px; } ## > ul.examScores > li.indexed_list > ul.records > li > hr { margin: var(--basic-ui-inset-v) var(--basic-ui-inset-h); } ## > ul.examScores > li.indexed_list > ul.records > li:last-child > hr { display: none; }
                                                  ## > .article { margin-top: 12px; } ## > .article > hr { width: -moz-available; width: -webkit-fill-available; width: stretch; margin: 24px var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > .article > div { margin: 0 var(--basic-ui-inset-h); } ## > .article > div.articleHeader { } ## > .article > div.articleContent { margin-top: 24px; row-gap: 24px; } ## > .article > div.articleContent p { margin: 0; } ## > .article > div.articleContent > p:empty { display: none; } ## > .article > div.articleContent > div:has(> p:empty) { display: none; } ## > .article > div.articleContent > div.reportCards { } ## > .article > div.articleContent > div.reportCards > ul { } ## > .article > div.articleContent > div.reportCards > ul.reportCardTableBlock { } ## > .article > div.articleContent > div.reportCards > ul.reportCardTableBlock > li { min-height: 40px; border-bottom: solid 1px var(--color-boundary-o5); } ## > .article > div.articleContent > div.reportCards > ul.reportCardTableBlock > li > .flexy_fill { padding-inline: var(--basic-ui-inset-h); justify-content: flex-start; background-color: #FAFAFA; } ## > .article > div.articleContent > div.reportCards > ul.reportCardTableBlock > li > :not(.flexy_fill) { min-width: 56px; } ## > .article > div.articleContent > div.reportCards > ul.reportCardItemsHeader { border-top: solid 1px var(--color-boundary-lightly); } ## > .article > div.articleContent > div.reportCards > ul.reportCardItems { } ## > .article > div.articleContent > div.reportCards > ul.reportCardSummary { } ## > .article > div.articleContent > div.reportCards > ul.reportCardSummary > li:last-child { border-bottom: solid 1px var(--color-boundary-lightly); } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult { margin-top: 12px; } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult > li { flex: 1 1 0; } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult > li > div { height: 40px; border-bottom: solid 1px var(--color-boundary-o5); text-align: center; } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult > li > div:first-child { border-top: solid 1px var(--color-boundary-lightly); background-color: #FAFAFA; } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult > li > div:last-child { border-bottom: solid 1px var(--color-boundary-lightly); } ## > .article > div.articleContent > div.reportCards > ul.reportCardResult > li > div.score { color: var(--color-mango-red-dark); } ## > .article > div.articleContent > div.more { margin-top: 24px; }
                                                  2025.04.03.목 시험

                                                  학생이름

                                                  수업명

                                                  시험명 학원명
                                                  성적을 불러오고 있어요

                                                  • 시험과목

                                                    점수

                                                    배점

                                                  • 개 과목 평균
                                                  • 총점
                                                  • 석차
                                                    0
                                                  • 성적등급
                                                    X

                                                  성적의견

                                                  ## { --basic-top-fixed-height: 45px; --search-line-height: 0px; --top-fixed-height: calc(var(--basic-top-fixed-height) + var(--search-line-height)); } ##:not(:has(> .mango_list_handle_rex > .search_line > input[data-value=""]:not(:focus))) { --search-line-height: 44px; } ## > .mango_list_handle_rex { z-index: 1; top: var(--top-pad); max-width: var(--screen-limit-width); margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## > .mango_list_handle_rex > hr { background-color: var(--color-boundary-lightly); } /* ## > ul.lessonCourses { --placeholder-margin: 32px 0; --placeholder-color: var(--color-text-pale); --placeholder-font-size: 0.875rem; --indexed-list-margin-v: var(--basic-ui-inset-v); --list-item-pad-h: 0; --divider-margin-v: 0; margin-top: calc(var(--top-fixed-height) + 7px); row-gap: 32px; } ## > ul.lessonCourses > li.indexed_list { } ## > ul.lessonCourses > li.indexed_list > label { } ## > ul.lessonCourses > li.indexed_list > ul.courses { } ## > ul.lessonCourses > li.indexed_list > ul.courses > hr { margin: var(--basic-ui-inset-v) var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.infoLine { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > .dummy { width: 70px; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek > li { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek > li:first-child { color: var(--color-sunday-vivid); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek > li:last-child { color: var(--color-saturday-vivid); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek > li[data-applicable="1"] { font-weight: 400; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > ul.daysOfWeek > li:not([data-applicable="1"]) { opacity: 0.4; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > .lessonTime { width: 102px; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > .lessonTime > * { flex-shrink: 0; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > .lessonTime:has(> .ends:empty) > .divider { display: none; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.timeLine > .lessonTime:has(> .begins:empty) > * { display: none; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonPeriod { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonPeriod > *:after { color: var(--color-text-lightness); font-weight: 300; letter-spacing: -0.1em; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonPeriod > .lessonBeEnded:empty::after { display: none; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonPeriod:has(> .lessonBeEnded:empty) > .divider { display: none; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonMethod { width: 102px; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonMethod > .lessonTimes:before { font-weight: 300; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > div.dateLine > .lessonMethod > .lessonTimes:after { font-weight: 300; } */ ## > ul.lessonCourses { --placeholder-margin: 32px 0; --placeholder-color: var(--color-text-pale); --placeholder-font-size: 0.875rem; --indexed-list-margin-v: var(--basic-ui-inset-v); --list-item-pad-h: 0; --divider-margin-v: 0; margin-top: calc(var(--top-fixed-height) + 7px); row-gap: 24px; } ## > ul.lessonCourses > li.indexed_list { } ## > ul.lessonCourses > li.indexed_list > label { color: var(--color-text-darker); } ## > ul.lessonCourses > li.indexed_list > ul.courses { font-size: 0.875rem; } ## > ul.lessonCourses > li.indexed_list > ul.courses > hr { margin: var(--basic-ui-inset-v) var(--basic-ui-inset-h); background-color: var(--color-boundary-o5); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > .courseName { color: var(--color-text-darker); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > .className { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul { list-style: disc; margin-top: var(--basic-ui-inset-v-half); padding-inline: var(--basic-ui-inset-h); color: var(--color-text-lightness); line-height: 1.625rem; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li { } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div > .subject { min-width: 64px; flex-shrink: 0; color: var(--color-text); } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div > .divider { flex-shrink: 0; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div > .divider::before { content: '\A0'; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div > .divider::after { content: '\A0'; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li > div > .content { flex-grow: 1; flex-shrink: 1; margin-left: 4px; } ## > ul.lessonCourses > li.indexed_list > ul.courses > li.courseItem > div > ul > li:has(> div > .content:empty) { display: none; }

                                                    • |courseName|

                                                      |className|
                                                      • 수업구분 : |lessonCaseText|
                                                      • 수강시작일 : |lessonStartedPD| ~ |lessonBeEndedPD|
                                                      • 수강요일 : |lessonWeekdaysText|
                                                      • 시간/회차 : |lessonRunningTimePrefix| |lessonRunningTime||lessonRunningTimeUnit|
                                                      • 수업시간 : |lessonTimePeriod|
                                                  ## { } ## > ul.relatedClasses { } ## > ul.relatedClasses > li { width: 100%; max-width: -moz-available; max-width: -webkit-fill-available; max-width: stretch; } ## > ul.relatedClasses > li > div { width: 0%; flex-grow: 1; flex-shrink: 0; } ## > ul.relatedClasses > li > div > span { max-width: -moz-available; max-width: -webkit-fill-available; max-width: stretch; } ## > ul.relatedClasses > li > div > span:has( .data:empty) { display: none; } ## > ul.relatedClasses > li > button { display: inline-flex; width: fit-content; flex-grow: 0; }
                                                  • |name| |studentList| |tel| |fax| FAX
                                                  ## { padding-inline: 0; } ## > ul.qrNavigation { display: flex; list-style: none; flex-flow: row wrap; min-width: 100vw; min-height: var(--available-max-height); max-width: 100vw; margin: 0; padding: 0; padding-inline: var(--left-pad) var(--right-pad); gap: var(--basic-ui-inset-half); justify-content: center; align-items: center; align-content: center; scrollbar-width: thin; user-select: none; } ## > ul.qrNavigation > li { position: relative; min-height: 180px; max-width: calc(var(--available-max-width) / 2); box-sizing: border-box; flex-grow: 1; flex-shrink: 0; border-radius: 16px; background-color: rgb(var(--cbdm) / 3%); overflow: hidden; transition-timing-function: ease; transition-duration: 0.5s; will-change: auto; } @media all and (min-width: 640px) { ## > ul.qrNavigation:not([data-full-view="1"]) > li { width: 180px; flex-grow: 0; } } @media all and (not (min-width: 640px)) { ## > ul.qrNavigation:not([data-full-view="1"]) > li { width: calc(48% - var(--basic-ui-inset-h-half)); } ## > ul.qrNavigation:not([data-full-view="1"]):has(> li:nth-child(5)) > li { width: calc(32% - var(--basic-ui-inset-h-half)); } @media all and (min-width: 390px) { ## > ul.qrNavigation:not([data-full-view="1"]):has(> li:nth-child(10)) > li { width: calc(24% - var(--basic-ui-inset-h-half)); } } } ## > ul.qrNavigation > li::before, ## > ul.qrNavigation > li::after { position: absolute; display: inline-block; left: 0; right: 0; width: fit-content; margin: auto; padding: var(--basic-ui-inset-v-half) var(--basic-ui-inset-h-half); text-align: center; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; } ## > ul.qrNavigation > li::before { top: 0; color: var(--color-text-dark); font-size: 0.875rem; font-weight: 500; } ## > ul.qrNavigation > li::after { bottom: 0; color: var(--color-text-lighten); font-size: 0.75rem; font-weight: 400; } ## > ul.qrNavigation > li > .qrPlace { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 48px; aspect-ratio: 1; margin: auto; border-radius: 1px; outline: solid 1px var(--color-boundary-lightness); outline-offset: var(--basic-ui-inset-half); background-image: var(--src); background-position: center; background-size: contain; background-repeat: no-repeat; transition-timing-function: ease; transition-duration: 0.5s; will-change: auto; } ## > ul.qrNavigation > li > .qrPlace::before { content: 'loading..'; position: absolute; display: inline-block; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; width: fit-content; height: fit-content; margin: auto; font-size: 0.75rem; color: var(--color-text-lightness); font-weight: 300; text-align: center; } ## > ul.qrNavigation > li > .qrPlace::after { position: absolute; display: -webkit-inline-box; bottom: calc(-1.5em - var(--basic-ui-inset-v-half)); left: 0; right: 0; width: fit-content; margin: auto; color: var(--color-text-lightness); font-size: 0.75rem; font-weight: 300; text-align: center; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; transition-timing-function: ease; transition-duration: 0.3s; will-change: auto; } ## > ul.qrNavigation[data-full-view="1"] { flex-wrap: nowrap; height: var(--available-max-height); max-height: var(--available-max-height); padding-inline: 0; gap: 0; justify-content: flex-start; overflow: auto hidden; scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x mandatory; } ## > ul.qrNavigation[data-full-view="1"] > li { width: 100%; height: 100%; max-width: unset; padding-inline: var(--left-pad) var(--right-pad); border-radius: 0; background-color: transparent; scroll-snap-align: start; } ## > ul.qrNavigation[data-full-view="1"] > li::before, ## > ul.qrNavigation[data-full-view="1"] > li::after { padding: var(--basic-ui-inset-v) var(--basic-ui-inset-h); } ## > ul.qrNavigation[data-full-view="1"] > li::before { font-size: 1.125rem; } ## > ul.qrNavigation[data-full-view="1"] > li::after { font-size: 1rem; } ## > ul.qrNavigation[data-full-view="1"] > li > .qrPlace { width: 160px; outline-offset: var(--basic-ui-inset); } ## > ul.qrNavigation[data-full-view="1"] > li > .qrPlace::before { content: 'QR코드를 불러오는 중..'; font-size: 0.875rem; } ## > ul.qrNavigation[data-full-view="1"] > li > .qrPlace::after { bottom: calc(-1.5em - var(--basic-ui-inset-v)); font-size: 0.875rem; } ## > button.navigation { display: inline-block; top: var(--top-pad); bottom: var(--bottom-pad); width: 80px; height: unset; background-size: 20px 32px; background-position-y: center; background-repeat: no-repeat; } ## > button.navigation:disabled { opacity: 0.3; pointer-events: none; } ##:not(:has(> ul.qrNavigation[data-full-view="1"])) > button.navigation { display: none; } ## > button.navigation.prev { background-image: var(--svg-prev); background-position-x: 25%; } ## > button.navigation.next { background-image: var(--svg-next); background-position-x: 75%; }
                                                  소셜 프로필 홈
                                                  소셜 - 둘러보기
                                                  타 유저 소셜 프로필 홈
                                                  소셜 - 학교 이야기
                                                  소셜 - 학원 이야기
                                                  ## label.externalLogin { --label-line-height: 1.5rem; display: inline-flex; margin-top: var(--basic-ui-inset-v); padding-inline: var(--basic-ui-inset-h-quarter) var(--basic-ui-inset-h-half); column-gap: var(--basic-ui-inset-h-half); border-radius: 4px; user-select: none; } ## label.externalLogin.naver { background-color: var(--color-adaptive-naver-bg); color: var(--color-adaptive-naver-text); } ## label.externalLogin.kakao { background-color: var(--color-adaptive-kakao-bg); color: var(--color-adaptive-kakao-text); } ## label.externalLogin > .logo_icon { vertical-align: top; }
                                                  ?P
                                                  친구초대 적립 포인트는 100점 입니다. 포인트는 망고클래스에서 제공하는 서비스를 이용하면서 적립되는 포인트입니다. 포인트는 현금으로 환급되지 않으며, 망고클래스에서 제공하는 이벤트 상품을 구매하는데에 사용할 수 있습니다. 진행 중인 이벤트는 공지사항에서 확인하실 수 있습니다.
                                                  ?P

                                                  현재 학원알림은 로그인 한 기기들 중 한 대의 기기에서만 수신 가능해요. 한 기기에서 알림 수신을 켜면 다른 기기는 자동으로 해제되어요.

                                                  현재 알림 수신중인 기기 정보
                                                  ## > ul.classStudentsNotiDetailList { } ## > ul.classStudentsNotiDetailList > li { } ## > ul.classStudentsNotiDetailList > li > .wholeItems { } ## > ul.classStudentsNotiDetailList > li > .wholeItems > label { --lead-text-color: var(--color-text-darker); --lead-text-weight: 500; }
                                                  접속 기기 관리
                                                  망고클래스 공지사항
                                                  기능개선 제안
                                                  고객센터 운영시간 대표전화 070-4652-7020 평일 오전 9:00 ~ 오후 6:00 토요일, 공휴일 휴무
                                                  자주묻는 질문
                                                  내 문의사항
                                                  1:1 문의하기
                                                  법정대리인 인증내역
                                                  우리아이 교육생활 도우미
                                                  앱 버전
                                                  Design by Rexkaile Develop by Estre Soliette
                                                  Provided by ⓒ 2025 망고에듀 · MP Solutions co, ltd.
                                                  ## > .menu_block > .menu_block > hr:last-child { display: none; }