모바일 상품정보 이미지 리사이징

모바일 상품정보 이미지 리사이징

QA

모바일 상품정보 이미지 리사이징

본문

영카 반응형 트테마 jelly 사용중입니다.

상품등록후 상품정보를 이미지로 만들어 등록하였으나 

pc버전은 가로 세로 정상적으로 표현이 되나

모바일 버전은 세로만 길어져 보입니다. 

어느 부분을 수정해야하나요??

 

3543008335_1637547105.3888.jpg

이 질문에 댓글 쓰기 :

답변 3

해당 부분 css를 봐야할거 같은데요

 

주소 있나요?

@charset "utf-8";

#gnb h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gnb_1dul{padding:20px 0}
#gnb_1dul .gnb_1dli{line-height:46px;padding:0 20px;font-size:1.077em}
.gnb_1dli:hover{background:#f5f6fb;
background: rgba(245,246,251,1);
background: -moz-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(245,246,251,1)), color-stop(100%, rgba(245,246,251,0.54)));
background: -webkit-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -o-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: -ms-linear-gradient(left, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
background: linear-gradient(to right, rgba(245,246,251,1) 0%, rgba(245,246,251,0.54) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6fb', endColorstr='#f5f6fb', GradientType=1 );}
.gnb_1dli .gnb_1da{display:block;color:#717989}
.gnb_1dli:hover .gnb_1da{color:#7d8dff}
.gnb_2dul{display:none}

/* 오늘 본 상품 */
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.stv_item {display:none;padding:0 9px;word-break:break-all}
#up{position:absolute;bottom:0;left:0;background:url(img/btn_sb_prev.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:0;right:0;background:url(img/btn_sb_next.png) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}


/*메인배너*/
#main_bn{width:100%;z-index:1;position:relative}
#main_bn .main_bn_slide {z-index:1}
#main_bn .main_bn_slide .bn_wr{padding:0 10px;text-align:center;position:relative;outline:0}
#main_bn .main_bn_slide .bn_wr img{width:100%}
#main_bn .bn_text{position: absolute;top:0;left:0;height: 100%;width: 100%;}
#main_bn .txt_box{display: table;height: 100%; width: 100%;z-index: 20; text-align: left;position: absolute;top:0;left:0; }
#main_bn .txt_wr {display: table-cell; vertical-align: middle; padding: 0 50% 0 80px;  }
#main_bn .txt{font-size: 3em; font-weight: 600; word-break: keep-all; }
#main_bn .txt_wr a{display:inline-block;background:#fff;line-height:50px;width:150px;text-align:center;margin-top:40px;
-webkit-transition:  all .2s ease-in-out;
-moz-transition: all .2s ease-in-out ;
transition: all .2s ease-in-out }
#main_bn .txt_wr a:hover{    background-color: rgb(51, 51, 51);color:#fff;}

#main_bn .slick-dots {position:absolute;bottom:0;left:0;width:100%;margin:0}
 
 

 @media (max-width: 969px){
     #main_bn .main_bn_slide .bn_wr{padding:0}
     #main_bn .main_bn_slide .bn_wr img{height:100%}
     #main_bn .txt_wr{padding: 0 30% 0 30px;}
     #main_bn .txt{font-size:1.8em}
     #main_bn .txt_wr a{margin-top:20px;line-height:45px;width:100px}
 }

/*사이드배너*/
#sbn_side{}
#sbn_side h2  {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sbn_side ul:after {display:block;visibility:hidden;clear:both;content:""}
#sbn_side img{width:100%;height:auto}
#sbn_side li{float:left;width:50%;background-repeat:no-repeat;background-size:cover;height:300px}
#sbn_side .sb_0{background-position:right 50% }
#sbn_side .sb_1{background-position:left 50% ;text-align:right}

#sbn_side .sb_0 .bn-txt-wr{padding:40px 20px ;max-width:600px;width:100%;display:block;float:right}
#sbn_side .sb_1 .bn-txt-wr{padding:40px 20px ;max-width:600px;width:100%;display:block;float:left}
#sbn_side  .bn-txt {width:50%;display:inline-block;color:#fff;font-size:2em; font-weight:500;word-break: keep-all;
-webkit-text-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-text-shadow: 0 1px 2px rgba(0,0,0,0.2);
text-shadow: 0 1px 2px rgba(0,0,0,0.2);}

#sbn_side .btn_detail{text-indent:-999px;font-size:0;;overflow:hidden;text-align:center;background:url(img/btn_detail.png) 50% 50%  no-repeat;width:118px;height:44px;margin-top:20px;display:inline-block;border-radius:30px; opacity:0.9;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
#sbn_side .btn_detail:hover{ ; opacity:1;
-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
box-shadow: 0 6px 10px rgba(0,0,0,0.2);}

@media (max-width: 969px){
    #sbn_side li{height:250px}
    #sbn_side  .bn-txt{font-size:1.5em}
     #sbn_side .btn_detail{height:38px;width:90px;background-size:cover}
}

@media (max-width: 639px){
    #sbn_side li{width:100%}
    #sbn_side li{height:200px}
}

/* 쇼핑몰 이벤트 */
#sev {position:relative;padding-left:220px;margin:120px 20px}
#sev h2 {font-size:2em;margin-bottom:40px}
#sev:after {display:block;visibility:hidden;clear:both;content:""}
#sev_tit{position:absolute;top:0;left:0;width:180px;}
#sev_tit a{display:block;margin: 0 0 15px;line-height:24px;color:#717989;text-align:left;}
#sev_tit .active{color:#f05858;position:relative;display:inline-block;text-decoration:underline}

#sev .sev_li{position:relative;background-size:cover;background-color:#efefef}
#sev .sev_li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .sev_li img{width:100%;height:100%;vertical-align:top}
#sev .sev_img {width:33.33%;float:left;position:relative}
#sev .sev_tit{float:left;width:33.333%;padding:40px;display:block;}
#sev .sev_text{color:#fff;font-size:2em;display:block;font-weight:600;word-break: keep-all;}
#sev .sev_detail{margin-top:20px;text-indent:-999px;font-size:0;;overflow:hidden;text-align:center;background:url(img/btn_detail.png) 50% 50%  no-repeat;width:118px;height:44px;margin-top:40px;display:block;border-radius:30px; opacity:0.9;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
#sev .sev_detail:hover{ ; opacity:1;
-webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
box-shadow: 0 6px 10px rgba(0,0,0,0.2);}
#sev .ev_prd{float:left;width:66.6666%;padding:40px 40px 40px 0}
#sev .ev_prd:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd li{float:left ;width:50%;padding:20px;}
#sev .ev_prd li .ev_li_wr{position:relative;background:#fff;padding:25px;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
#sev .ev_prd li .ev_li_wr:hover{
-webkit-box-shadow: 0 3px 15px rgba(0,0,0,0.2);
-moz-box-shadow: 0 3px 15px rgba(0,0,0,0.2);
box-shadow: 0 3px 15px rgba(0,0,0,0.2);}
#sev .ev_prd li .ev_txt_wr a{display:block;margin:20px 0 10px;font-size:1.077em}
#sev .ev_prd li .ev_prd_price {display:block;font-weight:600}
#sev .ev_prd li .ev_discount {text-decoration:line-through;color:#aaa}
#sev .ev_prd li .ev_basic {display:block;margin:10px 0 20px;color:#8a8a8a;height:40px;line-height:20px;overflow:hidden}

#sev .bx-controls{position:absolute;bottom:0;left:50%;z-index:99;margin-left:-45px}


@media (max-width: 969px){
    #sev {padding-left:0;margin:40px 20px}
    #sev h2{margin-bottom:20px;font-size:1.5em;text-align:center}
    #sev_tit{position:relative;width:100%;margin-bottom:20px;text-align:center}
    #sev_tit a{display:inline-block;margin:0 10px 10px}

    #sev .sev_tit{padding:20px}
    #sev .sev_text{;font-size:1.5em;}
    #sev .ev_prd {padding: 20px 20px  20px 0}
    #sev .ev_prd li{padding:10px}
    #sev .ev_prd li .ev_li_wr{padding:15px}

}
@media (max-width: 639px){
   #sev .sev_detail{display:none}
   #sev .ev_prd li{padding:5px}
   #sev .ev_prd li .ev_txt_wr{display:none}
   #sev .ev_prd {padding: 40px 20px  40px 0}


}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
/* 공통 */
.sct_wrap {margin:130px 0;zoom:1}
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {text-align:center;font-size:1.846em;margin: 0 0 40px }

.sct {padding:0;list-style:none;zoom:1;clear:both;}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative;}
.sct_noitem {padding:100px 0;text-align:center}
.sct_icon img {margin:0 1px 0 0}
.sct_sns a {display:inline-block;margin:0 2px;width:28px;height:28px;line-height:28px;border-radius:3px;font-size:0;text-align:center}
.share-facebook{background:#415b92}
.share-twitter{background:#35b3dc}
.share-googleplus{background:#d5503a}
.share-kakaotalk{background:#ffeb00}
.sct_sns img{width:20px;height:auto;vertical-align:middle;}
.sct_sns button {margin:0 4px 0 0;padding:0;border:0}
.sct_icon .shop_icon{display: inline-block;color: #fff;background: #a8aab1;line-height: 20px;padding: 0 5px;font-size: 0.92em;margin: 1px;}
.sct_icon .shop_icon_soldout {display: inline-block;color: #ff0000;font-style: italic;font-weight: bold;margin: 2px;}

.mli_btn button{background:url(img/mainlist_btn.gif) no-repeat; width:30px; height:30px;border:none;text-indent:-9999px}
.mli_btn button.mli_pre{position:absolute;top:0;left:10px}
.mli_btn button.mli_next{background-position: -33px 0;position:absolute;top:0;right:10px}

.sct_icon {display:inline-block;}
.sct_icon .icon{display:inline-block;font-weight:100;color:#fff;;margin-bottom:2px;padding:0 7px;line-height:20px;font-size:10px;letter-spacing:0.1em}
.icon_hit {background:#ffc31b}
.icon_rec {background:#7522e6}
.icon_sale {background:#1b76ff}
.icon_new {background:#49d88b}
.icon_best {background:#ff3578}
.icon_cp {background:#4a4a4a}
.icon_soldout .soldout_txt{display:inline-block;font-weight:100;;padding:0 7px;margin:1px ;line-height:20px;font-size:10px;letter-spacing:0.1em;background:#ff0000;color:#fff}


 @media (max-width:639px){
     .sct_wrap h2 {text-align:center;font-size:1.385em;margin:20px 0  }
      .sct_wrap{margin:80px 0}
 }

/* 상품 목록 스킨 10 */
.list_prd{margin:0 auto;max-width:1200px;padding:10px}
.sct_10{padding:0 10px}
.sct_10 .sct_li {;float:left;text-align:left;width:25% !important;padding:15px ;margin-bottom:10px;}
.sct_10 .sct_li:nth-child(4n+1){clear:both}
.sct_10 .sct_li .li_wr{position:relative;}
.sct_10 .sct_img{position:relative;overflow:hidden;border: 1px solid #ededed;}
.sct_10 .sct_img img{width:100%;height:auto;}
.sct_10 .sct_id{margin:5px  0;font-size:0.92em;color:#666 }
.sct_10 .txt_wr{margin-top:20px}
.sct_10 .sct_txt{display:block;margin:10px 0;line-height:1.3em;font-size:300}
.sct_10 .sct_cost{font-weight:700;}
.sct_10 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.sct_10 .sct_star{position:absolute;bottom:0;right:0;width:65px;}
.sct_10 .sct_icon {position:absolute;top:20px;left:20px;}
.li_more{text-align:center}     /* BEST 아이콘 */
.sct_10 .sct_icon .shop_icon_5 {}   /* 할인 아이콘 */
.sct_10 .btn_wish{position:absolute;bottom:0;right:0;width:50px;height:50px;color:#c1c4c6;border:0;background:none;font-size:18px}
.sct_10 .btn_wish:hover{color:#ff0000}
.sct_10 .sct_basic{margin:10px 0;color:#999;padding-top:10px;border-top:1px dotted #eee;font-weight:300;font-size:0.92em}
.sct_10 .sct_li:hover .btn_cart {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}


#item_load_msg{display:none}
.li_more_btn{text-align:center;padding:40px 0}
#btn_more_item{height: 43px;width:300px;background:#fff;border:0;border-radius:55px;color: #282828;height: 43px; border: 1px solid #dee3ed;color: #7d7c90;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);}
#btn_more_item:hover {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.08);
box-shadow: 0 2px 5px rgba(0,0,0,0.08);}

@media (max-width:969px){
   .sct_10 .sct_li {width:50% !important;padding:10px}
   .sct_10 .sct_li:nth-child(2n+1){clear:both}
   .sct_10 .sct_icon {position:absolute;top:10px;left:10px;}
   .sct_10 .sct_discount{display:none}

}

/* 상품 목록 스킨 20 */
.sct_20 {margin:0 auto;max-width:1200px;padding:20px}
.sct_20 .sct_li:first-child{border-top:1px solid #eee}
.sct_20 .sct_li{width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #eee;}
.sct_20 .li_wr:after {display:block;visibility:hidden;clear:both;content:""}
.sct_20 .sct_img {float:left;width:20%;padding-right:20px}
.sct_20 .li_wr{position:relative}
.sct_20 .txt_wr{float:left;width:80%}
.sct_20 .sct_id{margin:0px 10px 5px;font-size:0.92em;color:#666 }
.sct_20 .sct_txt{margin:0 0 10px;font-size:1.083em;line-height:1.3em}
.sct_20 .sct_cost{font-weight:700;margin-top:40px}
.sct_20 .sct_sns{margin:10px 10px}
.sct_20 .li_wr.is_view_type_list img{width:100%;height:auto}
.sct_20 .sct_basic{margin:20px 0;color:#999;font-weight:300}
.sct_20 .sct_star{display:block;margin-top:10px;width:65px;}

.sct_20 .btn_wish{position:absolute;bottom:0;right:0;width:30px;height:30px;color:#c1c4c6;border:0;background:none;font-size:18px}
.sct_20 .btn_wish:hover{color:#ff0000}
.sct_20 .sct_icon {display:none}
.sct_20 .btn_cart { position:absolute;bottom:0;left:0;border:0;background: #000;background:rgba(0,0,0,0.8);color: #fff; font-weight: 500; display: block;  height: 50px; line-height: 50px;width: 100%;text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
.sct_20 .sct_li:hover .btn_cart {
transition: all .3s .1s; 
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}

/* 메인 상품 목록 스킨 20 */

.smt_20{text-align:left;margin: 0 auto;max-width:1200px}
.smt_20:after {display:block;visibility:hidden;clear:both;content:""}
.smt_20 li{float:left;width:25%;padding:0 10px 10px}
.smt_20 .sct_img{position:relative;margin-bottom:10px}
.smt_20 .btn_wish{position:absolute;bottom:0;right:0;width:50px;height:50px;color:#c1c4c6;border:0;background:none;font-size:18px}
.smt_20 .btn_wish:hover{color:#ff0000}
.smt_20 .sct_cost{margin-top:10px;font-weight:700;}
.smt_20 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.smt_20 .sct_star{position:absolute;bottom:5px;right:10px;width:65px;}

 
@media (max-width:969px){
    .smt_20 .sct_discount{display:none}

}
 @media (max-width:639px){
    .smt_20 li{width:50%;padding:10px}
 }

 /* 메인 상품 목록 스킨 30 */
#idx_best{background:#f8f9fa;padding:100px 0}
.smt_30{margin:0 auto;max-width:1200px}
.smt_30 .sct_li{padding:40px 20px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.smt_30 .slick-center {-webkit-transform:  scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1)}
.smt_30 .li_wr{background:#fff;
-webkit-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow:  0 1px 2px rgba(0, 0, 0, .1);
box-shadow:  0 1px 2px rgba(0, 0, 0, .1);}
.smt_30 .slick-center .li_wr {
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .15);
box-shadow:0 5px 10px rgba(0, 0, 0, .15);}
.smt_30 .sct_img{position:relative}
.smt_30 .sct_img img{width:100%;height:auto}
.smt_30 .sct_txt_wr{position:relative;padding:20px;text-align:left}
.smt_30 .btn_wish{position:absolute;bottom:0;right:0;width:50px;height:50px;color:#c1c4c6;border:0;background:none;font-size:18px}
.smt_30 .btn_wish:hover{color:#ff0000}
.smt_30 .sct_star{position:absolute;bottom:20px;right:20px;width:65px;}
.smt_30 .sct_cost{margin-top:10px;font-weight:700;}
.smt_30 .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
.smt_30 .sct_rank {position:absolute;top:20px;left:20px;}
.smt_30 .sct_rank .num {font-size:25px;font-weight:800;display:block}
.smt_30 .sct_rank .text{display:block;font-weight:300;font-size:0.923em;border-top:1px solid #000;margin-top:5px;line-height:20px}

.slick-dots{text-align:center;margin:20px 0}
.slick-dots li{display:inline-block;margin:10px;}
.slick-dots li button{border:0;background:#40467a;text-indent:-999px;overflow:hidden;width:6px;height:6px; border-radius:5px;opacity:0.5}
.slick-dots .slick-active button{opacity:1;-webkit-box-shadow: 0 0 8px 5px #40467a; -moz-box-shadow: 0 0 8px 5px #40467a; box-shadow: 0 0 8px 5px rgba(64,70,122, 0.5)}
 
 @media (max-width:639px){
     #idx_best{padding:80px 0}
 }
/* 관련상품 목록 스킨 10 */
#sit_rel{background:#f3f3f3;margin:20px 0;padding:50px 0;border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
#sit_rel h2{margin:0 auto;max-width:1200px;padding:0 20px;font-size:1.25em;font-weight:500;text-align:center}
#sit_rel .sct_wrap{margin:0}
.srl_10{padding:10px;margin:0 auto;max-width:1200px; }
.srl_10:after {display:block;visibility:hidden;clear:both;content:""}
.srl_10 li{float:left;width:20%;padding:10px;text-align:left}
.srl_10 li img{width:100%;height:auto;}
.srl_10 .sct_txt{display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:10px 0 5px}
.srl_10 .sct_cost{font-weight:700}
@media (max-width: 639px){
    .srl_10 li{width:50%;}
}

/* 베스트상품 스킨 10 */
#best_item{margin:20px 0;background:#f4f4f4 ;overflow:hidden;position:relative;padding:60px 40px;}
#best_item h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#best_item #sbest_list{max-width:1200px;margin:0 auto;overflow:hidden;position:relative;padding:0 10px}
#best_item .li_wr{padding:5px;position:relative;}
#best_item .best_icon{text-align:center;position:absolute;top:10px;left:10px;background:#000;background:rgba(0,0,0,0.6);color:#fff;width:40px;line-height:40px;height:40px}
#best_item .sct_img{margin: 0 0 10px;display:block}
#best_item .sct_img img{width:100%}
#best_item .sct_cost{font-weight: bold; font-size: 1.083em;margin: 20px 0 10px; }

#best_item .sct_cost{margin-top:10px;font-weight:700;}
#best_item .sct_discount{text-decoration:line-through;color:#aaa;font-weight:100;margin-right:4px}
#best_item .sct_rank {position:absolute;top:20px;left:20px;}
#best_item .sct_rank .text{display:block;font-weight:300;font-size:0.923em;border-top:1px solid #000;margin-top:5px;line-height:20px}
#best_item .sct_rank .num {font-size: 25px;font-weight: 800;display: block;}

#best_item{text-align:center;margin:20px 0}
#best_item .bx-pager-item{display:inline-block;margin:10px;}
#best_item .bx-pager-item a{display:block;border:0;background:#40467a;text-indent:-999px;overflow:hidden;width:6px;height:6px; border-radius:5px;opacity:0.5}
#best_item .bx-pager-item .active{opacity:1;-webkit-box-shadow: 0 0 8px 5px #40467a;-moz-box-shadow: 0 0 8px 5px #40467a;box-shadow: 0 0 8px 5px rgba(64,70,122, 0.5)}

@media (max-width: 969px){
    #best_item{padding:30px 15px}
}
/* 개인결제 목록 */
#sct_pv{margin:10px 5px}
.sct_pv {margin:10px 0}
.sct_pv .sct_li {position:relative;float:left;position:relative;float:left;margin-bottom:10px;}
.sct_pv .sct_img{padding:0 5px}
.sct_pv .sct_img a{}
.sct_pv .sct_img img{width:100%;}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:block;position:relative;margin:0 0 5px;text-decoration:none;  font-weight: bold;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;  line-height: 20px;}
.sct_pv .sct_id {display:block;margin:0 0 5px}
.sct_pv .sct_basic {margin:0 0 10px}
.sct_pv .sct_cost {display:block;margin:0 0 10px;}
.sct_pv .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_icon {margin:0 0 10px}
/* ##### maint.(nn).skin.php, list.(nn).skin.php 공통 적용 끝 ##### */

/* 상품 목록 */
.sct_admin {margin:0 0 10px;text-align:right}
#sit_hhtml img{max-width:100%;height:auto}

/* 상품 목록 현재 위치 */
#sct_location {border:1px solid #e9e9e9;background:#f2f5f9;letter-spacing:-4px}
#sct_location a {display:inline-block;padding:5px 10px;text-decoration:none;letter-spacing:0 !important}
.sct_here {font-weight:bold}
.sct_bg {padding-right:13px !important;background:url('img/sct_bg_toright.gif') right 8px no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {text-align:center;margin:0 auto;max-width:1200px;padding:0 20px }
.sct_ct h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sct_ct ul {list-style:none}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct ul li {border:1px solid #e6e9ed;margin-left:-1px;margin-top:-1px;background:#fff;float:left;width:20%;text-align:left;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;}
.sct_ct ul li:hover{border-color:#f05858;position:relative}
.sct_ct ul li:hover a{color:#f05858}
.sct_ct a {text-decoration:none;display:block;color:#656565;margin:0 10px;position:relative;padding-right:15px;position:relative;line-height:40px}
.sct_ct .prd_cnt{position:absolute;top:10px;right:0;display:inline-block;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}

@media (min-width: 970px){
    .sct_ct ul li:nth-child(5n+1){clear:both}

}


@media (max-width: 639px){
    .sct_ct ul li{width:50%}
    .sct_ct ul li:nth-child(2n+1){clear:both}

}

/* 상품 정렬 */
#sct_sortlst{margin:0 auto;max-width:1200px;position:relative;background:#fff;padding:20px 20px 10px}
#sct_sortlst:after {display:block;visibility:hidden;clear:both;content:""}

#sct_sort {float:left}
#sct_sort:after {display:block;visibility:hidden;clear:both;content:""}
#sct_sort h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sct_sort button{background:#fff;border:1px solid #cfd4d9;padding:0 10px;height:36px;margin-right:5px;color:#999;}
#sct_sort button:hover{background:#f3f3f3;color:#000}
#sct_sort ul {display:none;position:absolute;z-index:99  ;
-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2); 
-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
box-shadow:0 3px 5px rgba(0,0,0,0.2);}

#sct_sort li {border-top:1px solid #f3f3f3;}
#sct_sort li a{display:block;text-align:left;color:#333;background:#fff;border-color:#e9e9e9;font-size:0.917em;padding:5px 10px;line-height:30px}
#sct_sort li a:hover{background:#f3f3f3}


/* 상품 리스트 스타일 선택 */
#sct_lst {margin:0 auto;}
#sct_lst:after {display:block;visibility:hidden;clear:both;content:""}
#sct_lst li {position:relative;float:left;}
#sct_lst button {background:#fff;border:1px solid #cfd4d9;padding:0 10px;height:36px;margin-right:5px;color:#999}
#sct_lst button:hover{background:#f3f3f3;color:#000}

/* 상품 상세보기 */
#sit {}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center}
#sit .sit_icon_wr {margin:20px 0}
#sit .sct_icon br{display:none}
#sit .sct_icon .icon {margin:0 2px 2px 0}
/* 상품상세 */
#info_content {padding:0 10px 30px;zoom:1}
#info_content:after {display:block;visibility:hidden;clear:both;content:""}
#info_content h3 {margin:0 0 10px}
.if_tit{text-align:center;margin-top:10px;padding:10px;background:#f5f5f5;border:1px solid #e9e9e9;}
.win_desc_if{border:1px solid #e9e9e9;padding:10px;border-top:none;}
.win_desc{margin-top:10px}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:20px auto 20px;max-width:1200px;padding: 20px}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}


/* 상품 상세보기 - 이미지 미리보기 */

#sit_pvi {float:left;padding:20px;width:60%;position:relative;;background:#fff;text-align:center;padding-left:100px}

#sit_pvi_big{position:relative}
#sit_pvi_big img{width:100%;height:auto}
#sit_pvi .bx-prev {position:absolute;top:50%;left:20px;margin-top:-20px;background:url('img/btn_prev.png') no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.5;z-index:2}
#sit_pvi .bx-next {position:absolute;top:50%;right:20px;margin-top:-20px;background:url('img/btn_next.png') no-repeat 50% 50%;width:40px;height:40px;background-size:50%;text-indent:-999px;overflow:hidden;opacity:0.5;z-index:2}
#sit_pvi .bx-controls-direction a:hover{opacity:1}

.sit_pvi_thumb a{opacity:0.5;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
filter: grayscale(100%);}
.sit_pvi_thumb .active{opacity:1;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0); 
-o-filter: grayscale(0);
filter: grayscale(0);}

#sit_pvi_nw h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nw ul {margin:0 0 20px;padding:0 10px;list-style:none;zoom:1}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {float:left;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 다른 상품 보기 */
#sit_siblings {margin:0;text-align:center;position:relative;margin:0 auto;padding:0 20px;max-width:1200px}
#sit_siblings:after {display:block;visibility:hidden;clear:both;content:""}
#sit_siblings h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_siblings a {padding:0  ;font-size:0.92em;color:#777;line-height:45px}
#sit_siblings a span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#siblings_prev{float:left;text-align:left}
#siblings_next{float:right;text-align:right}

/* 상품 상세보기 - sns */
#sit_star_sns {position:absolute;top:0;right:20px}
#sit_star_sns .score{display:inline-block;vertical-align:top;font-size:1.25em;margin-left:7px}
#sit_star_sns .sit_star {position:relative;;margin:0 5px 0 0;vertical-align:top}

#sit_btn_wish{width:30px;line-height:40px;display:inline-block;font-size:19px;color:#aaa}
#sit_star_sns .btn_sns_share{width:30px;height:40px;font-size:19px;background:none;border:0;color:#aaa}
#sit_btn_wish:hover,#sit_star_sns .btn_sns_share:hover{color:#ff3a3a}
#sit_star_sns .sns_area{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #333;padding:10px;z-index:10;width:200px;text-align:center;}
#sit_star_sns .sns_area:before{content: "";position: absolute;top: -8px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#sit_star_sns .sns_area:after{content: "";position: absolute;top: -7px;right: 13px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
#sit_star_sns .sns_area a{display:inline-block;width:35px;height:35px;border-radius:30px;line-height:35px;background:#eee;text-align:center;vertical-align:top}
#sit_star_sns .sns_area a img{width:24px;height:auto;vertical-align:top}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus{background:#d5503a;padding:5px 0}
#sit_star_sns .sns_area .share-facebook{background:#415b92;padding:5px 0}
#sit_star_sns .sns_area .share-twitter{background:#35b3dc;padding:5px 0}
#sit_star_sns .sns_area .share-kakaotalk{background:#ffeb00;padding:5px 0}

/* 상품 상세보기 - 간략정보  */
#sit_ov {float:left;width:40%;padding:20px;position:relative;background:#fff;;height:auto !important;}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov h3 {margin:0 0 10px;color:#5772d5;font-weight:500}

#sit_title {display:block;margin: 10px 0;font-size:2em;line-height:1.7em}
#sit_desc {margin:10px 0 ;color:#666;line-height:1.25em}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_price{margin:20px 0;}
.sit_price .price_wr{margin:5px 0}
.sit_price .price span{font-weight:bold;font-size:1.25em}
.sit_price .price_og span{text-decoration: line-through;color:#999}
.sit_price strong{display:inline-block;font-weight:normal;width:80px;color:#999;}
.sit_price .price strong{color:#000}

.sit_icon {display:block;margin: 0 0;}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;vertical-align:top;margin:0 1px}

#sit_star {color:#b8afa2;font-size:0.95em;padding:0 10px;line-height:2.2em}
#sit_star span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star .sit_star {position:relative;top:-2px;margin:0 5px 0 0}
#sit_star a {display:inline-block;vertical-align:middle}
#sit_star button {margin:0;padding:0;border:0}

.sit_ov_tbl {padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.sit_ov_tbl button{background:none;text-align:left;color:#888;height:27px;font-size:0.92em;width:100%;position:relative;border:0}
.sit_ov_tbl button i{position:absolute;top:0;right:5px;font-size:14px;line-height:27px}
.sit_ov_tbl table{border-collapse:collapse;width:100%;margin: 0 0;border:0;}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding: 5px  0;width:80px;color:#999}
.sit_ov_tbl td {padding: 8px 0}
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th{border:none}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}

.sit_op_sl{width:100%;border-collapse:collapse;border:1px solid #e9e9e9;}
.sit_op_sl th{font-weight:normal;text-align:left;padding:0 0 0 10px;}
.sit_op_sl td{text-align:left;padding:9px 10px 9px 0}

.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

@media (min-width: 970px){
    .sit_pvi_thumb{position:absolute;top:20px;left:0}
    .sit_pvi_thumb a{display:block;margin:0 0 10px}

}


@media (max-width: 969px){
    #sit_pvi ,#sit_ov{padding:20px;width:100%}
    #sit_ov_wrap{padding:0}
    .sit_pvi_thumb{margin:20px 0}
    .sit_pvi_thumb a{display:inline-block;margin:0 10px}
    #sit_title{font-size:1.5em}

}

/* 상품 상세보기 - 구매하기  */

.buy_wr{}
#sit_buy .btn_close {display:none}
#sit_buy_op{display:none}
#sit_ov_soldout {padding:20px 0;margin:10px 0;color:#ff3061;background:#fff6f6;border:1px solid #fadada;font-weight:bold;text-align:center}
#sit_ov_btn {margin:0;padding:0 ;text-align:center;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_btn_cart{float:left;width:50%;height:50px;font-weight:bold;font-size:1.231em}
#sit_btn_buy{float:right;width:50%;height:50px;font-weight:bold;font-size:1.231em}

#sit_sel_option,#sit_tot_price{margin:0 0 20px 0}
#sit_tot_price{text-align:right;font-weight:bold}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span{font-weight:normal;float:left;font-size:13px}
#sit_tot_price strong{font-size:1.25em;margin-left:10px;display:inline-block}

.sit_option_wr{padding:20px 0;border-bottom:1px solid #eee}
.sit_option_wr h3{margin:0 0 5px}
.sit_option_wr label{display:block;margin: 0 0 5px}
.sit_option_wr select{width: 100%}
.get_item_options{margin:5px 0}


@media (max-width: 639px){
    #sit_buy_op{display:block;position:fixed;bottom:0px;left:0;z-index:97;width:100%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.2);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);}
    #sit_buy_op #buy_op_btn{width:100%;border:0;padding:0 10px;height:50px;font-weight:bold;color:#fff;font-size:1.154em}

    #sit_buy{display:none;position:fixed;bottom:0px;left:0;z-index:99;width:100%;text-align:center}
    #sit_buy h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    #sit_buy .btn_close {background:url(./img/m-btn-op.png) no-repeat 50% 50% #fff;border:1px solid #aaa;border-bottom:0;margin-bottom:-1px;z-index:1;position:relative;text-indent:-999px;overflow:hidden;width:70px;height:24px;border-radius:10px 10px 0 0;display:inline-block}

    .buy_wr{background:#fff;border-top:1px solid #aaa;padding: 20px;max-height:200px;text-align:left;overflow-y:auto}


 }
@media (min-width: 640px){
    #sit_buy{display:block !important}
}

/* 상품 상세보기 - 상품정보 */


#sit_inf_basic {margin:0 0 20px}
#sit_inf_explan {margin:0 0 10px;line-height:1.5em}
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_open {margin:0;padding:0;list-style:none}
#sit_inf_open li {margin:0 0 1px;padding:8px 0;background:#fff;border:1px solid #f2f2f2;border-top:none;color:#727272}
#sit_inf_open li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_inf_open strong {clear:both;float:left;padding:0 1%;width:28%;letter-spacing:-0.1em}
#sit_inf_open span {float:left;margin:0;padding:0 1%;width:68%}
#sit_inf h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse;margin:10px 0 0}
#sit_inf_open th {padding: 10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left;width:30%}
#sit_inf_open td {padding: 10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}

#sit_tab{padding:0 0 50px;text-align:left;position:relative;}
#sit_tab .tab_tit{max-width:1200px;margin:0 auto;width:100%;text-align:center;}
#sit_tab .tab_tit:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tab .tab_tit li {display:inline-block;padding:0 20px;text-align:center;}
#sit_tab .tab_tit li button{display: block;width:100%;position: relative;height: 50px;color:#8b8b8b;background: none;border:0;text-align: center;z-index: 1;}
#sit_tab .tab_tit li .selected{border-bottom:2px solid #ff3a3a;color:#ff3a3a;font-weight:bold}
#sit_tab .tab_con{margin:0 auto;max-width:1200px;padding:20px;text-align:left}

#sit_dvr,#sit_ex{padding:20px;margin:0 0 20px;background: #fafafa; border: 1px solid #eee;}


@media (max-width: 639px){
    #sit_inf_explan {max-width:100%;display:block}
    #sit_inf_open th,#sit_inf_open td{display:block;width:100%}
}


/* 상품 상세보기 - 사용후기 */
.tit_no{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_use_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none}
.sit_use_li {position:relative;border-bottom:1px solid #eee;}
.sit_use_li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_use_li_title b{font-weight:normal;margin-right:2px}
.sit_use_dl {margin:0;padding:0 ;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em}
.sit_use_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_use_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_use_dl dd {float:left;margin:0 10px 0 0;color:#888;}
.sit_use_dl dd img{width:80px;height:auto;vertical-align:top;margin-top:22px}
.sit_use_con {display:none;;padding:0 0 20px} 
.sit_use_p {margin:10px 0 ;line-height:1.7em;font-weight: 300;}
.sit_use_cmd {text-align:right}
.sit_use_cmd a.btn01{padding: 5px;}
#sit_use_wbtn {margin:20px 0 ;text-align:right;}
#sit_use_write {}
#sit_use_write #is_subject {width:100%}
#sit_use_write ul {margin:5px 0 0}
#sit_use_write li {margin:0 0 5px}
#sit_use_write li label {display:inline-block;width:80px}
#sit_use_write_star {margin:0;padding:0;list-style:none}

.sit_use_reply{position:relative;background:#f3f3f3;padding:20px 20px 20px 70px;margin-top:20px}
.use_reply_icon{position:absolute;top:20px;left:20px;;padding:0 5px;background:#333;color:#fff;font-size:0.92em}

#sit_use_wbtn a{vertical-align:middle;font-weight:700}


/* 상품 상세보기 - 상품문의 */
#sit_qa_ol {margin:0 0 5px;padding:0;border-top:1px solid #eee;list-style:none;}
.sit_qa_li{position:relative;border-bottom:1px solid #eee;margin-top:-1px}
.sit_qa_li_title {display:block;margin:0;padding:0 ;line-height:60px;width:100%;border:0;background:transparent;text-align:left;padding-right:260px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.sit_qa_li_title img{vertical-align:middle}
.sit_qa_li_title b{font-weight:normal;margin-right:2px}
.sit_qa_dl {margin:0;padding:0 10px;position:absolute;top:0;right:0;line-height:60px;font-size:0.92em}
.sit_qa_dl:after {display:block;visibility:hidden;clear:both;content:""}
.sit_qa_dl dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_qa_dl dd {float:left;margin:0 10px 0 0;color:#888;}
.sit_qa_dl dd.sit_qaa_yet,.sit_qa_dl dd.sit_qaa_done{display:inline-block;width:50px;text-align:center;font-weight:bold;margin:0}
.sit_qa_dl dd.sit_qaa_done{color:#2060ff}
.sit_qa_con {display:none}
.sit_qa_p {;background:#f6f6f6;line-height:1.8em;}
.sit_qa_p strong {display:inline-block;margin:0 0 10px;}
.sit_qa_qaq{margin-bottom:10px;padding:20px ;border-bottom:1px dotted #e3e3e3}
.sit_qa_qaa{padding:20px}

.sit_qa_con textarea {display:none}
.sit_qa_cmd {text-align:right;padding:20px 0}
.sit_qa_cmd a.btn01{padding:5px;}
.sit_qa_pw {display:none;position:absolute;top:30px;left:175px;padding:10px;width:348px;border:1px solid #000;background:#fff;text-align:center}
.sit_qa_pw span {display:block;margin:0 0 5px}

#sit_qa_wbtn {margin:20px 0 ;text-align:right}
#sit_qa_wbtn a{vertical-align:middle;font-weight:700}
#sit_qa_w {display:none}

@media (max-width: 640px){
    .sit_use_dl,.sit_qa_dl{position:relative;line-height:20px;}
    .sit_qa_li_title,.sit_use_li_title{line-height:20px;padding:0 0 5px}
    .sit_use_li{padding:15px 0}
    .sit_use_dl dd img{margin:0}
}


/* 사용후기 모음 */
#sps_sch {margin:20px}
#sps_sch a {display:inline-block;padding:0 8px;height:45px;line-height:40px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center}
#sps_sch .sch_wr{position:relative;display:inline-block}
#sps_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
#sps_sch select{}
#sps_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
#sps_sch .sch_btn{height:45px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

#sps {zoom:1}
#sps ol {margin:20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#sps li {position:relative;padding:10px;border-bottom:1px solid #eee;background:#fff;margin: 0 0 }
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img{position:absolute;top:10px;left:10px;}
.sps_img img{border-radius:50%;}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 0 ; color: #888;  font-size: 0.917em;overflow:hidden}
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps dd {float:left;margin:0 10px 0 0 ;line-height:18px;height:18px }
#sps dd img {position:relative;top:-2px}

.sps_section {margin-left:80px;display:block;}
.sps_section .is_use_reply{background:url('../mobile/shop/img/use_reply.png') no-repeat;text-indent:30px;line-height:1.5em}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;}
.sps_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}

.sps_reply{margin-top:10px;padding-top:10px;border-top:1px dotted #bbb;position:relative}
.sps_reply .sps_img {;width:50px;text-align:center}
.sps_reply .sps_section h2{background:url('./img/use_reply.png') no-repeat 0 0;text-indent:30px;line-height:1.5em;}
.sps_reply .sps_section{margin-left:70px;min-height:50px}
#sps_empty{text-align:center;color:#777;padding:50px 0}

/* 상품문의 모음 */
#sqa_sch {margin:20px}
#sqa_sch a {display:inline-block;padding:0 8px;height:45px;line-height:40px;vertical-align:top;border-radius:3px;color:#999;font-weight:300;;text-decoration:underline;text-align:center}
#sqa_sch .sch_wr{position:relative;display:inline-block}
#sqa_sch .sch_wr:after {display:block;visibility:hidden;clear:both;content:""}
#sqa_sch select{}
#sqa_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
#sqa_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

#sqa {zoom:1;}
#sqa ol {margin:20px;padding:0;border-top:1px solid #e9e9e9;list-style:none;}
#sqa li {position:relative;padding:10px;border-bottom:1px solid #eee;background:#fff;}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {position:absolute;top:10px;left:10px;}
.sqa_img img{border-radius:50%;}
.sqa_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sqa dl {margin:5px 0 10px; color: #888;  font-size: 0.917em;overflow:hidden;}
#sqa dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sqa dd {float:left;margin:0 10px 0 0;}
#sqa dd img {position:relative;top:-2px}

.sqa_section {margin-left:80px;display:block}
.sqa_section h2{font-weight:bold;margin:5px 0}
.sqa_section .sqa_con {background:#f3f3f3;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0}
.sqa_con_btn button {border: 1px solid #ddd;padding: 5px 8px;color: #666;font-size: 0.92em;margin: 5px 0;background: #fff;}

#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px 40px;position:relative}
.sqa_con .qa_alp{position:absolute;top:10px;left:15px;font-size:1.75em;color:#bbb}

#sqa_empty{text-align:center;color:#777;padding:50px 0}

#sqa .sit_qaa_yet,#sqa .sit_qaa_done{display:inline-block;text-align:center;font-weight:bold;margin:0;font-size:11px;background:#f3f3f3;color:#999;padding:0 10px;line-height:30px}
#sqa .sit_qaa_done{background:#2060ff;color:#fff}

/* 상품검색 */
#ssch_frm {margin:0 auto;max-width:1200px;padding:0 10px;zoom:1}
#ssch_frm h2{margin:10px;color:#888;line-height:30px;}
#ssch_frm h2 span{font-size:1.333em;color:#000}
#ssch_frm h2 strong{color:#d50c0d}
#ssch_frm form{margin:0 10px 20px}
#ssch_frm .ssch_scharea{min-height:50px;}
#ssch_frm .ssch_scharea:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm .ssch_scharea label{display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_left{float:left;position:relative}
#ssch_frm .ssch_right{float:right;margin-bottom:10px}
#ssch_frm .ssch_input{height:30px;border:1px solid #cbcbcb;padding:0 10px}
#ssch_frm .btn_submit{width: 30px;height: 30px;;position:absolute;top:0;right:0}
#ssch_frm p{padding:15px;background: #effaf4; margin-top: 10px;clear: both; color: #62ba8b;}

@media (max-width: 970px){
    #ssch_frm  .ssch_left{float:none;display:inline-block;}
    #ssch_frm  .ssch_right{float:none}
    #ssch_frm  .ssch_right span{display:block;margin:10px 0}
}

@media (max-width:  640px){
    #ssch_frm  .ssch_left .ssch_input{width:100%}
    #ssch_frm h2 span{font-size:1.083em}
}


/*배송교환정보*/
#sit_dvex h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_dvex h3 {font-size:1.167em;margin-bottom:10px}
#sit_dvex .box{margin-bottom:20px;padding:20px}

/* 로딩안내 레이어 */
#loading_message {z-index:10000;position:absolute;top:0;left:0;background:#fff;opacity:0.7}
#loading_message img {position:relative;opacity:1.0}

/* 알림 box */
#fancyalert {display:block;z-index:10000;position:absolute;top:0;left:0}
#fancyalert_inner {display:table;z-index:2;position:relative}
#fancyalert_inner div {display:table-cell;vertical-align:middle;text-align:center}
#fancyalert_inner span {display:block;margin:0 auto;padding:30px;width:200px;background:#1f1f1f;color:#f0f1f2}
#fancyalert_inner button {margin:15px 0 0;padding:10px 30px;border:0;background:#000;color:#fff}
#fancyalert_bg {z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;vertical-align:middle;background:#000;text-align:center;opacity: 0.7}

#sit_sms_new .tbl_frm01 th {width:100px}

/*쿠폰존 리스트*/
.couponzone_list{margin:20px 0 ;background:#fff;padding:20px}
.couponzone_list h2{margin:0 0 5px;font-size:1.25em;}
.couponzone_list p{margin:0 0 10px;}
.couponzone_list ul{padding:0;margin:0;list-style:none;background:#fff}
.couponzone_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.couponzone_list ul li{padding:10px 0 ;line-height:1.2em;margin:5px 0}

.couponzone_list ul li .coupon_img{}
.couponzone_list ul li img{width:100%;height:auto}

.couponzone_list ul li img{width:100%;height:auto}
.couponzone_list ul li .coupon_img{}
.couponzone_list ul li .coupon_tit{margin:10px 0 5px;font-size:1.083em;line-height:1.4em;font-weight:bold;}
.couponzone_list ul li .coupon_date{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_target a{color:#777;text-decoration:underline}
.couponzone_list ul li .coupon_point{margin: 5px 0px;font-size:0.92em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#777}
.couponzone_list ul li .coupon_btn{margin:10px 0 0;text-align:center}
.couponzone_list ul li .coupon_btn .btn02{width:100%;height:35px;padding:0;font-weight:bold;background:#8183c3;border:0}
.couponzone_list ul li .coupon_btn .btn02:hover{background:#5255cc;color:#fff}
.couponzone_list ul li .coupon_btn .disabled {background: #ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list ul li .coupon_btn .disabled:hover {background: #ddd;border:1px;color:#999;border-color:#ddd}
.couponzone_list .no_coupon{padding: 100px 0;text-align:center;color:#999}
#point_coupon li{height:250px;}


@media (min-width: 640px)and (max-width:969px){
    .couponzone_list ul li{width:50%;float:left;padding:10px}
    .couponzone_list ul li:nth-child(2n+1){clear:both;}

}
@media (min-width: 970px){
    .couponzone_list ul li{width:25%;float:left;padding:10px}
    .couponzone_list ul li:nth-child(4n+1){clear:both;}

}


 

이미지 자체에 사이즈가 있네요

 

<img style="width:576px;height:527px;" alt="business_thumb05.jpg" src="http://qnfnakqmf77.gabia.io/data/editor/2111/20211122102104_e8860cd750a4a564f9d2d281304bd64b_9a5k.jpg">

 

붉은색 글씨 있는 부분의 height를 지워주시면 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 42
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT