From da0ade0de1136e56728ae72c50cf2f8ed18fff96 Mon Sep 17 00:00:00 2001
From: thisgun <thisgun@naver.com>
Date: Mon, 28 Aug 2017 20:32:48 +0900
Subject: [PATCH] 123

---
 mobile/skin/faq/basic/list.skin.php | 22 ++++++++++-------
 mobile/skin/faq/basic/style.css     | 37 ++++++++++++++++++-----------
 2 files changed, 36 insertions(+), 23 deletions(-)

diff --git a/mobile/skin/faq/basic/list.skin.php b/mobile/skin/faq/basic/list.skin.php
index 134175db1..68d928b2a 100644
--- a/mobile/skin/faq/basic/list.skin.php
+++ b/mobile/skin/faq/basic/list.skin.php
@@ -14,6 +14,16 @@ echo '<div id="faq_hhtml">'.conv_content($fm['fm_mobile_head_html'], 1).'</div>'
 <?php
 if( count($faq_master_list) ){
 ?>
+
+<div id="faq_sch">
+    <form name="faq_search_form" method="get">
+    <input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
+    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+    <input type="text" name="stx" value="<?php echo $stx;?>" required id="stx" class="frm_input" size="15" maxlength="15">
+    <button type="submit" value="검색" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+    </form>
+</div>
+
 <nav id="bo_cate">
     <h2>자주하시는질문 분류</h2>
     <ul id="bo_cate_ul">
@@ -47,8 +57,9 @@ if( count($faq_master_list) ){
                     continue;
             ?>
             <li>
-                <h3><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
+                <h3><span class="faq_alp faq_alp_q">Q</span><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
                 <div class="con_inner">
+                    <span class="faq_alp faq_alp_a">A</span>
                     <?php echo conv_content($v['fa_content'], 1); ?>
                     <div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
                 </div>
@@ -80,14 +91,7 @@ if( count($faq_master_list) ){
 echo '<div id="faq_thtml">'.conv_content($fm['fm_mobile_tail_html'], 1).'</div>';
 ?>
 
-<div id="faq_sch">
-    <form name="faq_search_form" method="get">
-    <input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
-    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="stx" value="<?php echo $stx;?>" required id="stx" class="frm_input required" size="15" maxlength="15">
-    <input type="submit" value="검색" class="btn_submit">
-    </form>
-</div>
+
 <!-- } FAQ 끝 -->
 
 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
diff --git a/mobile/skin/faq/basic/style.css b/mobile/skin/faq/basic/style.css
index d573cdfb7..fcdc9cd86 100644
--- a/mobile/skin/faq/basic/style.css
+++ b/mobile/skin/faq/basic/style.css
@@ -1,25 +1,34 @@
 @charset "utf-8";
 
-#bo_cate {margin:0 10px}
-#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
-#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_cate li {float:left;margin-bottom:-1px}
-#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
-#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
-#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
+#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-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);}
 
-#faq_wrap {margin:10px}
+#faq_wrap {margin:10px 10px 60px}
 #faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 .faq_admin {margin:0 5px;text-align:right}
 #faq_wrap p {line-height:1.8em}
 #faq_wrap ol {margin:0;padding:0;list-style:none}
-#faq_con {border:1px solid #e9e9e9;border-top:0}
-#faq_con h3 a {display:block;padding:10px;background:#f2f5f9;border-top:1px solid #e9e9e9}
-#faq_con .con_inner {display:none;padding:10px;line-height:1.8em}
+#faq_wrap  li{margin:10px 0;background:#fff;border-radius:3px;
+-webkit-box-shadow: 0 1px 4px #cbd1df;
+   -moz-box-shadow: 0 1px 4px #cbd1df;
+        box-shadow: 0 1px 4px #cbd1df;}
+#faq_con h3{position:relative;padding-left:30px;}
+#faq_con h3 a {display:block;padding:10px;}
+#faq_con .faq_alp{position:absolute;top:10px;left:10px;display:inline-block;background:#333;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;color:#fff}
+#faq_con .faq_alp_a{background:#aaa}
+#faq_con .con_inner {;position:relative;display:none;padding:10px;padding-left:40px;line-height:1.8em;border-top:1px solid #eee;}
 #faq_con .con_closer {margin:10px 0 0;text-align:right}
-#faq_con .closer_btn {margin:0;padding:10px;border:0;background:#666;color:#fff}
+#faq_con .closer_btn {margin:0;padding:0 5px;line-height:24px;border:0;background:#666;color:#fff}
 .faq_tolist {padding:0 10px;text-align:right}
 .faq_img {text-align:center}
 
-#faq_sch {text-align:center}
\ No newline at end of file
+#faq_sch {text-align:center;margin:10px;position:relative}
+#faq_sch .frm_input {width:100%}
+#faq_sch .btn_submit{position:absolute;top:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px}
\ No newline at end of file