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 000000000..e7d610564
Binary files /dev/null and b/img/btn_end.gif differ
diff --git a/img/btn_first.gif b/img/btn_first.gif
new file mode 100644
index 000000000..82aeea5f7
Binary files /dev/null and b/img/btn_first.gif differ
diff --git a/img/btn_next.gif b/img/btn_next.gif
new file mode 100644
index 000000000..eb714a33b
Binary files /dev/null and b/img/btn_next.gif differ
diff --git a/img/btn_prev.gif b/img/btn_prev.gif
new file mode 100644
index 000000000..cdc83748f
Binary files /dev/null and b/img/btn_prev.gif differ
diff --git a/img/btn_top.gif b/img/btn_top.gif
new file mode 100644
index 000000000..2b5099d98
Binary files /dev/null and b/img/btn_top.gif differ
diff --git a/img/close_btn.gif b/img/close_btn.gif
new file mode 100644
index 000000000..8007ef37c
Binary files /dev/null and b/img/close_btn.gif differ
diff --git a/img/close_btn.png b/img/close_btn.png
new file mode 100644
index 000000000..50e9f26ef
Binary files /dev/null and b/img/close_btn.png differ
diff --git a/img/gnb_bg.gif b/img/gnb_bg.gif
new file mode 100644
index 000000000..4e1d1aea3
Binary files /dev/null and b/img/gnb_bg.gif differ
diff --git a/img/gnb_bg2.gif b/img/gnb_bg2.gif
new file mode 100644
index 000000000..fe636b930
Binary files /dev/null and b/img/gnb_bg2.gif differ
diff --git a/img/mobile/btn_close.png b/img/mobile/btn_close.png
new file mode 100644
index 000000000..22f13faae
Binary files /dev/null and b/img/mobile/btn_close.png differ
diff --git a/img/mobile/gnb_bg.png b/img/mobile/gnb_bg.png
new file mode 100644
index 000000000..ab10537d2
Binary files /dev/null and b/img/mobile/gnb_bg.png differ
diff --git a/img/mobile/gnb_bg2.png b/img/mobile/gnb_bg2.png
new file mode 100644
index 000000000..5828f41b7
Binary files /dev/null and b/img/mobile/gnb_bg2.png differ
diff --git a/img/mobile/gnb_sch.png b/img/mobile/gnb_sch.png
new file mode 100644
index 000000000..74d6278c8
Binary files /dev/null and b/img/mobile/gnb_sch.png differ
diff --git a/img/mobile/icon_menu.png b/img/mobile/icon_menu.png
new file mode 100644
index 000000000..6b3b53cfc
Binary files /dev/null and b/img/mobile/icon_menu.png differ
diff --git a/img/mobile/icon_my.png b/img/mobile/icon_my.png
new file mode 100644
index 000000000..6553de0bf
Binary files /dev/null and b/img/mobile/icon_my.png differ
diff --git a/img/no_profile.gif b/img/no_profile.gif
new file mode 100644
index 000000000..4494757bc
Binary files /dev/null and b/img/no_profile.gif differ
diff --git a/img/require.png b/img/require.png
new file mode 100644
index 000000000..c03e1eb6f
Binary files /dev/null and b/img/require.png differ
diff --git a/img/sch_btn.png b/img/sch_btn.png
new file mode 100644
index 000000000..94f98db8f
Binary files /dev/null and b/img/sch_btn.png differ
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 000000000..9ec94650a
Binary files /dev/null and b/skin/board/basic/img/btn_next2.gif differ
diff --git a/skin/board/basic/img/btn_prev2.gif b/skin/board/basic/img/btn_prev2.gif
new file mode 100644
index 000000000..827e7be43
Binary files /dev/null and b/skin/board/basic/img/btn_prev2.gif differ
diff --git a/skin/board/basic/img/close_btn.png b/skin/board/basic/img/close_btn.png
new file mode 100644
index 000000000..50e9f26ef
Binary files /dev/null and b/skin/board/basic/img/close_btn.png differ
diff --git a/skin/board/basic/img/cmt_btn.png b/skin/board/basic/img/cmt_btn.png
new file mode 100644
index 000000000..202f1ff47
Binary files /dev/null and b/skin/board/basic/img/cmt_btn.png differ
diff --git a/skin/board/basic/img/icon_bad.png b/skin/board/basic/img/icon_bad.png
new file mode 100644
index 000000000..e568b1d83
Binary files /dev/null and b/skin/board/basic/img/icon_bad.png differ
diff --git a/skin/board/basic/img/icon_comment.png b/skin/board/basic/img/icon_comment.png
new file mode 100644
index 000000000..c7e3acbf9
Binary files /dev/null and b/skin/board/basic/img/icon_comment.png differ
diff --git a/skin/board/basic/img/icon_file.gif b/skin/board/basic/img/icon_file.gif
index cca47f566..244af004d 100644
Binary files a/skin/board/basic/img/icon_file.gif and b/skin/board/basic/img/icon_file.gif differ
diff --git a/skin/board/basic/img/icon_good.png b/skin/board/basic/img/icon_good.png
new file mode 100644
index 000000000..69841a134
Binary files /dev/null and b/skin/board/basic/img/icon_good.png differ
diff --git a/skin/board/basic/img/icon_hot.gif b/skin/board/basic/img/icon_hot.gif
index c95b839ae..2936de662 100644
Binary files a/skin/board/basic/img/icon_hot.gif and b/skin/board/basic/img/icon_hot.gif differ
diff --git a/skin/board/basic/img/icon_img.gif b/skin/board/basic/img/icon_img.gif
index fefa10d4a..3ba495d05 100644
Binary files a/skin/board/basic/img/icon_img.gif and b/skin/board/basic/img/icon_img.gif differ
diff --git a/skin/board/basic/img/icon_link.gif b/skin/board/basic/img/icon_link.gif
index 0f3cb1ac6..e9cb9559c 100644
Binary files a/skin/board/basic/img/icon_link.gif and b/skin/board/basic/img/icon_link.gif differ
diff --git a/skin/board/basic/img/icon_lock.png b/skin/board/basic/img/icon_lock.png
new file mode 100644
index 000000000..2a083a51d
Binary files /dev/null and b/skin/board/basic/img/icon_lock.png differ
diff --git a/skin/board/basic/img/icon_mobile.gif b/skin/board/basic/img/icon_mobile.gif
index ad934d23c..43189ffae 100644
Binary files a/skin/board/basic/img/icon_mobile.gif and b/skin/board/basic/img/icon_mobile.gif differ
diff --git a/skin/board/basic/img/icon_new.gif b/skin/board/basic/img/icon_new.gif
index 45aa6d7ed..73fa06a8f 100644
Binary files a/skin/board/basic/img/icon_new.gif and b/skin/board/basic/img/icon_new.gif differ
diff --git a/skin/board/basic/img/icon_reply.gif b/skin/board/basic/img/icon_reply.gif
index 91c135977..7fe2c6558 100644
Binary files a/skin/board/basic/img/icon_reply.gif and b/skin/board/basic/img/icon_reply.gif differ
diff --git a/skin/board/basic/img/icon_secret.gif b/skin/board/basic/img/icon_secret.gif
index c04899f14..7be670092 100644
Binary files a/skin/board/basic/img/icon_secret.gif and b/skin/board/basic/img/icon_secret.gif differ
diff --git a/skin/board/basic/img/icon_share.png b/skin/board/basic/img/icon_share.png
new file mode 100644
index 000000000..6d64f625a
Binary files /dev/null and b/skin/board/basic/img/icon_share.png differ
diff --git a/skin/board/basic/img/icon_view.png b/skin/board/basic/img/icon_view.png
new file mode 100644
index 000000000..ea76f5442
Binary files /dev/null and b/skin/board/basic/img/icon_view.png differ
diff --git a/skin/board/basic/img/sch_bg.png b/skin/board/basic/img/sch_bg.png
new file mode 100644
index 000000000..729178d8e
Binary files /dev/null and b/skin/board/basic/img/sch_bg.png differ
diff --git a/skin/board/basic/img/sch_btn.png b/skin/board/basic/img/sch_btn.png
new file mode 100644
index 000000000..94f98db8f
Binary files /dev/null and b/skin/board/basic/img/sch_btn.png differ
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 000000000..9ec94650a
Binary files /dev/null and b/skin/board/gallery/img/btn_next2.gif differ
diff --git a/skin/board/gallery/img/btn_prev2.gif b/skin/board/gallery/img/btn_prev2.gif
new file mode 100644
index 000000000..827e7be43
Binary files /dev/null and b/skin/board/gallery/img/btn_prev2.gif differ
diff --git a/skin/board/gallery/img/close_btn.png b/skin/board/gallery/img/close_btn.png
new file mode 100644
index 000000000..50e9f26ef
Binary files /dev/null and b/skin/board/gallery/img/close_btn.png differ
diff --git a/skin/board/gallery/img/cmt_btn.png b/skin/board/gallery/img/cmt_btn.png
new file mode 100644
index 000000000..202f1ff47
Binary files /dev/null and b/skin/board/gallery/img/cmt_btn.png differ
diff --git a/skin/board/gallery/img/facebook.png b/skin/board/gallery/img/facebook.png
new file mode 100644
index 000000000..aa73c864c
Binary files /dev/null and b/skin/board/gallery/img/facebook.png differ
diff --git a/skin/board/gallery/img/gplus.png b/skin/board/gallery/img/gplus.png
new file mode 100644
index 000000000..45bdf4396
Binary files /dev/null and b/skin/board/gallery/img/gplus.png differ
diff --git a/skin/board/gallery/img/icon_bad.png b/skin/board/gallery/img/icon_bad.png
new file mode 100644
index 000000000..e568b1d83
Binary files /dev/null and b/skin/board/gallery/img/icon_bad.png differ
diff --git a/skin/board/gallery/img/icon_comment.png b/skin/board/gallery/img/icon_comment.png
new file mode 100644
index 000000000..c7e3acbf9
Binary files /dev/null and b/skin/board/gallery/img/icon_comment.png differ
diff --git a/skin/board/gallery/img/icon_file.gif b/skin/board/gallery/img/icon_file.gif
index cca47f566..244af004d 100644
Binary files a/skin/board/gallery/img/icon_file.gif and b/skin/board/gallery/img/icon_file.gif differ
diff --git a/skin/board/gallery/img/icon_good.png b/skin/board/gallery/img/icon_good.png
new file mode 100644
index 000000000..69841a134
Binary files /dev/null and b/skin/board/gallery/img/icon_good.png differ
diff --git a/skin/board/gallery/img/icon_hot.gif b/skin/board/gallery/img/icon_hot.gif
index c95b839ae..4e8d7ff1b 100644
Binary files a/skin/board/gallery/img/icon_hot.gif and b/skin/board/gallery/img/icon_hot.gif differ
diff --git a/skin/board/gallery/img/icon_link.gif b/skin/board/gallery/img/icon_link.gif
index 0f3cb1ac6..e9cb9559c 100644
Binary files a/skin/board/gallery/img/icon_link.gif and b/skin/board/gallery/img/icon_link.gif differ
diff --git a/skin/board/gallery/img/icon_lock.png b/skin/board/gallery/img/icon_lock.png
new file mode 100644
index 000000000..2a083a51d
Binary files /dev/null and b/skin/board/gallery/img/icon_lock.png differ
diff --git a/skin/board/gallery/img/icon_new.gif b/skin/board/gallery/img/icon_new.gif
index 45aa6d7ed..73fa06a8f 100644
Binary files a/skin/board/gallery/img/icon_new.gif and b/skin/board/gallery/img/icon_new.gif differ
diff --git a/skin/board/gallery/img/icon_reply.gif b/skin/board/gallery/img/icon_reply.gif
index 91c135977..7fe2c6558 100644
Binary files a/skin/board/gallery/img/icon_reply.gif and b/skin/board/gallery/img/icon_reply.gif differ
diff --git a/skin/board/gallery/img/icon_secret.gif b/skin/board/gallery/img/icon_secret.gif
index c04899f14..7be670092 100644
Binary files a/skin/board/gallery/img/icon_secret.gif and b/skin/board/gallery/img/icon_secret.gif differ
diff --git a/skin/board/gallery/img/icon_share.png b/skin/board/gallery/img/icon_share.png
new file mode 100644
index 000000000..6d64f625a
Binary files /dev/null and b/skin/board/gallery/img/icon_share.png differ
diff --git a/skin/board/gallery/img/icon_view.png b/skin/board/gallery/img/icon_view.png
new file mode 100644
index 000000000..ea76f5442
Binary files /dev/null and b/skin/board/gallery/img/icon_view.png differ
diff --git a/skin/board/gallery/img/sch_bg.png b/skin/board/gallery/img/sch_bg.png
new file mode 100644
index 000000000..729178d8e
Binary files /dev/null and b/skin/board/gallery/img/sch_bg.png differ
diff --git a/skin/board/gallery/img/sch_btn.png b/skin/board/gallery/img/sch_btn.png
new file mode 100644
index 000000000..94f98db8f
Binary files /dev/null and b/skin/board/gallery/img/sch_btn.png differ
diff --git a/skin/board/gallery/img/twitter.png b/skin/board/gallery/img/twitter.png
new file mode 100644
index 000000000..a5452f253
Binary files /dev/null and b/skin/board/gallery/img/twitter.png differ
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 cca47f566..244af004d 100644
Binary files a/skin/latest/basic/img/icon_file.gif and b/skin/latest/basic/img/icon_file.gif differ
diff --git a/skin/latest/basic/img/icon_hot.gif b/skin/latest/basic/img/icon_hot.gif
index c95b839ae..2936de662 100644
Binary files a/skin/latest/basic/img/icon_hot.gif and b/skin/latest/basic/img/icon_hot.gif differ
diff --git a/skin/latest/basic/img/icon_img.gif b/skin/latest/basic/img/icon_img.gif
index fefa10d4a..3ba495d05 100644
Binary files a/skin/latest/basic/img/icon_img.gif and b/skin/latest/basic/img/icon_img.gif differ
diff --git a/skin/latest/basic/img/icon_link.gif b/skin/latest/basic/img/icon_link.gif
index 0f3cb1ac6..e9cb9559c 100644
Binary files a/skin/latest/basic/img/icon_link.gif and b/skin/latest/basic/img/icon_link.gif differ
diff --git a/skin/latest/basic/img/icon_lock.png b/skin/latest/basic/img/icon_lock.png
new file mode 100644
index 000000000..2a083a51d
Binary files /dev/null and b/skin/latest/basic/img/icon_lock.png differ
diff --git a/skin/latest/basic/img/icon_mobile.gif b/skin/latest/basic/img/icon_mobile.gif
index ad934d23c..43189ffae 100644
Binary files a/skin/latest/basic/img/icon_mobile.gif and b/skin/latest/basic/img/icon_mobile.gif differ
diff --git a/skin/latest/basic/img/icon_secret.gif b/skin/latest/basic/img/icon_secret.gif
index c04899f14..7be670092 100644
Binary files a/skin/latest/basic/img/icon_secret.gif and b/skin/latest/basic/img/icon_secret.gif differ
diff --git a/skin/latest/basic/img/icon_view.png b/skin/latest/basic/img/icon_view.png
new file mode 100644
index 000000000..ea76f5442
Binary files /dev/null and b/skin/latest/basic/img/icon_view.png differ
diff --git a/skin/latest/basic/img/more_bg.gif b/skin/latest/basic/img/more_bg.gif
new file mode 100644
index 000000000..19aab13a3
Binary files /dev/null and b/skin/latest/basic/img/more_bg.gif differ
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 000000000..ce5eae3eb
Binary files /dev/null and b/skin/outlogin/basic/img/info_edit.png differ
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"));
 });