사용자 화면 · 마이페이지

1:1 문의 상세

MYP-012 · 2026. 03. 04

화면 이름 1:1 문의의 상세 내용
화면 위치 마이페이지 > 1:1문의 > 1:1문의의 상세 내용
화면 ID MYP-012
작성일 2026. 03. 04
9:41
1:1 문의 제목

20XX. XX. XX

사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다.

* 차트 답변

차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다.

추가 문의하기
1-1
1-2
1-3
1-4
9:41
(추가 문의) 1:1 문의 제목

20XX. XX. XX

사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다.

* 차트 답변

차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다.

추가 문의하기
2-1
9:41
1:1 문의

1:1문의 내용이 없습니다

1:1 문의 하기
3
Description
0 화면 접근 조건
  • 1:1 문의 상세 내용은 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 해당 상세 화면으로 이동
1-1 1:1문의 상세내용 헤더
  • 구성
    • 뒤로가기 버튼
    • 문의 제목 영역
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 1:1문의의 리스트 화면(MYP-011)으로 이동
1-2 1:1문의 상세내용
  • 구성
    • 원래 작성일
    • 사용자 문의 본문 텍스트
    • 첨부 이미지 영역(있는 경우)
    • 이미지가 포함된 경우 썸네일 노출
1-3 1:1문의 답변내용
  • 구성
    • 차트 답변 구분 텍스트
    • 문의 답변 등록 후 답변이 등록된 경우에만 노출
1-4 1:1문의 추가 문의하기 버튼
  • 구성
    • 하단 고정 버튼: 추가 문의하기
  • 동작
    • 클릭 시
      • 1:1 문의 등록 화면(MYP-011)으로 이동
      • (추가문의) 기존 문의 내용과 연결하여 저장 비연
0 1:1 문의 추가 문의 상세내용 헤더
  • 구성
    • 뒤로가기 버튼
    • 문의 제목 앞 (추가문의) + 기존 문의의 제목 형태로 노출
  • 동작
    • 뒤로가기 버튼 클릭 시, 1:1 문의 리스트 화면(MYO-011)으로 이동
2-1 추가 문의 상세내용 헤더
  • 구성
    • 상세 영역에는 (추가문의) + 기존 문의의 제목 형태로 노출
  • 동작
    • 뒤로가기 버튼 클릭 시, 1:1 문의 리스트 화면(MYP-011)으로 이동
3 1:1문의 내역이 없는 화면
  • 노출 조건
    • 1:1 문의 내역이 없는 경우
  • 노출 문구
    • 1:1 문의 내용이 없습니다
  • 버튼
    • 하단 고정 버튼: 1:1 문의 하기
  • 동작
    • 1:1 문의 등록 화면(MYP-011)으로 이동
4 공통 규칙
  • 1:1 문의 상세 내용 화면은 읽기 전용
  • 문의 제목/본문은 수정 가능하되 삭제만 접근
  • 추가 문의는 등록 건 기준 전환 가능으로 관리
  • 본 화면은 마이페이지 공통 규격(MYP001)을 따른다

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

9:41
1:1 문의 제목

20XX. XX. XX

사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다.

* 차트 답변

차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다.

추가 문의하기
9:41
(추가 문의) 1:1 문의 제목

20XX. XX. XX

사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다. 사용자 1:1 문의의 등록 본문 내용입니다.

* 차트 답변

차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다. 차트 1:1 문의의 답변 내용입니다.

추가 문의하기
9:41
1:1 문의
MYP-012

1:1문의 내용이 없습니다

1:1 문의 하기
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
헤더 타이틀 --sans · 17px · 700 Pretendard, --charcoal
날짜 텍스트 --mono · 11px TASA Orbiter, --text-muted, ls: 0.02em
문의 본문 --sans · 14px · 400 · line-height 1.8 Pretendard, --charcoal
첨부 이미지 영역 --paper + linen Paper-Catalog 메타포
답변 라벨 --mono · 11px · 600 · uppercase TASA Orbiter, --text-muted
하단 CTA 버튼 --charcoal bg · 50px 직각, 14px, 600
Empty State 텍스트 --sans · 15px · 500 · --text-muted center, 빈 상태 안내 문구
구분선 rgba(26,26,26,0.06) 1px solid, 섹션 분리
좌우 패딩 24px 전체 콘텐츠 마진
Paper-Catalog Hero --paper + linen CHRT 모노그램 각인, 레드 악센트 바
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 1:1 문의 상세 내용은 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 해당 상세 화면으로 이동
1-1 1:1문의 상세내용 헤더
  • 구성
    • 뒤로가기 버튼
    • 문의 제목 영역
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 1:1문의의 리스트 화면(MYP-011)으로 이동
1-2 1:1문의 상세내용
  • 구성
    • 원래 작성일
    • 사용자 문의 본문 텍스트
    • 첨부 이미지 영역(있는 경우)
    • 이미지가 포함된 경우 썸네일 노출
1-3 1:1문의 답변내용
  • 구성
    • 차트 답변 구분 텍스트
    • 문의 답변 등록 후 답변이 등록된 경우에만 노출
1-4 1:1문의 추가 문의하기 버튼
  • 구성
    • 하단 고정 버튼: 추가 문의하기
  • 동작
    • 클릭 시
      • 1:1 문의 등록 화면(MYP-011)으로 이동
      • (추가문의) 기존 문의 내용과 연결하여 저장 비연
0 1:1 문의 추가 문의 상세내용 헤더
  • 구성
    • 뒤로가기 버튼
    • 문의 제목 앞 (추가문의) + 기존 문의의 제목 형태로 노출
  • 동작
    • 뒤로가기 버튼 클릭 시, 1:1 문의 리스트 화면(MYO-011)으로 이동
2-1 추가 문의 상세내용 헤더
  • 구성
    • 상세 영역에는 (추가문의) + 기존 문의의 제목 형태로 노출
  • 동작
    • 뒤로가기 버튼 클릭 시, 1:1 문의 리스트 화면(MYP-011)으로 이동
3 1:1문의 내역이 없는 화면
  • 노출 조건
    • 1:1 문의 내역이 없는 경우
  • 노출 문구
    • 1:1 문의 내용이 없습니다
  • 버튼
    • 하단 고정 버튼: 1:1 문의 하기
  • 동작
    • 1:1 문의 등록 화면(MYP-011)으로 이동
4 공통 규칙
  • 1:1 문의 상세 내용 화면은 읽기 전용
  • 문의 제목/본문은 수정 가능하되 삭제만 접근
  • 추가 문의는 등록 건 기준 전환 가능으로 관리
  • 본 화면은 마이페이지 공통 규격(MYP001)을 따른다
← 이전 화면: MYP-011 다음 화면: MYP-013 →