## { --top-block-height: 40px; --top-fixed-height: calc(var(--top-block-height) + 1px + var(--basic-ui-inset-v-half)); } ##:has(> .topBlock[data-search="1"]) { --top-block-height: 100px; } ## > nav.instant_appbar { z-index: 2; } ## > .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 > .month_selector_bar button.search { aspect-ratio: 1; padding: 0; } ## > .topBlock > .month_selector_bar button.search::before { content: ''; height: 100%; max-height: -moz-available; max-height: -webkit-fill-available; max-height: stretch; aspect-ratio: 1; margin: auto; background-image: var(--svg-icon-search); background-position: center; background-repeat: no-repeat; } ## > .topBlock > .month_selector_bar button.search::after { margin-left: 0; } ## > .topBlock > .search_bar { --height: 44px; position: relative; display: flex; flex-flow: row nowrap; width: -moz-available; width: -webkit-fill-available; width: stretch; height: var(--height); justify-content: stretch; align-items: stretch; } ## > .topBlock:not([data-search="1"]) > .search_bar { display: none; } ## > .topBlock > .search_bar > input.search_input { flex-grow: 1; padding-left: 52px; padding-right: 24px; border: solid 1px var(--color-boundary-o20); border-radius: var(--height); background-color: transparent; } ## > .topBlock > .search_bar > label.search_icon { position: absolute; top: 0; bottom: 0; left: 24px; height: 20px; aspect-ratio: 1; margin: auto 0; background-image: var(--svg-icon-search); background-position: center; background-repeat: no-repeat; } ## > .topBlock > .search_bar > button.search_clear { position: absolute; top: 0; bottom: 0; right: 1px; height: var(--height); aspect-ratio: 1; margin: auto 0; border-radius: 100%; background-image: var(--svg-small-icon-clear); background-position: center; background-repeat: no-repeat; } ## > ul.notiMessages { display: flex; flex-flow: column nowrap; margin-top: var(--top-fixed-height); align-items: stretch; } ## > ul.notiMessages > li > button { padding: var(--basic-ui-inset-v) var(--basic-ui-inset-h); } ## > ul.notiMessages > li > button[data-flow-action=""]:after { display: none; } ## > ul.notiMessages > li > button > .noti_block { color: var(--color-text-pale); font-size: 0.875rem; line-height: 1.375rem; } ## > ul.notiMessages > li > button > .noti_block > .noti_from { color: var(--color-text); } ## > ul.notiMessages > li > button > .noti_block > .noti_time { font-size: 0.75rem; line-height: 1.25rem; } ## > ul.notiMessages > li > button > .noti_block > .noti_title { color: var(--color-text-lighter); } ## > ul.notiMessages > li > button > .noti_block > .noti_by { } ## > ul.notiMessages > li > button > .noti_block > .noti_subject { color: var(--color-text); font-weight: 500; } ## > ul.notiMessages > li > button > .noti_block > .noti_content { margin-top: 4px; color: var(--color-text-lighten); white-space: pre-line; } ## > ul.notiMessages > li > button > .noti_block > .noti_image { width: -moz-available; width: -webkit-fill-available; width: stretch; } ## > ul.notiMessages > li > button > .noti_block > .noti_image > img { width: 100%; } ## > ul.notiMessages > li > button > .noti_block > .noti_image:has(> img[src=""]) { display: none; } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_from { color: var(--color-text-darker); } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_time { } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_title { color: var(--color-text-lighten); } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_by { } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_subject { color: var(--color-text-darker); } ## > ul.notiMessages > li > button > .noti_block:not([data-read="1"]) > .noti_content { color: var(--color-text); }
.isIdLatest { position: relative; height: 1px; } .isIdLatest > div { height: 16px; } .post_cloud { position: relative; margin-bottom: 10px; padding: 4px 8px; border-radius: 24px; background: rgb(212 212 212 / 80%); font-size: 0.75rem; line-height: 1.25rem; text-align: center; text-shadow: 1px 1px 0 rgb(255 255 255 / 60%); } .post_cloud::after { content: '▼'; position: absolute; display: inline-block; bottom: -14px; left: 0; right: 0; width: fit-content; margin: auto; color: rgb(212 212 212 / 80%); font-size: 12px; text-align: center; }
우리아이 교육생활 도우미
학생·학부모 & 교육기관의 편리한 소통공간 ㈜엠피솔루션스 망고클래스
는 쓸 수 없어요
11자리
본인인증 전 새로 가입 가능한 휴대폰번호인지 먼저 확인하세요.
(사전 확인용이며 본인인증 시 본인인증한 번호로 갱신됩니다.)
* 학원 수납 및 출결 알림 수신 연동은 학원에 등록한 휴대폰번호와 본인인증한 휴대폰번호가 일치해야 합니다.
본인인증 완료시 이름 및 휴대폰번호가 자동 입력됩니다.
새로 가입하시려면 사용할 휴대폰번호로 진행하세요.
## .questionCircle { display: inline-flex; height: 1em; aspect-ratio: 1; justify-content: center; align-items: center; margin-inline: var(--basic-ui-inset-h-quarter); border-radius: 100%; background-color: var(--color-mango-red-dark); text-align: center; vertical-align: middle; } ## .questionCircle::before { content: '?'; color: var(--common-bg-color); font-size: 0.75em; font-weight: 700; } ## > .onExistAccount > ul.idList { margin-bottom: var(--basic-ui-inset-v); } ## > .onExistAccount > ul.idList > li { margin-inline: var(--basic-ui-inset-h); } ## > .onExistAccount > ul.idList > li > label { } ## > .onExistAccount > ul.idList > li > label > div { } ## > .onExistAccount > ul.idList > li > label > div > span { } ## > .onExistAccount > ul.idList > li > label > div > span.externalId { margin-bottom: 4px; font-size: 0.875rem; font-weight: 400; line-height: 1.2em; } ## > .onExistAccount > ul.idList > li > label > div > span.externalId::before { margin-right: 4px; padding: 2px 4px; border-radius: 4px; font-size: 0.75rem; font-weight: 500; text-align: center; line-height: 1rem; } ## > .onExistAccount > ul.idList > li > label > div > span.naverId:empty { display: none; } ## > .onExistAccount > ul.idList > li > label > div > span.naverId:not(:empty)::before { content: '네이버 ID '; background-color: var(--color-adaptive-naver-bg); color: var(--color-adaptive-naver-text); } ## > .onExistAccount > ul.idList > li > label > div > span.kakaoId:empty { display: none; } ## > .onExistAccount > ul.idList > li > label > div > span.kakaoId:not(:empty)::before { content: '카카오 ID '; background-color: var(--color-adaptive-kakao-bg); color: var(--color-adaptive-kakao-text); } ## > .onExistAccount > ul.idList > li > label > div > span.isRequiredPV { color: var(--color-mango-red-dark); font-size: 0.875rem; font-weight: 500; line-height: 1.2rem; } ## > .onExistAccount > li.forSignup { list-style: none; } ## > .onExistAccount > li.forSignup .phoneIsNotAvailable { color: var(--color-mango-red-dark); font-size: 0.875rem; font-weight: 500; line-height: 1.2rem; } ## > .onNotExistAccount > div > span.onPhoneNotAvailable { color: var(--color-mango-red-dark); } ## > #uc_set { } ## > #uc_set[data-exist-ids="1"] > span { margin-inline: var(--basic-ui-inset); } ## > #uc_set[data-exist-ids="1"] > div { margin-inline: var(--basic-ui-inset); }

계정 조회 중

본인인증 정보와 일치하는 계정을 조회하는 중입니다
우리아이 교육생활 도우미
회원가입 완료!
는 쓸 수 없어요

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

아이디/비밀번호 찾기 문자가 정상 발송되었다고 표시되지만 문자가 수신되지 않는 경우 스팸처리되고 있을 수 있으니 망고에듀 고객센터로 연락하시기 바랍니다. 고객센터:070-4652-7020
## > div > ul.idList { margin-bottom: var(--basic-ui-inset-v); } ## > div > ul.idList > li { margin-inline: var(--basic-ui-inset-h); }

계정 조회 중

본인인증 정보와 일치하는 계정을 조회하는 중입니다

새 비밀번호 입력

변경할 새 비밀번호를 입력해 주세요
는 쓸 수 없어요
영문
숫자
특수문자
포함
8자리 이상
사용가능한 특수문자 ! @ # $ % * ? \ - _
비밀번호의 길이가 달라요
오타를 확인하세요

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

새 비밀번호로 로그인 하시면 됩니다
ID: id
## { display: flex; flex-flow: column nowrap; align-items: stretch; } ## > .viewBound { position: relative; }
## > div > hr { background-color: var(--color-boundary-o5); } ## > div div.block_box > hr { margin-top: var(--basic-ui-inset-v) !important; } ## > div div.block_box > .mango_round_box_rex { margin: var(--basic-ui-inset-v-half) 0 0; padding: 0 var(--basic-ui-inset-h); font-size: 0.875rem; }

망고클래스 시작하기

앱 알림 설정

앱을 통해 받을 알림 그룹을 설정합니다.
망고클래스 가입자의 전화번호를 기반으로 학교 및 학원과의 자동 연결 기능과 이를 통한 알림 서비스가 포함됩니다.

사용자 본인인증

망고클래스로의 서비스 전환을 위해 본인 확인이 필요합니다.
반드시 학원과 자동 연결하실 휴대폰번호로 본인인증을 받아주시고,
본인인증을 완료하신 후 아래 획인 버튼을 눌러주세요.

* 휴대폰번호는 추후 메뉴 - 내 정보 화면에서 변경 가능합니다.

※ 본인인증 처리 기준 완화 안내

본인인증 시 본인인증 정보 불일치로 앱 이용이 불가하신 경우, 기존 등록된 휴대폰번호와 같은 번호로 본인인증 하시면 정상 처리되도록 변경되었으므로 다시 진행해 보시기 바랍니다. 그 외의 경우 망고클래스 고객센터로 문의하여 주시기 바랍니다.
## > nav.instant_appbar { } ## > nav.instant_appbar > nav.appbarRight { } ## > nav.instant_appbar > nav.appbarRight > button { font-size: 0.875rem; } ## { --bottom-sub-block-max-height: 84px; --bottom-fixed-height: var(--bottom-sub-block-max-height); } ## > .dailyMealPlan { display: flex; flex-flow: column nowrap; height: min-content; } ## > .dailyMealPlan > div.dataBlock { display: flex; flex-flow: column nowrap; height: 0%; flex-grow: 1; flex-shrink: 1; row-gap: var(--basic-ui-inset-h-half); column-gap: var(--basic-ui-inset-h); align-items: stretch; } ## > .dailyMealPlan > div.dataBlock > * { min-height: max-content; } @media all and (min-width: 740px) { ## > .dailyMealPlan > div.dataBlock { display: block; column-count: 2; height: fit-content; } ## > .dailyMealPlan > div.dataBlock > * { break-inside: avoid; } } ## > .bottomSubBlockPad { height: var(--bottom-fixed-height); flex-frow: 1; flex-shrink: 1; } ## > .bottomSubBlock { position: fixed; z-index: 20; bottom: var(--bottom-safe-pad); 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: blur(1px); -webkit-backdrop-filter: blur(1px); /* backdrop-filter: var(--basic-backdrop-blur); -webkit-backdrop-filter: var(--basic-backdrop-blur); */ } ## > .bottomSubBlock > * { padding-inline: var(--left-pad) var(--right-pad); } ## > .bottomSubBlock > .sub_origins { } ## > .bottomSubBlock > .sub_origins > .meal_time_selections { padding-right: var(--basic-ui-inset-h-half); } ## .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; } ## .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; }
20???????점심
오늘
  • |foodName|
    • |category|
총 ??? Kcal
  • |nutrient||valueAndUnit|
  • |origin||country|
20??.??.?? 업데이트
    ## nav.instant_appbar { } ## nav.instant_appbar button.interest { margin-right: 7px; background-image: var(--svg-icon-heart-empty); background-position: center; background-repeat: no-repeat; } ## nav.instant_appbar button.interest[data-following="1"] { background-image: var(--svg-icon-heart-filled); } ## .text_capsule { --color: #555; color: var(--color); --border-color: var(--color); } ## .text_capsule:empty { display: none; } ## .info_item:not(:has(.data:not(:empty))) { display: none; } ## > .schoolInfo { } ## > .schoolInfo > .cardBlock { } ## > .schoolInfo > .cardBlock .schoolName { word-break: keep-all; overflow-wrap: anywhere; } ## > .schoolInfo > .cardBlock .schoolPpd { --font-size: 0.625rem; --height: 1rem; } ## > .schoolInfo > .cardBlock .schoolFax .text_capsule { --color: var(--color-text-inverse); --font-size: 0.625rem; } ## .tab_content_blocks > .information .schoolTags .text_capsule { --border-color: var(--color-text-paleness); }
    |ppd|

    |name|

    |tel| |fax| FAX
    • 정보
    • 소식

    기본정보

    |address| |addressDetail| |homepage| 개교기념일 |openingAnivMD|
    |bgcoeduTitle| |hsCateGpdSps| |hasIscDesc| |eebadDesc| |dnc|
    아직 망고클래스 학교 채널이 개설되지 않았어요
    ## .text_capsule { --color: #555; color: var(--color); --border-color: var(--color); } ## .text_capsule:empty { display: none; } ## .info_item:not(:has(.data:not(:empty))) { display: none; } ## .class_identity .text_capsule { --color: var(--color-text-inverse); --font-size: 0.875rem; } ## .class_identity .text_capsule.mango_edu_badge { --bg-color: var(--color-mango-yellow-dark); } ## .class_identity .text_capsule.mango_edu_badge[data-is-mango=""] { display: none; } ## .class_identity .text_capsule.class_org_cate[data-org-cate="학원"] { --bg-color: var(--color-mango-blue-dark); } ## .class_identity .text_capsule.class_org_cate[data-org-cate="교습소"] { --bg-color: var(--color-mango-green-dark); } ## .class_fax .text_capsule { --color: var(--color-text-inverse); --font-size: 0.625rem; } ## .tab_content_blocks > .information .info_item { } ## .tab_content_blocks > .information .info_item .subject { margin-right: 22px; flex-grow: 0; flex-shrink: 0; color: var(--color-text-darker); } ## .tab_content_blocks > .information .info_item .data { } ## .tab_content_blocks > .information .info_item .data.peoples:not(:empty)::after { content: '\A0명'; } ## .tab_content_blocks > .information .info_item.mainternance_period .ends:empty { display: none; } ## .tab_content_blocks > .information .info_item.mainternance_period .ends:not(:empty)::before { content: ' ~ '; } ## .tab_content_blocks > .information .class_courses .text_capsule { --border-color: var(--color-text-paleness); } ## .tab_content_blocks > .information .class_tags .text_capsule { --border-color: var(--color-text-paleness); }

    |name|

    망고에듀 |orgCategory|
    |tel| |fax| FAX
    • 정보
    • 소식

    기본정보

    |address| |addressDetail| 운영상태 |status| 휴원기간 |mainternanceBegins| |mainternanceEnds| 개원일자 |established| 정원합계 |capa| 일시정원 |capaAcceptableOnTime| 교육분야 |fscCombined|
    교육과정 |item|
    수강비용 |subject| |tutition|
    |domitoryDesc|
    ## { } ## > .list_area > .dayIndicator { margin: 24px 0 8px; font-size: 1.125rem; line-height: 1.25rem; } ## > .list_area > .dayIndicator > .dateSet { color: var(--color-text-darker); font-weight: 600; } ## > .list_area > .dayIndicator > .dateSet::after { content: '.'; } ## > .list_area > .dayIndicator > .day { color: var(--color-text-lightness); } ## > .list_area > ul.dailyAttendLogs { } ## > .list_area > ul.dailyAttendLogs > hr { margin: var(--basic-ui-inset-v) 0; }
    20?? ?? ?? ?
    • |childName| |className| |checkInTime| · |checkOutTime| 회차수업 오늘 예정   |lessonsReservedToday| » |attendState|
      • |courseName| |countedTimes| / |appointedTimes|
    2025.03.03.월 12:34

    제목

    작성자 0 Views 0 Comments
    게시물 내용을 불러오는 중이예요 - 미리보기 모드로 보는 중 -

    첨부파일 0

    댓글 0

    • |writer|

      |registeredDt|
      |content|