[fix] 모바일 지원서의 input 필드 UI 깨짐 및 질문 제목 줄바꿈 문제

[oesnuj]

📄 어떤 버그인가요?

모바일 환경에서 지원서 UI가 깨지는 문제입니다.
특히, 일부 입력 필드가 화면 밖으로 나가거나 겹치며, 지원서 제목의 줄바꿈이 이상하게 표시됩니다.

🚨 버그 발생 상황

as-is

• 모바일 화면에서 지원서 페이지 접속 시 입력 필드가 화면 밖으로 나가거나 서로 겹침
• 지원서 제목 줄바꿈이 의도와 다르게 표시됨
• 버튼과 텍스트 영역이 화면 크기에 맞춰지지 않아 터치/읽기 어려움
• 브라우저 및 기기별로 레이아웃 표시가 달라짐

to-be

• 모바일 화면에서도 입력 필드, 버튼, 텍스트 영역이 화면 크기에 맞춰 정상 표시
• 지원서 제목 줄바꿈이 의도한 형태로 표현
• 브라우저 및 기기별 레이아웃 일관성 유지
• 모든 요소가 터치 가능하고 읽기 쉬운 상태 유지

예상 결과

모바일 환경에서도 데스크톱과 동일하게 지원서 입력/제출 가능하며,
UI 요소가 겹치거나 잘리는 현상 없이 정상적으로 표시되어야 합니다.

🫡 참고할만한 자료(선택)

• 화면 캡처: 깨진 레이아웃 및 이상한 줄바꿈 스크린샷
• 재현 기기/브라우저: iPhone 14 / Chrome, Safari
• 관련 CSS/미디어쿼리 코드 참고