From e458d0949f2b026394c706fa47ed85a40fb62787 Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Thu, 8 Aug 2013 14:50:42 +0900
Subject: [PATCH] =?UTF-8?q?=EC=87=BC=ED=95=91=EB=AA=B0:=20#271=20=EB=A9=94?=
 =?UTF-8?q?=EC=9D=B8=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EC=8A=A4=ED=82=A8=20=EB=A7=88=ED=81=AC=EC=97=85=20=EB=B0=8F=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=83=98=ED=94=8C=20=EC=9E=91?=
 =?UTF-8?q?=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 skin/shop/basic/main.30.skin.php | 20 +++++++++-----------
 skin/shop/basic/style.css        | 28 ++++++++++++++++------------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/skin/shop/basic/main.30.skin.php b/skin/shop/basic/main.30.skin.php
index 6ca3f1564..a580a5511 100644
--- a/skin/shop/basic/main.30.skin.php
+++ b/skin/shop/basic/main.30.skin.php
@@ -14,11 +14,12 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 for ($i=1; $row=sql_fetch_array($result); $i++) {
     if ($i == 1) {
         if ($this->css) {
-            echo "<ul id=\"smt_{$this->type}\" class=\"{$this->css}\">\n";
+            echo "<div id=\"smt_{$this->type}\" class=\"{$this->css}\">\n";
         } else {
-            echo "<ul id=\"smt_{$this->type}\" class=\"sct smt_30\">\n";
+            echo "<div id=\"smt_{$this->type}\" class=\"smt_30\">\n";
         }
-        echo "<li class=\"sct_li sct_li_first\">\n";
+        echo "<ul class=\"sct_ul sct_ul_first\">\n";
+        echo "<li class=\"sct_li\">\n";
     }
 
     if ($i > 1 && $i%$this->list_mod == 1) {
@@ -26,8 +27,6 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
         echo "<li class=\"sct_li\">\n";
     }
 
-    echo "<div class=\"sct_div\">";
-
     if ($this->href) {
         echo "<a href=\"{$this->href}{$row['it_id']}\" class=\"sct_a\">\n";
     }
@@ -56,6 +55,10 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
         echo "<span class=\"sct_icon\">".item_icon($row)."</span>\n";
     }
 
+    if ($this->href) {
+        echo "</a>\n";
+    }
+
     if ($this->view_sns) {
         echo "<div class=\"sct_sns\">";
         echo get_sns_share_link('facebook', $sns_url, $sns_title, G4_SHOP_URL.'/img/sns_fb.png');
@@ -63,17 +66,12 @@ for ($i=1; $row=sql_fetch_array($result); $i++) {
         echo get_sns_share_link('googleplus', $sns_url, $sns_title, G4_SHOP_URL.'/img/sns_goo.png');
         echo "</div>\n";
     }
-
-    if ($this->href) {
-        echo "</a>\n";
-    }
-
-    echo "</div>\n";
 }
 
 if ($i > 1) {
     echo "</li>\n";
     echo "</ul>\n";
+    echo "</div>\n";
 }
 
 if($i == 1) echo "<p class=\"sct_noitem\">등록된 상품이 없습니다.</p>\n";
diff --git a/skin/shop/basic/style.css b/skin/shop/basic/style.css
index 2123333ed..5fe82ae85 100644
--- a/skin/shop/basic/style.css
+++ b/skin/shop/basic/style.css
@@ -1,5 +1,7 @@
+@charset "utf-8";
+/* SIR 지운아빠 */
 
-/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 시작 ##### */
+/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */
 /* 공통 */
 .sct_wrap {margin:0 0 30px;zoom:1}
 .sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
@@ -13,9 +15,10 @@
 .sct:after {display:block;visibility:hidden;clear:both;content:""}
 .sct_li {position:relative}
 .sct_noitem {padding:100px 0;text-align:center}
+.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
 
 /* 상품 목록 스킨 10 */
-.sct_10 .sct_li {float:left;margin:0 25px 15px 0;}
+.sct_10 .sct_li {float:left;margin:0 25px 15px 0}
 .sct_10 .sct_last {margin:0 0 15px !important}
 .sct_10 .sct_clear {clear:both}
 .sct_10 .sct_a {display:block;position:relative;text-decoration:none}
@@ -29,7 +32,7 @@
 .sct_10 .sct_sns {position:absolute;top:190px;right:20px}
 
 /* 상품 목록 스킨 11 */
-.sct_11 .sct_li {float:left;margin:0 25px 15px 0;}
+.sct_11 .sct_li {float:left;margin:0 25px 15px 0}
 .sct_11 .sct_last {margin:0 0 15px !important}
 .sct_11 .sct_clear {clear:both}
 .sct_11 .sct_a {display:block;position:relative;padding:0 0 5px;background:#f5f6fa;text-decoration:none}
@@ -43,7 +46,7 @@
 .sct_11 .sct_sns {position:absolute;bottom:10px;right:10px}
 
 /* 상품 목록 스킨 12 */
-.sct_12 .sct_li {float:left;margin:0 16px 15px 0;}
+.sct_12 .sct_li {float:left;margin:0 16px 15px 0}
 .sct_12 .sct_last {margin:0 0 15px !important}
 .sct_12 .sct_clear {clear:both}
 .sct_12 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('../shop/img/icon_arw_toleft.gif') no-repeat}
@@ -81,7 +84,7 @@
 .smt_20 {position:relative;height:306px;overflow-y:hidden}
 .smt_20 .sct_li {position:absolute;top:306px;left:0;display:none}
 .smt_20 .sct_li_first {top:0;display:block}
-.smt_20 .sct_div {float:left;margin:0 25px 15px 0;}
+.smt_20 .sct_div {float:left;margin:0 25px 15px 0}
 .smt_20 .sct_last {margin:0 0 15px !important}
 .smt_20 .sct_a {display:block;position:relative;text-decoration:none}
 .smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
@@ -94,10 +97,11 @@
 .smt_20 .sct_sns {position:absolute;top:190px;right:20px}
 
 /* 메인 상품 목록 스킨 30 */
-.smt_30 {position:relative;width:740px;height:308px;overflow-x:hidden}
-.smt_30 .sct_li {position:absolute;top:0;left:765px;width:765px;display:none}
-.smt_30 .sct_li_first {left:0;display:block}
-.smt_30 .sct_div {float:left;margin:0 25px 15px 0;}
+.smt_30 {position:relative;width:100%;height:330px;overflow-x:hidden}
+.smt_30 .sct_ul {position:absolute;top:0;left:765px;margin:0;padding:0;width:100%;zoom:1}
+.smt_30 .sct_ul:after {display:block;visibility:hidden;clear:both;content:""}
+.smt_30 .sct_ul_first {display:block;left:0}
+.smt_30 .sct_li {float:left}
 .smt_30 .sct_a {display:block;position:relative;text-decoration:none}
 .smt_30 .sct_a:focus, .smt_30 .sct_a:hover {text-decoration:none}
 .smt_30 .sct_img {display:block;margin:0 0 15px}
@@ -110,9 +114,9 @@
 
 /* 메인 상품 목록 스킨 40 */
 .smt_40 {position:relative;height:306px}
-.smt_40 .sct_li {position:absolute;top:0;left:0;display:none}
+.smt_40 .sct_li {display:none;position:absolute;top:0;left:0}
 .smt_40 .sct_li_first {display:block}
-.smt_40 .sct_div {float:left;margin:0 25px 15px 0;}
+.smt_40 .sct_div {float:left;margin:0 25px 15px 0}
 .smt_40 .sct_last {margin:0 0 15px !important}
 .smt_40 .sct_a {display:block;position:relative;text-decoration:none}
 .smt_40 .sct_a:focus, .smt_40 .sct_a:hover {text-decoration:none}
@@ -126,7 +130,7 @@
 
 /* 메인 상품 목록 스킨 50 */
 .smt_50 {position:relative;height:306px}
-.smt_50 .sct_li {position:absolute;top:0;left:0;height:306px;display:none;overflow-y:hidden}
+.smt_50 .sct_li {display:none;position:absolute;top:0;left:0;height:306px;overflow-y:hidden}
 .smt_50 .sct_li_first {display:block}
 .smt_50 .sct_div {float:left;position:relative;top:-306px;margin:0 25px 15px 0}
 .smt_50 .sct_last {margin:0 0 15px}