From 0432bd677b09f8f0922e9772c4e368b92a0388c6 Mon Sep 17 00:00:00 2001
From: thisgun <thisgun@naver.com>
Date: Mon, 14 Aug 2017 16:40:48 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B7=B8=EB=88=84=EB=B3=B4=EB=93=9C5=20?=
 =?UTF-8?q?=EB=A6=AC=EB=89=B4=EC=96=BC=20=ED=8C=A8=EC=B9=98=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 head.php                                      | 233 ++++++------
 head.sub.php                                  |   2 +
 img/btn_end.gif                               | Bin 0 -> 1176 bytes
 img/btn_first.gif                             | Bin 0 -> 1885 bytes
 img/btn_next.gif                              | Bin 0 -> 1169 bytes
 img/btn_prev.gif                              | Bin 0 -> 1873 bytes
 img/btn_top.gif                               | Bin 0 -> 1178 bytes
 img/close_btn.gif                             | Bin 0 -> 1209 bytes
 img/close_btn.png                             | Bin 0 -> 1147 bytes
 img/gnb_bg.gif                                | Bin 0 -> 1169 bytes
 img/gnb_bg2.gif                               | Bin 0 -> 49 bytes
 img/mobile/btn_close.png                      | Bin 0 -> 3265 bytes
 img/mobile/gnb_bg.png                         | Bin 0 -> 1012 bytes
 img/mobile/gnb_bg2.png                        | Bin 0 -> 976 bytes
 img/mobile/gnb_sch.png                        | Bin 0 -> 1795 bytes
 img/mobile/icon_menu.png                      | Bin 0 -> 1090 bytes
 img/mobile/icon_my.png                        | Bin 0 -> 1634 bytes
 img/no_profile.gif                            | Bin 0 -> 1953 bytes
 img/require.png                               | Bin 0 -> 2922 bytes
 img/sch_btn.png                               | Bin 0 -> 1234 bytes
 index.php                                     |   6 +-
 skin/board/basic/img/btn_next2.gif            | Bin 0 -> 1898 bytes
 skin/board/basic/img/btn_prev2.gif            | Bin 0 -> 1185 bytes
 skin/board/basic/img/close_btn.png            | Bin 0 -> 1147 bytes
 skin/board/basic/img/cmt_btn.png              | Bin 0 -> 2862 bytes
 skin/board/basic/img/icon_bad.png             | Bin 0 -> 1287 bytes
 skin/board/basic/img/icon_comment.png         | Bin 0 -> 3050 bytes
 skin/board/basic/img/icon_file.gif            | Bin 107 -> 197 bytes
 skin/board/basic/img/icon_good.png            | Bin 0 -> 1288 bytes
 skin/board/basic/img/icon_hot.gif             | Bin 97 -> 319 bytes
 skin/board/basic/img/icon_img.gif             | Bin 145 -> 317 bytes
 skin/board/basic/img/icon_link.gif            | Bin 104 -> 319 bytes
 skin/board/basic/img/icon_lock.png            | Bin 0 -> 1225 bytes
 skin/board/basic/img/icon_mobile.gif          | Bin 62 -> 339 bytes
 skin/board/basic/img/icon_new.gif             | Bin 71 -> 77 bytes
 skin/board/basic/img/icon_reply.gif           | Bin 77 -> 1187 bytes
 skin/board/basic/img/icon_secret.gif          | Bin 97 -> 318 bytes
 skin/board/basic/img/icon_share.png           | Bin 0 -> 3064 bytes
 skin/board/basic/img/icon_view.png            | Bin 0 -> 3130 bytes
 skin/board/basic/img/sch_bg.png               | Bin 0 -> 996 bytes
 skin/board/basic/img/sch_btn.png              | Bin 0 -> 1234 bytes
 skin/board/basic/list.skin.php                | 147 +++----
 skin/board/basic/style.css                    | 246 ++++++++----
 skin/board/basic/view.skin.php                | 275 +++++++------
 skin/board/basic/view_comment.skin.php        | 177 ++++-----
 skin/board/basic/write.skin.php               | 226 ++++++-----
 skin/board/gallery/img/btn_next2.gif          | Bin 0 -> 1898 bytes
 skin/board/gallery/img/btn_prev2.gif          | Bin 0 -> 1185 bytes
 skin/board/gallery/img/close_btn.png          | Bin 0 -> 1147 bytes
 skin/board/gallery/img/cmt_btn.png            | Bin 0 -> 2862 bytes
 skin/board/gallery/img/facebook.png           | Bin 0 -> 2955 bytes
 skin/board/gallery/img/gplus.png              | Bin 0 -> 3041 bytes
 skin/board/gallery/img/icon_bad.png           | Bin 0 -> 1287 bytes
 skin/board/gallery/img/icon_comment.png       | Bin 0 -> 3050 bytes
 skin/board/gallery/img/icon_file.gif          | Bin 107 -> 197 bytes
 skin/board/gallery/img/icon_good.png          | Bin 0 -> 1288 bytes
 skin/board/gallery/img/icon_hot.gif           | Bin 97 -> 319 bytes
 skin/board/gallery/img/icon_link.gif          | Bin 104 -> 319 bytes
 skin/board/gallery/img/icon_lock.png          | Bin 0 -> 1225 bytes
 skin/board/gallery/img/icon_new.gif           | Bin 71 -> 77 bytes
 skin/board/gallery/img/icon_reply.gif         | Bin 77 -> 1187 bytes
 skin/board/gallery/img/icon_secret.gif        | Bin 97 -> 318 bytes
 skin/board/gallery/img/icon_share.png         | Bin 0 -> 3064 bytes
 skin/board/gallery/img/icon_view.png          | Bin 0 -> 3130 bytes
 skin/board/gallery/img/sch_bg.png             | Bin 0 -> 996 bytes
 skin/board/gallery/img/sch_btn.png            | Bin 0 -> 1234 bytes
 skin/board/gallery/img/twitter.png            | Bin 0 -> 2995 bytes
 skin/board/gallery/list.skin.php              | 136 +++----
 skin/board/gallery/style.css                  | 243 ++++++++----
 skin/board/gallery/view.skin.php              | 275 +++++++------
 skin/board/gallery/view_comment.skin.php      | 175 ++++-----
 skin/board/gallery/write.skin.php             | 226 ++++++-----
 skin/connect/basic/current_connect.skin.php   |  27 +-
 skin/connect/basic/style.css                  |  10 +-
 skin/faq/basic/list.skin.php                  |  32 +-
 skin/faq/basic/style.css                      |  32 +-
 skin/latest/basic/img/icon_file.gif           | Bin 107 -> 197 bytes
 skin/latest/basic/img/icon_hot.gif            | Bin 97 -> 319 bytes
 skin/latest/basic/img/icon_img.gif            | Bin 145 -> 317 bytes
 skin/latest/basic/img/icon_link.gif           | Bin 104 -> 319 bytes
 skin/latest/basic/img/icon_lock.png           | Bin 0 -> 1225 bytes
 skin/latest/basic/img/icon_mobile.gif         | Bin 62 -> 339 bytes
 skin/latest/basic/img/icon_secret.gif         | Bin 97 -> 318 bytes
 skin/latest/basic/img/icon_view.png           | Bin 0 -> 3130 bytes
 skin/latest/basic/img/more_bg.gif             | Bin 0 -> 1172 bytes
 skin/latest/basic/latest.skin.php             |  39 +-
 skin/latest/basic/style.css                   |  17 +-
 skin/member/basic/formmail.skin.php           |  99 +++--
 skin/member/basic/login.skin.php              |  21 +-
 skin/member/basic/member_confirm.skin.php     |  16 +-
 skin/member/basic/memo.skin.php               |  69 ++--
 skin/member/basic/memo_form.skin.php          |  80 ++--
 skin/member/basic/memo_view.skin.php          |  79 ++--
 skin/member/basic/password.skin.php           |  10 +-
 skin/member/basic/password_lost.skin.php      |  29 +-
 skin/member/basic/point.skin.php              | 131 +++----
 skin/member/basic/profile.skin.php            |  48 +--
 skin/member/basic/register.skin.php           |  13 +-
 skin/member/basic/register_form.skin.php      | 360 +++++++++---------
 skin/member/basic/register_result.skin.php    |  10 +-
 skin/member/basic/scrap.skin.php              |  43 +--
 skin/member/basic/scrap_popin.skin.php        |  43 +--
 skin/member/basic/style.css                   | 179 ++++++---
 skin/new/basic/new.skin.php                   |  22 +-
 skin/new/basic/style.css                      |  11 +-
 skin/outlogin/basic/img/info_edit.png         | Bin 0 -> 1341 bytes
 skin/outlogin/basic/outlogin.skin.1.php       |  34 +-
 skin/outlogin/basic/outlogin.skin.2.php       |  18 +-
 skin/outlogin/basic/style.css                 |  53 ++-
 skin/poll/basic/poll.skin.php                 |  26 +-
 skin/poll/basic/poll_result.skin.php          | 181 +++++----
 skin/poll/basic/style.css                     |  83 ++--
 skin/popular/basic/popular.skin.php           |   6 +-
 skin/popular/basic/style.css                  |  14 +-
 skin/qa/basic/list.skin.php                   |  68 ++--
 skin/qa/basic/style.css                       | 133 ++++---
 skin/qa/basic/view.answer.skin.php            |  10 +-
 skin/qa/basic/view.answerform.skin.php        |  42 +-
 skin/qa/basic/view.skin.php                   | 150 ++++----
 skin/qa/basic/write.skin.php                  | 137 ++++---
 skin/search/basic/search.skin.php             |  34 +-
 skin/search/basic/style.css                   |  51 ++-
 skin/visit/basic/style.css                    |  19 +-
 skin/visit/basic/visit.skin.php               |  26 +-
 tail.php                                      |  22 +-
 .../mobile/skin/board/gallery/list.skin.php   |   2 +-
 .../connect/basic/current_connect.skin.php    |   2 +-
 .../basic/mobile/skin/qa/basic/list.skin.php  |   2 +-
 .../basic/mobile/skin/qa/basic/view.skin.php  |   2 +-
 .../mobile/skin/search/basic/search.skin.php  |   2 +-
 .../connect/basic/current_connect.skin.php    |   2 +-
 .../skin/member/basic/memo_view.skin.php      |   2 +-
 .../basic/skin/member/basic/profile.skin.php  |   2 +-
 theme/basic/skin/new/basic/new.skin.php       |   2 +-
 theme/basic/skin/qa/basic/view.skin.php       |   2 +-
 theme/basic/skin/search/basic/search.skin.php |   2 +-
 theme/basic/tail.php                          |   2 +-
 137 files changed, 2595 insertions(+), 2323 deletions(-)
 create mode 100644 img/btn_end.gif
 create mode 100644 img/btn_first.gif
 create mode 100644 img/btn_next.gif
 create mode 100644 img/btn_prev.gif
 create mode 100644 img/btn_top.gif
 create mode 100644 img/close_btn.gif
 create mode 100644 img/close_btn.png
 create mode 100644 img/gnb_bg.gif
 create mode 100644 img/gnb_bg2.gif
 create mode 100644 img/mobile/btn_close.png
 create mode 100644 img/mobile/gnb_bg.png
 create mode 100644 img/mobile/gnb_bg2.png
 create mode 100644 img/mobile/gnb_sch.png
 create mode 100644 img/mobile/icon_menu.png
 create mode 100644 img/mobile/icon_my.png
 create mode 100644 img/no_profile.gif
 create mode 100644 img/require.png
 create mode 100644 img/sch_btn.png
 create mode 100644 skin/board/basic/img/btn_next2.gif
 create mode 100644 skin/board/basic/img/btn_prev2.gif
 create mode 100644 skin/board/basic/img/close_btn.png
 create mode 100644 skin/board/basic/img/cmt_btn.png
 create mode 100644 skin/board/basic/img/icon_bad.png
 create mode 100644 skin/board/basic/img/icon_comment.png
 create mode 100644 skin/board/basic/img/icon_good.png
 create mode 100644 skin/board/basic/img/icon_lock.png
 create mode 100644 skin/board/basic/img/icon_share.png
 create mode 100644 skin/board/basic/img/icon_view.png
 create mode 100644 skin/board/basic/img/sch_bg.png
 create mode 100644 skin/board/basic/img/sch_btn.png
 create mode 100644 skin/board/gallery/img/btn_next2.gif
 create mode 100644 skin/board/gallery/img/btn_prev2.gif
 create mode 100644 skin/board/gallery/img/close_btn.png
 create mode 100644 skin/board/gallery/img/cmt_btn.png
 create mode 100644 skin/board/gallery/img/facebook.png
 create mode 100644 skin/board/gallery/img/gplus.png
 create mode 100644 skin/board/gallery/img/icon_bad.png
 create mode 100644 skin/board/gallery/img/icon_comment.png
 create mode 100644 skin/board/gallery/img/icon_good.png
 create mode 100644 skin/board/gallery/img/icon_lock.png
 create mode 100644 skin/board/gallery/img/icon_share.png
 create mode 100644 skin/board/gallery/img/icon_view.png
 create mode 100644 skin/board/gallery/img/sch_bg.png
 create mode 100644 skin/board/gallery/img/sch_btn.png
 create mode 100644 skin/board/gallery/img/twitter.png
 create mode 100644 skin/latest/basic/img/icon_lock.png
 create mode 100644 skin/latest/basic/img/icon_view.png
 create mode 100644 skin/latest/basic/img/more_bg.gif
 create mode 100644 skin/outlogin/basic/img/info_edit.png

diff --git a/head.php b/head.php
index ea90c579d..56bf65e37 100644
--- a/head.php
+++ b/head.php
@@ -31,134 +31,153 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
         include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
     }
     ?>
-
+    <div id="tnb">
+        <ul>
+            <?php if ($is_member) {  ?>
+            <?php if ($is_admin) {  ?>
+            <li class="tnb_right"><a href="<?php echo G5_ADMIN_URL ?>" class="tnb_admin"><b><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</b></a></li>
+            <?php }  ?>
+            <li class="tnb_right"><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><i class="fa fa-cog" aria-hidden="true"></i> 정보수정</a></li>
+            <li class="tnb_right"><a href="<?php echo G5_BBS_URL ?>/logout.php"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a></li>
+            <?php } else {  ?>
+            <li class="tnb_right"><a href="<?php echo G5_BBS_URL ?>/register.php"><i class="fa fa-user-plus" aria-hidden="true"></i> 회원가입</a></li>
+            <li class="tnb_right"><a href="<?php echo G5_BBS_URL ?>/login.php"><b><i class="fa fa-sign-in" aria-hidden="true"></i> 로그인</b></a></li>
+            <?php }  ?>
+            <li><a href="<?php echo G5_BBS_URL ?>/faq.php"><i class="fa fa-question-circle" aria-hidden="true"></i> FAQ</a></li>
+            <li><a href="<?php echo G5_BBS_URL ?>/qalist.php"><i class="fa fa-comments" aria-hidden="true"></i> 1:1문의</a></li>
+            <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php" class="visit"><i class="fa fa-users" aria-hidden="true"></i> 접속자 <span><?php echo connect(); // 현재 접속자수, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정  ?></span></a></li>
+            <li><a href="<?php echo G5_BBS_URL ?>/new.php"><i class="fa fa-history" aria-hidden="true"></i> 새글</a></li>
+        </ul>
+  
+    </div>
     <div id="hd_wrapper">
 
         <div id="logo">
             <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.jpg" alt="<?php echo $config['cf_title']; ?>"></a>
         </div>
-
-        <fieldset id="hd_sch">
-            <legend>사이트 내 전체검색</legend>
-            <form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
-            <input type="hidden" name="sfl" value="wr_subject||wr_content">
-            <input type="hidden" name="sop" value="and">
-            <label for="sch_stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-            <input type="text" name="stx" id="sch_stx" maxlength="20">
-            <input type="submit" id="sch_submit" value="검색">
-            </form>
-
-            <script>
-            function fsearchbox_submit(f)
-            {
-                if (f.stx.value.length < 2) {
-                    alert("검색어는 두글자 이상 입력하십시오.");
-                    f.stx.select();
-                    f.stx.focus();
-                    return false;
-                }
-
-                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
-                var cnt = 0;
-                for (var i=0; i<f.stx.value.length; i++) {
-                    if (f.stx.value.charAt(i) == ' ')
-                        cnt++;
-                }
-
-                if (cnt > 1) {
-                    alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
-                    f.stx.select();
-                    f.stx.focus();
-                    return false;
-                }
-
-                return true;
-            }
-            </script>
-        </fieldset>
-
-        <div id="text_size">
-            <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); -->
-            <button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '');"><img src="<?php echo G5_URL; ?>/img/ts01.gif" alt="기본"></button>
-            <button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up');"><img src="<?php echo G5_URL; ?>/img/ts02.gif" alt="크게"></button>
-            <button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2');"><img src="<?php echo G5_URL; ?>/img/ts03.gif" alt="더크게"></button>
-        </div>
-
-        <ul id="tnb">
-            <?php if ($is_member) {  ?>
-            <?php if ($is_admin) {  ?>
-            <li><a href="<?php echo G5_ADMIN_URL ?>"><b>관리자</b></a></li>
-            <?php }  ?>
-            <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">정보수정</a></li>
-            <li><a href="<?php echo G5_BBS_URL ?>/logout.php">로그아웃</a></li>
-            <?php } else {  ?>
-            <li><a href="<?php echo G5_BBS_URL ?>/register.php">회원가입</a></li>
-            <li><a href="<?php echo G5_BBS_URL ?>/login.php"><b>로그인</b></a></li>
-            <?php }  ?>
-            <li><a href="<?php echo G5_BBS_URL ?>/faq.php">FAQ</a></li>
-            <li><a href="<?php echo G5_BBS_URL ?>/qalist.php">1:1문의</a></li>
-            <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php">접속자 <?php echo connect(); // 현재 접속자수, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정  ?></a></li>
-            <li><a href="<?php echo G5_BBS_URL ?>/new.php">새글</a></li>
-        </ul>
-    </div>
-
-    <hr>
-
-    <nav id="gnb">
-        <h2>메인메뉴</h2>
-        <ul id="gnb_1dul">
-            <?php
-            $sql = " select *
-                        from {$g5['menu_table']}
-                        where me_use = '1'
-                          and length(me_code) = '2'
-                        order by me_order, me_id ";
-            $result = sql_query($sql, false);
-            $gnb_zindex = 999; // gnb_1dli z-index 값 설정용
-
-            for ($i=0; $row=sql_fetch_array($result); $i++) {
-            ?>
-            <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
-                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
+    
+        <nav id="gnb">
+            <h2>메인메뉴</h2>
+            <ul id="gnb_1dul">
                 <?php
-                $sql2 = " select *
+                $sql = " select *
                             from {$g5['menu_table']}
                             where me_use = '1'
-                              and length(me_code) = '4'
-                              and substring(me_code, 1, 2) = '{$row['me_code']}'
+                              and length(me_code) = '2'
                             order by me_order, me_id ";
-                $result2 = sql_query($sql2);
+                $result = sql_query($sql, false);
+                $gnb_zindex = 999; // gnb_1dli z-index 값 설정용
 
-                for ($k=0; $row2=sql_fetch_array($result2); $k++) {
-                    if($k == 0)
-                        echo '<ul class="gnb_2dul">'.PHP_EOL;
+                for ($i=0; $row=sql_fetch_array($result); $i++) {
                 ?>
-                    <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
+                <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
+                    <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
+                    <?php
+                    $sql2 = " select *
+                                from {$g5['menu_table']}
+                                where me_use = '1'
+                                  and length(me_code) = '4'
+                                  and substring(me_code, 1, 2) = '{$row['me_code']}'
+                                order by me_order, me_id ";
+                    $result2 = sql_query($sql2);
+
+                    for ($k=0; $row2=sql_fetch_array($result2); $k++) {
+                        if($k == 0)
+                            echo '<span class="bg">하위분류</span><ul class="gnb_2dul">'.PHP_EOL;
+                    ?>
+                        <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
+                    <?php
+                    }
+
+                    if($k > 0)
+                        echo '</ul>'.PHP_EOL;
+                    ?>
+                </li>
                 <?php
                 }
 
-                if($k > 0)
-                    echo '</ul>'.PHP_EOL;
-                ?>
-            </li>
-            <?php
-            }
+                if ($i == 0) {  ?>
+                    <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
+                <?php } ?>
+            </ul>
+           
+        </nav>
+        <div class="hd_sch_wr">
+            <button type="button" id="sch_op_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색 열기</span></button>
+            <fieldset id="hd_sch" >
+                <legend>사이트 내 전체검색</legend>
+                <form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
+                <input type="hidden" name="sfl" value="wr_subject||wr_content">
+                <input type="hidden" name="sop" value="and">
+                <label for="sch_stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+                <input type="text" name="stx" id="sch_stx" maxlength="20">
+                <button type="submit" id="sch_submit" value="검색"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+                <button type="button" id="sch_cl_btn">검색 닫기</button>
+                </form>
 
-            if ($i == 0) {  ?>
-                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
-            <?php } ?>
-        </ul>
-    </nav>
+                <script>
+                function fsearchbox_submit(f)
+                {
+                    if (f.stx.value.length < 2) {
+                        alert("검색어는 두글자 이상 입력하십시오.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
+                    var cnt = 0;
+                    for (var i=0; i<f.stx.value.length; i++) {
+                        if (f.stx.value.charAt(i) == ' ')
+                            cnt++;
+                    }
+
+                    if (cnt > 1) {
+                        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    return true;
+                }
+                </script>
+
+            </fieldset>
+        </div>
+    </div>
 </div>
 <!-- } 상단 끝 -->
+<script>
+$(function (){
+    $("#sch_op_btn").on("click", function() {
+        $("#hd_sch").css("display","block");
+    });
+    $("#sch_cl_btn").on("click", function() {
+        $("#hd_sch").css("display","none");
+    });
+});
+</script>
 
 <hr>
 
 <!-- 콘텐츠 시작 { -->
 <div id="wrapper">
+    <?php if (!defined("_INDEX_")) { ?><h2 id="container_title"><span><?php echo $g5['title'] ?></span></h2><?php } ?>
+    <div id="container_wr">
     <div id="aside">
-        <?php echo outlogin('basic'); // 외부 로그인, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
-        <?php echo poll('basic'); // 설문조사, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
+        <?php echo outlogin(); // 외부 로그인, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
+        <?php echo poll(); // 설문조사, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
+        <?php echo popular(); // 인기검색어, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정  ?>
+        <?php echo visit(); // 접속자집계, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
+
+        <div id="text_size">
+            <div>
+                <!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); -->
+                <button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '');" class="select"><img src="<?php echo G5_URL; ?>/img/ts01.png" alt="기본" width="20"></button>
+                <button id="size_def" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up');"><img src="<?php echo G5_URL; ?>/img/ts02.png" alt="크게" width="20"></button>
+                <button id="size_up" onclick="font_resize('container', 'ts_up ts_up2', 'ts_up2');"><img src="<?php echo G5_URL; ?>/img/ts03.png" alt="더크게" width="20"></button>
+            </div>
+        </div>
     </div>
-    <div id="container">
-        <?php if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) { ?><div id="container_title"><?php echo $g5['title'] ?></div><?php } ?>
\ No newline at end of file
+    <div id="container">
\ No newline at end of file
diff --git a/head.sub.php b/head.sub.php
index dc5664636..671f80c0d 100644
--- a/head.sub.php
+++ b/head.sub.php
@@ -82,6 +82,8 @@ var g5_admin_url = "<?php echo G5_ADMIN_URL; ?>";
 <script src="<?php echo G5_JS_URL ?>/jquery.menu.js?ver=<?php echo G5_JS_VER; ?>"></script>
 <script src="<?php echo G5_JS_URL ?>/common.js?ver=<?php echo G5_JS_VER; ?>"></script>
 <script src="<?php echo G5_JS_URL ?>/wrest.js?ver=<?php echo G5_JS_VER; ?>"></script>
+<script src="<?php echo G5_JS_URL ?>/placeholders.min.js"></script>
+<link rel="stylesheet" href="<?php echo G5_JS_URL ?>/font-awesome/css/font-awesome.min.css">
 <?php
 if(G5_IS_MOBILE) {
     echo '<script src="'.G5_JS_URL.'/modernizr.custom.70111.js"></script>'.PHP_EOL; // overflow scroll 감지
diff --git a/img/btn_end.gif b/img/btn_end.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e7d61056442735d7fdb9f9780503a466b6d1cb5b
GIT binary patch
literal 1176
zcmZ?wbhEHb<YZuHXkcWRKY#xJ|Nj;Lb4U0FD7Yk+Bm!w0`-+0Z<m}WEg{0K<%sgAA
z_q+EiDP*SDDutW+8u%7Cr)Fe&R28KLSNVk`S7j$#rYPClDcDq4Rpb`rrj{fsROII5
z6<bx<DkY}mC#6~e*&tzkB?YjOl5ATgN05X9$WG_{qErP_J!9Qu14BavGc!Fy6H_xY
zLmdSp14AQy10XWfH8im@HM24@SAYT~plwAdX;wilZcw{`JX@uVl9B=|ef{$Ca=mh6
zz5JqdeM3u2OOP2xM!G;1y2X`wC5aWfdBw^w6I@b@lZ!G7N;32F6hI~>Cgqow*eU^C
z3h_d2fv+#z;Jjizu!r=L^K<np5)1SV^$hfLb3y(Bt1d1HN<}yWtLoyA%7Rq=pw#00
z(xT*4pmJrHW?<Oiw+N&V=o%~kqD)|<B<8r}Czs}?=9PH5*eU^K^incYtXzyN98HbQ
zEnSUVTwKiz4K2+rO`Tm_4UC-(&5R6P%wc9=(`#hpYG`O~XzJ?h0*nb)GYe-!XGb$5
z69ZFo7YjpE3z%NdyyB9?yyR4vy_rCJp?Xd5>a}t%N=+=uFAB-e&w-_YfQ<Z-{NjxK
z0tM$_GX;(C%)FHR@?uR;^gw*;l3J8mmYU*Ll%J~r4qvNGEcP21ySh5MnY)@8x;lgX
z?d)jaVq|J+V(#eXY-9m+J49~^Ibo&`bc{YIaUdlYm=G`pf|&5659GizPih`8#}omx
z2IK#KfB*dc_4CK~Z(qNB{`B#~`*&~Oyngla#q(!RpFDo_@WK6ickkT3b@RscYgeya
zzI5@z`EzH_oIZ8(#PMTCj~qU9@WB3kd-v?#wR6YzZCkf&-n4PU`gLp9tX{Qp#qwoK
zmn>eiaKZd}bLY&SHFL)FX;Y_6o-}bne_wA;cUNaeds}Nub5mnOeO+x$bya0Wd0A;m
zaZzDGeqL@)c2;IadRl5qa#CVKd|YfybW~(Scvxsia8O`?zn`y<x0k1fyPK<vvy-EP
zy`8O%wUwoXxtXbnv5}#HzMig*ww9)bx|*trvXY{Lyqv6zw3MWTxR|Jju#lhtKOZj-
zHy0-dI~ywtGZP~NgW^vXAj!y}!vF-Jl81qb-$kx$!OA}~CU4NYmE!bUguxmBdMcWu

literal 0
HcmV?d00001

diff --git a/img/btn_first.gif b/img/btn_first.gif
new file mode 100644
index 0000000000000000000000000000000000000000..82aeea5f75781689ddf0817e96e8be522f1094f1
GIT binary patch
literal 1885
zcmZ?wbhEHb<YZuH_|C{MfBt-iQ7{?;BQ*pR|8qz91}L~BmLvjc8~cia#N_PM5{0DH
z^vpb4rT4q{D=B2A*eZpa`WpBaIHzW0dQ=sq23ProBv)l8Tc#-4+bP&oSXJZ}<ffJ+
zDpcg=<P}?0*eWHa<R_(C0ofp7eI*63l9Fs&B}b5i0?1D1{GwC^Q$1tdWCKG(1v4`}
zLlaXoGeaE(BLhPteFGpe(={})GBvX@GFN~CC7^9ZDQQ+gE^bh}fIM5JjFOT9D}DX)
z@^Za$W4-*MbbUihOG}U$Mn<|o6}rWhc_oPzx_QOQFcVx-i<65o3raHc^AtcPCMM;V
zme?u*T?+9+ZUNlbykb4Dcl46;bM-3{3-k^33_xCjDfIQluQWFouDZA+C>7yetOgf{
zR2HP_2c;J0mlh?b0+lO+tSYc_E=o--$uA1Y&(DE{Vn9ZINq%ugeu08>u$h8JcxGNo
zetEGbSiP^Wm1kaYNn&1ds;7&s63_&_%*+%k6E|}sGdCj>S7#SssJoguIU88Gnp!$p
zn7O$)8XG#o^t$9Hm*%GCmB93-AoQBz)C)=qxdlL*T~doO%TiO^it=+6z+Se>#O)R%
zoaRCGrr>sqF;2buK*#8VA{Hs4VM4&v17gCHEsz6G_^Elo)LsNk){OuE{r&U%*Uul{
zzkU7k`P0V_@87+B^ZM1x7tfzPee(Fx!w2{8-Mw@B*3BE&uU)-z`O?J;=g*xzbNbZD
z6UUDoJ#zTa!2|pE?cK9`*UlZ=w{6|BdDF%X>({MavwGFa70Z_`U9x!5!Ugl^&7CuQ
z*322xr%jzQdD6rQ{e8VX-Cdm>?QN|s%}tFB^>wv1)m4=h<z=NM#YKe$`FXiH*;$zx
z>1nAc$w`R`@o}*+(NU2R;bEa6!9jrm{(inb-d>&_?ryFw&Q6XF_I9>5)>f7l=4PfQ
z#zuw)`g*!L+FF_#>T0Sg%1Vj~@^Z2=(o&KV;$osA!a{-q{CvDT++3U->};$o%uI|7
z42nNlfFvV>4ybSh)t3w$atzEIED8k=9Gcjf86qkQ7CN``%R9N8Fj#o7iGhiU!5RQh
Cn}zWJ

literal 0
HcmV?d00001

diff --git a/img/btn_next.gif b/img/btn_next.gif
new file mode 100644
index 0000000000000000000000000000000000000000..eb714a33b9d4bfc35f39d34b184f4e2c9625c434
GIT binary patch
literal 1169
zcmZ?wbhEHbWMN=uXkcWRKY#xJ|Nj;Lb4U0FD7Yk+Bm!w0`-+0Z<m}WEg{0K<%sgAA
z_q+EiDP*SDDutW+8u%7Cr)Fe&R28KLSNVk`S7j$#rYPClDcDq4Rpb`rrj{fsROII5
z6<bx<DkY}mC#6~e*&tzkB?YjOl5ATgN05X9$WG_{qErP_J!9Qu14BavGc!Fy6H_xY
zLmdSp14AQy10XWfH8im@HM24@SAYT~plwAdX;wilZcw{`JX@uVl9B=|ef{$Ca=mh6
zz5JqdeM3u2OOP2xM!G;1y2X`wC5aWfdBw^w6I@b@lZ!G7N;32F6hI~>Cgqow*eU^C
z3h_d2fv+#z;Jjizu!r=L^K<np5)1SV^$hfLb3y(Bt1d1HN<}yWtLoyA%7Rq=pw#00
z(xT*4pmJrHW?<Oiw+N&V=o%~kqD)|<B<8r}Czs}?=9PH5*eU^K^incYtXzyN98HbQ
zEnSUVTwKiz4K2+rO`Tm_4UC-(&5R6P%wc9=)9dEwW^88e;^^w^>}F`_YUXHS=;&f(
z<ZS6?>1<(a0N3l8S6q^qmz)Z-Hxp<tRIepoy;jaesfi`|MIrh5Ij|HEkda@KU!0L&
zpx_*Arl1j?nU|7ZUaSd<9*A#UQj0RnQd8WD@^cly;cJzN#eM^0S64?jb5|2XS7)%l
zogEEaj7&{U%pKjFjVvsbpn6lt2{V15WAs6Z11Yh<gn%g!#Dph(AP1g#QuBa0rU;ld
z82|tK`{(zspFh5T`}*bcr;i`rzkB=U^{baJo<Do~<ng125ANT)d*}A8n>VgsyL#pF
zrHdENpF4Zz^r@34jvqUE<nW<`2lnsVyJz>VojbN~+qz}*ri~lcuUorj^{SOCmM>en
zWbvYf3+B(8J7@N+nKPzOn>uCkq=^&y`+9r2yE;4C+ge+in;IMH>uPJNt12tX%Sua%
ziwX<!^Kx^tvobT%(^6BClM)l+<6>i?qaq{1!$L!Xg8~Em{d|4Ay*xeK-CSLqog5wP
z?QCtVtt>6f%}h;<jSLO+^>lT#wKO%<)l^lKl@t}^<z!`~r6eW9#Y9Dfg#-oo`FMG_
rxi~r4*;rYanHU)u6o0Y+Nk#@81|R^HJPb@6E_`B{Z&rtBFjxZsRcMy7

literal 0
HcmV?d00001

diff --git a/img/btn_prev.gif b/img/btn_prev.gif
new file mode 100644
index 0000000000000000000000000000000000000000..cdc83748f6ce91374a346b442b330d7da02315ed
GIT binary patch
literal 1873
zcmZ?wbhEHbWMN=u_|C{MfBt-iQ7{?;BQ*pR|8qz91}L~BmLvjc8~cia#N_PM5{0DH
z^vpb4rT4q{D=B2A*eZpa`WpBaIHzW0dQ=sq23ProBv)l8Tc#-4+bP&oSXJZ}<ffJ+
zDpcg=<P}?0*eWHa<R_(C0ofp7eI*63l9Fs&B}b5i0?1D1{GwC^Q$1tdWCKG(1v4`}
zLlaXoGeaE(BLhPteFGpe(={})GBvX@GFN~CC7^9ZDQQ+gE^bh}fIM5JjFOT9D}DX)
z@^Za$W4-*MbbUihOG}U$Mn<|o6}rWhc_oPzx_QOQFcVx-i<65o3raHc^AtcPCMM;V
zme?u*T?+9+ZUNlbykb4Dcl46;bM-3{3-k^33_xCjDfIQluQWFouDZA+C>7yetOgf{
zR2HP_2c;J0mlh?b0+lO+tSYc_E=o--$uA1Y&(DE{Vn9ZINq%ugeu08>u$h8JcxGNo
zetEGbSiP^Wm1kaYNn&1ds;7&s63_&_%*+%k11BeALjz|+S7#SssJoh3SeUywyBHf=
zxSE(7S{NI`^t$9Hm*%GCmB93-AoLpH)C)=qxdlL*T~doO%TiO^it=+6z+Se>#OW3%
zH=O1{^`_u<ivdo(`as9%gCZ6wqG3Y7)B|F|lP!<~Pxz^Mz|>v@OxBG5|NZ^*``6DO
z-@kqR^7+%p5AWZ-ee?R&%NNg|J$>@{(ZdJ#@7=v~`_|1H*RNf@a{1E53+K<BJ#+fh
z$rHzq9X)dR(7^-y_wC)Yd)Lk#+qZ4qvU$_S4eQsfU9)=C$`#9(EnTvB(ZU7u=gpln
zd)CYu)2B_HGI`R(3H^P&J>6ZM9qnzcEzM1h4fS=kHPuy>73F26CB;RB1^IcoIoVm6
z8R==MDalER3Gs2UG0{<x5#eE>A;Cd`0selzKHgrQ9`0_gF3wJl4)%7oHr7^_7UpKA
zCdNjF2KsusI@(&A8tQ7QD#}WV3i5KYGSX6#65?W_BEmv~0{ncuJltHI9PDhYEX+)d
q3=E1tS%4%XgAS;01l5-e96}7t94rPC6dIa2c;$373>X?37_0$NrGO#;

literal 0
HcmV?d00001

diff --git a/img/btn_top.gif b/img/btn_top.gif
new file mode 100644
index 0000000000000000000000000000000000000000..2b5099d983b12272154772370bc26dc19cb73b5b
GIT binary patch
literal 1178
zcmZ?wbhEHb<Yi!IXkcXc4+e_=xg&f76kHNZ5`naheMLcHa&~HoLQ-maW}dCm``!DM
z6f#q6mBLMZ4SWlnQ!_F>s)|yBtNcQetFn_VQ<UuO6l^N2Dsl^QQ%e#RDspr3imfVa
zl@e3(lTxjKY>=?Nk^)#sNw%$$BS=C4WT$g}QL2Kep0RGSfuW&-nVFuUiK&^Hp^k!)
zfuWJU0T7w#8k$&{npqi{D?ot~(6*wKG^-#NH>h1eo~=?wNlAf~zJ7Umxn8-kUVc%!
zzM-Y1CCCgTBVC{h-Qvo;lEez#ykcdT2`;I{$wiq3C7Jno3Lp~`lk!VTY?Xj6g?J&i
zz}FXUa9*(<*h6~B`MLTPi3R$GdItKrxgdXmRTq~8r6QbxRdsPlWkITbP-=00X;E@2
zP`NTpGcfG%TLe-Fbd8mNQ6?}_5_4SglS^|`^GZBjY?XjAdMTMHRxU;sj;6-umaaxF
zF0N*VhL+}*rp_*|2F6Z?W=4iC<}fp`>2<a+cQZ7!aC9?vGch!DHFI<}HFk0XLSs`i
zLuVHQm|oAk;*!L?<W!iwnLvA?dM)wlwQ?>>O)SYT3dzsUfu(?ejQo=P;*9(P1?ONh
z1&#2`yp;U%Vogx=Kz!?xT9jFqn&MWJpQ`{4U#m<k_8S=*8Jn8AxH=oST7vxTWM<^%
z=w#+-V(I4OYGG-l1l5~DPMGNf9itCQ97u@;CIn1@ASOKN13B=_lbQ$2F-5?v!TA5*
z-#@>9{rvI$+t)9jKYjf0{@vR*uV1}<@%-7-CyyUJd~pBX-8;8$-Mn%A+SMzUFI~KF
z{@mF!r%#<cas1fPBZm(iJg|S?-aWf_?cA|_+tw|cH*MUoe%;zNt5>aDv3%LmC5sm=
zTrhv$+&Qyn&73iP+SDnNCrzBt-`CsI-PPIA-qzaE+|<}mUsqdGT~%38URGLCTvS+)
zpO>4Hot2r9o|c-DoRpXl9~T=F9Tgc79u^uB926Mf@8|2|?d9p=?&j*^?BwWRZ)a;`
zZDna;Zf0s?Y-DJlucxb{t);1<uBNJ@tfZ(QFDEM_EhQ--E+#4>EF>tv&&SKd&Be*V
x&c@2Z%*4pRp!kyoNHQ|$FaQCl<Y8bE?BQR|wRg^)$&FIcm#>~qj9_4}1^|Y{odEy<

literal 0
HcmV?d00001

diff --git a/img/close_btn.gif b/img/close_btn.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8007ef37c2511866d83b7c83989be7efadfee565
GIT binary patch
literal 1209
zcmZ?wbhEHb6lM@%XkcXc4+e_=xg&f76kHNZ5`naheMLcHa&~HoLQ-maW}dCm``!DM
z6f#q6mBLMZ4SWlnQ!_F>s)|yBtNcQetFn_VQ<UuO6l^N2Dsl^QQ%e#RDspr3imfVa
zl@e3(lTxjKY>=?Nk^)#sNw%$$BS=C4WT$g}QL2Kep0RGSfuW&-nVFuUiK&^Hp^k!)
zfuWJU0T7w#8k$&{npqi{D?ot~(6*wKG^-#NH>h1eo~=?wNlAf~zJ7Umxn8-kUVc%!
zzM-Y1CCCgTBVC{h-Qvo;lEez#ykcdT2`;I{$wiq3C7Jno3Lp~`lk!VTY?Xj6g?J&i
zz}FXUa9*(<*h6~B`MLTPi3R$GdItKrxgdXmRTq~8r6QbxRdsPlWkITbP-=00X;E@2
zP`NTpGcfG%TLe-Fbd8mNQ6?}_5_4SglS^|`^GZBjY?XjAdMTMHRtBafhHl1|j)u;z
z7OrN7hEAsDPEM|7W(EcZ=B}<L<}fp`=`}a8urzlvv~;sH2gZb}nUjT?v9q&@fw`fh
ztEHv0BTTPnUU5lcUUDkT-b|pqP`ws-^;$U>r6!i-7lq{K=fF}xKt_H^esM;Afr4|e
znSw@mW?o8ud9fxadLX`aNiE7OOHFYr%Fk5*hp$y87W>T%+>Bg}+>D*vTrI)=HZyW_
zbTV@^v2=5CwXif&g6d5nC(QJLj?o7t4y42a69T3{5EGvCfgE_|NzDW1m?B`-VEq5@
z@1Nhle*XCW?dzA%pFVzg|L*OZ*RNi_c>e6^lgE!9KDdAH?w#AWZr-?l?dp}wmo8p7
zf9~v=)2B|JIDYKtk;8`$9@xKc@1EVecJA1|ZR?iJn>KD(zi#cC)vH#nSiWrOlEsS_
zE|@=W?wr}PX3m&CZR(WClO|5+@9XX9?&|DlZ)<I7Zfb0(udA)8uBxmkFDor6E-Ea@
z&&$op&dSV4PfJZnPD)IOkBg0oj*5&34+{+m4hjtL_w)7f_VV;_cXM@dc5-yEx3jge
zwz9M^H#0RcHZnBO*VEO}*3#5aS5s9{R#H@umy?x|mXeeZ7ZVi`77`TT=i}w!=HldF
zXJchyW@2PuQ2faPBpDfW7=Qp&@-Q$Nxb&@L-+R8NIg^e1qv=d-*+8iul}{ec@qZjR
dwaaU5#<@bz_1~uL*OUMCF=6Rk?f?b`YXA}rtWf{}

literal 0
HcmV?d00001

diff --git a/img/close_btn.png b/img/close_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..50e9f26efe0886d2b17fb435f1a1f2ca5398ab31
GIT binary patch
literal 1147
zcmbVMO>EOv95)}!P)C3R5*?k!n+p<5#P)MyC$^eFYCCJBrmIqG%>jwJ_G{xc_Veu5
z#jQAWP!J%HdO@nz3)6NOVw&KBgf?wEY|<+2Gzp<iJ@o=N1V|Io5b&HP-3}FpS<ikS
z{{Mde?{{f*<im8&!5)TT(v=~-M(5qhyDLS%AJ3k8K&Q8fQ72<~inOc{F(n62B2e+H
zX;ed&GxzB#8eo_mQ?6Mj_3E%{V~?{E87}q$ie{LB6LDbKGl+mmH0}CD_R;r0vA}hT
z?6_1Fs)2?Y?$CUQ#^y&%dw#}N9QMQqU?5g0frp3%Vz22(YFuR7yeeHM$2<$#B4nn>
zZWvXsjsgvb2uNHuV+#-hS>|9)l4W=thyoOOfetwXbE+h(VjgrJmTC)~DYd4TJG$tu
z$TkQGRGx3OT3jp3;c%LVilQVOqL`r)nP|=@R-Eyp{w{-#B0F>g;$j~pjMgNcB}JB6
zy5WKsRI8iBe$)vR4H+L>0S`HW_q@cfwsb^l=wCCol#a}~0P!^x;n~op`IzeOf@$nt
zuP70u)~FwaE=`Kn)UiG5A)i$AB1`{pj_atpSSU%^ykdyDZpaWSc}3E6L&y$7S%iAN
z%dr(UFNkGhP=bb5rkOBgB_|sN&42|#l$3%5yV!~!5zDtxSFcO;cCf;0v8om#i{Q}2
zxY@0M(FP_sYTy89V=_28?)naHMaPo#Y<R1q(ESWK<q&(I9beVmLVq@^8KS5e!l0qG
z{nko?E=p1^Un*;2p}=;q&i{!SPmSS|;`mRobdP8SCd<vzr<={@K|bx6khaEwYvNhj
zRyQkp$&CM+Jawn}r<F>j(%|n)SFQ}KF1&I4^p9)r40+qu`-Vq<Wl#R_*887VA9LRv
zOfRJlffqY}IrH#~rTtG!_nrwaUcNlEve;+tz1;iT>O{Ie{7=ulpRaz~dziVu@U_dE
z@9i+Z%7zmHT-vpKD_-jR<jMHaz9V2cSiF$kZ!f;vFRcH5`+RE8xwYl%@Zy)fJFhqM
shga?_<kpz={KLz)8{2Q(-L`LnF;`B%`N#A7&ywq)VvOkD4NjbW1)(2s#{d8T

literal 0
HcmV?d00001

diff --git a/img/gnb_bg.gif b/img/gnb_bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4e1d1aea30ba3fa5ce18e1a7215c16cf8893580b
GIT binary patch
literal 1169
zcmZ?wbhEHbWM^PuXkcUjg8%>jEB@z>@C{IKNi0bO(l+)L1&PVosU-?Ysp*+{wo31J
z?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&Psj#ZZEyztRNmQuF&B-ga
zs<2f`Ovz75wF0t1!um=IU?nBlwn~m52?day&iO^D3Z{C-y2%EHh6-k8dWI&ZW@d&u
z3PuKoM*0RoWTtCqVr6P(Wn``Z1xi5Mic-?7f?V97b^&>|N*N_31y=g{<>lpi<;HsX
zMd|v6mX?+vGmMOMfhu&1EAvVcD|GXUm0>2hq!uR^WfqiV=I1GZOiWD5FD<cE0=g99
zh1>#PU%0_}#d=^5=_Tjq>Q^Kd=o{)8=;!8w`~_BBToROua0XV@#UYgisro^w#rdU0
z$*Dl)$}r8qu)}W=NFmTQR{lkqz(`5Vami0E%}vcK@pQ3O0?O#6WTsfT7+E-)8k<|X
z8o9W*ni(2enp>JWySN${I~kf88M>Im%)qAC(a_Av(aFWg&D_Y+(9qS)!qnBx(bd_-
z$kfTw$lSsLrq?sCxFj(zITdDaCeU7}UPHWkt(=Qe6HD@oLh|!-U@0IVBfliSI3vG6
z!8zDWK_fgfFD1XcSQ8XI5Z}6_7G;*DrnnX5=PH21*D4c>{YHjH#-^q&uFeLomLPvS
znHjk`I+;0|Sh_j6T38w>LG`AP6K48A$LNC+2U22z2?0|ehzU>nKn^_fq~-y0Oc5|^
zF#iAd_s{QNKYx7x_Vvr>Pai+LfA{vy>sK#dJb(7|$>T>4AKbrp_s;EGH*Z|OcJ<2T
zOBXMkKX>-b=~E|996xsS$l*f=5A5H!chBx!J9li~wsp(qO&d3?U$=J6>QyUOEMK;C
z$>K!|7tEhGch2ltGiOYnHg(G6NfRgZ_x1L4cXf8Ox3#u3H#IiY*VWckS5;P&mz9<j
z7Zn!d=jG;PXJuxjr=_MOCnYAt$Hm4(M@2@2hlPd&2L%TB`}z8KdwF`eySchJJ2^Vo
z+u7P!TUlC|o0*yz8yOnt>*?xfYiVkztEs9eD=8|-%gM?}OG!$Ii;0Q|3keGF^YQX<
rb8&L8v$3);GXV=3#h)xdl953NRNjC}9tI{3mL{=PH+Lj3GFSrub^Vm|

literal 0
HcmV?d00001

diff --git a/img/gnb_bg2.gif b/img/gnb_bg2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fe636b93014581dea522c3b1071d7217575b760b
GIT binary patch
literal 49
zcmZ?wbhEHbWM^PuXkcJiz5U1k|Nj+#vM@3*Ff!;c00Bsbfr*2qNo>{49SMvK)&Nd1
B3|{~M

literal 0
HcmV?d00001

diff --git a/img/mobile/btn_close.png b/img/mobile/btn_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..22f13faaec161bb79b92f35cab729acfd69d8bb5
GIT binary patch
literal 3265
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

literal 0
HcmV?d00001

diff --git a/img/mobile/gnb_bg.png b/img/mobile/gnb_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab10537d25c7f6fb72f4997cc6183995a91640c1
GIT binary patch
literal 1012
zcmaJ=PiWIn91bem98N)D%%SkeJSf`yZPPU@8*S5e0aHrXxgI>2C2wokk{6RVn+`;o
zUOXrsM7)T*2optc;7QTT4h}pD!VpySF6^KunJ-=2d9a2@-tRrW@B96Iw@SsrK>u(*
zMNtFVq*^9>Z)ErNkU!kSFUfWs=c;%L&EdM?Ln>{dSqL=8n1^L(SdGh@aEzk%({`nb
ztNMA_L=Iy_7$$T)!ltOPiO@651&F~coVQ(t{_*N94QxxHXA(N6ds$esCzpLVwOp*2
z%L``8q9?||SSS+#2Vw(+&Y~O0p+YxxWnxFyEDf3vyr9s#K~?n<$RZzt1S7^wj^}|S
zF?>8BN&Gn=aJ;~BWJxhTE+-^eNP^Z!6K}pXCzsWH%NIE*bPZ!qX4!hZ&eTN)`SUEF
zN~IzVL5LAVENHmc2xD$A(pFGmVEVR)ZRCPT(U?U`SfNRzyD2zcN7fBmWg-P*L&IZv
zhKo{a19koXP{-+@16+oC@%~dds5CstmSKRFe3LY8ZX|N$$ypy782J^17TZ-U)euHO
z4S66tC4tj3wrin!aHfgZby;%*Y`7-WRD~uAjBQ)8peEz$=x8b*=SbCaQbtXtb7Edf
z<V7LRWz;rTMdp$NUEJncd)#zaZZryxM?9<0x354e?;{5^Q<m-Su_U|dwYXOISVp^Y
zSrQBzHTJJYx39?bL}q7f$)Pj&&?VFEld<kiPM;u8qNb_oO1QOHN*}(?^_dqx{94=j
zcGZ1TP`+}R!PU+6^}*qug0u1d?#Y{Xwu&nU)=r7{#xJ<X?l<Vq_K}ajhuEW^3M<Kj
zI~x<?koT_t;RE<Y6K||Ot-e5KA3yrCy{!~p?>j{Kx5uAd3x0l&-l3K&s?Rf*R{j7N
C4nrjX

literal 0
HcmV?d00001

diff --git a/img/mobile/gnb_bg2.png b/img/mobile/gnb_bg2.png
new file mode 100644
index 0000000000000000000000000000000000000000..5828f41b7cd81d3958d5383073a5c8ba91328027
GIT binary patch
literal 976
zcmaJ=J#5oJ7&W4VQk0FQoledGNW_0}Ol`$PNu0Eia1<pG&A?E{zBE>9pRq5*$wI{h
zLSil;fsi7xq3%e)fP_FuRAPdutSrFF06nKk%0RGe-;dsV-*?~l?rycR7GGLfq9`g}
zUe{{TNWRmHG4lW9y<H*0GA=f89kp@a@FA76Pz!>xV{E}1G_1jmcQ8XyCuzIU#7+IG
zVj_nzA`BBc9$`~dCL4N&*@YOi;Fj&G^!FF9Xkc3^y^+>A-7CP3y*~6|eOPIj!>%b?
zboL6!gbERGAT~hgY`cLHs`OY_A@gXPrNJ12yDEK@R8y~l0`eh9GpVG>@jQ?uh8NS4
z#9sme#|tb+UMb0oN?KBc%V6@*B${uvm6}$X#3Cz|?qKXGEZgt*nSP2v{uay2vK(m$
zLXseo!NA2vm~?~0R6&D*>DwN*kqaV4qlJ1{rAekoM{vBEtQ$<qL<+`+hR5;@7aeH|
z)b;;E9cP9Pa19>k`%mGZG4LQ;g8}OKCTUzd5ry)Uf)5Rh{02hX(<)Xw2&15bJW!}h
z;KGLOTBsjf9OHFeDZ2qSToaZxl_m;|ZCi@CDu|_gx>yo9ndggAPR`}>k|=9}#7PBN
znsPN{_8jQqDc3sYmgaIJD>xpBtU=$t39XWk956nzV$aW|FjsHFwdUud&E>Kr88&L{
zUyYt_5%)yXnQh5pW_;)pxBJA_?Y+@`awW8~mTQDxTAALj54U0qo7U_2!MEN0bHC4z
zPK+L(xflQQ)86^~W@jyN?OE#SgZFnn#;!lyI~6M(a9@9{CSL9@EOJzC`E0QJ<WV-d
NW94E+d!FCCeF!``Gl&2H

literal 0
HcmV?d00001

diff --git a/img/mobile/gnb_sch.png b/img/mobile/gnb_sch.png
new file mode 100644
index 0000000000000000000000000000000000000000..74d6278c803d61a669c8680f23913b6b7237b503
GIT binary patch
literal 1795
zcmaJ?c~BE)91Q~D5|~QFq@rCysYlHPNenANAO{2!8b}1{nULK;Mv`5U1p-=Z1cu8h
z!c>8Rwd36?4bW0hETGh5xT~T?ttYK$Z5VCAA~M}r(Ed@n*LTc&?{|K)#q!uFPxrUo
z2?T<tBw84ck4x>ZD-r+hoNCtN0|gT$VG2ZxWvPuYAp$~@VL+l+r@-;B8p=+;1cwp`
zj#Qm82}_bmK@Fm(tL+%NS&!mu0wHv@8C7exz!;DWr|1lPs_k?e70^L^Y9dF*l%WDR
zRTrIOgcUilN=?odO$bC?9R`G&L0mu&V`{*xPcxW6GoSiO7sTiGZ3Y#11;MuPssA{Y
zB$ERI#0Uc%dN57HWU&A)m(F5yxLno>Ac)BdVleTCOJlJ?4i^ks2~1y9+?o;6g7HG}
zv@Lwar>0^U3Njd3Sy}X~U^-$<VX#6%LhKqrK{OmeGi4hvwV7rx1<WW2VUxzFLopp<
z0PKqDWF!OQQ*lrK2|<s(mNl5B(}X9CVOFCI7M*DiX$B~h{XbN%e~mU_@$ege|5Mnc
z%tm2GJZwTTj2gUf+5o#L6ciX?HHH|K2$D9FMR_WMA*NIW1q2E%uryI;fRHTHvR8PS
z43rp5nA)I$B|<(GSD@>35XciSSzHc}D`qo=ES88H$>Rl!R|;6cVgVb!IWt@#qRG(1
z25g24z2UB$m1}PWJ&Icv!bV*t42g}19(WZpsGHpv_N;o-TxfP*IJ0sYxHAlUVgFU=
znJv6~?9<n6i!WX`K5W3d-H5mK`9CwS;in}_B8*U)hdL`ij8?{xFW97)?+GaWz9bmp
zlbXW)tHXE}vVOTl^%lvAQZ-*3J-5JdAP9;OBfiC9<da&tmQqZ<ny2(W8FScM-xNZt
ze(9Zi78rlgdnS1N7ninuTYFo^xA#4zT~KV=WVmj1vd($lv5o1|saQ{Lb@-rtquhJb
z!%bvYr_RjJMe5RU%0=gcRblBWuRSiy!#!LrU8?q?v#r%*Lb>N+%bW<mlr<fq{+Qt3
zkF~Gp_ZnPSzka!ykjV=~9aEhuJb#t;Ou5P3LK9r7o^(W_y=Y(4KqpBQ!1S!CXV$rF
zI0|p|m}n=J%`t|TYbO&%{rnmO<SnJ^dLrZoX!S9Nw#u-@MnS}cy4TC19qoU#IFz7u
z{pf0Uuk+d+yu6#2Xkf=_U1keE8zj%oIq9lg6Tjk*Rjyo%jXO3(`0MPp(ZZ2N@`*;O
zm9#T?;uz(|f^%OqyEnN$fkBJLdGj@grd6o1ZwGjU=G@gPoYy>8N}8&>=0DyLb$z#U
zdHCwfgMpJ7>_LgTuY0mQ+>pcgIJdBtJ$}x^+8q|F3JQL>-y`mjX!L@lrd_D*U$ej|
z(`_qg@wqsh|IWseANbwR(lalgbfdfZ^@ZB*JLRf~(yWLLt-z?ylF?7gAW*N1Oxo7t
zmX<;sJ_VqhXOonYqs%4NDhk^h0$W=Pq&F5_irehiR#4M(zpTBXXkJG1#&V}zVq)bO
zX6<rFA0d_YoLG4C%Hj3?cZZ`os>z*!3WxJ8-?;zQmRsA-U0&A`mXT0equwjA?a~b0
z&Ql~PrfTmLmhJy)0Y^TB43|9MHG96N^NRg)t!0sNUQCl;C{cDG|B=`H2S+UhO5ZE-
z>1(Obh=41;br-0(bO$s`>AQEiE*zr0aBrwzaN|Vhy)$<nZ1+8OZ_2ar%I&WF+T?1{
zQJ+DtPc9ORr1jN3`43598R3;NPTY#F;{$$mN22$fdi-6&(4<JIxc)72$I3FNB#GW{
zh(mP(>Q&<sQ=u?XHLM8aedd;Ti*)<(@#sfztS#Fb^Ze&kWp^7{3%4($vc*t)<I=Wg
z18EuV6w{&O*W31%Or#y@Q_4q5)tg_kiME3WIe|gDwP5K;#eI%=@XFJ#*+j-I*^Q`m
z2Tl#!4hzS=|LIJBk;l7xHm5QYF8^4#Y;50@kBYEvUt3f0i{d`}Z%HDG71l+ncKi+O
C1GT{b

literal 0
HcmV?d00001

diff --git a/img/mobile/icon_menu.png b/img/mobile/icon_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..6b3b53cfc4244b8cd8fa540fbc8fe5df1c9e04d4
GIT binary patch
literal 1090
zcmaJ=TSyd97@o?qtfat-?7_oGWZ=&1%<j&%gPW<d+b%U`>p~J4jWfsHL1)f1bJksb
zGKDa@&<(mgh|p6nWkg|QXi#8Klo13yL{au2LeWbG6`fJndT1MF=3Mx`@Bh#Lf9FI~
z<L<R3<s}qFt&PW|1R1N`Z{-T|KlN+GAj4)HX~E5?9cL9AQgs??gCK4wDVTtY)_wE|
ztf8o7w4Q9iE%IJbMFyj|7$#>}giTR3wK+>sJ0J#aFr}Me`t$uU8t7V>J`j+-vef|7
zdaTEW%{`4twWmW3X>{#QP?HmhfB~@raz>}=h`BI5rz?`VyUo&I4uU(v^n6k+auaAk
zHUt62=TW^J2LyrP`~gAWssZoic-Bi^!Nd8*fFSZgu<+0%nys~q2`Rb|i>$(Q8e>aj
z*=#n;WPJ>>Q!Ez>g<K7u_Yj1~={B*F^O#O$UO|G6YU>u(kqKNyr440pm?oLdAHlE|
zWld+HOr&6JPO(^y@w!LK17-RDP{UY6J2(OV<oi!yC)sU5HUS-!u~pKz_DVODB{tYl
z!N^V`)S0hhQyO99q>%+0ngvjGKsPm%b+*spWm$}y4pvMR#-%V#6c}CCL~ci*KEg-%
zsL#)FTto=@rC@zsFen8jUXc9$JXb<$#(*ZybG1KQUqP;G1;ZkdC1~qiP>b5g0CPtc
z^}@M$3+gR!wZge@1-UFqhIJeJSEKV=#69kG(Y9o<XnbfAx7)<lTO#`)xe|BdQe86l
zX67|l(!Z;$=tb*fbokcSb@%#;CpN$QST3v|J((H~o_;V`DaXLUA5XVky1eza*E{ur
zok?B0vi#G9<zFj@de@AXeh1Nw!OZ&SPtPRImVWuNig^?qoh{mP(U&;)esH4fPQ0kB
zX}q@hQ>_0`tYUhyVtT`rB#u8j#$G&MHrw@X!_@It+DI{<-n6=EsQ1m|F;D$Z{p$XM
vFPFT%Fgx;XqH(}!zS&wm)O&r|*wQsr?Z?BJ6$3jSy0<zWX_Ri%AL;uI4=HJF

literal 0
HcmV?d00001

diff --git a/img/mobile/icon_my.png b/img/mobile/icon_my.png
new file mode 100644
index 0000000000000000000000000000000000000000..6553de0bf20b5af0144691132a4ae9e02e6c80d2
GIT binary patch
literal 1634
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEk|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ*9U+n3Xa^B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+*
zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn
zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxSU1_g&``n5OwZ87
z)XdCKN5ROz&`93^h|F{iO{`4Ktc=VRpg;*|TTx1yRgjAt)Gi>;Rw<*Tq`*pFzr4I$
zuiRKKzbIYb(9+TpWQLKEE>MMTab;dfVufyAu`<jAm(=3qqRfJl%=|nBkco*&`K2Yc
zN<f!FypUS}H#V;r8ce_d)2~P@&^OdG0C@?f(AO8g(%f9Q>f(~1RD^r68eAMwS&*t9
zlv<o$T9gcoxHM&uRRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdD|D&&*57FE7>v
ztM~P_^2{qPNz6-5^>ndS0-B(gnVDi`WNhr>=IZR?W^7_;Xy|I@WNzr>XkldLXl~)?
z=H_Ss)9aF-T$-DjR|3<Ug3#-VQ!gkf<Q4#Jc1bPDEK5ysE6UGR0DIXg6SrHOaGD3z
zn}XXd&N%hz10ACeiddwGh6w>v4~Pj*wm=R%;iu*SQ+p9GS<e&cIKsfdbj{PnF{I+w
zn;C`~B90QR`R48}JA@C%<_IY^Nh#f6eWRn}$FXcfK+`hLCa0)_ZXBKy-3}f~n5?uc
zK&3+=^N1HGN0g?PSe9s~tI5ZvNfTnOedXQLns{U9?71^-gMJ)lFE0PQztViS_2&O9
zg)-vbidtH2<<_zFH+gPgx#s9|?dM&U-#6NK91;7{<i4>|r{S<!^3562Y+pr$wI7&9
zdj8yd?oJGE9NR>b7g94AYBg(r|F}Ktiv1!tJvRU5Hj^8{0fr}5Z^#$o&8jr5V9@by
zKGURdcs}=x$w!P#_e##0c4WH4#Ygvajm$eU<JnF>Fn29KP<UEBzMx0S(Dd}$BA;sq
zyB8e!=KSGiV(4!sxec+4wtaT8)!F*oCWr64>8+K55^s*KULgI4k=^l0;`dt*c>Xc8
z$E0oOe&$m1CBg4Ve3s~nyHArgM9=h$-?&OrdGkTPm9gJ5K1@&RIm1@(^|s5sIrOZ=
zOx~{96_eiz%kip3&6YWQYe9vE-G*A0FBJyYo!2sLRlZ*OVd)jQPYDGci*s{7%)BD^
zHK8D6aqeF?S*?7dzkJn&`#-q}|GLqA^pKT)?Y@Tw)kW`Yw(h;661w4N{XT9sowWRh
zorYUisZ}luog1+_?Z!KX??z!Qip5qxDwkdTl^%R`>eQqRE$4Srf?}qA)|!>&wbU$c
zg7La1S2p!zR?R$8S1EcYbl-Z(C#!1THEay4-tbbDFG8)(e`T?KqhoWVL`uBr5hLSA
zMV;OWhOR$kTMzS0_xiGz<=*lax@N0Clr;T5sO|c~(&F(35A|@DJI(qcZ_TYHTP?J_
zuFTDRPTO6>--mbJ)JfY8u9P{WI)_F2Qibwb9=21pMYit6oXM9e;;%Y0ZvAYzv^ZUw
zr;Gi?T9bFJX|ErcuB_#Lv*n>c=pKVR)9m6i!^F)UCaN#lo3PqfeedrB=3y0rwoCSH
zuw&c(AWiyg=M6UDISX3XsB{1K|2g}pJtG@~pp4IK$6%paP^s_f>gTe~DWM4fPxxzL

literal 0
HcmV?d00001

diff --git a/img/no_profile.gif b/img/no_profile.gif
new file mode 100644
index 0000000000000000000000000000000000000000..4494757bc79d868eeba095bdd0e6eea114137a24
GIT binary patch
literal 1953
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
F{szy3N*w?I

literal 0
HcmV?d00001

diff --git a/img/require.png b/img/require.png
new file mode 100644
index 0000000000000000000000000000000000000000..c03e1eb6f5e8bc7ac6e40bbf6324bd2ac3fd3039
GIT binary patch
literal 2922
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
UB`Y^oGynhq07*qoM6N<$g4?ZVo&W#<

literal 0
HcmV?d00001

diff --git a/img/sch_btn.png b/img/sch_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..94f98db8f486c86e4c73c8c457b1f6170d716d7e
GIT binary patch
literal 1234
zcmbVMO>Em_7<SW=P0^-V>L#sBtRF5+bZX+C#7^urYZBY(0!yiqNNf2KbK)<J)!JWb
zyNlaPyRl8>0BR-RP@zdo6HJ|iG^BCa5F7?#5?nZ-4hg{lAu$fLXon#|%jYyH9I73#
zY=1v~p6C7f-q&x8jtuV)JsBbhVt?+GQo!Q@|JfVF?-Sp>^E@7UTy@MXqN>}_Y)GVa
zRE8jDY7?*kHGOva9vmcy&Z<!wbI0<hr3x}5nvaQiW*xH$VsOZ-Yn4gpf-;;itR(gO
z?awG+=t=4fpJ(!Q8P<$bb2co_jg%^LlNC{?hE9S(Pr?EwbT#0aQ<funNvf$U;kmy}
zQ=kcPCzI5+Q)Bs2AR`+BJ`xRA7?uTs5Mg7yAg}{~V_1%6@GXSdn8XVb7YD72!q#lP
zDixG$%NAZGshaE7C7NzD8j(gcg6s*J6-Ck4;J7eGgq>N-)x5Cf^tBZf=u~W@?i$Df
zzM@t}Gj5W?o^FR=*7NxtVasVH3a5<rv^vd37}_-bxSD9kEx>=>*cI)RX6ukHKnKm(
z6?`7mzBU=>?(v3vAofOj(Khg*Xj2NR%$U$}b4rrJUn07pOA41r^U=7da*Cn~EGx!E
zURG2lnqdWwRpM=p-MAu?&I+-NsLHa)vZ|2g8CI1US&pkwUXJZ>bC%<3Rt2{08rW`&
zn|Lf&l5MED$Sxr?)vkci8gh|SLv<h*1@PP%!_ra1>GzLkJ6Z+W#yO~GZDfLGekEfU
z`%F|-)7iKh!yY%|meY*F@q8?v&dOXOLAAL0|H&DRouU2W_)oF4w{Qje)1A`Ci=F0y
z7Va1ux5m=32j37xM<A!9OWyb8zqYo9I(edx940m*V6*EkDE=7O2!eB8e7M}Z`s>iq
zJLKa1C7$hMyGgXCJaK*PRd6MA_l1Q=LGlK{9w2|~yg5K3MF2hb9v(`4{njtXJHW}s
zYhNB6|Ko6J{b|zqY5m;<Ie%&O<%<IwPaRL3Pc2v%R&R&8&t^gw>8{xP<!`6HTIo&Q
z|HO-ZOx!&5_TS|A)$V?Vnyy`W{o1ka@yx-+*W_n61JiMGGQjqdM*<sz&%8Omu(tOH
z{Rr4hf#uKFPXJ*!p6XdSxb=Sj<`cI*-S>c7S{uH8>2RuRF?l`_T>0S7rJt`Z@AKr5
hVCZu7y(G~QB)VQHjxXGLX~6%><kS)6qs-Y0{{Y%-jIICx

literal 0
HcmV?d00001

diff --git a/index.php b/index.php
index becc86997..957ad0774 100644
--- a/index.php
+++ b/index.php
@@ -29,15 +29,15 @@ if(!$is_admin)
 $sql .= " order by b.gr_order, a.bo_order ";
 $result = sql_query($sql);
 for ($i=0; $row=sql_fetch_array($result); $i++) {
-    if ($i%2==1) $lt_style = "margin-left:20px";
+    if ($i%2==1) $lt_style = "margin-left:15px";
     else $lt_style = "";
 ?>
-    <div style="float:left;<?php echo $lt_style ?>">
+    <div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
         <?php
         // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
         // 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
         // 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
-        echo latest("basic", $row['bo_table'], 5, 25);
+        echo latest('basic', $row['bo_table'], 5, 17);
         ?>
     </div>
 <?php
diff --git a/skin/board/basic/img/btn_next2.gif b/skin/board/basic/img/btn_next2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9ec94650a55df093e69afc30b366af38f10d4166
GIT binary patch
literal 1898
zcmZ?wbhEHb<YW+J_|C|Xlas?R3PwX<q=tavf9?q100o!Cl0+bFV_#8_n4FzjqL7rD
zo|$K>^nUk#C56lsTcvPQUjyF)=hTc$kE){7;3~h6<f`ms%M>MhI|Z8xtBTx$+|-gp
zg^Jvqyke^gTcyO5{G?PXAR8pCucQE0Qj%?}<Oq^b0NLrBUzDm~s%Na5Y+z`pU}mOg
zXkuz+W~ifJWMF8dZvaGQx`rlJre;<~<_b`t1hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJ
zUanVete0Puu5V~*X$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv
z5?dvpOCes!Er1)FSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg
z%7Rq=pw#00(xT*4pmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdD|D&&*57
zFE7>vtM~P_^2{qPNz6-5^>ndS0-B(gnVDi`U})iN>1b)}>f&r-Xy|I@WZ-D*;%4aP
z;$~!EX<}gv)9aF-T$-DjR|3<Ug3xP%Q!gkf<Q4#Jc1bPDEK5ysE6UGR0DIXg6SrFo
zaheC!n}XXdMmY8A10ACeiddwGh6w>v4~Pj*wm=R%;iu*SQ+p9GSu_6s_xI25Uq63*
z|MvCE=T9F$ynpxh&Ffb$Up#;I^vUB#4<FpWclXZiTQ_f9zjpP?<x3YYoIiK=%;{4n
zPaHpX^vK~u2M_Guw|CF(T|0Md-?nwj=1m(ntY5cw&FWPvS1ez)bjjjH3m43vH+RnL
zSu<x$pEh;M<Vh1J^!N4lba!=jw70dkG&eOi)YsM4R9972l$Vv36c-g1<mct)WM^e&
zq^G5(Bqt>%#K*<PL`OwNgolNO1P28M`1|?#czbzzxVr%Z#mUjZ-p<y>+RD<x+|1O(
z*vQa8Ur$#@TT4?zT}@R*SxHerUQSj<T1rwvTuf9%SV&NSpO2S^n~Rf!osE@+nTe5s
zLGdRGkYr@g0Tqs*`jUY|n}Lx<!lOWep^=qS&S!;y;^9^vW`~*=1`l1jMS0Vv?D)9I
PtxLhs?T&?k0)sUGir9*E

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/btn_prev2.gif b/skin/board/basic/img/btn_prev2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..827e7be433181a44749c891a1d0f995607eb16b7
GIT binary patch
literal 1185
zcmZ?wbhEHb<YW+JXkcW>$;tWu|G(mY?g-xi1((E<L?CTrUr~^loSj;tkd&I9nP;o?
ze)oPQh0GLNrEpVU1K$GY)Qn7zs-o23D!-8As_bOT6eW8*1)B=1irj+S)RIJnirk#M
zVyg;UrNor{q*N;)8zii+qySb@l5MNx2$E0$+3B2Ll&WB=XRMoSU}&gdW~OIoVrph)
zsH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qXu2*iX
zmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2NtnTP2`N
zAzsKW@b!fooL8&|_K;q3ey)B+Vu8M)o`HUDF34YC)x{-2sR(CaRb3oXS&*t9lv<o$
zT9lj$RIUuu3=BK`7J(E3U1Q~6lnIQK#2lCW<kH;Kyb@0rTP2{3UP@+)m5Y&uqp7jE
zrK^#Pi>sNTp{2Q{sk4i#fw7aJnUSH3Im`@fdL5nIoGnev9bH|VjSUT5&74duEnJ-~
zOpVN(UCd1koMC!B^NLFn^O93x_GSX@h3d7$tJli8C^fMpzbGU>KL?fq0y6ST@{2R_
z3lyA#%@j1kGxJjN%ZoKZ(F5_VOKMSOS!#+~QGTuhIDD-#vDj~H<m_q$#0E~T&R~B#
zI~uqcnVJH<<K}E+VW9-on?g>Q=>r|34@w+Ji3KJEOo1RKJm~{D@XV8%2h1@=z^uXe
z|KHy~zkmJw@%`J^FP}es{P6zW+c&RYy?pWf+0!SFA3c0<|K8m@w{P9NasArWE0-@_
zym0>9*)yk4ojh^;*wG`04;?(Pf8X9cyLau}v3=XtEt@xO+^~M#+BK_Jtz5Bu+0rG8
z7cE>cf8N|VvuDkmF@4(9DU&BnoY3Fb+tc0E+0owC+S1(A*ic_rTT@+CSy5hAT2fq8
zSdgEWo0FZDnUS8Bnv$H9m=GTq8xtKB84(^98WJ277~t>c>*MX^>EZ4Mj8G>>2YWkP
z8*3{|3v)A56JsMo1ARSR9c?X54RtkD6=fww1$jAH8EGj=32`w|5n&-g0e(JS9&Rp9
z4t6$H7G@?!1_s5SEI^WxL5BedKqU_YlSEH`1N*MMOf`JI(UE@9?*BYxf5e7lM6ohh
F0{~W;oRI(k

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/close_btn.png b/skin/board/basic/img/close_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..50e9f26efe0886d2b17fb435f1a1f2ca5398ab31
GIT binary patch
literal 1147
zcmbVMO>EOv95)}!P)C3R5*?k!n+p<5#P)MyC$^eFYCCJBrmIqG%>jwJ_G{xc_Veu5
z#jQAWP!J%HdO@nz3)6NOVw&KBgf?wEY|<+2Gzp<iJ@o=N1V|Io5b&HP-3}FpS<ikS
z{{Mde?{{f*<im8&!5)TT(v=~-M(5qhyDLS%AJ3k8K&Q8fQ72<~inOc{F(n62B2e+H
zX;ed&GxzB#8eo_mQ?6Mj_3E%{V~?{E87}q$ie{LB6LDbKGl+mmH0}CD_R;r0vA}hT
z?6_1Fs)2?Y?$CUQ#^y&%dw#}N9QMQqU?5g0frp3%Vz22(YFuR7yeeHM$2<$#B4nn>
zZWvXsjsgvb2uNHuV+#-hS>|9)l4W=thyoOOfetwXbE+h(VjgrJmTC)~DYd4TJG$tu
z$TkQGRGx3OT3jp3;c%LVilQVOqL`r)nP|=@R-Eyp{w{-#B0F>g;$j~pjMgNcB}JB6
zy5WKsRI8iBe$)vR4H+L>0S`HW_q@cfwsb^l=wCCol#a}~0P!^x;n~op`IzeOf@$nt
zuP70u)~FwaE=`Kn)UiG5A)i$AB1`{pj_atpSSU%^ykdyDZpaWSc}3E6L&y$7S%iAN
z%dr(UFNkGhP=bb5rkOBgB_|sN&42|#l$3%5yV!~!5zDtxSFcO;cCf;0v8om#i{Q}2
zxY@0M(FP_sYTy89V=_28?)naHMaPo#Y<R1q(ESWK<q&(I9beVmLVq@^8KS5e!l0qG
z{nko?E=p1^Un*;2p}=;q&i{!SPmSS|;`mRobdP8SCd<vzr<={@K|bx6khaEwYvNhj
zRyQkp$&CM+Jawn}r<F>j(%|n)SFQ}KF1&I4^p9)r40+qu`-Vq<Wl#R_*887VA9LRv
zOfRJlffqY}IrH#~rTtG!_nrwaUcNlEve;+tz1;iT>O{Ie{7=ulpRaz~dziVu@U_dE
z@9i+Z%7zmHT-vpKD_-jR<jMHaz9V2cSiF$kZ!f;vFRcH5`+RE8xwYl%@Zy)fJFhqM
shga?_<kpz={KLz)8{2Q(-L`LnF;`B%`N#A7&ywq)VvOkD4NjbW1)(2s#{d8T

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/cmt_btn.png b/skin/board/basic/img/cmt_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..202f1ff475be9d3b371fb8d87034e9cdebd8d37f
GIT binary patch
literal 2862
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
M07*qoM6N<$g28i46aWAK

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_bad.png b/skin/board/basic/img/icon_bad.png
new file mode 100644
index 0000000000000000000000000000000000000000..e568b1d8305405c40aec147ea40b490815ea85f3
GIT binary patch
literal 1287
zcmbVMZEVzJ9PcuwI5Nr9M45c3Wxf!+_S(Dlu61{K*Y>uC-Q2w>M<NMb@7Z0wwY{}H
z?sjI*ESfPuFc+dOi$phKCg>7$LlUAGd>Lekf<$8oeo-TdCJKonfqn4l?QZ&E;e$<|
zK5zfu@BiNM-k#2u=C)=8L0Y6PAr9wOXRN&gexJ}fZ^CJVEvD>*(Qg-J6Ck0q(FagT
zlQSR=<n++sInaS1js0peWv8OuoMLFW?8x9HEf3KM(y_Iamz5l_(LRt-^#JzAsnZy$
zrUTe^I_i$*d5~4R$|gvZdy+~yr?6>kYY^=yagaa*wv3jv0o~$C0j$c)!L@TtU}#mu
z&IPb#qf*gcls8O((zwT^xJeRa7@YLd3`0JSQf`tW-0)>wq?e-^j`E?k2ZP$obUzmt
zA~jub7r?T%o#zOmSS;d24{n$lf@E3N;h-oNlyF%?x-FMny0xj!AOK4-)x515I_faW
zeMZ3!V9?TK7qomdx<ag5wLrm;5hXcKkhq)BG{>*1v}MP^zh<l|Z6$~DfQSRjD3}V&
zNB^ce7{>1QiX1^`4fm9(!lcLpf}s>NpxcrVz~Bv@R@0n7`9rkF$BL97hzv=xK9=SM
z(d`M73`GjQI>%~Qnq@_irTn76dPq`a!d_3r9}f9EUY4Thh^LN~bjy}?1=RJbP;U+E
zyDgUEO(5HbnKX=ndIj`m4coA?Mjqu84Eor1RZkm5YqOJ{Wp4#ws=GltVj3D+jW4IJ
zqTfUDA_a##Eb>*q`H)+nXxi%wMR>~Z$7<O0|A`p^jUk-k_)oFak6;Bl%aziHo0aAP
zI_ww|wuWnN<PijE@JT`_S-N!On~#Y#p$8VOT{-#e@A%v2^G%P&W|GZK<I(%D*v#C~
zQ(ule>1}HnX_$)d?OOBlo-^BKld-$Th49?#rNtX}pKh(pFO(}^>${8BCnhq7_fO34
zivOJ%_~}w`>P}_P`GeHPugJ0JmCLt2<%ie)n)+hmFmZgeIpW^m)FE^2gXDE`UvS?+
z?7KrVONq+a%5)?B$`8_H`{&f`2d@S3t9wtpGt&O<&8Kf9qLb~%ri_>FAEY;Q1|O2P
z9GHKz^Www!1?^1h*c%J{hg{+6;#i{lts|l5Pk#1d8(xWZ%UhPdKcL&#bn%7J!sVRE
zZdBKOvbf$W9gj8eQxCrX-nO0GpF4Wzho{e~zw8X$x_8G??w*U!{C4!)?(AQ${`}GK
qkCV?y<!hA_{5t;yY53T=Nu&`;cBxI9z25cCuSpVngxT<}(SHDi`MJ&j

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_comment.png b/skin/board/basic/img/icon_comment.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7e3acbf922fc210d4dd50cde5589fa53bf5e6be
GIT binary patch
literal 3050
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

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_file.gif b/skin/board/basic/img/icon_file.gif
index cca47f566ac0db655fb2ab0f56628b64958e48b2..244af004d50b31239c1f480bb0fc3df177333285 100644
GIT binary patch
literal 197
zcmZ?wbhEHb<YC}uIKsft(a~}1)~$K-=Kc8bqqDPf?b@|FckcZ2=g+@?|Mu<Mw`<p~
z>C>k_efsqC=g;fbt^4xj%d%z5mM&eoe*OCY|Nk=(0Th3-FfuR*Gw6WSg6w2qb$X!U
z$Hc&q>@{nJ*0kkTEC-YHz8FZQ@k?m79C_~0!PRq;F{w*Nt%pfLL5hQAm*)W&QCq3S
Ux{8k4(}h`B4?g#9XJD`f08N@mPXGV_

literal 107
zcmZ?wbhEHb<YnMxSj58c|NsBIX*0`q?%jN5JCMx)1ByRc7#SE?7<51aAhit41`@ku
zTo@Y++~x>-Wqsc#^P~2x#@rVooH@5wHB9i@BozKb;P9uI^*c|UyXO5@>VyLmgEat<
Cr6(f*

diff --git a/skin/board/basic/img/icon_good.png b/skin/board/basic/img/icon_good.png
new file mode 100644
index 0000000000000000000000000000000000000000..69841a1340a76f2b4bfeb4a3a9e74b8a5846fe43
GIT binary patch
literal 1288
zcmbVMZA{!`9Pfq1I3`QxTc&=n7KtP5t}l1(T`MO!+PiVnyJN>0&Ww<i_BpN`eX%WG
zAxNTgWSBT3ZY(pqXw0V54-m<MZp2AM8AF{>BEfC(!}ei*Fj>^OWDGN(0*8Je`(V?j
z&)fg^`@eUnIk~f{^3h5JL8{_SLK@Cn-Er?d@cXp7a|uq5*wL)rqUY?QXaXc6>m2}%
zt70ce15xgM@jR$Ukcym=$=cb(bDX5BKGBu&IjRBC2vXnR7@|}FHrfF?6)lWipZo$t
z6*-Kx(g`AA@F1@=^_ifhFPV}03KA=04bPzU4hIQTV2h}uc54>rgs~M~4zAr}979(`
z>_Qk@H7c8EMtR)?DDCrmC4wYThVhXBnqkNtC`FJIPQaJ(k^zopI4X#)Js8wx$~i7A
z#MX4dT^P&Tw!z_eu~_sK{XX67#7UNAT@H%!LJ6<ctJ$LC)vW3=g8(eaR190uHPmGk
zJM<nqj6q9RT~LigVx3sC)&d1XhC8BxlRg4hRoAZ-Y0FN7f6drX+RF4A08ax;?=dBq
zk6d*b3}bh9MXn&UhD(_WOp4eo=u(dgG&?SYF?i#X6`2#LP=xje*(fClQHCVhAWQQ?
zl<+r_3`GjTGRH>PKqSU6p#T#VSU*WdnGnnRSt=SMLm@vyM))!|u35IINuaD(fqK`l
z^j)zWZvxTQ&5W*hmn)z-uiLtn*A0|!VbJZZiYDtttJY1=s<#3#m6w1VGj$bRi7%&Y
zpx;mNQ3?*CG0Ly_%|{4<qUk^|662{*2wTI-|0iZRGzNEz<3GhxK7tkKF4s#RZq}Oz
zXs}~U*c!Kv4b&otClnVV8Rz2h`S0q4-P_Lnes%ar?L?NCo0*yWGPd=^q0;!c{B`o@
z*}?tGo3R~>!*b2hKZZ{{_(Jop+76y-KXW$q_Xo-O%a=aC`cZ1WboBP*_w2RP7iz}1
zV^=nX_v6!qt#o-lU7Q+y{Qf8J%TJ%W{NCIhGTuZlyfwY$jBz-(>G0xL74Q7;`q;^^
zlKIAaa(kr{`;g;i@Po#IUir7dns1#{!}Otrh64j_??1->a;J+Je0g$qPisy6$NN4T
zPqw!SQ$&}fX;VWZBX4r0V*ku*{d+e*Fwy!--PpjXRQ0HnPcMv*{Q2;5^>P0CkA>4u
zBtqvLvG3W^1y4>o7}`fC^aW*U8M$=p`L<t|w$yP$o*NyzJ#RBNnNR-O_S3cCO=Ik-
piNdbiH?Dw(`rlx?_sqVFR3Lq&_KQ{Z=g+$Trg$_dj5h9l^&cP9#O(k8

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_hot.gif b/skin/board/basic/img/icon_hot.gif
index c95b839aeef0c1e26a4bab4ea50cd6d3f1969d7f..2936de662a6035fe711e2ca72f8d35c35fcdd832 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YC}uxXQqAGb!n2O7g#d|K1<i|Dd|&>EtQ*YwDiOn)&_i-FLfo-m9wo
z`|J0u%&d1icYVEm_r>BxZ?|rFGGXHDwQFCm-*CUS=J$v9pH827v1swLIkVqv-S&FT
znm60GKA$`H`~63^^YZTG=H0KWebV3eV)0@i<6e3B&6LzPTeklF^XuipMep|=`2YVu
z17$$*CkrD3gBF7h$QY2H7}#PQLY*8Z>1a(npuSj&!C+2M$D^Au49rIzmu_NUkbT$K
z@N|_DYcbb>j2Wy<#m#{VN6yADE^Oe)_z)w+$e|_7pjN@jAe_d}prOvK#K7Mmz^JUi
QD9{kY$HvB2;mBYO0LU4C3IG5A

literal 97
zcmZ?wbhEHb<YwSySj58c@BaP&aovCS?fWx#?*IS)8DK#1CkrD30}F!=NC2dkfmzLC
t*Pf40SlP2yB*g7$tccL4ku{sNusrLT*WANLSd#B(G}b<@_E%xB1^{x;B9{OF

diff --git a/skin/board/basic/img/icon_img.gif b/skin/board/basic/img/icon_img.gif
index fefa10d4a09ae3dd2407fd94582594c06aafa7fc..3ba495d054fa6588116e03c4fd4f38d58400b153 100644
GIT binary patch
literal 317
zcmZ?wbhEHb<YVAwxXQpVZ{EBI4<4*qwd%=}C$C?>e)HzdzkmOpK7G1o&6@rD_kZ~C
z0Z6`l`EvdG^($7a`10k;@87>SZ{B?6%9V{9H=a0gV&A@fKwYO#pT2+p{)-ncfKov2
zr%#`N;<s<#UcGwtg$oxRK74rh?p>f!KYsiGiW~)l<HwJ$T)Fb?+qb)R?b@_y)4Fx*
zfa?GM|Ia`oQ2fcl$iSe_paaqe@)HAF)PZIO2OTL^W_P6nIaMlWj!yWnD#}#;Xt#q-
zh~>hIr>|74(23<(<=9yw$9#m#@ra2-+bRv!3%fd0dBQ?f)ODm;T_l^Ed4xq>LVCj3
U#2LJNXZi*?xy@tnaAdFs0Qg;*ivR!s

literal 145
zcmZ?wbhEHb<YnMx*v!CCwZ|bjEhBu%CshO6irxQ#AZ6W;O*dMsr#UiU1ByRcz`{Bp
z5@ZGgi=Dv<&y_nCCD<_OEjU&=T`kQuUBvD6uGk+^?y}-8>zHen|7VvwFnzUPlarEA
ZqW~YXyUO~T+#YkUoJ%<UHcy$s8USAQEtCKN

diff --git a/skin/board/basic/img/icon_link.gif b/skin/board/basic/img/icon_link.gif
index 0f3cb1ac69e72e0822a798c933357fb4bfddde26..e9cb9559c9cd08a6f51993518a17dab128b82916 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YnMxxXQrL(b2JN*|NuvA78(I{nxKwn>KCQw{PFXi4*tl-~Zypi#>bx
zoH=vm#*G`BH*daj<;uHv@4kQkzG~H~FJHdAeEIUtn>R;~9_{Mtx_0f_nl)?Ity_2O
z*s&i!ek@+Rc<IumuU@_S`0?X~3l|O?IIwr`-d($PEnK+p$dMyEcI^1`=g+@?|Nj5~
z&p<Iy{K>+|z@W*X12PHZCkD2d15*k#mgtxrdBSj@My2(%!y%Ri725^|MOH?MNed6V
zWH4B?bq0De3MeqNK4dLOaQFC-7{bsIBBkKW&mha9!6PH#$(QSt&+Vx$CMmB}=`ZBN
Q!0YeKBE>UT(~-d%0A})n?*IS*

literal 104
zcmZ?wbhEHb<YnMxSj57RH*Mzmdp9<p+5Y|e_y7O@Gr)l2PZmZ71{MY#kN`+61GBEj
zE*8F?MhE5|<Bpo^C5PJ!o0i(lbajk5YP$OO9I5LU9W=bMGn1yqFENx>V_>ib05Q5F
AasU7T

diff --git a/skin/board/basic/img/icon_lock.png b/skin/board/basic/img/icon_lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a083a51d9aa7f27a9a379bee2c49d2ca9cc96c6
GIT binary patch
literal 1225
zcmbVMOKjU@9CwqjReiHb2qr;4xm2{$;%Dr{rs<N{?wW1sLK3M#+F_3UrL`JAX1k5s
z11pt)?f?t~5(fmGgb<)n35iJq#x{*2;D!)F0tA9i;=pC}h{Wr2niLMz4p{#Dz5c)7
z|LqIKndALEM|v;}>(5WiB{UD9aj5$M`YxQgL!;>dU#a?KyY4qt7h+l6u0fDD)j3##
zs=j>g3pjyc(YjHo`qjcIQL{}#4P}VHbPyWDCXNM;sx3et)Zm<9rSUr--N1pNr}0^?
zKouMb&KuJ!E-bIiRJ4@^P0;aUlVBnc5rGMP6$EC(^28vGw|GUg4v$G3v_$-cG`?$8
zwNM0-?Lxp2Y+R#g8t^<pCpey`j{=6G8InRTAEy%{$BRr7v>zO4bM?AdlBe3b&@PS7
z`@SQRWV6{Mnk-?vb0jSYLdd}|aU>D<mMvcm;+8kkVUVGxxrXB#wgo~)wPr8+X&hO)
z>w@VN3VXzs*A5g485yV!NfQ)lnxS7UY0odgf6dre+N&%(kSsyZUUW5-kNQXljAD0p
zMWG<FMm+5rC@E?~wzWkQT7F(m<LHLa4PBI(RF-3tg2KqM!qc>n6gWv%C^kp)3@s-+
z9Q$EYaze^72|-a(3{5M1O5t-7olWxW6eA0CqJzy_p08RO?C3R+-ZnOMSF9+xQ1xxM
zV%v>Q1r+CP-}dHh2S{ZejLjOBZa2O0Fg?58%Fs2Ipg!f=CTPW1H1^TYGLpieLFE*w
z<+qfjWQOAs$?TNGq*8brtN)*vk;oV_ERO#aOXmnxV7S~XeYDwY9%!MCaZzh@eLb$B
zw)#CUXDh*XwX-*4eCFEl`uXS%34ZL|`lT<nI#~JSAb4$Xt9PSuv1{{c;=RZY3!cEX
zO4HkJ=8yZ=hr4JtI`GI}2e&InU7;wHU%?K)_(u0j*Pm5xb7S$R3L}%h4W3|c#i|?c
zj}ASW`<BRDUVZbi{uAFvcTR%If$d86htoZqk;nhMXPv~(O%DA%`jcLKYbI8UUMzp`
zWH31N`si0Tz?E;VMm~!jX+D3c(YJb1BZh{b-ab=GtiAeR_ovm5Z>~wV9|lXA+TnNa
zo$a~x<>${SoA*8Q&{Fl#htaJ_=33vl@pEK@y0BK~4)lWS$8+y=y?q7irm&Y^kj{@;
R<G+SKm%K6~Z|2Uf{R5j-hb{mB

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_mobile.gif b/skin/board/basic/img/icon_mobile.gif
index ad934d23c440c83db0c4589596465cb087353e01..43189ffaee886ff02c44094e1aa3decfbce02e7a 100644
GIT binary patch
literal 339
zcmZ?wbhEHb6ky<HxXQrL(b3V}-QCsIb@=e%hYuhA`}c4E{{8RYzyI>(%cf16Zrr$W
z{rdHjCr{3vJ$vQKmCv3%n>1<CoH=vWuU|iX`t+$&r}p;t{{H>@!i5WK)~q>x{P^O<
zi?3e2x^LgUUAuPu`Sa)6wQGO>{=Iqg=C5DBwt~R}F!=xfKLeG3;!hSv1_pHo9guk-
zKQXWs9GJXe!Gr(?hAx*t0V{byl?6c)-Q>=>GF;f9(9+?}ED$k=Bf9zd1Wy$s_Wnkn
z84PU88y&a=9<VbAOG&WG)T+o!D_6^~N=PN7sQRg^MYB&)U{h2V<KYogm*!NOGDX%y
WcG+rmJ`cV%%UA>iSXMhSSOWmH3xI$C

literal 62
zcmZ?wbhEHb<YnMxXkcInTKxR~|Nn|VSr|Y-2Sk8m7??y``d6No{vX42*<rQDx#;5i
LEwerJSQ)GVC$bXM

diff --git a/skin/board/basic/img/icon_new.gif b/skin/board/basic/img/icon_new.gif
index 45aa6d7ed18c3a72c1f4994d29435ddd98a8e112..73fa06a8f3fe1972361df6417b0e713f0dc98b4f 100644
GIT binary patch
literal 77
zcmZ?wbhEHblw{y#XkcJCBJK14|9>3@AOMLlFzK}PuRQ&h|M0|xLCPCfS!F+{3@-DP
f-?4DY(nWejQ)6d06;;oc{oQqepNC77mBAVS=eiro

literal 71
zcmZ?wbhEHb<YM4un8?IXwsY@)FkoO{Q2fcl$iTqFpaWzxfaDpNBt-hsPrfZw;0{=p
VHSx^4-&;5yX)rzMoW#mt4FD*R7k>Z%

diff --git a/skin/board/basic/img/icon_reply.gif b/skin/board/basic/img/icon_reply.gif
index 91c135977b4f445a90c849310dc80efde1983830..7fe2c65580ed22e254718fdd45ed93efb554672d 100644
GIT binary patch
literal 1187
zcmZ?wbhEHb<YC}pXkcX6zJ2@u|Nj;Lb4U0FD7Yk+Bm!w0`-+0Z<m}WEg{0K<%sgAA
z_q+EiDP*SDDutW+8u%7Cr)Fe&R28KLSNVk`S7j$#rYPClDcDq4Rpb`rrj{fsROII5
z6<bx<DkY}mC#6~e*&tzkB?YjOl5ATgN05X9$WG_{qErP_J!9Qu14BavGc!Fy6H_xY
zLmdSp14AQy10XWfH8im@HM24@SAYT~plwAdX;wilZcw{`JX@uVl9B=|ef{$Ca=mh6
zz5JqdeM3u2OOP2xM!G;1y2X`wC5aWfdBw^w6I@b@lZ!G7N;32F6hI~>Cgqow*eU^C
z3h_d2fv+#z;Jjizu!r=L^K<np5)1SV^$hfLb3y(Bt1d1HN<}yWtLoyA%7Rq=pw#00
z(xT*4pmJrHW?<Oiw+N&V=o%~kqD)|<B<8r}Czs}?=9PH5*eU^K^incYtXzyN98HbQ
zEnSUVTwKiz4K2+rO`Tm_4UC-(&5R6P%wc9=(`(^qZUWS2=IU&0WN7GW=ICN%?r3am
z;9}rv?&xA{0@Lf6S6q^qmz)Z-Hxp<tRIe#sy;jaesfi`|MIrh5Ij|HEkda@KU!0L&
zpx_*Arl1j?nU|7ZUaSd<9*A#UQj0RnQd8WD@^cly;cJzN#eQQaV@pR<7iU*TR|}B8
zf!;NDF*31mHMO*GHE=Ogg6d5nC(QJLj?o7t4y42a69T3{5EGvCfgE_|NzDW1m?B`-
zVEq5@@1Nhle*XCW?dzA%pFVzg|L*OZ*RNi_c>e6^lgE!9KDdAH?w#AWZr-?l?dp}w
zmo8p7f9~v=)2B|JIDYKtk;8`$9@xKc@1EVecJA1|ZR?iJn>KD(zi#cC)vH#nSiWrO
zlEsS_E|@=W?wr}PX3m&CZR(WClO|5+@9XX9?&|DlZ)<I7Zfb0(udA)8uBxmkFDor6
zE-Ea@&&$op&dSV4PfJZnPD)IOkBg0oj*5&34+{+m4hjtL_w)7f_VV;_cXM@dc5-yE
zx3jgewz9M^H#0Q>CJqCAJzX7bElmw|HB}X5B}D~!IawKLDM<-&F;Nj=AwdCtK3*Pf
zE=~@1HdYp9CPoGZ#h)xdl954&0SG`P4+E1_OY=;&S8qgOKCNk!;0vz)T^YH<HtfjM
Jz(@uLYXHtOpXLAn

literal 77
zcmZ?wbhEHb<YwSyn8?Ji`ONmRr7Qmb|Ifg{p!k!8k%57UK?lfY0Le2j$xZ1OVwkw?
fR`8j<8CMV9J|<Qm@7(nCWs8=1tMC^)Rt9STpMV+1

diff --git a/skin/board/basic/img/icon_secret.gif b/skin/board/basic/img/icon_secret.gif
index c04899f14fa727b64223f6c5457877c6c939639d..7be670092521700f211d938a5e54266fc25cfd10 100644
GIT binary patch
literal 318
zcmZ?wbhEHb<YwSyxXQrL(b4hZ#fuLgK0JK*u)DjvzrTO;=FNS5eL%*I8#f+2c+k_+
zvv~31&d$zLr%qkCaN*_4m(!<D2MV4&d-lkYBS3Q5vSsJbpPxK=@~c;`CQO(B)OG37
zrD@Zqtyr<*;>C++&YW4WV8MX{2Y_l09y~a2-n^qnkN*GvpMgq1@h1x-1A{t)4#+%^
zpBUJp4@};0iP6RF&=XgqlMO2KpR9E8oa7XAR_$b`iXzA51f4?;er$&r12dHQSe%^|
zeYK<-8VnLWIhYwLop{)I>Km)nnc11!o1El48(8?6rcGz!XW`>+oY%<B=g43U09}lD
Ar2qf`

literal 97
zcmZ?wbhEHb<YwSySj58c{rji9X*0`q?%jN5`~Uy{8DK#1CkrD30}F!=NC2dkfmzK%
t>&!1E4^4&ClEzh)PmWxV3{9A~!gB2-%RL5bHcgg3Zp^!+W&#6)H2^A_AxQuL

diff --git a/skin/board/basic/img/icon_share.png b/skin/board/basic/img/icon_share.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d64f625a32da82e5ae80ed050aa5da7122902c2
GIT binary patch
literal 3064
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
GLSTY3nXu9T

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/icon_view.png b/skin/board/basic/img/icon_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea76f54424bc4ccedf3334a5c9912725be81c441
GIT binary patch
literal 3130
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
UG`&eOM*si-07*qoM6N<$g5v<yX8-^I

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/sch_bg.png b/skin/board/basic/img/sch_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..729178d8e7aff1ef0cb5ea27aee137a5c55ea2d8
GIT binary patch
literal 996
zcmbVLJ#W)M7&gs<DpiOA5_CGb3rNKFUE)vGRF2Q4kw~f1NX>|2UmB~m&z!Hs?a0QT
zU}HlJNKAlWMdBCm7Z{k?IHz%8s5)TTzOUzb-j93VS9`mU*H$-HB}rQA@8F>ruZeH{
z`il79(KmmJ;T{jhe4kGFJYq!h5;`HEpGAjcNTTHQ`8Tp9Nv&x*8uRhsi4)UIiE4~e
zWrbi%($;oWMDY>fU_uVl+?9WQ{33%iapePjpbZM2%+j4RM)uEkNAcNFY$x*eBd}FD
zLLehN0#$aLmrmu%3tdOd>upsA3kW}Q<#VUTgFWC=Mu4t#+OY;9FboBDb;E!U0n#8+
zHSrp4*mZQnK_*x}varUIsWZgk(w11c@{IGsQPuf;uFN|MWrr%XZM)V$s4Wof@-*jB
z)y~V!MgfyDW@*7wnuA&~n$Q#O%EHt05VB%0xDd|EWuipN)G8`esAy`I)p0G*B_EQ%
zZd{5kN2di*hoqz@EEe}M-E7DrcUK##fx;W-DNDtrM8}xMCmG3kAG@+RQIa%qFtR+o
zW7+}2I4~fzO<VVIpmloCKoFaa#%0{lMw%7se&G8(2m{0G*k<5cp{3hlfUIuA?dK(r
z@|ZMsQ(<?>?On-rd`2Qp*@)8PrULe6l+$uX3*he?;Qm3HCv;vusITWdT1;5_f+QiM
z8Cc}kNiVUlb%MYP&7cbde-XFuX&C8x*YrXkS(d!yCjXN&RXC&8#qm$EG+Uwq>*+=5
zi^WCrkX&>O6RmN>`(C%z?LPKK)sM+1_8Z-5wOViPg0Is14=b<NZ+?DT1Ny-(e%E{U
F@(<j)E`I<3

literal 0
HcmV?d00001

diff --git a/skin/board/basic/img/sch_btn.png b/skin/board/basic/img/sch_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..94f98db8f486c86e4c73c8c457b1f6170d716d7e
GIT binary patch
literal 1234
zcmbVMO>Em_7<SW=P0^-V>L#sBtRF5+bZX+C#7^urYZBY(0!yiqNNf2KbK)<J)!JWb
zyNlaPyRl8>0BR-RP@zdo6HJ|iG^BCa5F7?#5?nZ-4hg{lAu$fLXon#|%jYyH9I73#
zY=1v~p6C7f-q&x8jtuV)JsBbhVt?+GQo!Q@|JfVF?-Sp>^E@7UTy@MXqN>}_Y)GVa
zRE8jDY7?*kHGOva9vmcy&Z<!wbI0<hr3x}5nvaQiW*xH$VsOZ-Yn4gpf-;;itR(gO
z?awG+=t=4fpJ(!Q8P<$bb2co_jg%^LlNC{?hE9S(Pr?EwbT#0aQ<funNvf$U;kmy}
zQ=kcPCzI5+Q)Bs2AR`+BJ`xRA7?uTs5Mg7yAg}{~V_1%6@GXSdn8XVb7YD72!q#lP
zDixG$%NAZGshaE7C7NzD8j(gcg6s*J6-Ck4;J7eGgq>N-)x5Cf^tBZf=u~W@?i$Df
zzM@t}Gj5W?o^FR=*7NxtVasVH3a5<rv^vd37}_-bxSD9kEx>=>*cI)RX6ukHKnKm(
z6?`7mzBU=>?(v3vAofOj(Khg*Xj2NR%$U$}b4rrJUn07pOA41r^U=7da*Cn~EGx!E
zURG2lnqdWwRpM=p-MAu?&I+-NsLHa)vZ|2g8CI1US&pkwUXJZ>bC%<3Rt2{08rW`&
zn|Lf&l5MED$Sxr?)vkci8gh|SLv<h*1@PP%!_ra1>GzLkJ6Z+W#yO~GZDfLGekEfU
z`%F|-)7iKh!yY%|meY*F@q8?v&dOXOLAAL0|H&DRouU2W_)oF4w{Qje)1A`Ci=F0y
z7Va1ux5m=32j37xM<A!9OWyb8zqYo9I(edx940m*V6*EkDE=7O2!eB8e7M}Z`s>iq
zJLKa1C7$hMyGgXCJaK*PRd6MA_l1Q=LGlK{9w2|~yg5K3MF2hb9v(`4{njtXJHW}s
zYhNB6|Ko6J{b|zqY5m;<Ie%&O<%<IwPaRL3Pc2v%R&R&8&t^gw>8{xP<!`6HTIo&Q
z|HO-ZOx!&5_TS|A)$V?Vnyy`W{o1ka@yx-+*W_n61JiMGGQjqdM*<sz&%8Omu(tOH
z{Rr4hf#uKFPXJ*!p6XdSxb=Sj<`cI*-S>c7S{uH8>2RuRF?l`_T>0S7rJt`Z@AKr5
hVCZu7y(G~QB)VQHjxXGLX~6%><kS)6qs-Y0{{Y%-jIICx

literal 0
HcmV?d00001

diff --git a/skin/board/basic/list.skin.php b/skin/board/basic/list.skin.php
index d995a8555..2755e1181 100644
--- a/skin/board/basic/list.skin.php
+++ b/skin/board/basic/list.skin.php
@@ -12,8 +12,6 @@ if ($is_nogood) $colspan++;
 add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
 ?>
 
-<h2 id="container_title"><?php echo $board['bo_subject'] ?><span class="sound_only"> 목록</span></h2>
-
 <!-- 게시판 목록 시작 { -->
 <div id="bo_list" style="width:<?php echo $width; ?>">
 
@@ -29,7 +27,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <!-- } 게시판 카테고리 끝 -->
 
     <!-- 게시판 페이지 정보 및 버튼 시작 { -->
-    <div class="bo_fx">
+    <div id="bo_btn_top">
         <div id="bo_list_total">
             <span>Total <?php echo number_format($total_count) ?>건</span>
             <?php echo $page ?> 페이지
@@ -37,9 +35,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
         <?php if ($rss_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01">RSS</a></li><?php } ?>
-            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
+            <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01 btn"><i class="fa fa-rss" aria-hidden="true"></i> RSS</a></li><?php } ?>
+            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
@@ -61,19 +59,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <caption><?php echo $board['bo_subject'] ?> 목록</caption>
         <thead>
         <tr>
-            <th scope="col">번호</th>
             <?php if ($is_checkbox) { ?>
             <th scope="col">
                 <label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
                 <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
             </th>
             <?php } ?>
-            <th scope="col">제목</th>
-            <th scope="col">글쓴이</th>
-            <th scope="col"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>날짜</a></th>
-            <th scope="col"><?php echo subject_sort_link('wr_hit', $qstr2, 1) ?>조회</a></th>
-            <?php if ($is_good) { ?><th scope="col"><?php echo subject_sort_link('wr_good', $qstr2, 1) ?>추천</a></th><?php } ?>
-            <?php if ($is_nogood) { ?><th scope="col"><?php echo subject_sort_link('wr_nogood', $qstr2, 1) ?>비추천</a></th><?php } ?>
+            <th scope="col"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i><span class="sound_only">번호</span></th>
+            <th scope="col"><i class="fa fa-th-list" aria-hidden="true"></i><span class="sound_only">제목</span></th>
+            <th scope="col"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">글쓴이</span></th>
+            <th scope="col"><?php echo subject_sort_link('wr_hit', $qstr2, 1) ?><i class="fa fa-eye" aria-hidden="true"></i><span class="sound_only">조회</span></a></th>
+            <?php if ($is_good) { ?><th scope="col"><?php echo subject_sort_link('wr_good', $qstr2, 1) ?><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><span class="sound_only">추천</span></a></th><?php } ?>
+            <?php if ($is_nogood) { ?><th scope="col"><?php echo subject_sort_link('wr_nogood', $qstr2, 1) ?><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><span class="sound_only">비추천</span></a></th><?php } ?>
+            <th scope="col"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?><i class="fa fa-clock-o" aria-hidden="true"></i><span class="sound_only">날짜</span></a></th>
         </tr>
         </thead>
         <tbody>
@@ -81,52 +79,54 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         for ($i=0; $i<count($list); $i++) {
          ?>
         <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
-            <td class="td_num">
-            <?php
-            if ($list[$i]['is_notice']) // 공지사항
-                echo '<strong>공지</strong>';
-            else if ($wr_id == $list[$i]['wr_id'])
-                echo "<span class=\"bo_current\">열람중</span>";
-            else
-                echo $list[$i]['num'];
-             ?>
-            </td>
             <?php if ($is_checkbox) { ?>
             <td class="td_chk">
                 <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
                 <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
             </td>
             <?php } ?>
-            <td class="td_subject">
+            <td class="td_num2">
+            <?php
+            if ($list[$i]['is_notice']) // 공지사항
+                echo '<strong class="notice_icon"><i class="fa fa-volume-up" aria-hidden="true"></i><span class="sound_only">공지</span></strong>';
+            else if ($wr_id == $list[$i]['wr_id'])
+                echo "<span class=\"bo_current\">열람중</span>";
+            else
+                echo $list[$i]['num'];
+             ?>
+            </td>
+
+            <td class="td_subject" style="padding-left:<?php echo $list[$i]['reply'] ?>px">
                 <?php
-                echo $list[$i]['icon_reply'];
                 if ($is_category && $list[$i]['ca_name']) {
                  ?>
                 <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                 <?php } ?>
 
-                <a href="<?php echo $list[$i]['href'] ?>">
+                <a href="<?php echo $list[$i]['href'] ?>" class="bo_tit">
+                    <?php echo $list[$i]['icon_reply'] ?>
+                    <?php
+                        if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
+                     ?>
                     <?php echo $list[$i]['subject'] ?>
+                    <?php
+                    // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
+                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
+                    if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
+                    if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
+                    if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
+                    if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
+                     ?>
                     <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
                 </a>
 
-                <?php
-                // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
-                // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
-
-                if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
-                if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
-                if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
-                if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
-                if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
-
-                 ?>
             </td>
-            <td class="td_name sv_use"><?php echo $list[$i]['name'] ?></td>
-            <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>
+            <td class="td_name sv_use"><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name'] ?></td>
             <td class="td_num"><?php echo $list[$i]['wr_hit'] ?></td>
             <?php if ($is_good) { ?><td class="td_num"><?php echo $list[$i]['wr_good'] ?></td><?php } ?>
             <?php if ($is_nogood) { ?><td class="td_num"><?php echo $list[$i]['wr_nogood'] ?></td><?php } ?>
+            <td class="td_datetime"><?php echo $list[$i]['datetime2'] ?></td>
+
         </tr>
         <?php } ?>
         <?php if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>
@@ -136,23 +136,46 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     <?php if ($list_href || $is_checkbox || $write_href) { ?>
     <div class="bo_fx">
-        <?php if ($is_checkbox) { ?>
-        <ul class="btn_bo_adm">
-            <li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li>
-            <li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"></li>
-            <li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"></li>
-        </ul>
-        <?php } ?>
-
         <?php if ($list_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
+            <?php if ($is_checkbox) { ?>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn_admin"><i class="fa fa-trash-o" aria-hidden="true"></i></button></li>
+            <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn btn_admin"><i class="fa fa-files-o" aria-hidden="true"></i></button></li>
+            <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn btn_admin"><i class="fa fa-arrows" aria-hidden="true"></i></button></li>
+            <?php } ?>
+            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
     <?php } ?>
+
     </form>
+     
+       <!-- 게시판 검색 시작 { -->
+    <fieldset id="bo_sch">
+        <legend>게시물 검색</legend>
+
+        <form name="fsearch" method="get">
+        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+        <input type="hidden" name="sop" value="and">
+        <label for="sfl" class="sound_only">검색대상</label>
+        <select name="sfl" id="sfl">
+            <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
+            <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
+            <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
+            <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
+            <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
+            <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
+            <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
+        </select>
+        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
+        <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+        </form>
+    </fieldset>
+    <!-- } 게시판 검색 끝 -->   
 </div>
 
 <?php if($is_checkbox) { ?>
@@ -161,33 +184,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 </noscript>
 <?php } ?>
 
+
+
 <!-- 페이지 -->
 <?php echo $write_pages;  ?>
 
-<!-- 게시판 검색 시작 { -->
-<fieldset id="bo_sch">
-    <legend>게시물 검색</legend>
-
-    <form name="fsearch" method="get">
-    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
-    <input type="hidden" name="sca" value="<?php echo $sca ?>">
-    <input type="hidden" name="sop" value="and">
-    <label for="sfl" class="sound_only">검색대상</label>
-    <select name="sfl" id="sfl">
-        <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
-        <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
-        <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
-        <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
-        <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
-        <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
-        <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
-    </select>
-    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="frm_input required" size="15" maxlength="20">
-    <input type="submit" value="검색" class="btn_submit">
-    </form>
-</fieldset>
-<!-- } 게시판 검색 끝 -->
 
 <?php if ($is_checkbox) { ?>
 <script>
diff --git a/skin/board/basic/style.css b/skin/board/basic/style.css
index 8d63d833f..38b940af2 100644
--- a/skin/board/basic/style.css
+++ b/skin/board/basic/style.css
@@ -1,7 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
-/* ### 기본 스타일 커스터마이징 시작 ### */
 
 /* 게시판 버튼 */
 /* 목록 버튼 */
@@ -91,50 +88,66 @@
 /* ### 기본 스타일 커스터마이징 끝 ### */
 
 /* 게시판 목록 */
+#bo_list {position:relative}
+#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_list .td_board {width:120px;text-align:center}
 #bo_list .td_chk {width:30px;text-align:center}
-#bo_list .td_date {width:60px;text-align:center}
-#bo_list .td_datetime {width:110px;text-align:center}
+#bo_list .td_date {width:60px;text-align:center;font-style: italic;}
+#bo_list .td_datetime {width:60px;text-align:center;font-style: italic}
 #bo_list .td_group {width:100px;text-align:center}
 #bo_list .td_mb_id {width:100px;text-align:center}
 #bo_list .td_mng {width:80px;text-align:center}
-#bo_list .td_name {width:100px;text-align:left}
+#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
 #bo_list .td_nick {width:100px;text-align:center}
-#bo_list .td_num {width:50px;text-align:center}
+#bo_list .td_num {width:40px;;text-align:center}
+#bo_list .td_num2 {width:50px;;text-align:center}
 #bo_list .td_numbig {width:80px;text-align:center}
-
 #bo_list .txt_active {color:#5d910b}
 #bo_list .txt_expired {color:#ccc}
 
 #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 {margin-bottom:10px;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}
-
-.td_subject img {margin-left:3px}
+#bo_cate li {display:inline-block;}
+#bo_cate a {display:block;border:1px solid #e1e1e1;margin:0 5px 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}
+#bo_cate #bo_cate_on {z-index:2;border:1px solid #3598db;color:#3598db;font-weight:bold}
+.td_subject img {margin-left:5px}
 
 /* 게시판 목록 공통 */
-.bo_fx {margin-bottom:5px;zoom:1}
+#bo_btn_top{margin: 10px 0 5px}
+#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;padding-top:5px}
+#bo_list_total {float:left;line-height:40px;font-size:0.92em;color:#6a6a6a}
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;margin-left:5px}
 .btn_bo_adm {float:left}
 .btn_bo_adm li {float:left;margin-right:5px}
-.btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
-.bo_notice td {background:#f5f6fa}
-.bo_notice td a {font-weight:bold}
-.td_num strong {color:#000}
-.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
-.bo_current {color:#e8180c}
-#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
+.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
+.bo_notice td {background:#e6f8ff !important;border-color: #00b9f7;}
+.bo_notice td a {font-weight:bold;}
+.bo_notice td:first-child{border-color: #00b9f7;}
+.bo_notice td:last-child{border-color: #00b9f7;}
 
-#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
+.bo_notice .notice_icon{display:inline-block;background:#ff6f6f;padding:0 5px;line-height:20px;border-radius:5px;font-weight:normal;font-size:0.92em;color:#fff}
+.td_num strong {color:#000}
+.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
+.bo_tit{display:block;font-weight:bold;color:#000}
+.bo_current {color:#e8180c}
+/*#bo_list .profile_img {display:inline-block;;margin-right:2px}*/
+#bo_list .profile_img img{border-radius:50%}
+#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;}
+#bo_list .bo_tit i{color:#858893}
+#bo_list .bo_tit .fa-heart{color:#fe4560}
+#bo_list .bo_tit .fa-lock{color:#000}
+#bo_sch {float:left;border:1px solid #d3d3d3;border-radius:3px}
+#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#bo_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
+#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
 
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 5px;padding:0}
@@ -142,115 +155,192 @@
 #char_count {font-weight:bold}
 
 #autosave_wrapper {position:relative}
-#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
+#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
+-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
+#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
+#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
 html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
 #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#autosave_pop div {text-align:right}
-#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
-#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
-#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
+#autosave_pop div {text-align:center;margin:0 !important;}
+#autosave_pop button {margin:0;padding:0;border:0;}
+#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
+#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
 #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
 #autosave_pop a {display:block;float:left}
-#autosave_pop span {display:block;float:right}
-.autosave_close {cursor:pointer}
+#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
+.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
+.autosave_close:hover{background:#f3f3f3;color:#3597d9}
 .autosave_content {display:none}
+.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}
 
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding-bottom:20px}
 
 #bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v_title {padding:10px 0;font-size:1.2em}
+#bo_v_title {}
+#bo_v_title .bo_v_cate{display:inline-block;height:20px;line-height:18px;border:1px solid #3497d9;color:#3497d9;padding:0 5px;border-radius:15px;}
+#bo_v_title .bo_v_tit{display:block;font-size:2.25em;margin:5px 0 0 }
 
-#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
+#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
+#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
+#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
+#bo_v_info .profile_img {}
+#bo_v_info .profile_img img{border-radius:50%}
+#bo_v_info .sv_member{color:#000}
+#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}
 
-#bo_v_file {}
-#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
-#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
+#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
+#bo_v_file h2 {padding:10px;background: #f3f3f3}
+#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
+#bo_v_file li {padding:5px 10px;position:relative;}
+#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
 #bo_v_file img {float:left;margin:0 10px 0 0}
-.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
+.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
-#bo_v_link {}
-#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_link ul {margin:0;padding:0;list-style:none}
-#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
-#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
+#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
+#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
+#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
+#bo_v_link li {padding:5px 10px;position:relative;}
+#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
-.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}
+.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
-#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
+#bo_v_top {zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul ;padding:0;list-style:none}
 
 #bo_v_bot {zoom:1}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_bot ul {margin:0;padding:0;list-style:none}
+#bo_v_bot ul {;padding:0;list-style:none}
 
-.bo_v_nb {float:left}
-.bo_v_nb li {float:left;margin-right:5px}
-.bo_v_com {float:right}
+.bo_v_com {margin:20px 0;float:right}
 .bo_v_com li {float:left;margin-left:5px}
 
+.bo_v_left {margin:20px 0;float:left}
+.bo_v_left li {float:left;margin-right:5px}
+
+.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:center;padding:15px 0; border-top:1px solid #000;border-bottom:1px solid #ddd}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {display:inline-block}
+.bo_v_nb li i{font-size:13px}
+.bo_v_nb .btn_prv{position:absolute;top:15px;left:10px}
+.bo_v_nb .btn_next{position:absolute;top:15px;right:10px}
+
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
-#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
+#bo_v_img {width:100%;overflow:hidden;zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
 
-#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
 #bo_v_con a {color:#000;text-decoration:underline}
 #bo_v_con img {max-width:100%;height:auto}
 
 #bo_v_act {margin-bottom:30px;text-align:center}
 #bo_v_act .bo_v_act_gng {position:relative}
 #bo_v_act a {margin-right:5px;vertical-align:middle}
-#bo_v_act strong {color:#ff3061}
+#bo_v_act a:hover{background-color:#f3f3f3}
 #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
 
-#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
+#bo_v_share .btn:hover{background:#fff}
+#bo_v_share .btn i{margin-right:5px;;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
+#bo_v_share .btn_share{}
+#bo_v_share .btn_share:hover{}
+
+.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
+#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_sns li {float:left;margin:0 5px 0 0}
+#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
+#bo_v_sns li {float:left;;width:60px;text-align:center}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc}
+#bo_v_sns li .sns_g{display:block;background:#d5503a}
+#bo_v_sns li img{vertical-align:top}
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
-#bo_vc h2 {margin-bottom:10px}
-#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
-#bo_vc header {position:relative;padding:15px 0 5px}
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 80px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 30px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 80px  -23px}
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:20px 0;padding-left:75px;position:relative}
+#bo_vc article .profile_img{position:absolute;top:0;left:0}
+#bo_vc article .profile_img img{border-radius:50%}
+#bo_vc header {}
+#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
-#bo_vc .sv_wrap {margin-right:15px}
+#bo_vc .sv_wrap a{color:#000 !important;font-weight:bold;font-size:1.08em}
 #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
+.bo_vc_hdinfo{float:right;font-style:italic;color:#777}
 #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc a {color:#000;text-decoration:none}
-#bo_vc p {padding:0 0 5px;line-height:1.8em}
+#bo_vc .cmt_contents {padding:15px 20px ;margin:10px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em}
 #bo_vc p a {text-decoration:underline}
-#bo_vc p a.s_cmt {text-decoration:none}
-#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
+#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
+#bo_vc_empty {margin:0;padding:80px 0 !important;;color:#777;text-align:center}
 #bo_vc #bo_vc_winfo {float:left}
-#bo_vc footer {zoom:1}
-#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
 
-.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
+.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_act li {float:left;margin-left:5px}
+.bo_vc_act li {display:inline-block;}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
 
-#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
-#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w {position:relative;margin:10px 0;display:block;}
+.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
+#wr_secret{}
+.bo_vc_w_info{margin:10px 0;float:left}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;margin-right:5px}
+.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
+.bo_vc_w .btn_confirm{float:right;margin-top:10px}
+.bo_vc_w .btn_confirm label{display:inline-block;background:url(./img/icon_lock.png) no-repeat 50% 50%;width:20px;height:20px;text-indent:9999px;overflow:hidden;margin-right:5px}
+.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
+.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
 
-#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_send_sns{display:inline-block;float:left}
+#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
 #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_vc_sns li {float:left;margin:0 20px 0 0}
-#bo_vc_sns input {margin:0 0 0 5px}
\ No newline at end of file
+#bo_vc_sns li {float:left;margin:0 5px 0 0}
+#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_off{background:#bbb}
+#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
+#bo_vc_sns input {margin:0 5px 0 0 }
+
+
+/*글쓰기*/
+#bo_w div{margin:10px 0;position:relative;}
+#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_w .bo_w_info .frm_input{float:left;width:33%}
+#bo_w #wr_password{margin:0 0.5%}
+#bo_w .bo_w_tit{position:relative}
+#bo_w .bo_w_tit .frm_input{padding-right:120px;}
+#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
+#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888}
+#bo_w .bo_w_link .frm_input{padding-left:50px}
+#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_flie .frm_file{padding-left:50px;}
+#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
+#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
+#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
diff --git a/skin/board/basic/view.skin.php b/skin/board/basic/view.skin.php
index 7670a331c..c47e70a63 100644
--- a/skin/board/basic/view.skin.php
+++ b/skin/board/basic/view.skin.php
@@ -9,124 +9,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
 <!-- 게시물 읽기 시작 { -->
-<div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
 <article id="bo_v" style="width:<?php echo $width; ?>">
     <header>
-        <h1 id="bo_v_title">
+        <h2 id="bo_v_title">
+            <?php if ($category_name) { ?>
+            <span class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span> 
+            <?php } ?>
+            <span class="bo_v_tit">
             <?php
-            if ($category_name) echo $view['ca_name'].' | '; // 분류 출력 끝
             echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
-            ?>
-        </h1>
+            ?></span>
+        </h2>
     </header>
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        작성자 <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
-        <span class="sound_only">작성일</span><strong><?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
-        조회<strong><?php echo number_format($view['wr_hit']) ?>회</strong>
-        댓글<strong><?php echo number_format($view['wr_comment']) ?>건</strong>
+        <span class="sound_only">작성자</span> <strong><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
+        <span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
+
     </section>
 
-    <?php
-    if ($view['file']['count']) {
-        $cnt = 0;
-        for ($i=0; $i<count($view['file']); $i++) {
-            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
-                $cnt++;
-        }
-    }
-     ?>
-
-    <?php if($cnt) { ?>
-    <!-- 첨부파일 시작 { -->
-    <section id="bo_v_file">
-        <h2>첨부파일</h2>
-        <ul>
-        <?php
-        // 가변 파일
-        for ($i=0; $i<count($view['file']); $i++) {
-            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
-         ?>
-            <li>
-                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
-                    <img src="<?php echo $board_skin_url ?>/img/icon_file.gif" alt="첨부">
-                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
-                    <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
-                </a>
-                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드</span>
-                <span>DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
-            </li>
-        <?php
-            }
-        }
-         ?>
-        </ul>
-    </section>
-    <!-- } 첨부파일 끝 -->
-    <?php } ?>
-
-    <?php
-    if ($view['link']) {
-    ?>
-     <!-- 관련링크 시작 { -->
-    <section id="bo_v_link">
-        <h2>관련링크</h2>
-        <ul>
-        <?php
-        // 링크
-        $cnt = 0;
-        for ($i=1; $i<=count($view['link']); $i++) {
-            if ($view['link'][$i]) {
-                $cnt++;
-                $link = cut_str($view['link'][$i], 70);
-         ?>
-            <li>
-                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
-                    <img src="<?php echo $board_skin_url ?>/img/icon_link.gif" alt="관련링크">
-                    <strong><?php echo $link ?></strong>
-                </a>
-                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
-            </li>
-        <?php
-            }
-        }
-         ?>
-        </ul>
-    </section>
-    <!-- } 관련링크 끝 -->
-    <?php } ?>
-
-    <!-- 게시물 상단 버튼 시작 { -->
-    <div id="bo_v_top">
-        <?php
-        ob_start();
-         ?>
-        <?php if ($prev_href || $next_href) { ?>
-        <ul class="bo_v_nb">
-            <?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>
-            <?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>
-        </ul>
-        <?php } ?>
-
-        <ul class="bo_v_com">
-            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>
-            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>
-            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">복사</a></li><?php } ?>
-            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">이동</a></li><?php } ?>
-            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01">검색</a></li><?php } ?>
-            <li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>
-            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01">답변</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
-        </ul>
-        <?php
-        $link_buttons = ob_get_contents();
-        ob_end_flush();
-         ?>
-    </div>
-    <!-- } 게시물 상단 버튼 끝 -->
-
     <section id="bo_v_atc">
         <h2 id="bo_v_atc_title">본문</h2>
 
@@ -154,19 +59,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
         <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>
 
-        <!-- 스크랩 추천 비추천 시작 { -->
-        <?php if ($scrap_href || $good_href || $nogood_href) { ?>
+
+        <!--  추천 비추천 시작 { -->
+        <?php if ( $good_href || $nogood_href) { ?>
         <div id="bo_v_act">
-            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn_b01" onclick="win_scrap(this.href); return false;">스크랩</a><?php } ?>
             <?php if ($good_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="btn_b01">추천 <strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
                 <b id="bo_v_act_good"></b>
             </span>
             <?php } ?>
             <?php if ($nogood_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="btn_b01">비추천  <strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -175,30 +80,143 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             if($board['bo_use_good'] || $board['bo_use_nogood']) {
         ?>
         <div id="bo_v_act">
-            <?php if($board['bo_use_good']) { ?><span>추천 <strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
-            <?php if($board['bo_use_nogood']) { ?><span>비추천 <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
         }
         ?>
-        <!-- } 스크랩 추천 비추천 끝 -->
+        <!-- }  추천 비추천 끝 -->
     </section>
 
+    <div id="bo_v_share">
+        <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
+
+        <?php
+        include_once(G5_SNS_PATH."/view.sns.skin.php");
+        ?>
+    </div>
+
     <?php
-    include_once(G5_SNS_PATH."/view.sns.skin.php");
-    ?>
+    if ($view['file']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+    <!-- 첨부파일 시작 { -->
+    <section id="bo_v_file">
+        <h2>첨부파일</h2>
+        <ul>
+        <?php
+        // 가변 파일
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
+         ?>
+            <li>
+                <i class="fa fa-download" aria-hidden="true"></i>
+                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
+                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
+                </a>
+                <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
+                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드 | DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 첨부파일 끝 -->
+    <?php } ?>
+
+
+    <?php
+    if ($view['link']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['link']); $i++) {
+            if (isset($view['link'][$i]['source']) && $view['link'][$i]['source'] && !$view['link'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+
+     <!-- 관련링크 시작 { -->
+    <section id="bo_v_link">
+        <h2>관련링크</h2>
+        <ul>
+        <?php
+        // 링크
+        $cnt = 0;
+        for ($i=1; $i<=count($view['link']); $i++) {
+            if ($view['link'][$i]) {
+                $cnt++;
+                $link = cut_str($view['link'][$i], 70);
+         ?>
+            <li>
+                <i class="fa fa-link" aria-hidden="true"></i> <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 관련링크 끝 -->
+    <?php } ?>
+
+
+    <!-- } 관련링크 끝 -->
+
+    <!-- 게시물 상단 버튼 시작 { -->
+    <div id="bo_v_top">
+        <?php
+        ob_start();
+        ?>
+
+        <ul class="bo_v_left">
+            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
+            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
+            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
+            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
+            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li><?php } ?>
+        </ul>
+
+        <ul class="bo_v_com">
+            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+        </ul>
+
+        <?php if ($prev_href || $next_href) { ?>
+        <ul class="bo_v_nb">
+            <?php if ($prev_href) { ?><li class="btn_prv"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+            <li><a href="<?php echo $list_href ?>" class="btn_list"><i class="fa fa-list" aria-hidden="true"></i>  목록</a></li>
+            <?php if ($next_href) { ?><li class="btn_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" aria-hidden="true"></i></a></li><?php } ?>
+        </ul>
+        <?php } ?>
+        <?php
+        $link_buttons = ob_get_contents();
+        ob_end_flush();
+         ?>
+    </div>
+    <!-- } 게시물 상단 버튼 끝 -->
 
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
      ?>
 
-    <!-- 링크 버튼 시작 { -->
-    <div id="bo_v_bot">
-        <?php echo $link_buttons ?>
-    </div>
-    <!-- } 링크 버튼 끝 -->
 
 </article>
 <!-- } 게시판 읽기 끝 -->
@@ -253,6 +271,19 @@ $(function() {
 
     // 이미지 리사이즈
     $("#bo_v_atc").viewimageresize();
+
+    //sns공유
+    $(".btn_share").click(function(){
+        $("#bo_v_sns").fadeIn();
+   
+    });
+
+    $(document).mouseup(function (e) {
+        var container = $("#bo_v_sns");
+        if (!container.is(e.target) && container.has(e.target).length === 0){
+        container.css("display","none");
+        }	
+    });
 });
 
 function excute_good(href, $el, $tx)
diff --git a/skin/board/basic/view_comment.skin.php b/skin/board/basic/view_comment.skin.php
index ad770b070..3dac0121c 100644
--- a/skin/board/basic/view_comment.skin.php
+++ b/skin/board/basic/view_comment.skin.php
@@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 var char_min = parseInt(<?php echo $comment_min ?>); // 최소
 var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 </script>
-
+<button type="button" class="cmt_btn"><i class="fa fa-commenting-o" aria-hidden="true"></i> 댓글목록</button>
 <!-- 댓글 시작 { -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -15,8 +15,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     $cmt_amt = count($list);
     for ($i=0; $i<$cmt_amt; $i++) {
         $comment_id = $list[$i]['wr_id'];
-        $cmt_depth = ""; // 댓글단계
-        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 20;
+        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 50;
         $comment = $list[$i]['content'];
         /*
         if (strstr($list[$i]['wr_option'], "secret")) {
@@ -29,54 +28,53 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 
     <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
         <header style="z-index:<?php echo $cmt_sv; ?>">
-            <h1><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글</h1>
+            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
+            <span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지"></span>
             <?php echo $list[$i]['name'] ?>
-            <?php if ($cmt_depth) { ?><img src="<?php echo $board_skin_url ?>/img/icon_reply.gif" class="icon_reply" alt="댓글의 댓글"><?php } ?>
             <?php if ($is_ip_view) { ?>
-            아이피
-            <span class="bo_vc_hdinfo"><?php echo $list[$i]['ip']; ?></span>
+            <span class="sound_only">아이피</span>
+            <span>(<?php echo $list[$i]['ip']; ?>)</span>
             <?php } ?>
-            작성일
-            <span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
+            <span class="sound_only">작성일</span>
+            <span class="bo_vc_hdinfo"><i class="fa fa-clock-o" aria-hidden="true"></i> <time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
             <?php
             include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
             ?>
         </header>
 
         <!-- 댓글 출력 -->
-        <p>
-            <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
-            <?php echo $comment ?>
-        </p>
+        <div class="cmt_contents">
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
+                <?php echo $comment ?>
+            </p>
+            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
 
-        <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
-        <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
+                if($w == 'cu') {
+                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+                    $cmt = sql_fetch($sql);
+                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+                        $cmt['wr_content'] = '';
+                    $c_wr_content = $cmt['wr_content'];
+                }
 
-        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
-        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
-
-        <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
-            $query_string = clean_query_string($_SERVER['QUERY_STRING']);
-
-            if($w == 'cu') {
-                $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
-                $cmt = sql_fetch($sql);
-                if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
-                    $cmt['wr_content'] = '';
-                $c_wr_content = $cmt['wr_content'];
-            }
-
-            $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
-            $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
-         ?>
-        <footer>
+                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+             ?>
             <ul class="bo_vc_act">
                 <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
                 <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
                 <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link'];  ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
             </ul>
-        </footer>
-        <?php } ?>
+            <?php } ?>
+        </div>
+        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
+        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
+
+        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
+        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -89,7 +87,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         $w = 'c';
 ?>
 <!-- 댓글 쓰기 시작 { -->
-<aside id="bo_vc_w">
+<aside id="bo_vc_w" class="bo_vc_w">
     <h2>댓글쓰기</h2>
     <form name="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
     <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
@@ -103,66 +101,47 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     <input type="hidden" name="page" value="<?php echo $page ?>">
     <input type="hidden" name="is_good" value="">
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <tbody>
-        <?php if ($is_guest) { ?>
-        <tr>
-            <th scope="row"><label for="wr_name">이름<strong class="sound_only"> 필수</strong></label></th>
-            <td><input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="5" maxLength="20"></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="wr_password">비밀번호<strong class="sound_only"> 필수</strong></label></th>
-            <td><input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="10" maxLength="20"></td>
-        </tr>
-        <?php } ?>
-        <tr>
-            <th scope="row"><label for="wr_secret">비밀글사용</label></th>
-            <td><input type="checkbox" name="wr_secret" value="secret" id="wr_secret"></td>
-        </tr>
-        <?php if ($is_guest) { ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td><?php echo $captcha_html; ?></td>
-        </tr>
-        <?php } ?>
-        <?php
-        if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
-        ?>
-        <tr>
-            <th scope="row">SNS 동시등록</th>
-            <td id="bo_vc_send_sns"></td>
-        </tr>
-        <?php
+    <span class="sound_only">내용</span>
+    <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+    <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용" placeholder="댓글내용을 입력해주세요" 
+    <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content; ?></textarea>
+    <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+    <script>
+    $(document).on("keyup change", "textarea#wr_content[maxlength]", function() {
+        var sdiv = $(this).val()
+        var mx = parseInt($(this).atdiv("maxlength"))
+        if (sdiv.length > mx) {
+            $(this).val(sdiv.subsdiv(0, mx));
+            return false;
         }
-        ?>
-        <tr>
-            <th scope="row">내용</th>
-            <td>
-                <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
-                <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용"
-                <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content;  ?></textarea>
-                <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
-                <script>
-                $(document).on( "keyup change", "textarea#wr_content[maxlength]", function(){
-                    var str = $(this).val()
-                    var mx = parseInt($(this).attr("maxlength"))
-                    if (str.length > mx) {
-                        $(this).val(str.substr(0, mx));
-                        return false;
-                    }
-                });
-                </script>
-            </td>
-        </tr>
-        </tbody>
-        </table>
+    });
+    </script>
+    <div class="bo_vc_w_wr">
+        <div class="bo_vc_w_info">
+            <?php if ($is_guest) { ?>
+            <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
+            <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
+            <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
+            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+            <?php
+            }
+            ?>
+            <?php
+            if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
+            ?>
+            <span class="sound_only">SNS 동시등록</span>
+            <span id="bo_vc_send_sns"></span>
+            <?php } ?>
+            <?php if ($is_guest) { ?>
+                <?php echo $captcha_html; ?>
+            <?php } ?>
+        </div>
+        <div class="btn_confirm">
+            <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+            <label for="wr_secret">비밀글사용</label>
+            <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+        </div>
     </div>
-
-    <div class="btn_confirm">
-        <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
-    </div>
-
     </form>
 </aside>
 
@@ -319,8 +298,9 @@ function comment_delete()
 comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
 
 <?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
-// sns 등록
+
 $(function() {
+    // sns 등록
     $("#bo_vc_send_sns").load(
         "<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
         function() {
@@ -329,6 +309,13 @@ $(function() {
     );
 });
 <?php } ?>
+$(function() {            
+    //댓글열기
+    $(".cmt_btn").click(function(){
+        $(this).toggleClass("cmt_btn_op");
+        $("#bo_vc").toggle();
+    });
+});
 </script>
 <?php } ?>
 <!-- } 댓글 쓰기 끝 -->
\ No newline at end of file
diff --git a/skin/board/basic/write.skin.php b/skin/board/basic/write.skin.php
index 34d190e7e..57d6c8bda 100644
--- a/skin/board/basic/write.skin.php
+++ b/skin/board/basic/write.skin.php
@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 ?>
 
 <section id="bo_w">
-    <h2 id="container_title"><?php echo $g5['title'] ?></h2>
+    <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
 
     <!-- 게시물 작성/수정 시작 { -->
     <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" style="width:<?php echo $width; ?>">
@@ -54,129 +54,119 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     echo $option_hidden;
     ?>
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <tbody>
-        <?php if ($is_name) { ?>
-        <tr>
-            <th scope="row"><label for="wr_name">이름<strong class="sound_only">필수</strong></label></th>
-            <td><input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" size="10" maxlength="20"></td>
-        </tr>
-        <?php } ?>
+    <?php if ($is_category) { ?>
+    <div class="bo_w_select">
+        <label for="ca_name"  class="sound_only">분류<strong>필수</strong></label>
+        <select name="ca_name" id="ca_name" required>
+            <option value="">분류를 선택하세요</option>
+            <?php echo $category_option ?>
+        </select>
+    </div>
+    <?php } ?>
 
-        <?php if ($is_password) { ?>
-        <tr>
-            <th scope="row"><label for="wr_password">비밀번호<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" maxlength="20"></td>
-        </tr>
-        <?php } ?>
+    <div class="bo_w_info">
+    <?php if ($is_name) { ?>
+        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" placeholder="이름">
+    <?php } ?>
 
-        <?php if ($is_email) { ?>
-        <tr>
-            <th scope="row"><label for="wr_email">이메일</label></th>
-            <td><input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email" size="50" maxlength="100"></td>
-        </tr>
-        <?php } ?>
+    <?php if ($is_password) { ?>
+        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" placeholder="비밀번호">
+    <?php } ?>
 
-        <?php if ($is_homepage) { ?>
-        <tr>
-            <th scope="row"><label for="wr_homepage">홈페이지</label></th>
-            <td><input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input" size="50"></td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option ?></td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($is_category) { ?>
-        <tr>
-            <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <select name="ca_name" id="ca_name" required class="required" >
-                    <option value="">선택하세요</option>
-                    <?php echo $category_option ?>
-                </select>
-            </td>
-        </tr>
-        <?php } ?>
-
-        <tr>
-            <th scope="row"><label for="wr_subject">제목<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <div id="autosave_wrapper">
-                    <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required" size="50" maxlength="255">
-                    <?php if ($is_member) { // 임시 저장된 글 기능 ?>
-                    <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
-                    <?php if($editor_content_js) echo $editor_content_js; ?>
-                    <button type="button" id="btn_autosave" class="btn_frmline">임시 저장된 글 (<span id="autosave_count"><?php echo $autosave_count; ?></span>)</button>
-                    <div id="autosave_pop">
-                        <strong>임시 저장된 글 목록</strong>
-                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
-                        <ul></ul>
-                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
-                    </div>
-                    <?php } ?>
-                </div>
-            </td>
-        </tr>
-
-        <tr>
-            <th scope="row"><label for="wr_content">내용<strong class="sound_only">필수</strong></label></th>
-            <td class="wr_content">
-                <?php if($write_min || $write_max) { ?>
-                <!-- 최소/최대 글자 수 사용 시 -->
-                <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
-                <?php } ?>
-                <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
-                <?php if($write_min || $write_max) { ?>
-                <!-- 최소/최대 글자 수 사용 시 -->
-                <div id="char_count_wrap"><span id="char_count"></span>글자</div>
-                <?php } ?>
-            </td>
-        </tr>
-
-        <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
-        <tr>
-            <th scope="row"><label for="wr_link<?php echo $i ?>">링크 #<?php echo $i ?></label></th>
-            <td><input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo$write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input" size="50"></td>
-        </tr>
-        <?php } ?>
-
-        <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
-        <tr>
-            <th scope="row">파일 #<?php echo $i+1 ?></th>
-            <td>
-                <input type="file" name="bf_file[]" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file frm_input">
-                <?php if ($is_file_content) { ?>
-                <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="frm_file frm_input" size="50">
-                <?php } ?>
-                <?php if($w == 'u' && $file[$i]['file']) { ?>
-                <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
-                <?php } ?>
-            </td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($is_guest) { //자동등록방지  ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td>
-                <?php echo $captcha_html ?>
-            </td>
-        </tr>
-        <?php } ?>
-
-        </tbody>
-        </table>
+    <?php if ($is_email) { ?>
+        <label for="wr_email" class="sound_only">이메일</label>
+        <input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input emai full_inputl" placeholder="이메일">
+    <?php } ?>
     </div>
 
+    <?php if ($is_homepage) { ?>
+    <div>
+        <label for="wr_homepage" class="sound_only">홈페이지</label>
+        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input" size="50" placeholder="홈페이지">
+    </div>
+    <?php } ?>
+
+    <div class="bo_w_tit">
+        <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+        
+        <div id="autosave_wrapper">
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" size="50" maxlength="255" placeholder="제목">
+            <?php if ($is_member) { // 임시 저장된 글 기능 ?>
+            <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
+            <?php if($editor_content_js) echo $editor_content_js; ?>
+            <button type="button" id="btn_autosave" class="btn_frmline">임시 저장된 글 (<span id="autosave_count"><?php echo $autosave_count; ?></span>)</button>
+            <div id="autosave_pop">
+                <strong>임시 저장된 글 목록</strong>
+                <ul></ul>
+                <div><button type="button" class="autosave_close">닫기</button></div>
+            </div>
+            <?php } ?>
+        </div>
+        
+    </div>
+
+    <div>
+        <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+        <div class="wr_content">
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
+            <?php } ?>
+            <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <div id="char_count_wrap"><span id="char_count"></span>글자</div>
+            <?php } ?>
+        </div>
+        
+    </div>
+
+    <?php if ($option) { ?>
+    <div>
+        <span class="sound_only">옵션</span>
+        <?php echo $option ?>
+    </div>
+    <?php } ?>
+
+    <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
+    <div class="bo_w_link">
+        <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i><span class="sound_only"> 링크  #<?php echo $i ?></span></label>
+        <input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo$write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input full_input" size="50">
+    </div>
+    <?php } ?>
+
+    <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
+    <div class="bo_w_flie">
+        <div class="file_wr">
+            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
+            <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
+        </div>
+        <?php if ($is_file_content) { ?>
+        <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="full_input frm_input" size="50" placeholder="파일 설명을 입력해주세요.">
+        <?php } ?>
+
+        <?php if($w == 'u' && $file[$i]['file']) { ?>
+        <span class="file_del">
+            <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
+        </span>
+        <?php } ?>
+        
+    </div>
+    <?php } ?>
+
+
+    <?php if ($is_guest) { //자동등록방지  ?>
+    <div>
+        <?php echo $captcha_html ?>
+    </div>
+    <?php } ?>
+
+
     <div class="btn_confirm">
-        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit">
-        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a>
+        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn">
     </div>
     </form>
 
diff --git a/skin/board/gallery/img/btn_next2.gif b/skin/board/gallery/img/btn_next2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9ec94650a55df093e69afc30b366af38f10d4166
GIT binary patch
literal 1898
zcmZ?wbhEHb<YW+J_|C|Xlas?R3PwX<q=tavf9?q100o!Cl0+bFV_#8_n4FzjqL7rD
zo|$K>^nUk#C56lsTcvPQUjyF)=hTc$kE){7;3~h6<f`ms%M>MhI|Z8xtBTx$+|-gp
zg^Jvqyke^gTcyO5{G?PXAR8pCucQE0Qj%?}<Oq^b0NLrBUzDm~s%Na5Y+z`pU}mOg
zXkuz+W~ifJWMF8dZvaGQx`rlJre;<~<_b`t1hlOvCCw_x#SLl~kY}ruQBqQ1rLSLJ
zUanVete0Puu5V~*X$dmJ$VeBcLbtdwuOzWTH?LS3W`av<adJ^+K}lwQo&w0k#H9Sv
z5?dvpOCes!Er1)FSF8v2j$U$pu6{*gfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg
z%7Rq=pw#00(xT*4pmJr9RRvbgMX8A;`9&f5`8lvq49LhY$uG{xFHmp}HdD|D&&*57
zFE7>vtM~P_^2{qPNz6-5^>ndS0-B(gnVDi`U})iN>1b)}>f&r-Xy|I@WZ-D*;%4aP
z;$~!EX<}gv)9aF-T$-DjR|3<Ug3xP%Q!gkf<Q4#Jc1bPDEK5ysE6UGR0DIXg6SrFo
zaheC!n}XXdMmY8A10ACeiddwGh6w>v4~Pj*wm=R%;iu*SQ+p9GSu_6s_xI25Uq63*
z|MvCE=T9F$ynpxh&Ffb$Up#;I^vUB#4<FpWclXZiTQ_f9zjpP?<x3YYoIiK=%;{4n
zPaHpX^vK~u2M_Guw|CF(T|0Md-?nwj=1m(ntY5cw&FWPvS1ez)bjjjH3m43vH+RnL
zSu<x$pEh;M<Vh1J^!N4lba!=jw70dkG&eOi)YsM4R9972l$Vv36c-g1<mct)WM^e&
zq^G5(Bqt>%#K*<PL`OwNgolNO1P28M`1|?#czbzzxVr%Z#mUjZ-p<y>+RD<x+|1O(
z*vQa8Ur$#@TT4?zT}@R*SxHerUQSj<T1rwvTuf9%SV&NSpO2S^n~Rf!osE@+nTe5s
zLGdRGkYr@g0Tqs*`jUY|n}Lx<!lOWep^=qS&S!;y;^9^vW`~*=1`l1jMS0Vv?D)9I
PtxLhs?T&?k0)sUGir9*E

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/btn_prev2.gif b/skin/board/gallery/img/btn_prev2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..827e7be433181a44749c891a1d0f995607eb16b7
GIT binary patch
literal 1185
zcmZ?wbhEHb<YW+JXkcW>$;tWu|G(mY?g-xi1((E<L?CTrUr~^loSj;tkd&I9nP;o?
ze)oPQh0GLNrEpVU1K$GY)Qn7zs-o23D!-8As_bOT6eW8*1)B=1irj+S)RIJnirk#M
zVyg;UrNor{q*N;)8zii+qySb@l5MNx2$E0$+3B2Ll&WB=XRMoSU}&gdW~OIoVrph)
zsH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qXu2*iX
zmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2NtnTP2`N
zAzsKW@b!fooL8&|_K;q3ey)B+Vu8M)o`HUDF34YC)x{-2sR(CaRb3oXS&*t9lv<o$
zT9lj$RIUuu3=BK`7J(E3U1Q~6lnIQK#2lCW<kH;Kyb@0rTP2{3UP@+)m5Y&uqp7jE
zrK^#Pi>sNTp{2Q{sk4i#fw7aJnUSH3Im`@fdL5nIoGnev9bH|VjSUT5&74duEnJ-~
zOpVN(UCd1koMC!B^NLFn^O93x_GSX@h3d7$tJli8C^fMpzbGU>KL?fq0y6ST@{2R_
z3lyA#%@j1kGxJjN%ZoKZ(F5_VOKMSOS!#+~QGTuhIDD-#vDj~H<m_q$#0E~T&R~B#
zI~uqcnVJH<<K}E+VW9-on?g>Q=>r|34@w+Ji3KJEOo1RKJm~{D@XV8%2h1@=z^uXe
z|KHy~zkmJw@%`J^FP}es{P6zW+c&RYy?pWf+0!SFA3c0<|K8m@w{P9NasArWE0-@_
zym0>9*)yk4ojh^;*wG`04;?(Pf8X9cyLau}v3=XtEt@xO+^~M#+BK_Jtz5Bu+0rG8
z7cE>cf8N|VvuDkmF@4(9DU&BnoY3Fb+tc0E+0owC+S1(A*ic_rTT@+CSy5hAT2fq8
zSdgEWo0FZDnUS8Bnv$H9m=GTq8xtKB84(^98WJ277~t>c>*MX^>EZ4Mj8G>>2YWkP
z8*3{|3v)A56JsMo1ARSR9c?X54RtkD6=fww1$jAH8EGj=32`w|5n&-g0e(JS9&Rp9
z4t6$H7G@?!1_s5SEI^WxL5BedKqU_YlSEH`1N*MMOf`JI(UE@9?*BYxf5e7lM6ohh
F0{~W;oRI(k

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/close_btn.png b/skin/board/gallery/img/close_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..50e9f26efe0886d2b17fb435f1a1f2ca5398ab31
GIT binary patch
literal 1147
zcmbVMO>EOv95)}!P)C3R5*?k!n+p<5#P)MyC$^eFYCCJBrmIqG%>jwJ_G{xc_Veu5
z#jQAWP!J%HdO@nz3)6NOVw&KBgf?wEY|<+2Gzp<iJ@o=N1V|Io5b&HP-3}FpS<ikS
z{{Mde?{{f*<im8&!5)TT(v=~-M(5qhyDLS%AJ3k8K&Q8fQ72<~inOc{F(n62B2e+H
zX;ed&GxzB#8eo_mQ?6Mj_3E%{V~?{E87}q$ie{LB6LDbKGl+mmH0}CD_R;r0vA}hT
z?6_1Fs)2?Y?$CUQ#^y&%dw#}N9QMQqU?5g0frp3%Vz22(YFuR7yeeHM$2<$#B4nn>
zZWvXsjsgvb2uNHuV+#-hS>|9)l4W=thyoOOfetwXbE+h(VjgrJmTC)~DYd4TJG$tu
z$TkQGRGx3OT3jp3;c%LVilQVOqL`r)nP|=@R-Eyp{w{-#B0F>g;$j~pjMgNcB}JB6
zy5WKsRI8iBe$)vR4H+L>0S`HW_q@cfwsb^l=wCCol#a}~0P!^x;n~op`IzeOf@$nt
zuP70u)~FwaE=`Kn)UiG5A)i$AB1`{pj_atpSSU%^ykdyDZpaWSc}3E6L&y$7S%iAN
z%dr(UFNkGhP=bb5rkOBgB_|sN&42|#l$3%5yV!~!5zDtxSFcO;cCf;0v8om#i{Q}2
zxY@0M(FP_sYTy89V=_28?)naHMaPo#Y<R1q(ESWK<q&(I9beVmLVq@^8KS5e!l0qG
z{nko?E=p1^Un*;2p}=;q&i{!SPmSS|;`mRobdP8SCd<vzr<={@K|bx6khaEwYvNhj
zRyQkp$&CM+Jawn}r<F>j(%|n)SFQ}KF1&I4^p9)r40+qu`-Vq<Wl#R_*887VA9LRv
zOfRJlffqY}IrH#~rTtG!_nrwaUcNlEve;+tz1;iT>O{Ie{7=ulpRaz~dziVu@U_dE
z@9i+Z%7zmHT-vpKD_-jR<jMHaz9V2cSiF$kZ!f;vFRcH5`+RE8xwYl%@Zy)fJFhqM
shga?_<kpz={KLz)8{2Q(-L`LnF;`B%`N#A7&ywq)VvOkD4NjbW1)(2s#{d8T

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/cmt_btn.png b/skin/board/gallery/img/cmt_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..202f1ff475be9d3b371fb8d87034e9cdebd8d37f
GIT binary patch
literal 2862
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
M07*qoM6N<$g28i46aWAK

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/facebook.png b/skin/board/gallery/img/facebook.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa73c864c95c671f6fb9403d6181ce04483b34e0
GIT binary patch
literal 2955
zcmV;63v~2}P)<h;3K|Lk000e1NJLTq000R9000dL1^@s6djLcR00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z0002CNkl<Zc-nN1&2B+)5Jyi+BSI`19-!+kY%L^KeLNnakJ5$k0HT|&SR-;JqDVP5
zbNRbslF59XnfalTcth>0b2U?cRVY9M?`=_p-qcA9hiX@CtCYFf0XRke4UF<Z4)uU0
zP>cEl_yl&qIDeI?=YpR9T=+|D?qlm5^%2+tKfqP^yV_Bwapfy|tyK67Sj9zvW%K~9
z?*QsRCGyv#e+L;(5+9&aI6(CobOP4EAFxTG%K+lJvP$TT#qR(B002ovPDHLkV1hf@
Be9!;@

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/gplus.png b/skin/board/gallery/img/gplus.png
new file mode 100644
index 0000000000000000000000000000000000000000..45bdf43966a0aff0acbe600636e81d186b2cee67
GIT binary patch
literal 3041
zcmV<73m)`|P)<h;3K|Lk000e1NJLTq000pH000pP1^@s6J8eh$00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z0003DNkl<Zc-q{PuP=pR6vsdB9TNn}?hKnC-RMWTn?ktFA3!D(^gB^9g`m(C6BNxb
z6PQY(n3=#N_EFBeJ-d7F`vy1pZfDQ4bI$WUKc7tHuc*-j^qgcI*a04Z58w`HhrS#t
z>Vo=hG49p=@GBJ5k>tUVI;GatmU^f*$_R3j{UA84a_*34bxoxYSd7ZnlPYI{N#G~?
zmI05zH82A-fl*)?cq1ugFo|+i(3|tH9d{aPz)M7*NHW<44uEaoHgr#MZU9ShzW`dO
zdqH^CrS_Y!uNLT6^2QD)nVqOjbxfUCFGK&S4wOv?bx!^2vM2BAbk&G+sjFMDT(6Pt
jraDwL?(Bd4;@<%P^Hkni{V;`Y00000NkvXXu0mjf=;o?u

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_bad.png b/skin/board/gallery/img/icon_bad.png
new file mode 100644
index 0000000000000000000000000000000000000000..e568b1d8305405c40aec147ea40b490815ea85f3
GIT binary patch
literal 1287
zcmbVMZEVzJ9PcuwI5Nr9M45c3Wxf!+_S(Dlu61{K*Y>uC-Q2w>M<NMb@7Z0wwY{}H
z?sjI*ESfPuFc+dOi$phKCg>7$LlUAGd>Lekf<$8oeo-TdCJKonfqn4l?QZ&E;e$<|
zK5zfu@BiNM-k#2u=C)=8L0Y6PAr9wOXRN&gexJ}fZ^CJVEvD>*(Qg-J6Ck0q(FagT
zlQSR=<n++sInaS1js0peWv8OuoMLFW?8x9HEf3KM(y_Iamz5l_(LRt-^#JzAsnZy$
zrUTe^I_i$*d5~4R$|gvZdy+~yr?6>kYY^=yagaa*wv3jv0o~$C0j$c)!L@TtU}#mu
z&IPb#qf*gcls8O((zwT^xJeRa7@YLd3`0JSQf`tW-0)>wq?e-^j`E?k2ZP$obUzmt
zA~jub7r?T%o#zOmSS;d24{n$lf@E3N;h-oNlyF%?x-FMny0xj!AOK4-)x515I_faW
zeMZ3!V9?TK7qomdx<ag5wLrm;5hXcKkhq)BG{>*1v}MP^zh<l|Z6$~DfQSRjD3}V&
zNB^ce7{>1QiX1^`4fm9(!lcLpf}s>NpxcrVz~Bv@R@0n7`9rkF$BL97hzv=xK9=SM
z(d`M73`GjQI>%~Qnq@_irTn76dPq`a!d_3r9}f9EUY4Thh^LN~bjy}?1=RJbP;U+E
zyDgUEO(5HbnKX=ndIj`m4coA?Mjqu84Eor1RZkm5YqOJ{Wp4#ws=GltVj3D+jW4IJ
zqTfUDA_a##Eb>*q`H)+nXxi%wMR>~Z$7<O0|A`p^jUk-k_)oFak6;Bl%aziHo0aAP
zI_ww|wuWnN<PijE@JT`_S-N!On~#Y#p$8VOT{-#e@A%v2^G%P&W|GZK<I(%D*v#C~
zQ(ule>1}HnX_$)d?OOBlo-^BKld-$Th49?#rNtX}pKh(pFO(}^>${8BCnhq7_fO34
zivOJ%_~}w`>P}_P`GeHPugJ0JmCLt2<%ie)n)+hmFmZgeIpW^m)FE^2gXDE`UvS?+
z?7KrVONq+a%5)?B$`8_H`{&f`2d@S3t9wtpGt&O<&8Kf9qLb~%ri_>FAEY;Q1|O2P
z9GHKz^Www!1?^1h*c%J{hg{+6;#i{lts|l5Pk#1d8(xWZ%UhPdKcL&#bn%7J!sVRE
zZdBKOvbf$W9gj8eQxCrX-nO0GpF4Wzho{e~zw8X$x_8G??w*U!{C4!)?(AQ${`}GK
qkCV?y<!hA_{5t;yY53T=Nu&`;cBxI9z25cCuSpVngxT<}(SHDi`MJ&j

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_comment.png b/skin/board/gallery/img/icon_comment.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7e3acbf922fc210d4dd50cde5589fa53bf5e6be
GIT binary patch
literal 3050
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

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_file.gif b/skin/board/gallery/img/icon_file.gif
index cca47f566ac0db655fb2ab0f56628b64958e48b2..244af004d50b31239c1f480bb0fc3df177333285 100644
GIT binary patch
literal 197
zcmZ?wbhEHb<YC}uIKsft(a~}1)~$K-=Kc8bqqDPf?b@|FckcZ2=g+@?|Mu<Mw`<p~
z>C>k_efsqC=g;fbt^4xj%d%z5mM&eoe*OCY|Nk=(0Th3-FfuR*Gw6WSg6w2qb$X!U
z$Hc&q>@{nJ*0kkTEC-YHz8FZQ@k?m79C_~0!PRq;F{w*Nt%pfLL5hQAm*)W&QCq3S
Ux{8k4(}h`B4?g#9XJD`f08N@mPXGV_

literal 107
zcmZ?wbhEHb<YnMxSj58c|NsBIX*0`q?%jN5JCMx)1ByRc7#SE?7<51aAhit41`@ku
zTo@Y++~x>-Wqsc#^P~2x#@rVooH@5wHB9i@BozKb;P9uI^*c|UyXO5@>VyLmgEat<
Cr6(f*

diff --git a/skin/board/gallery/img/icon_good.png b/skin/board/gallery/img/icon_good.png
new file mode 100644
index 0000000000000000000000000000000000000000..69841a1340a76f2b4bfeb4a3a9e74b8a5846fe43
GIT binary patch
literal 1288
zcmbVMZA{!`9Pfq1I3`QxTc&=n7KtP5t}l1(T`MO!+PiVnyJN>0&Ww<i_BpN`eX%WG
zAxNTgWSBT3ZY(pqXw0V54-m<MZp2AM8AF{>BEfC(!}ei*Fj>^OWDGN(0*8Je`(V?j
z&)fg^`@eUnIk~f{^3h5JL8{_SLK@Cn-Er?d@cXp7a|uq5*wL)rqUY?QXaXc6>m2}%
zt70ce15xgM@jR$Ukcym=$=cb(bDX5BKGBu&IjRBC2vXnR7@|}FHrfF?6)lWipZo$t
z6*-Kx(g`AA@F1@=^_ifhFPV}03KA=04bPzU4hIQTV2h}uc54>rgs~M~4zAr}979(`
z>_Qk@H7c8EMtR)?DDCrmC4wYThVhXBnqkNtC`FJIPQaJ(k^zopI4X#)Js8wx$~i7A
z#MX4dT^P&Tw!z_eu~_sK{XX67#7UNAT@H%!LJ6<ctJ$LC)vW3=g8(eaR190uHPmGk
zJM<nqj6q9RT~LigVx3sC)&d1XhC8BxlRg4hRoAZ-Y0FN7f6drX+RF4A08ax;?=dBq
zk6d*b3}bh9MXn&UhD(_WOp4eo=u(dgG&?SYF?i#X6`2#LP=xje*(fClQHCVhAWQQ?
zl<+r_3`GjTGRH>PKqSU6p#T#VSU*WdnGnnRSt=SMLm@vyM))!|u35IINuaD(fqK`l
z^j)zWZvxTQ&5W*hmn)z-uiLtn*A0|!VbJZZiYDtttJY1=s<#3#m6w1VGj$bRi7%&Y
zpx;mNQ3?*CG0Ly_%|{4<qUk^|662{*2wTI-|0iZRGzNEz<3GhxK7tkKF4s#RZq}Oz
zXs}~U*c!Kv4b&otClnVV8Rz2h`S0q4-P_Lnes%ar?L?NCo0*yWGPd=^q0;!c{B`o@
z*}?tGo3R~>!*b2hKZZ{{_(Jop+76y-KXW$q_Xo-O%a=aC`cZ1WboBP*_w2RP7iz}1
zV^=nX_v6!qt#o-lU7Q+y{Qf8J%TJ%W{NCIhGTuZlyfwY$jBz-(>G0xL74Q7;`q;^^
zlKIAaa(kr{`;g;i@Po#IUir7dns1#{!}Otrh64j_??1->a;J+Je0g$qPisy6$NN4T
zPqw!SQ$&}fX;VWZBX4r0V*ku*{d+e*Fwy!--PpjXRQ0HnPcMv*{Q2;5^>P0CkA>4u
zBtqvLvG3W^1y4>o7}`fC^aW*U8M$=p`L<t|w$yP$o*NyzJ#RBNnNR-O_S3cCO=Ik-
piNdbiH?Dw(`rlx?_sqVFR3Lq&_KQ{Z=g+$Trg$_dj5h9l^&cP9#O(k8

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_hot.gif b/skin/board/gallery/img/icon_hot.gif
index c95b839aeef0c1e26a4bab4ea50cd6d3f1969d7f..4e8d7ff1b66c99bb3ec5173daa04e9ace5103e47 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YC}uxXQrrD5~#Kbl<;!|32@z_`GD{>)uVzOBcVHvhC-c=byHnc~&&{
z->-j<lO})KdhW-qXYc0j{<z`9>+TI7Rv!7V`uOwG1%KXu`g-ElyLo%xOxyl()9DW@
z4u9Nq;_b{GKkvSLl0M@}>a^$Oi(YlCc{hLW^YVqy3g$hEnecJr$$!6oy_>V=^X`lP
z|Nm#83@H9&VPs&?V$cB@1M(9CTZ}`flj9^Et%(QJ7fUf1%n9mvbTfv5`KaU4O$-dO
z?;0DPu2Nzx<~oougO#bcIZ)xq*%-!!4ICLCVuTnuw1gSdDmWR0)A$)Q)VY-y_!|Tm
Sl@%BT8e;g^*!U_O8LR=!XM;xo

literal 97
zcmZ?wbhEHb<YwSySj58c@BaP&aovCS?fWx#?*IS)8DK#1CkrD30}F!=NC2dkfmzLC
t*Pf40SlP2yB*g7$tccL4ku{sNusrLT*WANLSd#B(G}b<@_E%xB1^{x;B9{OF

diff --git a/skin/board/gallery/img/icon_link.gif b/skin/board/gallery/img/icon_link.gif
index 0f3cb1ac69e72e0822a798c933357fb4bfddde26..e9cb9559c9cd08a6f51993518a17dab128b82916 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YnMxxXQrL(b2JN*|NuvA78(I{nxKwn>KCQw{PFXi4*tl-~Zypi#>bx
zoH=vm#*G`BH*daj<;uHv@4kQkzG~H~FJHdAeEIUtn>R;~9_{Mtx_0f_nl)?Ity_2O
z*s&i!ek@+Rc<IumuU@_S`0?X~3l|O?IIwr`-d($PEnK+p$dMyEcI^1`=g+@?|Nj5~
z&p<Iy{K>+|z@W*X12PHZCkD2d15*k#mgtxrdBSj@My2(%!y%Ri725^|MOH?MNed6V
zWH4B?bq0De3MeqNK4dLOaQFC-7{bsIBBkKW&mha9!6PH#$(QSt&+Vx$CMmB}=`ZBN
Q!0YeKBE>UT(~-d%0A})n?*IS*

literal 104
zcmZ?wbhEHb<YnMxSj57RH*Mzmdp9<p+5Y|e_y7O@Gr)l2PZmZ71{MY#kN`+61GBEj
zE*8F?MhE5|<Bpo^C5PJ!o0i(lbajk5YP$OO9I5LU9W=bMGn1yqFENx>V_>ib05Q5F
AasU7T

diff --git a/skin/board/gallery/img/icon_lock.png b/skin/board/gallery/img/icon_lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a083a51d9aa7f27a9a379bee2c49d2ca9cc96c6
GIT binary patch
literal 1225
zcmbVMOKjU@9CwqjReiHb2qr;4xm2{$;%Dr{rs<N{?wW1sLK3M#+F_3UrL`JAX1k5s
z11pt)?f?t~5(fmGgb<)n35iJq#x{*2;D!)F0tA9i;=pC}h{Wr2niLMz4p{#Dz5c)7
z|LqIKndALEM|v;}>(5WiB{UD9aj5$M`YxQgL!;>dU#a?KyY4qt7h+l6u0fDD)j3##
zs=j>g3pjyc(YjHo`qjcIQL{}#4P}VHbPyWDCXNM;sx3et)Zm<9rSUr--N1pNr}0^?
zKouMb&KuJ!E-bIiRJ4@^P0;aUlVBnc5rGMP6$EC(^28vGw|GUg4v$G3v_$-cG`?$8
zwNM0-?Lxp2Y+R#g8t^<pCpey`j{=6G8InRTAEy%{$BRr7v>zO4bM?AdlBe3b&@PS7
z`@SQRWV6{Mnk-?vb0jSYLdd}|aU>D<mMvcm;+8kkVUVGxxrXB#wgo~)wPr8+X&hO)
z>w@VN3VXzs*A5g485yV!NfQ)lnxS7UY0odgf6dre+N&%(kSsyZUUW5-kNQXljAD0p
zMWG<FMm+5rC@E?~wzWkQT7F(m<LHLa4PBI(RF-3tg2KqM!qc>n6gWv%C^kp)3@s-+
z9Q$EYaze^72|-a(3{5M1O5t-7olWxW6eA0CqJzy_p08RO?C3R+-ZnOMSF9+xQ1xxM
zV%v>Q1r+CP-}dHh2S{ZejLjOBZa2O0Fg?58%Fs2Ipg!f=CTPW1H1^TYGLpieLFE*w
z<+qfjWQOAs$?TNGq*8brtN)*vk;oV_ERO#aOXmnxV7S~XeYDwY9%!MCaZzh@eLb$B
zw)#CUXDh*XwX-*4eCFEl`uXS%34ZL|`lT<nI#~JSAb4$Xt9PSuv1{{c;=RZY3!cEX
zO4HkJ=8yZ=hr4JtI`GI}2e&InU7;wHU%?K)_(u0j*Pm5xb7S$R3L}%h4W3|c#i|?c
zj}ASW`<BRDUVZbi{uAFvcTR%If$d86htoZqk;nhMXPv~(O%DA%`jcLKYbI8UUMzp`
zWH31N`si0Tz?E;VMm~!jX+D3c(YJb1BZh{b-ab=GtiAeR_ovm5Z>~wV9|lXA+TnNa
zo$a~x<>${SoA*8Q&{Fl#htaJ_=33vl@pEK@y0BK~4)lWS$8+y=y?q7irm&Y^kj{@;
R<G+SKm%K6~Z|2Uf{R5j-hb{mB

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_new.gif b/skin/board/gallery/img/icon_new.gif
index 45aa6d7ed18c3a72c1f4994d29435ddd98a8e112..73fa06a8f3fe1972361df6417b0e713f0dc98b4f 100644
GIT binary patch
literal 77
zcmZ?wbhEHblw{y#XkcJCBJK14|9>3@AOMLlFzK}PuRQ&h|M0|xLCPCfS!F+{3@-DP
f-?4DY(nWejQ)6d06;;oc{oQqepNC77mBAVS=eiro

literal 71
zcmZ?wbhEHb<YM4un8?IXwsY@)FkoO{Q2fcl$iTqFpaWzxfaDpNBt-hsPrfZw;0{=p
VHSx^4-&;5yX)rzMoW#mt4FD*R7k>Z%

diff --git a/skin/board/gallery/img/icon_reply.gif b/skin/board/gallery/img/icon_reply.gif
index 91c135977b4f445a90c849310dc80efde1983830..7fe2c65580ed22e254718fdd45ed93efb554672d 100644
GIT binary patch
literal 1187
zcmZ?wbhEHb<YC}pXkcX6zJ2@u|Nj;Lb4U0FD7Yk+Bm!w0`-+0Z<m}WEg{0K<%sgAA
z_q+EiDP*SDDutW+8u%7Cr)Fe&R28KLSNVk`S7j$#rYPClDcDq4Rpb`rrj{fsROII5
z6<bx<DkY}mC#6~e*&tzkB?YjOl5ATgN05X9$WG_{qErP_J!9Qu14BavGc!Fy6H_xY
zLmdSp14AQy10XWfH8im@HM24@SAYT~plwAdX;wilZcw{`JX@uVl9B=|ef{$Ca=mh6
zz5JqdeM3u2OOP2xM!G;1y2X`wC5aWfdBw^w6I@b@lZ!G7N;32F6hI~>Cgqow*eU^C
z3h_d2fv+#z;Jjizu!r=L^K<np5)1SV^$hfLb3y(Bt1d1HN<}yWtLoyA%7Rq=pw#00
z(xT*4pmJrHW?<Oiw+N&V=o%~kqD)|<B<8r}Czs}?=9PH5*eU^K^incYtXzyN98HbQ
zEnSUVTwKiz4K2+rO`Tm_4UC-(&5R6P%wc9=(`(^qZUWS2=IU&0WN7GW=ICN%?r3am
z;9}rv?&xA{0@Lf6S6q^qmz)Z-Hxp<tRIe#sy;jaesfi`|MIrh5Ij|HEkda@KU!0L&
zpx_*Arl1j?nU|7ZUaSd<9*A#UQj0RnQd8WD@^cly;cJzN#eQQaV@pR<7iU*TR|}B8
zf!;NDF*31mHMO*GHE=Ogg6d5nC(QJLj?o7t4y42a69T3{5EGvCfgE_|NzDW1m?B`-
zVEq5@@1Nhle*XCW?dzA%pFVzg|L*OZ*RNi_c>e6^lgE!9KDdAH?w#AWZr-?l?dp}w
zmo8p7f9~v=)2B|JIDYKtk;8`$9@xKc@1EVecJA1|ZR?iJn>KD(zi#cC)vH#nSiWrO
zlEsS_E|@=W?wr}PX3m&CZR(WClO|5+@9XX9?&|DlZ)<I7Zfb0(udA)8uBxmkFDor6
zE-Ea@&&$op&dSV4PfJZnPD)IOkBg0oj*5&34+{+m4hjtL_w)7f_VV;_cXM@dc5-yE
zx3jgewz9M^H#0Q>CJqCAJzX7bElmw|HB}X5B}D~!IawKLDM<-&F;Nj=AwdCtK3*Pf
zE=~@1HdYp9CPoGZ#h)xdl954&0SG`P4+E1_OY=;&S8qgOKCNk!;0vz)T^YH<HtfjM
Jz(@uLYXHtOpXLAn

literal 77
zcmZ?wbhEHb<YwSyn8?Ji`ONmRr7Qmb|Ifg{p!k!8k%57UK?lfY0Le2j$xZ1OVwkw?
fR`8j<8CMV9J|<Qm@7(nCWs8=1tMC^)Rt9STpMV+1

diff --git a/skin/board/gallery/img/icon_secret.gif b/skin/board/gallery/img/icon_secret.gif
index c04899f14fa727b64223f6c5457877c6c939639d..7be670092521700f211d938a5e54266fc25cfd10 100644
GIT binary patch
literal 318
zcmZ?wbhEHb<YwSyxXQrL(b4hZ#fuLgK0JK*u)DjvzrTO;=FNS5eL%*I8#f+2c+k_+
zvv~31&d$zLr%qkCaN*_4m(!<D2MV4&d-lkYBS3Q5vSsJbpPxK=@~c;`CQO(B)OG37
zrD@Zqtyr<*;>C++&YW4WV8MX{2Y_l09y~a2-n^qnkN*GvpMgq1@h1x-1A{t)4#+%^
zpBUJp4@};0iP6RF&=XgqlMO2KpR9E8oa7XAR_$b`iXzA51f4?;er$&r12dHQSe%^|
zeYK<-8VnLWIhYwLop{)I>Km)nnc11!o1El48(8?6rcGz!XW`>+oY%<B=g43U09}lD
Ar2qf`

literal 97
zcmZ?wbhEHb<YwSySj58c{rji9X*0`q?%jN5`~Uy{8DK#1CkrD30}F!=NC2dkfmzK%
t>&!1E4^4&ClEzh)PmWxV3{9A~!gB2-%RL5bHcgg3Zp^!+W&#6)H2^A_AxQuL

diff --git a/skin/board/gallery/img/icon_share.png b/skin/board/gallery/img/icon_share.png
new file mode 100644
index 0000000000000000000000000000000000000000..6d64f625a32da82e5ae80ed050aa5da7122902c2
GIT binary patch
literal 3064
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
GLSTY3nXu9T

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/icon_view.png b/skin/board/gallery/img/icon_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea76f54424bc4ccedf3334a5c9912725be81c441
GIT binary patch
literal 3130
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
UG`&eOM*si-07*qoM6N<$g5v<yX8-^I

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/sch_bg.png b/skin/board/gallery/img/sch_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..729178d8e7aff1ef0cb5ea27aee137a5c55ea2d8
GIT binary patch
literal 996
zcmbVLJ#W)M7&gs<DpiOA5_CGb3rNKFUE)vGRF2Q4kw~f1NX>|2UmB~m&z!Hs?a0QT
zU}HlJNKAlWMdBCm7Z{k?IHz%8s5)TTzOUzb-j93VS9`mU*H$-HB}rQA@8F>ruZeH{
z`il79(KmmJ;T{jhe4kGFJYq!h5;`HEpGAjcNTTHQ`8Tp9Nv&x*8uRhsi4)UIiE4~e
zWrbi%($;oWMDY>fU_uVl+?9WQ{33%iapePjpbZM2%+j4RM)uEkNAcNFY$x*eBd}FD
zLLehN0#$aLmrmu%3tdOd>upsA3kW}Q<#VUTgFWC=Mu4t#+OY;9FboBDb;E!U0n#8+
zHSrp4*mZQnK_*x}varUIsWZgk(w11c@{IGsQPuf;uFN|MWrr%XZM)V$s4Wof@-*jB
z)y~V!MgfyDW@*7wnuA&~n$Q#O%EHt05VB%0xDd|EWuipN)G8`esAy`I)p0G*B_EQ%
zZd{5kN2di*hoqz@EEe}M-E7DrcUK##fx;W-DNDtrM8}xMCmG3kAG@+RQIa%qFtR+o
zW7+}2I4~fzO<VVIpmloCKoFaa#%0{lMw%7se&G8(2m{0G*k<5cp{3hlfUIuA?dK(r
z@|ZMsQ(<?>?On-rd`2Qp*@)8PrULe6l+$uX3*he?;Qm3HCv;vusITWdT1;5_f+QiM
z8Cc}kNiVUlb%MYP&7cbde-XFuX&C8x*YrXkS(d!yCjXN&RXC&8#qm$EG+Uwq>*+=5
zi^WCrkX&>O6RmN>`(C%z?LPKK)sM+1_8Z-5wOViPg0Is14=b<NZ+?DT1Ny-(e%E{U
F@(<j)E`I<3

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/sch_btn.png b/skin/board/gallery/img/sch_btn.png
new file mode 100644
index 0000000000000000000000000000000000000000..94f98db8f486c86e4c73c8c457b1f6170d716d7e
GIT binary patch
literal 1234
zcmbVMO>Em_7<SW=P0^-V>L#sBtRF5+bZX+C#7^urYZBY(0!yiqNNf2KbK)<J)!JWb
zyNlaPyRl8>0BR-RP@zdo6HJ|iG^BCa5F7?#5?nZ-4hg{lAu$fLXon#|%jYyH9I73#
zY=1v~p6C7f-q&x8jtuV)JsBbhVt?+GQo!Q@|JfVF?-Sp>^E@7UTy@MXqN>}_Y)GVa
zRE8jDY7?*kHGOva9vmcy&Z<!wbI0<hr3x}5nvaQiW*xH$VsOZ-Yn4gpf-;;itR(gO
z?awG+=t=4fpJ(!Q8P<$bb2co_jg%^LlNC{?hE9S(Pr?EwbT#0aQ<funNvf$U;kmy}
zQ=kcPCzI5+Q)Bs2AR`+BJ`xRA7?uTs5Mg7yAg}{~V_1%6@GXSdn8XVb7YD72!q#lP
zDixG$%NAZGshaE7C7NzD8j(gcg6s*J6-Ck4;J7eGgq>N-)x5Cf^tBZf=u~W@?i$Df
zzM@t}Gj5W?o^FR=*7NxtVasVH3a5<rv^vd37}_-bxSD9kEx>=>*cI)RX6ukHKnKm(
z6?`7mzBU=>?(v3vAofOj(Khg*Xj2NR%$U$}b4rrJUn07pOA41r^U=7da*Cn~EGx!E
zURG2lnqdWwRpM=p-MAu?&I+-NsLHa)vZ|2g8CI1US&pkwUXJZ>bC%<3Rt2{08rW`&
zn|Lf&l5MED$Sxr?)vkci8gh|SLv<h*1@PP%!_ra1>GzLkJ6Z+W#yO~GZDfLGekEfU
z`%F|-)7iKh!yY%|meY*F@q8?v&dOXOLAAL0|H&DRouU2W_)oF4w{Qje)1A`Ci=F0y
z7Va1ux5m=32j37xM<A!9OWyb8zqYo9I(edx940m*V6*EkDE=7O2!eB8e7M}Z`s>iq
zJLKa1C7$hMyGgXCJaK*PRd6MA_l1Q=LGlK{9w2|~yg5K3MF2hb9v(`4{njtXJHW}s
zYhNB6|Ko6J{b|zqY5m;<Ie%&O<%<IwPaRL3Pc2v%R&R&8&t^gw>8{xP<!`6HTIo&Q
z|HO-ZOx!&5_TS|A)$V?Vnyy`W{o1ka@yx-+*W_n61JiMGGQjqdM*<sz&%8Omu(tOH
z{Rr4hf#uKFPXJ*!p6XdSxb=Sj<`cI*-S>c7S{uH8>2RuRF?l`_T>0S7rJt`Z@AKr5
hVCZu7y(G~QB)VQHjxXGLX~6%><kS)6qs-Y0{{Y%-jIICx

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/img/twitter.png b/skin/board/gallery/img/twitter.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5452f2536d1afab9b8ed5777b34297ebc91e524
GIT binary patch
literal 2995
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

literal 0
HcmV?d00001

diff --git a/skin/board/gallery/list.skin.php b/skin/board/gallery/list.skin.php
index 507fe6000..af968bc7f 100644
--- a/skin/board/gallery/list.skin.php
+++ b/skin/board/gallery/list.skin.php
@@ -6,7 +6,6 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
 add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
 ?>
 
-<h2 id="container_title"><?php echo $board['bo_subject'] ?><span class="sound_only"> 목록</span></h2>
 
 <!-- 게시판 목록 시작 { -->
 <div id="bo_gall" style="width:<?php echo $width; ?>">
@@ -20,7 +19,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </nav>
     <?php } ?>
 
-    <div class="bo_fx">
+
+    <!-- 게시판 페이지 정보 및 버튼 시작 { -->
+    <div id="bo_btn_top">
         <div id="bo_list_total">
             <span>Total <?php echo number_format($total_count) ?>건</span>
             <?php echo $page ?> 페이지
@@ -28,12 +29,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
         <?php if ($rss_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01">RSS</a></li><?php } ?>
-            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
+            <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01 btn"><i class="fa fa-rss" aria-hidden="true"></i> RSS</a></li><?php } ?>
+            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i>  글쓰기</a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
+    <!-- } 게시판 페이지 정보 및 버튼 끝 -->
 
     <form name="fboardlist"  id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
@@ -62,7 +64,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             $k += 1;
             if ($k % $bo_gallery_cols == 0) $style .= "margin:0 !important;";
          ?>
-        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:<?php echo $board['bo_gallery_width'] ?>px">
+        <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>" style="<?php echo $style ?>width:<?php echo $board['bo_gallery_width']+2 ?>px">
+            <div class="gall_chk">
             <?php if ($is_checkbox) { ?>
             <label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
             <input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
@@ -75,8 +78,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                     echo $list[$i]['num'];
                  ?>
             </span>
-            <ul class="gall_con">
-                <li class="gall_href">
+            </div>
+            <div class="gall_con">
+                <div class="gall_img">
                     <a href="<?php echo $list[$i]['href'] ?>">
                     <?php
                     if ($list[$i]['is_notice']) { // 공지사항  ?>
@@ -94,59 +98,85 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                     }
                      ?>
                     </a>
-                </li>
-                <li class="gall_text_href" style="width:<?php echo $board['bo_gallery_width'] ?>px">
+                </div>
+                <div class="gall_text_href">
                     <?php
                     // echo $list[$i]['icon_reply']; 갤러리는 reply 를 사용 안 할 것 같습니다. - 지운아빠 2013-03-04
                     if ($is_category && $list[$i]['ca_name']) {
                      ?>
                     <a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
                     <?php } ?>
-                    <a href="<?php echo $list[$i]['href'] ?>">
+                    <a href="<?php echo $list[$i]['href'] ?>" class="bo_tit">
                         <?php echo $list[$i]['subject'] ?>
                         <?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
-                    </a>
-                    <?php
-                    // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
-                    // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
+                        <?php
+                        // if ($list[$i]['link']['count']) { echo '['.$list[$i]['link']['count']}.']'; }
+                        // if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
 
-                    if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
-                    if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
-                    //if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
-                    //if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
-                    //if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
-                     ?>
-                </li>
-                <li><span class="gall_subject">작성자 </span><?php echo $list[$i]['name'] ?></li>
-                <li><span class="gall_subject">작성일 </span><?php echo $list[$i]['datetime2'] ?></li>
-                <li><span class="gall_subject">조회 </span><?php echo $list[$i]['wr_hit'] ?></li>
-                <?php if ($is_good) { ?><li><span class="gall_subject">추천</span><strong><?php echo $list[$i]['wr_good'] ?></strong></li><?php } ?>
-                <?php if ($is_nogood) { ?><li><span class="gall_subject">비추천</span><strong><?php echo $list[$i]['wr_nogood'] ?></strong></li><?php } ?>
-            </ul>
+                        if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
+                        if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
+                        //if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
+                        //if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
+                        if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
+                         ?>
+                     </a>
+                </div>
+                <div class="gall_name">
+                    <span class="sound_only">작성자 </span><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $list[$i]['name'] ?>
+                </div>
+                <div class="gall_info">
+                    <span class="sound_only">조회 </span><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?>
+                    <?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
+                    <?php if ($is_nogood) { ?><span class="sound_only">비추천</span><strong><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?></strong><?php } ?>
+                    <span class="gall_date"><span class="sound_only">작성일 </span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+                </div>
+            </div>
         </li>
         <?php } ?>
         <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
     </ul>
 
-    <?php if ($list_href || $is_checkbox || $write_href) { ?>
+     <?php if ($list_href || $is_checkbox || $write_href) { ?>
     <div class="bo_fx">
-        <?php if ($is_checkbox) { ?>
-        <ul class="btn_bo_adm">
-            <li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li>
-            <li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"></li>
-            <li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"></li>
-        </ul>
-        <?php } ?>
-
         <?php if ($list_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
+            <?php if ($is_checkbox) { ?>
+            <li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn_b01"></li>
+            <li><input type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn btn_b01"></li>
+            <li><input type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn btn_b01"></li>
+            <?php } ?>
+            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01 btn">목록</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn">글쓰기</a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
     <?php } ?>
     </form>
+     
+       <!-- 게시판 검색 시작 { -->
+    <fieldset id="bo_sch">
+        <legend>게시물 검색</legend>
+
+        <form name="fsearch" method="get">
+        <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
+        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+        <input type="hidden" name="sop" value="and">
+        <label for="sfl" class="sound_only">검색대상</label>
+        <select name="sfl" id="sfl">
+            <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
+            <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
+            <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
+            <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
+            <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
+            <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
+            <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
+        </select>
+        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="sch_input" size="25" maxlength="20" placeholder="검색어를 입력해주세요">
+        <input type="submit" value="검색" class="sch_btn">
+        </form>
+    </fieldset>
+    <!-- } 게시판 검색 끝 -->   
 </div>
 
 <?php if($is_checkbox) { ?>
@@ -155,34 +185,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 </noscript>
 <?php } ?>
 
+
+
 <!-- 페이지 -->
 <?php echo $write_pages;  ?>
-
-<!-- 게시물 검색 시작 { -->
-<fieldset id="bo_sch">
-    <legend>게시물 검색</legend>
-
-    <form name="fsearch" method="get">
-    <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
-    <input type="hidden" name="sca" value="<?php echo $sca ?>">
-    <input type="hidden" name="sop" value="and">
-    <label for="sfl" class="sound_only">검색대상</label>
-    <select name="sfl" id="sfl">
-        <option value="wr_subject"<?php echo get_selected($sfl, 'wr_subject', true); ?>>제목</option>
-        <option value="wr_content"<?php echo get_selected($sfl, 'wr_content'); ?>>내용</option>
-        <option value="wr_subject||wr_content"<?php echo get_selected($sfl, 'wr_subject||wr_content'); ?>>제목+내용</option>
-        <option value="mb_id,1"<?php echo get_selected($sfl, 'mb_id,1'); ?>>회원아이디</option>
-        <option value="mb_id,0"<?php echo get_selected($sfl, 'mb_id,0'); ?>>회원아이디(코)</option>
-        <option value="wr_name,1"<?php echo get_selected($sfl, 'wr_name,1'); ?>>글쓴이</option>
-        <option value="wr_name,0"<?php echo get_selected($sfl, 'wr_name,0'); ?>>글쓴이(코)</option>
-    </select>
-    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" required id="stx" class="frm_input required" size="15" maxlength="20">
-    <input type="submit" value="검색" class="btn_submit">
-    </form>
-</fieldset>
-<!-- } 게시물 검색 끝 -->
-
 <?php if ($is_checkbox) { ?>
 <script>
 function all_checked(sw) {
diff --git a/skin/board/gallery/style.css b/skin/board/gallery/style.css
index 5701375da..f8506f94d 100644
--- a/skin/board/gallery/style.css
+++ b/skin/board/gallery/style.css
@@ -78,13 +78,15 @@
 /* ### 기본 스타일 커스터마이징 끝 ### */
 
 /* 게시판 목록 */
-#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
-#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
+
+
+#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin-bottom:10px;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 li {display:inline-block;}
+#bo_cate a {display:block;border:1px solid #e1e1e1;margin:0 5px 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}
+#bo_cate #bo_cate_on {z-index:2;border:1px solid #3598db;color:#3598db;font-weight:bold}
 
 .td_subject img {margin-left:3px}
 
@@ -92,158 +94,255 @@
 #bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
 #bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
 #bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_gall .gall_li {float:left;margin:0 10px 30px 0}
+#bo_gall .gall_li {float:left;position:relative;margin:0 20px 30px 0 ;border:1px solid #edeff2;border-radius:0 0 2px 2px}
+#bo_gall .gall_li .gall_chk{position:absolute;top:0;left:0;padding:5px;}
 
-#bo_gall .gall_con {margin:0;padding:0;list-style:none}
-#bo_gall .gall_con li {margin:0 0 4px}
-#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
 
 #bo_gall .gall_now .gall_text_href a {color:#ff3061}
 
 #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
-#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
+#bo_gall .gall_img span{display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
 
-#bo_gall .gall_text_href {margin:10px 0 !important}
+#bo_gall .gall_text_href {margin:10px}
 #bo_gall .gall_text_href a {font-weight:bold}
 #bo_gall .gall_text_href span {display:inline !important}
 #bo_gall .gall_text_href img {margin:0 0 0 4px}
+#bo_gall .bo_tit{display:block;font-weight:bold;color:#000;font-size:1.083em}
+#bo_gall .bo_tit .cnt_cmt{color:#ed6478}
+#bo_gall .profile_img img{border-radius:50%}
+#bo_gall .gall_name{margin:10px}
 
+#bo_gall .gall_info{color:#777;line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
+#bo_gall .gall_info strong{ display:inline-block;margin:0 0 0 10px }
+#bo_gall .gall_info i{font-size:12px}
+#bo_gall .gall_info .gall_date{position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777}
 /* 게시판 목록 공통 */
-.bo_fx {margin-bottom:5px;zoom:1}
+#bo_btn_top{margin: 10px 0}
+#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;padding-top:5px}
+#bo_list_total {float:left;line-height:40px;font-size:0.92em;color:#6a6a6a}
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;margin-left:5px}
 .btn_bo_adm {float:left}
 .btn_bo_adm li {float:left;margin-right:5px}
-.btn_bo_adm input {padding:7px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle}
-.bo_notice td {background:#f7f7f2}
+.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
+.bo_notice td {background:#f5f6fa}
 .bo_notice td a {font-weight:bold}
+.bo_notice .notice_icon{display:inline-block;background:#ed6478;padding:0 3px;line-height:20px;font-weight:normal;font-size:0.92em;color:#fff}
 .td_num strong {color:#000}
-.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
+.bo_cate_link {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */
 .bo_current {color:#e8180c}
+#bo_list .profile_img {display:inline-block;;margin-right:5px}
+#bo_list .profile_img img{border-radius:50%}
+#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}
 
-#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
+#bo_sch {float:left;border:1px solid #d3d3d3;border-radius:3px;margin:0 0 20px}
+#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#bo_sch select{border:0;;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
+#bo_sch .sch_btn{height:38px;float:left;background:url('./img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}
 
 #bo_gall li.empty_list {padding:85px 0;text-align:center}
 
+
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 5px;padding:0}
 #char_count_wrap {margin:5px 0 0;text-align:right}
 #char_count {font-weight:bold}
 
 #autosave_wrapper {position:relative}
-#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
+#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
+-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
+box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
+#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
+#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
 html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
 #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#autosave_pop div {text-align:right}
-#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
-#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
-#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
+#autosave_pop div {text-align:center;margin:0 !important;}
+#autosave_pop button {margin:0;padding:0;border:0;}
+#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
+#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
 #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
 #autosave_pop a {display:block;float:left}
-#autosave_pop span {display:block;float:right}
-.autosave_close {cursor:pointer}
+#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
+.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
+.autosave_close:hover{background:#f3f3f3;color:#3597d9}
 .autosave_content {display:none}
+.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}
 
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding-bottom:20px}
 
-#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
+#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v_title {padding:10px 0;font-size:1.2em}
+#bo_v_title {}
+#bo_v_title .bo_v_cate{display:inline-block;height:20px;line-height:18px;border:1px solid #3497d9;color:#3497d9;padding:0 5px;border-radius:15px;}
+#bo_v_title .bo_v_tit{display:block;font-size:2.25em;margin:5px 0 0 }
 
-#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
+#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
+#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
+#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
+#bo_v_info .profile_img {}
+#bo_v_info .profile_img img{border-radius:50%}
+#bo_v_info .sv_member{color:#000}
+#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
+#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}
 
-#bo_v_file {}
-#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
-#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
+#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
+#bo_v_file h2 {padding:10px;background: #f3f3f3}
+#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
+#bo_v_file li {padding:5px 10px;position:relative;}
+#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
 #bo_v_file img {float:left;margin:0 10px 0 0}
-.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
+.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
-#bo_v_link {}
-#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_link ul {margin:0;padding:0;list-style:none}
-#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
-#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
+#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
+#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
+#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
+#bo_v_link li {padding:5px 10px;position:relative;}
+#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
-.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}
+.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
-#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
+#bo_v_top {zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul ;padding:0;list-style:none}
 
 #bo_v_bot {zoom:1}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_bot ul {margin:0;padding:0;list-style:none}
+#bo_v_bot ul {;padding:0;list-style:none}
 
-.bo_v_nb {float:left}
-.bo_v_nb li {float:left;margin-right:5px}
-.bo_v_com {float:right}
+.bo_v_com {margin:20px 0;float:right}
 .bo_v_com li {float:left;margin-left:5px}
 
+.bo_v_left {margin:20px 0;float:left}
+.bo_v_left li {float:left;margin-right:5px}
+
+.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:center;padding:15px 0; border-top:1px solid #000;border-bottom:1px solid #ddd}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {display:inline-block}
+.bo_v_nb li i{font-size:13px}
+.bo_v_nb .btn_prv{position:absolute;top:15px;left:10px}
+.bo_v_nb .btn_next{position:absolute;top:15px;right:10px}
+
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
-#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
+#bo_v_img {width:100%;overflow:hidden;zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
 
-#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
 #bo_v_con a {color:#000;text-decoration:underline}
 #bo_v_con img {max-width:100%;height:auto}
 
 #bo_v_act {margin-bottom:30px;text-align:center}
 #bo_v_act .bo_v_act_gng {position:relative}
 #bo_v_act a {margin-right:5px;vertical-align:middle}
-#bo_v_act strong {color:#ff3061}
+#bo_v_act a:hover{background-color:#f3f3f3}
 #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
 
-#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
+#bo_v_share .btn:hover{background:#fff}
+#bo_v_share .btn i{margin-right:5px;;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
+#bo_v_share .btn_share{}
+#bo_v_share .btn_share:hover{}
+
+.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
+#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_sns li {float:left;margin:0 5px 0 0}
+#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
+#bo_v_sns li {float:left;;width:60px;text-align:center}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc}
+#bo_v_sns li .sns_g{display:block;background:#d5503a}
+#bo_v_sns li img{vertical-align:top}
+
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 20px;padding:20px 20px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
-#bo_vc h2 {margin-bottom:10px}
-#bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
-#bo_vc header {position:relative;padding:15px 0 5px}
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 60px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 30px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 60px  -23px}
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:20px 0;padding-left:75px;position:relative}
+#bo_vc article .profile_img{position:absolute;top:0;left:0}
+#bo_vc article .profile_img img{border-radius:50%}
+#bo_vc header {}
+#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
-#bo_vc .sv_wrap {margin-right:15px}
+#bo_vc .sv_wrap a{color:#000 !important;font-weight:bold;font-size:1.08em}
 #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
+.bo_vc_hdinfo{float:right;font-style:italic;color:#777}
 #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc a {color:#000;text-decoration:none}
-#bo_vc p {padding:0 0 5px;line-height:1.8em}
+#bo_vc .cmt_contents {padding:15px 20px ;margin:10px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em}
+#bo_vc .cmt_contents  p{font-size:1.083em}
 #bo_vc p a {text-decoration:underline}
-#bo_vc p a.s_cmt {text-decoration:none}
-#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
+#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
+#bo_vc_empty {margin:0;padding:80px 0 !important;;color:#777;text-align:center}
 #bo_vc #bo_vc_winfo {float:left}
-#bo_vc footer {zoom:1}
-#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
 
-.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
+.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
-.bo_vc_act li {float:left;margin-left:5px}
+.bo_vc_act li {display:inline-block;}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
 
-#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
-#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w {position:relative;margin:10px 0;display:block;}
+.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
+.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
+#wr_secret{}
+.bo_vc_w_info{margin:10px 0;float:left}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;margin-right:5px}
+.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
+.bo_vc_w .btn_confirm{float:right;margin-top:10px}
+.bo_vc_w .btn_confirm label{display:inline-block;background:url(./img/icon_lock.png) no-repeat 50% 50%;width:20px;height:20px;text-indent:9999px;overflow:hidden;margin-right:5px}
+.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
+.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
 
-#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_send_sns{display:inline-block;float:left}
+#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
 #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_vc_sns li {float:left;margin:0 20px 0 0}
-#bo_vc_sns input {margin:0 0 0 5px}
\ No newline at end of file
+#bo_vc_sns li {float:left;margin:0 5px 0 0}
+#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
+#bo_vc_sns .sns_li_off{background:#bbb}
+#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
+#bo_vc_sns input {margin:0 5px 0 0 }
+
+
+
+/*글쓰기*/
+#bo_w div{margin:10px 0;position:relative;}
+#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_w .bo_w_info .frm_input{float:left;width:33%}
+#bo_w #wr_password{margin:0 0.5%}
+#bo_w .bo_w_tit{position:relative}
+#bo_w .bo_w_tit .frm_input{padding-right:120px;}
+#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
+#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888}
+#bo_w .bo_w_link .frm_input{padding-left:50px}
+#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_flie .frm_file{padding-left:50px;}
+#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
+#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
+#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
\ No newline at end of file
diff --git a/skin/board/gallery/view.skin.php b/skin/board/gallery/view.skin.php
index 7670a331c..c47e70a63 100644
--- a/skin/board/gallery/view.skin.php
+++ b/skin/board/gallery/view.skin.php
@@ -9,124 +9,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
 <!-- 게시물 읽기 시작 { -->
-<div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
 <article id="bo_v" style="width:<?php echo $width; ?>">
     <header>
-        <h1 id="bo_v_title">
+        <h2 id="bo_v_title">
+            <?php if ($category_name) { ?>
+            <span class="bo_v_cate"><?php echo $view['ca_name']; // 분류 출력 끝 ?></span> 
+            <?php } ?>
+            <span class="bo_v_tit">
             <?php
-            if ($category_name) echo $view['ca_name'].' | '; // 분류 출력 끝
             echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
-            ?>
-        </h1>
+            ?></span>
+        </h2>
     </header>
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        작성자 <strong><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
-        <span class="sound_only">작성일</span><strong><?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
-        조회<strong><?php echo number_format($view['wr_hit']) ?>회</strong>
-        댓글<strong><?php echo number_format($view['wr_comment']) ?>건</strong>
+        <span class="sound_only">작성자</span> <strong><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $view['name'] ?><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong>
+        <span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
+
     </section>
 
-    <?php
-    if ($view['file']['count']) {
-        $cnt = 0;
-        for ($i=0; $i<count($view['file']); $i++) {
-            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
-                $cnt++;
-        }
-    }
-     ?>
-
-    <?php if($cnt) { ?>
-    <!-- 첨부파일 시작 { -->
-    <section id="bo_v_file">
-        <h2>첨부파일</h2>
-        <ul>
-        <?php
-        // 가변 파일
-        for ($i=0; $i<count($view['file']); $i++) {
-            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
-         ?>
-            <li>
-                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
-                    <img src="<?php echo $board_skin_url ?>/img/icon_file.gif" alt="첨부">
-                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
-                    <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
-                </a>
-                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드</span>
-                <span>DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
-            </li>
-        <?php
-            }
-        }
-         ?>
-        </ul>
-    </section>
-    <!-- } 첨부파일 끝 -->
-    <?php } ?>
-
-    <?php
-    if ($view['link']) {
-    ?>
-     <!-- 관련링크 시작 { -->
-    <section id="bo_v_link">
-        <h2>관련링크</h2>
-        <ul>
-        <?php
-        // 링크
-        $cnt = 0;
-        for ($i=1; $i<=count($view['link']); $i++) {
-            if ($view['link'][$i]) {
-                $cnt++;
-                $link = cut_str($view['link'][$i], 70);
-         ?>
-            <li>
-                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
-                    <img src="<?php echo $board_skin_url ?>/img/icon_link.gif" alt="관련링크">
-                    <strong><?php echo $link ?></strong>
-                </a>
-                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
-            </li>
-        <?php
-            }
-        }
-         ?>
-        </ul>
-    </section>
-    <!-- } 관련링크 끝 -->
-    <?php } ?>
-
-    <!-- 게시물 상단 버튼 시작 { -->
-    <div id="bo_v_top">
-        <?php
-        ob_start();
-         ?>
-        <?php if ($prev_href || $next_href) { ?>
-        <ul class="bo_v_nb">
-            <?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>
-            <?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>
-        </ul>
-        <?php } ?>
-
-        <ul class="bo_v_com">
-            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>
-            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>
-            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">복사</a></li><?php } ?>
-            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin" onclick="board_move(this.href); return false;">이동</a></li><?php } ?>
-            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01">검색</a></li><?php } ?>
-            <li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>
-            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01">답변</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
-        </ul>
-        <?php
-        $link_buttons = ob_get_contents();
-        ob_end_flush();
-         ?>
-    </div>
-    <!-- } 게시물 상단 버튼 끝 -->
-
     <section id="bo_v_atc">
         <h2 id="bo_v_atc_title">본문</h2>
 
@@ -154,19 +59,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
         <?php if ($is_signature) { ?><p><?php echo $signature ?></p><?php } ?>
 
-        <!-- 스크랩 추천 비추천 시작 { -->
-        <?php if ($scrap_href || $good_href || $nogood_href) { ?>
+
+        <!--  추천 비추천 시작 { -->
+        <?php if ( $good_href || $nogood_href) { ?>
         <div id="bo_v_act">
-            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn_b01" onclick="win_scrap(this.href); return false;">스크랩</a><?php } ?>
             <?php if ($good_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="btn_b01">추천 <strong><?php echo number_format($view['wr_good']) ?></strong></a>
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button" class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></a>
                 <b id="bo_v_act_good"></b>
             </span>
             <?php } ?>
             <?php if ($nogood_href) { ?>
             <span class="bo_v_act_gng">
-                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="btn_b01">비추천  <strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
+                <a href="<?php echo $nogood_href.'&amp;'.$qstr ?>" id="nogood_button" class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -175,30 +80,143 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
             if($board['bo_use_good'] || $board['bo_use_nogood']) {
         ?>
         <div id="bo_v_act">
-            <?php if($board['bo_use_good']) { ?><span>추천 <strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
-            <?php if($board['bo_use_nogood']) { ?><span>비추천 <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_good']) { ?><span class="bo_v_good"><span class="sound_only">추천</span><strong><?php echo number_format($view['wr_good']) ?></strong></span><?php } ?>
+            <?php if($board['bo_use_nogood']) { ?><span class="bo_v_nogood"><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
         }
         ?>
-        <!-- } 스크랩 추천 비추천 끝 -->
+        <!-- }  추천 비추천 끝 -->
     </section>
 
+    <div id="bo_v_share">
+        <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
+
+        <?php
+        include_once(G5_SNS_PATH."/view.sns.skin.php");
+        ?>
+    </div>
+
     <?php
-    include_once(G5_SNS_PATH."/view.sns.skin.php");
-    ?>
+    if ($view['file']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+    <!-- 첨부파일 시작 { -->
+    <section id="bo_v_file">
+        <h2>첨부파일</h2>
+        <ul>
+        <?php
+        // 가변 파일
+        for ($i=0; $i<count($view['file']); $i++) {
+            if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
+         ?>
+            <li>
+                <i class="fa fa-download" aria-hidden="true"></i>
+                <a href="<?php echo $view['file'][$i]['href'];  ?>" class="view_file_download">
+                    <strong><?php echo $view['file'][$i]['source'] ?></strong>
+                </a>
+                <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
+                <span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드 | DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 첨부파일 끝 -->
+    <?php } ?>
+
+
+    <?php
+    if ($view['link']['count']) {
+        $cnt = 0;
+        for ($i=0; $i<count($view['link']); $i++) {
+            if (isset($view['link'][$i]['source']) && $view['link'][$i]['source'] && !$view['link'][$i]['view'])
+                $cnt++;
+        }
+    }
+     ?>
+
+    <?php if($cnt) { ?>
+
+     <!-- 관련링크 시작 { -->
+    <section id="bo_v_link">
+        <h2>관련링크</h2>
+        <ul>
+        <?php
+        // 링크
+        $cnt = 0;
+        for ($i=1; $i<=count($view['link']); $i++) {
+            if ($view['link'][$i]) {
+                $cnt++;
+                $link = cut_str($view['link'][$i], 70);
+         ?>
+            <li>
+                <i class="fa fa-link" aria-hidden="true"></i> <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <!-- } 관련링크 끝 -->
+    <?php } ?>
+
+
+    <!-- } 관련링크 끝 -->
+
+    <!-- 게시물 상단 버튼 시작 { -->
+    <div id="bo_v_top">
+        <?php
+        ob_start();
+        ?>
+
+        <ul class="bo_v_left">
+            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
+            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
+            <?php if ($copy_href) { ?><li><a href="<?php echo $copy_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-files-o" aria-hidden="true"></i> 복사</a></li><?php } ?>
+            <?php if ($move_href) { ?><li><a href="<?php echo $move_href ?>" class="btn_admin btn" onclick="board_move(this.href); return false;"><i class="fa fa-arrows" aria-hidden="true"></i> 이동</a></li><?php } ?>
+            <?php if ($search_href) { ?><li><a href="<?php echo $search_href ?>" class="btn_b01 btn"><i class="fa fa-search" aria-hidden="true"></i> 검색</a></li><?php } ?>
+        </ul>
+
+        <ul class="bo_v_com">
+            <?php if ($reply_href) { ?><li><a href="<?php echo $reply_href ?>" class="btn_b01 btn"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+        </ul>
+
+        <?php if ($prev_href || $next_href) { ?>
+        <ul class="bo_v_nb">
+            <?php if ($prev_href) { ?><li class="btn_prv"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+            <li><a href="<?php echo $list_href ?>" class="btn_list"><i class="fa fa-list" aria-hidden="true"></i>  목록</a></li>
+            <?php if ($next_href) { ?><li class="btn_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" aria-hidden="true"></i></a></li><?php } ?>
+        </ul>
+        <?php } ?>
+        <?php
+        $link_buttons = ob_get_contents();
+        ob_end_flush();
+         ?>
+    </div>
+    <!-- } 게시물 상단 버튼 끝 -->
 
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
      ?>
 
-    <!-- 링크 버튼 시작 { -->
-    <div id="bo_v_bot">
-        <?php echo $link_buttons ?>
-    </div>
-    <!-- } 링크 버튼 끝 -->
 
 </article>
 <!-- } 게시판 읽기 끝 -->
@@ -253,6 +271,19 @@ $(function() {
 
     // 이미지 리사이즈
     $("#bo_v_atc").viewimageresize();
+
+    //sns공유
+    $(".btn_share").click(function(){
+        $("#bo_v_sns").fadeIn();
+   
+    });
+
+    $(document).mouseup(function (e) {
+        var container = $("#bo_v_sns");
+        if (!container.is(e.target) && container.has(e.target).length === 0){
+        container.css("display","none");
+        }	
+    });
 });
 
 function excute_good(href, $el, $tx)
diff --git a/skin/board/gallery/view_comment.skin.php b/skin/board/gallery/view_comment.skin.php
index f953e129b..e2f7e61a7 100644
--- a/skin/board/gallery/view_comment.skin.php
+++ b/skin/board/gallery/view_comment.skin.php
@@ -7,7 +7,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 var char_min = parseInt(<?php echo $comment_min ?>); // 최소
 var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 </script>
-
+<button type="button" class="cmt_btn">댓글목록</button>
 <!-- 댓글 시작 { -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -15,8 +15,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     $cmt_amt = count($list);
     for ($i=0; $i<$cmt_amt; $i++) {
         $comment_id = $list[$i]['wr_id'];
-        $cmt_depth = ""; // 댓글단계
-        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 20;
+        $cmt_depth = strlen($list[$i]['wr_comment_reply']) * 75;
         $comment = $list[$i]['content'];
         /*
         if (strstr($list[$i]['wr_option'], "secret")) {
@@ -29,14 +28,14 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 
     <article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
         <header style="z-index:<?php echo $cmt_sv; ?>">
-            <h1><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글</h1>
+            <h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
+            <span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지"></span>
             <?php echo $list[$i]['name'] ?>
-            <?php if ($cmt_depth) { ?><img src="<?php echo $board_skin_url ?>/img/icon_reply.gif" class="icon_reply" alt="댓글의 댓글"><?php } ?>
             <?php if ($is_ip_view) { ?>
-            아이피
-            <span class="bo_vc_hdinfo"><?php echo $list[$i]['ip']; ?></span>
+            <span class="sound_only">아이피</span>
+            <span>(<?php echo $list[$i]['ip']; ?>)</span>
             <?php } ?>
-            작성일
+            <span class="sound_only">작성일</span>
             <span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
             <?php
             include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
@@ -44,39 +43,38 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         </header>
 
         <!-- 댓글 출력 -->
-        <p>
-            <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
-            <?php echo $comment ?>
-        </p>
+        <div class="cmt_contents">
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/icon_secret.gif" alt="비밀글"><?php } ?>
+                <?php echo $comment ?>
+            </p>
+            <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
+                $query_string = clean_query_string($_SERVER['QUERY_STRING']);
 
-        <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
-        <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
+                if($w == 'cu') {
+                    $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
+                    $cmt = sql_fetch($sql);
+                    if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
+                        $cmt['wr_content'] = '';
+                    $c_wr_content = $cmt['wr_content'];
+                }
 
-        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
-        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
-
-        <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
-            $query_string = clean_query_string($_SERVER['QUERY_STRING']);
-
-            if($w == 'cu') {
-                $sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
-                $cmt = sql_fetch($sql);
-                if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
-                    $cmt['wr_content'] = '';
-                $c_wr_content = $cmt['wr_content'];
-            }
-
-            $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
-            $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
-         ?>
-        <footer>
+                $c_reply_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=c#bo_vc_w';
+                $c_edit_href = './board.php?'.$query_string.'&amp;c_id='.$comment_id.'&amp;w=cu#bo_vc_w';
+             ?>
             <ul class="bo_vc_act">
                 <?php if ($list[$i]['is_reply']) { ?><li><a href="<?php echo $c_reply_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;">답변</a></li><?php } ?>
                 <?php if ($list[$i]['is_edit']) { ?><li><a href="<?php echo $c_edit_href;  ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;">수정</a></li><?php } ?>
                 <?php if ($list[$i]['is_del'])  { ?><li><a href="<?php echo $list[$i]['del_link'];  ?>" onclick="return comment_delete();">삭제</a></li><?php } ?>
             </ul>
-        </footer>
-        <?php } ?>
+            <?php } ?>
+        </div>
+        <span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
+        <span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
+
+        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
+        <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
+
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -89,7 +87,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         $w = 'c';
 ?>
 <!-- 댓글 쓰기 시작 { -->
-<aside id="bo_vc_w">
+<aside id="bo_vc_w" class="bo_vc_w">
     <h2>댓글쓰기</h2>
     <form name="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
     <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
@@ -103,66 +101,47 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     <input type="hidden" name="page" value="<?php echo $page ?>">
     <input type="hidden" name="is_good" value="">
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <tbody>
-        <?php if ($is_guest) { ?>
-        <tr>
-            <th scope="row"><label for="wr_name">이름<strong class="sound_only">필수</strong></label></th>
-            <td><input type="text" name="wr_name" id="wr_name" required class="frm_input required" size="5" maxLength="20" value="<?php echo get_cookie("ck_sns_name"); ?>"></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="wr_password">비밀번호<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="10" maxLength="20"></td>
-        </tr>
-        <?php } ?>
-        <tr>
-            <th scope="row"><label for="wr_secret">비밀글사용</label></th>
-            <td><input type="checkbox" name="wr_secret" value="secret" id="wr_secret"></td>
-        </tr>
-        <?php if ($is_guest) { ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td><?php echo $captcha_html; ?></td>
-        </tr>
-        <?php } ?>
-        <?php
-        if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
-        ?>
-        <tr>
-            <th scope="row">SNS 동시등록</th>
-            <td id="bo_vc_send_sns"></td>
-        </tr>
-        <?php
+    <span class="sound_only">내용</span>
+    <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+    <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용" placeholder="댓글내용을 입력해주세요" 
+    <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content; ?></textarea>
+    <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+    <script>
+    $(document).on("keyup change", "textarea#wr_content[maxlength]", function() {
+        var sdiv = $(this).val()
+        var mx = parseInt($(this).atdiv("maxlength"))
+        if (sdiv.length > mx) {
+            $(this).val(sdiv.subsdiv(0, mx));
+            return false;
         }
-        ?>
-        <tr>
-            <th scope="row">내용</th>
-            <td>
-                <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
-                <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용"
-                <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content;  ?></textarea>
-                <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
-                <script>
-                $(document).on( "keyup change", "textarea#wr_content[maxlength]", function(){
-                    var str = $(this).val()
-                    var mx = parseInt($(this).attr("maxlength"))
-                    if (str.length > mx) {
-                        $(this).val(str.substr(0, mx));
-                        return false;
-                    }
-                });
-                </script>
-            </td>
-        </tr>
-        </tbody>
-        </table>
+    });
+    </script>
+    <div class="bo_vc_w_wr">
+        <div class="bo_vc_w_info">
+            <?php if ($is_guest) { ?>
+            <label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
+            <input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="frm_input required" size="25" placeholder="이름">
+            <label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
+            <input type="password" name="wr_password" id="wr_password" required class="frm_input required" size="25"  placeholder="비밀번호">
+            <?php
+            }
+            ?>
+            <?php
+            if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
+            ?>
+            <span class="sound_only">SNS 동시등록</span>
+            <span id="bo_vc_send_sns"></span>
+            <?php } ?>
+            <?php if ($is_guest) { ?>
+                <?php echo $captcha_html; ?>
+            <?php } ?>
+        </div>
+        <div class="btn_confirm">
+            <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+            <label for="wr_secret">비밀글사용</label>
+            <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+        </div>
     </div>
-
-    <div class="btn_confirm">
-        <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
-    </div>
-
     </form>
 </aside>
 
@@ -319,14 +298,22 @@ function comment_delete()
 comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
 
 <?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
-// sns 등록
+
 $(function() {
+    // sns 등록
     $("#bo_vc_send_sns").load(
         "<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
         function() {
             save_html = document.getElementById('bo_vc_w').innerHTML;
         }
     );
+
+    //댓글열기
+    $(".cmt_btn").click(function(){
+        $(this).toggleClass("cmt_btn_op");
+        $("#bo_vc").toggle();
+    });
+       
 });
 <?php } ?>
 </script>
diff --git a/skin/board/gallery/write.skin.php b/skin/board/gallery/write.skin.php
index e8bcf7bd6..13fb02559 100644
--- a/skin/board/gallery/write.skin.php
+++ b/skin/board/gallery/write.skin.php
@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 ?>
 
 <section id="bo_w">
-    <h2 id="container_title"><?php echo $g5['title'] ?></h2>
+    <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
 
     <!-- 게시물 작성/수정 시작 { -->
     <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" style="width:<?php echo $width; ?>">
@@ -54,129 +54,119 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     echo $option_hidden;
     ?>
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <tbody>
-        <?php if ($is_name) { ?>
-        <tr>
-            <th scope="row"><label for="wr_name">이름<strong class="sound_only"> 필수</strong></label></th>
-            <td><input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" size="10" maxlength="20"></td>
-        </tr>
-        <?php } ?>
+    <?php if ($is_category) { ?>
+    <div class="bo_w_select">
+        <label for="ca_name"  class="sound_only">분류<strong>필수</strong></label>
+        <select name="ca_name" id="ca_name" required>
+            <option value="">분류를 선택하세요</option>
+            <?php echo $category_option ?>
+        </select>
+    </div>
+    <?php } ?>
 
-        <?php if ($is_password) { ?>
-        <tr>
-            <th scope="row"><label for="wr_password">비밀번호<strong class="sound_only"> 필수</strong></label></th>
-            <td><input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" maxlength="20"></td>
-        </tr>
-        <?php } ?>
+    <div class="bo_w_info">
+    <?php if ($is_name) { ?>
+        <label for="wr_name" class="sound_only">이름<strong>필수</strong></label>
+        <input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" placeholder="이름">
+    <?php } ?>
 
-        <?php if ($is_email) { ?>
-        <tr>
-            <th scope="row"><label for="wr_email">이메일</label></th>
-            <td><input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email" size="50" maxlength="100"></td>
-        </tr>
-        <?php } ?>
+    <?php if ($is_password) { ?>
+        <label for="wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+        <input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="frm_input <?php echo $password_required ?>" placeholder="비밀번호">
+    <?php } ?>
 
-        <?php if ($is_homepage) { ?>
-        <tr>
-            <th scope="row"><label for="wr_homepage">홈페이지</label></th>
-            <td><input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input" size="50"></td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option ?></td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($is_category) { ?>
-        <tr>
-            <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <select name="ca_name" id="ca_name" required class="required" >
-                    <option value="">선택하세요</option>
-                    <?php echo $category_option ?>
-                </select>
-            </td>
-        </tr>
-        <?php } ?>
-
-        <tr>
-            <th scope="row"><label for="wr_subject">제목<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <div id="autosave_wrapper">
-                    <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required" size="50" maxlength="255">
-                    <?php if ($is_member) { // 임시 저장된 글 기능 ?>
-                    <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
-                    <?php if($editor_content_js) echo $editor_content_js; ?>
-                    <button type="button" id="btn_autosave" class="btn_frmline">임시 저장된 글 (<span id="autosave_count"><?php echo $autosave_count; ?></span>)</button>
-                    <div id="autosave_pop">
-                        <strong>임시 저장된 글 목록</strong>
-                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
-                        <ul></ul>
-                        <div><button type="button" class="autosave_close"><img src="<?php echo $board_skin_url; ?>/img/btn_close.gif" alt="닫기"></button></div>
-                    </div>
-                    <?php } ?>
-                </div>
-            </td>
-        </tr>
-
-        <tr>
-            <th scope="row"><label for="wr_content">내용<strong class="sound_only">필수</strong></label></th>
-            <td class="wr_content">
-                <?php if($write_min || $write_max) { ?>
-                <!-- 최소/최대 글자 수 사용 시 -->
-                <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
-                <?php } ?>
-                <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
-                <?php if($write_min || $write_max) { ?>
-                <!-- 최소/최대 글자 수 사용 시 -->
-                <div id="char_count_wrap"><span id="char_count"></span>글자</div>
-                <?php } ?>
-            </td>
-        </tr>
-
-        <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
-        <tr>
-            <th scope="row"><label for="wr_link<?php echo $i ?>">링크 #<?php echo $i ?></label></th>
-            <td><input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo$write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input" size="50"></td>
-        </tr>
-        <?php } ?>
-
-        <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
-        <tr>
-            <th scope="row">파일 #<?php echo $i+1 ?></th>
-            <td>
-                <input type="file" name="bf_file[]" title="파일첨부 <?php echo $i+1 ?> :  용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file frm_input">
-                <?php if ($is_file_content) { ?>
-                <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="frm_file frm_input" size="50">
-                <?php } ?>
-                <?php if($w == 'u' && $file[$i]['file']) { ?>
-                <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
-                <?php } ?>
-            </td>
-        </tr>
-        <?php } ?>
-
-        <?php if ($is_guest) { //자동등록방지  ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td>
-                <?php echo $captcha_html ?>
-            </td>
-        </tr>
-        <?php } ?>
-
-        </tbody>
-        </table>
+    <?php if ($is_email) { ?>
+        <label for="wr_email" class="sound_only">이메일</label>
+        <input type="text" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input emai full_inputl" placeholder="이메일">
+    <?php } ?>
     </div>
 
+    <?php if ($is_homepage) { ?>
+    <div>
+        <label for="wr_homepage" class="sound_only">홈페이지</label>
+        <input type="text" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input" size="50" placeholder="홈페이지">
+    </div>
+    <?php } ?>
+
+    <div class="bo_w_tit">
+        <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+        
+        <div id="autosave_wrapper">
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" size="50" maxlength="255" placeholder="제목">
+            <?php if ($is_member) { // 임시 저장된 글 기능 ?>
+            <script src="<?php echo G5_JS_URL; ?>/autosave.js"></script>
+            <?php if($editor_content_js) echo $editor_content_js; ?>
+            <button type="button" id="btn_autosave" class="btn_frmline">임시 저장된 글 (<span id="autosave_count"><?php echo $autosave_count; ?></span>)</button>
+            <div id="autosave_pop">
+                <strong>임시 저장된 글 목록</strong>
+                <ul></ul>
+                <div><button type="button" class="autosave_close">닫기</button></div>
+            </div>
+            <?php } ?>
+        </div>
+        
+    </div>
+
+    <div>
+        <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+        <div class="wr_content">
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <p id="char_count_desc">이 게시판은 최소 <strong><?php echo $write_min; ?></strong>글자 이상, 최대 <strong><?php echo $write_max; ?></strong>글자 이하까지 글을 쓰실 수 있습니다.</p>
+            <?php } ?>
+            <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+            <?php if($write_min || $write_max) { ?>
+            <!-- 최소/최대 글자 수 사용 시 -->
+            <div id="char_count_wrap"><span id="char_count"></span>글자</div>
+            <?php } ?>
+        </div>
+        
+    </div>
+
+    <?php if ($option) { ?>
+    <div>
+        <span class="sound_only">옵션</span>
+        <?php echo $option ?>
+    </div>
+    <?php } ?>
+
+    <?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
+    <div class="bo_w_link">
+        <label for="wr_link<?php echo $i ?>"><i class="fa fa-link" aria-hidden="true"></i><span class="sound_only"> 링크  #<?php echo $i ?></span></label>
+        <input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){echo$write['wr_link'.$i];} ?>" id="wr_link<?php echo $i ?>" class="frm_input full_input" size="50">
+    </div>
+    <?php } ?>
+
+    <?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
+    <div class="bo_w_flie">
+        <div class="file_wr">
+            <label for="bf_file_<?php echo $i+1 ?>" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #<?php echo $i+1 ?></span></label>
+            <input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="frm_file ">
+        </div>
+        <?php if ($is_file_content) { ?>
+        <input type="text" name="bf_content[]" value="<?php echo ($w == 'u') ? $file[$i]['bf_content'] : ''; ?>" title="파일 설명을 입력해주세요." class="full_input frm_input" size="50" placeholder="파일 설명을 입력해주세요.">
+        <?php } ?>
+
+        <?php if($w == 'u' && $file[$i]['file']) { ?>
+        <span class="file_del">
+            <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i;  ?>]" value="1"> <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')';  ?> 파일 삭제</label>
+        </span>
+        <?php } ?>
+        
+    </div>
+    <?php } ?>
+
+
+    <?php if ($is_guest) { //자동등록방지  ?>
+    <div>
+        <?php echo $captcha_html ?>
+    </div>
+    <?php } ?>
+
+
     <div class="btn_confirm">
-        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit">
-        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel btn">취소</a>
+        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn">
     </div>
     </form>
 
diff --git a/skin/connect/basic/current_connect.skin.php b/skin/connect/basic/current_connect.skin.php
index 27397f5ac..7133bc725 100644
--- a/skin/connect/basic/current_connect.skin.php
+++ b/skin/connect/basic/current_connect.skin.php
@@ -6,16 +6,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
 ?>
 
 <!-- 현재접속자 목록 시작 { -->
-<div class="tbl_head01 tbl_wrap">
-    <table id="current_connect_tbl">
-    <thead>
-    <tr>
-        <th scope="col">번호</th>
-        <th scope="col">이름</th>
-        <th scope="col">위치</th>
-    </tr>
-    </thead>
-    <tbody>
+<div  id="current_connect">
+    <ul>
     <?php
     for ($i=0; $i<count($list); $i++) {
         //$location = conv_content($list[$i]['lo_location'], 0);
@@ -25,17 +17,16 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
         if ($list[$i]['lo_url'] && $is_admin == 'super') $display_location = "<a href=\"".$list[$i]['lo_url']."\">".$location."</a>";
         else $display_location = $location;
     ?>
-        <tr>
-            <td class="td_num"><?php echo $list[$i]['num'] ?></td>
-            <td class="td_name"><?php echo $list[$i]['name'] ?></td>
-            <td><?php echo $display_location ?></td>
-        </tr>
+        <li>
+            <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
+            <span class="crt_name"><img src="<?php echo G5_IMG_URL; ?>/no_profile.gif" alt="프로필이미지"><br><?php echo $list[$i]['name'] ?></span>
+            <span class="crt_lct"><?php echo $display_location ?></span>
+        </li>
     <?php
     }
     if ($i == 0)
-        echo "<tr><td colspan=\"3\" class=\"empty_table\">현재 접속자가 없습니다.</td></tr>";
+        echo "<li class=\"empty_li\">현재 접속자가 없습니다.</li>";
     ?>
-    </tbody>
-    </table>
+    </ul>
 </div>
 <!-- } 현재접속자 목록 끝 -->
\ No newline at end of file
diff --git a/skin/connect/basic/style.css b/skin/connect/basic/style.css
index 55cfd4ea2..1a2149721 100644
--- a/skin/connect/basic/style.css
+++ b/skin/connect/basic/style.css
@@ -1 +1,9 @@
-@charset "utf-8";
\ No newline at end of file
+@charset "utf-8";
+#current_connect li{width:208px;float:left;border:1px solid #d8d8d8;margin-left:10px;margin-bottom:10px;text-align:center;position:relative}
+#current_connect li:nth-child(3n+1){clear:both;margin-left:0}
+#current_connect .crt_name {margin:20px;display:block}
+#current_connect .crt_name img{ border-radius:50%;margin: 0 0 5px}
+#current_connect .crt_lct{display:block;text-align:center;border-top:1px solid #ddd;padding:10px 5px;line-height:1.4em}
+#current_connect .crt_lct a{color:#3ca1ff}
+#current_connect .crt_num{position:absolute;top:10px;left:10px;color:#777;font-weight:bold}
+#current_connect li.empty_li{width:100%;padding:100px 0 ;}
\ No newline at end of file
diff --git a/skin/faq/basic/list.skin.php b/skin/faq/basic/list.skin.php
index 86def35fd..e0c1b4f7f 100644
--- a/skin/faq/basic/list.skin.php
+++ b/skin/faq/basic/list.skin.php
@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 add_stylesheet('<link rel="stylesheet" href="'.$faq_skin_url.'/style.css">', 0);
 
 if ($admin_href)
-    echo '<div class="faq_admin"><a href="'.$admin_href.'" class="btn_admin">FAQ 수정</a></div>';
+    echo '<div class="faq_admin"><a href="'.$admin_href.'" class="btn_admin btn">FAQ 수정</a></div>';
 ?>
 
 <!-- FAQ 시작 { -->
@@ -17,6 +17,19 @@ if ($himg_src)
 echo '<div id="faq_hhtml">'.conv_content($fm['fm_head_html'], 1).'</div>';
 ?>
 
+<fieldset id="faq_sch">
+    <legend>FAQ 검색</legend>
+
+    <form name="faq_search_form" method="get">
+    <span class="sch_tit">FAQ 검색</span>
+    <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> 검색</button>
+    </form>
+</fieldset>
+
+
 <?php
 if( count($faq_master_list) ){
 ?>
@@ -53,10 +66,11 @@ 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="tit_bg">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="tit_bg">A</span>
                     <?php echo conv_content($v['fa_content'], 1); ?>
-                    <div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
+                    <div class="con_closer"><button type="button" class="closer_btn btn_b03">닫기</button></div>
                 </div>
             </li>
             <?php
@@ -89,21 +103,12 @@ if ($timg_src)
     echo '<div id="faq_timg" class="faq_img"><img src="'.$timg_src.'" alt=""></div>';
 ?>
 
-<fieldset id="faq_sch">
-    <legend>FAQ 검색</legend>
 
-    <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>
-</fieldset>
 <!-- } FAQ 끝 -->
 
 <?php
 if ($admin_href)
-    echo '<div class="faq_admin"><a href="'.$admin_href.'" class="btn_admin">FAQ 수정</a></div>';
+    echo '<div class="faq_admin"><a href="'.$admin_href.'" class="btn_admin btn">FAQ 수정</a></div>';
 ?>
 
 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
@@ -120,6 +125,7 @@ function faq_open(el)
 
     if($con.is(":visible")) {
         $con.slideUp();
+
     } else {
         $("#faq_con .con_inner:visible").css("display", "none");
 
diff --git a/skin/faq/basic/style.css b/skin/faq/basic/style.css
index 35168de92..ad76fb55f 100644
--- a/skin/faq/basic/style.css
+++ b/skin/faq/basic/style.css
@@ -1,23 +1,27 @@
 @charset "utf-8";
-
+#bo_cate {margin:15px 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 {;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 li {display:inline-block;}
+#bo_cate a {display:block;border:1px solid #e1e1e1;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}
+#bo_cate #bo_cate_on {z-index:2;border:1px solid #3598db;color:#3598db;font-weight:bold}
 
 #faq_wrap {margin:10px 0 30px}
 #faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 .faq_admin {text-align:right}
 #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;border-top:1px solid #e9e9e9;background:#f2f5f9;text-decoration:none}
-#faq_con .con_inner {display:none;padding:10px;line-height:1.8em}
-#faq_con .con_closer {margin:10px 0 0;text-align:right}
-#faq_con .closer_btn {margin:0;padding:0;border:0;background:transparent}
-.faq_tolist {padding:0 10px;text-align:right}
-.faq_img {text-align:center}
+#faq_wrap li{border:1px solid #ddd;margin:5px 0;}
+#faq_wrap li h3{min-height:50px;line-height:30px;padding:10px;padding-left:50px;position:relative}
+#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px}
+#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:50px;position:relative}
+#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
+#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;}
+#faq_con .con_closer{text-align:right}
 
-#faq_sch {text-align:center}
\ No newline at end of file
+#faq_sch {text-align:center;border:1px solid #e8e8e8;background:#fbfbfb;;padding:30px;margin:10px 0}
+#faq_sch form{display:inline-block;position:relative}
+#faq_sch .sch_tit{font-size:20px;font-weight:bold;display:inline-block;margin-right:10px;vertical-align:middle}
+#faq_sch .frm_input{border-color:#646982;border-radius:0;width:300px}
+#faq_sch .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#0059a6;}
diff --git a/skin/latest/basic/img/icon_file.gif b/skin/latest/basic/img/icon_file.gif
index cca47f566ac0db655fb2ab0f56628b64958e48b2..244af004d50b31239c1f480bb0fc3df177333285 100644
GIT binary patch
literal 197
zcmZ?wbhEHb<YC}uIKsft(a~}1)~$K-=Kc8bqqDPf?b@|FckcZ2=g+@?|Mu<Mw`<p~
z>C>k_efsqC=g;fbt^4xj%d%z5mM&eoe*OCY|Nk=(0Th3-FfuR*Gw6WSg6w2qb$X!U
z$Hc&q>@{nJ*0kkTEC-YHz8FZQ@k?m79C_~0!PRq;F{w*Nt%pfLL5hQAm*)W&QCq3S
Ux{8k4(}h`B4?g#9XJD`f08N@mPXGV_

literal 107
zcmZ?wbhEHb<YnMxSj58c|NsBIX*0`q?%jN5JCMx)1ByRc7#SE?7<51aAhit41`@ku
zTo@Y++~x>-Wqsc#^P~2x#@rVooH@5wHB9i@BozKb;P9uI^*c|UyXO5@>VyLmgEat<
Cr6(f*

diff --git a/skin/latest/basic/img/icon_hot.gif b/skin/latest/basic/img/icon_hot.gif
index c95b839aeef0c1e26a4bab4ea50cd6d3f1969d7f..2936de662a6035fe711e2ca72f8d35c35fcdd832 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YC}uxXQqAGb!n2O7g#d|K1<i|Dd|&>EtQ*YwDiOn)&_i-FLfo-m9wo
z`|J0u%&d1icYVEm_r>BxZ?|rFGGXHDwQFCm-*CUS=J$v9pH827v1swLIkVqv-S&FT
znm60GKA$`H`~63^^YZTG=H0KWebV3eV)0@i<6e3B&6LzPTeklF^XuipMep|=`2YVu
z17$$*CkrD3gBF7h$QY2H7}#PQLY*8Z>1a(npuSj&!C+2M$D^Au49rIzmu_NUkbT$K
z@N|_DYcbb>j2Wy<#m#{VN6yADE^Oe)_z)w+$e|_7pjN@jAe_d}prOvK#K7Mmz^JUi
QD9{kY$HvB2;mBYO0LU4C3IG5A

literal 97
zcmZ?wbhEHb<YwSySj58c@BaP&aovCS?fWx#?*IS)8DK#1CkrD30}F!=NC2dkfmzLC
t*Pf40SlP2yB*g7$tccL4ku{sNusrLT*WANLSd#B(G}b<@_E%xB1^{x;B9{OF

diff --git a/skin/latest/basic/img/icon_img.gif b/skin/latest/basic/img/icon_img.gif
index fefa10d4a09ae3dd2407fd94582594c06aafa7fc..3ba495d054fa6588116e03c4fd4f38d58400b153 100644
GIT binary patch
literal 317
zcmZ?wbhEHb<YVAwxXQpVZ{EBI4<4*qwd%=}C$C?>e)HzdzkmOpK7G1o&6@rD_kZ~C
z0Z6`l`EvdG^($7a`10k;@87>SZ{B?6%9V{9H=a0gV&A@fKwYO#pT2+p{)-ncfKov2
zr%#`N;<s<#UcGwtg$oxRK74rh?p>f!KYsiGiW~)l<HwJ$T)Fb?+qb)R?b@_y)4Fx*
zfa?GM|Ia`oQ2fcl$iSe_paaqe@)HAF)PZIO2OTL^W_P6nIaMlWj!yWnD#}#;Xt#q-
zh~>hIr>|74(23<(<=9yw$9#m#@ra2-+bRv!3%fd0dBQ?f)ODm;T_l^Ed4xq>LVCj3
U#2LJNXZi*?xy@tnaAdFs0Qg;*ivR!s

literal 145
zcmZ?wbhEHb<YnMx*v!CCwZ|bjEhBu%CshO6irxQ#AZ6W;O*dMsr#UiU1ByRcz`{Bp
z5@ZGgi=Dv<&y_nCCD<_OEjU&=T`kQuUBvD6uGk+^?y}-8>zHen|7VvwFnzUPlarEA
ZqW~YXyUO~T+#YkUoJ%<UHcy$s8USAQEtCKN

diff --git a/skin/latest/basic/img/icon_link.gif b/skin/latest/basic/img/icon_link.gif
index 0f3cb1ac69e72e0822a798c933357fb4bfddde26..e9cb9559c9cd08a6f51993518a17dab128b82916 100644
GIT binary patch
literal 319
zcmZ?wbhEHb<YnMxxXQrL(b2JN*|NuvA78(I{nxKwn>KCQw{PFXi4*tl-~Zypi#>bx
zoH=vm#*G`BH*daj<;uHv@4kQkzG~H~FJHdAeEIUtn>R;~9_{Mtx_0f_nl)?Ity_2O
z*s&i!ek@+Rc<IumuU@_S`0?X~3l|O?IIwr`-d($PEnK+p$dMyEcI^1`=g+@?|Nj5~
z&p<Iy{K>+|z@W*X12PHZCkD2d15*k#mgtxrdBSj@My2(%!y%Ri725^|MOH?MNed6V
zWH4B?bq0De3MeqNK4dLOaQFC-7{bsIBBkKW&mha9!6PH#$(QSt&+Vx$CMmB}=`ZBN
Q!0YeKBE>UT(~-d%0A})n?*IS*

literal 104
zcmZ?wbhEHb<YnMxSj57RH*Mzmdp9<p+5Y|e_y7O@Gr)l2PZmZ71{MY#kN`+61GBEj
zE*8F?MhE5|<Bpo^C5PJ!o0i(lbajk5YP$OO9I5LU9W=bMGn1yqFENx>V_>ib05Q5F
AasU7T

diff --git a/skin/latest/basic/img/icon_lock.png b/skin/latest/basic/img/icon_lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a083a51d9aa7f27a9a379bee2c49d2ca9cc96c6
GIT binary patch
literal 1225
zcmbVMOKjU@9CwqjReiHb2qr;4xm2{$;%Dr{rs<N{?wW1sLK3M#+F_3UrL`JAX1k5s
z11pt)?f?t~5(fmGgb<)n35iJq#x{*2;D!)F0tA9i;=pC}h{Wr2niLMz4p{#Dz5c)7
z|LqIKndALEM|v;}>(5WiB{UD9aj5$M`YxQgL!;>dU#a?KyY4qt7h+l6u0fDD)j3##
zs=j>g3pjyc(YjHo`qjcIQL{}#4P}VHbPyWDCXNM;sx3et)Zm<9rSUr--N1pNr}0^?
zKouMb&KuJ!E-bIiRJ4@^P0;aUlVBnc5rGMP6$EC(^28vGw|GUg4v$G3v_$-cG`?$8
zwNM0-?Lxp2Y+R#g8t^<pCpey`j{=6G8InRTAEy%{$BRr7v>zO4bM?AdlBe3b&@PS7
z`@SQRWV6{Mnk-?vb0jSYLdd}|aU>D<mMvcm;+8kkVUVGxxrXB#wgo~)wPr8+X&hO)
z>w@VN3VXzs*A5g485yV!NfQ)lnxS7UY0odgf6dre+N&%(kSsyZUUW5-kNQXljAD0p
zMWG<FMm+5rC@E?~wzWkQT7F(m<LHLa4PBI(RF-3tg2KqM!qc>n6gWv%C^kp)3@s-+
z9Q$EYaze^72|-a(3{5M1O5t-7olWxW6eA0CqJzy_p08RO?C3R+-ZnOMSF9+xQ1xxM
zV%v>Q1r+CP-}dHh2S{ZejLjOBZa2O0Fg?58%Fs2Ipg!f=CTPW1H1^TYGLpieLFE*w
z<+qfjWQOAs$?TNGq*8brtN)*vk;oV_ERO#aOXmnxV7S~XeYDwY9%!MCaZzh@eLb$B
zw)#CUXDh*XwX-*4eCFEl`uXS%34ZL|`lT<nI#~JSAb4$Xt9PSuv1{{c;=RZY3!cEX
zO4HkJ=8yZ=hr4JtI`GI}2e&InU7;wHU%?K)_(u0j*Pm5xb7S$R3L}%h4W3|c#i|?c
zj}ASW`<BRDUVZbi{uAFvcTR%If$d86htoZqk;nhMXPv~(O%DA%`jcLKYbI8UUMzp`
zWH31N`si0Tz?E;VMm~!jX+D3c(YJb1BZh{b-ab=GtiAeR_ovm5Z>~wV9|lXA+TnNa
zo$a~x<>${SoA*8Q&{Fl#htaJ_=33vl@pEK@y0BK~4)lWS$8+y=y?q7irm&Y^kj{@;
R<G+SKm%K6~Z|2Uf{R5j-hb{mB

literal 0
HcmV?d00001

diff --git a/skin/latest/basic/img/icon_mobile.gif b/skin/latest/basic/img/icon_mobile.gif
index ad934d23c440c83db0c4589596465cb087353e01..43189ffaee886ff02c44094e1aa3decfbce02e7a 100644
GIT binary patch
literal 339
zcmZ?wbhEHb6ky<HxXQrL(b3V}-QCsIb@=e%hYuhA`}c4E{{8RYzyI>(%cf16Zrr$W
z{rdHjCr{3vJ$vQKmCv3%n>1<CoH=vWuU|iX`t+$&r}p;t{{H>@!i5WK)~q>x{P^O<
zi?3e2x^LgUUAuPu`Sa)6wQGO>{=Iqg=C5DBwt~R}F!=xfKLeG3;!hSv1_pHo9guk-
zKQXWs9GJXe!Gr(?hAx*t0V{byl?6c)-Q>=>GF;f9(9+?}ED$k=Bf9zd1Wy$s_Wnkn
z84PU88y&a=9<VbAOG&WG)T+o!D_6^~N=PN7sQRg^MYB&)U{h2V<KYogm*!NOGDX%y
WcG+rmJ`cV%%UA>iSXMhSSOWmH3xI$C

literal 62
zcmZ?wbhEHb<YnMxXkcInTKxR~|Nn|VSr|Y-2Sk8m7??y``d6No{vX42*<rQDx#;5i
LEwerJSQ)GVC$bXM

diff --git a/skin/latest/basic/img/icon_secret.gif b/skin/latest/basic/img/icon_secret.gif
index c04899f14fa727b64223f6c5457877c6c939639d..7be670092521700f211d938a5e54266fc25cfd10 100644
GIT binary patch
literal 318
zcmZ?wbhEHb<YwSyxXQrL(b4hZ#fuLgK0JK*u)DjvzrTO;=FNS5eL%*I8#f+2c+k_+
zvv~31&d$zLr%qkCaN*_4m(!<D2MV4&d-lkYBS3Q5vSsJbpPxK=@~c;`CQO(B)OG37
zrD@Zqtyr<*;>C++&YW4WV8MX{2Y_l09y~a2-n^qnkN*GvpMgq1@h1x-1A{t)4#+%^
zpBUJp4@};0iP6RF&=XgqlMO2KpR9E8oa7XAR_$b`iXzA51f4?;er$&r12dHQSe%^|
zeYK<-8VnLWIhYwLop{)I>Km)nnc11!o1El48(8?6rcGz!XW`>+oY%<B=g43U09}lD
Ar2qf`

literal 97
zcmZ?wbhEHb<YwSySj58c{rji9X*0`q?%jN5`~Uy{8DK#1CkrD30}F!=NC2dkfmzK%
t>&!1E4^4&ClEzh)PmWxV3{9A~!gB2-%RL5bHcgg3Zp^!+W&#6)H2^A_AxQuL

diff --git a/skin/latest/basic/img/icon_view.png b/skin/latest/basic/img/icon_view.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea76f54424bc4ccedf3334a5c9912725be81c441
GIT binary patch
literal 3130
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
UG`&eOM*si-07*qoM6N<$g5v<yX8-^I

literal 0
HcmV?d00001

diff --git a/skin/latest/basic/img/more_bg.gif b/skin/latest/basic/img/more_bg.gif
new file mode 100644
index 0000000000000000000000000000000000000000..19aab13a39b76d0503509119ec1fd72b9a36bf19
GIT binary patch
literal 1172
zcmZ?wbhEHbWM$xFXkcXM?(Y8o|G(mY?g-xi1((E<L?CTrUr~^loSj;tkd&I9nP;o?
ze)oPQh0GLNrEpVU1K$GY)Qn7zs-o23D!-8As_bOT6eW8*1)B=1irj+S)RIJnirk#M
zVyg;UrNor{q*N;)8zii+qySb@l5MNx2$E0$+3B2Ll&WB=XRMoSU}&gdW~OIoVrph)
zsH0$HU}&Uo07PcGh9*{~W>!Y#3Q(W~w5=#5%__*n4QdyVXRDM^Qc_^0uU}qXu2*iX
zmtT~wZ)j<02{OaTNEfI=x41H|B(Xv_uUHvof=g;~a#3bMNoIbY0?5R~r2NtnTP2`N
zAzsKW@b!fooL8&|_K;q3ey)B+Vu8M)o`HUDF34YC)x{-2sR(CaRb3oXS&*t9lv<o$
zT9lj$RIUuu3=BK`7J(E3U1Q~6lnIQK#2lCW<kH;Kyb@0rTP2{3UP@+)m5Y&uqp7jE
zrK^#Pi>sNTp{2Q{sk4i#fw7aJnUSH3Im`@fdQD7?&792LoZQS^91RU!%`D7aOr6bK
zElfac6JrCIUeCPZlEl2^RG7V)KzpHj9r5b5axO|uEXgkl$<NP$rGS8p{F40QjQj!x
z=U_7hjquF8l>G8yO;GeeeCv{0lv$RV;#QQOs{jsPt4u8R8yOlIo0__~IvcoJg8c1d
zX5{ARWaemM>E`5WVQHiU)tf?2nCSx@qYp|PNQng|1WbV-COqi_Iq=Mrng`4=MZm1V
z`2XMEKfizd{PF$U*Ds$xef;qL-P<>>U%h<s{Mpkdj~_jJaR1)jJGXD$ym9^7)hm}T
zUA%Dq+}SgyPn|q*{MgYWhYuY*uz%m)J-c`9+_8Pz)-9ViZQQVa-P$#)SFK#JeA&_^
zix(|iFn`|MIkRWYoH2dc)G3oEO`Oo**W1(G)!EVB*4onC)Ywp8S6fqERasG9R$5YA
zR9KLomz$HFm6?&AmYR~Bl$a177aJ2D6&Vp878(*96d2&|=j-F`<>}$>=IY|?<mg~;
zXKQ0^Wocn<W@=(=WN4tTr>mo_rKzE=rmCW>q^KY-Co3Z@B`F~;CMqH<Bq+eo$IHXb
t#mT|W#>&FX#K^#)_>%=lGBW5e00F4vVPN9!;T4~7{8w1F_e~}SYXI*Om>d8A

literal 0
HcmV?d00001

diff --git a/skin/latest/basic/latest.skin.php b/skin/latest/basic/latest.skin.php
index 989a3ee40..da2551790 100644
--- a/skin/latest/basic/latest.skin.php
+++ b/skin/latest/basic/latest.skin.php
@@ -7,38 +7,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
 
 <!-- <?php echo $bo_subject; ?> 최신글 시작 { -->
 <div class="lt">
-    <strong class="lt_title"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject; ?></a></strong>
+    <h2 class="lt_title"><i class="fa fa-list-alt" aria-hidden="true"></i> <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><?php echo $bo_subject; ?></a></h2>
     <ul>
     <?php for ($i=0; $i<count($list); $i++) {  ?>
         <li>
-            <?php
-            //echo $list[$i]['icon_reply']." ";
-            echo "<a href=\"".$list[$i]['href']."\">";
-            if ($list[$i]['is_notice'])
-                echo "<strong>".$list[$i]['subject']."</strong>";
-            else
-                echo $list[$i]['subject'];
+            <div class="lt_left">
+                <?php
+                //echo $list[$i]['icon_reply']." ";
+                echo "<a href=\"".$list[$i]['href']."\">";
+                if ($list[$i]['is_notice'])
+                    echo "<strong>".$list[$i]['subject']."</strong>";
+                else
+                    echo $list[$i]['subject'];
 
-            if ($list[$i]['comment_cnt'])
-                echo $list[$i]['comment_cnt'];
-
-            echo "</a>";
-
-            // if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
-            // if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
-
-            if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
-            if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot'];
-            if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file'];
-            if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link'];
-            if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret'];
-             ?>
+                echo "</a>";
+                 ?>
+                 <?php if ($list[$i]['comment_cnt']) echo $list[$i]['comment_cnt'];  ?>
+            </div>
+            <span class="lt_date"><?php echo $list[$i]['datetime2'] ?></span>
         </li>
     <?php }  ?>
     <?php if (count($list) == 0) { //게시물이 없을 때  ?>
-    <li>게시물이 없습니다.</li>
+    <li class="empty_li">게시물이 없습니다.</li>
     <?php }  ?>
     </ul>
-    <div class="lt_more"><a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>"><span class="sound_only"><?php echo $bo_subject ?></span>더보기</a></div>
 </div>
 <!-- } <?php echo $bo_subject; ?> 최신글 끝 -->
\ No newline at end of file
diff --git a/skin/latest/basic/style.css b/skin/latest/basic/style.css
index ab55517b1..d3ce312b8 100644
--- a/skin/latest/basic/style.css
+++ b/skin/latest/basic/style.css
@@ -1,11 +1,12 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
 /* 새글 스킨 (latest) */
 .lt_pc {float:left;margin-left:20px}
-.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #e9e9e9}
-.lt ul {margin:0 0 10px;padding:0;list-style:none}
-.lt li {padding:3px 0}
-.lt .lt_title {display:block;padding:10px 0 8px}
-.lt .lt_more {position:absolute;top:10px;right:0}
-.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
\ No newline at end of file
+.lt {position:relative;float:left;margin-bottom:10px;width:315px;}
+.lt ul {margin:0 0 10px;padding:10px;list-style:none;border:1px solid #e8e8e8;}
+.lt li {line-height:25px;position:relative;padding:0 70px 0 10px;;background:#fff;}
+.lt li .lt_left{display:block;}
+.lt .lt_title {font-size:1.083em;position: relative;background: #eee;border-bottom:1px solid #ffa74d;height: 40px;line-height: 40px;}
+.lt .lt_title i{width:40px;background:#ffa74d;height:39px;line-height:39px;color:#fff;text-align:center;margin-right:5px}
+.lt .cnt_cmt {position:absolute;top:0px;right:45px;display:inline-block;color:#ed6478;font-weight:bold;font-size:0.92em}
+.lt .lt_date{position:absolute;top:0;right:10px;display:inline-block;color:#777;font-style:italic;font-size:0.92em}
+.lt .empty_li{padding: 0;line-height:125px ;text-align:center;color:#777}
diff --git a/skin/member/basic/formmail.skin.php b/skin/member/basic/formmail.skin.php
index e57be622c..42b5520de 100644
--- a/skin/member/basic/formmail.skin.php
+++ b/skin/member/basic/formmail.skin.php
@@ -6,70 +6,69 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 폼메일 시작 { -->
-<div id="formmail" class="new_win mbskin">
+<div id="formmail" class="new_win">
     <h1 id="win_title"><?php echo $name ?>님께 메일보내기</h1>
 
     <form name="fformmail" action="./formmail_send.php" onsubmit="return fformmail_submit(this);" method="post" enctype="multipart/form-data" style="margin:0px;">
     <input type="hidden" name="to" value="<?php echo $email ?>">
     <input type="hidden" name="attach" value="2">
     <?php if ($is_member) { // 회원이면  ?>
-    <input type="hidden" name="fnick" value="<?php echo get_text($member['mb_nick']); ?>">
+    <input type="hidden" name="fnick" value="<?php echo get_text($member['mb_nick']) ?>">
     <input type="hidden" name="fmail" value="<?php echo $member['mb_email'] ?>">
     <?php }  ?>
 
-    <div class="tbl_frm01 tbl_form">
-        <table>
-        <caption>메일쓰기</caption>
-        <tbody>
-        <?php if (!$is_member) {  ?>
-        <tr>
-            <th scope="row"><label for="fnick">이름<strong class="sound_only">필수</strong></label></th>
-            <td><input type="text" name="fnick" id="fnick" required class="frm_input required"></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="fmail">E-mail<strong class="sound_only">필수</strong></label></th>
-            <td><input type="text" name="fmail"  id="fmail" required class="frm_input required"></td>
-        </tr>
-        <?php }  ?>
-        <tr>
-            <th scope="row"><label for="subject">제목<strong class="sound_only">필수</strong></label></th>
-            <td><input type="text" name="subject" id="subject" required class="frm_input required"></td>
-        </tr>
-        <tr>
-            <th scope="row">형식</th>
-            <td>
+    <div class="form_01 new_win_con">
+        <h2 class="sound_only">메일쓰기</h2>
+        <ul>
+            <?php if (!$is_member) {  ?>
+            <li>
+                <label for="fnick" class="sound_only">이름<strong>필수</strong></label>
+                <input type="text" name="fnick" id="fnick" required class="frm_input full_input required" placeholder="이름">
+            </li>
+            <li>
+                <label for="fmail" class="sound_only">E-mail<strong>필수</strong></label>
+                <input type="text" name="fmail"  id="fmail" required class="frm_input full_input required" placeholder="E-mail">
+            </li>
+            <?php }  ?>
+            <li>
+                <label for="subject" class="sound_only">제목<strong>필수</strong></label>
+                <input type="text" name="subject" id="subject" required class="frm_input full_input required"  placeholder="제목">
+            </li>
+            <li>
+                <span class="sound_only">형식</span>
                 <input type="radio" name="type" value="0" id="type_text" checked> <label for="type_text">TEXT</label>
                 <input type="radio" name="type" value="1" id="type_html"> <label for="type_html">HTML</label>
                 <input type="radio" name="type" value="2" id="type_both"> <label for="type_both">TEXT+HTML</label>
-            </td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="content">내용<strong class="sound_only">필수</strong></label></th>
-            <td><textarea name="content" id="content" required class="required"></textarea></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="file1">첨부 파일 1</label></th>
-            <td>
-                <input type="file" name="file1"  id="file1"  class="frm_input">
-                첨부 파일은 누락될 수 있으므로 메일을 보낸 후 파일이 첨부 되었는지 반드시 확인해 주시기 바랍니다.
-            </td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="file2">첨부 파일 2</label></th>
-            <td><input type="file" name="file2" id="file2" class="frm_input"></td>
-        </tr>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td><?php echo captcha_html(); ?></td>
-        </tr>
-        </tbody>
-        </table>
+            </li>
+            <li>
+                <label for="content" class="sound_only">내용<strong>필수</strong></label>
+                <textarea name="content" id="content" required class="required"></textarea>
+            </li>
+            <li class="formmail_flie">
+                <div class="file_wr">
+                    <label for="file1" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 첨부 파일 1</span></label>
+                    <input type="file" name="file1"  id="file1"  class="frm_file full_input">
+               </div>
+               <div class="frm_info">첨부 파일은 누락될 수 있으므로 메일을 보낸 후 파일이 첨부 되었는지 반드시 확인해 주시기 바랍니다.</div>
+                
+            </li>
+            <li class="formmail_flie">
+                <div class="file_wr">
+                    <label for="file2" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 첨부 파일 2</span></label>
+                    <input type="file" name="file2" id="file2" class="frm_file full_input">
+                </div>
+            </li>
+            <li>
+                <span class="sound_only">자동등록방지</span>
+                <?php echo captcha_html(); ?>
+            </li>
+        </ul>
+        <div class="win_btn">
+            <input type="submit" value="메일발송" id="btn_submit" class="btn_submit">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
     </div>
 
-    <div class="win_btn">
-        <input type="submit" value="메일발송" id="btn_submit" class="btn_submit">
-        <button type="button" onclick="window.close();">창닫기</button>
-    </div>
 
     </form>
 </div>
diff --git a/skin/member/basic/login.skin.php b/skin/member/basic/login.skin.php
index d22e28a83..ef4851848 100644
--- a/skin/member/basic/login.skin.php
+++ b/skin/member/basic/login.skin.php
@@ -14,10 +14,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 
     <fieldset id="login_fs">
         <legend>회원로그인</legend>
-        <label for="login_id" class="login_id">회원아이디<strong class="sound_only"> 필수</strong></label>
-        <input type="text" name="mb_id" id="login_id" required class="frm_input required" size="20" maxLength="20">
-        <label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label>
-        <input type="password" name="mb_password" id="login_pw" required class="frm_input required" size="20" maxLength="20">
+        <label for="login_id" class="sound_only">회원아이디<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="mb_id" id="login_id" required class="frm_input required" size="20" maxLength="20" placeholder="아이디">
+        <label for="login_pw" class="sound_only">비밀번호<strong class="sound_only"> 필수</strong></label>
+        <input type="password" name="mb_password" id="login_pw" required class="frm_input required" size="20" maxLength="20" placeholder="비밀번호">
         <input type="submit" value="로그인" class="btn_submit">
         <input type="checkbox" name="auto_login" id="login_auto_login">
         <label for="login_auto_login">자동로그인</label>
@@ -30,20 +30,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 
     <aside id="login_info">
         <h2>회원로그인 안내</h2>
-        <p>
-            회원아이디 및 비밀번호가 기억 안나실 때는 아이디/비밀번호 찾기를 이용하십시오.<br>
-            아직 회원이 아니시라면 회원으로 가입 후 이용해 주십시오.
-        </p>
-        <div>
-            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" target="_blank" id="login_password_lost" class="btn02">아이디 비밀번호 찾기</a>
-            <a href="./register.php" class="btn01">회원 가입</a>
+            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" target="_blank" id="login_password_lost">아이디 비밀번호 찾기</a>
+            <a href="./register.php">회원 가입</a>
         </div>
     </aside>
 
-    <div class="btn_confirm">
-        <a href="<?php echo G5_URL ?>/">메인으로 돌아가기</a>
-    </div>
-
     </form>
 
 </div>
diff --git a/skin/member/basic/member_confirm.skin.php b/skin/member/basic/member_confirm.skin.php
index b1861dcd5..457a318b4 100644
--- a/skin/member/basic/member_confirm.skin.php
+++ b/skin/member/basic/member_confirm.skin.php
@@ -23,25 +23,15 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
     <input type="hidden" name="w" value="u">
 
     <fieldset>
-        회원아이디
+        <span class="confirm_id">회원아이디</span>
         <span id="mb_confirm_id"><?php echo $member['mb_id'] ?></span>
-
-        <label for="confirm_mb_password">비밀번호<strong class="sound_only">필수</strong></label>
-        <input type="password" name="mb_password" id="confirm_mb_password" required class="required frm_input" size="15" maxLength="20">
+        <label for="confirm_mb_password" class="sound_only">비밀번호<strong>필수</strong></label>
+        <input type="password" name="mb_password" id="confirm_mb_password" required class="required frm_input" size="15" maxLength="20" placeholder="비밀번호">
         <input type="submit" value="확인" id="btn_submit" class="btn_submit">
-
-        <?php
-        // 소셜로그인 버튼
-        include_once(G5_PLUGIN_PATH.'/oauth/member_confirm.skin.inc.php');
-        ?>
     </fieldset>
 
     </form>
 
-    <div class="btn_confirm">
-        <a href="<?php echo G5_URL ?>">메인으로 돌아가기</a>
-    </div>
-
 </div>
 
 <script>
diff --git a/skin/member/basic/memo.skin.php b/skin/member/basic/memo.skin.php
index f7477b5bf..fe72fa7e3 100644
--- a/skin/member/basic/memo.skin.php
+++ b/skin/member/basic/memo.skin.php
@@ -6,48 +6,39 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 쪽지 목록 시작 { -->
-<div id="memo_list" class="new_win mbskin">
-    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+<div id="memo_list" class="new_win">
+    <h1 id="win_title"><i class="fa fa-envelope-o" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
+    <div class="new_win_con">
+        <ul class="win_ul">
+            <li class="<?php if ($kind == 'recv') {  ?>selected<?php }  ?>"><a href="./memo.php?kind=recv">받은쪽지</a></li>
+            <li class="<?php if ($kind == 'send') {  ?>selected<?php }  ?>"><a href="./memo.php?kind=send">보낸쪽지</a></li>
+            <li><a href="./memo_form.php">쪽지쓰기</a></li>
+        </ul>
+        <div class="win_total">
+            <span>
+                전체 <?php echo $kind_title ?>쪽지 <?php echo $total_count ?>통<br>
+            </span>
+        </div>
+        <div class="list_01">
 
-    <ul class="win_ul">
-        <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
-        <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
-        <li><a href="./memo_form.php">쪽지쓰기</a></li>
-    </ul>
+            <ul>
+            <?php for ($i=0; $i<count($list); $i++) {  ?>
+            <li>
+                <span class="memo_name"><a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['mb_nick'] ?></a></span>
+                <span class="memo_datetime"><?php echo $list[$i]['send_datetime'] ?> - <?php echo $list[$i]['read_datetime'] ?> <a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del"><i class="fa fa-times-circle" aria-hidden="true"></i> <span class="sound_only">삭제</span></a></span>
+            </li>
+            <?php }  ?>
+            <?php if ($i==0) { echo '<tr><td colspan="4" class="empty_table">자료가 없습니다.</td></tr>'; }  ?>
+            </ul>
+        </div>
 
-    <div class="tbl_head01 tbl_wrap">
-        <table>
-        <caption>
-            전체 <?php echo $kind_title ?>쪽지 <?php echo $total_count ?>통<br>
-        </caption>
-        <thead>
-        <tr>
-            <th scope="col"><?php echo  ($kind == "recv") ? "보낸사람" : "받는사람";  ?></th>
-            <th scope="col">보낸시간</th>
-            <th scope="col">읽은시간</th>
-            <th scope="col">관리</th>
-        </tr>
-        </thead>
-        <tbody>
-        <?php for ($i=0; $i<count($list); $i++) {  ?>
-        <tr>
-            <td><?php echo $list[$i]['name'] ?></td>
-            <td class="td_datetime"><a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['send_datetime'] ?></a></td>
-            <td class="td_datetime"><a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['read_datetime'] ?></a></td>
-            <td class="td_mng"><a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;">삭제</a></td>
-        </tr>
-        <?php }  ?>
-        <?php if ($i==0) { echo '<tr><td colspan="4" class="empty_table">자료가 없습니다.</td></tr>'; }  ?>
-        </tbody>
-        </table>
-    </div>
+        <p class="win_desc">
+            쪽지 보관일수는 최장 <strong><?php echo $config['cf_memo_del'] ?></strong>일 입니다.
+        </p>
 
-    <p class="win_desc">
-        쪽지 보관일수는 최장 <strong><?php echo $config['cf_memo_del'] ?></strong>일 입니다.
-    </p>
-
-    <div class="win_btn">
-        <button type="button" onclick="window.close();">창닫기</button>
+        <div class="win_btn">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
     </div>
 </div>
 <!-- } 쪽지 목록 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/memo_form.skin.php b/skin/member/basic/memo_form.skin.php
index 58a9dda6a..67693cb95 100644
--- a/skin/member/basic/memo_form.skin.php
+++ b/skin/member/basic/memo_form.skin.php
@@ -6,51 +6,45 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 쪽지 보내기 시작 { -->
-<div id="memo_write" class="new_win mbskin">
-    <h1 id="win_title">쪽지 보내기</h1>
+<div id="memo_write" class="new_win">
+    <h1 id="win_title"><i class="fa fa-envelope-o" aria-hidden="true"></i> 쪽지 보내기</h1>
+    <div class="new_win_con">
+        <ul class="win_ul">
+            <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
+            <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
+            <li class="selected"><a href="./memo_form.php">쪽지쓰기</a></li>
+        </ul>
 
-    <ul class="win_ul">
-        <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
-        <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
-        <li><a href="./memo_form.php">쪽지쓰기</a></li>
-    </ul>
+        <form name="fmemoform" action="<?php echo $memo_action_url; ?>" onsubmit="return fmemoform_submit(this);" method="post" autocomplete="off">
+        <div class="form_01">
+            <h2 class="sound_only">쪽지쓰기</h2>
+            <ul>
+                <li>
+                    <label for="me_recv_mb_id" class="sound_only">받는 회원아이디<strong>필수</strong></label>
+                    
+                    <input type="text" name="me_recv_mb_id" value="<?php echo $me_recv_mb_id ?>" id="me_recv_mb_id" required class="frm_input full_input required" size="47" placeholder="받는 회원아이디">
+                    <span class="frm_info">여러 회원에게 보낼때는 컴마(,)로 구분하세요.</span>
+                    <?php if ($config['cf_memo_send_point']) { ?>
+                    <br ><span class="frm_info">쪽지 보낼때 회원당 <?php echo number_format($config['cf_memo_send_point']); ?>점의 포인트를 차감합니다.</span>
+                    <?php } ?>
+                </li>
+                <li>
+                    <label for="me_memo" class="sound_only">내용</label>
+                    <textarea name="me_memo" id="me_memo" required class="required"><?php echo $content ?></textarea>
+                </li>
+                <li>
+                    <span class="sound_only">자동등록방지</span>
+                    
+                    <?php echo captcha_html(); ?>
+                    
+                </li>
+            </ul>
+        </div>
 
-    <form name="fmemoform" action="<?php echo $memo_action_url; ?>" onsubmit="return fmemoform_submit(this);" method="post" autocomplete="off">
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>쪽지쓰기</caption>
-        <tbody>
-        <?php if ($config['cf_memo_send_point']) { ?>
-        <tr>
-            <td colspan="2">
-                <strong>쪽지 보낼때 회원당 <?php echo number_format($config['cf_memo_send_point']); ?>점의 포인트를 차감합니다.</strong>
-            </td>
-        </tr>
-        <?php } ?>
-        <tr>
-            <th scope="row"><label for="me_recv_mb_id">받는 회원아이디<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <input type="text" name="me_recv_mb_id" value="<?php echo $me_recv_mb_id ?>" id="me_recv_mb_id" required class="frm_input required" size="47">
-                <span class="frm_info">여러 회원에게 보낼때는 컴마(,)로 구분하세요.</span>
-            </td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="me_memo">내용</label></th>
-            <td><textarea name="me_memo" id="me_memo" required class="required"><?php echo $content ?></textarea></td>
-        </tr>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td>
-                <?php echo captcha_html(); ?>
-            </td>
-        </tr>
-        </tbody>
-        </table>
-    </div>
-
-    <div class="win_btn">
-        <input type="submit" value="보내기" id="btn_submit" class="btn_submit">
-        <button type="button" onclick="window.close();">창닫기</button>
+        <div class="win_btn">
+            <input type="submit" value="보내기" id="btn_submit" class="btn_submit">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+        </div>
     </div>
     </form>
 </div>
diff --git a/skin/member/basic/memo_view.skin.php b/skin/member/basic/memo_view.skin.php
index 87f15ce42..6a532b9bf 100644
--- a/skin/member/basic/memo_view.skin.php
+++ b/skin/member/basic/memo_view.skin.php
@@ -15,46 +15,49 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 쪽지보기 시작 { -->
-<div id="memo_view" class="new_win mbskin">
-    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
-
-    <!-- 쪽지함 선택 시작 { -->
-    <ul class="win_ul">
-        <li><a href="./memo.php?kind=recv">받은쪽지</a></li>
-        <li><a href="./memo.php?kind=send">보낸쪽지</a></li>
-        <li><a href="./memo_form.php">쪽지쓰기</a></li>
-    </ul>
-    <!-- } 쪽지함 선택 끝 -->
-
-    <article id="memo_view_contents">
-        <header>
-            <h1>쪽지 내용</h1>
-        </header>
-        <ul id="memo_view_ul">
-            <li class="memo_view_li">
-                <span class="memo_view_subj"><?php echo $kind_str ?>사람</span>
-                <strong><?php echo $nick ?></strong>
-            </li>
-            <li class="memo_view_li">
-                <span class="memo_view_subj"><?php echo $kind_date ?>시간</span>
-                <strong><?php echo $memo['me_send_datetime'] ?></strong>
-            </li>
+<div id="memo_view" class="new_win">
+    <h1 id="win_title"><i class="fa fa-envelope-o" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
+    <div class="new_win_con">
+        <!-- 쪽지함 선택 시작 { -->
+        <ul class="win_ul">
+            <li class="<?php if ($kind == 'recv') {  ?>selected<?php }  ?>"><a href="./memo.php?kind=recv">받은쪽지</a></li>
+            <li class="<?php if ($kind == 'send') {  ?>selected<?php }  ?>"><a href="./memo.php?kind=send">보낸쪽지</a></li>
+            <li><a href="./memo_form.php">쪽지쓰기</a></li>
         </ul>
-        <p>
-            <?php echo conv_content($memo['me_memo'], 0) ?>
-        </p>
-    </article>
+        <!-- } 쪽지함 선택 끝 -->
 
-    <div class="win_btn">
-        <?php if($prev_link) {  ?>
-        <a href="<?php echo $prev_link ?>">이전쪽지</a>
-        <?php }  ?>
-        <?php if($next_link) {  ?>
-        <a href="<?php echo $next_link ?>">다음쪽지</a>
-        <?php }  ?>
-        <?php if ($kind == 'recv') {  ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&amp;me_id=<?php echo $memo['me_id'] ?>">답장</a><?php }  ?>
-        <a href="./memo.php?kind=<?php echo $kind ?>">목록보기</a>
-        <button type="button" onclick="window.close();">창닫기</button>
+        <article id="memo_view_contents">
+            <header>
+                <h2>쪽지 내용</h2>
+            </header>
+            <ul id="memo_view_ul">
+                <li class="memo_view_li memo_view_name">
+                    <span class="memo_view_subj"><?php echo $kind_str ?>사람</span>
+                    <strong><span class="profile_img"><img src="<?php echo G5_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $nick ?></strong>
+                </li>
+                <li class="memo_view_li memo_view_date">
+                    <span class="sound_only"><?php echo $kind_date ?>시간</span>
+                    <strong><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $memo['me_send_datetime'] ?></strong>
+                </li>
+            </ul>
+            <p>
+                <?php echo conv_content($memo['me_memo'], 0) ?>
+            </p>
+        </article>
+
+
+        <div class="win_btn">
+            <?php if($prev_link) {  ?>
+            <a href="<?php echo $prev_link ?>" class="btn btn_b01"><i class="fa fa-angle-left" aria-hidden="true"></i> 이전쪽지</a>
+            <?php }  ?>
+            <?php if($next_link) {  ?>
+            <a href="<?php echo $next_link ?>" class="btn btn_b01">다음쪽지 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
+            <?php }  ?>
+
+            <a href="./memo.php?kind=<?php echo $kind ?>" class="btn btn_b01"><i class="fa fa-list" aria-hidden="true"></i> 목록</a>
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+            <?php if ($kind == 'recv') {  ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&amp;me_id=<?php echo $memo['me_id'] ?>" class="btn btn_b02">답장</a><?php }  ?>
+        </div>
     </div>
 </div>
 <!-- } 쪽지보기 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/password.skin.php b/skin/member/basic/password.skin.php
index 4564a05fa..eab84757f 100644
--- a/skin/member/basic/password.skin.php
+++ b/skin/member/basic/password.skin.php
@@ -22,7 +22,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
         작성자 본인이라면, 글 작성시 입력한 비밀번호를 입력하여 글을 삭제할 수 있습니다.
         <?php } else {  ?>
         <strong>비밀글 기능으로 보호된 글입니다.</strong>
-        작성자와 관리자만 열람하실 수 있습니다. 본인이라면 비밀번호를 입력하세요.
+        작성자와 관리자만 열람하실 수 있습니다.<br> 본인이라면 비밀번호를 입력하세요.
         <?php }  ?>
     </p>
 
@@ -36,15 +36,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
     <input type="hidden" name="page" value="<?php echo $page ?>">
 
     <fieldset>
-        <label for="pw_wr_password">비밀번호<strong class="sound_only">필수</strong></label>
-        <input type="password" name="wr_password" id="password_wr_password" required class="frm_input required" size="15" maxLength="20">
+        <label for="pw_wr_password" class="sound_only">비밀번호<strong>필수</strong></label>
+        <input type="password" name="wr_password" id="password_wr_password" required class="frm_input required" size="15" maxLength="20" placeholder="비밀번호">
         <input type="submit" value="확인" class="btn_submit">
     </fieldset>
     </form>
 
-    <div class="btn_confirm">
-        <a href="<?php echo $return_url ?>">돌아가기</a>
-    </div>
-
 </div>
 <!-- } 비밀번호 확인 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/password_lost.skin.php b/skin/member/basic/password_lost.skin.php
index c56ca88d2..755cbd8bc 100644
--- a/skin/member/basic/password_lost.skin.php
+++ b/skin/member/basic/password_lost.skin.php
@@ -6,23 +6,24 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 회원정보 찾기 시작 { -->
-<div id="find_info" class="new_win mbskin">
+<div id="find_info" class="new_win">
     <h1 id="win_title">회원정보 찾기</h1>
-
-    <form name="fpasswordlost" action="<?php echo $action_url ?>" onsubmit="return fpasswordlost_submit(this);" method="post" autocomplete="off">
-    <fieldset id="info_fs">
-        <p>
-            회원가입 시 등록하신 이메일 주소를 입력해 주세요.<br>
-            해당 이메일로 아이디와 비밀번호 정보를 보내드립니다.
-        </p>
-        <label for="mb_email">E-mail 주소<strong class="sound_only">필수</strong></label>
-        <input type="text" name="mb_email" id="mb_email" required class="required frm_input email" size="30">
-    </fieldset>
-    <?php echo captcha_html();  ?>
-    <div class="win_btn">
+    <div class="new_win_con">
+        <form name="fpasswordlost" action="<?php echo $action_url ?>" onsubmit="return fpasswordlost_submit(this);" method="post" autocomplete="off">
+        <fieldset id="info_fs">
+            <p>
+                회원가입 시 등록하신 이메일 주소를 입력해 주세요.<br>
+                해당 이메일로 아이디와 비밀번호 정보를 보내드립니다.
+            </p>
+            <label for="mb_email" class="sound_only">E-mail 주소<strong class="sound_only">필수</strong></label>
+            <input type="text" name="mb_email" id="mb_email" required class="required frm_input full_input email" size="30" placeholder="E-mail 주소">
+        </fieldset>
+        <?php echo captcha_html();  ?>
         <input type="submit" value="확인" class="btn_submit">
-        <button type="button" onclick="window.close();">창닫기</button>
+
     </div>
+    <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
+
     </form>
 </div>
 
diff --git a/skin/member/basic/point.skin.php b/skin/member/basic/point.skin.php
index d0e754fba..106a12ca7 100644
--- a/skin/member/basic/point.skin.php
+++ b/skin/member/basic/point.skin.php
@@ -6,83 +6,74 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <div id="point" class="new_win">
-    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+    <h1 id="win_title"><i class="fa fa-database" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
 
-    <div class="tbl_head01 tbl_wrap">
-        <table>
-        <caption>포인트 사용내역 목록</caption>
-        <thead>
-        <tr>
-            <th scope="col">일시</th>
-            <th scope="col">내용</th>
-            <th scope="col">만료일</th>
-            <th scope="col">지급포인트</th>
-            <th scope="col">사용포인트</th>
-        </tr>
-        </thead>
-        <tbody>
-        <?php
-        $sum_point1 = $sum_point2 = $sum_point3 = 0;
+    <div class="new_win_con list_01">
+        
+        <ul>
+            <li class="point_all">
+                보유포인트
+                <span><i class="fa fa-database" aria-hidden="true"></i> <?php echo number_format($member['mb_point']); ?></span>
+            </li>
+            <?php
+            $sum_point1 = $sum_point2 = $sum_point3 = 0;
 
-        $sql = " select *
-                    {$sql_common}
-                    {$sql_order}
-                    limit {$from_record}, {$rows} ";
-        $result = sql_query($sql);
-        for ($i=0; $row=sql_fetch_array($result); $i++) {
-            $point1 = $point2 = 0;
-            if ($row['po_point'] > 0) {
-                $point1 = '+' .number_format($row['po_point']);
-                $sum_point1 += $row['po_point'];
-            } else {
-                $point2 = number_format($row['po_point']);
-                $sum_point2 += $row['po_point'];
+            $sql = " select *
+                        {$sql_common}
+                        {$sql_order}
+                        limit {$from_record}, {$rows} ";
+            $result = sql_query($sql);
+            for ($i=0; $row=sql_fetch_array($result); $i++) {
+                $point1 = $point2 = 0;
+                if ($row['po_point'] > 0) {
+                    $point1 = '+' .number_format($row['po_point']);
+                    $sum_point1 += $row['po_point'];
+                } else {
+                    $point2 = number_format($row['po_point']);
+                    $sum_point2 += $row['po_point'];
+                }
+
+                $po_content = $row['po_content'];
+
+                $expr = '';
+                if($row['po_expired'] == 1)
+                    $expr = ' txt_expired';
+            ?>
+            <li>
+                <div class="point_top">
+                    <span class="point_tit"><?php echo $po_content; ?></span>
+                    <span class="point_num"><?php if ($point1) echo $point1; else echo $point2; ?></span>
+
+                </div>
+                <span class="point_date1"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $row['po_datetime']; ?></span>
+                <span class="point_date<?php echo $expr; ?>">
+                    <?php if ($row['po_expired'] == 1) { ?>
+                    만료 <?php echo substr(str_replace('-', '', $row['po_expire_date']), 2); ?>
+                    <?php } else echo $row['po_expire_date'] == '9999-12-31' ? '&nbsp;' : $row['po_expire_date']; ?>
+                </span>
+            </li>
+            <?php
             }
 
-            $po_content = $row['po_content'];
+            if ($i == 0)
+                echo '<li class="empty_li">자료가 없습니다.</li>';
+            else {
+                if ($sum_point1 > 0)
+                    $sum_point1 = "+" . number_format($sum_point1);
+                $sum_point2 = number_format($sum_point2);
+            }
+            ?>
+        
+            <li class="point_status">
+                소계
+                <span><?php echo $sum_point1; ?>
+                <?php echo $sum_point2; ?></span>
+            </li>
+        </ul>
 
-            $expr = '';
-            if($row['po_expired'] == 1)
-                $expr = ' txt_expired';
-        ?>
-        <tr>
-            <td class="td_datetime"><?php echo $row['po_datetime']; ?></td>
-            <td><?php echo $po_content; ?></td>
-            <td class="td_date<?php echo $expr; ?>">
-                <?php if ($row['po_expired'] == 1) { ?>
-                만료<?php echo substr(str_replace('-', '', $row['po_expire_date']), 2); ?>
-                <?php } else echo $row['po_expire_date'] == '9999-12-31' ? '&nbsp;' : $row['po_expire_date']; ?>
-            </td>
-            <td class="td_numbig"><?php echo $point1; ?></td>
-            <td class="td_numbig"><?php echo $point2; ?></td>
-        </tr>
-        <?php
-        }
-
-        if ($i == 0)
-            echo '<tr><td colspan="5" class="empty_table">자료가 없습니다.</td></tr>';
-        else {
-            if ($sum_point1 > 0)
-                $sum_point1 = "+" . number_format($sum_point1);
-            $sum_point2 = number_format($sum_point2);
-        }
-        ?>
-        </tbody>
-        <tfoot>
-        <tr>
-            <th scope="row" colspan="3">소계</th>
-            <td><?php echo $sum_point1; ?></td>
-            <td><?php echo $sum_point2; ?></td>
-        </tr>
-        <tr>
-            <th scope="row" colspan="3">보유포인트</th>
-            <td colspan="2"><?php echo number_format($member['mb_point']); ?></td>
-        </tr>
-        </tfoot>
-        </table>
     </div>
 
     <?php echo get_paging(G5_IS_MOBILE ? $config['cf_mobile_pages'] : $config['cf_write_pages'], $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr.'&amp;page='); ?>
 
-    <div class="win_btn"><button type="button" onclick="javascript:window.close();">창닫기</button></div>
+    <button type="button" onclick="javascript:window.close();" class="btn_close">창닫기</button>
 </div>
\ No newline at end of file
diff --git a/skin/member/basic/profile.skin.php b/skin/member/basic/profile.skin.php
index 0b0535fab..63e25c9a8 100644
--- a/skin/member/basic/profile.skin.php
+++ b/skin/member/basic/profile.skin.php
@@ -6,45 +6,47 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 자기소개 시작 { -->
-<div id="profile" class="new_win mbskin">
+<div id="profile" class="new_win">
     <h1 id="win_title"><?php echo $mb_nick ?>님의 프로필</h1>
-
-    <div class="tbl_head01 tbl_wrap">
+    <div class="profile_name">
+        <span class="profile_img">
+            <img src="<?php echo G5_IMG_URL;?>/no_profile.gif" alt="프로필이미지">
+        </span>
+        <?php echo $mb_nick ?>
+    </div>
+    <div class="tbl_head02 tbl_wrap new_win_con">
         <table>
         <tbody>
         <tr>
-            <th scope="row">회원권한</th>
+            <th scope="row"><i class="fa fa-star-o" aria-hidden="true"></i>  회원권한</th>
             <td><?php echo $mb['mb_level'] ?></td>
+            <th scope="row"><i class="fa fa-database" aria-hidden="true"></i> 포인트</th>
+            <td><?php echo number_format($mb['mb_point']) ?></td>
         </tr>
         <tr>
-            <th scope="row">포인트</th>
-            <td><?php echo number_format($mb['mb_point']) ?></td>
+            <th scope="row"><i class="fa fa-clock-o" aria-hidden="true"></i> 회원가입일</th>
+            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ?  substr($mb['mb_datetime'],0,10) ." (".number_format($mb_reg_after)." 일)" : "알 수 없음";  ?></td>
+            <th scope="row"><i class="fa fa-clock-o" aria-hidden="true"></i> 최종접속일</th>
+            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ? $mb['mb_today_login'] : "알 수 없음"; ?></td>
         </tr>
         <?php if ($mb_homepage) {  ?>
         <tr>
-            <th scope="row">홈페이지</th>
-            <td><a href="<?php echo $mb_homepage ?>" target="_blank"><?php echo $mb_homepage ?></a></td>
+            <th scope="row"><i class="fa fa-home" aria-hidden="true"></i> 홈페이지</th>
+            <td colspan="3"><a href="<?php echo $mb_homepage ?>" target="_blank"><?php echo $mb_homepage ?></a></td>
         </tr>
         <?php }  ?>
-        <tr>
-            <th scope="row">회원가입일</th>
-            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ?  substr($mb['mb_datetime'],0,10) ." (".number_format($mb_reg_after)." 일)" : "알 수 없음";  ?></td>
-        </tr>
-        <tr>
-            <th scope="row">최종접속일</th>
-            <td><?php echo ($member['mb_level'] >= $mb['mb_level']) ? $mb['mb_today_login'] : "알 수 없음"; ?></td>
-        </tr>
+
         </tbody>
         </table>
+    
+
+        <section>
+            <h2>인사말</h2>
+            <p><?php echo $mb_profile ?></p>
+        </section>
     </div>
-
-    <section>
-        <h2>인사말</h2>
-        <p><?php echo $mb_profile ?></p>
-    </section>
-
     <div class="win_btn">
-        <button type="button" onclick="window.close();">창닫기</button>
+        <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
     </div>
 </div>
 <!-- } 자기소개 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/register.skin.php b/skin/member/basic/register.skin.php
index c612aec2b..ddffa6ad8 100644
--- a/skin/member/basic/register.skin.php
+++ b/skin/member/basic/register.skin.php
@@ -6,13 +6,17 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 회원가입약관 동의 시작 { -->
-<div class="mbskin">
+<div>
     <form  name="fregister" id="fregister" action="<?php echo $register_action_url ?>" onsubmit="return fregister_submit(this);" method="POST" autocomplete="off">
 
     <p>회원가입약관 및 개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p>
+    <div id="fregister_chkall">
+        <label for="chk_all">전체선택</label>
+        <input type="checkbox" name="chk_all"  id="chk_all">
 
+    </div>
     <section id="fregister_term">
-        <h2>회원가입약관</h2>
+        <h2><i class="fa fa-check-square-o" aria-hidden="true"></i> 회원가입약관</h2>
         <textarea readonly><?php echo get_text($config['cf_stipulation']) ?></textarea>
         <fieldset class="fregister_agree">
             <label for="agree11">회원가입약관의 내용에 동의합니다.</label>
@@ -21,8 +25,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
     </section>
 
     <section id="fregister_private">
-        <h2>개인정보처리방침안내</h2>
-        <div class="tbl_head01 tbl_wrap">
+        <h2><i class="fa fa-check-square-o" aria-hidden="true"></i> 개인정보처리방침안내</h2>
+        <div>
             <table>
                 <caption>개인정보처리방침안내</caption>
                 <thead>
@@ -46,6 +50,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
                 </tbody>
             </table>
         </div>
+
         <fieldset class="fregister_agree">
             <label for="agree21">개인정보처리방침안내의 내용에 동의합니다.</label>
             <input type="checkbox" name="agree2" value="1" id="agree21">
diff --git a/skin/member/basic/register_form.skin.php b/skin/member/basic/register_form.skin.php
index cffd2567f..0d023398c 100644
--- a/skin/member/basic/register_form.skin.php
+++ b/skin/member/basic/register_form.skin.php
@@ -6,61 +6,51 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 회원정보 입력/수정 시작 { -->
-<div class="mbskin">
 
-    <script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
-    <?php if($config['cf_cert_use'] && ($config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
-    <script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
-    <?php } ?>
+<script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
+<?php if($config['cf_cert_use'] && ($config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
+<script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
+<?php } ?>
 
-    <form id="fregisterform" name="fregisterform" action="<?php echo $register_action_url ?>" onsubmit="return fregisterform_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
-    <input type="hidden" name="w" value="<?php echo $w ?>">
-    <input type="hidden" name="url" value="<?php echo $urlencode ?>">
-    <input type="hidden" name="agree" value="<?php echo $agree ?>">
-    <input type="hidden" name="agree2" value="<?php echo $agree2 ?>">
-    <input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>">
-    <input type="hidden" name="cert_no" value="">
-    <?php if (isset($member['mb_sex'])) {  ?><input type="hidden" name="mb_sex" value="<?php echo $member['mb_sex'] ?>"><?php }  ?>
-    <?php if (isset($member['mb_nick_date']) && $member['mb_nick_date'] > date("Y-m-d", G5_SERVER_TIME - ($config['cf_nick_modify'] * 86400))) { // 닉네임수정일이 지나지 않았다면  ?>
-    <input type="hidden" name="mb_nick_default" value="<?php echo get_text($member['mb_nick']) ?>">
-    <input type="hidden" name="mb_nick" value="<?php echo get_text($member['mb_nick']) ?>">
-    <?php }  ?>
-
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>사이트 이용정보 입력</caption>
-        <tbody>
-        <tr>
-            <th scope="row"><label for="reg_mb_id">아이디<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <span class="frm_info">영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
-                <input type="text" name="mb_id" value="<?php echo $member['mb_id'] ?>" id="reg_mb_id" <?php echo $required ?> <?php echo $readonly ?> class="frm_input <?php echo $required ?> <?php echo $readonly ?>" minlength="3" maxlength="20">
+<form id="fregisterform" name="fregisterform" action="<?php echo $register_action_url ?>" onsubmit="return fregisterform_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
+<input type="hidden" name="w" value="<?php echo $w ?>">
+<input type="hidden" name="url" value="<?php echo $urlencode ?>">
+<input type="hidden" name="agree" value="<?php echo $agree ?>">
+<input type="hidden" name="agree2" value="<?php echo $agree2 ?>">
+<input type="hidden" name="cert_type" value="<?php echo $member['mb_certify']; ?>">
+<input type="hidden" name="cert_no" value="">
+<?php if (isset($member['mb_sex'])) {  ?><input type="hidden" name="mb_sex" value="<?php echo $member['mb_sex'] ?>"><?php }  ?>
+<?php if (isset($member['mb_nick_date']) && $member['mb_nick_date'] > date("Y-m-d", G5_SERVER_TIME - ($config['cf_nick_modify'] * 86400))) { // 닉네임수정일이 지나지 않았다면  ?>
+<input type="hidden" name="mb_nick_default" value="<?php echo get_text($member['mb_nick']) ?>">
+<input type="hidden" name="mb_nick" value="<?php echo get_text($member['mb_nick']) ?>">
+<?php }  ?>
+ <div id="register_form"  class="form_01">   
+    <div>
+        <h2>사이트 이용정보 입력</h2>
+        <ul>
+            <li>
+                <label for="reg_mb_id" class="sound_only">아이디<strong>필수</strong></label>
+                <input type="text" name="mb_id" value="<?php echo $member['mb_id'] ?>" id="reg_mb_id" <?php echo $required ?> <?php echo $readonly ?> class="frm_input half_input <?php echo $required ?> <?php echo $readonly ?>" minlength="3" maxlength="20" placeholder="아이디">
                 <span id="msg_mb_id"></span>
-            </td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="reg_mb_password">비밀번호<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="mb_password" id="reg_mb_password" <?php echo $required ?> class="frm_input <?php echo $required ?>" minlength="3" maxlength="20"></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="reg_mb_password_re">비밀번호 확인<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="mb_password_re" id="reg_mb_password_re" <?php echo $required ?> class="frm_input <?php echo $required ?>" minlength="3" maxlength="20"></td>
-        </tr>
-        </tbody>
-        </table>
+                <span class="frm_info">영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
+            </li>
+            <li>
+                <label for="reg_mb_password" class="sound_only">비밀번호<strong class="sound_only">필수</strong></label>
+                <input type="password" name="mb_password" id="reg_mb_password" <?php echo $required ?> class="frm_input half_input <?php echo $required ?>" minlength="3" maxlength="20" placeholder="비밀번호">
+
+                <label for="reg_mb_password_re" class="sound_only">비밀번호 확인<strong>필수</strong></label>
+                <input type="password" name="mb_password_re" id="reg_mb_password_re" <?php echo $required ?> class="frm_input half_input right_input <?php echo $required ?>" minlength="3" maxlength="20" placeholder="비밀번호 확인">
+            </li>
+        </ul>
     </div>
 
     <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>개인정보 입력</caption>
-        <tbody>
-        <tr>
-            <th scope="row"><label for="reg_mb_name">이름<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <?php if ($config['cf_cert_use']) { ?>
-                <span class="frm_info">아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다.</span>
-                <?php } ?>
-                <input type="text" id="reg_mb_name" name="mb_name" value="<?php echo get_text($member['mb_name']) ?>" <?php echo $required ?> <?php echo $readonly; ?> class="frm_input <?php echo $required ?> <?php echo $readonly ?>" size="10">
+        <h2>개인정보 입력</h2>
+
+        <ul>
+            <li>
+                <label for="reg_mb_name" class="sound_only">이름<strong>필수</strong></label>
+                <input type="text" id="reg_mb_name" name="mb_name" value="<?php echo get_text($member['mb_name']) ?>" <?php echo $required ?> <?php echo $readonly; ?> class="frm_input half_input <?php echo $required ?> <?php echo $readonly ?>" size="10" placeholder="이름">
                 <?php
                 if($config['cf_cert_use']) {
                     if($config['cf_cert_ipin'])
@@ -78,30 +68,35 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
                     else
                         $mb_cert = '휴대폰';
                 ?>
+  
                 <div id="msg_certify">
                     <strong><?php echo $mb_cert; ?> 본인확인</strong><?php if ($member['mb_adult']) { ?> 및 <strong>성인인증</strong><?php } ?> 완료
                 </div>
                 <?php } ?>
-            </td>
-        </tr>
-        <?php if ($req_nick) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_nick">닉네임<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <span class="frm_info">
-                    공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
-                    닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.
-                </span>
-                <input type="hidden" name="mb_nick_default" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>">
-                <input type="text" name="mb_nick" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>" id="reg_mb_nick" required class="frm_input required nospace" size="10" maxlength="20">
-                <span id="msg_mb_nick"></span>
-            </td>
-        </tr>
-        <?php }  ?>
+                <?php if ($config['cf_cert_use']) { ?>
+                <span class="frm_info">아이핀 본인확인 후에는 이름이 자동 입력되고 휴대폰 본인확인 후에는 이름과 휴대폰번호가 자동 입력되어 수동으로 입력할수 없게 됩니다.</span>
+                <?php } ?>
 
-        <tr>
-            <th scope="row"><label for="reg_mb_email">E-mail<strong class="sound_only">필수</strong></label></th>
-            <td>
+                
+            </li>
+            <?php if ($req_nick) {  ?>
+            <li>
+                <label for="reg_mb_nick" class="sound_only">닉네임<strong>필수</strong></label>
+                
+                    <input type="hidden" name="mb_nick_default" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>">
+                    <input type="text" name="mb_nick" value="<?php echo isset($member['mb_nick'])?get_text($member['mb_nick']):''; ?>" id="reg_mb_nick" required class="frm_input required nospace  half_input" size="10" maxlength="20" placeholder="닉네임">
+                    <span id="msg_mb_nick"></span>
+                    <span class="frm_info">
+                        공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
+                        닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.
+                    </span>
+                
+            </li>
+            <?php }  ?>
+
+            <li>
+                <label for="reg_mb_email" class="sound_only">E-mail<strong>필수</strong></label>
+                
                 <?php if ($config['cf_use_email_certify']) {  ?>
                 <span class="frm_info">
                     <?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; }  ?>
@@ -109,168 +104,156 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
                 </span>
                 <?php }  ?>
                 <input type="hidden" name="old_email" value="<?php echo $member['mb_email'] ?>">
-                <input type="text" name="mb_email" value="<?php echo isset($member['mb_email'])?$member['mb_email']:''; ?>" id="reg_mb_email" required class="frm_input email required" size="70" maxlength="100">
-            </td>
-        </tr>
+                <input type="text" name="mb_email" value="<?php echo isset($member['mb_email'])?$member['mb_email']:''; ?>" id="reg_mb_email" required class="frm_input email full_input required" size="70" maxlength="100" placeholder="E-mail">
+            
+            </li>
 
-        <?php if ($config['cf_use_homepage']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_homepage">홈페이지<?php if ($config['cf_req_homepage']){ ?><strong class="sound_only">필수</strong><?php } ?></label></th>
-            <td><input type="text" name="mb_homepage" value="<?php echo get_text($member['mb_homepage']) ?>" id="reg_mb_homepage" <?php echo $config['cf_req_homepage']?"required":""; ?> class="frm_input <?php echo $config['cf_req_homepage']?"required":""; ?>" size="70" maxlength="255"></td>
-        </tr>
-        <?php }  ?>
+            <?php if ($config['cf_use_homepage']) {  ?>
+            <li>
+                <label for="reg_mb_homepage" class="sound_only">홈페이지<?php if ($config['cf_req_homepage']){ ?><strong>필수</strong><?php } ?></label>
+                <input type="text" name="mb_homepage" value="<?php echo get_text($member['mb_homepage']) ?>" id="reg_mb_homepage" <?php echo $config['cf_req_homepage']?"required":""; ?> class="frm_input full_input <?php echo $config['cf_req_homepage']?"required":""; ?>" size="70" maxlength="255" placeholder="홈페이지">
+            </li>
+            <?php }  ?>
 
-        <?php if ($config['cf_use_tel']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_tel">전화번호<?php if ($config['cf_req_tel']) { ?><strong class="sound_only">필수</strong><?php } ?></label></th>
-            <td><input type="text" name="mb_tel" value="<?php echo get_text($member['mb_tel']) ?>" id="reg_mb_tel" <?php echo $config['cf_req_tel']?"required":""; ?> class="frm_input <?php echo $config['cf_req_tel']?"required":""; ?>" maxlength="20"></td>
-        </tr>
-        <?php }  ?>
+            <li>
+            <?php if ($config['cf_use_tel']) {  ?>
+            
+                <label for="reg_mb_tel" class="sound_only">전화번호<?php if ($config['cf_req_tel']) { ?><strong>필수</strong><?php } ?></label>
+                <input type="text" name="mb_tel" value="<?php echo get_text($member['mb_tel']) ?>" id="reg_mb_tel" <?php echo $config['cf_req_tel']?"required":""; ?> class="frm_input half_input <?php echo $config['cf_req_tel']?"required":""; ?>" maxlength="20" placeholder="전화번호">
+            <?php }  ?>
 
-        <?php if ($config['cf_use_hp'] || $config['cf_cert_hp']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_hp">휴대폰번호<?php if ($config['cf_req_hp']) { ?><strong class="sound_only">필수</strong><?php } ?></label></th>
-            <td>
-                <input type="text" name="mb_hp" value="<?php echo get_text($member['mb_hp']) ?>" id="reg_mb_hp" <?php echo ($config['cf_req_hp'])?"required":""; ?> class="frm_input <?php echo ($config['cf_req_hp'])?"required":""; ?>" maxlength="20">
+            <?php if ($config['cf_use_hp'] || $config['cf_cert_hp']) {  ?>
+                <label for="reg_mb_hp" class="sound_only">휴대폰번호<?php if ($config['cf_req_hp']) { ?><strong>필수</strong><?php } ?></label>
+                
+                <input type="text" name="mb_hp" value="<?php echo get_text($member['mb_hp']) ?>" id="reg_mb_hp" <?php echo ($config['cf_req_hp'])?"required":""; ?> class="frm_input right_input half_input <?php echo ($config['cf_req_hp'])?"required":""; ?>" maxlength="20" placeholder="휴대폰번호">
                 <?php if ($config['cf_cert_use'] && $config['cf_cert_hp']) { ?>
                 <input type="hidden" name="old_mb_hp" value="<?php echo get_text($member['mb_hp']) ?>">
                 <?php } ?>
-            </td>
-        </tr>
-        <?php }  ?>
+            <?php }  ?>
+            </li>
 
-        <?php if ($config['cf_use_addr']) { ?>
-        <tr>
-            <th scope="row">
-                주소
+
+            <?php if ($config['cf_use_addr']) { ?>
+            <li>
                 <?php if ($config['cf_req_addr']) { ?><strong class="sound_only">필수</strong><?php }  ?>
-            </th>
-            <td>
                 <label for="reg_mb_zip" class="sound_only">우편번호<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label>
-                <input type="text" name="mb_zip" value="<?php echo $member['mb_zip1'].$member['mb_zip2']; ?>" id="reg_mb_zip" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input <?php echo $config['cf_req_addr']?"required":""; ?>" size="5" maxlength="6">
+                <input type="text" name="mb_zip" value="<?php echo $member['mb_zip1'].$member['mb_zip2']; ?>" id="reg_mb_zip" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input <?php echo $config['cf_req_addr']?"required":""; ?>" size="5" maxlength="6"  placeholder="우편번호">
                 <button type="button" class="btn_frmline" onclick="win_zip('fregisterform', 'mb_zip', 'mb_addr1', 'mb_addr2', 'mb_addr3', 'mb_addr_jibeon');">주소 검색</button><br>
-                <input type="text" name="mb_addr1" value="<?php echo get_text($member['mb_addr1']) ?>" id="reg_mb_addr1" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input frm_address <?php echo $config['cf_req_addr']?"required":""; ?>" size="50">
-                <label for="reg_mb_addr1">기본주소<?php echo $config['cf_req_addr']?'<strong class="sound_only"> 필수</strong>':''; ?></label><br>
-                <input type="text" name="mb_addr2" value="<?php echo get_text($member['mb_addr2']) ?>" id="reg_mb_addr2" class="frm_input frm_address" size="50">
-                <label for="reg_mb_addr2">상세주소</label>
+                <input type="text" name="mb_addr1" value="<?php echo get_text($member['mb_addr1']) ?>" id="reg_mb_addr1" <?php echo $config['cf_req_addr']?"required":""; ?> class="frm_input frm_address full_input <?php echo $config['cf_req_addr']?"required":""; ?>" size="50"  placeholder="기본주소">
+                <label for="reg_mb_addr1" class="sound_only">기본주소<?php echo $config['cf_req_addr']?'<strong> 필수</strong>':''; ?></label><br>
+                <input type="text" name="mb_addr2" value="<?php echo get_text($member['mb_addr2']) ?>" id="reg_mb_addr2" class="frm_input frm_address full_input" size="50"  placeholder="상세주소">
+                <label for="reg_mb_addr2" class="sound_only">상세주소</label>
                 <br>
-                <input type="text" name="mb_addr3" value="<?php echo get_text($member['mb_addr3']) ?>" id="reg_mb_addr3" class="frm_input frm_address" size="50" readonly="readonly">
-                <label for="reg_mb_addr3">참고항목</label>
+                <input type="text" name="mb_addr3" value="<?php echo get_text($member['mb_addr3']) ?>" id="reg_mb_addr3" class="frm_input frm_address full_input" size="50" readonly="readonly"  placeholder="참고항목">
+                <label for="reg_mb_addr3" class="sound_only">참고항목</label>
                 <input type="hidden" name="mb_addr_jibeon" value="<?php echo get_text($member['mb_addr_jibeon']); ?>">
-            </td>
-        </tr>
-        <?php }  ?>
-        </tbody>
-        </table>
+                
+            </li>
+            <?php }  ?>
+        </ul>
     </div>
 
     <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>기타 개인설정</caption>
-        <tbody>
-        <?php if ($config['cf_use_signature']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_signature">서명<?php if ($config['cf_req_signature']){ ?><strong class="sound_only">필수</strong><?php } ?></label></th>
-            <td><textarea name="mb_signature" id="reg_mb_signature" <?php echo $config['cf_req_signature']?"required":""; ?> class="<?php echo $config['cf_req_signature']?"required":""; ?>"><?php echo $member['mb_signature'] ?></textarea></td>
-        </tr>
-        <?php }  ?>
+        <h2>기타 개인설정</h2>
+        <ul>
+            <?php if ($config['cf_use_signature']) {  ?>
+            <li>
+                <label for="reg_mb_signature" class="sound_only">서명<?php if ($config['cf_req_signature']){ ?><strong>필수</strong><?php } ?></label>
+                <textarea name="mb_signature" id="reg_mb_signature" <?php echo $config['cf_req_signature']?"required":""; ?> class="<?php echo $config['cf_req_signature']?"required":""; ?>"   placeholder="서명"><?php echo $member['mb_signature'] ?></textarea>
+            </li>
+            <?php }  ?>
 
-        <?php if ($config['cf_use_profile']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_profile">자기소개</label></th>
-            <td><textarea name="mb_profile" id="reg_mb_profile" <?php echo $config['cf_req_profile']?"required":""; ?> class="<?php echo $config['cf_req_profile']?"required":""; ?>"><?php echo $member['mb_profile'] ?></textarea></td>
-        </tr>
-        <?php }  ?>
+            <?php if ($config['cf_use_profile']) {  ?>
+            <li>
+                <label for="reg_mb_profile" class="sound_only">자기소개</label>
+                <textarea name="mb_profile" id="reg_mb_profile" <?php echo $config['cf_req_profile']?"required":""; ?> class="<?php echo $config['cf_req_profile']?"required":""; ?>" placeholder="자기소개"><?php echo $member['mb_profile'] ?></textarea>
+            </li>
+            <?php }  ?>
 
-        <?php if ($config['cf_use_member_icon'] && $member['mb_level'] >= $config['cf_icon_level']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_icon">회원아이콘</label></th>
-            <td>
+            <?php if ($config['cf_use_member_icon'] && $member['mb_level'] >= $config['cf_icon_level']) {  ?>
+            <li>
+                <label for="reg_mb_icon" class="frm_label">회원아이콘</label>
+                <input type="file" name="mb_icon" id="reg_mb_icon" >
+                                
                 <span class="frm_info">
                     이미지 크기는 가로 <?php echo $config['cf_member_icon_width'] ?>픽셀, 세로 <?php echo $config['cf_member_icon_height'] ?>픽셀 이하로 해주세요.<br>
                     gif만 가능하며 용량 <?php echo number_format($config['cf_member_icon_size']) ?>바이트 이하만 등록됩니다.
                 </span>
-                <input type="file" name="mb_icon" id="reg_mb_icon" class="frm_input">
+
                 <?php if ($w == 'u' && file_exists($mb_icon_path)) {  ?>
                 <img src="<?php echo $mb_icon_url ?>" alt="회원아이콘">
                 <input type="checkbox" name="del_mb_icon" value="1" id="del_mb_icon">
                 <label for="del_mb_icon">삭제</label>
                 <?php }  ?>
-            </td>
-        </tr>
-        <?php }  ?>
+            
+            </li>
+            <?php }  ?>
 
-        <tr>
-            <th scope="row"><label for="reg_mb_mailling">메일링서비스</label></th>
-            <td>
+            <li>
+                <label for="reg_mb_mailling" class="frm_label">메일링서비스</label>
                 <input type="checkbox" name="mb_mailling" value="1" id="reg_mb_mailling" <?php echo ($w=='' || $member['mb_mailling'])?'checked':''; ?>>
                 정보 메일을 받겠습니다.
-            </td>
-        </tr>
+                
+            </li>
 
-        <?php if ($config['cf_use_hp']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_sms">SMS 수신여부</label></th>
-            <td>
-                <input type="checkbox" name="mb_sms" value="1" id="reg_mb_sms" <?php echo ($w=='' || $member['mb_sms'])?'checked':''; ?>>
-                휴대폰 문자메세지를 받겠습니다.
-            </td>
-        </tr>
-        <?php }  ?>
+            <?php if ($config['cf_use_hp']) {  ?>
+            <li>
+                <label for="reg_mb_sms" class="frm_label">SMS 수신여부</label>
+                
+                    <input type="checkbox" name="mb_sms" value="1" id="reg_mb_sms" <?php echo ($w=='' || $member['mb_sms'])?'checked':''; ?>>
+                    휴대폰 문자메세지를 받겠습니다.
+                
+            </li>
+            <?php }  ?>
 
-        <?php if (isset($member['mb_open_date']) && $member['mb_open_date'] <= date("Y-m-d", G5_SERVER_TIME - ($config['cf_open_modify'] * 86400)) || empty($member['mb_open_date'])) { // 정보공개 수정일이 지났다면 수정가능  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_open">정보공개</label></th>
-            <td>
-                <span class="frm_info">
-                    정보공개를 바꾸시면 앞으로 <?php echo (int)$config['cf_open_modify'] ?>일 이내에는 변경이 안됩니다.
-                </span>
+            <?php if (isset($member['mb_open_date']) && $member['mb_open_date'] <= date("Y-m-d", G5_SERVER_TIME - ($config['cf_open_modify'] * 86400)) || empty($member['mb_open_date'])) { // 정보공개 수정일이 지났다면 수정가능  ?>
+            <li>
+                <label for="reg_mb_open" class="frm_label">정보공개</label>
                 <input type="hidden" name="mb_open_default" value="<?php echo $member['mb_open'] ?>">
                 <input type="checkbox" name="mb_open" value="1" <?php echo ($w=='' || $member['mb_open'])?'checked':''; ?> id="reg_mb_open">
                 다른분들이 나의 정보를 볼 수 있도록 합니다.
-            </td>
-        </tr>
-        <?php } else {  ?>
-        <tr>
-            <th scope="row">정보공개</th>
-            <td>
+                <span class="frm_info">
+                    정보공개를 바꾸시면 앞으로 <?php echo (int)$config['cf_open_modify'] ?>일 이내에는 변경이 안됩니다.
+                </span>                
+            </li>
+            <?php } else {  ?>
+            <li>
+                정보공개
+                <input type="hidden" name="mb_open" value="<?php echo $member['mb_open'] ?>">
                 <span class="frm_info">
                     정보공개는 수정후 <?php echo (int)$config['cf_open_modify'] ?>일 이내, <?php echo date("Y년 m월 j일", isset($member['mb_open_date']) ? strtotime("{$member['mb_open_date']} 00:00:00")+$config['cf_open_modify']*86400:G5_SERVER_TIME+$config['cf_open_modify']*86400); ?> 까지는 변경이 안됩니다.<br>
                     이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다.
                 </span>
-                <input type="hidden" name="mb_open" value="<?php echo $member['mb_open'] ?>">
-            </td>
-        </tr>
-        <?php }  ?>
+            </li>
+            <?php }  ?>
 
-        <?php if ($w == "" && $config['cf_use_recommend']) {  ?>
-        <tr>
-            <th scope="row"><label for="reg_mb_recommend">추천인아이디</label></th>
-            <td><input type="text" name="mb_recommend" id="reg_mb_recommend" class="frm_input"></td>
-        </tr>
-        <?php }  ?>
+            <?php if ($w == "" && $config['cf_use_recommend']) {  ?>
+            <li>
+                <label for="reg_mb_recommend" class="sound_only">추천인아이디</label>
+                <input type="text" name="mb_recommend" id="reg_mb_recommend" class="frm_input" placeholder="추천인아이디">
+            </li>
+            <?php }  ?>
 
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td><?php echo captcha_html(); ?></td>
-        </tr>
+            <?php
+            //회원정보 수정인 경우 소셜 계정 출력
+            if( $w == 'u' && function_exists('social_login_link_account') ){
+                social_login_link_account($member['mb_id'], false, 'mb_form');
+            }
+            ?>
 
-        <?php
-        //회원정보 수정인 경우 소셜 계정 출력
-        if( $w == 'u' && function_exists('social_login_link_account') ){
-            social_login_link_account($member['mb_id'], false, 'mb_form');
-        }
-        ?>
-
-        </tbody>
-        </table>
+            <li>
+                자동등록방지
+                <?php echo captcha_html(); ?>
+            </li>
+        </ul>
     </div>
-
-    <div class="btn_confirm">
-        <input type="submit" value="<?php echo $w==''?'회원가입':'정보수정'; ?>" id="btn_submit" class="btn_submit" accesskey="s">
-        <a href="<?php echo G5_URL ?>" class="btn_cancel">취소</a>
-    </div>
-    </form>
+    
+</div>
+<div class="btn_confirm">
+    <a href="<?php echo G5_URL ?>" class="btn_cancel">취소</a>
+    <input type="submit" value="<?php echo $w==''?'회원가입':'정보수정'; ?>" id="btn_submit" class="btn_submit" accesskey="s">
+</div>
+</form>
 
     <script>
     $(function() {
@@ -445,5 +428,4 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
     }
     </script>
 
-</div>
 <!-- } 회원정보 입력/수정 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/register_result.skin.php b/skin/member/basic/register_result.skin.php
index 1267d20ee..9188d0751 100644
--- a/skin/member/basic/register_result.skin.php
+++ b/skin/member/basic/register_result.skin.php
@@ -6,9 +6,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 회원가입결과 시작 { -->
-<div id="reg_result" class="mbskin">
-
-    <p>
+<div id="reg_result">
+    <h2><strong>회원가입</strong>이 완료되었습니다.</h2>
+    <p class="reg_result_p">
         <strong><?php echo get_text($mb['mb_name']); ?></strong>님의 회원가입을 진심으로 축하합니다.<br>
     </p>
 
@@ -38,9 +38,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
         감사합니다.
     </p>
 
-    <div class="btn_confirm">
-        <a href="<?php echo G5_URL ?>/" class="btn02">메인으로</a>
-    </div>
+        <a href="<?php echo G5_URL ?>/" class="btn_submit">메인으로</a>
 
 </div>
 <!-- } 회원가입결과 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/scrap.skin.php b/skin/member/basic/scrap.skin.php
index e89053522..c2a7c52ce 100644
--- a/skin/member/basic/scrap.skin.php
+++ b/skin/member/basic/scrap.skin.php
@@ -6,41 +6,28 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 스크랩 목록 시작 { -->
-<div id="scrap" class="new_win mbskin">
-    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+<div id="scrap" class="new_win">
+    <h1 id="win_title"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
 
-    <div class="tbl_head01 tbl_wrap">
-        <table>
-        <caption>스크랩 목록</caption>
-        <thead>
-        <tr>
-            <th scope="col">번호</th>
-            <th scope="col">게시판</th>
-            <th scope="col">제목</th>
-            <th scope="col">보관일시</th>
-            <th scope="col">삭제</th>
-        </tr>
-        </thead>
-        <tbody>
-        <?php for ($i=0; $i<count($list); $i++) {  ?>
-        <tr>
-            <td class="td_num"><?php echo $list[$i]['num'] ?></td>
-            <td class="td_board"><a href="<?php echo $list[$i]['opener_href'] ?>" target="_blank" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href'] ?>'; return false;"><?php echo $list[$i]['bo_subject'] ?></a></td>
-            <td><a href="<?php echo $list[$i]['opener_href_wr_id'] ?>" target="_blank" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href_wr_id'] ?>'; return false;"><?php echo $list[$i]['subject'] ?></a></td>
-            <td class="td_datetime"><?php echo $list[$i]['ms_datetime'] ?></td>
-            <td class="td_mng"><a href="<?php echo $list[$i]['del_href'];  ?>" onclick="del(this.href); return false;">삭제</a></td>
-        </tr>
-        <?php }  ?>
+    <div class="list_01 new_win_con">
+        <ul>
+            <?php for ($i=0; $i<count($list); $i++) {  ?>
+            <li>
+                <a href="<?php echo $list[$i]['opener_href_wr_id'] ?>" class="scrap_tit" target="_blank" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href_wr_id'] ?>'; return false;"><?php echo $list[$i]['subject'] ?></a>
+                <a href="<?php echo $list[$i]['opener_href'] ?>" class="scrap_cate" target="_blank" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href'] ?>'; return false;"><?php echo $list[$i]['bo_subject'] ?></a>
+                <span class="scrap_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['ms_datetime'] ?></span>
+                <a href="<?php echo $list[$i]['del_href'];  ?>" onclick="del(this.href); return false;" class="scrap_del"><i class="fa fa-times-circle" aria-hidden="true"></i><span class="sound_only">삭제</span></a>
+            </li>
+            <?php }  ?>
 
-        <?php if ($i == 0) echo "<tr><td colspan=\"5\" class=\"empty_table\">자료가 없습니다.</td></tr>";  ?>
-        </tbody>
-        </table>
+            <?php if ($i == 0) echo "<li class=\"empty_li\">자료가 없습니다.</li>";  ?>
+        </ul>
     </div>
 
     <?php echo get_paging($config['cf_write_pages'], $page, $total_page, "?$qstr&amp;page="); ?>
 
     <div class="win_btn">
-        <button type="button" onclick="window.close();">창닫기</button>
+        <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
     </div>
 </div>
 <!-- } 스크랩 목록 끝 -->
\ No newline at end of file
diff --git a/skin/member/basic/scrap_popin.skin.php b/skin/member/basic/scrap_popin.skin.php
index 81f82a5a9..ad3ed8b28 100644
--- a/skin/member/basic/scrap_popin.skin.php
+++ b/skin/member/basic/scrap_popin.skin.php
@@ -6,35 +6,34 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
 ?>
 
 <!-- 스크랩 시작 { -->
-<div id="scrap_do" class="new_win mbskin">
+<div id="scrap_do" class="new_win">
     <h1 id="win_title">스크랩하기</h1>
-
     <form name="f_scrap_popin" action="./scrap_popin_update.php" method="post">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
     <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
+    <div class="new_win_con">
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>제목 확인 및 댓글 쓰기</caption>
-        <tbody>
-        <tr>
-            <th scope="row">제목</th>
-            <td><?php echo get_text(cut_str($write['wr_subject'], 255)) ?></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="wr_content">댓글</label></th>
-            <td><textarea name="wr_content" id="wr_content"></textarea></td>
-        </tr>
-        </tbody>
-        </table>
-    </div>
+        <div class="form_01">
+            <h2 class="sound_only">제목 확인 및 댓글 쓰기</h2>
+            <ul>
+                <li class="scrap_tit">
+                    <span class="sound_only">제목</span>
+                    <?php echo get_text(cut_str($write['wr_subject'], 255)) ?>
+                </li>
+                <li>
+                    <label for="wr_content">댓글작성</label>
+                    <td><textarea name="wr_content" id="wr_content"></textarea></td>
+                </li>
+            </ul>
+        </div>
 
-    <p class="win_desc">
-        스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.
-    </p>
+        <p class="win_desc">
+            스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.
+        </p>
 
-    <div class="win_btn">
-        <input type="submit" value="스크랩 확인" class="btn_submit">
+        <div class="win_btn">
+            <input type="submit" value="스크랩 확인" class="btn_submit">
+        </div>
     </div>
     </form>
 </div>
diff --git a/skin/member/basic/style.css b/skin/member/basic/style.css
index b86359a68..0354782ff 100644
--- a/skin/member/basic/style.css
+++ b/skin/member/basic/style.css
@@ -1,5 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* ### 기본 스타일 커스터마이징 시작 ### */
 
@@ -22,6 +21,7 @@
 .mbskin .win_btn input {}
 .mbskin .win_btn a {}
 .mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
+
 /* 게시판용 버튼 */
 .mbskin a.btn_b01 {}
 .mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
@@ -30,7 +30,30 @@
 .mbskin a.btn_admin {} /* 관리자 전용 버튼 */
 .mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
 
+/* 기본박스 */
+.mbskin{position: relative;margin:100px auto 0;border:1px solid #ddd;width:400px;background:#fff;text-align:center;
+}
+.mbskin:before,.mbskin:after{
+content:"";
+position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px;
+-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
+  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
+       box-shadow:0 0 20px rgba(0,0,0,0.8);
+-moz-border-radius:100px / 10px;
+     border-radius:100px / 10px;}
+.mbskin:after{right:10px;left:auto;
+    -webkit-transform:skew(8deg) rotate(3deg);
+       -moz-transform:skew(8deg) rotate(3deg);
+        -ms-transform:skew(8deg) rotate(3deg);
+         -o-transform:skew(8deg) rotate(3deg);
+            transform:skew(8deg) rotate(3deg);}
+.mbskin .frm_input{width:100%}
+.mbskin .btn_submit{width:100%;border-radius:3px;margin:10px 0 0;height:45px;font-weight:bold}
+.mbskin  h1{margin: 60px 0 30px;font-size: 2em;}
+
+
 /* 기본테이블 */
+
 .mbskin .tbl_head01 {}
 .mbskin .tbl_head01 caption {}
 .mbskin .tbl_head01 thead th {}
@@ -82,95 +105,145 @@
 /* ### 기본 스타일 커스터마이징 끝 ### */
 
 /* 회원가입 약관 */
-#fregister section {margin:0 0 20px;padding:20px 0}
-#fregister h2 {margin:0 0 20px;text-align:center}
-#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
-#fregister .fregister_agree {padding:10px 0 0;text-align:right}
-#fregister .fregister_agree label {display:inline-block;margin-right:5px}
-#fregister p {color:#e8180c;text-align:center}
-#fregister .btn_confirm {margin-bottom:20px}
-#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
-#fregister_private .tbl_head01 td {border:1px solid #e9e9e9}
-#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden}
+#fregister p{text-align:center;color:#ff2121}
+#fregister section {;margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;border-radius:3px 3px 0 0 ;
+-webkit-box-shadow:  0 1px 3px #eee;
+-moz-box-shadow:  0 1px 3px #eee;
+box-shadow: 0 1px 3px #eee;
+}
+#fregister_chkall{text-align:right}
+#fregister h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
+#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
+#fregister .fregister_agree {position:absolute;top:0;right:0;;padding:15px}
+#fregister_private div{padding:20px}
+#fregister_private table{width:100%;border-collapse:collapse}
+#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
+#fregister_private table  td{border:1px solid #ddd;padding:10px;}
+#fregister .btn_confirm{text-align:center;}
+#fregister .btn_confirm .btn_submit{height:50px;border-radius:3px;padding:0 40px;font-weight:bold;font-size:1.083em}
 
 /* 회원가입 입력 */
-#fregisterform textarea {height:50px}
-
+#register_form{
+}
+/*#fregisterform textarea {height:50px}*/
 #fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
-
 #fregisterform .frm_address {margin:5px 0 0}
 #fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
 #fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
-
+#fregisterform .btn_confirm{text-align:center}
+#fregisterform .btn_confirm .btn_submit{height:50px;border-radius:3px;padding:0 40px;font-weight:bold;font-size:1.083em}
+#fregisterform .btn_confirm .btn_cancel{line-height:50px;height:50px;border-radius:3px;padding:0 40px;font-weight:bold;font-size:1.083em}
+#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em}
+#fregisterform .form_01 div{margin: 0 0 50px}
+#fregisterform .captcha{display:block;margin:5px 0 0}
 /* 회원가입 완료 */
-#reg_result {padding:50px 0 0}
+#reg_result {padding:100px 0 0;text-align:center}
+#reg_result h2{font-size:2em;margin:0 0 20px}
+#reg_result h2 strong{color:#ed6478}
 #reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
 #reg_result #result_email span {display:inline-block;width:150px}
 #reg_result #result_email strong {color:#e8180c;font-size:1.2em}
 #reg_result p {line-height:1.8em}
 #reg_result .btn_confirm {margin:50px 0}
+#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;}
+#reg_result .reg_result_p strong{color:#3497d9}
+#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:50px;line-height:50px;display:inline-block;border-radius:3px;margin:30px 0 0 ;font-size:1.083em}
 
 /* 아이디/비밀번호 찾기 */
 #find_info #mb_hp_label {display:inline-block;margin-left:10px}
-#find_info #info_fs {margin:0 20px 20px;padding:0;background:#fff}
-#find_info #info_fs .frm_input {width:70%}
-#find_info p {margin:0 0 10px;line-height:1.8em}
-#find_info #captcha {margin:0 20px}
+#find_info p {line-height:1.5em}
+#find_info #mb_email{margin:10px 0;}
 
 /* 로그인 */
-#mb_login {margin:0 auto;padding:100px 0;width:500px}
-#mb_login h1 {margin:0 0 20px;font-size:1.3em}
-#mb_login h2 {margin:0}
-#mb_login p {padding:10px 0;line-height:1.5em}
-#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
-#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#mb_login #login_fs label {letter-spacing:-0.1em}
-#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
-#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
-#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}
-#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}
-#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
-#mb_login #login_info div {text-align:right}
+#mb_login {}
+#login_fs{padding:0 50px}
+#mb_login #login_fs .frm_input{margin:0 0 10px}
+#mb_login #login_fs .btn_submit {margin:0 0 20px}
+#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 }
+#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
+#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#mb_login #login_info a{display:inline-block;width:50%;float:left}
+#login_password_lost{border-right:1px solid #ddd}
 
 /* 쪽지 */
-#memo_view_contents {margin:0 auto 20px;width:90%}
-#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
-.memo_view_li {position:relative;padding:5px 0}
-.memo_view_subj {display:inline-block;width:65px}
-#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
+#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
+#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic}
+#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;}
+
+#memo_view_contents {margin:10px 0;border:1px solid #ddd;}
+#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;}
+#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
+.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
+.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important}
+.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;}
+.memo_view_li .profile_img img{border-radius:50%}
+.memo_view_date{text-align:right;color:#555;font-style:italic}
+.memo_view_date strong{font-weight:normal}
+#memo_view .btn_b02{float:right}
+#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
 
 #memo_write textarea {height:100px}
 
 /* 스크랩 */
+#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em}
+#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left}
+#scrap .scrap_datetime{;color:#777;font-style:italic;float:right}
+#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c}
+#scrap .scrap_del:hover{color:#98ca69}
 #scrap_do table {margin:0 0 10px;width:100%}
 #scrap_do textarea {height:100px}
+#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold}
+#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
+/*포인트*/
+#point .point_top{line-height:15px;margin:0 0 5px}
+#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
+#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;}
+#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;}
+#point .point_date1{float:left;color:#555;font-style:italic}
+#point .point_date{float:right;color:#555;font-style:italic}
+#point .txt_expired {color:#aaa;}
+#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em}
+#point .point_all span,#point .point_status span{float:right;}
+#point .point_status{background:#eee;border:0;color:#333;font-weight:bold;font-size:1.083em}
 
 /* 회원 비밀번호 확인 */
-#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
-#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
-#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
-#mb_confirm p strong {display:block}
-#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
+#mb_confirm {}
+#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
+#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
+#mb_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
+#mb_confirm fieldset {;padding:50px;text-align:left}
 #mb_confirm fieldset .frm_input {background-color:#fff !important}
 #mb_confirm label {letter-spacing:-0.1em}
-#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
+#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
+#mb_confirm .confirm_id{font-size:0.92em;color:#666}
 
 /* 비밀글 비밀번호 확인 */
-#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
-#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
-#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
-#pw_confirm p strong {display:block}
-#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
+#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
+#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
+#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
+#pw_confirm fieldset {;padding:50px;text-align:center}
 #pw_confirm fieldset .frm_input {background-color:#fff !important}
 #pw_confirm label {letter-spacing:-0.1em}
 #pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
+#mb_confirm_id{}
 
 /* 폼메일 */
-#formmail #subject {width:386px}
 #formmail textarea {height:100px}
+#formmail .formmail_flie{position:relative}
+#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;}
+#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;}
+#formmail .frm_file {padding-left: 50px;}
+#formmail .frm_info{color: #3497d9;font-size: 0.92em;}
 
 /* 자기소개 */
+#profile h1 a{color:#fff}
 #profile table {margin-bottom:0}
-#profile section {margin:0 auto 20px;padding:20px;width:86%}
-#profile h2 {margin:0}
\ No newline at end of file
+#profile table th{text-align:left;padding:10px;width:100px}
+#profile section {background:#f3f3f3;padding:15px 20px;margin:10px 0}
+#profile h2 {margin:0 0 5px}
+#profile .profile_name{text-align:center;font-weight:bold}
+#profile .profile_img{display:block;margin:20px 0 5px;}
+#profile .profile_img img{border-radius:50%}
+#profile .profile_name .sv_wrap{font-weight:bold}
diff --git a/skin/new/basic/new.skin.php b/skin/new/basic/new.skin.php
index 2558d8118..8405ab361 100644
--- a/skin/new/basic/new.skin.php
+++ b/skin/new/basic/new.skin.php
@@ -22,8 +22,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
         <option value="c">코멘트만
     </select>
     <label for="mb_id" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="mb_id" value="<?php echo $mb_id ?>" id="mb_id" required class="frm_input required">
-    <input type="submit" value="검색" class="btn_submit">
+    <input type="text" name="mb_id" value="<?php echo $mb_id ?>" id="mb_id" required class="frm_input" size="40">
+    <button type="submit" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i> 검색</button>
     <p>회원 아이디만 검색 가능</p>
     </form>
     <script>
@@ -40,7 +40,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
 <!-- } 전체게시물 검색 끝 -->
 
 <!-- 전체게시물 목록 시작 { -->
-<form name="fnewlist" method="post" action="#" onsubmit="return fnew_submit(this);">
+<form name="fnewlist" id="fnewlist" method="post" action="#" onsubmit="return fnew_submit(this);">
 <input type="hidden" name="sw"       value="move">
 <input type="hidden" name="view"     value="<?php echo $view; ?>">
 <input type="hidden" name="sfl"      value="<?php echo $sfl; ?>">
@@ -59,11 +59,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
             <input type="checkbox" id="all_chk">
         </th>
         <?php } ?>
-        <th scope="col">그룹</th>
-        <th scope="col">게시판</th>
-        <th scope="col">제목</th>
-        <th scope="col">이름</th>
-        <th scope="col">일시</th>
+        <th scope="col"><i class="fa fa-folder-open" aria-hidden="true"></i><span class="sound_only">그룹</span></th>
+        <th scope="col"><i class="fa fa-list-alt" aria-hidden="true"></i><span class="sound_only">게시판</span></th>
+        <th scope="col"><i class="fa fa-list-ul" aria-hidden="true"></i><span class="sound_only">제목</span></th>
+        <th scope="col"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">이름</span></th>
+        <th scope="col"><i class="fa fa-clock-o" aria-hidden="true"></i><span class="sound_only">일시</span></th>
     </tr>
     </thead>
     <tbody>
@@ -86,8 +86,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
         <?php } ?>
         <td class="td_group"><a href="./new.php?gr_id=<?php echo $list[$i]['gr_id'] ?>"><?php echo $gr_subject ?></a></td>
         <td class="td_board"><a href="./board.php?bo_table=<?php echo $list[$i]['bo_table'] ?>"><?php echo $bo_subject ?></a></td>
-        <td><a href="<?php echo $list[$i]['href'] ?>"><?php echo $list[$i]['comment'] ?><?php echo $wr_subject ?></a></td>
-        <td class="td_name"><div><?php echo $list[$i]['name'] ?></div></td>
+        <td><a href="<?php echo $list[$i]['href'] ?>" class="new_tit"><?php echo $list[$i]['comment'] ?><?php echo $wr_subject ?></a></td>
+        <td class="td_name"><span class="profile_img"><img src="<?php echo G5_IMG_URL;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name'] ?></td>
         <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>
     </tr>
     <?php }  ?>
@@ -101,7 +101,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
 
 <?php if ($is_admin) { ?>
 <div class="sir_bw02 sir_bw">
-    <input type="submit" onclick="document.pressed=this.value" value="선택삭제" class="btn_submit">
+    <button type="submit" onclick="document.pressed=this.value" class="btn_b01 btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button>
 </div>
 <?php } ?>
 </form>
diff --git a/skin/new/basic/style.css b/skin/new/basic/style.css
index da1c877f2..fc3e89932 100644
--- a/skin/new/basic/style.css
+++ b/skin/new/basic/style.css
@@ -1,7 +1,12 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* 최근게시물 스킨 (new) */
-#new_sch {margin-bottom:10px;text-align:right}
+#new_sch {margin-bottom:15px;text-align:center;padding: 20px;border: 1px solid #e8e8e8;background: #fbfbfb;}
 #new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#new_sch p {padding:5px 0 0;font-size:0.95em;text-align:right;letter-spacing:-0.1em}
\ No newline at end of file
+#new_sch p {padding:5px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
+#new_sch .frm_input{border-color:#646982;border-radius:0}
+#new_sch select{border:1px solid #646982;height:40px;padding:0 5px}
+#new_sch .btn_submit{padding: 0 10px;height: 40px;font-size: 1.083em;font-weight: bold;color: #fff;background: #0059a6;}
+#fnewlist .new_tit{font-weight:bold}
+#fnewlist .profile_img img{border-radius:50%}
+#fnewlist .td_date{font-style:italic}
\ No newline at end of file
diff --git a/skin/outlogin/basic/img/info_edit.png b/skin/outlogin/basic/img/info_edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce5eae3eb1b5e55419aaa70b61053ed9def8b432
GIT binary patch
literal 1341
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1SBVD?P>#3k|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ*9U+nA0*tB1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+*
zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn
zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxSU1_g&``n5OwZ87
z)XdCKN5ROz&`93^h|F{iO{`4Ktc=VRpg;*|TTx1yRgjAt)Gi>;Rw<*Tq`*pFzr4I$
zuiRKKzbIYb(9+TpWQLKEE>MMTab;dfVufyAu`<jAm(=3qqRfJl%=|nBkco*&`K2Yc
zN<f!FypUVq>kBtHuNWFoz#!AFNG#Ad)HBe}%?0@jth%@)C>7xhtg4GcDhpEegHnt0
zON)|$@sXws(+mtd{1$-}0$pR}Uz7=ql*AmD{N&Qy)VvZ;7h5Huj9yA+ij|9zg`=sl
zxuvU-i;Jt7p`oR@rKz)vtAVkTp_!4Pi#f~;Y<iuIEG*niTpiuaom~tKUCo@F%v~LU
z8qJNJT;1H<9ASDr^NLFn^O93x_GSX@h3d7$tJli8C^fMpzbGU>KL?fq0y6ST@{2R_
z3lyA#%@j1kGxJjN%ZoKZ(F5_VOKMSOS!#+~QGTuhIDD-#vDj~9Xk=_^>f-8b;A#o-
zx09KXo1>GNqlu-PldFZLkrGsI3OQk>4|I$^C~+Vq7MKt)1%jCHqz~l4Gf!$BFvk=D
zv&J8V)!!Ky7;`;c978H@<pi!jeJDWW>felA3TEtw6(oF`I;3I+c-SU#CMTFjgnwiI
zk>8_wanZq~3o2{}O;S#%^XZ5kPjOT~v-y4Pi4UJ!zMrf8zUTKlYjZgkM;)fv>(^hK
zdMv(}u{G+Vi1W6WC0Vz(>6~7ExpPj$v{DNhp2H`ef1adrlrf|=&u+f5@1Yy^9gA+{
zZP(oJ_@hVPzE=&m-?o`f(dufddSWuyZ?VJn+fOV1>E@cvemMK_#~;tdIV}1vo9IsT
zX!yO)UWV`dbK?r5nIbHWeoKR{zn*$$U5M7vq=^Nymd!uEJag8A{^O5}b_QIW_wIYO
zNsE$H(AO&4*=Hvu?7llmobh<!w9~2&cgC!{{IccUj&-Y7Y5lZ2z3D|`;*7g_&nx97
ze*68`X`w)0g3-)9xrg%2W}j`3+<cSg(uVMy{LT9og{}U}yDda3(bdqxN~-tUZ(An|
zV+o$H)uC#WSB9-#xL#g3N=NJk`;r*F?^Sy<Ua1~nu$?i-+$V36E~r5BboFyt=akR{
E000H#EC2ui

literal 0
HcmV?d00001

diff --git a/skin/outlogin/basic/outlogin.skin.1.php b/skin/outlogin/basic/outlogin.skin.1.php
index b71bae3d9..5f9b2e6db 100644
--- a/skin/outlogin/basic/outlogin.skin.1.php
+++ b/skin/outlogin/basic/outlogin.skin.1.php
@@ -11,19 +11,20 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
     <form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
     <fieldset>
         <input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
-        <label for="ol_id" id="ol_idlabel">회원아이디<strong class="sound_only">필수</strong></label>
-        <input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20">
-        <label for="ol_pw" id="ol_pwlabel">비밀번호<strong class="sound_only">필수</strong></label>
-        <input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20">
-        <input type="submit" id="ol_submit" value="로그인">
-        <div id="ol_svc">
-            <a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a>
-            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
-        </div>
+        <label for="ol_id" id="ol_idlabel" class="sound_only">회원아이디<strong>필수</strong></label>
+        <input type="text" id="ol_id" name="mb_id" required class="required frm_input" maxlength="20" placeholder="아이디">
+        <label for="ol_pw" id="ol_pwlabel" class="sound_only">비밀번호<strong>필수</strong></label>
+        <input type="password" name="mb_password" id="ol_pw" required class="required frm_input" maxlength="20" placeholder="비밀번호">
         <div id="ol_auto">
             <input type="checkbox" name="auto_login" value="1" id="auto_login">
             <label for="auto_login" id="auto_login_label">자동로그인</label>
         </div>
+        <input type="submit" id="ol_submit" value="로그인" class="btn_b02">
+        <div id="ol_svc">
+            <a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a> /
+            <a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
+        </div>
+
     </fieldset>
     </form>
 </section>
@@ -31,27 +32,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
 <script>
 $omi = $('#ol_id');
 $omp = $('#ol_pw');
-$omp.css('display','inline-block').css('width',104);
 $omi_label = $('#ol_idlabel');
 $omi_label.addClass('ol_idlabel');
 $omp_label = $('#ol_pwlabel');
 $omp_label.addClass('ol_pwlabel');
 
 $(function() {
-    $omi.focus(function() {
-        $omi_label.css('visibility','hidden');
-    });
-    $omp.focus(function() {
-        $omp_label.css('visibility','hidden');
-    });
-    $omi.blur(function() {
-        $this = $(this);
-        if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
-    });
-    $omp.blur(function() {
-        $this = $(this);
-        if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
-    });
 
     $("#auto_login").click(function(){
         if ($(this).is(":checked")) {
diff --git a/skin/outlogin/basic/outlogin.skin.2.php b/skin/outlogin/basic/outlogin.skin.2.php
index ab1286c7d..a60419691 100644
--- a/skin/outlogin/basic/outlogin.skin.2.php
+++ b/skin/outlogin/basic/outlogin.skin.2.php
@@ -9,29 +9,35 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
 <section id="ol_after" class="ol">
     <header id="ol_after_hd">
         <h2>나의 회원정보</h2>
+        <span class="profile_img">
+            <img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지">
+            <a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info" title="정보수정">정보수정</a>
+        </span>
         <strong><?php echo $nick ?>님</strong>
-        <?php if ($is_admin == 'super' || $is_auth) {  ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자 모드</a><?php }  ?>
+        <?php if ($is_admin == 'super' || $is_auth) {  ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin" title="관리자">관리자</a><?php }  ?>
     </header>
     <ul id="ol_after_private">
         <li>
             <a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
-                <span class="sound_only">안 읽은 </span>쪽지
+                <i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="sound_only">안 읽은 </span>쪽지
                 <strong><?php echo $memo_not_read ?></strong>
             </a>
         </li>
         <li>
             <a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
-                포인트
+                <i class="fa fa-database" aria-hidden="true"></i> 포인트
                 <strong><?php echo $point ?></strong>
             </a>
         </li>
         <li>
-            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">스크랩</a>
+            <a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩
+            <strong>11</strong>
+            </a>
+            
         </li>
     </ul>
     <footer id="ol_after_ft">
-        <a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info">정보수정</a>
-        <a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
+        <a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout" class="btn_b02">로그아웃</a>
     </footer>
 </section>
 
diff --git a/skin/outlogin/basic/style.css b/skin/outlogin/basic/style.css
index f6a0e058e..0f6cc52c9 100644
--- a/skin/outlogin/basic/style.css
+++ b/skin/outlogin/basic/style.css
@@ -1,45 +1,42 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* 아웃로그인 스킨 */
-.ol {position:relative;padding:15px 15px 14px 14px;border-bottom:1px solid #dde4e9}
+.ol {position:relative;border-bottom:1px solid #e8e8e9}
 .ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
-.ol ul {margin:0;padding:0;list-style:none}
 
-.ol a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
+.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;background:#d13f4a;color:#fff;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
 .ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
 
 #ol_before {}
 #ol_before fieldset {position:relative}
-#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
-.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
-#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
-.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
+#ol_id {display:block;width:100%;margin:5px 0 10px;}
+.ol_idlabel {color:#333;}
+#ol_pw {display:block;;width:100%;margin:5px 0;}
+.ol_pwlabel {color:#333;}
 #auto_login {}
 #auto_login_label {letter-spacing:-0.1em}
-#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
+#ol_submit {width:100%;height:40px;border:0;border-radius:3px;color:#fff;font-weight:bold}
 #ol_before a {letter-spacing:-0.15em}
-#ol_svc {float:left;margin:5px 0 0}
-#ol_password_lost {display:inline-block;margin:0 0 0 5px}
-#ol_auto {position:relative;float:right;margin:5px 0 0}
+#ol_svc {text-align:center;margin:10px 0 20px}
+#ol_svc a{display:inline-block;color:#333;margin:0 5px}
+#ol_auto {position:relative;margin:10px 0}
 #ol_auto label {letter-spacing:-0.1em}
-#ol_auto input {width:13px;height:13px;vertical-align:bottom}
+#ol_auto input {width:13px;height:13px;vertical-align:bottom} 
 
 #ol_after {}
-#ol_after_hd {margin:0 0 3px}
-#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
+#ol_after_hd {margin:0 0 10px;text-align:center}
+#ol_after_hd strong{display:block}
+#ol_after_hd .profile_img{margin:20px 0 10px;display:inline-block;position:relative;}
+#ol_after_hd .profile_img img{border-radius:50%}
+#ol_after_hd .profile_img  a{display:block;position:absolute;bottom:-5px;right:-5px;background:url(./img/info_edit.png) no-repeat 50% 50% #fff;width:30px;height:30px;border-radius:50%;overflow:hidden;text-indent:-9999px}
+#ol_after_hd .btn_admin {position:absolute;top:0;right:0;border-radius:3px;;;text-align:center}
 #ol_after_private {margin:0 0 3px;zoom:1}
 #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
-#ol_after_private li {float:left}
-#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
-#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
-#ol_after_private a:focus,
-#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
-#ol_after_private a:focus strong,
-#ol_after_private a:hover strong {color:#fff;text-decoration:none}
-#ol_after_memo {width:50px;margin-right:1px}
-#ol_after_pt {width:80px;margin-right:1px}
-#ol_after_scrap {width:48px;line-height:2.6em !important}
-#ol_after_ft {text-align:justify}
-#ol_after_ft a {display:inline-block;width:88px;height:25px;background:#333;color:#fff;text-align:center;line-height:2.2em}
-#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}
\ No newline at end of file
+#ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
+#ol_after_private a {display:block;color:#444;background:#ecf0f1;padding: 10px;line-height:20px;height:60px}
+#ol_after_private li:nth-child(even) a{background:#e5e9ea}
+#ol_after_private a strong {display:block;color:#ff6f6f}
+#ol_after_private li a:hover{background:#bec3c7}
+#ol_after_memo {;margin-right:1px}
+#ol_after_pt {margin-right:1px}
+#ol_after_logout{display:block;height:40px;font-size:1.083em;line-height:38px;text-align:center;font-weight:bold;border-radius:3px;margin:10px 0 20px}
diff --git a/skin/poll/basic/poll.skin.php b/skin/poll/basic/poll.skin.php
index e9bee3333..fc4871a86 100644
--- a/skin/poll/basic/poll.skin.php
+++ b/skin/poll/basic/poll.skin.php
@@ -11,19 +11,21 @@ add_stylesheet('<link rel="stylesheet" href="'.$poll_skin_url.'/style.css">', 0)
 <input type="hidden" name="skin_dir" value="<?php echo urlencode($skin_dir); ?>">
 <section id="poll">
     <header>
-        <h2>설문조사</h2>
-        <?php if ($is_admin == "super") {  ?><a href="<?php echo G5_ADMIN_URL ?>/poll_form.php?w=u&amp;po_id=<?php echo $po_id ?>" class="btn_admin">설문조사 관리</a><?php }  ?>
-        <p><?php echo $po['po_subject'] ?></p>
+        <h2><i class="fa fa-bar-chart" aria-hidden="true"></i> 설문조사</h2>
+        <?php if ($is_admin == "super") {  ?><a href="<?php echo G5_ADMIN_URL ?>/poll_form.php?w=u&amp;po_id=<?php echo $po_id ?>" class="btn_admin">설문관리</a><?php }  ?>
     </header>
-    <ul>
-        <?php for ($i=1; $i<=9 && $po["po_poll{$i}"]; $i++) {  ?>
-        <li><input type="radio" name="gb_poll" value="<?php echo $i ?>" id="gb_poll_<?php echo $i ?>"> <label for="gb_poll_<?php echo $i ?>"><?php echo $po['po_poll'.$i] ?></label></li>
-        <?php }  ?>
-    </ul>
-    <footer>
-        <input type="submit" value="투표하기">
-        <a href="<?php echo G5_BBS_URL."/poll_result.php?po_id=$po_id&amp;skin_dir=".urlencode($skin_dir); ?>" target="_blank" onclick="poll_result(this.href); return false;">결과보기</a>
-    </footer>
+    <div class="poll_con">
+        <p><?php echo $po['po_subject'] ?></p>
+        <ul>
+            <?php for ($i=1; $i<=9 && $po["po_poll{$i}"]; $i++) {  ?>
+            <li><input type="radio" name="gb_poll" value="<?php echo $i ?>" id="gb_poll_<?php echo $i ?>"> <label for="gb_poll_<?php echo $i ?>"><?php echo $po['po_poll'.$i] ?></label></li>
+            <?php }  ?>
+        </ul>
+        <div id="poll_btn">
+            <input type="submit" value="투표하기" class="btn_poll btn_b02">
+            <a href="<?php echo G5_BBS_URL."/poll_result.php?po_id=$po_id&amp;skin_dir=".urlencode($skin_dir); ?>" target="_blank" onclick="poll_result(this.href); return false;" class="btn_result btn_b01">결과보기</a>
+        </div>
+    </div>
 </section>
 </form>
 
diff --git a/skin/poll/basic/poll_result.skin.php b/skin/poll/basic/poll_result.skin.php
index 2ac6d1d33..60f603cc4 100644
--- a/skin/poll/basic/poll_result.skin.php
+++ b/skin/poll/basic/poll_result.skin.php
@@ -7,109 +7,98 @@ add_stylesheet('<link rel="stylesheet" href="'.$poll_skin_url.'/style.css">', 0)
 
 <!-- 설문조사 결과 시작 { -->
 <div id="poll_result" class="new_win">
-    <h1 id="win_title"><?php echo $g5['title'] ?></h1>
+    <h1 id="win_title"><i class="fa fa-bar-chart" aria-hidden="true"></i> <?php echo $g5['title'] ?></h1>
+    <div class="new_win_con">
+        <!-- 설문조사 결과 그래프 시작 { -->
+        <span class="poll_all">전체 <?php echo $nf_total_po_cnt ?>표</span>
+        <section id="poll_result_list">
+            <h2><?php echo $po_subject ?> 결과</h2>
 
-    <!-- 설문조사 결과 그래프 시작 { -->
-    <section id="poll_result_list">
-        <h2><?php echo $po_subject ?> 결과</h2>
+            <ol>
+            <?php for ($i=1; $i<=count($list); $i++) {  ?>
+                <li>
+                    <span><?php echo $list[$i]['content'] ?></span>
+                    <span class="poll_percent"><?php echo number_format($list[$i]['rate'], 1) ?> %</span>
+                    <div class="poll_result_graph">
+                        <span style="width:<?php echo number_format($list[$i]['rate'], 1) ?>%"><strong class="poll_cnt"><?php echo $list[$i]['cnt'] ?> 표</strong></span>
+                    </div>
+                </li>
+            <?php }  ?>
+            </ol>
+        </section>
+        <!-- } 설문조사 결과 그래프 끝 -->
 
-        <dl>
-            <dt><span>전체 <?php echo $nf_total_po_cnt ?>표</span></dt>
-            <dd>
-                <ol>
-                <?php for ($i=1; $i<=count($list); $i++) {  ?>
+        <!-- 설문조사 기타의견 시작 { -->
+        <?php if ($is_etc) {  ?>
+        <section id="poll_result_cmt">
+            <h2>이 설문에 대한 기타의견</h2>
+
+            <?php for ($i=0; $i<count($list2); $i++) {  ?>
+            <article>
+                <header>
+                    <h2><?php echo $list2[$i]['pc_name'] ?><span class="sound_only">님의 의견</span></h2>
+                    <span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list2[$i]['name'] ?>
+                    <span class="poll_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list2[$i]['datetime'] ?> <span class="poll_cmt_del"><?php if ($list2[$i]['del']) { echo $list2[$i]['del']."<i class=\"fa fa-times-circle\" aria-hidden=\"true\"></i><span class=\"sound_only\">삭제</span></a>"; }  ?></span></span>
+                </header>
+                <p>
+                    <?php echo $list2[$i]['idea'] ?>
+                </p>
+ 
+            </article>
+            <?php }  ?>
+
+            <?php if ($member['mb_level'] >= $po['po_level']) {  ?>
+            <form name="fpollresult" action="./poll_etc_update.php" onsubmit="return fpollresult_submit(this);" method="post" autocomplete="off">
+            <input type="hidden" name="po_id" value="<?php echo $po_id ?>">
+            <input type="hidden" name="w" value="">
+            <input type="hidden" name="skin_dir" value="<?php echo urlencode($skin_dir); ?>">
+            <?php if ($is_member) {  ?><input type="hidden" name="pc_name" value="<?php echo get_text(cut_str($member['mb_nick'],255)) ?>"><?php }  ?>
+            <h3><?php echo $po_etc ?></h3>
+
+            <div class="form_01">
+                <ul id="poll_result_wcmt">
+                    <?php if ($is_guest) {  ?>
                     <li>
-                        <p>
-                            <?php echo $list[$i]['content'] ?>
-                            <strong><?php echo $list[$i]['cnt'] ?> 표</strong>
-                            <span><?php echo number_format($list[$i]['rate'], 1) ?> 퍼센트</span>
-                        </p>
-                        <div class="poll_result_graph">
-                            <span style="width:<?php echo number_format($list[$i]['rate'], 1) ?>%"></span>
-                        </div>
+                        <label for="pc_name" class="sound_only">이름<strong>필수</strong></label>
+                        <input type="text" name="pc_name" id="pc_name" required class="frm_input required" size="20" placeholder="이름">
                     </li>
+                    <li>
+                        <?php echo captcha_html(); ?>
+                    </li>
+                    <?php }  ?>
+                    <li>
+                        <label for="pc_idea" class="sound_only">의견<strong>필수</strong></label>
+                        <input type="text" id="pc_idea" name="pc_idea" required class="frm_input full_input required" size="47" maxlength="100" placeholder="의견">
+                    </li>
+                    <li>
+                        <input type="submit" class="btn_submit" value="의견남기기">
+                    </li>
+
+                </ul>
+            </div>
+
+                
+            </form>
+            <?php }  ?>
+
+        </section>
+        <?php }  ?>
+        <!-- } 설문조사 기타의견 끝 -->
+
+        <!-- 설문조사 다른 결과 보기 시작 { -->
+        <aside id="poll_result_oth">
+            <h2>다른 투표 결과 보기</h2>
+            <ul>
+                <?php for ($i=0; $i<count($list3); $i++) {  ?>
+                <li><a href="./poll_result.php?po_id=<?php echo $list3[$i]['po_id'] ?>&amp;skin_dir=<?php echo urlencode($skin_dir); ?>"> <?php echo $list3[$i]['subject'] ?> </a><span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list3[$i]['date'] ?></span></li>
                 <?php }  ?>
-                </ol>
-            </dd>
-        </dl>
-    </section>
-    <!-- } 설문조사 결과 그래프 끝 -->
+            </ul>
+        </aside>
+        <!-- } 설문조사 다른 결과 보기 끝 -->
 
-    <!-- 설문조사 기타의견 시작 { -->
-    <?php if ($is_etc) {  ?>
-    <section id="poll_result_cmt">
-        <h2>이 설문에 대한 기타의견</h2>
-
-        <?php for ($i=0; $i<count($list2); $i++) {  ?>
-        <article>
-            <header>
-                <h1><?php echo $list2[$i]['pc_name'] ?><span class="sound_only">님의 의견</span></h1>
-                <?php echo $list2[$i]['name'] ?>
-                <span class="poll_datetime"><?php echo $list2[$i]['datetime'] ?></span>
-            </header>
-            <p>
-                <?php echo $list2[$i]['idea'] ?>
-            </p>
-            <footer>
-                <span class="poll_cmt_del"><?php if ($list2[$i]['del']) { echo $list2[$i]['del']."삭제</a>"; }  ?></span>
-            </footer>
-        </article>
-        <?php }  ?>
-
-        <?php if ($member['mb_level'] >= $po['po_level']) {  ?>
-        <form name="fpollresult" action="./poll_etc_update.php" onsubmit="return fpollresult_submit(this);" method="post" autocomplete="off">
-        <input type="hidden" name="po_id" value="<?php echo $po_id ?>">
-        <input type="hidden" name="w" value="">
-        <input type="hidden" name="skin_dir" value="<?php echo $skin_dir ?>">
-        <?php if ($is_member) {  ?><input type="hidden" name="pc_name" value="<?php echo get_text(cut_str($member['mb_nick'],255)); ?>"><?php }  ?>
-        <h3><?php echo $po_etc ?></h3>
-
-        <div class="tbl_frm01 tbl_wrap">
-            <table id="poll_result_wcmt">
-            <tbody>
-            <?php if ($is_guest) {  ?>
-            <tr>
-                <th scope="row"><label for="pc_name">이름<strong class="sound_only">필수</strong></label></th>
-                <td><input type="text" name="pc_name" id="pc_name" required class="frm_input required" size="10"></td>
-            </tr>
-            <?php }  ?>
-            <tr>
-                <th scope="row"><label for="pc_idea">의견<strong class="sound_only">필수</strong></label></th>
-                <td><input type="text" id="pc_idea" name="pc_idea" required class="frm_input required" size="47" maxlength="100"></td>
-            </tr>
-            <?php if ($is_guest) {  ?>
-            <tr>
-                <th scope="row">자동등록방지</th>
-                <td><?php echo captcha_html(); ?></td>
-            </tr>
-            <?php }  ?>
-            </tbody>
-            </table>
+        <div class="win_btn">
+            <button type="button" onclick="window.close();" class="btn_close">창닫기</button>
         </div>
-
-        <div class="btn_confirm">
-            <input type="submit" class="btn_submit" value="의견남기기">
-        </div>
-        </form>
-        <?php }  ?>
-
-    </section>
-    <?php }  ?>
-    <!-- } 설문조사 기타의견 끝 -->
-
-    <!-- 설문조사 다른 결과 보기 시작 { -->
-    <aside id="poll_result_oth">
-        <h2>다른 투표 결과 보기</h2>
-        <ul>
-            <?php for ($i=0; $i<count($list3); $i++) {  ?>
-            <li><a href="./poll_result.php?po_id=<?php echo $list3[$i]['po_id'] ?>&amp;skin_dir=<?php echo $skin_dir ?>">[<?php echo $list3[$i]['date'] ?>] <?php echo $list3[$i]['subject'] ?></a></li>
-            <?php }  ?>
-        </ul>
-    </aside>
-    <!-- } 설문조사 다른 결과 보기 끝 -->
-
-    <div class="win_btn">
-        <button type="button" onclick="window.close();">창닫기</button>
     </div>
 </div>
 
diff --git a/skin/poll/basic/style.css b/skin/poll/basic/style.css
index e46faafff..59f49c783 100644
--- a/skin/poll/basic/style.css
+++ b/skin/poll/basic/style.css
@@ -1,5 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* ### 기본 스타일 커스터마이징 시작 ### */
 
@@ -38,53 +37,65 @@
 /* ### 기본 스타일 커스터마이징 끝 ### */
 
 /* 설문조사 스킨 */
-#poll {border-bottom:1px solid #dde4e9}
-#poll header {position:relative;padding:15px 14px 0}
-#poll h2 {}
-#poll header .btn_admin {margin-top:5px;width:158px;text-align:center}
-#poll header p {padding:5px 0 0}
+#poll {border-bottom:1px solid #e8e8e9}
+#poll header {position:relative;margin:20px 0 10px;position:relative;}
+#poll h2 {font-size:1.083em}
+#poll header .btn_admin {text-align:center;position:absolute;top:0;right:0;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
 #poll ul {margin:0 0 10px;padding:5px 14px;list-style:none}
-#poll li {padding:3px 0}
-#poll footer {padding:0 14px 14px}
-#poll footer input {width:88px;height:27px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
-#poll footer a {display:inline-block;width:86px;height:25px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:2.2em}
-#poll footer a:focus, #poll footer a:hover {text-decoration:none !important}
+#poll li {background:#e5e9f5;margin-bottom:1px;padding:7px 10px}
+#poll .poll_con{border:1px solid #dbdbdb;background:#fff;;margin-bottom:20px;
+-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.2));
+-moz-box-shadow:0 0 5px  rgba(55,55,5,0.2));
+box-shadow: 0 0 5px  rgba(55,55,5,0.2);}
+#poll .poll_con p{padding:10px 15px 5px}
+#poll_btn{border-top:1px solid #dbdbdb;padding:10px;}
+#poll_btn:after {display:block;visibility:hidden;clear:both;content:""}
+#poll_btn .btn_poll{float:right;display:inline-block;height:30px;line-height:28px;border-radius:3px;padding: 0 5px}
+#poll_btn .btn_result{float:left;;display:inline-block;height:30px;line-height:30px;border-radius:3px;padding: 0 5px;font-weight:bold}
+
 
 /* 설문조사 결과 (새창) */
 #poll_result {}
-#poll_result section {margin:0 20px 20px;padding:15px;border:1px solid #dde4e9;background:#fff}
+#poll_result section {margin:0 0 20px;padding:25px;border:1px solid #dbdbdb;background:#fff;
+-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.1));
+   -moz-box-shadow: 0 0 5px rgba(55,55,5,0.1));
+        box-shadow: 0 0 5px rgba(55,55,5,0.1); }
 #poll_result .tbl_wrap {margin:0}
-#poll_result h2 {margin:0;padding:20px 0}
+#poll_result h2 {}
 #poll_result a {}
 #poll_result .sv_member,
 #poll_result .sv_guest {font-weight:bold}
-#poll_result_list {margin:0 auto 20px}
-#poll_result_list h2 {text-align:center}
-#poll_result_list dl,
-#poll_result_list dt,
-#poll_result_list dd {margin:0;padding:0}
-#poll_result_list dl {padding-bottom:30px}
+#poll_result .poll_all{float:right;display:inline-block;padding:0 5px;margin:0 0 10px;line-height:26px;border:1px solid #ddd;border-radius:3px;font-size:0.92em}
+#poll_result_list {margin:0 auto 20px;clear:both}
+#poll_result_list h2 {margin:0;font-size:1.25em;padding: 0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:center;}
 #poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
-#poll_result_list ol {margin:0;padding-left:30px}
-#poll_result_list li {margin-top:10px}
-#poll_result_list p {position:relative;margin:0;padding:5px 0}
-#poll_result_list p strong {position:absolute;top:5px;right:5%;padding-right:80px;width:100px;text-align:right}
-#poll_result_list p span {position:absolute;top:5px;right:5%;width:80px;color:#68999c;text-align:right}
-.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
-.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
+#poll_result_list ol {margin:0;padding:0}
+#poll_result_list li {margin:20px 0;position:relative;list-style-position:inside}
+#poll_result_list .poll_percent{position:absolute;top:0;right:0;color:#415b72;font-weight:bold}
+.poll_result_graph {position:relative;margin-right:5%;margin:5px 0  ;height:15px;background:#f4f4f4;border-radius:10px 10px}
+.poll_result_graph span {position:absolute;top:0;left:0;height:15px;background:#ae99da;border-radius:10px 10px}
+.poll_result_graph span .poll_cnt {display:none;position:absolute;top:18px;right:0;font-size:0.92em;text-align:right;background:#333;color:#fff;padding:0 7px;line-height:22px;border-radius:3px}
+.poll_result_graph span:hover .poll_cnt {display:block}
+.poll_result_graph span .poll_cnt:before{content: "";position: absolute;top: -6px;left: 50%;margin-left:-4px;width: 0;height: 0;border-style: solid;border-width: 0 4px 6px 4px;border-color: transparent transparent #333 transparent;}
 #poll_result_cmt {}
-#poll_result_cmt h2 {text-align:center}
-#poll_result_cmt h3 {margin:0 0 10px}
-#poll_result_cmt article {margin:0 0 15px;border-bottom:1px solid #eee}
+#poll_result_cmt h2  {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#poll_result_cmt h3 {margin:0;font-size:1.25em;padding: 0 0 15px;margin:0 0 15px;border-bottom:1px solid #ddd;text-align:center;}
+#poll_result_cmt article {margin:15px 0 ;position:relative;}
 #poll_result_cmt h1 {position:absolute;margin:0;padding:0;border:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
-.poll_datetime {display:inline-block;margin-left:10px}
-#poll_result_cmt p {padding:3px 0}
+#poll_result_cmt header{margin:0 0 5px}
+#poll_result_cmt .poll_datetime{display:inline-block;position:absolute;top:0;right:0;font-size:0.92em;color:#777;font-style:italic}
+#poll_result_cmt .profile_img img{border-radius:50%}
+#poll_result_cmt p {padding:10px;background:#f6f6f6;border-radius:5px;}
 #poll_result_cmt fieldset {margin-bottom:0;text-align:left}
 #poll_result_cmt fieldset p {margin:0 0 15px;padding:3px 0 0px;text-align:left}
 #poll_result_cmt footer {text-align:right}
-#poll_result_wcmt {margin:0 0 10px}
-.poll_cmt_del a {display:inline-block;padding-bottom:10px}
-#poll_result_oth {margin:0 auto 20px;width:93%}
+#poll_result_cmt .btn_submit {height:45px;padding:0 20px}
+
+.poll_cmt_del a {display:inline-block;margin-left:5px;color:#49857c;font-size:15px;}
+.poll_cmt_del a:hover{color:#98ca69}
+#poll_result_oth {padding:0 0 30px}
 #poll_result_oth h2 {padding:0 0 10px}
-#poll_result_oth ul {margin:0;padding:0;list-style:none}
-#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee}
\ No newline at end of file
+#poll_result_oth ul {margin:0;padding:0;list-style:none;border:1px solid #ddd;border-top:0}
+#poll_result_oth ul li{border-top:1px solid #ddd; position:relative;line-height:20px}
+#poll_result_oth a {display:block;padding: 10px}
+#poll_result_oth li span{position:absolute;bottom:10px;right:15px;color:#777;font-size:0.92em;font-style:italic}
diff --git a/skin/popular/basic/popular.skin.php b/skin/popular/basic/popular.skin.php
index 49e0b99e6..d2cd79464 100644
--- a/skin/popular/basic/popular.skin.php
+++ b/skin/popular/basic/popular.skin.php
@@ -8,12 +8,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">',
 <!-- 인기검색어 시작 { -->
 <section id="popular">
     <div>
-        <h2>인기검색어</h2>
-        <ul>
+        <h2><i class="fa fa-tags" aria-hidden="true"></i> 인기검색어</h2>
         <?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>
+        <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 }  ?>
-        </ul>
     </div>
 </section>
 <!-- } 인기검색어 끝 -->
\ No newline at end of file
diff --git a/skin/popular/basic/style.css b/skin/popular/basic/style.css
index d2c4219d0..0ddf5b5bc 100644
--- a/skin/popular/basic/style.css
+++ b/skin/popular/basic/style.css
@@ -1,12 +1,6 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
 /* 인기검색어 */
-#popular {border-bottom:1px dotted #dde4e9}
-#popular div {margin:0 auto;width:970px;zoom:1}
-#popular div:after {display:block;visibility:hidden;clear:both;content:""}
-#popular h2 {float:left;padding:10px 45px 10px 0}
-#popular ul {float:left;margin:0;padding:0;list-style:none}
-#popular li {float:left}
-#popular a {display:inline-block;padding:10px;text-decoration:none}
-#popular a:focus, #popular a:hover {}
\ No newline at end of file
+#popular {border-bottom:1px solid #e8e8e9;padding:20px 0}
+#popular h2{font-size:1.083em;margin: 0 0 10px;}
+#popular a{display:inline-block;height:22px;line-height:22px;background:#bbb;color:#fff;margin:2px 0;padding: 0 5px;border-radius:3px}
+#popular a:hover{background:#47aba2}
\ No newline at end of file
diff --git a/skin/qa/basic/list.skin.php b/skin/qa/basic/list.skin.php
index a06532b6b..07aaefb13 100644
--- a/skin/qa/basic/list.skin.php
+++ b/skin/qa/basic/list.skin.php
@@ -23,7 +23,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
     <?php } ?>
 
      <!-- 게시판 페이지 정보 및 버튼 시작 { -->
-    <div class="bo_fx">
+    <div id="bo_btn_top">
         <div id="bo_list_total">
             <span>Total <?php echo number_format($total_count) ?>건</span>
             <?php echo $page ?> 페이지
@@ -31,8 +31,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 
         <?php if ($admin_href || $write_href) { ?>
         <ul class="btn_bo_user">
-            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin">관리자</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">문의등록</a></li><?php } ?>
+            <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-user-circle" aria-hidden="true"></i> 관리자</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 문의등록</a></li><?php } ?>
         </ul>
         <?php } ?>
     </div>
@@ -48,18 +48,17 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         <caption><?php echo $board['bo_subject'] ?> 목록</caption>
         <thead>
         <tr>
-            <th scope="col">번호</th>
             <?php if ($is_checkbox) { ?>
             <th scope="col">
                 <label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
                 <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
             </th>
             <?php } ?>
-            <th scope="col">분류</th>
-            <th scope="col">제목</th>
-            <th scope="col">글쓴이</th>
-            <th scope="col">상태</th>
-            <th scope="col">등록일</th>
+            <th scope="col"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i><span class="sound_only">번호</span></th>
+            <th scope="col"><i class="fa fa-th-list" aria-hidden="true"></i><span class="sound_only">제목</span></th>
+            <th scope="col"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">글쓴이</span></th>
+            <th scope="col"><i class="fa fa-clock-o" aria-hidden="true"></i><span class="sound_only">등록일</span></th>
+            <th scope="col"><i class="fa fa-check-circle-o" aria-hidden="true"></i><span class="sound_only">상태</span></th>
         </tr>
         </thead>
         <tbody>
@@ -67,23 +66,23 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         for ($i=0; $i<count($list); $i++) {
         ?>
         <tr>
-            <td class="td_num"><?php echo $list[$i]['num']; ?></td>
             <?php if ($is_checkbox) { ?>
             <td class="td_chk">
                 <label for="chk_qa_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject']; ?></label>
                 <input type="checkbox" name="chk_qa_id[]" value="<?php echo $list[$i]['qa_id'] ?>" id="chk_qa_id_<?php echo $i ?>">
             </td>
             <?php } ?>
-            <td class="td_category"><?php echo $list[$i]['category']; ?></td>
+            <td class="td_num"><?php echo $list[$i]['num']; ?></td>
             <td class="td_subject">
-                <a href="<?php echo $list[$i]['view_href']; ?>">
+                <span class="bo_cate_link"><?php echo $list[$i]['category']; ?></span>
+                <a href="<?php echo $list[$i]['view_href']; ?>" class="bo_tit">
                     <?php echo $list[$i]['subject']; ?>
+                    <?php echo $list[$i]['icon_file']; ?>
                 </a>
-                <?php echo $list[$i]['icon_file']; ?>
             </td>
-            <td class="td_name"><?php echo $list[$i]['name']; ?></td>
-            <td class="td_stat <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '답변완료' : '답변대기'); ?></td>
+            <td class="td_name"><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name']; ?></td>
             <td class="td_date"><?php echo $list[$i]['date']; ?></td>
+            <td class="td_stat"><span class=" <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '<i class="fa fa-check-circle" aria-hidden="true"></i> 답변완료' : '<i class="fa fa-times-circle" aria-hidden="true"></i> 답변대기'); ?></span></td>
         </tr>
         <?php
         }
@@ -95,18 +94,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
     </div>
 
     <div class="bo_fx">
-        <?php if ($is_checkbox) { ?>
-        <ul class="btn_bo_adm">
-            <li><input type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"></li>
-        </ul>
-        <?php } ?>
-
         <ul class="btn_bo_user">
-            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li><?php } ?>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">문의등록</a></li><?php } ?>
+            <?php if ($is_checkbox) { ?>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn btn_admin"><i class="fa fa-trash-o" aria-hidden="true"></i></button></li>
+            <?php } ?>
+            <?php if ($list_href) { ?><li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i>목록</a></li><?php } ?>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 문의등록</a></li><?php } ?>
         </ul>
     </div>
     </form>
+
+    
+    <!-- 게시판 검색 시작 { -->
+    <fieldset id="bo_sch">
+        <legend>게시물 검색</legend>
+
+        <form name="fsearch" method="get">
+        <input type="hidden" name="sca" value="<?php echo $sca ?>">
+        <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
+        <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" id="stx" required  class="sch_input" size="25" maxlength="15">
+        <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
+        </form>
+    </fieldset>
+    <!-- } 게시판 검색 끝 -->
 </div>
 
 <?php if($is_checkbox) { ?>
@@ -118,18 +128,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 <!-- 페이지 -->
 <?php echo $list_pages;  ?>
 
-<!-- 게시판 검색 시작 { -->
-<fieldset id="bo_sch">
-    <legend>게시물 검색</legend>
-
-    <form name="fsearch" method="get">
-    <input type="hidden" name="sca" value="<?php echo $sca ?>">
-    <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="stx" value="<?php echo stripslashes($stx) ?>" id="stx" required  class="frm_input required" size="15" maxlength="15">
-    <input type="submit" value="검색" class="btn_submit">
-    </form>
-</fieldset>
-<!-- } 게시판 검색 끝 -->
 
 <?php if ($is_checkbox) { ?>
 <script>
diff --git a/skin/qa/basic/style.css b/skin/qa/basic/style.css
index 8f7022428..440ffdc83 100644
--- a/skin/qa/basic/style.css
+++ b/skin/qa/basic/style.css
@@ -1,6 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
 /* ### 기본 스타일 커스터마이징 시작 ### */
 
 /* 게시판 버튼 */
@@ -33,6 +31,8 @@
 
 /* 기본 테이블 */
 /* 목록 테이블 */
+#bo_list {position:relative}
+#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_list .tbl_head01 {}
 #bo_list .tbl_head01 caption {}
 #bo_list .tbl_head01 thead th {}
@@ -59,6 +59,7 @@
 #bo_v td.empty_table {}
 
 /* 쓰기 테이블 */
+#bo_w h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_w table {}
 #bo_w caption {}
 #bo_w .frm_info {}
@@ -93,48 +94,66 @@
 /* 게시판 목록 */
 #bo_list .td_board {width:120px;text-align:center}
 #bo_list .td_chk {width:30px;text-align:center}
-#bo_list .td_date {width:60px;text-align:center}
-#bo_list .td_datetime {width:110px;text-align:center}
+#bo_list .td_date {width:80px;text-align:center;font-style: italic;}
+#bo_list .td_datetime {width:60px;text-align:center;font-style: italic}
 #bo_list .td_group {width:100px;text-align:center}
 #bo_list .td_mb_id {width:100px;text-align:center}
 #bo_list .td_mng {width:80px;text-align:center}
-#bo_list .td_name {width:100px;text-align:left}
+#bo_list .td_name {width:90px;text-align:left;padding:10px 0}
 #bo_list .td_nick {width:100px;text-align:center}
-#bo_list .td_num {width:50px;text-align:center}
+#bo_list .td_num {width:40px;;text-align:center}
+#bo_list .td_num2 {width:50px;;text-align:center}
 #bo_list .td_numbig {width:80px;text-align:center}
+#bo_list .txt_active {color:#5d910b}
+#bo_list .txt_expired {color:#ccc}
+#bo_list .td_stat,#bo_v_rel .td_stat{width:100px;text-align:center}
 
 #bo_list .txt_active {color:#5d910b}
 #bo_list .txt_expired {color:#ccc}
-
-#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_list .txt_done,#bo_v_rel .txt_done{display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:15px;color:#fff;font-size:0.92em;background:#ff63ab}
+#bo_list .txt_done i,#bo_v_rel .txt_done i{font-size:13px}
+#bo_list .txt_rdy,#bo_v_rel .txt_rdy{display:inline-block;height:30px;line-height:28px;padding:0 10px;border-radius:15px;color:#ff63ab;font-size:0.92em;border:1px solid #ff63ab}
+#bo_list .txt_rdy i,#bo_v_rel .txt_rdy i{font-size:13px}#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_cate ul {margin-bottom:10px;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 li {display:inline-block;}
+#bo_cate a {display:block;border:1px solid #e1e1e1;margin:0 5px 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
+#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#f3f3f3}
+#bo_cate #bo_cate_on {z-index:2;border:1px solid #3598db;color:#3598db;font-weight:bold}
+
+.td_subject img {margin-left:5px}
 
-.td_subject img {margin-left:3px}
 
 /* 게시판 목록 공통 */
-.bo_fx {margin-bottom:5px;zoom:1}
+#bo_btn_top{margin: 10px 0 5px}
+#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx {margin-bottom:5px;float:right;zoom:1}
 .bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_fx ul {margin:0;padding:0;list-style:none}
-#bo_list_total {float:left;padding-top:5px}
+.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_fx ul {margin:0;padding:0;list-style:none}
+#bo_list_total {float:left;line-height:40px;font-size:0.92em;color:#6a6a6a}
 .btn_bo_user {float:right;margin:0;padding:0;list-style:none}
 .btn_bo_user li {float:left;margin-left:5px}
 .btn_bo_adm {float:left}
 .btn_bo_adm li {float:left;margin-right:5px}
-.btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer}
+.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
 .bo_notice td {background:#f5f6fa}
 .bo_notice td a {font-weight:bold}
 .td_num strong {color:#000}
-.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
+.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
+.bo_tit{display:block;font-weight:bold;color:#000}
 .bo_current {color:#e8180c}
-#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
-
-#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
+#bo_list .profile_img img{border-radius:50%}
+#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;}
+#bo_list .bo_tit i{color:#8d96c2}
+#bo_list .bo_tit .fa-heart{color:#fe4560}
+#bo_list .bo_tit .fa-lock{color:#000}
+#bo_sch {float:left;border:1px solid #646982;border-radius:3px}
+#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
+#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
 
 /* 게시판 쓰기 */
 #char_count_desc {display:block;margin:0 0 5px;padding:0}
@@ -157,27 +176,30 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding-bottom:20px}
-
 #bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v_title {padding:10px 0;font-size:1.2em}
-
-#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
+#bo_v header{background:#eee;border:1px solid #d4d4d4;border-bottom:0;}
+#bo_v_title {font-size:1.083em;padding:10px 10px 5px}
+#bo_v_title .bo_v_cate{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size:11px}
+#bo_v_info {padding:5px 10px 10px ;background:#eee;border:1px solid #d4d4d4;color:#555;border-top:0;position:relative;font-size:0.92em}
 #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
+#bo_v_info strong {display:inline-block;margin:0 7px 0 0;font-weight:normal}
 #bo_v_info .sv_member,
 #bo_v_info .sv_guest,
 #bo_v_info .member,
 #bo_v_info .guest {font-weight:bold}
+#bo_v_info .bo_date{position:absolute;top:10px;right:10px;font-style:italic}
+#bo_v_info .profile_img img{border-radius:50%;}
 
-#bo_v_file {}
-#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
-#bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
-#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
+
+#bo_v_file {margin:10px 0 0;background:#f3f3f3}
+#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
+#bo_v_file li {padding:5px 10px;position:relative;}
+#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
 #bo_v_file img {float:left;margin:0 10px 0 0}
-.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
+.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
 
 #bo_v_link {}
 #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
@@ -191,11 +213,11 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v_contact h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_v_contact dl {margin:0;padding:0;list-style:none;zoom:1}
 #bo_v_contact dl:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa}
+#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa;}
 #bo_v_contact dt {clear:both;padding:8px 0 8px 30px;width:100px;font-weight:bold}
 #bo_v_contact dd {padding:8px 0;width:598px}
 
-#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
+#bo_v_top {padding:10px 0;zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
 #bo_v_top ul {margin:0;padding:0;list-style:none}
@@ -210,7 +232,7 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 .bo_v_com {float:right}
 .bo_v_com li {float:left;margin-left:5px}
 
-#bo_v_atc {min-height:100px;height:auto !important;height:100px}
+#bo_v_atc {min-height:100px;height:auto !important;height:100px;padding:15px ;border:1px solid #d4d4d4;border-top:0;;}
 #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
@@ -234,17 +256,21 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 
 #bo_v_addq {margin:0 0 30px;text-align:right}
 
-#bo_v_ans {margin:0 0 30px;padding:30px 0 0;border-top:1px solid #e9e9e9}
-#bo_v_ans h2 {display:inline-block;vertical-align:middle;font-size:1.2em}
-#bo_v_ans #ans_datetime {margin:10px 0;color:#999}
-#bo_v_ans #ans_con {margin:0 0 10px;line-height:1.8em}
-#bo_v_ans #ans_add {text-align:right}
+#bo_v_ans {margin:0 0 30px;border:1px solid #d4d4d4;position:relative;}
+#bo_v_ans h2 {font-size:1.083em;padding:10px 90px 5px 10px;background:#eee}
+#bo_v_ans h2 span{display:inline-block;font-size:11px;background:#555;border-radius:5px;height:22px;line-height:22px;;padding:0 5px;color:#fff;font-weight:normal}
+#bo_v_ans #ans_datetime {padding:0 10px 10px;font-size:0.92em;;background:#eee;;color:#666;font-style:italic}
+#bo_v_ans #ans_con {margin:0 0 10px;padding:15px;line-height:1.8em}
+#bo_v_ans #ans_add {text-align:right;padding:15px;}
 #bo_v_ans #ans_msg {padding:40px 0;background:#f2f5f9;text-align:center}
+#bo_v_ans .add_qa{position:absolute;top:10px;right:10px;background:#f57b8a;color:#fff}
+#bo_v_ans .add_qa:hover{background:#ed6478}
 
-#bo_v_rel {margin:0 0 30px;padding:30px 0 0;border-top:1px solid #e9e9e9}
+#bo_v_rel {margin:0 0 30px;padding:30px 0 0;}
 #bo_v_rel h2 {margin:0 0 10px;font-size:1.2em}
 
-#bo_v form {padding-top:20px}
+#bo_v_ans_form h2{margin:10px 0 0;font-size:1.167em }
+#bo_v_ans_form .btn_submit{height: 50px;padding: 0 20px;border-radius: 3px;font-weight: bold;font-size: 1.083em;}
 
 /* 게시판 댓글 */
 #bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
@@ -278,4 +304,25 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_vc_sns li {float:left;margin:0 20px 0 0}
 #bo_vc_sns input {margin:0 0 0 5px}
 
-#bo_vc form {padding:0}
\ No newline at end of file
+#bo_vc form {padding:0}
+
+/*글쓰기*/
+#bo_w li{;position:relative;}
+#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_w .bo_w_info .frm_input{float:left;width:33%}
+#bo_w #wr_password{margin:0 0.5%}
+#bo_w .bo_w_tit{position:relative}
+#bo_w .bo_w_tit .frm_input{padding-right:120px;}
+#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
+#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;;background: #eee;text-align:center;color:#888}
+#bo_w .bo_w_link .frm_input{padding-left:50px}
+#bo_w .bo_w_flie .lb_icon{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
+#bo_w .bo_w_flie .frm_file{padding-left:50px;}
+#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
+#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
+#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
+#bo_w #qa_category{border:1px solid #3497d9;height:40px;border-radius:3px}
+#bo_w .bo_w_mail{float:left;width:49%}
+#bo_w .bo_w_hp{float:right;width:49%}
+#bo_w .bo_w_sbj{clear:both}
+#bo_w .frm_info{color: #3497d9;margin:0 0 5px;display:inline-block;font-size: 0.92em;}
\ No newline at end of file
diff --git a/skin/qa/basic/view.answer.skin.php b/skin/qa/basic/view.answer.skin.php
index 357145d90..64387f1e3 100644
--- a/skin/qa/basic/view.answer.skin.php
+++ b/skin/qa/basic/view.answer.skin.php
@@ -3,11 +3,11 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <section id="bo_v_ans">
-    <h2>답변: <?php echo get_text($answer['qa_subject']); ?></h2>
-    <a href="<?php echo $rewrite_href; ?>" class="btn_b01">추가질문</a>
+    <h2><span class="bo_v_reply"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> 답변</span> <?php echo get_text($answer['qa_subject']); ?></h2>
+    <a href="<?php echo $rewrite_href; ?>" class="btn add_qa"><i class="fa fa-plus-circle" aria-hidden="true"></i> 추가질문</a>
 
     <div id="ans_datetime">
-        <?php echo $answer['qa_datetime']; ?>
+        <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $answer['qa_datetime']; ?>
     </div>
 
     <div id="ans_con">
@@ -16,10 +16,10 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
     <div id="ans_add">
         <?php if($answer_update_href) { ?>
-        <a href="<?php echo $answer_update_href; ?>" class="btn_b01">답변수정</a>
+        <a href="<?php echo $answer_update_href; ?>" class="btn_b03 btn">답변수정</a>
         <?php } ?>
         <?php if($answer_delete_href) { ?>
-        <a href="<?php echo $answer_delete_href; ?>" class="btn_b01" onclick="del(this.href); return false;">답변삭제</a>
+        <a href="<?php echo $answer_delete_href; ?>" class="btn_b03 btn" onclick="del(this.href); return false;">답변삭제</a>
         <?php } ?>
     </div>
 </section>
\ No newline at end of file
diff --git a/skin/qa/basic/view.answerform.skin.php b/skin/qa/basic/view.answerform.skin.php
index d77fd5422..fe253ed18 100644
--- a/skin/qa/basic/view.answerform.skin.php
+++ b/skin/qa/basic/view.answerform.skin.php
@@ -2,7 +2,7 @@
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
-<section id="bo_v_ans">
+<section id="bo_v_ans_form">
     <?php
     if($is_admin) // 관리자이면 답변등록
     {
@@ -29,27 +29,25 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
     echo $option_hidden;
     ?>
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <tbody>
-        <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option; ?></td>
-        </tr>
-        <?php } ?>
-        <tr>
-            <th><label for="qa_subject">제목</label></th>
-            <td><input type="text" name="qa_subject" value="" id="qa_subject" required class="frm_input required" size="50" maxlength="255"></td>
-        </tr>
-        <tr>
-        <th scope="row"><label for="qa_content">내용<strong class="sound_only">필수</strong></label></th>
-            <td class="wr_content">
-                <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
-            </td>
-        </tr>
-        </tbody>
-        </table>
+    <div class="form_01">
+        <ul>
+            <?php if ($option) { ?>
+            <li>
+                옵션
+                <?php echo $option; ?>
+            </li>
+            <?php } ?>
+            <li>
+                <label for="qa_subject" class="sound_only">제목</label>
+                <input type="text" name="qa_subject" value="" id="qa_subject" required class="frm_input required full_input" size="50" maxlength="255" placeholder="제목">
+            </li>
+            <li>
+                <label for="qa_content" class="sound_only">내용<strong>필수</strong></label>
+                <span class="wr_content">
+                    <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+                </span>
+            </li>
+        </ul>
     </div>
 
     <div class="btn_confirm">
diff --git a/skin/qa/basic/view.skin.php b/skin/qa/basic/view.skin.php
index 1caa5a63a..4a909f7a6 100644
--- a/skin/qa/basic/view.skin.php
+++ b/skin/qa/basic/view.skin.php
@@ -9,87 +9,36 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
 
 <!-- 게시물 읽기 시작 { -->
-<div id="bo_v_table"><?php echo $qaconfig['qa_title']; ?></div>
 
 <article id="bo_v">
     <header>
-        <h1 id="bo_v_title">
+        <h2 id="bo_v_title">
+            <?php
+            echo '<span class="bo_v_cate">'.$view['category'].'</span> '; // 분류 출력 끝
+            ?>
             <?php
-            echo $view['category'].' | '; // 분류 출력 끝
             echo $view['subject']; // 글제목 출력
             ?>
-        </h1>
+        </h2>
     </header>
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        작성자 <strong><?php echo $view['name'] ?></strong>
-        <span class="sound_only">작성일</span><strong><?php echo $view['datetime']; ?></strong>
-    </section>
-
-    <?php if($view['download_count']) { ?>
-    <!-- 첨부파일 시작 { -->
-    <section id="bo_v_file">
-        <h2>첨부파일</h2>
-        <ul>
-        <?php
-        // 가변 파일
-        for ($i=0; $i<$view['download_count']; $i++) {
-         ?>
-            <li>
-                <a href="<?php echo $view['download_href'][$i];  ?>" class="view_file_download">
-                    <img src="<?php echo $qa_skin_url ?>/img/icon_file.gif" alt="첨부">
-                    <strong><?php echo $view['download_source'][$i] ?></strong>
-                </a>
-            </li>
-        <?php
-        }
-         ?>
-        </ul>
-    </section>
-    <!-- } 첨부파일 끝 -->
-    <?php } ?>
-
-    <?php if($view['email'] || $view['hp']) { ?>
-    <section id="bo_v_contact">
-        <h2>연락처정보</h2>
-        <dl>
+        <span class="sound_only">작성자</span><strong><span class="profile_img"><img src="<?php echo G5_IMG_URL;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $view['name'] ?></strong>
+        <span class="sound_only">작성일</span><strong class="bo_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $view['datetime']; ?></strong>
+        <?php if($view['email'] || $view['hp']) { ?>
             <?php if($view['email']) { ?>
-            <dt>이메일</dt>
-            <dd><?php echo $view['email']; ?></dd>
+            <span class="sound_only">이메일</span>
+            <strong><i class="fa fa-envelope-o" aria-hidden="true"></i> <?php echo $view['email']; ?></strong>
             <?php } ?>
             <?php if($view['hp']) { ?>
-            <dt>휴대폰</dt>
-            <dd><?php echo $view['hp']; ?></dd>
+            <span class="sound_only">휴대폰</span>
+            <strong><i class="fa fa-phone" aria-hidden="true"></i> <?php echo $view['hp']; ?></strong>
             <?php } ?>
-        </dl>
-    </section>
-    <?php } ?>
-
-    <!-- 게시물 상단 버튼 시작 { -->
-    <div id="bo_v_top">
-        <?php
-        ob_start();
-         ?>
-        <?php if ($prev_href || $next_href) { ?>
-        <ul class="bo_v_nb">
-            <?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01">이전글</a></li><?php } ?>
-            <?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01">다음글</a></li><?php } ?>
-        </ul>
         <?php } ?>
+    </section>
 
-        <ul class="bo_v_com">
-            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01">수정</a></li><?php } ?>
-            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01" onclick="del(this.href); return false;">삭제</a></li><?php } ?>
-            <li><a href="<?php echo $list_href ?>" class="btn_b01">목록</a></li>
-            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a></li><?php } ?>
-        </ul>
-        <?php
-        $link_buttons = ob_get_contents();
-        ob_end_flush();
-         ?>
-    </div>
-    <!-- } 게시물 상단 버튼 끝 -->
+  
 
     <section id="bo_v_atc">
         <h2 id="bo_v_atc_title">본문</h2>
@@ -116,8 +65,59 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         <div id="bo_v_addq"><a href="<?php echo $rewrite_href; ?>" class="btn_b01">추가질문</a></div>
         <?php } ?>
 
+        <?php if($view['download_count']) { ?>
+
+        <!-- 첨부파일 시작 { -->
+        <section id="bo_v_file">
+            <h2>첨부파일</h2>
+            <ul>
+            <?php
+            // 가변 파일
+            for ($i=0; $i<$view['download_count']; $i++) {
+             ?>
+                <li>
+                    <i class="fa fa-download" aria-hidden="true"></i>
+                    <a href="<?php echo $view['download_href'][$i];  ?>" class="view_file_download">
+                        <strong><?php echo $view['download_source'][$i] ?></strong>
+                    </a>
+                </li>
+            <?php
+            }
+             ?>
+            </ul>
+        </section>
+        <!-- } 첨부파일 끝 -->
+        <?php } ?>
+
     </section>
 
+
+
+    <!-- 게시물 상단 버튼 시작 { -->
+    <div id="bo_v_top">
+        <?php
+        ob_start();
+         ?>
+        <?php if ($prev_href || $next_href) { ?>
+        <ul class="bo_v_nb">
+            <?php if ($prev_href) { ?><li><a href="<?php echo $prev_href ?>" class="btn_b01 btn"><i class="fa fa-angle-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+            <?php if ($next_href) { ?><li><a href="<?php echo $next_href ?>" class="btn_b01 btn">다음글 <i class="fa fa-angle-right" aria-hidden="true"></i></a></li><?php } ?>
+        </ul>
+        <?php } ?>
+
+        <ul class="bo_v_com">
+            <?php if ($update_href) { ?><li><a href="<?php echo $update_href ?>" class="btn_b01 btn"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 수정</a></li><?php } ?>
+            <?php if ($delete_href) { ?><li><a href="<?php echo $delete_href ?>" class="btn_b01 btn" onclick="del(this.href); return false;"><i class="fa fa-trash-o" aria-hidden="true"></i> 삭제</a></li><?php } ?>
+            <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a></li>
+            <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+        </ul>
+        <?php
+        $link_buttons = ob_get_contents();
+        ob_end_flush();
+         ?>
+    </div>
+    <!-- } 게시물 상단 버튼 끝 -->
+
     <?php
     // 질문글에서 답변이 있으면 답변 출력, 답변이 없고 관리자이면 답변등록폼 출력
     if(!$view['qa_type']) {
@@ -136,10 +136,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
             <table>
             <thead>
             <tr>
-                <th scope="col">분류</th>
-                <th scope="col">제목</th>
-                <th scope="col">상태</th>
-                <th scope="col">등록일</th>
+                <th scope="col"><i class="fa fa-th-list" aria-hidden="true"></i><span class="sound_only">제목</span></th>
+                <th scope="col"><i class="fa fa-clock-o" aria-hidden="true"></i><span class="sound_only">등록일</span></th>
+                <th scope="col"><i class="fa fa-check-circle-o" aria-hidden="true"></i><span class="sound_only">상태</span></th>
             </tr>
             </thead>
             <tbody>
@@ -147,14 +146,15 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
             for($i=0; $i<$view['rel_count']; $i++) {
             ?>
             <tr>
-                <td class="td_category"><?php echo get_text($rel_list[$i]['category']); ?></td>
                 <td>
-                    <a href="<?php echo $rel_list[$i]['view_href']; ?>">
+                    <span class="bo_cate_link"><?php echo get_text($rel_list[$i]['category']); ?></span>
+
+                    <a href="<?php echo $rel_list[$i]['view_href']; ?>" class="bo_tit">
                         <?php echo $rel_list[$i]['subject']; ?>
                     </a>
                 </td>
-                <td class="td_stat <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($rel_list[$i]['qa_status'] ? '답변완료' : '답변대기'); ?></td>
                 <td class="td_date"><?php echo $rel_list[$i]['date']; ?></td>
+                <td class="td_stat"><span class="<?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($rel_list[$i]['qa_status'] ? '<i class="fa fa-check-circle" aria-hidden="true"></i> 답변완료' : '<i class="fa fa-times-circle" aria-hidden="true"></i> 답변대기'); ?></span></td>
             </tr>
             <?php
             }
@@ -165,11 +165,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
     </section>
     <?php } ?>
 
-    <!-- 링크 버튼 시작 { -->
-    <div id="bo_v_bot">
-        <?php echo $link_buttons ?>
-    </div>
-    <!-- } 링크 버튼 끝 -->
+
 
 </article>
 <!-- } 게시판 읽기 끝 -->
diff --git a/skin/qa/basic/write.skin.php b/skin/qa/basic/write.skin.php
index 088914615..76b383279 100644
--- a/skin/qa/basic/write.skin.php
+++ b/skin/qa/basic/write.skin.php
@@ -6,6 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 ?>
 
 <section id="bo_w">
+    <h2>1:1문의 작성</h2>
     <!-- 게시물 작성/수정 시작 { -->
     <form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off">
     <input type="hidden" name="w" value="<?php echo $w ?>">
@@ -27,92 +28,86 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
     echo $option_hidden;
     ?>
 
-    <div class="tbl_frm01 tbl_wrp">
-        <table>
-        <tbody>
-        <?php if ($category_option) { ?>
-        <tr>
-            <th scope="row"><label for="qa_category">분류<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <select name="qa_category" id="qa_category" required class="required" >
-                    <option value="">선택하세요</option>
+    <div class="form_01">
+        <ul>
+            <?php if ($category_option) { ?>
+            <li>
+                <label for="qa_category" class="sound_only">분류<strong>필수</strong></label>
+                <select name="qa_category" id="qa_category" required >
+                    <option value="">분류를 선택하세요</option>
                     <?php echo $category_option ?>
                 </select>
-            </td>
-        </tr>
-        <?php } ?>
+                
+            </li>
+            <?php } ?>
 
-        <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option; ?></td>
-        </tr>
-        <?php } ?>
 
-        <?php if ($is_email) { ?>
-        <tr>
-            <th scope="row"><label for="qa_email">이메일</label></th>
-            <td>
-                <input type="text" name="qa_email" value="<?php echo get_text($write['qa_email']); ?>" id="qa_email" <?php echo $req_email; ?> class="<?php echo $req_email.' '; ?>frm_input email" size="50" maxlength="100">
-                <input type="checkbox" name="qa_email_recv" value="1" <?php if($write['qa_email_recv']) echo 'checked="checked"'; ?>>
-                <label for="qa_email_recv">답변받기</label>
-            </td>
-        </tr>
-        <?php } ?>
+            <?php if ($is_email) { ?>
+            <li class="bo_w_mail">
+                <label for="qa_email" class="sound_only">이메일</label>
+                <input type="text" name="qa_email" value="<?php echo get_text($write['qa_email']); ?>" id="qa_email" <?php echo $req_email; ?> class="<?php echo $req_email.' '; ?>frm_input full_input email" size="50" maxlength="100" placeholder="이메일">
+                <input type="checkbox" name="qa_email_recv" id="qa_email_recv" value="1" <?php if($write['qa_email_recv']) echo 'checked="checked"'; ?>>
+                <label for="qa_email_recv" class="frm_info">답변받기</label>
+            
+            </li>
+            <?php } ?>
 
-        <?php if ($is_hp) { ?>
-        <tr>
-            <th scope="row"><label for="qa_hp">휴대폰</label></th>
-            <td>
-                <input type="text" name="qa_hp" value="<?php echo get_text($write['qa_hp']); ?>" id="qa_hp" <?php echo $req_hp; ?> class="<?php echo $req_hp.' '; ?>frm_input" size="30">
+            <?php if ($is_hp) { ?>
+            <li class="bo_w_hp">
+                <label for="qa_hp" class="sound_only">휴대폰</label>
+                <input type="text" name="qa_hp" value="<?php echo get_text($write['qa_hp']); ?>" id="qa_hp" <?php echo $req_hp; ?> class="<?php echo $req_hp.' '; ?>frm_input full_input" size="30" placeholder="휴대폰">
                 <?php if($qaconfig['qa_use_sms']) { ?>
-                <input type="checkbox" name="qa_sms_recv" value="1" <?php if($write['qa_sms_recv']) echo 'checked="checked"'; ?>> 답변등록 SMS알림 수신
+                <input type="checkbox" name="qa_sms_recv" id="qa_sms_recv" value="1" <?php if($write['qa_sms_recv']) echo 'checked="checked"'; ?>> <label for="qa_sms_recv" class="frm_info">답변등록 SMS알림 수신</label>
                 <?php } ?>
-            </td>
-        </tr>
-        <?php } ?>
+            </li>
+            <?php } ?>
 
-        <tr>
-            <th scope="row"><label for="qa_subject">제목<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <input type="text" name="qa_subject" value="<?php echo get_text($write['qa_subject']); ?>" id="qa_subject" required class="frm_input required" size="50" maxlength="255">
-            </td>
-        </tr>
+            <li class="bo_w_sbj">
+                <label for="qa_subject" class="sound_only">제목<strong class="sound_only">필수</strong></label>
+                
+                    <input type="text" name="qa_subject" value="<?php echo get_text($write['qa_subject']); ?>" id="qa_subject" required class="frm_input full_input required" size="50" maxlength="255" placeholder="제목">
+                
+            </li>
 
-        <tr>
-            <th scope="row"><label for="qa_content">내용<strong class="sound_only">필수</strong></label></th>
-            <td class="wr_content">
-                <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
-            </td>
-        </tr>
+            <li>
+                <label for="qa_content" class="sound_only">내용<strong class="sound_only">필수</strong></label>
+                    <?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
+                
+            </li>
 
-        <tr>
-            <th scope="row">파일 #1</th>
-            <td>
-                <input type="file" name="bf_file[1]" title="파일첨부 1 :  용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" class="frm_file frm_input">
-                <?php if($w == 'u' && $write['qa_file1']) { ?>
-                <input type="checkbox" id="bf_file_del1" name="bf_file_del[1]" value="1"> <label for="bf_file_del1"><?php echo $write['qa_source1']; ?> 파일 삭제</label>
-                <?php } ?>
-            </td>
-        </tr>
+            <?php if ($option) { ?>
+            <li>
+                옵션
+                <?php echo $option; ?>
+            </li>
+            <?php } ?>
 
-        <tr>
-            <th scope="row">파일 #2</th>
-            <td>
-                <input type="file" name="bf_file[2]" title="파일첨부 2 :  용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" class="frm_file frm_input">
-                <?php if($w == 'u' && $write['qa_file2']) { ?>
-                <input type="checkbox" id="bf_file_del2" name="bf_file_del[2]" value="1"> <label for="bf_file_del2"><?php echo $write['qa_source2']; ?> 파일 삭제</label>
-                <?php } ?>
-            </td>
-        </tr>
+            <li class="bo_w_flie">
+                <div class="file_wr">
+                    <label for="bf_file_1" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #1</span></label>
+                    <input type="file" name="bf_file[1]" id="bf_file_1" title="파일첨부 1 :  용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" class="frm_file">
+                    <?php if($w == 'u' && $write['qa_file1']) { ?>
+                    <input type="checkbox" id="bf_file_del1" name="bf_file_del[1]" value="1"> <label for="bf_file_del1"><?php echo $write['qa_source1']; ?> 파일 삭제</label>
+                    <?php } ?>
+                </div>
+            </li>
 
-        </tbody>
-        </table>
+            <li class="bo_w_flie">
+                <div class="file_wr">
+                    <label for="bf_file_2" class="lb_icon"><i class="fa fa-download" aria-hidden="true"></i><span class="sound_only"> 파일 #2</span></label>
+                    <input type="file" name="bf_file[2]" id="bf_file_2" title="파일첨부 2 :  용량 <?php echo $upload_max_filesize; ?> 이하만 업로드 가능" class="frm_file">
+                    <?php if($w == 'u' && $write['qa_file2']) { ?>
+                    <input type="checkbox" id="bf_file_del2" name="bf_file_del[2]" value="1"> <label for="bf_file_del2"><?php echo $write['qa_source2']; ?> 파일 삭제</label>
+                    <?php } ?>
+                </div>
+            </li>
+        </ul>
     </div>
 
     <div class="btn_confirm">
-        <input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit">
-        <a href="<?php echo $list_href; ?>" class="btn_cancel">목록</a>
+        <a href="<?php echo $list_href; ?>" class="btn_cancel btn"><i class="fa fa-list" aria-hidden="true"></i> 목록</a>
+        <button type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit btn"><i class="fa fa-check" aria-hidden="true"></i> 작성완료 </button>
+
     </div>
     </form>
 
diff --git a/skin/search/basic/search.skin.php b/skin/search/basic/search.skin.php
index e341efa3f..ad7987cc6 100644
--- a/skin/search/basic/search.skin.php
+++ b/skin/search/basic/search.skin.php
@@ -23,8 +23,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
     </select>
 
     <label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
-    <input type="text" name="stx" value="<?php echo $text_stx ?>" id="stx" required class="frm_input required" maxlength="20">
-    <input type="submit" class="btn_submit" value="검색">
+    <span class="sch_wr">
+        <input type="text" name="stx" value="<?php echo $text_stx ?>" id="stx" required class="frm_input" size="40">
+        <button type="submit" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i> 검색</button>
+    </span>
 
     <script>
     function fsearch_submit(f)
@@ -54,10 +56,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
         return true;
     }
     </script>
-    <input type="radio" value="or" <?php echo ($sop == "or") ? "checked" : ""; ?> id="sop_or" name="sop">
-    <label for="sop_or">OR</label>
-    <input type="radio" value="and" <?php echo ($sop == "and") ? "checked" : ""; ?> id="sop_and" name="sop">
-    <label for="sop_and">AND</label>
+    <span class="sch_rd">
+        <input type="radio" value="or" <?php echo ($sop == "or") ? "checked" : ""; ?> id="sop_or" name="sop">
+        <label for="sop_or">OR</label>
+        <input type="radio" value="and" <?php echo ($sop == "and") ? "checked" : ""; ?> id="sop_and" name="sop">
+        <label for="sop_and">AND</label>
+    </span>
 </fieldset>
 </form>
 
@@ -68,7 +72,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
         if ($board_count) {
     ?>
     <section id="sch_res_ov">
-        <h2><?php echo $stx ?> 전체검색 결과</h2>
+        <h2><strong><?php echo $stx ?></strong> 전체검색 결과</h2>
         <dl>
             <dt>게시판</dt>
             <dd><strong class="sch_word"><?php echo $board_count ?>개</strong></dd>
@@ -109,7 +113,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
         for ($i=0; $i<count($list[$idx]) && $k<$rows; $i++, $k++) {
             if ($list[$idx][$i]['wr_is_comment'])
             {
-                $comment_def = '<span class="cmt_def">댓글 | </span>';
+                $comment_def = '<span class="cmt_def"><i class="fa fa-commenting-o" aria-hidden="true"></i><span class="sound_only">댓글</span></span> ';
                 $comment_href = '#c_'.$list[$idx][$i]['wr_id'];
             }
             else
@@ -120,15 +124,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
          ?>
 
             <li>
-                <a href="<?php echo $list[$idx][$i]['href'] ?><?php echo $comment_href ?>" class="sch_res_title"><?php echo $comment_def ?><?php echo $list[$idx][$i]['subject'] ?></a>
-                <a href="<?php echo $list[$idx][$i]['href'] ?><?php echo $comment_href ?>" target="_blank">새창</a>
+                <div class="sch_tit">
+                    <a href="<?php echo $list[$idx][$i]['href'] ?><?php echo $comment_href ?>" class="sch_res_title"><?php echo $comment_def ?><?php echo $list[$idx][$i]['subject'] ?></a>
+                    <a href="<?php echo $list[$idx][$i]['href'] ?><?php echo $comment_href ?>" target="_blank" class="pop_a"><i class="fa fa-share-square-o" aria-hidden="true"></i>새창</a>
+                </div>
                 <p><?php echo $list[$idx][$i]['content'] ?></p>
-                <?php echo $list[$idx][$i]['name'] ?>
-                <span class="sch_datetime"><?php echo $list[$idx][$i]['wr_datetime'] ?></span>
+                <div class="sch_info">
+                    <span class="profile_img"><img src="<?php echo G5_IMG_URL;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$idx][$i]['name'] ?>
+                    <span class="sch_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$idx][$i]['wr_datetime'] ?></span>
+                </div>
             </li>
         <?php }  ?>
         </ul>
-        <div class="sch_more"><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><strong><?php echo $bo_subject[$idx] ?></strong> 결과 더보기</a></div>
+        <div class="sch_more"><a href="./board.php?bo_table=<?php echo $search_table[$idx] ?>&amp;<?php echo $search_query ?>"><strong><i class="fa fa-plus-circle" aria-hidden="true"></i> <?php echo $bo_subject[$idx] ?></strong> 결과 더보기</a></div>
 
         <hr>
     <?php }  ?>
diff --git a/skin/search/basic/style.css b/skin/search/basic/style.css
index 8adf23a45..740cffd19 100644
--- a/skin/search/basic/style.css
+++ b/skin/search/basic/style.css
@@ -1,29 +1,42 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
 /* 전체검색결과 스킨 */
-#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
+#sch_res_detail {background:#fbfbfb;padding:30px;border:1px solid #e8e8e8;text-align:center;margin:0 0 10px}
 #sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#sch_res_ov {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
+#sch_res_detail select{border:1px solid #646982;height:40px;padding:0 5px}
+#sch_res_detail .frm_input{border:1px solid #646982;border-radius:0;}
+#sch_res_detail .sch_wr{position:relative;display:inline-block}
+#sch_res_detail .btn_submit{padding:0 10px;height:40px;color:#000;font-size:1.083em;font-weight:bold;color:#fff;background:#0059a6;}
+#sch_res_detail .sch_rd{display:block;margin:5px 0 0;font-size:0.92em;color:#666}
+
+#sch_res_ov {text-align:center;zoom:1}
 #sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
-#sch_res_ov h2 {float:left}
-#sch_res_ov dl {float:left;margin:0 0 0 10px}
+#sch_res_ov h2 {text-align:center;margin:30px 0 10px;font-size:1.5em;}
+#sch_res_ov h2 strong{color:#00c4ac;}
+#sch_res_ov dl {display:inline-block;padding:5px;background:#f3f3f3;margin:0 0 5px}
+#sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""} 
 #sch_res_ov dt {float:left}
 #sch_res_ov dd {float:left;margin:0 10px 0 5px}
-#sch_res_ov p {float:right;margin:0;padding:0;line-height:1em}
+#sch_res_ov dd .sch_word{color:#000}
+#sch_res_ov p {margin:0;padding:0;line-height:1em;color:#777;font-size:0.92em}
 
-#sch_res_board {margin:0 0 10px;padding-left:1px;list-style:none;zoom:1}
+#sch_res_board {margin:15px 0 10px}
 #sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
-#sch_res_board li {float:left;margin-bottom:-1px}
-#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:180px;border:1px solid #ddd;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
-#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
-#sch_res_board .cnt_cmt {font-weight:normal !important}
-
+#sch_res_board li{float:left;display:inline-block;margin: 0 5px 5px 0;}
+#sch_res_board a {display:block;border:1px solid #e1e1e1;margin:0 0 5px 0;line-height:30px;padding:0 10px;border-radius:3px}
+#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active  {text-decoration:none;background:#f3f3f3}
+#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;background:#eee;color:#777;border-radius:15px;height:18px;padding:0 5px;line-height:18px;font-size:0.92em}
+#sch_res_board .sch_on  {z-index:2;border:1px solid #3598db;color:#3598db;font-weight:bold}
 .sch_res_list {margin:0 0 10px;padding:10px 0 15px}
-.sch_res_list h2 {margin:0 0 15px;font-size:1.2em}
-.sch_res_list ul {margin:0;padding:0;list-style:none}
-.sch_res_list li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e9e9e9}
+.sch_res_list h2 {margin:0 0 10px;font-size:1.2em}
+.sch_res_list ul {margin:0;padding:0;list-style:none;border-top:1px solid #000}
+.sch_res_list li {;border-bottom:1px solid #e0e0e0;position:relative}
+.sch_res_list .sch_tit{display:block;background:#f4f4f4;padding:10px 70px 10px 10px}
+.sch_res_list .pop_a{position:absolute;top:10px;right:10px;color:#666;}
 .sch_res_title {display:inline-block;margin:0 0 5px}
-.sch_res_list p {margin:0 0 10px;line-height:1.8em}
-.sch_more {text-align:right}
-.sch_on {color:#ff3061}
\ No newline at end of file
+.sch_res_list p {padding:10px;color:#666;line-height:1.5em}
+.sch_res_list .sch_info{padding:10px;color:#777}
+.sch_res_list .sch_info:after {display:block;visibility:hidden;clear:both;content:""}
+.sch_res_list .profile_img img{border-radius:50%}
+.sch_res_list .sch_datetime{float:right;}
+.sch_more {text-align:right;margin:10px 0 30px}
+.sch_more a{display:inline-block;color:#f2664f}
diff --git a/skin/visit/basic/style.css b/skin/visit/basic/style.css
index 6b061cb27..93068edc8 100644
--- a/skin/visit/basic/style.css
+++ b/skin/visit/basic/style.css
@@ -1,13 +1,10 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
-
 /* 방문자 집계 */
-#visit {border-bottom:1px dotted #dde4e9}
-#visit div {margin:0 auto;width:970px;zoom:1}
-#visit div:after {display:block;visibility:hidden;clear:both;content:""}
-#visit h2 {float:left;padding:10px 45px 10px 0}
-#visit dl {float:left;margin:0 0 0 10px;padding:0}
-#visit dt {float:left;margin:0;padding:10px 0 10px}
-#visit dd {float:left;margin:0 30px 0 0;padding:10px}
-#visit a {display:inline-block;padding:10px;text-decoration:none}
-#visit a:focus, #visit a:hover {}
\ No newline at end of file
+#visit {border-bottom:1px solid #e8e8e9;padding:20px 0;position:relative;}
+#visit .btn_admin{position:absolute;top:20px;right:0;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
+#visit h2{font-size:1.083em;margin: 0 0 10px;}
+#visit dl {background:#eee;padding:10px 15px;border-radius:5px}
+#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
+#visit dt {float:left;width:30%;line-height:23px;color:#555}
+#visit dt i{color:#8bbd5e}
+#visit dd {float:left;;width:70%;text-align:right;text-align:right;font-weight:bold;line-height:23px}
diff --git a/skin/visit/basic/visit.skin.php b/skin/visit/basic/visit.skin.php
index 87e481d2e..b30faafd4 100644
--- a/skin/visit/basic/visit.skin.php
+++ b/skin/visit/basic/visit.skin.php
@@ -9,19 +9,17 @@ add_stylesheet('<link rel="stylesheet" href="'.$visit_skin_url.'/style.css">', 0
 
 <!-- 접속자집계 시작 { -->
 <section id="visit">
-    <div>
-        <h2>접속자집계</h2>
-        <dl>
-            <dt>오늘</dt>
-            <dd><?php echo number_format($visit[1]) ?></dd>
-            <dt>어제</dt>
-            <dd><?php echo number_format($visit[2]) ?></dd>
-            <dt>최대</dt>
-            <dd><?php echo number_format($visit[3]) ?></dd>
-            <dt>전체</dt>
-            <dd><?php echo number_format($visit[4]) ?></dd>
-        </dl>
-        <?php if ($is_admin == "super") {  ?><a href="<?php echo G5_ADMIN_URL ?>/visit_list.php">상세보기</a><?php } ?>
-    </div>
+    <h2><i class="fa fa-users" aria-hidden="true"></i>  접속자집계</h2>
+    <dl>
+        <dt><i class="fa fa-user-o" aria-hidden="true"></i> 오늘</dt>
+        <dd><?php echo number_format($visit[1]) ?></dd>
+        <dt><i class="fa fa-user-o" aria-hidden="true"></i> 어제</dt>
+        <dd><?php echo number_format($visit[2]) ?></dd>
+        <dt><i class="fa fa-user-o" aria-hidden="true"></i> 최대</dt>
+        <dd><?php echo number_format($visit[3]) ?></dd>
+        <dt><i class="fa fa-user-o" aria-hidden="true"></i> 전체</dt>
+        <dd><?php echo number_format($visit[4]) ?></dd>
+    </dl>
+    <?php if ($is_admin == "super") {  ?><a href="<?php echo G5_ADMIN_URL ?>/visit_list.php" class="btn_admin">상세보기</a><?php } ?>
 </section>
 <!-- } 접속자집계 끝 -->
\ No newline at end of file
diff --git a/tail.php b/tail.php
index 0fe5db786..4ea12b644 100644
--- a/tail.php
+++ b/tail.php
@@ -14,32 +14,30 @@ if (G5_IS_MOBILE) {
 
     </div>
 </div>
-
+</div>
 <!-- } 콘텐츠 끝 -->
 
 <hr>
 
 <!-- 하단 시작 { -->
 <div id="ft">
-    <?php echo popular('basic'); // 인기검색어, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정  ?>
-    <?php echo visit('basic'); // 접속자집계, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
-    <div id="ft_catch"><img src="<?php echo G5_IMG_URL; ?>/ft.png" alt="<?php echo G5_VERSION ?>"></div>
-    <div id="ft_company">
-    </div>
-    <div id="ft_copy">
-        <div>
+
+    <div id="ft_wr">
+        <div id="ft_link">
             <a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=company">회사소개</a>
             <a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=privacy">개인정보처리방침</a>
             <a href="<?php echo G5_BBS_URL; ?>/content.php?co_id=provision">서비스이용약관</a>
-            Copyright &copy; <b>소유하신 도메인.</b> All rights reserved.<br>
-            <a href="#hd" id="ft_totop">상단으로</a>
+            <a href="<?php echo get_device_change_url(); ?>">모바일버전</a>
         </div>
+        <div id="ft_catch"><img src="<?php echo G5_IMG_URL; ?>/ft_logo.jpg" alt="<?php echo G5_VERSION ?>"></div>
+        <div id="ft_copy">Copyright &copy; <b>소유하신 도메인.</b> All rights reserved.</div>
     </div>
+    
+    <a href="#hd" id="ft_totop">상단으로</a>
 </div>
 
 <?php
 if(G5_DEVICE_BUTTON_DISPLAY && !G5_IS_MOBILE) { ?>
-<a href="<?php echo get_device_change_url(); ?>" id="device_change">모바일 버전으로 보기</a>
 <?php
 }
 
@@ -51,7 +49,7 @@ if ($config['cf_analytics']) {
 <!-- } 하단 끝 -->
 
 <script>
-$(function() {
+jQuery(function($) {
     // 폰트 리사이즈 쿠키있으면 실행
     font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
 });
diff --git a/theme/basic/mobile/skin/board/gallery/list.skin.php b/theme/basic/mobile/skin/board/gallery/list.skin.php
index 44e8f3a73..05aad9c7c 100644
--- a/theme/basic/mobile/skin/board/gallery/list.skin.php
+++ b/theme/basic/mobile/skin/board/gallery/list.skin.php
@@ -112,7 +112,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
                     //if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
                     //if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
                     ?>
-                    <span class="profile_img"><span class="sound_only">작성자 </span><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"> <?php echo $list[$i]['name'] ?></span> 
+                    <span class="profile_img"><span class="sound_only">작성자 </span><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"> <?php echo $list[$i]['name'] ?></span> 
                     <div class="gall_info">
                         <span class="sound_only">조회 </span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?></strong>
                         <?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
diff --git a/theme/basic/mobile/skin/connect/basic/current_connect.skin.php b/theme/basic/mobile/skin/connect/basic/current_connect.skin.php
index b7176bae8..613ba5cda 100644
--- a/theme/basic/mobile/skin/connect/basic/current_connect.skin.php
+++ b/theme/basic/mobile/skin/connect/basic/current_connect.skin.php
@@ -19,7 +19,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
         <li>
             <div class="crt_wr">
                 <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
-                <span class="crt_name"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지"><br><?php echo $list[$i]['name'] ?></span>
+                <span class="crt_name"><img src="<?php echo G5_THEME_IMG_URL;?>/no_profile.gif" alt="프로필이미지"><br><?php echo $list[$i]['name'] ?></span>
                 <span class="crt_lct"><?php echo $display_location ?></span>
             </div>
         </li>
diff --git a/theme/basic/mobile/skin/qa/basic/list.skin.php b/theme/basic/mobile/skin/qa/basic/list.skin.php
index a8460abbf..d086aff3d 100644
--- a/theme/basic/mobile/skin/qa/basic/list.skin.php
+++ b/theme/basic/mobile/skin/qa/basic/list.skin.php
@@ -66,7 +66,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
                     </a>
                 </div>
                 <div class="li_info">
-                    <span><span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name']; ?></span>
+                    <span><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name']; ?></span>
                     <span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['date']; ?></span>
                     
                     <div class="li_stat <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '<i class="fa fa-check-circle" aria-hidden="true"></i> 답변완료' : '<i class="fa fa-times-circle" aria-hidden="true"></i> 답변대기'); ?></div>
diff --git a/theme/basic/mobile/skin/qa/basic/view.skin.php b/theme/basic/mobile/skin/qa/basic/view.skin.php
index 0d982fb0c..1d611d38c 100644
--- a/theme/basic/mobile/skin/qa/basic/view.skin.php
+++ b/theme/basic/mobile/skin/qa/basic/view.skin.php
@@ -20,7 +20,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
         </header>
         <section id="bo_v_info">
             <h2>페이지 정보</h2>
-            <span class="sound_only">작성자</span><strong><span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $view['name'] ?></strong>
+            <span class="sound_only">작성자</span><strong><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $view['name'] ?></strong>
             <span class="sound_only">작성일</span><strong class="info_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $view['datetime']; ?></strong>
         </section>
 
diff --git a/theme/basic/mobile/skin/search/basic/search.skin.php b/theme/basic/mobile/skin/search/basic/search.skin.php
index 7c905e925..a28c9dc8d 100644
--- a/theme/basic/mobile/skin/search/basic/search.skin.php
+++ b/theme/basic/mobile/skin/search/basic/search.skin.php
@@ -128,7 +128,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
                 </div>
                 <p><?php echo $list[$idx][$i]['content'] ?></p>
                 <div class="sch_res_info">
-                    <span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$idx][$i]['name'] ?>
+                    <span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$idx][$i]['name'] ?>
                     <span class="sch_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$idx][$i]['wr_datetime'] ?></span>
                 </div>
             </li>
diff --git a/theme/basic/skin/connect/basic/current_connect.skin.php b/theme/basic/skin/connect/basic/current_connect.skin.php
index 8b19c383d..0299f73da 100644
--- a/theme/basic/skin/connect/basic/current_connect.skin.php
+++ b/theme/basic/skin/connect/basic/current_connect.skin.php
@@ -19,7 +19,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$connect_skin_url.'/style.css">',
     ?>
         <li>
             <span class="crt_num"><?php echo $list[$i]['num'] ?></span>
-            <span class="crt_name"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지"><br><?php echo $list[$i]['name'] ?></span>
+            <span class="crt_name"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지"><br><?php echo $list[$i]['name'] ?></span>
             <span class="crt_lct"><?php echo $display_location ?></span>
         </li>
     <?php
diff --git a/theme/basic/skin/member/basic/memo_view.skin.php b/theme/basic/skin/member/basic/memo_view.skin.php
index e2d4bdab9..22dc0465c 100644
--- a/theme/basic/skin/member/basic/memo_view.skin.php
+++ b/theme/basic/skin/member/basic/memo_view.skin.php
@@ -33,7 +33,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
             <ul id="memo_view_ul">
                 <li class="memo_view_li memo_view_name">
                     <span class="memo_view_subj"><?php echo $kind_str ?>사람</span>
-                    <strong><span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $nick ?></strong>
+                    <strong><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $nick ?></strong>
                 </li>
                 <li class="memo_view_li memo_view_date">
                     <span class="sound_only"><?php echo $kind_date ?>시간</span>
diff --git a/theme/basic/skin/member/basic/profile.skin.php b/theme/basic/skin/member/basic/profile.skin.php
index e55a85ee4..615b8429c 100644
--- a/theme/basic/skin/member/basic/profile.skin.php
+++ b/theme/basic/skin/member/basic/profile.skin.php
@@ -10,7 +10,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
     <h1 id="win_title"><?php echo $mb_nick ?>님의 프로필</h1>
     <div class="profile_name">
         <span class="profile_img">
-            <img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지">
+            <img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지">
         </span>
         <?php echo $mb_nick ?>
     </div>
diff --git a/theme/basic/skin/new/basic/new.skin.php b/theme/basic/skin/new/basic/new.skin.php
index 7c5a23096..7866f645f 100644
--- a/theme/basic/skin/new/basic/new.skin.php
+++ b/theme/basic/skin/new/basic/new.skin.php
@@ -87,7 +87,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
         <td class="td_group"><a href="./new.php?gr_id=<?php echo $list[$i]['gr_id'] ?>"><?php echo $gr_subject ?></a></td>
         <td class="td_board"><a href="./board.php?bo_table=<?php echo $list[$i]['bo_table'] ?>"><?php echo $bo_subject ?></a></td>
         <td><a href="<?php echo $list[$i]['href'] ?>" class="new_tit"><?php echo $list[$i]['comment'] ?><?php echo $wr_subject ?></a></td>
-        <td class="td_name"><span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name'] ?></td>
+        <td class="td_name"><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$i]['name'] ?></td>
         <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>
     </tr>
     <?php }  ?>
diff --git a/theme/basic/skin/qa/basic/view.skin.php b/theme/basic/skin/qa/basic/view.skin.php
index 2480c81c5..a13f70a8f 100644
--- a/theme/basic/skin/qa/basic/view.skin.php
+++ b/theme/basic/skin/qa/basic/view.skin.php
@@ -24,7 +24,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$qa_skin_url.'/style.css">', 0);
 
     <section id="bo_v_info">
         <h2>페이지 정보</h2>
-        <span class="sound_only">작성자</span><strong><span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $view['name'] ?></strong>
+        <span class="sound_only">작성자</span><strong><span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span><?php echo $view['name'] ?></strong>
         <span class="sound_only">작성일</span><strong class="bo_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $view['datetime']; ?></strong>
         <?php if($view['email'] || $view['hp']) { ?>
             <?php if($view['email']) { ?>
diff --git a/theme/basic/skin/search/basic/search.skin.php b/theme/basic/skin/search/basic/search.skin.php
index ade45e588..639fa2d9d 100644
--- a/theme/basic/skin/search/basic/search.skin.php
+++ b/theme/basic/skin/search/basic/search.skin.php
@@ -130,7 +130,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$search_skin_url.'/style.css">',
                 </div>
                 <p><?php echo $list[$idx][$i]['content'] ?></p>
                 <div class="sch_info">
-                    <span class="profile_img"><img src="http://sora.gnutest.com/g5/theme/basic/img/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$idx][$i]['name'] ?>
+                    <span class="profile_img"><img src="<?php echo G5_THEME_IMG_URL; ?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span> <?php echo $list[$idx][$i]['name'] ?>
                     <span class="sch_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$idx][$i]['wr_datetime'] ?></span>
                 </div>
             </li>
diff --git a/theme/basic/tail.php b/theme/basic/tail.php
index 950b68823..3dd653fa0 100644
--- a/theme/basic/tail.php
+++ b/theme/basic/tail.php
@@ -44,7 +44,7 @@ if ($config['cf_analytics']) {
 <!-- } 하단 끝 -->
 
 <script>
-$(function() {
+jQuery(function($) {
     // 폰트 리사이즈 쿠키있으면 실행
     font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
 });