모바일 팝업 질문 채택완료

 pc에서는 팝업창을 아래 사진과같이 띄웠구요

모바일에서는  아래와같이 css 수정해서 띄웠습니다!!

그런데 이미지사이즈가 600이여서 그런지 모바일에서 이미지가 짤려보입니다..

어디를 수정해야 모바일 사이즈에 맞춰서 크기가 줄어드나요??

newwin.inc.php

default.css

/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:100%; width: 100%;}

#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}

.hd_pops img {max-width:100%}

.hd_pops_con {}

.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}

.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}

.hd_pops_footer button {padding:10px;border:0;color:#fff}

.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}

.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

.pop_wrap{}

@media all and (max-width:1280px){

    #hd_pop{width: 85% !important; height: auto !important; margin: 0 5px;}

    #hd_pops_1{left: 0 !important;}

    #hd_pops_2{top: 500px !important; left: 0 !important;}

    #hd_pops_3{top: 900px !important; left: 0 !important;}

    #hd_pops_4{top: 1300px !important; left: 0 !important;}

    .hd_pops_con{width: 100% !important;}

    .pop_wrap{}

}