SVG 이미지의 ECMAscript를 이용한 악성코드 배포

SVG(Scalable Vector Graphics) 이미지는 그림이 벡터(vector)로 표현되기 떄문에 일반 이미지와는 달리 크기를 줄이거나 늘여도 깨지지 않고 깨끗하게 표현된다. 현재 대부분의 웹 브라우저가 SVG 파일을 지원한다. W3C에서 제공하는 SVG 이미지 파일 창고에서 SVG 이미지를 웹브라우저로 열어볼 수 있다. 다음은 SVG에 대한 위키피디아의 설명이다.

"스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다." - 스케일러블 벡터 그래픽스 / 위키피디아

SVG의 특징중의 하나는 스크립트화가 가능하다는 점이다. 이 스크립트의 표준을 ECMA스크립트(ECMAScript)라고 하는데, 차이가 있긴 하지만, 자바스크립트(JavaScript)와 거의 동일하다. ECMAscript를 이용하면 SVG 이미지에 애니메이션을 넣을 수도 있어서 매우 강력한 그래픽 기능을 제공하게 된다. <IMG> 엘리먼트로 SVG 이미지를 표시하면 ECMA스크립트가 작동하지 않지만 <SVG> 엘리먼트로 SVG 이미지를 표시하면 ECMA스크립트가 실행된다.

[ ↑ <IMG> 엘리먼트로 표시한 SVG 이미지 (스크립트 실행 안함) ]

[ ↑ <EMBED>에 숨겨서 <SVG> 엘리먼트로 표시한 SVG 이미지 (스크립트 실행) ]

SVG 이미지를 <IMG>와 <SVG>로 표시할 때 ECMA스크립트 실행여부가 다르기 때문에 이 페이지에 접속했을 때 "This is a GREEN rectangle!"이라는 문자열을 표현하는 경고창(alert)은 하나만 뜬다.

이 페이지의 HTML 소스를 살펴보면 위의 SVG 이미지는 다음과 같이 표현되었다.

"data:image/svg+xml; base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDov L3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5 L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOTQiIGhlaWdodD0iMjAw IiBpZD0ieHNzIiBzdHlsZT0iYmFja2dyb3VuZDpncmVlbiI+PHNjcmlwdCB0eXBlPSJ0ZXh0L2Vj bWFzY3JpcHQiPmFsZXJ0KCJUaGlzIGlzIGEgR1JFRU4gcmVjdGFuZ2xlISIpOzwvc2NyaXB0Pjwv c3ZnPgo="

데이타 문자열이 base64로 인코딩되어 있는 데 이를 해독하면 다음과 같은 내용이다. 설명의 편의를 위하여 base64로 인코딩된 문자열을 data.txt라는 파일로 만들었다.

root@kali:~# cat data.txt
PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDov
L3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5
L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjAiIHk9IjAiIHdpZHRoPSIxOTQiIGhlaWdodD0iMjAw
IiBpZD0ieHNzIiBzdHlsZT0iYmFja2dyb3VuZDpncmVlbiI+PHNjcmlwdCB0eXBlPSJ0ZXh0L2Vj
bWFzY3JpcHQiPmFsZXJ0KCJUaGlzIGlzIGEgR1JFRU4gcmVjdGFuZ2xlISIpOzwvc2NyaXB0Pjwv
c3ZnPgo=
root@kali:~# base64 -d data.txt
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0" y="0" width="194" height="200" id="xss" style="background:green"><script type="text/ecmascript">alert("This is a GREEN rectangle!");</script></svg>
root@kali:~#

디코딩한 SVG 파일의 소스를 살펴보면 194x200의 녹색 사각형을 그린 뒤에 <script>를 실행한다. 바로 이 <script>에 악성코드를 심을 수 있으며 SVG 파일을 열람하게 되면 악성 스크립트가 실행하게 된다. 공격자들은 각종 침해탐지장비를 우회하기 위해 이 경우와 같이 base64 인코딩을 흔하게 사용한다.

간단한 공격 시나리오

SVG 이미지에 악성 스크립트를 심어서 공격하는 가장 간단한 시나리오는 SVG 파일을 웹브라우저에서 직접 열게 만드는 방법이다. 다음 세 이미지의 "원본보기" 링크를 눌러보자.

Mac SVG 이미지 원본보기

호랑이 SVG 이미지 호랑이 SVG 원본보기

세정 꽃길 SVG 이미지 세정 꽃길 앨범 표지 이미지 원본보기

세 SVG 이미지에는 모두 ECMAscript의 alert() 코드가 포함되어 있다. SVG 이미지를 보는 것만으로도 웹 브라우저가 자바스크립트를 실행하는 것을 확인할 수 있다.

해결방안

SVG가 지원하는 ECMA스크립트를 막을 방법은 딱히 없는 것으로 보인다. 공격문자열을 base64로 인코딩하여 SVG 이미지를 업로드하게 되면 대부분의 정보보호장비도 우회가 가능하다. 불행한 일이긴 하지만 일반 사용자가 SVG 이미지를 등록하는 기능은 제공하지 않는 것이 안전할 것으로 보인다.

[처음 작성한 날: 2016.12.01] [마지막으로 고친 날: 2016.12.01]

> 이 글을 목록없이 인쇄하기 편하게 보기

< 이전 글 : DVWA Stored Cross Site Scripting (XSS) 실습 설명서 (2017.01.01)

> 다음 글 : WH-WebGoat-7.0.1 웹해킹훈련장 라이브 ISO (2016.11.30)

이 저작물은 크리에이티브 커먼즈 저작자표시 4.0 국제 라이선스에 따라 이용할 수 있습니다.
잘못된 내용, 오탈자 및 기타 문의사항은 j1n5uk{at}daum.net으로 연락주시기 바랍니다.
문서의 시작으로 컴퓨터 깨알지식 웹핵 누리집 대문