배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지 - 영카트강좌

배송 정보를 이미지로 만들어서 넣었을 경우 이미지 사이즈가 페이지 가로폭보다 클 때
페이지가 밀리는 것을 조절하는 방법입니다.

빨간색 부분 추가

PC 스킨
skin/shop/basic/style.css

/* 상품 상세보기 - 배송정보 */
#sit_dvr {margin:20px 0}
#sit_dvr h2  {position:absolute;font-size:0;line-height:0;content:""}
#sit_dvr img {max-width:100%;height:auto} 

모바일 스킨
mobile/skin/shop/basic/style.css
 

/*배송교환정보*/
#sit_dvex h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_dvex h3 {font-size:1.167em;text-align:center;padding:10px 0;background:#f3f3f3;margin:0 0 10px}
#sit_dvex img {max-width:100%;height:auto}

영카트 5.2.x 버전 모바일은 위 내용이 없을 겁니다.
이렇게 추가하세요.
.win_desc_if img {max-width:100%;height:auto}

주소복사