From 3b081723ba60191f326ae02573e618e7d08256ba Mon Sep 17 00:00:00 2001
From: thisgun <thisgun@naver.com>
Date: Mon, 28 Aug 2017 20:38:09 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EC=8A=A4?=
 =?UTF-8?q?=ED=82=A8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mobile/skin/popular/basic/popular.skin.php | 10 ++++------
 mobile/skin/popular/basic/style.css        | 15 +++++++--------
 2 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/mobile/skin/popular/basic/popular.skin.php b/mobile/skin/popular/basic/popular.skin.php
index 436883642..274b3c285 100644
--- a/mobile/skin/popular/basic/popular.skin.php
+++ b/mobile/skin/popular/basic/popular.skin.php
@@ -6,12 +6,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">',
 ?>
 
 <aside id="popular">
+    <h2><i class="fa fa-star-o" aria-hidden="true"></i> 인기검색어</h2>
     <div>
-        <h2>인기검색어</h2>
-        <ul>
-        <?php for ($i=0; $i<count($list); $i++) { ?>
-            <li><a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a></li>
-        <?php } ?>
-        </ul>
+    <?php for ($i=0; $i<count($list); $i++) { ?>
+        <a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a>
+    <?php } ?>
     </div>
 </aside>
\ No newline at end of file
diff --git a/mobile/skin/popular/basic/style.css b/mobile/skin/popular/basic/style.css
index 545cd3086..74f4e373e 100644
--- a/mobile/skin/popular/basic/style.css
+++ b/mobile/skin/popular/basic/style.css
@@ -1,11 +1,10 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* 인기검색어 */
-#popular {border-bottom:1px dotted #dde4e9}
-#popular div {zoom:1}
-#popular div:after {display:block;visibility:hidden;clear:both;content:""}
-#popular h2 {float:left;padding:10px 5px 10px 10px}
-#popular ul {float:left;margin:0 0 0 10px;padding:0;list-style:none}
-#popular li {float:left}
-#popular a {display:inline-block;padding:10px 5px;text-decoration:none}
\ No newline at end of file
+#popular {margin:30px 10px }
+#popular h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8); }
+#popular a{display:inline-block;height:22px;line-height:22px;background:#b9bdd3;color:#fff;margin:2px 0;padding: 0 5px;border-radius:3px}
+#popular a:hover{background:#646982}
\ No newline at end of file