diff --git a/css/default_shop.css b/css/default_shop.css
index 40702682f..45e261d3b 100644
--- a/css/default_shop.css
+++ b/css/default_shop.css
@@ -2,7 +2,7 @@
 
 /* 초기화 */
 html {overflow-y:scroll}
-body {margin:0;padding:0;background:#fff;font-size:0.75em;font-family:"dotum"}
+body {margin:0;padding:0;background:#fff;color:#3c4043;font-size:0.75em;font-family:"dotum"}
 html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
 h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@@ -14,10 +14,10 @@ p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
 hr {display:none}
 pre {overflow-x:scroll;font-size:1.1em}
 a:link,
-a:visited {color:#000;text-decoration:none}
+a:visited {color:#3c4043;text-decoration:none}
 a:hover,
 a:focus,
-a:active {color:#000;text-decoration:underline}
+a:active {color:#3c4043;text-decoration:underline}
 
 /* 화면낭독기 사용자용 */
 #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
@@ -155,6 +155,29 @@ a:active {color:#000;text-decoration:underline}
 #container {z-index:4;position:relative;float:left;width:740px;min-height:500px;height:auto !important;height:500px;background:#fff;zoom:1}
 #container:after {display:block;visibility:hidden;clear:both;content:""}
 
+/* 인덱스 상품 출력 */
+/* 공통 */
+.sidx_it_wrap {margin:0 0 30px;zoom:1}
+.sidx_it_wrap:after {display:block;visibility:hidden;clear:both;content:''}
+.sidx_it_wrap header {margin:0 0 20px;zoom:1}
+.sidx_it_wrap header:after {display:block;visibility:hidden;clear:both;content:''}
+.sidx_it_wrap h2 {float:left;margin:0 20px 0 0;padding:0;line-height:1em}
+.sidx_it_wrap h2 a {text-decoration:none}
+.sidx_it_wrap_hdesc {float:left;margin:0;padding:0;color:#777;line-height:1em}
+
+.sidx_it {margin:0;padding:0;list-style:none;zoom:1}
+.sidx_it:after {display:block;visibility:hidden;clear:both;content:''}
+.sidx_it_li {position:relative}
+
+/* 스킨 10 */
+.sidx_it_10 .sidx_it_li {float:left;margin:0 25px 0 0;width:230px}
+.sidx_it_10 .sidx_it_last {margin:0 !important}
+.sidx_it_10 .sidx_it_a {display:block;font-weight:bold;text-decoration:none}
+.sidx_it_10 span {display:block;margin:0 0 10px}
+.sidx_it_10 b {display:block;margin:0 0 5px;font-weight:normal}
+.sidx_it_10 .sidx_it_sns {position:absolute;top:195px;right:20px}
+
+/* 배너 인덱스 출력 */
 #sbn_idx {}
 #sbn_idx h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #sbn_idx ul {margin:0;padding:0;border:0;list-style:none}
diff --git a/img/shop/sns_twt.png b/img/shop/sns_twt.png
index 4f900f37b..e4c3ceebf 100644
Binary files a/img/shop/sns_twt.png and b/img/shop/sns_twt.png differ
diff --git a/shop/index.php b/shop/index.php
index 6869082a0..8d30e8f6f 100644
--- a/shop/index.php
+++ b/shop/index.php
@@ -13,50 +13,81 @@ include_once(G4_SHOP_PATH.'/shop.head.php');
     <img src="<?php echo G4_DATA_URL; ?>/common/main_img" alt="">
 </div>
 
-<div>
-<?php
-// 히트상품
-$type = 1;
-if ($default['de_type'.$type.'_list_use'])
-{
-    echo '<a href="'.G4_SHOP_URL.'/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="히트상품"></a><br>';
-    display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
-}
-?>
-</div>
-<div>
-<?php
-// 추천상품
-$type = 2;
-if ($default['de_type'.$type.'_list_use'])
-{
-    echo '<a href="'.G4_SHOP_URL.'/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="추천상품"></a><br>';
-    display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
-}
-?>
-</div>
-<div>
-<?php
-// 인기상품
-$type = 4;
-if ($default['de_type'.$type.'_list_use'])
-{
-    echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="인기상품"></a><br>';
-    display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
-}
-?>
-</div>
-<div>
-<?php
-// 할인상품
-$type = 5;
-if ($default['de_type'.$type.'_list_use'])
-{
-    echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="할인상품"></a><br>';
-    display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
-}
-?>
-</div>
+<section class="sidx_it_wrap">
+    <header>
+        <h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=3">최신상품</a></h2>
+        <p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 최신상품 모음</p>
+    </header>
+    <?php
+    // 최신상품
+    $type = 3;
+    if ($default["de_type{$type}_list_use"])
+    {
+        display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
+    }
+    ?>
+</section>
+
+<section class="sidx_it_wrap">
+    <header>
+        <h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=1">히트상품</a></h2>
+        <p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 히트상품 모음</p>
+    </header>
+    <?php
+    // 히트상품
+    $type = 1;
+    if ($default['de_type'.$type.'_list_use'])
+    {
+        display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
+    }
+    ?>
+</section>
+
+<section class="sidx_it_wrap">
+    <header>
+        <h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=2">추천상품</a></h2>
+        <p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 추천상품 모음</p>
+    </header>
+    <?php
+    // 추천상품
+    $type = 2;
+    if ($default['de_type'.$type.'_list_use'])
+    {
+        display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
+    }
+    ?>
+</section>
+
+<section class="sidx_it_wrap">
+    <header>
+        <h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=4">인기상품</a></h2>
+        <p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 인기상품 모음</p>
+    </header>
+    <?php
+    // 인기상품
+    $type = 4;
+    if ($default['de_type'.$type.'_list_use'])
+    {
+        display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
+    }
+    ?>
+</section>
+
+<section class="sidx_it_wrap">
+    <header>
+        <h2><a href="<?php echo G4_SHOP_URL; ?>/listtype.php?type=5">할인상품</a></h2>
+        <p class="sidx_it_wrap_hdesc"><?php echo $config['cf_title']; ?> 할인상품 모음</p>
+    </header>
+    <?php
+    // 할인상품
+    $type = 5;
+    if ($default['de_type'.$type.'_list_use'])
+    {
+        display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
+    }
+    ?>
+</section>
+
 <div>
 <?php echo latest('basic', 'qa', 5, 30); ?>
 </div>
@@ -68,17 +99,6 @@ if ($default['de_type'.$type.'_list_use'])
 <?php //echo latest('basic', 'notice', 3, 25); ?>
 </div>
 <div>
-<?php
-// 최신상품
-$type = 3;
-if ($default["de_type{$type}_list_use"])
-{
-    echo '<a href="'.G4_SHOP_URL.'"/listtype.php?type='.$type.'"><img src="'.G4_SHOP_URL.'/img/bar_type'.$type.'.gif" alt="최신상품"></a><br>';
-    display_type($type, $default["de_type{$type}_list_skin"], $default["de_type{$type}_list_mod"], $default["de_type{$type}_list_row"], $default["de_type{$type}_img_width"], $default["de_type{$type}_img_height"]);
-}
-?>
-</div>
-<div>
 <!-- 온라인 투표 -->
 <?php echo poll('basic'); ?>
 </div>
diff --git a/shop/maintype10.inc.php b/shop/maintype10.inc.php
index caaa82ed8..a15c7068b 100644
--- a/shop/maintype10.inc.php
+++ b/shop/maintype10.inc.php
@@ -1,37 +1,27 @@
 <?php
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
+// $list_mod 가로 나열 수
 ?>
 
-<table width=100% cellpadding=0 cellspacing=0 border=0>
-<tr>
 <?php
 for ($i=0; $row=sql_fetch_array($result); $i++) {
-    if ($i > 0 && $i % $list_mod == 0) {
-        echo "</tr>\n\n<tr>\n";
-    }
-
-    $href = "<a href='".G4_SHOP_URL."/item.php?it_id={$row['it_id']}' class=item>";
+    $href = G4_SHOP_URL.'/item.php?it_id='.$row['it_id'];
+    if (($i+1)%$list_mod == 0) $sidx_it_last = 'sidx_it_last';
+    else $sidx_it_last = '';
+    if ($i == 0) echo '<ul class="sidx_it sidx_it_10">';
 ?>
-    <td width="<?php echo $td_width; ?>%" align=center valign=top>
-        <table width=98% cellpadding=1 cellspacing=0 border=0>
-        <tr><td height=5></td></tr>
-        <tr><td align=center><?php echo $href; ?><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height); ?></a></td></tr>
-        <tr><td align=center><?php echo $href; ?><?php echo stripslashes($row['it_name']); ?></a></td></tr>
-        <!--시중가격<tr><td align=center><strike><?php echo display_amount($row[it_cust_amount]); ?></strike></td></tr>-->
-        <tr><td align=center><span class=amount><?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?></span></td></tr>
-        </table></td>
-<?php
-/*
-// 이미지 오른쪽에 구분선을 두는 경우 (이미지로 대체 가능)
-    if ($i%$list_mod!=$list_mod-1)
-        echo "<td width=1 bgcolor=#eeeeee></td>";
-*/
-}
-
-// 나머지 td 를 채운다.
-if (($cnt = $i%$list_mod) != 0)
-    for ($k=$cnt; $k<$list_mod; $k++)
-        echo "<td>&nbsp;</td>\n";
+    <li class="sidx_it_li <?php echo $sidx_it_last; ?>">
+        <a href="<?php echo $href; ?>" class="sidx_it_a">
+            <span><?php echo get_it_image($row['it_id']."_s", $img_width, $img_height); ?></span>
+            <b><?php echo stripslashes($row['it_name']); ?></b>
+            <?php echo display_amount(get_amount($row), $row['it_tel_inq']); ?>
+        </a>
+        <div class="sidx_it_sns">
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_fb.png" alt="페이스북에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_twt.png" alt="트위터에 공유"></a>
+            <a href="#"><img src="<?php echo G4_URL; ?>/img/shop/sns_goo.png" alt="구글플러스에 공유"></a>
+        </div>
+    </li>
+<?php }
+if ($i > 0) echo '</ul>';
 ?>
-</tr>
-</table>