망고에듀 클래스

## { --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: -webkit-fill-available; 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 { position: fixed; z-index: 20; bottom: var(--bottom-pad); left: 0; right: 0; margin: auto; backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ##[data-unassigned=""] > .bottomBlock { display: none; } ## > .bottomBlock > .bottomSlide { position: absolute; display: flex; flex-flow: column nowrap; bottom: 0; left: 0; right: 0; max-height: calc(100wh - var(--top-pad) - var(--bottom-pad)); margin: auto; } ## > .bottomBlock > .bottomSlide > .slideToggleBar { display: flex; flex-flow: row nowrap; height: var(--bottom-fixed-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 { 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 { display: flex; flex-flow: column nowrap; row-gap: var(--basic-ui-inset-v-half); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div: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 > 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.unassigningChildren > ul { min-height: 58px; } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul[data-highlight="1"] { background-color: rgb(var(--cbbr) / 33.333%); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul::before { margin: 0 var(--basic-ui-inset-h); color: var(--color-text-darker); } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul > li.class_student_draggable { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul > li.class_student_draggable[data-dragging="1"] { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul > li.class_student_draggable::after { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul > li.class_student_draggable > .class_name { } ## > .bottomBlock > .bottomSlide > .childClassesAssignerBlock > .childClassesAssigner > .childClassesAssignLists > div > ul > li.class_student_draggable > .student_name { } ## > .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: -webkit-fill-available; 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: 72px; 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: "다음달"; } @media all and (min-width: 372px) { ## > .topBlock > .month_selector_bar > .bar_side.right_side > button.today { margin-right: 8px; } } @media all and (max-width: 418px) { ## > .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 (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: -webkit-fill-available; 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: 412px) { ## .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: 365px) { ## .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??.??.?? 업데이트

????학교

? ?

6.29

6.30

7.1

7.2

7.3

7.4

7.5

교시

일

월

화

수

목

금

토

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 2025학년도 늘품꿈터 봉사자 위촉 공고 인천부광초등학교

<인천부광초등학교 공고 제 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 > div { height: 36px; }

출석알림

|className| |message|

소식알림

게시판

학원 세상

학원 검색

관심학원

학원 홈

## { --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_content { margin-top: 4px; color: var(--color-text-lighten); white-space: pre-line; } ## > ul.notices > li.pushNotice > button > .noti_block > .noti_image { width: -webkit-fill-available; } ## > 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_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: -webkit-fill-available; } ## > .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); } ## > .month_selector_bar { backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); } ## .month_selector_bar > .bar_side > button.prevYear { } ## .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; } ## .month_selector_bar > .bar_side > button.nextYear { } ## .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

청구서 내역을 불러오는 중입니다

영수증

납부내역

납부내역 상세 조회에 실패했습니다

결제내역

결제내역 조회에 실패했습니다

|dateLabel|

## > .article { margin-top: 12px; } ## > .article > hr { width: -webkit-fill-available; 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.목

학생이름

수업명

학원명

전달 내용

학습주제

학습목표

수업주요내용

수업진도내용

수업과제물

수업준비물

|dateLabel|

## > .article { margin-top: 12px; } ## > .article > hr { width: -webkit-fill-available; 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); }

2025.04.03.목 시험

학생이름

수업명

시험명 학원명

성적을 불러오고 있어요

시험과목

점수

배점

개 과목 평균
총점

석차

0
성적등급

X

성적의견

## { --top-fixed-height: 53px; } ## > .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); } ## > 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: 60px; 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; }

|childName|
- |courseName|
  |className|
  - 일
  - 월
  - 화
  - 수
  - 목
  - 금
  - 토
  |lessonTimeBegins| ~ |lessonTimeEnds|
  |lessonStartedPD| / |lessonBeEndedPD|
  
  |lessonCaseText| |lessonRunningTime|

## { } ## > ul.relatedClasses { } ## > ul.relatedClasses > li { width: 100%; max-width: -webkit-fill-available; } ## > ul.relatedClasses > li > div { width: 0%; flex-grow: 1; flex-shrink: 0; } ## > ul.relatedClasses > li > div > span { max-width: -webkit-fill-available; } ## > 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 |bankName| |bankAccountNumber| |bankAccountOwnerName|

## { 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%; }

설정

서비스

학교

학원

고객지원

정보 및 서비스 방침

앱

소셜 프로필

회원정보

계정정보

아이디 로그인

개인정보

내 초대코드

친구초대 적립 포인트는 100점 입니다. 포인트는 망고클래스에서 제공하는 서비스를 이용하면서 적립되는 포인트입니다. 포인트는 현금으로 환급되지 않으며, 망고클래스에서 제공하는 이벤트 상품을 구매하는데에 사용할 수 있습니다. 진행 중인 이벤트는 공지사항에서 확인하실 수 있습니다.

접속 기기별 설정

접속 기기 관리

망고클래스 공지사항

기능개선 제안

고객센터 운영시간 대표전화 070-4652-7020 평일 오전 9:00 ~ 오후 6:00 토요일, 공휴일 휴무

자주묻는 질문

내 문의사항

1:1 문의하기

법정대리인 인증내역

우리아이 교육생활 도우미

앱 버전

Design by Rexkaile Develop by Estre Soliette

## > .menu_block > .menu_block > hr:last-child { display: none; }

App container

Web client

Web service

Assets

학교

학원

프로필 미지정 학원 수강 내역

|name|

|name|

|name|

|year|

|name|

|name|

오늘의 학교

학사일정

|name|

|name|

출석알림

소식알림

게시판

|subject|

|subject|

|childName|

|courseName|

학생이름

수업명

학습주제

학습목표

수업주요내용

수업진도내용

수업과제물

수업준비물

|childName|

|courseName|

학생이름

수업명

시험과목

점수

배점

성적의견

|courseName|

현재 알림 수신중인 기기 정보

본인인증 (망고 클래스에서 회원가입 또는 1회 이상 로그인 한 경우)

기존 망고에듀 학생·학부모용 이용자 전용

계정 조회 중

ID 선택

가입된 계정이 없습니다

새 비밀번호 입력

비밀번호 설정이 완료되었습니다

망고클래스 시작하기

전화번호 기반 자동 연결

앱 알림 설정

사용자 본인인증

|name|

기본정보

|name|

기본정보

제목

첨부파일 0

댓글 0

|writer|

|name|

|name|

|name|

|subject|

|subject|