@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff');
}

/* Desktop */
html {
	font-size: 83.3%;
}

body {
	color: #222;
	font-family: "NanumGothic", "Helvetica";
	font-size: 1em;
	line-height: 160%;
	margin: 0;
}

A:link { color: steelblue; text-decoration: none; }
A:visited { color: steelblue; text-decoration: none; }
A:hover { color: hotpink; text-decoration: underline; }
A:active { color: yellowgreen; text-decoration: none; }

/* Mobile */
html.touch_device {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
html.touch_device a:hover { 
	/* a:link와 동일한 색깔로 설정되어야 한다. 이걸 해 주지 않으면 모바일 기기에서는 
	한 번 터치한 링크 색깔이 위에서 지정한 hover 색깔로 나타나는 문제가 발생한다. 
	touch_device라는 클래스는 아래와 같이 JS로 마련해 주어야 한다.
	<script> 
	window.onload = function() { 
	  var touchsupport = ('ontouchstart' in window) ||  
	    (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);   
	  if (touchsupport) {  
	    document.documentElement.className = "touch_device";  
	  }   
	}; 
	</script>	
	*/
	color: steelblue; text-decoration: none;  
}