<div class="container">
  <img src="http://blogfiles.naver.net/20100329_54/opepe0730_1269817212236rgaOS_jpg/%B1%D7%B8%B2_opepe0730.jpg" alt="wecode" />
</div>
.container {
  margin:0 auto;
  width: 300px;
  overflow: hidden;
}

.container img {
  height: 400px;
  margin-left: 50%;
  transform: translateX(-50%); // 얘를 넣었더니 가운데 정렬!
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.