# DQ 간이 평가 보고서 -- task-1460.1 피드백 수정 검증 > 평가자: 로키 (보안팀 팀장, Devil's Advocate) > 평가일: 2026-04-05 > 평가 유형: 피드백 수정 사항 정확성 검증 (전체 100점 평가 아님) > 대상: 6셀 x 2사이즈 = 12장 배너 --- ## Cell 1 -- incar-fair (인카 x 정당한보상) ### 수정 요구사항: "수수료 격차 최대 2배"에 반투명 다크 배경 추가 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "수수료 격차 최대 2배" 반투명 다크 배경 추가 | **PASS** | HTML `.num-flash` 클래스에 `background: rgba(0,0,0,0.6); padding: 8px 24px; border-radius: 6px;` 적용 확인. PNG에서도 해당 텍스트 뒤로 반투명 다크 배경이 명확히 보임. 가독성 대폭 향상 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트가 1080x1080 캔버스 내에 안정적으로 배치됨. 상하단 골드바(80px) 사이 영역 내 정상 렌더링 | | 최소 폰트 40px | **PASS** | 최소 font-size: 44px (CTA) | **Cell 1 1080: PASS** #### 1200x628 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "수수료 격차 최대 2배" 반투명 다크 배경 추가 | **ISSUE** | HTML `.num-flash`에 반투명 다크 배경 CSS가 없음. 1080에만 적용되고 1200에는 누락됨. 단, PNG 시각적으로 text-shadow가 강력하게 적용되어 가독성 자체는 확보됨 | | 텍스트 캔버스 밖 넘침 여부 | **FAIL** | PNG에서 서브카피 "정착지원금 최대 1,000만원 \| 경력직 직전연..." 우측 잘림 확인. HTML에서 `.sub-copy`에 `white-space: nowrap; font-size: 64px`이 적용되어 있으나 text-area width가 60%로 제한되면서 오버플로우 발생. "경력직 직전연봉 50% 지원" 텍스트의 마지막 "봉 50% 지원" 부분이 잘림 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (CTA, badge) | **Cell 1 1200: FAIL** - **CRITICAL**: 서브카피 64px + white-space:nowrap으로 인한 텍스트 잘림이 Cycle 2에서 이미 경고된 사항이나 미수정. 48px 축소 또는 줄바꿈 허용 필요 --- ## Cell 2 -- incar-leader (인카 x 관리자비전) ### 수정 요구사항: "89일" -> "6월까지"로 변경 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "89일" -> "6월까지" 변경 | **PASS** | HTML `.hero-number` 텍스트가 "6월까지"로 정확히 변경됨. PNG에서도 "6월까지"가 96px 골드색으로 명확히 렌더링 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트가 안정적으로 배치됨 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge) | **Cell 2 1080: PASS** #### 1200x628 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "89일" -> "6월까지" 변경 | **PASS** | HTML `.hero-number`가 "6월까지"로 변경 확인. PNG에서 96px 골드색 "6월까지" 정상 렌더링 | | 텍스트 캔버스 내 유지 | **PASS** | text-area 55% 폭 내 모든 요소 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge, sub-copy) | **Cell 2 1200: PASS** --- ## Cell 4 -- ga-fair (GA x 정당한보상) ### 수정 요구사항: (1) 1080 뱃지 상단 이동, (2) 1200 "티오피사업단" 한글 표기 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "티오피사업단" 뱃지 상단 이동 | **PASS** | HTML에서 `.badge`가 `.text-area` 외부에 위치하며, `position: absolute; top: 64px; left: 50%; transform: translateX(-50%)`로 상단 중앙에 독립 배치됨. PNG에서도 뱃지가 배너 상단에 명확히 위치 확인 | | "티오피사업단" 한글 표기 | **PASS** | HTML에서 `
티오피사업단
` 한글로 표기됨 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge) | **Cell 4 1080: PASS** #### 1200x628 | 검증 항목 | 판정 | 상세 | |----------|------|------| | "티오피사업단" 한글 표기 | **PASS** | HTML에서 `
티오피사업단
` 한글 적용 확인. PNG에서도 빨간 뱃지 안에 "티오피사업단" 한글 정상 렌더링 | | 텍스트 캔버스 내 유지 | **ISSUE** | PNG에서 서브카피 "정착지원금 \| 수수료율 \| 1200% 룰 비교" 우측 끝부분이 약간 타이트함. 현재는 잘리지 않았으나 font-size: 64px + white-space: nowrap으로 위험 구간. 48px 축소 권장 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge) | **Cell 4 1200: PASS (경고 포함)** - WARNING: 서브카피 64px가 1200x628 60% 영역에서 경계선 근접. 잘리지는 않았으나 안전 마진 부족 --- ## Cell 7 -- snu-fair (SNU x 정당한보상) ### 수정 요구사항: (1) 흰색 로고 오른쪽 상단 삽입, (2) 1080 줄바꿈 적용 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | 서울대보험쌤 흰색 로고 오른쪽 상단 삽입 | **PASS** | HTML에 `` 추가됨. CSS `.logo { position: absolute; top: 40px; right: 40px; width: 180px; }` 확인. PNG에서 오른쪽 상단에 흰색 "서울대 보험쌤" 로고가 명확히 보임. 파일도 존재 확인 (71,718 bytes) | | "경력직 직전연봉" / "최대 50% 정착지원금" 줄바꿈 | **PASS** | HTML `.subhead`에 `
` 태그로 "경력직 직전연봉
최대 50% 정착지원금" 2줄 줄바꿈 적용. PNG에서도 2줄로 명확히 렌더링 확인 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge) | **Cell 7 1080: PASS** #### 1200x628 | 검증 항목 | 판정 | 상세 | |----------|------|------| | 서울대보험쌤 흰색 로고 오른쪽 상단 삽입 | **PASS** | HTML에 `` 추가됨. CSS `.logo { position: absolute; top: 30px; right: 30px; width: 160px; }` 확인. PNG에서 오른쪽 상단에 흰색 로고 정상 표시 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트 정상 배치. subhead 40px로 적절한 크기 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge, subhead) | **Cell 7 1200: PASS** --- ## Cell 8 -- snu-leader (SNU x 관리자비전) ### 수정 요구사항: 1080 폰트 확대 및 레이아웃 개선 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | 폰트 크기 확대 | **PASS** | HTML에서 `.headline`이 NanumSquare 96px font-weight:800으로 설정됨. 이전 대비 대형화. CTA도 52px / height:84px로 확대됨. PNG에서 "1200% 룰 후엔 / 지점장 문, / 좁아집니다" 3줄이 대형 폰트로 시원하게 렌더링 | | 레이아웃 개선 | **PASS** | `.text-area`에 `gap: 40px; padding: 80px`으로 여유로운 간격 확보. badge(44px)->headline(96px)->divider->CTA(52px) 4단 계층이 수직 중앙 정렬로 깔끔하게 배치됨. PNG에서 균형 잡힌 레이아웃 확인 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 44px (badge) | **Cell 8 1080: PASS** --- ## Cell 9 -- snu-support (SNU x 개인영업) ### 수정 요구사항: "5대 시스템" 서브헤드를 5개 항목으로 명확히 표기 #### 1080x1080 | 검증 항목 | 판정 | 상세 | |----------|------|------| | 5대 시스템 5개 항목 명시 | **PASS** | HTML `.subhead`에 "AI 마케팅 \| DB 영업 \| 교육
정착금 \| 해외 인센티브" 총 5개 항목이 2줄로 표기됨. PNG에서도 5개 항목이 명확히 읽힘: AI 마케팅, DB 영업, 교육, 정착금, 해외 인센티브 | | 텍스트 캔버스 내 유지 | **PASS** | 모든 텍스트 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge) | **Cell 9 1080: PASS** #### 1200x628 | 검증 항목 | 판정 | 상세 | |----------|------|------| | 5대 시스템 5개 항목 명시 | **PASS** | HTML `.subhead`에 "AI 마케팅 \| DB 영업 \| 교육 \| 정착금 \| 해외 인센티브" 1줄로 5개 항목 표기. PNG에서도 파이프 구분자로 5개 항목이 한 줄에 명확히 렌더링 | | 텍스트 캔버스 내 유지 | **PASS** | text-area 62% 폭 내에서 subhead 40px로 정상 배치 | | 최소 폰트 40px | **PASS** | 최소 font-size: 40px (badge, subhead) | **Cell 9 1200: PASS** --- ## 추가 공통 검증 | 항목 | 판정 | 상세 | |------|------|------| | 모든 텍스트 최소 40px 이상 | **PASS** | 12장 전체에서 최소 font-size 40px (badge, sub-copy 등). 위반 없음 | | 텍스트 캔버스/컨테이너 넘침 | **FAIL (1건)** | Cell 1 1200x628에서 서브카피 64px 텍스트 우측 잘림 확인. 나머지 11장은 정상 | | 디자인 시스템 일관성 | **PASS** | 인카(골드 시스템), GA(레드 시스템), SNU(골드 시스템) 각 브랜드 컬러 일관 유지. 파괴적 변경 없음 | --- ## 전체 결과 요약 | 셀 | 사이즈 | 수정 내용 | 판정 | 비고 | |----|--------|----------|------|------| | Cell 1 | 1080x1080 | 반투명 다크 배경 추가 | **PASS** | 정상 적용 | | Cell 1 | 1200x628 | 반투명 다크 배경 추가 | **FAIL** | 다크 배경 미적용 + 서브카피 텍스트 잘림 | | Cell 2 | 1080x1080 | "89일" -> "6월까지" | **PASS** | 정확히 변경됨 | | Cell 2 | 1200x628 | "89일" -> "6월까지" | **PASS** | 정확히 변경됨 | | Cell 4 | 1080x1080 | 뱃지 상단 이동 + 한글화 | **PASS** | 상단 중앙 독립 배치 | | Cell 4 | 1200x628 | "티오피사업단" 한글 표기 | **PASS** | 한글 정상 적용 (서브카피 64px 경고) | | Cell 7 | 1080x1080 | 흰색 로고 + 줄바꿈 | **PASS** | 로고/줄바꿈 모두 정상 | | Cell 7 | 1200x628 | 흰색 로고 삽입 | **PASS** | 로고 정상 표시 | | Cell 8 | 1080x1080 | 폰트 확대 + 레이아웃 개선 | **PASS** | 96px 대형 헤드라인 + 깔끔한 배치 | | Cell 9 | 1080x1080 | 5개 항목 명시 | **PASS** | 5개 항목 2줄 표기 | | Cell 9 | 1200x628 | 5개 항목 명시 | **PASS** | 5개 항목 1줄 표기 | --- ## 최종 판정 **PASS: 10/11 | FAIL: 1/11** - 전체 수정 사항 반영율: **10/11 (90.9%)** - FAIL 사유: Cell 1 1200x628에서 반투명 다크 배경 CSS 미적용 + 서브카피 텍스트 우측 잘림 --- ## FAIL 수정 권고 (Cell 1 1200x628) ### 문제 1: 반투명 다크 배경 미적용 - `.num-flash` 클래스에 1080과 동일하게 `background: rgba(0,0,0,0.6); padding: 8px 24px; border-radius: 6px;` 추가 필요 ### 문제 2: 서브카피 텍스트 잘림 (CRITICAL) - `.sub-copy`의 `font-size: 64px`이 `text-area width: 60%`(=720px)에서 오버플로우 - 해결안 A: font-size를 48px으로 축소 - 해결안 B: `white-space: nowrap` 제거 + `word-break: keep-all` 적용으로 줄바꿈 허용 - 해결안 C: 텍스트를 "정착지원금 최대 1,000만원
경력직 직전연봉 50% 지원"으로 수동 줄바꿈 ### 부차적 경고 (PASS이나 개선 권장) - Cell 4 1200x628: 서브카피 64px가 60% 영역에서 경계선 근접. 48px 축소 권장 --- > 로키 판정: 피드백 수정 사항은 대부분 정확히 반영됨. > 유일한 FAIL은 Cell 1 1200x628의 반투명 배경 누락 및 기존 텍스트 잘림 미해결. > 이 1건 수정 후 전량 PASS 가능.