From 91e1a3336dc5ac701e7ed334684091daf2a0f0cc Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Tue, 14 May 2013 15:56:02 +0900
Subject: [PATCH] =?UTF-8?q?M=EC=87=BC=ED=95=91=EB=AA=B0:=20#159=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=96=B4=20=EC=83=81=ED=92=88=EA=B2=80?=
 =?UTF-8?q?=EC=83=89,=20#167=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20?=
 =?UTF-8?q?=EC=83=81,=ED=95=98=EB=8B=A8=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/mobile_shop.css       | 36 +++++++++++--------
 mobile/shop/shop.head.php | 75 +++++++++++++++++++--------------------
 mobile/shop/shop.tail.php |  9 +++--
 3 files changed, 61 insertions(+), 59 deletions(-)

diff --git a/css/mobile_shop.css b/css/mobile_shop.css
index 05bb0845b..6af4bcb98 100644
--- a/css/mobile_shop.css
+++ b/css/mobile_shop.css
@@ -25,23 +25,30 @@ a:focus,
 a:active {color:#000;text-decoration:underline}
 
 /* 상단 레이아웃 */
-#hd {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9}
-#hd h1,
-#hd h2,
-#hd h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#header {margin:0 0 1em;padding:1em 0;border-bottom:1px solid #e9e9e9;text-align:center}
+#header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
-#logo {text-align:center}
+#hd_ct {position:absolute;top:1em;left:1em;padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;text-decoration:none;letter-spacing:-0.1em;vertical-align:top;line-height:2.6em;cursor:pointer;-webkit-appearance:none}
 
-#hd_aside_mb ul {margin:0 1em;text-align:right}
-#hd_aside_mb li {display:inline-block;margin:0 0 0 1em}
+#hd_sch_open {position:absolute;top:1em;right:1em;padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
+
+#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;padding:2.2em 0;width:100%;background:#f5f6fa;text-align:center}
+#hd_sch h2 {margin:0 0 1em}
+#hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em}
+#hd_sch #submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
+#hd_sch #pop_close {position:absolute;bottom:0.5em;right:0.5em;border:0;background:transparent}
+
+#hd_mb {margin:1em 1em 0;text-align:center}
+#hd_mb li {display:inline-block;margin:0 0 0 1em}
+#hd_mb a {display:block;text-decoration:none}
 
 /* 중간 레이아웃 */
-#wrapper_title {margin-bottom:1em;font-size:1.2em}
+#container_title {margin-bottom:1em;font-size:1.2em}
 
 /* 하단 레이아웃 */
-#ft {padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center}
-#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#ft_totop {display:block;margin:1em 0 2em}
+#footer {padding:2em 0 0;border-top:1px solid #e9e9e9;font-size:0.6em;text-align:center}
+#footer h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#ft_to_top {display:block;margin:1em 0 2em}
 
 /* 목록 바로가기 */
 .sanchor {margin:0 0 0.5em;padding:0;zoom:1}
@@ -391,9 +398,8 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none}
 .msg_sound_only,
 .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
 /* 본문 바로가기 */
-#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
-#to_content a:focus,
-#to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
+#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
+#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
 
 /* 이미지 등비율 리사이징 */
 .img_fix {width:100%;height:auto}
@@ -467,7 +473,7 @@ td.empty_table {padding:5em 0;text-align:center}
 .frm_tbl textarea,
 .frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
 .frm_input:focus,
-input.required:focus {border:0;background:#21272e !important;color:#fff;line-height:1.8em}
+input.required:focus {border:1px solid #21272e;background:#21272e !important;color:#fff;line-height:1.8em}
 .frm_tbl textarea {width:90%;height:10em}
 .frm_address {display:block;margin-top:0.3em}
 .frm_file {display:block;margin-bottom:0.3em}
diff --git a/mobile/shop/shop.head.php b/mobile/shop/shop.head.php
index 9c31693af..38926733c 100644
--- a/mobile/shop/shop.head.php
+++ b/mobile/shop/shop.head.php
@@ -7,50 +7,47 @@ include_once(G4_LIB_PATH.'/connect.lib.php');
 include_once(G4_LIB_PATH.'/popular.lib.php');
 ?>
 
-<header id="hd">
-    <h1><?php echo $config['cf_title'] ?></h1>
+<header id="header">
+    <?php if ((!$bo_table || $w == 's' ) && defined('_INDEX_')) { ?><h1><?php echo $config['cf_title'] ?></h1><?php } ?>
 
-    <div id="to_content"><a href="#container">본문 바로가기</a></div>
+    <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>
 
-    <div id="logo"><a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="쇼핑몰 처음으로"></a></div>
+    <a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="<?php echo $config['cf_title']; ?> 메인"></a>
+    <a href="<?php echo G4_SHOP_URL; ?>/category.php" target="_blank" id="hd_ct">전체분류</a>
+    <button type="button" id="hd_sch_open">검색<span class="sound_only"> 열기</span></button>
 
-    <aside id="hd_ct">
-        <h2>쇼핑몰 카테고리</h2>
-        <a href="<?php echo G4_SHOP_URL; ?>/category.php" target="_blank">전체 카테고리 보기</a>
+    <form name="frmsearch1" action="<?php echo G4_SHOP_URL; ?>/search.php">
+    <aside id="hd_sch">
+        <h2>상품 검색</h2>
+        <label for="sch_str" class="sound_only">상품명<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="search_str" value="<?php echo stripslashes(get_text($search_str)); ?>" id="sch_str" required class="frm_input">
+        <input type="submit" value="검색" id="submit">
+        <button type="button" id="pop_close"><span class="sound_only">검색 </span>닫기</button>
     </aside>
+    <script>
+        $(function (){
+            hd_sch = $('#hd_sch');
+            $('#hd_sch_open').click(function(){
+                hd_sch.css('display','block');
+            });
+            $('#hd_sch #pop_close').click(function(){
+                hd_sch.css('display','none');
+            });
+        });
+    </script>
+    </form>
 
-    <aside id="hd_aside">
-        <h2>편의메뉴</h2>
-        <div>
-            <section id="sch_all">
-                <h3>쇼핑몰 검색</h3>
-                <form name="frmsearch1" action="<?php echo G4_SHOP_URL; ?>/search.php">
-
-                <label for="sch_all_str" class="sound_only">상품명<strong class="sound_only"> 필수</strong></label>
-                <input type="text" name="search_str" value="<?php echo stripslashes(get_text($search_str)); ?>" id="sch_all_str" required>
-                <input type="submit" value="검색" id="sch_all_submit">
-
-                </form>
-            </section>
-
-            <section id="hd_aside_mb">
-                <h3>회원메뉴</h3>
-                <ul>
-                    <?php if ($is_member) { ?>
-                    <li><a href="<?php echo G4_BBS_URL; ?>/logout.php">로그아웃</a></li>
-                    <?php } else { ?>
-                    <li><a href="<?php echo G4_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
-                    <?php } ?>
-                    <li><a href="<?php echo G4_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
-                    <li><a href="<?php echo G4_SHOP_URL; ?>/cart.php">장바구니</a></li>
-                </ul>
-            </section>
-        </div>
-    </aside>
+    <ul id="hd_mb">
+        <?php if ($is_member) { ?>
+        <li><a href="<?php echo G4_BBS_URL; ?>/logout.php">로그아웃</a></li>
+        <?php } else { ?>
+        <li><a href="<?php echo G4_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>">로그인</a></li>
+        <?php } ?>
+        <li><a href="<?php echo G4_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
+        <li><a href="<?php echo G4_SHOP_URL; ?>/cart.php">장바구니</a></li>
+    </ul>
 
 </header>
 
-<div id="wrapper">
-
-    <div id="container">
-        <?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><h1 id="wrapper_title"><?php echo $g4['title'] ?></h1><?php } ?>
\ No newline at end of file
+<div id="container">
+    <?php if ((!$bo_table || $w == 's' ) && !defined('_INDEX_')) { ?><h1 id="container_title"><?php echo $g4['title'] ?></h1><?php } ?>
\ No newline at end of file
diff --git a/mobile/shop/shop.tail.php b/mobile/shop/shop.tail.php
index 2860c49ca..23e040e08 100644
--- a/mobile/shop/shop.tail.php
+++ b/mobile/shop/shop.tail.php
@@ -7,12 +7,11 @@ $admin = get_admin("super");
 // 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
 ?>
 
-    </div><!-- Container End -->
-</div><!-- Wrapper End -->
+</div><!-- container End -->
 
-<footer id="ft">
+<footer id="footer">
     <h1><?php echo $config['cf_title']; ?> 정보</h1>
-    <a href="<?php echo G4_SHOP_URL; ?>/" id="ft_logo"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="처음으로"></a>
+    <a href="<?php echo G4_SHOP_URL; ?>/"><img src="<?php echo G4_DATA_URL; ?>/common/mobile_logo_img" alt="처음으로"></a>
     <p>
         <span><?php echo $default['de_admin_company_addr']; ?></span>
         <span><b>대표</b> <?php echo $default['de_admin_company_owner']; ?></span><br>
@@ -24,7 +23,7 @@ $admin = get_admin("super");
         <span><b>개인정보관리책임자</b> <?php echo $default['de_admin_info_name']; ?></span><br>
         Copyright &copy; 2001-2013 <?php echo $default['de_admin_company_name']; ?>. All Rights Reserved.
     </p>
-    <a href="#" id="ft_totop">상단으로</a>
+    <a href="#" id="ft_to_top">상단으로</a>
 </footer>
 
 <?php