diff --git a/mobile/skin/board/basic/img/icon_file.gif b/mobile/skin/board/basic/img/icon_file.gif
index cca47f566..244af004d 100644
Binary files a/mobile/skin/board/basic/img/icon_file.gif and b/mobile/skin/board/basic/img/icon_file.gif differ
diff --git a/mobile/skin/board/basic/img/icon_hot.gif b/mobile/skin/board/basic/img/icon_hot.gif
index c95b839ae..4e8d7ff1b 100644
Binary files a/mobile/skin/board/basic/img/icon_hot.gif and b/mobile/skin/board/basic/img/icon_hot.gif differ
diff --git a/mobile/skin/board/basic/img/icon_link.gif b/mobile/skin/board/basic/img/icon_link.gif
index 0f3cb1ac6..e9cb9559c 100644
Binary files a/mobile/skin/board/basic/img/icon_link.gif and b/mobile/skin/board/basic/img/icon_link.gif differ
diff --git a/mobile/skin/board/basic/img/icon_reply.gif b/mobile/skin/board/basic/img/icon_reply.gif
index 91c135977..7fe2c6558 100644
Binary files a/mobile/skin/board/basic/img/icon_reply.gif and b/mobile/skin/board/basic/img/icon_reply.gif differ
diff --git a/mobile/skin/board/basic/img/icon_secret.gif b/mobile/skin/board/basic/img/icon_secret.gif
index c04899f14..7be670092 100644
Binary files a/mobile/skin/board/basic/img/icon_secret.gif and b/mobile/skin/board/basic/img/icon_secret.gif differ
diff --git a/mobile/skin/board/basic/list.skin.php b/mobile/skin/board/basic/list.skin.php
index f651a3aff..1a628dc0e 100644
--- a/mobile/skin/board/basic/list.skin.php
+++ b/mobile/skin/board/basic/list.skin.php
@@ -10,10 +10,15 @@ if ($is_checkbox) $colspan++;
 add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
 ?>
 
-<h2 id="container_title"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?><span class="sound_only"> 목록</span></h2>
-
+<?php if ($rss_href || $write_href) { ?>
+<ul class="btn_top top">
+    <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
+    <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sound_only"관리자</span></a></li><?php } ?>
+    <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+</ul>
+<?php } ?>
 <!-- 게시판 목록 시작 -->
-<div id="bo_list<?php if ($is_admin) echo "_admin"; ?>">
+<div id="bo_list">
 
     <?php if ($is_category) { ?>
     <nav id="bo_cate">
@@ -24,21 +29,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </nav>
     <?php } ?>
 
-    <div class="bo_fx">
-        <div id="bo_list_total">
-            <span>Total <?php echo number_format($total_count) ?>건</span>
-            <?php echo $page ?> 페이지
-        </div>
-
-        <?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 } ?>
-        </ul>
-        <?php } ?>
+    <div id="bo_list_total">
+        <span>전체 <?php echo number_format($total_count) ?>건</span>
+        <?php echo $page ?> 페이지
     </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 ?>">
     <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
@@ -49,79 +45,75 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <input type="hidden" name="page" value="<?php echo $page ?>">
     <input type="hidden" name="sw" value="">
 
-    <div class="tbl_head01 tbl_wrap">
-        <table>
-        <thead>
-        <tr>
-            <?php if ($is_checkbox) { ?>
-            <th scope="col">
-                <label for="chkall">현재 페이지 게시물 전체</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"><?php echo subject_sort_link('wr_datetime', $qstr2, 1) ?>날짜</a></th>
-        </tr>
-        </thead>
-        <tbody>
-        <?php
-        for ($i=0; $i<count($list); $i++) {
-        ?>
-        <tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
-            <?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">
-                <?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'] ?>">
-                    <?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 } ?>
-                    <?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'];
-
-                    ?>
-                </a>
-
-            </td>
-            <td class="td_date"><?php echo $list[$i]['datetime2'] ?></td>
-        </tr>
+    <div class="list_01">
+        <?php if ($is_checkbox) { ?>
+        <div scope="col">
+            <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
+            <label for="chkall"><span class="sound_only">현재 페이지 게시물 </span>전체선택</label>
+        </div>
         <?php } ?>
-        <?php if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>
-        </tbody>
-        </table>
+        <ul>
+            <?php
+            for ($i=0; $i<count($list); $i++) {
+            ?>
+            <li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
+                <?php if ($is_checkbox) { ?>
+                <div class="bo_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 ?>">
+                </div><?php } ?>
+
+                <div class="bo_subject">
+
+                    <?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'] ?>" class="bo_subject">
+                        <?php if ($list[$i]['is_notice']) { ?><strong class="notice_icon"><i class="fa fa-volume-up" aria-hidden="true"></i>공지</strong><?php } ?> 
+                        <?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'];
+                        if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
+
+                        ?>
+                    </a>
+
+                </div>
+                <div class="bo_info">
+                    <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'] ?>
+                    
+
+                    <span class="bo_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?> <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+                
+                </div>
+                
+            </li><?php } ?>
+            <?php if (count($list) == 0) { echo '<li class="empty_table">게시물이 없습니다.</li>'; } ?>
+        </ul>
     </div>
 
     <?php if ($list_href || $is_checkbox || $write_href) { ?>
     <div class="bo_fx">
         <ul class="btn_bo_adm">
             <?php if ($list_href) { ?>
-            <li><a href="<?php echo $list_href ?>" class="btn_b01"> 목록</a></li>
+            <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"> 목록</a></li>
             <?php } ?>
             <?php if ($is_checkbox) { ?>
-            <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>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sound_only">선택복사</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sound_only">선택이동</span></button></li>
             <?php } ?>
         </ul>
-
-        <ul class="btn_bo_user">
-            <li><?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a><?php } ?></li>
-        </ul>
     </div>
     <?php } ?>
     </form>
@@ -144,7 +136,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <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">
+    <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>
@@ -153,8 +145,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <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>
-    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="required frm_input" size="15" maxlength="20">
-    <input type="submit" value="검색" class="btn_submit">
+    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="sch_input" size="15" maxlength="20">
+    <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i> <span class="sound_only">검색</span></button>
     </form>
 </fieldset>
 
diff --git a/mobile/skin/board/basic/style.css b/mobile/skin/board/basic/style.css
index b1d433d3a..256312791 100644
--- a/mobile/skin/board/basic/style.css
+++ b/mobile/skin/board/basic/style.css
@@ -1,5 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* ### 기본 스타일 커스터마이징 시작 ### */
 
@@ -26,55 +25,6 @@
 #bo_w .btn_cancel {}
 #bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
 
-/* 기본테이블 */
-/* 목록 테이블 */
-#bo_list .tbl_head01 {}
-#bo_list .tbl_head01 caption {}
-#bo_list .tbl_head01 thead th {}
-#bo_list .tbl_head01 thead a {}
-#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
-#bo_list .tbl_head01 tfoot th {}
-#bo_list .tbl_head01 tfoot td {}
-#bo_list .tbl_head01 tbody th {}
-#bo_list .tbl_head01 td {}
-#bo_list .tbl_head01 a {}
-#bo_list td.empty_table {}
-
-/* 읽기 내 테이블 */
-#bo_v .tbl_head01 {}
-#bo_v .tbl_head01 caption {}
-#bo_v .tbl_head01 thead th {}
-#bo_v .tbl_head01 thead a {}
-#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
-#bo_v .tbl_head01 tfoot th {}
-#bo_v .tbl_head01 tfoot td {}
-#bo_v .tbl_head01 tbody th {}
-#bo_v .tbl_head01 td {}
-#bo_v .tbl_head01 a {}
-#bo_v td.empty_table {}
-
-/* 쓰기 테이블 */
-#bo_w table {}
-#bo_w caption {}
-#bo_w .frm_address {}
-#bo_w .frm_file {}
-#bo_w .frm_info {}
-
-#bo_w .tbl_frm01 {}
-#bo_w .tbl_frm01 caption {}
-#bo_w .tbl_frm01 th {}
-#bo_w .tbl_frm01 td {}
-#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
-#bo_w .tbl_frm01 textarea {}
-/*
-#bo_w .tbl_frm01 #captcha {}
-#bo_w .tbl_frm01 #captcha input {}
-*/
-#bo_w .tbl_frm01 a {}
-
-#bo_w .required, #bo_w textarea.required {}
-
-/* ### 기본 스타일 커스터마이징 끝 ### */
 
 /* 게시판 목록 */
 #bo_list .td_chk {width:30px;text-align:center}
@@ -88,14 +38,18 @@
 #bo_list .td_date {width:60px;text-align:center}
 #bo_list .td_datetime {width:150px;text-align:center}
 #bo_list .td_mng {width:80px;text-align:center}
+#bo_list .notice_icon{display: inline-block;background: #ff6f6f;padding: 0 5px;line-height: 20px;border-radius: 5px;font-weight: normal;font-size:11px;color: #fff;}
+#bo_list .notice_icon i{color:#fff}
 
 #bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
-#bo_cate ul {margin:5px 10px;padding-left:1px;zoom:1}
-#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_cate li {float:left;margin-bottom:-1px;width:25%}
-#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
-#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 ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-webkit-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+-moz-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+box-shadow: 0 0 8px  rgba(65,98,255,0.8);}
 
 /* 관리자일 때 */
 #bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}
@@ -112,25 +66,35 @@
 #bo_list td:nth-of-type(2) {text-align:center}
 
 /* 게시판 목록 공통 */
-.bo_fx {margin-bottom:5px;padding:5px 10px}
+.bo_fx {margin-bottom:5px;padding:0 10px}
 .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:0;height:2.5em;line-height:2.5em}
+#bo_list_total{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
 .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}
+.btn_bo_adm {text-align:center}
+.btn_bo_adm li {display:inline-block;}
+.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
 .bo_notice td {background:#f7f7f7}
 .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 {;color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em} /* 글제목줄 분류스타일 */
+.bo_subject{display:block;font-size:1.083em;font-weight:bold;margin:5px 0}
+.bo_subject i{color: #8d96c2;font-size:12px}
+.bo_subject  .fa-heart{color:#ff0000}
 .bo_current {color:#e8180c}
-.td_subject a {display:block}
-.td_subject img {margin-left:3px}
-#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
+.bo_info{border-top:1px solid #eee;margin:10px 0 0 ;line-height:28px;color:#666;position:relative;padding-top:3px}
+.bo_info .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
+.bo_info .bo_date{position:absolute;top:3px;right:0;font-style: italic;}
+.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px;}
+.bo_info .profile_img img{border-radius:50%}
 
-#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
+#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;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 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
+#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
 
 /* 게시판 쓰기 */
 #bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
@@ -142,97 +106,163 @@
 #wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}
 
 /* 게시판 읽기 */
-#bo_v {margin-bottom:15px;padding-bottom:15px}
+#bo_v {padding:20px 10px 10px;background:#fff
+;-webkit-box-shadow:  0 1px 4px #ddd;
+-moz-box-shadow:  0 1px 4px #ddd;
+box-shadow: 0 1px 4px #ddd;}
 
-#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
+#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
 
-#bo_v_title {padding:0 10px 5px;font-size:1.2em}
+#bo_v_title {;text-align:center}
+.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8);}
+.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0}
+#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 }
 
-#bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
+#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666}
 #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
-#bo_v_info {}
-#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}
+#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
+#bo_v_info .profile_img img{border-radius:50%}
+#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .ip{vertical-align:middle}
 
-#bo_v_file {}
-#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_file {margin:10px 0}
+#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
-#bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
+#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
-.bo_v_file_cnt {display:inline-block;margin:0 10px}
+#bo_v_file a strong{color:#3497d9;text-decoration:underline}
+.bo_v_file_cnt {font-size:0.92em}
 
-#bo_v_link {}
-#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_link{margin:10px 0}
+#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
-#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
-#bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
+#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_link a strong{color:#3497d9;text-decoration:underline}
 #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 10px}
+.bo_v_link_cnt {font-size:0.92em}
 
-#bo_v_top {margin:0 0 10px;padding:10px}
+#bo_v_top {margin:10px 0;}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top ul li{display:inline-block;}
+.bo_v_left{float:left}
+.bo_v_right{float:right}
 
 #bo_v_bot {padding:0 10px}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_bot ul {margin:0;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 li {float:left;margin-left:5px}
+.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {}
+.bo_v_nb li a{display:inline-block;padding:10px;color:#777}
+.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;}
+.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;}
 
-#bo_v_atc {padding:0 10px;min-height:200px}
+#bo_v_atc {min-height:200px}
 #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
 
-#bo_v_con {margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;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 {position:relative;margin-bottom:20px;text-align:center}
+#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_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#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{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
 
-#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
+.btn_share{display:none;}
+.bo_v_snswr{position:relative;float:right}
+#bo_v_sns {;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 li {float:left;width:50px;text-align:center;margin-left:3px}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
+#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
+#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
+#bo_v_sns li img{vertical-align:top}
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
-#bo_vc h2 {margin-bottom:5px}
-#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
-#bo_vc header {position:relative;padding:13px 0 5px}
-#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 79px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 79px  -23px}
+
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:0 0 15px}
+#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px}
+#bo_vc .profile_img{position:absolute;top:0;left:0}
+#bo_vc .profile_img img{border-radius:50%}
 #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
+.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic}
 #bo_vc h1 {width:0;height:0;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:10px 15px ;margin:5px 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 p a.s_cmt {text-decoration:underline;color:#ed6479}
 #bo_vc_empty {margin:0;padding:15px !important;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}
+.bo_vc_act {text-align:right;;margin:0;list-style:none}
 .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;margin:0 2px}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
 
-#bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
-#bo_vc_w h2 {padding:10px 0 5px}
-#bo_vc_w .tbl_wrap {margin:0 0 15px}
-#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
-#bo_vc_w textarea {width:99%}
+.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:5px 0}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
+.bo_vc_w_info #wr_password{float:right;}
+.bo_vc_w_info #captcha{;display:block;clear:both}
+.bo_vc_w .btn_confirm{margin-top:5px;clear:both}
+.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;}
+.bo_vc_w .btn_submit{height:50px;width:100%;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_w  .bo_vc_secret{float:right;display:block;}
 
-#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_send_sns{display:block;float:left}
+#bo_vc_sns {display: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 10px 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;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 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 .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
+#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}
+#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}
+#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:5px 0 0 }
+
diff --git a/mobile/skin/board/basic/view.skin.php b/mobile/skin/board/basic/view.skin.php
index fe4cd096e..144d71d1c 100644
--- a/mobile/skin/board/basic/view.skin.php
+++ b/mobile/skin/board/basic/view.skin.php
@@ -8,112 +8,46 @@ 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_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div>
+<!-- <div id="bo_v_table"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div> -->
+    <div class="btn_top top"> 
+        <?php if ($reply_href) { ?><a href="<?php echo $reply_href ?>" class="btn_b01"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a><?php } ?>
+        <?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a><?php } ?>
 
+    </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 ($category_name ? $view['ca_name'].' | ' : ''); // 분류 출력 끝
             echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
-            ?>
-        </h1>
+            ?></span>
+        </h2>
+        <p><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'])) ?></p>
     </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><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span>  <?php echo $view['name'] ?><span class="ip"><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></span>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <span class="sound_only">댓글</span><strong><i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</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_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">검색</a></li><?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();
@@ -145,18 +79,17 @@ 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"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><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"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -165,28 +98,111 @@ 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"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><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"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span> <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
         }
         ?>
-        <?php
-        include(G5_SNS_PATH."/view.sns.skin.php");
-        ?>
+
+        <div id="bo_v_share">
+            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class=" btn_scrap" 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>
     </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">
+                    <i class="fa fa-download" aria-hidden="true"></i>
+                    <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']['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>
+                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    <i class="fa fa-link" aria-hidden="true"></i>
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <?php } ?>
+
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="bo_v_prev"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+        <?php if ($next_href) { ?><li class="bo_v_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" 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>
+
+    </ul>
+    <?php } ?>
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
      ?>
 
-    <div id="bo_v_bot">
-        <!-- 링크 버튼 -->
-        <?php echo $link_buttons ?>
-    </div>
-
 </article>
 
 <script>
diff --git a/mobile/skin/board/basic/view_comment.skin.php b/mobile/skin/board/basic/view_comment.skin.php
index 6a60539e4..ea02feca5 100644
--- a/mobile/skin/board/basic/view_comment.skin.php
+++ b/mobile/skin/board/basic/view_comment.skin.php
@@ -8,6 +8,8 @@ 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" aria-hidden="true"></i> 댓글목록</button>
+
 <!-- 댓글 리스트 -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -23,54 +25,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>
-            <h1><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글</h1>
-            <?php echo $list[$i]['name'] ?>
-            <?php if ($cmt_depth) { ?><img src="<?php echo $board_skin_url ?>/img/icon_reply.gif" alt="댓글의 댓글" class="icon_reply"><?php } ?>
+            <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="프로필이미지" width="40" height="40"></span> <?php echo $list[$i]['name'] ?>
+            
             <?php if ($is_ip_view) { ?>
-            아이피
-            <span class="bo_vc_hdinfo"><?php echo $list[$i]['ip']; ?></span>
+            <span class="sound_only">아이피</span>
+            <span class="bo_vc_hdinfo">(<?php echo $list[$i]['ip']; ?>)</span>
             <?php } ?>
-            작성일
+            <br>
+            <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");
             ?>
         </header>
+        <div class="cmt_contents">
+            <!-- 댓글 출력 -->
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
+                <?php echo $str ?>
+            </p>
 
-        <!-- 댓글 출력 -->
-        <p>
-            <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
-            <?php echo $str ?>
-        </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'];
+                }
 
+                $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>
+            <?php } ?>
+        </div>
+            <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
+            <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
         <input type="hidden" id="secret_comment_<?php echo $comment_id ?>" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>">
         <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>
-            <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 } ?>
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -83,7 +84,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     ?>
     <aside id="bo_vc_w">
         <h2>댓글쓰기</h2>
-        <form name="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
+        <form name="fviewcomment" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off" class="bo_vc_w">
         <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
         <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
         <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
@@ -95,56 +96,42 @@ 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"></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
-            }
-            ?>
-            <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" 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 } ?>
-                </td>
-            </tr>
-            </tbody>
-            </table>
-        </div>
+        <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+        <textarea id="wr_content" name="wr_content" required title="댓글 내용"
+        <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?> placeholder="댓글내용을 입력해주세요"><?php echo $c_wr_content; ?></textarea>
+        <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+                
+        <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 ($is_guest) { ?>
+                    <?php echo $captcha_html; ?>
+                <?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 } ?>
 
-        <div class="btn_confirm">
-            <input type="submit" value="댓글등록" id="btn_submit" class="btn_submit" accesskey="s">
-        </div>
+                <span class="bo_vc_secret">
+                    <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+                    <label for="wr_secret" class="icon_lock"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
+                </span>
 
+            </div>
+            <div class="btn_confirm">
+                <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            </div>
+
+        </div>
         </form>
     </aside>
 
@@ -311,15 +298,26 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     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;
             }
         );
+
+
+           
     });
     <?php } ?>
+
+    $(function() {            
+        //댓글열기
+        $(".cmt_btn").click(function(){
+            $(this).toggleClass("cmt_btn_op");
+            $("#bo_vc").toggle();
+        });
+    });
     </script>
     <?php } ?>
diff --git a/mobile/skin/board/basic/write.skin.php b/mobile/skin/board/basic/write.skin.php
index 8d9076d2f..ae73aa0b1 100644
--- a/mobile/skin/board/basic/write.skin.php
+++ b/mobile/skin/board/basic/write.skin.php
@@ -6,8 +6,6 @@ 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>
-
     <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 ?>">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
@@ -51,115 +49,113 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     echo $option_hidden;
     ?>
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption><?php echo $g5['title'] ?></caption>
-        <tbody>
+    <div class="form_01">
+        <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
+
+        <?php if ($is_category) { ?>
+        <div class="bo_w_select">
+            <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
+            <select id="ca_name" name="ca_name" required>
+                <option value="">선택하세요</option>
+                <?php echo $category_option ?>
+            </select>
+        </div>
+        <?php } ?> 
+        
         <?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" maxlength="20"></td>
-        </tr>
+        <div>
+            <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 full_input required" maxlength="20" placeholder="이름">
+        </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>
+        <div>
+            <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 full_input <?php echo $password_required ?>" maxlength="20" placeholder="비밀번호">
+        </div>
         <?php } ?>
 
         <?php if ($is_email) { ?>
-        <tr>
-            <th scope="row"><label for="wr_email">이메일</label></th>
-            <td><input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email" maxlength="100"></td>
-        </tr>
+        <div>
+            <label for="wr_email" class="sound_only">이메일</label>
+            <input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input full_input  email" maxlength="100" placeholder="이메일">
+        </div>
         <?php } ?>
 
         <?php if ($is_homepage) { ?>
-        <tr>
-            <th scope="row"><label for="wr_homepage">홈페이지</label></th>
-            <td><input type="url" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input"></td>
-        </tr>
+        <div>
+            <label for="wr_homepage" class="sound_only">홈페이지</label>
+            <input type="url" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input " placeholder="홈페이지">
+        </div>
         <?php } ?>
 
+
+        <div class="bo_w_tit">
+            <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" placeholder="제목">
+        </div>
+
+        <div>
+            <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+            <?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>
+
         <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option ?></td>
-        </tr>
+        <div>
+            <span class="sound_only">옵션</span>
+            <?php echo $option ?>
+        </div>
         <?php } ?>
 
-        <?php if ($is_category) { ?>
-        <tr>
-            <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <select class="required" id="ca_name" name="ca_name" 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><input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required"></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="url" 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 wr_link"></td>
-        </tr>
+        <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="url" 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 wr_link">
+        </div>
         <?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">
-                <?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>
+        <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) { //자동등록방지 ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td>
-                <?php echo $captcha_html ?>
-            </td>
-        </tr>
+        <div>
+            <span class="sound_only">자동등록방지</span>
+            <?php echo $captcha_html ?>
+            
+        </div>
         <?php } ?>
 
-        </tbody>
-        </table>
     </div>
 
-    <div class="btn_confirm">
-        <input type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s">
-        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+    <div class="btn_top top">
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a>
+        <button type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s"><i class="fa fa-pencil" aria-hidden="true"></i> 작성완료</button>
     </div>
     </form>
 </section>
@@ -242,7 +238,7 @@ function fwrite_submit(f)
         }
     }
 
-     <?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함  ?>
+    <?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함  ?>
 
     document.getElementById("btn_submit").disabled = "disabled";
 
diff --git a/mobile/skin/board/gallery/list.skin.php b/mobile/skin/board/gallery/list.skin.php
index 598b13675..78cb2d7fc 100644
--- a/mobile/skin/board/gallery/list.skin.php
+++ b/mobile/skin/board/gallery/list.skin.php
@@ -8,7 +8,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
 <script src="<?php echo G5_JS_URL; ?>/jquery.fancylist.js"></script>
 
-<h2 id="container_title"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']) ?><span class="sound_only"> 목록</span></h2>
+<?php if ($rss_href || $write_href) { ?>
+<ul class="btn_top top">
+    <?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
+    <?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sound_only">관리자</span></a></li><?php } ?>
+    <?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
+</ul>
+<?php } ?>
 
 <!-- 게시판 목록 시작 -->
 <div id="bo_gall">
@@ -22,19 +28,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     </nav>
     <?php } ?>
 
-    <div class="bo_fx">
-        <div id="bo_list_total">
-            <span>Total <?php echo number_format($total_count) ?>건</span>
-            <?php echo $page ?> 페이지
-        </div>
-
-        <?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 } ?>
-        </ul>
-        <?php } ?>
+    <div class="sound_only">
+        <span>전체 <?php echo number_format($total_count) ?>건</span>
+        <?php echo $page ?> 페이지
     </div>
 
     <form name="fboardlist"  id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
@@ -60,47 +56,49 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
         <?php for ($i=0; $i<count($list); $i++) {
         ?>
         <li class="gall_li <?php if ($wr_id == $list[$i]['wr_id']) { ?>gall_now<?php } ?>">
-            <?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 ?>">
-            <?php } ?>
-            <span class="sound_only">
-                <?php
-                if ($wr_id == $list[$i]['wr_id'])
-                    echo "<span class=\"bo_current\">열람중</span>";
-                else
-                    echo $list[$i]['num'];
-                ?>
-            </span>
-            <ul class="gall_con">
-                <li class="gall_href">
-                    <a href="<?php echo $list[$i]['href'] ?>">
+            <div class="gall_li_wr">
+                
+                <?php if ($is_checkbox) { ?>
+                <span class="gall_li_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 ?>">
+                </span>
+                <?php } ?>
+                <span class="sound_only">
                     <?php
-                    if ($list[$i]['is_notice']) { // 공지사항 ?>
-                        <strong style="width:<?php echo $board['bo_mobile_gallery_width'] ?>px;height:<?php echo $board['bo_mobile_gallery_height'] ?>px">공지</strong>
-                    <?php
-                    } else {
-                        $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_mobile_gallery_width'], $board['bo_mobile_gallery_height']);
-
-                        if($thumb['src']) {
-                            $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_mobile_gallery_width'].'" height="'.$board['bo_mobile_gallery_height'].'">';
-                        } else {
-                            $img_content = '<span style="width:'.$board['bo_mobile_gallery_width'].'px;height:'.$board['bo_mobile_gallery_height'].'px">no image</span>';
-                        }
-
-                        echo $img_content;
-                    }
+                    if ($wr_id == $list[$i]['wr_id'])
+                        echo "<span class=\"bo_current\">열람중</span>";
+                    else
+                        echo $list[$i]['num'];
                     ?>
-                    </a>
-                </li>
-                <li class="gall_text_href">
+                </span>
+                
+                <a href="<?php echo $list[$i]['href'] ?>" class="gall_img">
+                <?php
+                if ($list[$i]['is_notice']) { // 공지사항 ?>
+                    <strong style="width:<?php echo $board['bo_mobile_gallery_width'] ?>px;height:<?php echo $board['bo_mobile_gallery_height'] ?>px">공지</strong>
+                <?php
+                } else {
+                    $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_mobile_gallery_width'], $board['bo_mobile_gallery_height']);
+
+                    if($thumb['src']) {
+                        $img_content = '<img src="'.$thumb['src'].'" alt="'.$thumb['alt'].'" width="'.$board['bo_mobile_gallery_width'].'" height="'.$board['bo_mobile_gallery_height'].'">';
+                    } else {
+                        $img_content = '<span class="no-img">no image</span>';
+                    }
+
+                    echo $img_content;
+                }
+                ?>
+                </a>
+                <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="gall_li_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>
@@ -114,13 +112,15 @@ 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'];
                     ?>
-                </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>
+                    <span class="profile_img"><span class="sound_only">작성자 </span><img src="<?php echo G5_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 } ?>
+                        <?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="sound_only">작성일 </span><span class="date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
+                    </div>
+                </div>
+            </div>
         </li>
         <?php } ?>
         <?php if (count($list) == 0) { echo "<li class=\"empty_list\">게시물이 없습니다.</li>"; } ?>
@@ -130,29 +130,20 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
     <div class="bo_fx">
         <ul class="btn_bo_adm">
             <?php if ($list_href) { ?>
-            <li><a href="<?php echo $list_href ?>" class="btn_b01"> 목록</a></li>
+            <li><a href="<?php echo $list_href ?>" class="btn_b01 btn"> 목록</a></li>
             <?php } ?>
             <?php if ($is_checkbox) { ?>
-            <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>
+            <li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sound_only">선택복사</span></button></li>
+            <li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sound_only">선택이동</span></button></li>
             <?php } ?>
         </ul>
-
-        <ul class="btn_bo_user">
-            <li><?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02">글쓰기</a><?php } ?></li>
-        </ul>
     </div>
     <?php } ?>
 
     </form>
 </div>
 
-<script>
-$(window).on("load", function() {
-    $("#gall_ul").fancyList(".gall_li", "gall_clear");
-});
-</script>
 
 <?php if($is_checkbox) { ?>
 <noscript>
@@ -171,20 +162,21 @@ $(window).on("load", function() {
     <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 name="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>
-    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="required frm_input" size="15" maxlength="20">
-    <input type="submit" value="검색">
+    <input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="sch_input" size="15" maxlength="20">
+    <button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i> <span class="sound_only">검색</span></button>
     </form>
 </fieldset>
 
+
 <?php if ($is_checkbox) { ?>
 <script>
 function all_checked(sw) {
diff --git a/mobile/skin/board/gallery/style.css b/mobile/skin/board/gallery/style.css
index 4f69e8f65..6c4a07c05 100644
--- a/mobile/skin/board/gallery/style.css
+++ b/mobile/skin/board/gallery/style.css
@@ -1,5 +1,4 @@
 @charset "utf-8";
-/* SIR 지운아빠 */
 
 /* ### 기본 스타일 커스터마이징 시작 ### */
 
@@ -72,28 +71,36 @@
 #bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
 
 #bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
-#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
-#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_cate li {float:left;margin-bottom:-1px;width:25%}
-#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
-#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 ul {margin: 10px;padding-left:1px;zoom:1}
+#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
+#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
+#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
+-webkit-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+-moz-box-shadow:0 0 5px  rgba(65,98,255,0.8);
+box-shadow: 0 0 8px  rgba(65,98,255,0.8);}
 
-#bo_gall .gall_li {float:left;padding:0 10px 20px 0}
-#bo_gall .gall_clear {clear:both}
 
-#bo_gall .gall_con {margin:0;padding:0;list-style:none}
-#bo_gall .gall_con li {margin:0 0 5px}
-#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
+#bo_gall .gall_li {float:left;;width:50%;padding:5px}
+#bo_gall .gall_li_wr{background:#fff;position:relative;}
+#bo_gall .gall_li_chk{display:inline-block;padding:5px;position:absolute;top:0;left:0}
+#bo_gall .gall_li:nth-child(2n+1) {clear:both}
+#bo_gall .gall_li .gall_img img{width:100%;height:auto}
+#bo_gall .gall_li .gall_img .no-img{display:block;background:#ddd;text-align:center;padding:30% 0}
 
 #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:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
 
-#bo_gall .gall_text_href {margin:10px 0 !important}
-#bo_gall .gall_text_href a {color:#000;font-weight:bold;text-decoration:none}
-#bo_gall .gall_text_href img {margin:0 0 0 5px}
+#bo_gall .gall_text_href {padding:10px;display:block}
+#bo_gall .gall_li_tit{display:block;margin:5px 0;font-weight:bold}
+#bo_gall .bo_cate_link {display:inline-block;color:#3ca1ff !important} 
+#bo_gall .profile_img img{border-radius:50%}
+#bo_gall .gall_info{padding:5px 0 0;margin:10px 0 0 ;color:#777;font-size:0.92em;border-top:1px solid #eee;}
+#bo_gall .gall_info:after {display:block;visibility:hidden;clear:both;content:""} 
+#bo_gall .gall_info strong{display:inline-block;margin-right:3px}
+#bo_gall .date{float:right}
 
 /* 게시판 목록 공통 */
 .bo_fx {margin-bottom:5px;padding:5px 10px}
@@ -102,18 +109,21 @@
 #bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
 .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:#f7f7f7}
+.btn_bo_adm {text-align:center}
+.btn_bo_adm li {display:inline-block;}
+.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}.bo_notice td {background:#f7f7f7}
 .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}
 .td_subject img {margin-left:3px}
 .cnt_cmt {font-weight:bold}
 
-#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
+#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;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 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
+#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
+#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
 
 #bo_gall li.empty_list {padding:30px 0;text-align:center}
 
@@ -125,101 +135,163 @@
 #wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}
 
 /* 게시판 읽기 */
-#bo_v {margin-bottom:15px;padding-bottom:15px}
+#bo_v {padding:20px 10px 10px;background:#fff
+;-webkit-box-shadow:  0 1px 4px #ddd;
+-moz-box-shadow:  0 1px 4px #ddd;
+box-shadow: 0 1px 4px #ddd;}
 
-#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
+#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
 
-#bo_v_title {padding:0 10px 5px;font-size:1.2em}
+#bo_v_title {;text-align:center}
+.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
+-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
+box-shadow: 0 0 8px rgba(65,98,255,0.8);}
+.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0}
+#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 }
 
-#bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
+#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666}
 #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
-#bo_v_info {}
-#bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}
+#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
+#bo_v_info .profile_img img{border-radius:50%}
+#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
+#bo_v_info .ip{vertical-align:middle}
 
-#bo_v_file {}
-#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_file {margin:10px 0}
+#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
-#bo_v_file a {display:inline-block;padding:5px 0;color:#000}
-#bo_v_file a:focus,
-#bo_v_file a:hover,
-#bo_v_file a:active {text-decoration:none}
-.bo_v_file_cnt {display:inline-block;margin:0 10px}
+#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
+#bo_v_file a strong{color:#3497d9;text-decoration:underline}
+.bo_v_file_cnt {font-size:0.92em}
 
-#bo_v_link {}
-#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_link{margin:10px 0}
+#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
-#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
-#bo_v_link a {display:inline-block;padding:5px 0;color:#000}
-#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 10px}
+#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
+#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
+#bo_v_link a strong{color:#3497d9;text-decoration:underline}
+#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
+.bo_v_link_cnt {font-size:0.92em}
 
-#bo_v_top {margin:0 0 10px;padding:10px}
+#bo_v_top {margin:10px 0;}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_top ul {margin:0;padding:0;list-style:none}
+#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_top ul li{display:inline-block;}
+.bo_v_left{float:left}
+.bo_v_right{float:right}
 
 #bo_v_bot {padding:0 10px}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_bot ul {margin:0;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 li {float:left;margin-left:5px}
+.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;}
+.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_v_nb li {}
+.bo_v_nb li a{display:inline-block;padding:10px;color:#777}
+.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;}
+.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;}
 
-#bo_v_atc {padding:0 10px;min-height:200px}
+#bo_v_atc {min-height:200px}
 #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
 
-#bo_v_con {margin-bottom:20px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}
+#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;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 {position:relative;margin-bottom:20px;text-align:center}
+#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_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
+#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{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
+#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
+#bo_v_share{position:relative;margin:20px 0;text-align:right}
+#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
 
-#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
+.btn_share{display:none;}
+.bo_v_snswr{position:relative;float:right}
+#bo_v_sns {;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 li {float:left;width:50px;text-align:center;margin-left:3px}
+#bo_v_sns li a{height:40px;padding:10px 0;}
+#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
+#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
+#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
+#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
+#bo_v_sns li img{vertical-align:top}
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
-#bo_vc h2 {margin-bottom:5px}
-#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
-#bo_vc header {position:relative;padding:13px 0 5px}
-#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
+.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 79px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0  0 10px ;border-bottom:1px solid #e8e8e8}
+.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 79px  -23px}
+
+#bo_vc {}
+#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc article {margin:0 0 15px}
+#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px}
+#bo_vc .profile_img{position:absolute;top:0;left:0}
+#bo_vc .profile_img img{border-radius:50%}
 #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
-.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
+.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic}
 #bo_vc h1 {width:0;height:0;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:10px 15px ;margin:5px 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 p a.s_cmt {text-decoration:underline;color:#ed6479}
 #bo_vc_empty {margin:0;padding:15px !important;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}
+.bo_vc_act {text-align:right;;margin:0;list-style:none}
 .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;margin:0 2px}
+.bo_vc_act li a{color:#3497d9;text-decoration:underline}
 
-#bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
-#bo_vc_w h2 {padding:10px 0 5px}
-#bo_vc_w .tbl_wrap {margin:0 0 15px}
-#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
-#bo_vc_w textarea {width:99%}
+.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:5px 0}
+.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
+.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
+.bo_vc_w_info #wr_password{float:right;}
+.bo_vc_w_info #captcha{;display:block;clear:both}
+.bo_vc_w .btn_confirm{margin-top:5px;clear:both}
+.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;}
+.bo_vc_w .btn_submit{height:50px;width:100%;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_w  .bo_vc_secret{float:right;display:block;}
 
-#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
+#bo_vc_send_sns{display:block;float:left}
+#bo_vc_sns {display: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 10px 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;;padding: 10px 0 10px 10px}
+#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 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 .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
+#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}
+#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}
+#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:5px 0 0 }
+
diff --git a/mobile/skin/board/gallery/view.skin.php b/mobile/skin/board/gallery/view.skin.php
index ae09a062f..144d71d1c 100644
--- a/mobile/skin/board/gallery/view.skin.php
+++ b/mobile/skin/board/gallery/view.skin.php
@@ -8,112 +8,46 @@ 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_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div>
+<!-- <div id="bo_v_table"><?php echo ($board['bo_mobile_subject'] ? $board['bo_mobile_subject'] : $board['bo_subject']); ?></div> -->
+    <div class="btn_top top"> 
+        <?php if ($reply_href) { ?><a href="<?php echo $reply_href ?>" class="btn_b01"><i class="fa fa-reply" aria-hidden="true"></i> 답변</a><?php } ?>
+        <?php if ($write_href) { ?><a href="<?php echo $write_href ?>" class="btn_b02 btn"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a><?php } ?>
 
+    </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 ($category_name ? $view['ca_name'].' | ' : ''); // 분류 출력 끝
             echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
-            ?>
-        </h1>
+            ?></span>
+        </h2>
+        <p><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'])) ?></p>
     </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><span class="profile_img"><img src="<?php echo G5_IMG_URL ;?>/no_profile.gif" alt="프로필이미지" width="20" height="20"></span>  <?php echo $view['name'] ?><span class="ip"><?php if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></span>
+        <span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
+        <span class="sound_only">댓글</span><strong><i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</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_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">검색</a></li><?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();
@@ -145,18 +79,17 @@ 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>
-                <b id="bo_v_act_good"></b>
+                <a href="<?php echo $good_href.'&amp;'.$qstr ?>" id="good_button"  class="bo_v_good"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><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"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span><strong><?php echo number_format($view['wr_nogood']) ?></strong></a>
                 <b id="bo_v_act_nogood"></b>
             </span>
             <?php } ?>
@@ -165,28 +98,111 @@ 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"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i><br><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"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i><br><span class="sound_only">비추천</span> <strong><?php echo number_format($view['wr_nogood']) ?></strong></span><?php } ?>
         </div>
         <?php
             }
         }
         ?>
-        <?php
-        include(G5_SNS_PATH."/view.sns.skin.php");
-        ?>
+
+        <div id="bo_v_share">
+            <?php if ($scrap_href) { ?><a href="<?php echo $scrap_href;  ?>" target="_blank" class=" btn_scrap" 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>
     </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">
+                    <i class="fa fa-download" aria-hidden="true"></i>
+                    <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']['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>
+                <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
+                    <i class="fa fa-link" aria-hidden="true"></i>
+                    <strong><?php echo $link ?></strong>
+                </a>
+                <span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
+            </li>
+        <?php
+            }
+        }
+         ?>
+        </ul>
+    </section>
+    <?php } ?>
+
+    <?php if ($prev_href || $next_href) { ?>
+    <ul class="bo_v_nb">
+        <?php if ($prev_href) { ?><li class="bo_v_prev"><a href="<?php echo $prev_href ?>"><i class="fa fa-caret-left" aria-hidden="true"></i> 이전글</a></li><?php } ?>
+        <?php if ($next_href) { ?><li class="bo_v_next"><a href="<?php echo $next_href ?>">다음글 <i class="fa fa-caret-right" 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>
+
+    </ul>
+    <?php } ?>
     <?php
     // 코멘트 입출력
     include_once(G5_BBS_PATH.'/view_comment.php');
      ?>
 
-    <div id="bo_v_bot">
-        <!-- 링크 버튼 -->
-        <?php echo $link_buttons ?>
-    </div>
-
 </article>
 
 <script>
diff --git a/mobile/skin/board/gallery/view_comment.skin.php b/mobile/skin/board/gallery/view_comment.skin.php
index 6a60539e4..ea02feca5 100644
--- a/mobile/skin/board/gallery/view_comment.skin.php
+++ b/mobile/skin/board/gallery/view_comment.skin.php
@@ -8,6 +8,8 @@ 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" aria-hidden="true"></i> 댓글목록</button>
+
 <!-- 댓글 리스트 -->
 <section id="bo_vc">
     <h2>댓글목록</h2>
@@ -23,54 +25,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>
-            <h1><?php echo get_text($list[$i]['wr_name']); ?>님의 댓글</h1>
-            <?php echo $list[$i]['name'] ?>
-            <?php if ($cmt_depth) { ?><img src="<?php echo $board_skin_url ?>/img/icon_reply.gif" alt="댓글의 댓글" class="icon_reply"><?php } ?>
+            <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="프로필이미지" width="40" height="40"></span> <?php echo $list[$i]['name'] ?>
+            
             <?php if ($is_ip_view) { ?>
-            아이피
-            <span class="bo_vc_hdinfo"><?php echo $list[$i]['ip']; ?></span>
+            <span class="sound_only">아이피</span>
+            <span class="bo_vc_hdinfo">(<?php echo $list[$i]['ip']; ?>)</span>
             <?php } ?>
-            작성일
+            <br>
+            <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");
             ?>
         </header>
+        <div class="cmt_contents">
+            <!-- 댓글 출력 -->
+            <p>
+                <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
+                <?php echo $str ?>
+            </p>
 
-        <!-- 댓글 출력 -->
-        <p>
-            <?php if (strstr($list[$i]['wr_option'], "secret")) echo "<img src=\"".$board_skin_url."/img/icon_secret.gif\" alt=\"비밀글\">"; ?>
-            <?php echo $str ?>
-        </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'];
+                }
 
+                $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>
+            <?php } ?>
+        </div>
+            <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
+            <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
         <input type="hidden" id="secret_comment_<?php echo $comment_id ?>" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>">
         <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>
-            <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 } ?>
     </article>
     <?php } ?>
     <?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
@@ -83,7 +84,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     ?>
     <aside id="bo_vc_w">
         <h2>댓글쓰기</h2>
-        <form name="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
+        <form name="fviewcomment" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off" class="bo_vc_w">
         <input type="hidden" name="w" value="<?php echo $w ?>" id="w">
         <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
         <input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
@@ -95,56 +96,42 @@ 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"></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
-            }
-            ?>
-            <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" 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 } ?>
-                </td>
-            </tr>
-            </tbody>
-            </table>
-        </div>
+        <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+        <textarea id="wr_content" name="wr_content" required title="댓글 내용"
+        <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?> placeholder="댓글내용을 입력해주세요"><?php echo $c_wr_content; ?></textarea>
+        <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+                
+        <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 ($is_guest) { ?>
+                    <?php echo $captcha_html; ?>
+                <?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 } ?>
 
-        <div class="btn_confirm">
-            <input type="submit" value="댓글등록" id="btn_submit" class="btn_submit" accesskey="s">
-        </div>
+                <span class="bo_vc_secret">
+                    <input type="checkbox" name="wr_secret" value="secret" id="wr_secret">
+                    <label for="wr_secret" class="icon_lock"><i class="fa fa-lock" aria-hidden="true"></i><span class="sound_only">비밀글사용</span></label>
+                </span>
 
+            </div>
+            <div class="btn_confirm">
+                <input type="submit" id="btn_submit" class="btn_submit" value="댓글등록">
+            </div>
+
+        </div>
         </form>
     </aside>
 
@@ -311,15 +298,26 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
     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;
             }
         );
+
+
+           
     });
     <?php } ?>
+
+    $(function() {            
+        //댓글열기
+        $(".cmt_btn").click(function(){
+            $(this).toggleClass("cmt_btn_op");
+            $("#bo_vc").toggle();
+        });
+    });
     </script>
     <?php } ?>
diff --git a/mobile/skin/board/gallery/write.skin.php b/mobile/skin/board/gallery/write.skin.php
index 4aec1baaf..ae73aa0b1 100644
--- a/mobile/skin/board/gallery/write.skin.php
+++ b/mobile/skin/board/gallery/write.skin.php
@@ -1,12 +1,11 @@
 <?php
 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
+
 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
 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>
-
     <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 ?>">
     <input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
@@ -50,115 +49,113 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
 
     echo $option_hidden;
     ?>
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption><?php echo $g5['title'] ?></caption>
-        <tbody>
+    <div class="form_01">
+        <h2 class="sound_only"><?php echo $g5['title'] ?></h2>
+
+        <?php if ($is_category) { ?>
+        <div class="bo_w_select">
+            <label for="ca_name" class="sound_only">분류<strong>필수</strong></label>
+            <select id="ca_name" name="ca_name" required>
+                <option value="">선택하세요</option>
+                <?php echo $category_option ?>
+            </select>
+        </div>
+        <?php } ?> 
+        
         <?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" maxlength="20"></td>
-        </tr>
+        <div>
+            <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 full_input required" maxlength="20" placeholder="이름">
+        </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 ?>" size="15" maxlength="20"></td>
-        </tr>
+        <div>
+            <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 full_input <?php echo $password_required ?>" maxlength="20" placeholder="비밀번호">
+        </div>
         <?php } ?>
 
         <?php if ($is_email) { ?>
-        <tr>
-            <th scope="row"><label for="wr_email">이메일</label></th>
-            <td><input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input email" maxlength="100"></td>
-        </tr>
+        <div>
+            <label for="wr_email" class="sound_only">이메일</label>
+            <input type="email" name="wr_email" value="<?php echo $email ?>" id="wr_email" class="frm_input full_input  email" maxlength="100" placeholder="이메일">
+        </div>
         <?php } ?>
 
         <?php if ($is_homepage) { ?>
-        <tr>
-            <th scope="row"><label for="wr_homepage">홈페이지</label></th>
-            <td><input type="url" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input"></td>
-        </tr>
+        <div>
+            <label for="wr_homepage" class="sound_only">홈페이지</label>
+            <input type="url" name="wr_homepage" value="<?php echo $homepage ?>" id="wr_homepage" class="frm_input full_input " placeholder="홈페이지">
+        </div>
         <?php } ?>
 
+
+        <div class="bo_w_tit">
+            <label for="wr_subject" class="sound_only">제목<strong>필수</strong></label>
+            <input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input full_input required" placeholder="제목">
+        </div>
+
+        <div>
+            <label for="wr_content" class="sound_only">내용<strong>필수</strong></label>
+            <?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>
+
         <?php if ($option) { ?>
-        <tr>
-            <th scope="row">옵션</th>
-            <td><?php echo $option ?></td>
-        </tr>
+        <div>
+            <span class="sound_only">옵션</span>
+            <?php echo $option ?>
+        </div>
         <?php } ?>
 
-        <?php if ($is_category) { ?>
-        <tr>
-            <th scope="row"><label for="ca_name">분류<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <select class="required" id="ca_name" name="ca_name" 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><input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="frm_input required"></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="url" 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 wr_link"></td>
-        </tr>
+        <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="url" 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 wr_link">
+        </div>
         <?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">
-                <?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>
+        <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) { //자동등록방지 ?>
-        <tr>
-            <th scope="row">자동등록방지</th>
-            <td>
-                <?php echo $captcha_html ?>
-            </td>
-        </tr>
+        <div>
+            <span class="sound_only">자동등록방지</span>
+            <?php echo $captcha_html ?>
+            
+        </div>
         <?php } ?>
 
-        </tbody>
-        </table>
     </div>
 
-    <div class="btn_confirm">
-        <input type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s">
-        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
+    <div class="btn_top top">
+        <a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a>
+        <button type="submit" value="작성완료" id="btn_submit" class="btn_submit" accesskey="s"><i class="fa fa-pencil" aria-hidden="true"></i> 작성완료</button>
     </div>
     </form>
 </section>