CSS, 받은편지함 속 폭탄

(news.hada.io)

웹메일 서비스의 HTML/CSS 새니타이저와 브라우저 파서 간의 불일치를 이용해 UI 조작부터 토큰 탈취, AI 프롬프트 주입까지 가능한 심각한 보안 취약점이 발견되어 웹 기반 서비스의 구조적 방어 대책 마련이 시급합니다.

이 글의 핵심 포인트

1웹메일 새니타이저와 브라우저 파서 간의 불일치를 이용해 UI 조작, 토큰 탈취, AI 프롬프트 주입이 가능함
2<label>과 :before/:after 등 허용된 HTML/CSS 요소만으로 Outlook의 UI를 조작하거나 AI 브라우저에 악성 지시를 전달할 수 있음
3CSS 중첩(Nesting) 및 속성 선택자를 활용해 12자리 16진수 토큰을 무차별 대입 방식으로 복원하는 공격 기법이 확인됨
4CSP(콘텐츠 보안 정책)가 적용된 환경에서도 @font-face와 애니메이션을 이용해 숫자 데이터의 빈도를 추출하여 정보를 유출할 수 있음
5Gmail, Fastmail 등 주요 서비스의 이미지 프록시 우회 및 CSSOM 변형 취약점이 발견되어 사용자 IP 노출 및 계정 탈취 위험이 존재함

이 글에 대한 공공지능 분석

왜 중요한가?

단순한 스크립트 실행(XSS)을 넘어, 허용된 CSS 속성만으로 브라우저의 렌더링 로직과 AI 모델의 해석을 왜곡하여 데이터 유출 및 계정 탈취를 가능케 한다는 점에서 보안 패러다임의 변화를 요구합니다.

어떤 배경과 맥락이 있나?

웹메일은 사용자 편의를 위해 외부 HTML 콘텐츠를 허용하면서도 보안을 위해 새니타이저(Sanitaker)를 사용하는데, 이 필터링 로직과 실제 브라우저가 코드를 해석하는 방식 사이의 미세한 차이가 공격의 통로가 됩니다.

업계에 어떤 영향을 주나?

웹 기반 SaaS나 커뮤니티 플랫폼을 운영하는 기업들은 단순한 블랙리스트 방식의 필터링이 무용지물임을 인지하고, 샌드박스 격리 및 엄격한 화이트리스트 기반의 CSSOM 검증 체계를 구축해야 합니다.

한국 시장에 어떤 시사점이 있나?

글로벌 서비스를 지향하며 웹 기술 스택을 적극 활용하는 한국 스타트업들은 사용자 생성 콘텐츠(UGC) 처리 시 발생할 수 있는 '파서 불기일치' 리스크를 보안 아키텍처 설계 단계부터 고려해야 합니다.

이 글에 대한 큐레이터 의견

이번 발견은 현대 웹 보안의 가장 까다로운 영역인 '해석의 차이(Discrepancy)'가 얼마나 치명적인 무기가 될 수 있는지를 보여줍니다. 공격자는 브라우저와 서버 사이의 미세한 문법적 틈새를 이용해, 개발자가 '안전하다'고 믿고 허용한 CSS 속성만으로도 시스템 전체를 장악할 수 있음을 증명했습니다. 특히 AI 에이전트가 이메일을 읽는 시대에, CSS를 통한 간접 프롬프트 주입은 단순한 데이터 유출을 넘어 AI 서비스의 신뢰성 자체를 무너뜨릴 수 있는 위협입니다.

물론 보안 강화를 위해 모든 외부 스타일을 엄격히 차단하거나 샌드박스화하는 것은 사용자 경험(UX)과 기능적 풍부함을 저해할 수 있다는 트레이드오프가 존재합니다. 지나치게 보수적인 필터링은 웹메일의 핵심 가치인 '다양한 콘텐츠 표현력'을 훼손할 수 있기 때문입니다. 따라서 스타트업 창업자들은 보안과 기능 사이의 균형점을 찾기 위해, 단순한 문자열 차단을 넘어 브라우저의 렌더링 엔진 동작을 예측하고 제어할 수 있는 구조적 격리(Sandboxing)와 엄격한 화이트리스트 기반의 CSSOM 검증에 대한 기술적 투자를 우선순위에 두어야 합니다.

원문 보기 →