이미지에 new 아이콘 달기 > html

<style type="text/css">
.new-icon {
	opacity: 0.9;
	transform: rotate(-45deg);
	position: absolute;
	top: 5px;
	left: -28px;
	padding: 3px 0;
	width: 100px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #ff9501;
}
</style>

<a class="zoomer" href="?">
	<span class="overlay-zoom gallery-img">
		<img src="https://t1.daumcdn.net/daumtop_chanel/op/20170315064553027.png">
		<div class="new-icon">New</div>
	</span>
</a>