굿티처 수납 기능 스토리보드

버전(ver)	v2.0	페이지코드	BILL-001	페이지명	수납 내역 — 메인 리스트	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역			Description

1-1

2-6

3-3

3-5

2-2

2-3

2-4

2-1

3-2

3-6

3-4

3-1

4-1

2-5

5-1

6-1

7-1

7-2

7-3

7-4

7-5

7-6

7-7

■ 요약

[수납] 메뉴 진입 시 기본 화면
월별·상태별·학생별 청구서 조회
수납톡 발송 / 완납처리 / 청구서 취소 / 환불 / 삭제 일괄 처리
상단 스탯카드 5개로 월별 수납 현황 한눈에 확인

■ 화면 진입 조건

진입 경로: 사이드바 [수납] 클릭
기본 상태: 수강 월 = 현재 월, 상태 필터 = 미발송
올댓페이 미가입 상태에서도 접근 가능 (청구서 발송·결제 기능은 비활성)

1 수납 서브탭

1-1. 수납 내역 탭

현재 화면에 해당하는 활성 탭 (노란 언더라인 + 굵은 텍스트)
형제 탭: 바로청구서 / 수납 설정 / 증빙서류 / 올댓페이 등록
탭 클릭 시 해당 화면으로 이동

2 수강 월 + 스탯카드

2-1. 수강 월 드롭다운

옵션: 전체(누적) / 2026년 4월 / 2026년 3월 / 2026년 2월
"수강 월" = 청구서가 어느 달 수업 기준인지 (생성일과 구분)
기본값: 현재 월 (2026년 4월)
변경 시 아래 스탯카드·테이블 실시간 재계산

2-2. 총 청구 카드

선택 월의 전체 청구서 건수 + 총액 표시
예: 20건 · 6,385,625원
전체(누적) 선택 시 라벨 "누적 총 청구"로 변경

2-3. 미발송 카드

아직 수납톡이 나가지 않은 청구서 건수·총액
숫자 강조 색: 노란색

2-4. 미납 카드

발송됐으나 미결제 청구서 건수·총액
숫자 강조 색: 빨간색

2-5. 완납 카드

결제 완료된 청구서 건수·총액
숫자 강조 색: 초록색

2-6. 환불 카드

환불 처리된 청구서 건수·총액
숫자 강조 색: 핑크색

3 상태 필터 칩

3-1. 미발송 (기본 활성)

미발송 상태 청구서만 테이블 노출
선택 칩: 노란 배경 + 진한 테두리

3-2. 전체

모든 상태 청구서 노출

3-3. 미납

발송됐으나 미결제 상태만 필터링

3-4. 완납

결제 완료 상태만 필터링

3-5. 취소

청구 취소 처리된 건만 필터링

3-6. 환불

환불 처리된 건만 필터링

4 학생명 검색

4-1. 학생명 검색 드롭다운

자모 분해 검색 지원 (예: "ㄱ" / "김" / "김민준" 모두 매칭)
드롭다운으로 학생 리스트 자동완성
선택 시 해당 학생 청구서만 필터링

5 조회 결과 카운트

5-1. "N건 조회" 표시

현재 필터 조건에 해당하는 청구서 건수 노출 (예: 12건 조회)
필터·검색 변경 시 실시간 갱신

6 테이블 헤더

6-1. 전체 선택 체크박스

체크 시 현재 페이지 내 모든 행 선택
재클릭 시 전체 해제
일부만 선택된 상태에서 클릭 시 전체 선택

7 일괄 액션 바 + 청구서 행

7-1. 청구서 행 (데이터)

컬럼: 체크박스 / 학생명(아이디) / 수강 월 / 상태 / 납입기한 / 납입일 / 결제수단 / 청구액 / 할인 / 실청구액 / 생성일시 / 메모
상태 배지 색상: 미발송(노랑) / 미납(빨강) / 완납(초록) / 취소(회색) / 환불(핑크)
행 클릭 시 청구서 상세 모달 (BILL-002) 오픈
체크박스 클릭 시 행 클릭 동작과 분리
메모가 길면 말줄임 표시, 마우스를 올리면 전체 내용 노출

7-2. 선택 카운트 텍스트

기본: "체크박스를 선택하세요" (회색)
선택 시: "N명 선택" (진한 색)

7-3. 수납톡 발송 버튼

미발송/미납 건 선택 시 활성 (노란 버튼)
클릭 시 BILL-003 확인 모달 오픈 → 발송 후 미발송 건은 미납 상태로 전환

7-4. 청구서 취소 버튼

미납 건 선택 시 활성
클릭 시 BILL-004 확인 모달 오픈 (복구 불가)

7-5. 환불 버튼

완납 건 선택 시 활성 (빨간 테두리 + 빨간 글자)
클릭 시 BILL-005 확인 모달 오픈 (올댓페이 전액환불만 가능)

7-6. 완납처리 버튼

미발송/미납 건 선택 시 활성 (초록 버튼)
클릭 시 BILL-006 입력 모달 오픈 → 결제수단·메모 입력 후 상태 "완납"으로 전환

7-7. 삭제 버튼

체크박스 1개 이상 선택 시 활성 (빨간 테두리 + 빨간 글자)
클릭 시 BILL-007 확인 모달 오픈 (복구 불가)

비활성 버튼 스타일

회색 흐림 처리 + 클릭 불가 상태 표시

버전(ver)	v2.0	페이지코드	BILL-002	페이지명	청구서 상세 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > 청구서 상세 모달			Description

1

2

3

4

5

6

■ 요약

- 수납 내역 테이블 행 클릭 시 뜨는 대형 모달 (1200×900)
- 3단 레이아웃: [학생 할인 + 수납 메모] | [클래스 카드] | [요약 + 청구서 메모]
보기 모드 기본 (편집 불가) → [청구서 수정] 버튼 클릭 시 편집 모드 진입

1 학생 할인 (좌측 상단)

🏷️ "학생 할인" + [이 청구서에만] 파란 배지 + N개 카운트
할인 태그 리스트 (예: 형제할인 10%)
설명: "(클래스 할인 적용된) 수강료에서 할인", "교재비 등 추가 항목은 할인 안 됨"
편집 모드 진입 시 각 태그에 ✕ 버튼 + [+ 할인 추가] 드롭다운 노출
여기서 변경한 할인은 이 청구서에만 적용 (학생 프로필에 영향 없음)

2 클래스 카드 (중앙)

학생이 수강 중인 각 클래스마다 카드 하나씩
카드 헤더: 클래스명 + 기본 수강료
📘 수강료 (할인 적용 대상) 회색 박스: 클래스 할인 · 학생 개별 할인 · 수강료 소계
매월 청구 추가항목 [할인 제외] 배지
N월만 청구 [할인 제외] (해당 월만)
월 납부액 (bold): 수강료 소계 + 모든 추가항목

3 요약 (우측 상단)

상품금액: 기본 수강료 + 추가항목 합계
할인 합계 ▾: 초록색. 드롭다운으로 접힘(기본). 클릭하면 클래스 할인 / 학생 할인 세부 펼침
총 결제금액 (18px bold): 실청구액. 강조

4 학생 수납 메모 (좌측 하단)

📝 "학생 수납 메모" + [전체 수납 메모] 초록 배지
안내 문구: "학생 프로필과 모든 청구서에 공유"
기본은 읽기 전용 입력창 (편집 모드에서만 흰 배경 + 입력 가능)
빈 입력창 안내 문구: "수납 관련 이력 · 납부 특이사항 · 결제 선호 방식"

5 청구서 메모 (우측 하단)

📋 "청구서 메모" + [이 청구서에만] 파란 배지
안내 문구: "일회성 특이사항 · 수납 내역 테이블 메모 컬럼에 표시"
완납처리 시 "[결제수단] 입력메모"가 메모 맨 앞에 자동 추가

6 Footer 버튼 (상태별 가변)

미발송: 수납톡 발송 · 완납처리 | 청구서 수정 · 삭제 · 닫기
미납: 수납톡 발송(재발송) · 청구서 취소 · 완납처리 | 청구서 수정 · 삭제 · 닫기
완납: 환불 | 삭제 · 닫기
취소/환불: | 삭제 · 닫기

비활성 버튼은 숨김 (표시 안 됨)
편집 모드: 좌측 비움 | 저장(노랑) · 닫기 만 표시

버전(ver)	v2.0	페이지코드	BILL-003	페이지명	수납 내역 — 수납톡 발송 확인	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > [수납톡 발송]			Description

1

2

3

■ 요약

- 미발송/미납 행을 체크한 상태에서 [수납톡 발송] 버튼 클릭 시 뜨는 확인 모달
- 확인 버튼 누르면 해당 학생들에게 수납톡 발송 + 미발송 상태는 "미납"으로 전환

■ 화면 진입 조건

- 체크박스 1개 이상 선택
- 상태가 미발송 또는 미납인 행만 발송 대상
- 진입: 일괄 액션 바 [수납톡 발송] 버튼 클릭

1 확인 메시지

📨 아이콘
타이틀: "수납톡 발송"
설명 문구: "선택한 N명에게 수납톡을 발송할까요? 미발송 건은 발송 후 상태가 미납으로 전환"

2 [취소] 버튼

회색 outline 버튼
클릭 시 모달 닫기 (아무 변경 없음)

3 [발송] 버튼

노란 버튼
클릭 시 발송 실행 → 토스트: "N명에게 수납톡이 발송되었습니다" 노출
미발송 → 미납 전환 (alim = sent)
미납 상태는 재발송 (카운트만 증가)

버전(ver)	v2.0	페이지코드	BILL-004	페이지명	수납 내역 — 청구서 취소 확인	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > [청구서 취소]			Description

1

2

3

■ 요약

- 미납 행을 체크한 상태에서 [청구서 취소] 버튼 클릭 시 뜨는 확인 모달
- 미납 상태를 취소 상태로 전환 (복구 불가)

■ 화면 진입 조건

- 미납 상태 행 1개 이상 체크
- 미발송·완납·취소·환불 건은 취소할 수 없음 (활성 X)
- 진입: 일괄 액션 바 [청구서 취소] 버튼 클릭

1 확인 메시지

🚫 아이콘
타이틀: "청구서 취소"
설명 문구: "선택한 N건의 청구서를 취소할까요? 미납 상태가 취소로 전환, 복구 불가"

2 [취소] 버튼 (모달)

회색 outline — 모달 닫기만

3 [취소 처리] 버튼

빨간 버튼
클릭 시 청구서 상태가 "취소"로 변경
토스트: "N건 청구 취소 완료"

버전(ver)	v2.0	페이지코드	BILL-005	페이지명	수납 내역 — 전액 환불 확인	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > [환불]			Description

1

2

3

■ 요약

- 완납 행을 체크한 상태에서 [환불] 버튼 클릭 시 뜨는 확인 모달
- 올댓페이 전액환불만 가능 (부분환불 불가)

■ 화면 진입 조건

- 완납 상태 행 1개 이상 체크
- 미발송·미납·취소·환불 건은 환불 버튼 비활성
- 진입: 일괄 액션 바 [환불] 버튼 클릭

1 확인 메시지

↩️ 아이콘
타이틀: "전액 환불"
설명 문구: "선택한 N건 · XX,XXX원을 전액 환불할까요? 올댓페이 전액환불만 가능"
합계 금액은 실청구액 합산으로 자동 계산

2 [취소] 버튼

회색 outline — 모달 닫기만

3 [전액 환불] 버튼

빨간 버튼
클릭 시 청구서 상태가 "환불"로 변경
토스트: "N건 · XX,XXX원 환불 완료"

버전(ver)	v2.0	페이지코드	BILL-006	페이지명	수납 내역 — 완납처리 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > [완납처리]			Description

1

2

3

4

5

■ 요약

- 미발송/미납 행을 체크한 상태에서 [완납처리] 버튼 클릭 시 뜨는 납입 입력 모달
- 현금/카드/기타 결제수단을 선택하고 메모를 남겨서 수동 납입 처리

■ 화면 진입 조건

- 미발송 또는 미납 상태 행 1개 이상 체크
- 완납·취소·환불 건은 처리할 수 없음
- 진입: 일괄 액션 바 [완납처리] 버튼 클릭

1 모달 헤더

💰 "완납 처리" 타이틀 + 선택 건수 서브타이틀

2 결제 수단 선택

드롭다운: 현금 (기본) / 카드 / 이체 / 기타
선택한 결제수단이 청구서 메모 맨 앞에 자동 추가

3 메모 입력

입력창 (선택 사항)
입력 내용은 "[결제수단] 메모" 형태로 청구서 메모에 자동 추가됨
예: "[현금] 4/20 직접 수금"

4 [취소] 버튼

회색 outline — 모달 닫기만

5 [완납처리] 버튼

초록 버튼
클릭 시 청구서 상태 "완납"으로 변경 + 납입일·결제수단 저장
토스트: "N건 완납 처리 완료"
청구서 메모 맨 앞에 "[결제수단] 메모" 자동 추가

버전(ver)	v2.0	페이지코드	BILL-007	페이지명	수납 내역 — 청구서 삭제 확인	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 내역 > [삭제]			Description

1

2

3

■ 요약

- 체크한 행을 [삭제] 버튼 (우측 끝, 빨간 글자) 눌렀을 때 뜨는 확인 모달
- 삭제된 청구서는 복구할 수 없음

■ 화면 진입 조건

- 체크박스 1개 이상 선택 (상태 무관, 항상 활성)
- 진입: 일괄 액션 바 [삭제] 버튼 클릭

1 확인 메시지

🗑️ 아이콘
타이틀: "청구서 삭제"
설명 문구: "선택한 N건의 청구서를 정말 삭제할까요?
삭제된 청구서는 복구 불가"

2 [취소] 버튼

회색 outline — 모달 닫기만

3 [삭제] 버튼

빨간 버튼
클릭 시 해당 청구서를 bills 배열에서 제거
토스트: "N건 삭제 완료"
복구 경로 없음 (돌이킬 수 없음)

버전(ver)	v2.0	페이지코드	SET-001	페이지명	수납 설정 — 클래스 수강료	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 클래스			Description

1

2

3

4

5

■ 요약

클래스별로 기본 수강료·클래스 할인·매월 청구 추가항목·이번 달만 청구 항목 설정 화면
여기에서 설정한 값이 청구서 계산의 기준
2패널 구조: 좌측 클래스 리스트 / 우측 선택 클래스 상세

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
진입 경로: 운영 > 수납 > 수납 설정 > 클래스
첫 클래스 자동 선택 → 우측 상세 영역에 해당 클래스 정보 렌더링

1 클래스 리스트 (좌측 패널)

1-1. 필터 드롭다운

옵션: 전체 / 수강료 설정 / 수강료 미설정
선택 시 클래스 리스트 실시간 필터링

1-2. 클래스명 검색

실시간 입력 필터링 (자모 분해 검색 지원)

1-3. 클래스 행

좌측: 클래스명 (예: 그래머 A반)
우측: 수강료 금액 or "미설정" 빨간 배지
선택된 행: 노란 배경 + 왼쪽 노란 테두리
첫 클래스 자동 선택

2 클래스 상세 헤더

2-1. 클래스명

큰 글씨 · 굵게 (예: 그래머 A반)

2-2. 보조 정보

담임 선생님명 · 학생 수 · "수업 일정" 링크

3 스탯카드 3개 (다크 그라디언트)

3-1. 기본 수강료 카드

클래스의 월 기본 수강료 (예: 300,000원)
카드 우상단 [수정] 버튼 → 수강료 수정 모달
미설정 상태면 "미설정" 빨간 텍스트

3-2. 클래스 할인 카드

클래스 공통 할인 (예: -10% 또는 -30,000원)
카드 우상단 [수정] 버튼 → 할인 수정 모달 (% 할인 / 원 단위 할인 선택)
할인 없을 때 "할인 없음" 회색 텍스트

3-3. 학생 수 카드

해당 클래스 수강생 수 (읽기 전용)
클래스 관리에서 자동 동기화

4 매월 청구 추가항목

4-1. 용도

클래스의 매월 청구서에 자동 포함되는 반복 추가 항목
예: 교재비 15,000원 (매달 청구)

4-2. 리스트 표시

항목명 + 금액 / 각 행에 [✕] 삭제 버튼
[+ 추가] 버튼 클릭 → SET-002 매월 청구 추가 모달 노출

4-3. 청구 정책

추가항목은 클래스 할인 적용 대상 아님 (할인 제외)
매월 청구서 생성 시 자동 포함

5 이번 달만 청구 추가항목 (N월)

5-1. 용도

현재 달 청구서에만 1회 포함되는 일회성 항목
예: 4월 모의고사비 20,000원

5-2. 자동 삭제

월말 23:59 이후 자동 삭제 (다음 달로 이월되지 않음)
헤더에 "4월 말일 23:59 이후 자동 삭제" 안내 표시

5-3. [+ 추가] 버튼

클릭 시 SET-003 이번 달만 청구 추가항목 모달 노출

5-4. 청구 정책

추가항목과 동일 — 할인 제외

버전(ver)	v2.0	페이지코드	SET-002	페이지명	매월 청구 추가항목 등록 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 클래스 > [+ 추가] (매월 청구)			Description

1

1-1

1-2

1-3

1-4

■ 요약

클래스 상세의 [매월 청구 추가항목] 섹션에서 [+ 추가] 버튼 클릭 시 노출되는 입력 모달
등록하면 해당 클래스의 매월 청구서에 반복 청구되는 항목(예: 교재비)

■ 화면 진입 조건

수납 설정 > 클래스 > 클래스 선택 > [매월 청구 추가항목] 섹션 [+ 추가] 버튼 클릭

1 매월 청구 추가항목 등록 모달

1-1. 항목명 입력

텍스트 입력창 · 빈 입력창 안내 문구: "예) 교재비, 모의고사비"
필수 입력

1-2. 금액 입력 (원)

숫자 입력창 · 빈 입력창 안내 문구: "예) 15,000"
필수 입력, 천 단위 콤마 자동 처리

1-3. [취소] 버튼

회색 outline — 모달 닫기 (저장 없이 종료)

1-4. [저장] 버튼

노란 버튼
클릭 시 클래스의 매월 청구 추가항목에 등록 → 모달 닫기
등록된 항목은 매월 청구서 생성 시 자동 포함

버전(ver)	v2.0	페이지코드	SET-003	페이지명	이번 달만 청구 추가항목 등록 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 클래스 > [+ 추가] (이번 달만 청구 추가항목)			Description

1

1-1

1-2

1-3

1-4

■ 요약

클래스 상세의 [이번 달만 청구 추가항목] 섹션에서 [+ 추가] 버튼 클릭 시 노출되는 입력 모달
등록하면 해당 클래스의 이번 달 청구서에만 일회성으로 포함되는 항목 (예: 모의고사비)
월말 23:59 이후 자동 삭제 (다음 달로 이월되지 않음)

■ 화면 진입 조건

수납 설정 > 클래스 > 클래스 선택 > [이번 달만 청구 추가항목 (N월)] 섹션 [+ 추가] 버튼 클릭

1 이번 달만 청구 추가항목 등록 모달

1-1. 항목명 입력

텍스트 입력창 · 빈 입력창 안내 문구: "예) 모의고사비, 특강비"
필수 입력

1-2. 금액 입력 (원)

숫자 입력창 · 빈 입력창 안내 문구: "예) 20,000"
필수 입력, 천 단위 콤마 자동 처리

1-3. [취소] 버튼

회색 outline — 모달 닫기 (저장 없이 종료)

1-4. [저장] 버튼

노란 버튼
클릭 시 클래스의 이번 달만 청구 추가항목에 등록 → 모달 닫기
이번 달 청구서에만 1회 포함 · 월말 자동 삭제

버전(ver)	v2.0	페이지코드	SET-004	페이지명	수납 설정 — 학생할인 관리	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 학생할인 관리			Description

1

1-1

1-2

1-3

2

3

4

■ 요약

학생에게 부여할 할인 유형을 등록·관리하는 화면
여기서 등록한 할인이 학생 상세의 할인 배정 드롭다운에 노출
각 할인마다 현재 적용된 학생 리스트 함께 관리

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
진입 경로: 운영 > 수납 > 수납 설정 > 학생할인 관리
첫 할인 자동 선택 → 우측 상세 렌더링

1 할인 리스트 (좌측 패널)

1-1. [+ 학생할인 유형 추가] 버튼

노란 버튼 (primary)
클릭 시 SET-005 할인 추가 모달 노출 (이름·방식·값 입력)

1-2. 필터 드롭다운

옵션: 전체 / % 할인 / 원 할인
선택 시 리스트 실시간 필터링

1-3. 할인명 검색 입력창

자모 분해 검색 지원 (ㅎ → 형제할인 매칭)

1-4. 할인 리스트 행

좌측: 할인명 (예: 형제할인)
우측: 값 — % 할인은 파란색, 원 할인은 오렌지색
선택된 행: 노란 배경 + 왼쪽 노란 테두리
스크롤 바 노출 (8px 회색)
첫 항목 자동 선택

2 할인 정보 헤더

2-1. 할인명 타이틀

선택된 할인의 이름 (큰 글씨 · 굵게)

2-2. 우측 액션

[삭제] 버튼 (빨간 outline) — 필요 시 노출
클릭 시 확인 모달 → 할인 삭제 + 모든 배정 학생에서 자동 제거

3 스탯카드 3개 (다크 그라디언트)

3-1. 할인 방식 카드

예: "% 할인 15%" 또는 "원 할인 10,000원"
카드 우상단 [수정] 버튼 → 할인 방식·값 수정 모달

3-2. 적용 학생 카드

현재 이 할인을 받고 있는 학생 수
아래 적용 학생 목록과 동기화

3-3. 지난달 총 할인액 카드

지난달 청구서에서 이 할인으로 차감된 총액
운영 리포트 참고용 통계

4 적용 학생 목록

4-1. 헤더

"적용 학생 N명" 카운트 + [+ 학생 추가] 버튼

4-2. 학생명 검색

적용 중인 학생 리스트 내 검색

4-3. 학생 행

좌측: 이름 (아이디) 예: 김민준 (minjun01)
중앙: 수강 클래스 태그 (여러 개)
우측: ✕ 제거 버튼

4-4. [+ 학생 추가] 버튼

클릭 시 SET-006 학생 추가 모달 노출 (복수 체크)
이미 적용된 학생은 기본 체크 + 노란 배경으로 표시

4-5. ✕ 제거

클릭 시 확인 모달: "이 학생에서 [할인명] 제거할까요?"
확인 시 해당 학생에게서 할인 배정 해제

버전(ver)	v2.0	페이지코드	SET-005	페이지명	학생할인 유형 추가 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 학생할인 관리 > [+ 학생할인 유형 추가]			Description

1

1-1

1-2

1-3

1-4

1-5

■ 요약

수납 설정 > 학생할인 관리의 좌측 패널 [+ 학생할인 유형 추가] 버튼 클릭 시 노출
새로운 학생 할인 유형을 등록하는 입력 모달
등록하면 학생 상세에서 개별 배정 가능

■ 화면 진입 조건

진입 경로: 수납 설정 > 학생할인 관리 > [+ 학생할인 유형 추가] 버튼
기존 할인 유형 개수 제한 없음

1 학생할인 유형 추가 모달

1-1. 할인명 입력

텍스트 입력창 · 빈 입력창 안내 문구: "예: 형제할인, 얼리버드"
최대 8글자 제한
필수 입력

1-2. 할인 방식 토글

두 가지 선택지: [% 할인] / [원 단위 할인]
기본 선택: % 할인 (노란 배경 + 진한 테두리)
안내 문구: "하나만 선택할 수 있어요. 100 초과 입력 시 자동으로 원 단위로 전환돼요"

1-3. 할인값 입력

숫자 입력창 + 단위 표시 (% 또는 원)
% 할인 선택 시: 0~100 사이 숫자
원 단위 할인 선택 시: 양의 정수

1-4. [취소] 버튼

노란 outline — 모달 닫기 (저장 없이 종료)

1-5. [저장] 버튼

노란 버튼
클릭 시 할인 유형 등록 → 좌측 할인 리스트에 추가
등록된 할인은 학생 상세에서 개별 배정 가능

버전(ver)	v2.0	페이지코드	SET-006	페이지명	학생할인 학생 추가 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 학생할인 관리 > [+ 학생 추가]			Description

1

1-1

1-2

1-3

1-4

1-5

1-6

■ 요약

학생할인 상세 영역의 [+ 학생 추가] 버튼 클릭 시 노출
선택한 할인을 여러 학생에게 일괄 배정하는 모달
이미 배정된 학생은 기본 체크 상태로 표시

■ 화면 진입 조건

진입 경로: 학생할인 관리 > 할인 선택 > [적용 학생] 섹션 > [+ 학생 추가]
할인 유형이 선택된 상태여야 진입 가능

1 학생할인 학생 추가 모달

1-1. 모달 타이틀

"[할인명] — 학생 추가" 형식 (예: "가족할인 — 학생 추가")

1-2. 안내 문구

"[할인명]을(를) 적용할 학생을 선택하세요" 서브타이틀

1-3. 학생명 검색 입력창

실시간 필터링 (자모 분해 검색 지원)
검색어 입력 시 아래 학생 리스트 자동 좁혀짐

1-4. 학생 체크 리스트

전체 학생 목록 스크롤 뷰 (이름 + 아이디)
이미 해당 할인이 배정된 학생은 기본 체크 + 노란 배경
새로 추가할 학생만 체크 = 배정 / 체크 해제 = 배정 해제

1-5. [취소] 버튼

노란 outline — 모달 닫기 (변경 없이 종료)

1-6. [저장] 버튼

노란 버튼
클릭 시 체크 상태 반영 → 할인 적용 학생 리스트 갱신

버전(ver)	v2.0	페이지코드	SET-007	페이지명	수납 설정 — 학생 상세	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 학생			Description

1

2

3

4

5

■ 요약

개별 학생의 할인 배정·누적 납부/미납 현황·수강 클래스·청구서 이력을 한 화면에서 관리
학생 프로필 수납 메모 편집 지점 (모든 청구서에 공유)
청구서 이력 행 클릭 시 SET-008 청구서 상세 모달 오픈

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
진입 경로: 운영 > 수납 > 수납 설정 > 학생
첫 학생 자동 선택 → 우측 상세 렌더링

1 학생 리스트 (좌측 패널)

1-1. 클래스 필터 드롭다운

옵션: 전체 클래스 / 각 클래스명 (예: 그래머 A반)
선택 시 해당 클래스 수강 학생만 노출

1-2. 학생명 검색

자모 분해 검색 지원

1-3. 학생 행

좌측: 이름 (예: 김민준) / 우측: 아이디 (예: minjun01)
선택된 행: 노란 배경 + 왼쪽 노란 테두리
첫 학생 자동 선택

2 학생 수납 메모

2-1. 헤더

학생명 (큰 글씨) + 아이디 (회색 · 작은 글씨)

2-2. 메모 입력창

학생 프로필에 저장되는 상시 메모
이 학생의 모든 청구서에 공유됨 (새 청구서 생성 시 자동 반영)
용도: 수납 관련 이력·납부 특이사항·결제 선호 방식 등
안내 문구: "상담 내용, 특이사항 등 · 새 청구서 생성 시 자동 반영"

3 누적 현황 스탯카드 (3개)

3-1. 이번 달 청구액 카드

현재 월의 해당 학생 총 청구액
상태 배지: 미발송 / 미납 / 완납

3-2. 누적 미납액 카드

아직 결제되지 않은 모든 월 청구액 합계
빨간색 강조 (주의 환기)

3-3. 누적 납부액 카드

시작월부터 현재까지의 납부 총액 (예: 2025.09~)
초록색 강조

4 학생할인 카드

4-1. 카드 헤더

제목: "학생할인"
설명: "수강 중인 모든 클래스의 총 수강료에서 할인 적용돼요. 중복 추가 가능"
우측 상단 [+ 추가] 노란 버튼

4-2. 배정된 할인 태그

각 태그: 할인명 + 값 + ✕ 제거 버튼 (예: 형제할인 10% ✕)
태그 클릭 시 해당 할인 정보 페이지로 이동 (옵션)

4-3. [+ 추가] 드롭다운

클릭 시 드롭다운 노출
항목: 아직 이 학생에게 배정 안 된 할인 목록 + "+ 새 할인 유형 만들기" 최하단 옵션
선택 시 해당 할인 즉시 배정 → 태그 추가

4-4. ✕ 제거

클릭 시 확인 모달 → 해당 학생에게서 할인 해제

5 청구서 내역 카드

5-1. 카드 헤더

제목: "청구서 내역 N건"

5-2. 필터 칩

전체(기본) / 미발송 / 미납 / 완납 / 취소 / 환불
선택된 칩 노란 배경 + 진한 테두리

5-3. 청구서 행

좌측: 청구 월 (예: 2026년 4월)
중앙: 금액 / 우측: 상태 배지
월별 정렬 (최신 먼저)

5-4. 행 클릭

클릭 시 SET-008 청구서 상세 모달 오픈 (BILL-002와 동일 컴포넌트)

버전(ver)	v2.0	페이지코드	SET-008	페이지명	학생 상세 · 청구서 상세 모달	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 학생 > 학생 선택 > 청구서 내역 행 클릭			Description

1

2

3

4

5

6

■ 요약

학생 상세 화면의 [청구서 내역] 섹션에서 행 클릭 시 노출되는 청구서 상세 모달
수납 내역의 BILL-002 모달과 동일한 구조 (3단 레이아웃)
진입 경로만 다를 뿐 같은 모달 컴포넌트 재사용

■ 화면 진입 조건

진입 경로: 수납 설정 > 학생 > 학생 선택 > [청구서 내역] 카드 > 월별 청구서 행 클릭
보기 모드 기본 (편집 불가) → [청구서 수정] 버튼 클릭 시 편집 모드 진입

1 학생 할인 (좌측 상단)

🏷️ "학생 할인" + [이 청구서에만] 파란 배지 + N개 카운트
할인 태그 리스트 (예: 형제할인 10%, 우수학생 15%)
여기서 변경한 할인은 이 청구서에만 적용

2 클래스 카드 (중앙)

학생이 수강 중인 각 클래스마다 카드 하나씩
기본 수강료 + 클래스 할인 + 매월/이번 달만 청구 추가항목
카드 하단에 "월 납부액" (수강료 소계 + 모든 추가항목)

3 요약 (우측 상단)

상품금액: 기본 수강료 + 추가항목 합계
할인 합계 ▾: 드롭다운으로 펼치면 클래스 할인 / 학생 할인 세부 표시
총 결제금액: 실청구액 (굵게 강조)

4 학생 수납 메모 (좌측 하단)

📝 "학생 수납 메모" + [전체 수납 메모] 초록 배지
학생 프로필과 모든 청구서에 공유
읽기 전용 입력창 (편집 모드에서만 입력 가능)

5 청구서 메모 (우측 하단)

📋 "청구서 메모" + [이 청구서에만] 파란 배지
일회성 특이사항 · 수납 내역 테이블 메모 컬럼에 표시
완납처리 시 "[결제수단] 입력메모"가 맨 앞에 자동 추가

6 Footer 버튼 (상태별 가변)

미발송: 수납톡 발송 · 완납처리 | 청구서 수정 · 삭제 · 닫기
미납: 수납톡 발송(재발송) · 청구서 취소 · 완납처리 | 청구서 수정 · 삭제 · 닫기
완납: 환불 | 삭제 · 닫기
취소/환불: 삭제 · 닫기
비활성 버튼은 숨김 (표시 안 됨)

버전(ver)	v2.0	페이지코드	SET-009	페이지명	수납 설정 — 청구서 규칙	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 수납 설정 > 청구서 규칙			Description

1

2

3

4

■ 요약

청구서 자동발생일·납입기한·수납톡 발송 방식을 한 번에 설정하는 글로벌 규칙
여기 설정값이 모든 학생·모든 청구서 생성 시 기본 적용
모든 필드 변경 시 상단 스탯카드 실시간 재계산 (예: "4/1 생성 → 4/21까지 납부")

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
진입 경로: 운영 > 수납 > 수납 설정 > 청구서 규칙
올댓페이 가입 완료 상태에서 설정 권장 (미가입 시도 설정 가능)

1 스탯카드 3개 (다크 그라디언트)

1-1. 자동발생일 카드

다음 청구서 발생 예정일 (YYYY.MM.DD)
서브 텍스트: "새벽 1시 자동 생성"
자동발생일 필드 변경 시 실시간 갱신

1-2. 납입기한 카드

"생성 후 20일" 또는 "4월 30일" 표시
서브 텍스트: "4/1 생성 → 4/21까지 납부" (예시 계산)

1-3. 수납톡 발송 방식 카드

"수납톡 1회 발송" 또는 "변경 시 재발송"
서브 텍스트: 선택된 정책에 맞는 설명

2 청구서 생성 방식 섹션

2-1. 2모드 선택

두 카드 중 하나 선택 (가로 배치)
선택된 카드: 노란 배경 + 진한 테두리
서브 안내: "청구서 생성과 수납톡 발송은 별도로 동작"

2-2. 자동발생 (기본)

"매월 설정일에 청구서 자동 생성"
자동발생일 드롭다운 (1~31일) 노출
매월 해당일 새벽 1시에 모든 학생 청구서 자동 생성

2-3. 수동 생성

"필요할 때 직접 생성"
월 선택 드롭다운 + [XX월 청구서 생성] 버튼 노출
확인 모달 → 선택 월 청구서 일괄 생성

3 수납톡 발송 방식 섹션

3-1. 수납톡 1회 발송 (기본)

"기존 수납톡으로 수정된 청구서 금액 결제 가능"
청구서 수정해도 재발송 없음 (기존 수납톡 링크로 결제)

3-2. 변경 시 재발송

"청구서 수정할 때마다 수납톡 다시 발송"
학부모에게 최신 금액 알림 (알림톡 비용 추가 발생 가능)

4 납입기한 섹션 (2모드 라디오)

4-1. ① 생성 후 [N] 일 이내 (기본)

드롭다운 1~31일 중 선택 · 기본값 20일
예: 4/1 생성 → 4/21까지 납부

4-2. ② 생성한 월의 마지막 날까지

예: 4/1 생성 → 4/30까지 납부
월마다 기한이 다르게 설정됨

4-3. 배타적 선택

한쪽 선택 시 다른 쪽은 회색 흐림 + 입력 불가
라디오 버튼 형식

버전(ver)	v2.0	페이지코드	PAY-001	페이지명	올댓페이 등록 — 미가입	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 올댓페이 등록			Description

1-3

2-1

2-2

3-1

1-1

1-2

1-4

3-2

3-3

■ 요약

올댓페이 미가입 상태에서 수납 메뉴 최초 진입 시 노출되는 안내 화면
올댓페이 서비스 소개, 수납 프로세스, 수수료 정책, 가입 필요 서류 안내 제공
가입 완료 전까지 수납 관련 기능 사용 불가

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
올댓페이 가입 상태: 미가입
운영 > 수납 > 올댓페이 등록 진입 시 노출

1 수납 메뉴 · 탭 · CTA (진입점)

1-1. 수납 메뉴 (사이드바)

좌측 GNB의 수납 메뉴 항목
마스터 / 매니저 역할에게만 노출
선택 시 수납 화면으로 이동

1-2. 올댓페이 등록 탭

수납 화면 상단의 탭 메뉴
올댓페이 가입 / 관리 페이지로의 진입점

1-3. 수납내역, 바로청구서, 수납설정, 증빙서류

올댓페이 계정이 등록되어 있지 않은 상황에서는 해당 메뉴 클릭이 되지 않음

1-4. 올댓페이 가입하기 버튼

배너 영역 내 CTA 버튼
배너 안내: 카드·카카오페이·네이버페이로 학원비 수납 가능, 가입 후 영업일 기준 5~10일 내 심사 완료
클릭 시 올댓페이 가입 신청 페이지로 이동
URL: https://apply.allthatpay.kr/api/access/BusiAccessUpload?busi_no=1438703120&apply_key=26292

2 안내 카드

2-1. 수납 프로세스 안내 (이렇게 수납해요)

클릭 미반응, 조회 전용 영역
발송: 알림톡
결제: 9개 카드사, 네이버페이, 카카오페이

2-2. 수수료 안내 (추가 수수료가 없어요)

클릭 미반응, 조회 전용 영역
올댓페이·굿티처 추가 수수료 없음
카드사 수수료만 학원 부담

3 가입 필요 서류 안내 영역

서류 목록은 조회만 가능, 클릭 불가
서류 업로드는 올댓페이 신청 페이지에서 별도 진행
[개인사업자] / [법인사업자] 탭으로 구분
개인사업자 탭 선택 시 아래 서류 목록 노출
개인사업자 서류: 사업자등록증, 대표자 신분증, 통장사본, 인허가증, 가맹점 내·외부 사진(2장씩), 대표 휴대폰 번호, 이메일 주소, 가맹점 유선번호
"카드단말기 사용 학원은 사업자등록증, 대표자 신분증, 대표님 휴대폰 번호, 이메일 주소, 가맹점 유선번호만 있으면 충분" 안내 표시

버전(ver)	v2.0	페이지코드	PAY-002	페이지명	올댓페이 등록 — 심사중	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 올댓페이 등록 (상태: 심사중)			Description

1

2

3

4

■ 요약

올댓페이 가맹 신청 제출 완료 후, 올댓페이에서 서류·영업 심사 진행 중인 상태
학원 측에서 별도 액션 불필요 — 심사 결과(완료/반려)가 이 화면에 자동 반영
심사 소요: 영업일 기준 5~10일

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
올댓페이 가입 상태: 심사중
운영 > 수납 > 올댓페이 등록 진입 시 노출

1 가맹 심사 진행 상태 (5단계 스텝)

1-1. 스텝 구성

① 접수 · ② 서류접수 · ③ 심사중 (현재) · ④ 심사완료 · ⑤ 완료
학원이 가입 신청 제출 후 → 접수·서류접수는 이미 완료 상태

1-2. 상태별 스타일

완료 스텝: 초록 원 + 체크(✓) 아이콘
현재 스텝: 노란 원 + 번호 (강조)
미완료 스텝: 회색 원 + 번호
스텝 간 연결선도 완료/미완료 색 분리

1-3. 자동 갱신

올댓페이 심사 결과 변경 시 이 단계 표시가 자동으로 이동
실시간 폴링 또는 페이지 재진입 시 반영

2 진행 안내 배너 (⏳)

2-1. 배너 타이틀

"심사가 진행 중이에요" (큰 글씨 · 가운데 정렬)
⏳ 아이콘 포함

2-2. 배너 설명 문구

"영업일 기준 5~10일 소요. 상태가 변경되면 이 화면에 자동 반영돼요"
심사 대기 심리적 안정화 목적 — 추가 조작 없음을 명시

3 신청 정보 카드 (읽기 전용)

3-1. 표시 항목 (5개)

상호명 (예: 사평영어학원 홍대점)
사업자번호 (예: 123-45-67890)
대표자 성명
연락처 (대표 전화번호)
사업자주소

3-2. 편집 정책

모든 필드 읽기 전용 — 학원에서 직접 수정 불가
정보 변경 필요 시 올댓페이 고객센터 문의 요청

3-3. 문의 링크

카드 하단에 "서비스신청정보에 문의하기" 링크 노출
클릭 시 올댓페이 문의 페이지 또는 전화번호(1811-6277) 안내

4 하단 문의 안내 배너 (💡)

4-1. 안내 문구

"서류 제출·심사 상세 진행 상황은 올댓페이에서 직접 관리"
굿티처가 아닌 올댓페이 담당임을 명확히 표시

4-2. 연락처 안내

"문의가 필요하면 올댓페이로 (1811-6277) 연락"
전화번호는 클릭 시 전화 걸기 (tel: 링크) 적용 가능

버전(ver)	v2.0	페이지코드	PAY-003	페이지명	올댓페이 등록 — 반려	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 올댓페이 등록 (상태: 반려)			Description

1

2

■ 요약

올댓페이 심사 결과 반려된 상태의 안내 화면
서류 보완이 필요하며 재신청은 올댓페이 고객센터(전화) 경로로 안내
굿티처 내에서 [다시 신청하기] 같은 자체 버튼은 제공하지 않음

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
올댓페이 가입 상태: 반려
운영 > 수납 > 올댓페이 등록 진입 시 노출

1 반려 헤더 (⚠️)

1-1. 경고 아이콘

⚠️ 원형 배경 (연한 노란색) + 진한 노란색 느낌표
반려 상태임을 시각적으로 즉각 인지

1-2. 타이틀

"서류 보완이 필요해요" (큰 글씨 · 굵게)
반려 사유의 핵심 요약

1-3. 설명 문구

"올댓페이에서 아래 사유로 심사가 반려되었어요. 서류를 보완한 후 다시 신청해 주세요"
다음 단계 행동 유도

2 사유 + 문의 박스

2-1. 사유 박스 (연한 노란 배경)

안내 문구: "서류 보완이 필요합니다. 문의가 필요하면 올댓페이로 (1811-6277) 연락"
상세 반려 사유는 표시 안 함 — 올댓페이 개인정보·보안 정책 고려

2-2. 보조 안내

"※ 상세 사유는 올댓페이에 문의해 주세요" (작은 회색 글씨)

2-3. 액션 버튼 정책

[다시 신청하기] 버튼 없음
[올댓페이 문의] 버튼 없음
전화 연락(1811-6277) 유도만 표시 — 재신청 프로세스는 올댓페이 측에서 처리

버전(ver)	v2.0	페이지코드	PAY-004	페이지명	올댓페이 등록 — 완료	이용자	PC	Description
작성인	굿티처	작성일	2026.04.20	페이지 경로	학원폴더 > 마스터/매니저 > 수납 > 올댓페이 등록 (상태: 완료)			Description

1

2

3

4

5

■ 요약

올댓페이 심사가 정상 완료되어 TID(가맹점 ID) 발급된 상태
이 시점부터 수납톡 발송·카드/페이 결제·완납처리 등 수납 기능 전체 기능 활성화
다음 단계로 수납 설정(클래스 수강료·할인·학생 배정) 진행 유도

■ 화면 진입 조건

접근 가능 역할: 마스터, 매니저
올댓페이 가입 상태: 완료
운영 > 수납 > 올댓페이 등록 진입 시 노출

1 완료 헤더 (✓)

1-1. 체크 아이콘

✓ 초록 원형 배경 + 흰색 체크 (큰 사이즈)
긍정적 완료 상태 시각화

1-2. 타이틀

"가맹 등록이 완료되었어요!" (큰 글씨 · 굵게)

1-3. 설명 문구

"이제 결제 서비스를 사용할 수 있어요. 수납 설정을 진행해 주세요"
다음 액션(수납 설정)으로 자연스럽게 유도

2 완료 정보 카드 (6개 항목)

2-1. 표시 항목

상호명 · 사업자번호 · TID · 대표자 · 연락처 · 사업자주소
표 형식 (info-label / info-value 2열)

2-2. TID (핵심)

올댓페이 가맹 승인 후 자동 생성되는 고유 ID
결제 요청·정산 시 이 TID 기준으로 처리
예: 2389746

2-3. 편집 정책

모든 필드 읽기 전용 — 변경 시 올댓페이 문의

3 CTA 버튼 [수납 설정 시작하기 →]

3-1. 버튼 스타일

노란 버튼 (primary) · 가운데 정렬 · 큰 사이즈
텍스트: "수납 설정 시작하기 →"

3-2. 클릭 동작

클릭 시 수납 설정 > 클래스 화면(SET-001)으로 이동
온보딩 플로우: 올댓페이 가입 완료 → 클래스 수강료 설정

4 다음 단계 안내 (💡)

4-1. 안내 문구

"클래스에서 수강료를 설정하고, 학생할인 유형을 등록한 후, 학생별로 할인을 개별 배정하면 결제 요청을 보낼 수 있어요"
수납 설정 3단계 플로우 요약

4-2. 순서

① 클래스 수강료 설정 (SET-001)
② 학생할인 유형 등록 (SET-004)
③ 학생별 할인 배정 (SET-007)
→ 청구서 발행 및 결제 요청 가능

5 문의 안내 (📞)

5-1. 안내 문구

"문의가 필요하면 올댓페이로 (1811-6277) 연락"

5-2. 목적

정산·수수료·가맹 정보 변경 등은 올댓페이에서 처리
굿티처 서비스 자체 문의와 구분