이미지에 그림자 효과 주기

div.hr_line01 figure img {
margin:0 0 7px 0;
box-shadow:2px 3px 7px #000;
-webkit-box-shadow: 2px 3px 7px #000;
-moz-box-shadow: 2px 3px 7px #000;
}



위와 같이 하면 아래와 같이 좀 어색하게 됩니다.







위에껀 background 색깔 주고 그림자 효과 준건데요 그림자 효과의 모서리 부분에 원래 백그라운드 색상이 있네요

이거 어떻게 하면 그림자 효과로 보일까요?

참고로 아래 이미지는 원본 이미지이고요.

보시면 아시겠지만, 모서리 부분이 투명입니다.









답변 주시면 정말 감사하겠습니다.



그럼 좋은 하루되세요~