영카트 리스트스킨 CSS 수정 채택완료

http://blessmall.kr/shop/list.php?ca_id=20" rel="nofollow">http://blessmall.kr/shop/list.php?ca_id=20

영카트 쇼핑몰을 작업하고 있는데요..

CSS부분의 실력이 딸려서 조언 부탁 드립니다.

질문은 이미지로 합니다.

아래의 소스에서 빨간색 부분을 클릭했을때 이부분 보이게     if ($this->view_sns) {         $sns_top = $this->img_height + 10;         $sns_url  = G5_SHOP_URL.'/item.php?it_id='.$row['it_id'];         $sns_title = get_text($row['it_name']).' | '.get_text($config['cf_title']);   $sns_over_arr = G5_SHOP_SKIN_URL.'/img/arrow_mbs2.png';         echo "

";         echo get_sns_share_link('facebook', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/facebook.png');         echo get_sns_share_link('twitter', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/twitter.png');         echo get_sns_share_link('kakaotalk', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/kakaotalk.png');   echo get_sns_share_link('band', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/band.png');   echo get_sns_share_link('urlcopy', $sns_url, $sns_title, G5_SHOP_SKIN_URL.'/img/urlcopy.png');   echo "

";         echo "

       }

 // 장바구니 찜하기, SNS버튼  echo "

";  $icon_cart = G5_SHOP_SKIN_URL.'/img/r_icon_cart.png';  $icon_wish = G5_SHOP_SKIN_URL.'/img/r_icon_wish.png';  $icon_sns = G5_SHOP_SKIN_URL.'/img/r_icon_sns.png';  $icon_cart_over = G5_SHOP_SKIN_URL.'/img/r_icon_cart_over.png';  $icon_wish_over = G5_SHOP_SKIN_URL.'/img/r_icon_wish_over.png';  $icon_sns_over = G5_SHOP_SKIN_URL.'/img/r_icon_sns_over.png';  echo "                          ";  echo "

/* 상품 목록 스킨 10 */ .sct_10 .sct_ct_wrap {height:190px; background-color:#FFFFFF; padding:5px 30px 5px 30px;} .sct_10 .sct_li_main {position:relative;float:left;margin:0 14px 14px 0;} .sct_10 .sct_li_sub {position:relative;float:left;margin:0 14px 14px 0;} .sct_10 .sct_li {position:relative;float:left;margin:0 14px 14px 0;border:1px solid #C6C9D0} .sct_10 .sct_li:hover {position:relative;float:left;margin:0 14px 14px 0;  border:1px solid #000000; } .sct_10 .sct_last {margin:0 0 15px !important} .sct_10 .sct_clear {clear:both} .sct_10 .sct_img{position:relative; } .sct_10 .sct_sns{display:none;position:absolute; left:15px; bottom:73px; padding:5px 0px; z-index:60;width:90%; text-align:center; border:1px solid #959595; background:#FFFFFF;} .sct_10 .sct_img:hover .sct_sns{display:block} .sct_10 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4)} .sct_10 .sct_sns .share-facebook:hover{background:#415b92} .sct_10 .sct_sns .share-twitter:hover{background:#35b3dc} .sct_10 .sct_sns .share-kakaotalk:hover{background:#F7E100} .sct_10 .sct_sns .share-band:hover{background:#1AC620} .sct_10 .sct_sns .share-urlcopy:hover{background:#178BF4} .sct_10 .sct_sns img{width:22px} .sct_10 .sct_icons{position:absolute;bottom:10px; z-index:60;width:100%; text-align:center;} .sct_10 .sct_icons .sct_cart{display:none; bottom:10px;z-index:60; width:49px; cursor:pointer;} .sct_10 :hover .sct_cart{display:block} .sct_10 .sct_icon {margin:10px 0} .sct_10 .sct_txt{border-bottom:1px solid #d9dde2;font-size:14px; padding:10px 0px; background-color:#FFFFFF; line-height:150%;}   /* 상품명 */ .sct_10 .sct_basic{color:#617076; padding:10px 0px 5px 0px; font-family:"GmarketSansL"; font-weight:bold;}  /* 부가설명 */ .sct_10 .sct_supply{color:#28732D; font-size:12px; margin:5px 0; font-weight:bold;} /* 추가옵션 */ .sct_10 .sct_point{color:#666; font-size:11px; margin:0px 20px 5px 0}  /* 포인트 */ .sct_10 .sct_img{position:relative; }   /* 별점 */ .sct_10 .sct_dict {padding:5px 0px 0px 0px;  font-size:14px; text-decoration:line-through;font-weight:normal;display:block; color:#858a8d;  font-family:Montserrat; }    /* 시중가 */ .sct_10 .sct_cost {padding:5px 0px 5px 0px;  font-size:16px; font-weight:bold; font-family:Montserrat; }   /* 판매가 */ .sct_10 .sct_dict_pre {text-align:right; margin-top:-35px; padding:5px 0px 5px 0px;  font-size:30px; letter-spacing:-2px;  font-family:"GmarketSansL";}  /* 할인율 % */ .sct_10 .sct_adm {position:absolute; margin-top:-29px;; right:0px; color:#FFFFFF; padding:7px 10px 5px 10px; cursor:pointer; z-index:99} .sct_10 .sct_adm:hover {color:#FF6600; background-color:#000000; cursor:pointer; z-index:99} .sct_10 .shop_icon_1 {display:none;}   /* 히트 아이콘 */ .sct_10 .shop_icon_2 {display:none;}   /* 추천 아이콘 */ .sct_10 .shop_icon_3 {display:none;}   /* 최신 아이콘 */ .sct_10 .shop_icon_4 {position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold}   /* BEST 아이콘 */ .sct_10 .shop_icon_5 {display:none;}   /* 할인 아이콘 */