From ade38bab8473f86b182b0f50b9f65d1b5bfff014 Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Wed, 15 May 2013 19:09:33 +0900
Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90:=20#459=20=EA=B2=8C?=
 =?UTF-8?q?=EC=8B=9C=ED=8C=90=20=EC=9D=BC=EB=B0=98=EC=8A=A4=ED=82=A8,=20?=
 =?UTF-8?q?=EA=B0=A4=EB=9F=AC=EB=A6=AC=EC=8A=A4=ED=82=A8=20=EB=A7=88?=
 =?UTF-8?q?=ED=81=AC=EC=97=85=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20=ED=97=A4?=
 =?UTF-8?q?=EB=94=A9=20=EB=8B=A4=EC=9D=B4=EC=96=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 skin/board/basic/style.css               |  35 +-
 skin/board/basic/view.skin.php           |  42 +--
 skin/board/gallery/style.css             |  25 +-
 skin/board/gallery/view.skin.php         |  42 +--
 skin/board/gallery/view_comment.skin.php | 445 ++++++++++++-----------
 5 files changed, 293 insertions(+), 296 deletions(-)

diff --git a/skin/board/basic/style.css b/skin/board/basic/style.css
index e9b257b52..bef01d2b7 100644
--- a/skin/board/basic/style.css
+++ b/skin/board/basic/style.css
@@ -3,7 +3,7 @@
 /* 게시판 목록 */
 #bo_list_title {margin-bottom:20px;font-size:1.2em;letter-spacing:-0.1em}
 
-#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_cate h2 {position:absolute;;font-size:0;line-height:0;overflow:hidden}
 #bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
 #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
 #bo_cate li {float:left;margin-bottom:-1px}
@@ -25,7 +25,7 @@
 .btn_bo_adm {float:left}
 .btn_bo_adm li {float:left;margin-right:5px}
 .btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer}
-.bo_notice td {background:#f7f7f2}
+.bo_notice td {background:#f5f6fa}
 .bo_notice td a {font-weight:bold}
 .td_num strong {color:#000}
 .bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */
@@ -33,14 +33,14 @@
 .cnt_cmt {font-weight:bold}
 
 #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
-#bo_sch legend {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_sch legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding-bottom:20px}
 
-#bo_v_cate {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
+#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v_h1 {padding:10px 0;font-size:1.2em}
+#bo_v_title {padding:10px 0;font-size:1.2em}
 
 #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
 #bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
@@ -53,7 +53,7 @@
 #bo_v_file {}
 #bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
-#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2}
+#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
 #bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000}
 #bo_v_file a:focus,
 #bo_v_file a:hover,
@@ -63,7 +63,7 @@
 #bo_v_link {}
 #bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
-#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2}
+#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}
 #bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000}
 #bo_v_link a:focus,
 #bo_v_link a:hover,
@@ -86,7 +86,7 @@
 .bo_v_com li {float:left;margin-left:5px}
 
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
-#bo_v_atc header h1 {margin:0;padding:0;width:1px;height:1px;overflow:hidden}
+#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
@@ -101,27 +101,24 @@
 #bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top}
 #bo_v_act strong {color:#ff3061}
 #bo_v_act_good,
-#bo_v_act_nogood {position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v form {padding-top:20px}
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f2}
+#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
 #bo_vc h2 {margin-bottom:10px}
 #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
 #bo_vc header {position:relative;padding:15px 0 5px}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
 #bo_vc .sv_wrap {margin-right:15px}
-#bo_vc .member,
-#bo_vc .guest,
-#bo_vc .sv_member,
-#bo_vc .sv_guest {font-weight:bold}
+#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
 .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
-#bo_vc h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_vc a {color:#000;text-decoration:none}
 #bo_vc p {padding:0 0 5px;line-height:1.8em}
 #bo_vc p a {text-decoration:underline}
-#bo_vc_empty {margin:0;padding:20px !important;border-bottom:1px dotted #ccc;text-align:center}
+#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
 #bo_vc fieldset {margin:0 0 10px;padding:0}
 #bo_vc #bo_vc_winfo {float:left}
 #bo_vc footer {zoom:1}
@@ -131,8 +128,8 @@
 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_vc_act li {float:left;margin-left:5px}
 
-#bo_vc_w {position:relative;margin-bottom:10px;padding:0 20px 20px;border-bottom:1px solid #cfded8}
-#bo_vc_w h2 {padding:15px 0 5px}
-#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
+#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
+#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
 
 #bo_vc form {padding:0}
\ No newline at end of file
diff --git a/skin/board/basic/view.skin.php b/skin/board/basic/view.skin.php
index 7873cf3bd..c955bc90a 100644
--- a/skin/board/basic/view.skin.php
+++ b/skin/board/basic/view.skin.php
@@ -5,17 +5,20 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
 
-<div id="bo_v" style="width:<?php echo $width; ?>">
+<div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
-    <p id="bo_v_cate">
-        <?php echo $board['bo_subject'] ?>
-        <?php if ($category_name) { // 분류가 지정되었다면  ?><?php echo ($category_name ? "{$view['ca_name']} " : ""); ?><?php } // 분류 출력 끝  ?>
-    </p>
-
-    <h1 id="bo_v_h1"><?php echo cut_str(get_text($view['wr_subject']), 70) // 글제목 출력 ?></h1>
+<article id="bo_v" style="width:<?php echo $width; ?>">
+    <header>
+        <h1 id="bo_v_title">
+            <?php
+            if ($category_name) echo ($category_name ? $view['ca_name'].' | ' : ''); // 분류 출력 끝
+            echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
+            ?>
+        </h1>
+    </header>
 
     <section id="bo_v_info">
-        <h2>게시물 정보</h2>
+        <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>
@@ -87,8 +90,7 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
     </section>
     <?php } ?>
 
-    <nav id="bo_v_top">
-        <h2>게시물 상단 버튼</h2>
+    <div id="bo_v_top">
         <?php
         ob_start();
          ?>
@@ -113,12 +115,10 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
         $link_buttons = ob_get_contents();
         ob_end_flush();
          ?>
-    </nav>
+    </div>
 
-    <article id="bo_v_atc">
-        <header>
-            <h1>본문</h1>
-        </header>
+    <section id="bo_v_atc">
+        <h2 id="bo_v_atc_title">본문</h2>
 
         <?php
         // 파일 출력
@@ -165,23 +165,19 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
             }
         }
          ?>
-    </article>
+    </section>
 
     <?php
     // 코멘트 입출력
     include_once('./view_comment.php');
      ?>
 
-    <nav id="bo_v_bot">
-        <h2>게시물 하단 버튼</h2>
-
+    <div id="bo_v_bot">
         <!-- 링크 버튼 -->
         <?php echo $link_buttons ?>
-    </nav>
-
-</div>
-
+    </div>
 
+</article>
 
 <script>
 <?php if ($board['bo_download_point'] < 0) { ?>
diff --git a/skin/board/gallery/style.css b/skin/board/gallery/style.css
index d64d9ecae..7be441c7a 100644
--- a/skin/board/gallery/style.css
+++ b/skin/board/gallery/style.css
@@ -60,9 +60,9 @@
 /* 게시판 읽기 */
 #bo_v {margin-bottom:20px;padding-bottom:20px}
 
-#bo_v_cate {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
+#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
 
-#bo_v_h1 {padding:10px 0;font-size:1.2em}
+#bo_v_title {padding:10px 0;font-size:1.2em}
 
 #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
 #bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
@@ -108,7 +108,7 @@
 .bo_v_com li {float:left;margin-left:5px}
 
 #bo_v_atc {min-height:200px;height:auto !important;height:200px}
-#bo_v_atc header h1 {margin:0;padding:0;width:1px;height:1px;overflow:hidden}
+#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1}
 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
@@ -123,27 +123,24 @@
 #bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top}
 #bo_v_act strong {color:#ff3061}
 #bo_v_act_good,
-#bo_v_act_nogood {position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
 #bo_v form {padding-top:20px}
 
 /* 게시판 댓글 */
-#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#f5f6fa}
+#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
 #bo_vc h2 {margin-bottom:10px}
 #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc}
 #bo_vc header {position:relative;padding:15px 0 5px}
 #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
 #bo_vc .sv_wrap {margin-right:15px}
-#bo_vc .member,
-#bo_vc .guest,
-#bo_vc .sv_member,
-#bo_vc .sv_guest {font-weight:bold}
+#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
 .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
-#bo_vc h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 #bo_vc a {color:#000;text-decoration:none}
 #bo_vc p {padding:0 0 5px;line-height:1.8em}
 #bo_vc p a {text-decoration:underline}
-#bo_vc_empty {margin:0;padding:20px !important;border-bottom:1px dotted #ccc;text-align:center}
+#bo_vc_empty {margin:0;padding:20px !important;text-align:center}
 #bo_vc fieldset {margin:0 0 10px;padding:0}
 #bo_vc #bo_vc_winfo {float:left}
 #bo_vc footer {zoom:1}
@@ -153,8 +150,8 @@
 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
 .bo_vc_act li {float:left;margin-left:5px}
 
-#bo_vc_w {position:relative;margin-bottom:10px;padding:0 20px 20px;border-bottom:1px solid #d9d9d9}
-#bo_vc_w h2 {padding:15px 0 5px}
-#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
+#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
+#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
+#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
 
 #bo_vc form {padding:0}
\ No newline at end of file
diff --git a/skin/board/gallery/view.skin.php b/skin/board/gallery/view.skin.php
index 7873cf3bd..c955bc90a 100644
--- a/skin/board/gallery/view.skin.php
+++ b/skin/board/gallery/view.skin.php
@@ -5,17 +5,20 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
 
 <link rel="stylesheet" href="<?php echo $board_skin_url ?>/style.css">
 
-<div id="bo_v" style="width:<?php echo $width; ?>">
+<div id="bo_v_table"><?php echo $board['bo_subject']; ?></div>
 
-    <p id="bo_v_cate">
-        <?php echo $board['bo_subject'] ?>
-        <?php if ($category_name) { // 분류가 지정되었다면  ?><?php echo ($category_name ? "{$view['ca_name']} " : ""); ?><?php } // 분류 출력 끝  ?>
-    </p>
-
-    <h1 id="bo_v_h1"><?php echo cut_str(get_text($view['wr_subject']), 70) // 글제목 출력 ?></h1>
+<article id="bo_v" style="width:<?php echo $width; ?>">
+    <header>
+        <h1 id="bo_v_title">
+            <?php
+            if ($category_name) echo ($category_name ? $view['ca_name'].' | ' : ''); // 분류 출력 끝
+            echo cut_str(get_text($view['wr_subject']), 70); // 글제목 출력
+            ?>
+        </h1>
+    </header>
 
     <section id="bo_v_info">
-        <h2>게시물 정보</h2>
+        <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>
@@ -87,8 +90,7 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
     </section>
     <?php } ?>
 
-    <nav id="bo_v_top">
-        <h2>게시물 상단 버튼</h2>
+    <div id="bo_v_top">
         <?php
         ob_start();
          ?>
@@ -113,12 +115,10 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
         $link_buttons = ob_get_contents();
         ob_end_flush();
          ?>
-    </nav>
+    </div>
 
-    <article id="bo_v_atc">
-        <header>
-            <h1>본문</h1>
-        </header>
+    <section id="bo_v_atc">
+        <h2 id="bo_v_atc_title">본문</h2>
 
         <?php
         // 파일 출력
@@ -165,23 +165,19 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php');
             }
         }
          ?>
-    </article>
+    </section>
 
     <?php
     // 코멘트 입출력
     include_once('./view_comment.php');
      ?>
 
-    <nav id="bo_v_bot">
-        <h2>게시물 하단 버튼</h2>
-
+    <div id="bo_v_bot">
         <!-- 링크 버튼 -->
         <?php echo $link_buttons ?>
-    </nav>
-
-</div>
-
+    </div>
 
+</article>
 
 <script>
 <?php if ($board['bo_download_point'] < 0) { ?>
diff --git a/skin/board/gallery/view_comment.skin.php b/skin/board/gallery/view_comment.skin.php
index 604c8b948..d8a5dc564 100644
--- a/skin/board/gallery/view_comment.skin.php
+++ b/skin/board/gallery/view_comment.skin.php
@@ -21,8 +21,8 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
             $str = $str;
         }
         $str = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $str);
-    ?>
-    <article id="c_<?php echo $comment_id; ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0"<?php } ?>>
+     ?>
+    <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 $list[$i]['wr_name'] ?>님의 댓글</h1>
             <?php echo $list[$i]['name'] ?>
@@ -44,7 +44,7 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
         <span id="edit_<?php echo $comment_id ?>"></span><!-- 수정 -->
         <span id="reply_<?php echo $comment_id ?>"></span><!-- 답변 -->
 
-        <input  type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
+        <input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
         <textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
 
         <?php if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) {
@@ -73,219 +73,230 @@ var char_max = parseInt(<?php echo $comment_max ?>); // 최대
 
 </section>
 
-<?php 
-    if ($is_comment_write) {
-        if($w == '')
-            $w = 'c';
-?>
-    <aside id="bo_vc_w">
-        <h2>댓글쓰기</h2>
-        <form name="fviewcomment" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
-        <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 ?>">
-        <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
-        <input type="hidden" name="sca" value="<?php echo $sca ?>">
-        <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
-        <input type="hidden" name="stx" value="<?php echo $stx ?>">
-        <input type="hidden" name="spt" value="<?php echo $spt ?>">
-        <input type="hidden" name="page" value="<?php echo $page ?>">
-        <input type="hidden" name="is_good" value="">
+<?php
+if ($is_comment_write) {
+    if($w == '') $w = 'c';
+ ?>
+<section id="bo_vc_w">
+    <h2>댓글쓰기</h2>
+    <form name="fviewcomment" action="./write_comment_update.php" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
+    <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 ?>">
+    <input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
+    <input type="hidden" name="sca" value="<?php echo $sca ?>">
+    <input type="hidden" name="sfl" value="<?php echo $sfl ?>">
+    <input type="hidden" name="stx" value="<?php echo $stx ?>">
+    <input type="hidden" name="spt" value="<?php echo $spt ?>">
+    <input type="hidden" name="page" value="<?php echo $page ?>">
+    <input type="hidden" name="is_good" value="">
 
-        <table class="frm_tbl">
-        <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 } ?>
-        <tr>
-            <th scope="row">내용</th>
-            <td>
-                <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
-                <textarea name="wr_content" id="wr_content" maxlength="10000" required class="required"
-                <?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 class="btn_confirm">
-            <input type="submit" class="btn_submit" value="댓글등록">
-        </div>
-
-        </form>
-    </aside>
-
-    <script>
-    var save_before = '';
-    var save_html = document.getElementById('bo_vc_w').innerHTML;
-
-    function good_and_write()
-    {
-        var f = document.fviewcomment;
-        if (fviewcomment_submit(f)) {
-            f.is_good.value = 1;
-            f.submit();
-        } else {
-            f.is_good.value = 0;
-        }
-    }
-
-    function fviewcomment_submit(f)
-    {
-        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
-
-        f.is_good.value = 0;
-
-        /*
-        var s;
-        if (s = word_filter_check(document.getElementById('wr_content').value))
-        {
-            alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
-            document.getElementById('wr_content').focus();
-            return false;
-        }
-        */
-
-        var subject = "";
-        var content = "";
-        $.ajax({
-            url: g4_bbs_url+"/filter.ajax.php",
-            type: "POST",
-            data: {
-                "subject": "",
-                "content": f.wr_content.value
-            },
-            dataType: "json",
-            async: false,
-            cache: false,
-            success: function(data, textStatus) {
-                subject = data.subject;
-                content = data.content;
-            }
-        });
-
-        if (content) {
-            alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
-            f.wr_content.focus();
-            return false;
-        }
-
-        // 양쪽 공백 없애기
-        var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
-        document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
-        if (char_min > 0 || char_max > 0)
-        {
-            check_byte('wr_content', 'char_count');
-            var cnt = parseInt(document.getElementById('char_count').innerHTML);
-            if (char_min > 0 && char_min > cnt)
-            {
-                alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
-                return false;
-            } else if (char_max > 0 && char_max < cnt)
-            {
-                alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
-                return false;
-            }
-        }
-        else if (!document.getElementById('wr_content').value)
-        {
-            alert("댓글을 입력하여 주십시오.");
-            return false;
-        }
-
-        if (typeof(f.wr_name) != 'undefined')
-        {
-            f.wr_name.value = f.wr_name.value.replace(pattern, "");
-            if (f.wr_name.value == '')
-            {
-                alert('이름이 입력되지 않았습니다.');
-                f.wr_name.focus();
-                return false;
-            }
-        }
-
-        if (typeof(f.wr_password) != 'undefined')
-        {
-            f.wr_password.value = f.wr_password.value.replace(pattern, "");
-            if (f.wr_password.value == '')
-            {
-                alert('패스워드가 입력되지 않았습니다.');
-                f.wr_password.focus();
-                return false;
-            }
-        }
-
-        <?php if($is_guest) echo chk_captcha_js();  ?>
-
-        return true;
-    }
-
-    function comment_box(comment_id, work)
-    {
-        var el_id;
-        // 댓글 아이디가 넘어오면 답변, 수정
-        if (comment_id)
-        {
-            if (work == 'c')
-                el_id = 'reply_' + comment_id;
-            else
-                el_id = 'edit_' + comment_id;
-        }
-        else
-            el_id = 'bo_vc_w';
-
-        if (save_before != el_id)
-        {
-            if (save_before)
-            {
-                document.getElementById(save_before).style.display = 'none';
-                document.getElementById(save_before).innerHTML = '';
-            }
-
-            document.getElementById(el_id).style.display = '';
-            document.getElementById(el_id).innerHTML = save_html;
-            // 댓글 수정
-            if (work == 'cu')
-            {
-                document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
-                if (typeof char_count != 'undefined')
-                    check_byte('wr_content', 'char_count');
-                if (document.getElementById('secret_comment_'+comment_id).value)
-                    document.getElementById('wr_secret').checked = true;
-                else
-                    document.getElementById('wr_secret').checked = false;
-            }
-
-            document.getElementById('comment_id').value = comment_id;
-            document.getElementById('w').value = work;
-
-            save_before = el_id;
-        }
-    }
-
-    function comment_delete()
-    {
-        return confirm("이 댓글을 삭제하시겠습니까?");
-    }
-
-    comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
-    </script>
+    <table class="frm_tbl">
+    <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 } ?>
+    <tr>
+        <th scope="row">내용</th>
+        <td>
+            <?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
+            <textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="댓글 내용"
+            <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?php } ?>><?php echo $c_wr_content;  ?></textarea>
+            <?php if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?php } ?>
+            <script>
+            $("textarea#wr_content[maxlength]").live("keyup change", function() {  
+                var str = $(this).val()  
+                var mx = parseInt($(this).attr("maxlength"))  
+                if (str.length > mx) {  
+                    $(this).val(str.substr(0, mx));
+                    return false;  
+                }  
+            });
+            </script>
+        </td>
+    </tr>
+    </tbody>
+    </table>
+
+    <div class="btn_confirm">
+        <input type="submit" value="댓글등록" id="btn_submit" class="btn_submit" accesskey="s">
+    </div>
+
+    </form>
+</section>
+
+<script>
+var save_before = '';
+var save_html = document.getElementById('bo_vc_w').innerHTML;
+
+function good_and_write()
+{
+    var f = document.fviewcomment;
+    if (fviewcomment_submit(f)) {
+        f.is_good.value = 1;
+        f.submit();
+    } else {
+        f.is_good.value = 0;
+    }
+}
+
+function fviewcomment_submit(f)
+{
+    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+
+    f.is_good.value = 0;
+
+    /*
+    var s;
+    if (s = word_filter_check(document.getElementById('wr_content').value))
+    {
+        alert("내용에 금지단어('"+s+"')가 포함되어있습니다");
+        document.getElementById('wr_content').focus();
+        return false;
+    }
+    */
+
+    var subject = "";
+    var content = "";
+    $.ajax({
+        url: g4_bbs_url+"/filter.ajax.php",
+        type: "POST",
+        data: {
+            "subject": "",
+            "content": f.wr_content.value
+        },
+        dataType: "json",
+        async: false,
+        cache: false,
+        success: function(data, textStatus) {
+            subject = data.subject;
+            content = data.content;
+        }
+    });
+
+    if (content) {
+        alert("내용에 금지단어('"+content+"')가 포함되어있습니다");
+        f.wr_content.focus();
+        return false;
+    }
+
+    // 양쪽 공백 없애기
+    var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
+    document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
+    if (char_min > 0 || char_max > 0)
+    {
+        check_byte('wr_content', 'char_count');
+        var cnt = parseInt(document.getElementById('char_count').innerHTML);
+        if (char_min > 0 && char_min > cnt)
+        {
+            alert("댓글은 "+char_min+"글자 이상 쓰셔야 합니다.");
+            return false;
+        } else if (char_max > 0 && char_max < cnt)
+        {
+            alert("댓글은 "+char_max+"글자 이하로 쓰셔야 합니다.");
+            return false;
+        }
+    }
+    else if (!document.getElementById('wr_content').value)
+    {
+        alert("댓글을 입력하여 주십시오.");
+        return false;
+    }
+
+    if (typeof(f.wr_name) != 'undefined')
+    {
+        f.wr_name.value = f.wr_name.value.replace(pattern, "");
+        if (f.wr_name.value == '')
+        {
+            alert('이름이 입력되지 않았습니다.');
+            f.wr_name.focus();
+            return false;
+        }
+    }
+
+    if (typeof(f.wr_password) != 'undefined')
+    {
+        f.wr_password.value = f.wr_password.value.replace(pattern, "");
+        if (f.wr_password.value == '')
+        {
+            alert('패스워드가 입력되지 않았습니다.');
+            f.wr_password.focus();
+            return false;
+        }
+    }
+
+    <?php if($is_guest) echo chk_captcha_js();  ?>
+
+    document.getElementById("btn_submit").disabled = "disabled";
+
+    return true;
+}
+
+function comment_box(comment_id, work)
+{
+    var el_id;
+    // 댓글 아이디가 넘어오면 답변, 수정
+    if (comment_id)
+    {
+        if (work == 'c')
+            el_id = 'reply_' + comment_id;
+        else
+            el_id = 'edit_' + comment_id;
+    }
+    else
+        el_id = 'bo_vc_w';
+
+    if (save_before != el_id)
+    {
+        if (save_before)
+        {
+            document.getElementById(save_before).style.display = 'none';
+            document.getElementById(save_before).innerHTML = '';
+        }
+
+        document.getElementById(el_id).style.display = '';
+        document.getElementById(el_id).innerHTML = save_html;
+        // 댓글 수정
+        if (work == 'cu')
+        {
+            document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
+            if (typeof char_count != 'undefined')
+                check_byte('wr_content', 'char_count');
+            if (document.getElementById('secret_comment_'+comment_id).value)
+                document.getElementById('wr_secret').checked = true;
+            else
+                document.getElementById('wr_secret').checked = false;
+        }
+
+        document.getElementById('comment_id').value = comment_id;
+        document.getElementById('w').value = work;
+
+        save_before = el_id;
+    }
+}
+
+function comment_delete()
+{
+    return confirm("이 댓글을 삭제하시겠습니까?");
+}
+
+comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
+</script>
+<?php } ?>