diff --git a/modules/wiki/conf/module.xml b/modules/wiki/conf/module.xml
index 25d97246b..a55f0b015 100644
--- a/modules/wiki/conf/module.xml
+++ b/modules/wiki/conf/module.xml
@@ -23,9 +23,11 @@
     <actions>
         <action name="dispWikiContent" type="view" index="true" />
         <action name="dispWikiEditPage" type="view" />
+        <action name="dispWikiHistory" type="view" />
         <action name="dispWikiTitleIndex" type="view" />
         <action name="dispWikiReplyComment" type="view" />
         <action name="dispWikiModifyComment" type="view" />
+        <action name="dispWikiDeleteComment" type="view" />
         <action name="dispWikiAdminContent" type="view" standalone="true" admin_index="true" />
         <action name="dispWikiAdminInsertWiki" type="view" standalone="true" setup_index="true" />
         <action name="dispWikiAdminGrantInfo" type="view" standalone="true" />
diff --git a/modules/wiki/skins/xe_wiki/comment.html b/modules/wiki/skins/xe_wiki/comment.html
index 66978ab90..469b2ec2a 100644
--- a/modules/wiki/skins/xe_wiki/comment.html
+++ b/modules/wiki/skins/xe_wiki/comment.html
@@ -1,93 +1,111 @@
 <!--@if($oDocument->getCommentCount())-->
-<div class="replyBox">
+<hr class="hr" />
+<div class="feedbackList" id="reply">
 
-    {@ $_comment_list = $oDocument->getComments() }
-    <!--@foreach($_comment_list as $key => $comment)-->
+	<h3 class="feedbackHeader">
+		<!--@if($grant->write_comment && $oDocument->allowComment()) -->
+			{$lang->comment} <em>'{$oDocument->getCommentcount()}'</em>
+		<!--@end-->
+	</h3>
+	
+	<div class="replyList">
 
-        <div class="replyItem <!--@if($comment->get('depth'))-->reply<!--@end-->">
-            <!--@if($comment->get('depth'))-->
-            <div style="margin-left:{($comment->get('depth')-1)*20}px" class="replyIndent">
-            <!--@end-->
-
-            <a name="comment_{$comment->comment_srl}"></a>
-
-            <div class="replyOption">
-                <!--@if($comment->isGranted() || !$comment->get('member_srl'))-->
-                    <a href="{getUrl('act','dispWikiDeleteComment','comment_srl',$comment->comment_srl)}"><img src="./images/common/buttonDeleteX.gif" alt="{$lang->cmd_delete}" width="12" height="13" /></a>
-                    <a href="{getUrl('act','dispWikiModifyComment','comment_srl',$comment->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonModifyE.gif" alt="{$lang->cmd_modify}" width="20" height="17" /></a> 
-                <!--@end-->
-                    <a href="{getUrl('act','dispWikiReplyComment','comment_srl',$comment->comment_srl)}"><img src="./images/{$module_info->colorset}/buttonReply.gif" alt="{$lang->cmd_reply}" width="20" height="17" /></a> 
-            </div>
-
-            <div class="date">
-
-                <strong>{$comment->getRegdate('Y.m.d')}</strong> {$comment->getRegdate('H:i:s')}
-                <!--@if($grant->manager|| $module_info->display_ip_address!='N')-->({$comment->getIpaddress()})<!--@end-->
-            </div>
-
-            <div class="author">
-            <!--@if(!$comment->member_srl)-->
-                <!--@if($comment->homepage)-->
-                    <a href="{$comment->homepage}" onclick="window.open(this.href);return false;">{$comment->getNickName()}</a>
-                <!--@else-->
-                    {$comment->getNickName()}
-                <!--@end-->
-            <!--@else-->
-                <div class="member_{$comment->member_srl}">{$comment->getNickName()}</div>
-            <!--@end-->
-            </div>
-
-            <!--@if($comment->get('voted_count')!=0 || $comment->get('blamed_count') != 0)-->
-            <div class="voted">
-                ({$lang->voted_count}:
-                <strong>{$comment->get('voted_count')?$comment->get('voted_count'):0}</strong> / <strong>{$comment->get('blamed_count')?$comment->get('blamed_count'):0}</strong>)
-            </div>
-            <!--@end-->
-
-            <div class="clear"></div>
-
-            <div class="replyContent">
-                <!--@if(!$comment->isAccessible())-->
-                    <div class="secretContent">
-                        <form action="./" method="get" onsubmit="return procFilter(this, input_password)">
-                        <input type="hidden" name="mid" value="{$mid}" />
-                        <input type="hidden" name="page" value="{$page}" />
-                        <input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
-                        <input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />
-                            <div class="title">{$lang->msg_is_secret}</div>
-                            <div class="content"><input type="password" name="password" class="inputTypeText" /><span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_input}" accesskey="s" /></span></div>
-                        </form>
-                    </div>
-                <!--@else-->
-                    <!--@if($comment->getProfileImage())-->
-                    <img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
-                    <!--@end-->
-                    {$comment->getContent(true)}
-                <!--@end-->
-                <div class="clear"></div>
-            </div>
-
-            <!--@if($comment->hasUploadedFIles())-->
-                <div class="fileAttached">
-                    <ul>
-                        {@ $_uploaded_files = $comment->getUploadedFiles() }
-                        <!--@foreach($_uploaded_files as $key => $file)-->
-                        <li><a href="{getUrl('')}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
+		{@ $_comment_list = $oDocument->getComments() }
+		<!--@foreach($_comment_list as $key => $comment)-->
+				<div class="item <!--@if($comment->get('depth'))-->itemReply<!--@end-->" id="comment_{$comment->comment_srl}">
+					<div class="indent" <!--@if($comment->get('depth'))--> style="margin-left:{($comment->get('depth'))*15}px" <!--@end-->>
+					
+					<div class="itemAside">
+                        <!--@if($comment->getProfileImage())-->
+                            <img src="{$comment->getProfileImage()}" alt="profile" class="profile" />
                         <!--@end-->
-                    </ul>
-                    <div class="clear"></div>
-                </div>
-            <!--@end-->
+						<h4 class="header">
+						<!--@if(!$comment->member_srl)-->
+							<!--@if($comment->homepage)-->
+								<a href="{$comment->homepage}" onclick="window.open(this.href);return false;">{$comment->getNickName()}</a>
+							<!--@else-->
+								{$comment->getNickName()}
+							<!--@end-->
+						<!--@else-->
+							<a href="#popup_menu_area" class="member_{$comment->member_srl}" onclick="return false">{$comment->getNickName()}</a>
+						<!--@end-->
+						</h4>
+	
+						<p class="meta">
+							{$comment->getRegdate('Y.m.d')}
+							{$comment->getRegdate('H:i:s')}
+						<!--@if($grant->manager || $module_info->display_ip_address!='N')-->
+							<br />{$comment->getIpaddress()}
+						<!--@end-->
+						</p>
+						
+						<!--@if($comment->get('voted_count')!=0 || $comment->get('blamed_count') != 0)-->
+						<dl class="vote">
+							<dt class="love"><span>{$lang->cmd_vote}</span></dt>
+							<dd>{$comment->get('voted_count')?$comment->get('voted_count'):0}</dd>
+							<dt class="hate"><span>{$lang->cmd_vote_down}</span></dt>
+							<dd>{$comment->get('blamed_count')?$comment->get('blamed_count'):0}</dd>
+						</dl>
+						<!--@end-->
+						
+					</div>
+	
+                    <div class="itemContent">
+					<!--@if(!$comment->isAccessible())-->
+						<form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secretMessage">
+						<input type="hidden" name="mid" value="{$mid}" />
+						<input type="hidden" name="page" value="{$page}" />
+						<input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
+						<input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />
+							<p>&quot;{$lang->msg_is_secret}&quot;</p>
+							<dl>
+								<dt><label for="cpw">{$lang->password}</label> :</dt>
+								<dd><input type="password" id="cpw" name="password" class="inputText" /><span class="buttonOfficial"><input type="submit" value="{$lang->cmd_input}" /></span></dd>
+							</dl>
+						</form>
+					<!--@else-->
+					{$comment->getContent(false)}
 
-            <!--@if($comment->get('depth'))-->
-            </div>
-            <!--@end-->
-        </div>
-    <!--@end-->
+					<!--@if($comment->hasUploadedFIles())-->
+					<dl class="attachedFile">
+						<dt><img src="./img/common/iconFiles.gif" width="27" height="11" alt="{$lang->uploaded_file}" /> <button type="button" class="fileToggle" onclick="jQuery(this).parents('dl.attachedFile').toggleClass('open');return false;">{$lang->uploaded_file} ({$comment->get('uploaded_count')})</button></dt>
+						<dd>
+							<ul class="files">
+								{@ $_uploaded_files = $comment->getUploadedFiles() }
+								<!--@foreach($_uploaded_files as $key => $file)-->
+								<li><a href="{getUrl('')}{$file->download_url}">{$file->source_filename} <span class="bubble">[File Size:{FileHandler::filesize($file->file_size)}/Download{number_format($file->download_count)}]</span></a></li>
+								<!--@end-->
+							</ul>
+						</dd>
+					</dl>
+					<!--@end-->
+
+					<ul class="option">
+					<!--@if($is_logged)-->
+						<li class="wouldYou"><a href="#popup_menu_area" class="comment_{$comment->comment_srl}">{$lang->cmd_comment_do}</a></li>
+					<!--@end-->
+						<li><a href="{getUrl('act','dispWikiReplyComment','comment_srl',$comment->comment_srl)}">{$lang->cmd_reply}</a></li> 
+					<!--@if($comment->isGranted() || !$comment->get('member_srl'))-->
+						<li><a href="{getUrl('act','dispWikiModifyComment','comment_srl',$comment->comment_srl)}">{$lang->cmd_modify}</a></li> 
+						<li><a href="{getUrl('act','dispWikiDeleteComment','comment_srl',$comment->comment_srl)}">{$lang->cmd_delete}</a></li>
+					<!--@end-->
+					</ul>
+
+					<!--@end-->
+
+                    </div>
+					
+				</div>
+				<!--@if($comment->get('depth'))-->
+			<!--@end-->
+			
+		</div>
+		<!--@end-->
+
+</div>
 
-    <!-- 댓글 페이지 네비게이션 -->
     <!--@if($oDocument->comment_page_navigation)-->
-    <div class="pagination a1">
+    <div class="pagination">
         <a href="{getUrl('cpage',1)}#comment" class="prevEnd">{$lang->first_page}</a> 
         <!--@while($page_no = $oDocument->comment_page_navigation->getNextPage())-->
             <!--@if($cpage == $page_no)-->
diff --git a/modules/wiki/skins/xe_wiki/comment_form.html b/modules/wiki/skins/xe_wiki/comment_form.html
index 0c0fd307b..fed83637e 100644
--- a/modules/wiki/skins/xe_wiki/comment_form.html
+++ b/modules/wiki/skins/xe_wiki/comment_form.html
@@ -1,66 +1,61 @@
-<!--#include("header.html")-->
-
-<!--// 만약 댓글의 답을 다는 것이라면 원문 보여줌 -->
-<!--@if($oSourceComment->isExists())-->
-<div class="replyBox">
-    <div class="replyItem">
-        <div class="author"><div class="member_{$oSourceComment->getMemberSrl()}">{$oSourceComment->getNickName()}</div></div>
-        <div class="date">
-            {$oSourceComment->getRegdate("Y.m.d H:i")}
-            <!--@if($grant->manager)-->
-                ({$oSourceComment->get('ipaddress')})
-            <!--@end-->
-        </div>
-        <div class="clear"></div>
-
-        <div class="replyContent gap1">
-            {$oSourceComment->getContent(false)}
-        </div>
-    </div>
-</div>
-<!--@end-->
-
-<!-- 글쓰기 폼 -->
-<form action="./" method="post" onsubmit="return procFilter(this, insert_comment)" class="wikiEditor" >
-<input type="hidden" name="mid" value="{$mid}" />
-<input type="hidden" name="document_srl" value="{$oComment->get('document_srl')}" />
-<input type="hidden" name="comment_srl" value="{$oComment->get('comment_srl')}" />
-<input type="hidden" name="content" value="{htmlspecialchars($oComment->get('content'))}" />
-<input type="hidden" name="parent_srl" value="{$oComment->get('parent_srl')}" />
-
-<div class="wikiWrite commentEditor">
-
-    <div class="userNameAndPw">
-        <!--@if(!$is_logged)-->
-        <label for="userName">{$lang->writer}</label>
-        <input type="text" name="nick_name" value="{$oComment->get('nick_name')}" class="userName inputTypeText" id="userName"/>
-
-        <label for="userPw">{$lang->password}</label>
-        <input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" />
-
-        <label for="emailAddress">{$lang->email_address}</label>
-        <input type="text" name="email_address" value="{htmlspecialchars($oComment->get('email_address'))}" id="emailAddress" class="emailAddress inputTypeText"/>
-
-        <label for="homePage">{$lang->homepage}</label>
-        <input type="text" name="homepage" value="{htmlspecialchars($oComment->get('homepage'))}" id="homePage" class="homePage inputTypeText"/>
-        <!--@else-->
-        <input type="checkbox" name="notify_message" value="Y" <!--@if($oComment->useNotify())-->checked="checked"<!--@end--> id="notify_message" />
-        <label for="notify_message">{$lang->notify}</label>
-        <!--@end-->
-        <!--@if($module_info->secret=="Y")-->
-        <input type="checkbox" name="is_secret" value="Y" <!--@if($oComment->isSecret())-->checked="checked"<!--@end--> id="is_secret" />
-        <label for="is_secret">{$lang->secret}</label>
-        <!--@end-->
-    </div>
-
-    <div class="editor">{$oComment->getEditor()}</div>
-</div>
-
-<div class="commentButton tRight">
-    <span class="button {$btn_class}"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'"/></span>
-    <span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
-</div>
-
-</form>
-
-<!--#include("footer.html")-->
+<!--#include("header.html")-->
+
+<!--@if($oSourceComment->isExists())-->
+<div class="feedbackList">
+    <div class="item itemOnly">
+	
+		<div class="itemAside">
+			<h4 class="header"><a href="#popup_menu_area" class="member_{$oSourceComment->getMemberSrl()}" onclick="return false">{$oSourceComment->getNickName()}</a></h4>
+			<p class="meta">
+				{$oSourceComment->getRegdate("Y.m.d H:i")}
+				<!--@if($grant->manager)-->
+				<br />{$oSourceComment->get('ipaddress')}
+				<!--@end-->
+			</p>
+		</div>
+		
+		<div class="itemContent">
+			{$oSourceComment->getContent(false)}
+		</div>
+
+    </div>
+</div>
+<!--@end-->
+
+<form action="./" method="post" onsubmit="return procFilter(this, insert_comment)" class="boardEditor" >
+<input type="hidden" name="mid" value="{$mid}" />
+<input type="hidden" name="document_srl" value="{$oComment->get('document_srl')}" />
+<input type="hidden" name="comment_srl" value="{$oComment->get('comment_srl')}" />
+<input type="hidden" name="content" value="{htmlspecialchars($oComment->get('content'))}" />
+<input type="hidden" name="parent_srl" value="{$oComment->get('parent_srl')}" />
+
+<div class="boardWrite commentEditor">
+	
+    <div class="editor">{$oComment->getEditor()}</div>
+	
+	<div class="editorOption">
+	<!--@if(!$is_logged)-->
+	   <input type="text" name="nick_name" class="inputText userName" value="{$lang->writer}" onfocus="this.value=''" />
+	   <input type="password" name="password" class="inputText userPw" value="{$lang->password}" onfocus="this.value=''" />
+	   <input type="text" name="email_address" class="inputText emailAddress" value="{$lang->email_address}" onfocus="this.value=''" />
+	   <input type="text" name="homepage" class="inputText homePage" value="{$lang->homepage}" onfocus="this.value=''" />
+	<!--@end-->
+
+	<!--@if($is_logged)-->
+		<input type="checkbox" name="notify_message" value="Y" id="notify_message" class="inputCheck" />
+		<label for="notify_message">{$lang->notify}</label>
+	<!--@end-->
+		<input type="checkbox" name="is_secret" value="Y" id="is_secret" class="inputCheck" />
+		<label for="is_secret">{$lang->secret}</label>
+	</div>
+
+	<div class="boardNavigation">
+		<span class="buttonOfficial"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
+	</div>
+	
+</div>
+
+
+</form>
+
+<!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/create_document.html b/modules/wiki/skins/xe_wiki/create_document.html
index bf61e331f..61ad649f4 100644
--- a/modules/wiki/skins/xe_wiki/create_document.html
+++ b/modules/wiki/skins/xe_wiki/create_document.html
@@ -1,11 +1,13 @@
 <!--#include("header.html")-->
-<div class="wikiRead">
-	<div class="readBody">
-	{$lang->not_exist}
-	</div>
-</div>
-<div class="clear" ></div>
-<div class="createButtons">
-    <a href="{getUrl('act','dispWikiEditPage','entry',$entry)}" class="button {$btn_class}"><span>{$lang->cmd_create}</span></a>
-</div>
+
+    <div class="boardRead">
+        <div class="boardReadHeader">
+            <div class="authorArea">
+                {$lang->not_exist}
+                <div class="command">
+                    <span class="buttonOfficial"><button type="submit" onclick="location.href='{getUrl('act','dispWikiEditPage','entry',$entry)}';return false;">{$lang->cmd_create}</button></span>
+                </div>
+            </div>
+        </div>
+    </div>
 <!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/css/wiki.css b/modules/wiki/skins/xe_wiki/css/wiki.css
index a22009edb..6e6a421a6 100644
--- a/modules/wiki/skins/xe_wiki/css/wiki.css
+++ b/modules/wiki/skins/xe_wiki/css/wiki.css
@@ -1,355 +1,425 @@
 @charset "utf-8";
+/* NHN > UIT Center > Open UI Tech. Team > Jeong Chan Myeong(dece24@nhncorp.com) */
 
-/*
-NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
-Jeong, Chan Myeong 070601~070630
-*/
+/* Board Reset */
+.board{ font-family:Tahoma, Sans-serif; line-height:normal; font-size:12px;}
+.board .inputText,
+.board textarea,
+.board select{ border:1px solid;}
+.board label{ cursor:pointer;}
+.board img{ border:0;}
+.board .document_popup_menu,
+.board .comment_popup_menu{ text-align:right; font-size:11px;}
+.board .document_popup_menu{ margin:1em 0;}
+.board .comment_popup_menu{ margin:1em 0;}
+.board .document_popup_menu a,
+.board .comment_popup_menu a{ text-decoration:underline;}
+.board .hr{ display:none;}
+.board{ background:#fff; color:#333;}
+.board .inputText,
+.board textarea,
+.board select{ background:#fff; color:#333; border-top-color:#a6a6a6; border-left-color:#a6a6a6; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8;}
+.board .document_popup_menu a,
+.board .comment_popup_menu a{ color:#8b8b8b;}
+.board .boardNavigation{ border-color:#bababa;}
 
-/**
- * Header
- **/
+/* Board Header */
+.boardHeader *{ margin:0 0 20px 0; padding:0;}
+.boardHeader a{ text-decoration:none;}
+.boardHeader a:hover,
+.boardHeader a:active,
+.boardHeader a:focus{ text-decoration:underline;} 
+.boardHeader .boardTitle{ letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left 8px;}
+.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
+.boardHeader .boardTitleText{ font-size:18px; float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 5px; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom;}
+.boardHeader .boardTitleText a{ text-decoration:none;}
+.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal;}
+.boardHeader .boardDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
+.boardHeader a{ color:#4d4d4d;}
+.boardHeader .boardTitle{ border-color:#ddd; }
+.boardHeader .boardTitleText{ border-color:#666; background-image:url(../img/white/lineVr11.gif);}
+.boardHeader .boardTitleText a{ color:#000;}
+.boardHeader .boardTitleText em{ color:#666;}
+.boardHeader .boardDescription{ background:#f8f8f8; }
 
-/* wiki Title */
-.wikiHeader .wikiTitle{ font-size:1em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left center;  border-color:#ddd; background-image:url(../images/iconBoardHeading.gif);}
-.wikiHeader .wikiTitle:after{ content:""; display:block; clear:both;}
-.wikiHeader .wikiTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom; border-color:#666; background-image:url(../images/lineVr11.gif);}
-.wikiHeader .wikiTitleText a{ text-decoration:none; color:#000;}
-.wikiHeader .wikiTitleText em{ font-style:normal; font-weight:normal; color:#666;}
-.wikiHeader .wikiDescription{ padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; background:#f8f8f8; }
+/* Board Information */
+.boardInformation{width:100%; padding:15px 0; font-size:1em; line-height:normal; *zoom:1;}
+.boardInformation *{ margin:0; padding:0;}
+.boardInformation a{ text-decoration:none;}
+.boardInformation a:hover,
+.boardInformation a:active,
+.boardInformation a:focus{ text-decoration:underline;} 
+.boardInformation:after{ content:""; display:block; float:none; clear:both;}
+.boardInformation ul{ overflow:hidden;}
+.boardInformation .infoSum{ float:left; font-size:16px; font-weight:bold;}
+.boardInformation .infoView{ float:right;}
+.boardInformation .infoView li{ position:relative; float:left; margin-left:3px; display:inline;}
+.boardInformation .infoView li.icon a{ display:block; float:left; width:23px; height:23px; overflow:hidden; background-repeat:no-repeat;}
+.boardInformation .infoView li.icon a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
+.boardInformation .infoView li.listTypeClassic a{ background-position:0 0;}
+.boardInformation .infoView li.listTypeClassic.active a{ background-position:0 -23px;}
+.boardInformation .infoView li.listTypeZine a{ background-position:-23px 0;}
+.boardInformation .infoView li.listTypeZine.active a{ background-position:-23px -23px;}
+.boardInformation .infoView li.listTypeGallery a{ background-position:-46px 0;}
+.boardInformation .infoView li.listTypeGallery.active a{ background-position:-46px -23px;}
+.boardInformation .infoView li.setup{ margin:0 7px;}
+.boardInformation .infoView li.setup a{ display:block; float:left; width:43px; height:23px; background-repeat:no-repeat;}
+.boardInformation .infoView li.setup a span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
+.boardInformation em,
+.boardInformation strong{ color:#ff6600;}
+.boardInformation .infoView li.icon a{ background-image:url(../img/common/icons.gif);}
+.boardInformation .infoView li.setup a{ background-image:url(../img/common/buttonSetup.gif);}
 
-/* wiki Information */
-.wikiInformation { width:100%; clear:both; margin:5px 0 2px 0; overflow:hidden; color:#666666;}
-.articleNum { float:left; padding:0 0 0 15px; }
+/* Board List Form */
+.boardListForm{ margin:0; line-height:normal;}
+.boardListForm *{ margin:0; padding:0;}
+.boardListForm fieldset{ border:0; clear:both;}
+.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
+.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
+.boardListForm em,
+.boardListForm strong{ font-style:normal;}
+.boardListForm strong.trackback { color:#423CC4; }
+.boardListForm em,
+.boardListForm strong{color:#ff3636;}
 
-/* account Navigation */
-.accountNavigation { margin:0; padding:0; float:right; }
-.accountNavigation li { float:left; margin-left:7px; list-style:none; }
-.accountNavigation li a { white-space:nowrap; color:#666666; text-decoration:none;}
-.accountNavigation li.setup a { background:url(../images/common/iconSetup.gif) no-repeat left top; padding-left:14px; }
-.accountNavigation li.admin a { background:url(../images/common/iconAdmin.gif) no-repeat left top; padding-left:12px; }
-.accountNavigation li.listType { margin-left:5px; }
-.accountNavigation li.loginAndLogout a { background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left 2px; padding-left:8px; }
+/* Board List */
+.boardList{ border:0; border-top:1px solid; width:100%;}
+.boardList a{ text-decoration:none;}
+.boardList a:hover,
+.boardList a:active,
+.boardList a:focus{ text-decoration:underline;} 
+.boardList .inputCheck{ width:13px; height:13px;}
+.boardList .jumpTo{ float:left;}
+.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
+.boardList .jumpTo select{ height:20px; font-size:12px; *margin-right:5px;}
+.boardList .jumpTo button{ width:22px; height:20px; line-height:18px; _line-height:normal; border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0; padding:0; text-align:center; background-repeat:no-repeat; font-size:11px; cursor:pointer; overflow:visible;}
+.boardList .meta{ position:relative; overflow:hidden; margin:0 0 5px 0; padding:0; list-style:none; white-space:nowrap;}
+.boardList .meta li{ position:relative; left:-10px; display:inline; padding:0 5px 0 10px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
+.boardList .meta li.author{ font-size:11px;}
+.boardList .meta li.date{ font:9px Tahoma;}
+.boardList .meta li em{ font-size:9px;}
+.boardList .replyNum,
+.boardList .trackbackNum{ font:9px Verdana;}
 
-/* secret Content */
-.secretContent { margin:20px auto; text-align:center; border:1px solid #EFEFEF; width:240px; }
-.secretContent .title { padding:10px 0 10px 0; background-color:#EFEFEF; display:block; font-weight:bold; }
-.secretContent .content { padding:10px 0 10px 0; background-color:#FFFFFF; display:block; }
+.boardList th{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; font-weight:normal;}
+.boardList th.title{ width:100%;}
+.boardList th a .sort{ vertical-align:middle; margin:0 5px;}
+.boardList td{ border:0; border-bottom:1px solid; padding:8px 6px 7px 6px; *padding:8px 6px 6px 6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top;}
+.boardList td.notice{ font-size:11px; font-weight:bold;}
+.boardList td.num{ font:9px Tahoma;}
+.boardList td.check{ font:11px Tahoma;}
+.boardList td.title { width:100%; white-space:normal; text-align:left;}
+.boardList td.title img{ vertical-align:middle; margin:0 1px;}
+.boardList td.title .author{ font-size:11px;}
+.boardList td.author{ font-size:11px; text-align:left;}
+.boardList td.replies{ font:9px Tahoma;}
+.boardList td.reading{ font:9px Tahoma;}
+.boardList td.recommend{ font:bold 9px Tahoma;}
+.boardList td.date{ font:9px Tahoma;}
+.boardList td.summary { text-align:left; border-top-style:dotted; white-space:normal;}
+.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid; margin-right:10px;}
+.boardList td.summary .thumb img{ display:block;}
+.boardList td.lastReply{ text-align:left; font-size:11px;}
 
-/* blog Style Notice */
-.blogNotice { margin-bottom:10px; padding:5px; border:1px solid #e0e1db;}
-.blogNotice .item { background:url("../images/common/notice.gif") no-repeat -2px 3px; padding:3px 0 3px 18px; }
-.blogNotice .item .date { font-family:verdana; font-size:.9em;color:#AAAAAA; }
-.blogNotice .item a { text-decoration:none; color:#444444; }
-.blogNotice .item a:hover { text-decoration:underline}
-.blogNotice .item .replyAndTrackback { color:#AAAAAA; font-size:.9em; }
+.boardList td .notice{ font-size:11px; padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;}
+.boardList td .category{ font-weight:normal; font-size:11px; padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;}
+.boardList td .replyAnchor{ position:relative; font-size:9px;}
+.boardList td .by{ font:9px Tahoma;}
+.boardList{ border-color:#bababa;}
+.boardList a{ color:#4d4d4d;}
+.boardList .jumpTo button{ background-color:#eee; border-color:#ccc; color:#000;}
+.boardList .meta li{ background-image:url(../img/white/lineVr9.gif);}
+.boardList .replyNum{ color:#ff3636;}
+.boardList .trackbackNum{ color:#66c;}
+.boardList .replyAnchor{ color:#06C;}
+.boardList th{ border-color:#dcdcdc; color:#4d4d4d;}
+.boardList th a{ color:#66c;}
+.boardList td{ border-color:#eee; color:#4d4d4d;}
+.boardList td.title a.forum:link,
+.boardList td.recommend{ color:#ff3636;}
+.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}
+.boardList td .notice{ background-image:url(../img/white/lineVr9.gif);}
+.boardList td .category{ color:#888; background-image:url(../img/white/lineVr9.gif);}
+.boardList td .by{ color:#ccc;}
 
-/* wikiRead */
-.wikimain a { color:#66c; text-decoration:underline !important;}
-.wikimain a:visited { color:#66c; }
-.viewDocument { border-bottom:2px solid #AAAAAA; margin-bottom:20px; }
-.wikiRead { }
-
-.readBody .histories { border-top:2px solid #ccc; margin:10px 0 0 0; width:100%; padding:0;}
-.readBody .histories li._item { list-style:none; padding:0; margin:0; border-bottom:1px solid #ccc; overflow:hidden; *zoom:1;}
-.readBody .histories li .info { float:left; margin:5px 0;}
-.readBody .histories li span.date { font-size:11px; color:#555; font-family:tahoma; margin-right:10px; }
-.readBody .histories li a.view { font-size:11px; font-family:tahoma; color:#999; margin:5px 0;text-decoration:none !important; display:block; white-space:nowrap; float:right; text-align:right; }
-.readBody .histories li .historyContent { display:none; clear:both; padding:20px 0;}
-
-.wikiRead .titleAndUser { overflow:hidden; border-bottom:1px solid #e0e1db; }
-
-.wikiRead .dateAndCount { clear:both; white-space:nowrap; color:#444444; margin:5px 0 0 0; font-size:.9em; font-family:tahoma; line-height:17px; padding-bottom:10px; }
-
-.wikiRead .dateAndCount .uri { float:left; }
-.wikiRead .dateAndCount .uri a { text-decoration:none; margin-left:4px; color:#BBBBBB; }
-
-.wikiRead .dateAndCount .date { float:right; background:url("../images/common/calendar.gif") no-repeat left top; padding-left:18px; margin-left:10px; }
-.wikiRead .dateAndCount .readedCount { float:right; color:#AAAAAA; margin-left:10px; background:url("../images/common/read.gif") no-repeat left top; padding-left:18px; color:#4A3FD7;}
-.wikiRead .dateAndCount .votedCount { float:right; color:#AAAAAA;  margin-left:10px; background:url("../images/common/vote.gif") no-repeat left top; padding-left:18px; color:#D76A3F;}
-.wikiRead .dateAndCount .replyAndTrackback { float:right; }
-.wikiRead .dateAndCount .replyAndTrackback .replyCount { margin-left:10px; float:left; background:#FFFFFF url(../images/common/iconReply.gif) no-repeat left 1px; padding-left:15px; }
-.wikiRead .dateAndCount .replyAndTrackback .trackbackCount { margin-left:10px; float:left; background:#FFFFFF url(../images/common/iconTrackback.gif) no-repeat left 1px; padding-left:15px; }
-.wikiRead .dateAndCount .replyAndTrackback a { color:#333333; white-space:nowrap; text-decoration:none; }
-.wikiRead .dateAndCount .replyAndTrackback a:hover { text-decoration:underline; }
-.wikiRead .dateAndCount .category { float:left; margin-right:10px; }
-.wikiRead .dateAndCount .category a { color:#555555; text-decoration:none; background:url("../images/common/category.gif") no-repeat left -1px; padding-left:18px; font-weight:bold;}
-.wikiRead .dateAndCount .category a:hover { text-decoration:underline; }
-
-/* extraVars list */
-.wikiRead .extraVarsList { width:100%; border:1px solid #e0e1db; border-bottom:none; margin:0 0 30px 0; table-layout:fixed;}
-.wikiRead .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;}
-.wikiRead .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; }
-.wikiRead .extraVarsList td a { color:#555555; }
-
-.wikiRead .readBody { color:#555555; margin:20px 0; }
-
-
-.wikiRead .tag { background:#FFFFFF url(../images/common/iconTag.gif) no-repeat 3px 2px; padding-left:25px; margin:10px 0 0 0; }
-.wikiRead .tag ul { margin:0; padding:0; }
-.wikiRead .tag li { display:inline; list-style:none; }
-.wikiRead .tag li a { color:#444444;}
-
-.wikiRead .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;}
-.wikiRead .fileAttached h5 { font-weight:normal; color:#999999; font-size:1em; line-height:22px; }
-.wikiRead .fileAttached ul { padding:0; margin:0; }
-.wikiRead .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin:0 10px 5px 0; }
-.wikiRead .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; }
-.wikiRead .fileAttached li a:visited { color:#777777;}
-
-.wikiRead .contentButton { text-align:right;margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px;}
-
-.trackbackBox { padding:.6em .6em; color:#666666; border:1px solid #e0e1db;;margin-top:.5em; }
-.trackbackBox .trackbackUrl { color:#1F3DAE; font-size:.9em; background:url("../images/common/iconTrackback.gif") no-repeat left top; padding-left:18px; margin:0; }
-.trackbackBox .trackbackItem { background-color:#F3F3F3; padding:.6em .8em .6em .6em; line-height:1.25em; border-top:1px dotted #EEEEEE; list-style:none;}
-.trackbackBox p { display:inline; margin-bottom:1em;}
-.trackbackBox a { color:#666666; text-decoration:none;}
-.trackbackBox div  { clear:both; }
-.trackbackBox address { display:block; padding:0 .3em 0 0; }
-.trackbackBox address a { font-size:.9em; color:#3074a5; margin-right:.3em; float:left;}
-.trackbackBox address .date { font:.8em Tahoma; color:#cccccc; float:right;}
-
-.replyBox { padding:10px; color:#666666; border:1px solid #e0e1db; margin-top:.5em;}
-.replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;}
-.replyBox p { display:inline; margin-bottom:1em;}
-.replyBox .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;}
-.replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; }
-.replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;}
-.replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}
-
-.replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;}
-.replyBox .replyOption img { vertical-align:middle;}
-
-.replyBox .replyContent { clear:left; }
-.replyBox .replyContent p { display:block; }
-.replyBox .reply { background-color:#F4F4F4; border-bottom:1px dotted #DDDDDD;}
-.replyBox .replyIndent { background:url(../images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
-
-.replyBox .fileAttached { border:1px solid #EFEFEF; background-color:#F4F4F4; padding:5px; margin-top:10px; overflow:hidden;}
-.replyBox .fileAttached ul { border:0; margin:0; padding:0;}
-.replyBox .fileAttached h5 { font-weight:normal; color:#999999; float:left; font-size:1em; }
-.replyBox .fileAttached li { padding-left:15px; display:block; float:left; white-space:nowrap; list-style:none; margin:0px 10px 5px 0; }
-.replyBox .fileAttached li a { text-decoration:none; font-size:.9em; white-space:nowrap; color:#444444; }
-.replyBox .fileAttached li a:visited { color:#777777;}
-
-.commentButton { margin-top:.5em; }
-
-/* gallery sub menu */
-.wikiSubMenu { margin:0 0 .5em 0; padding:1em 0 .5em .5em; border-bottom:1px solid #e0e1db;}
-.wikiSubMenu a { text-decoration:none; color:#666666; vertical-align:bottom; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat right 5px; padding-left:10px; padding-right:10px; _padding-top:5px; position:relative; top:5px; }
-.wikiSubMenu img.sort { vertical-align:middle; }
-
-/* list */
-.wikiList { width:100%; border:1px solid #e0e1db; border-top:none; overflow:hidden; }
-
-.wikiList thead tr th div { white-space:nowrap; margin:0 5px; }
-.wikiList thead tr th.title , .wikiList thead tr th.category, .wikiList thead tr th.topic { width:100%; }
-.wikiList tbody td { white-space:nowrap; }
-.wikiList tbody td.title { white-space:normal; }
-.wikiList tbody td.webzineTitle { white-space:normal; }
-.wikiList tbody td.wrap { white-space:normal; }
-
-.wikiListNoTopBorder { border:none; }
-.wikiList th { color:#3e3f3e; font-weight:normal; border-top:1px solid #e0e1db; border-bottom:1px solid #ffffff; white-space:nowrap; padding-top:5px; height:28px; overflow:hidden;}
-html:not([lang*=""]) .wikiList th { height:33px; }
-.wikiList th.no_line { background-position:-3px bottom; }
-.wikiList th a { color:#3e3f3e; text-decoration:none; }
-.wikiList th.num { border-left:1px solid #ffffff; }
-.wikiList th.checkbox { text-align:center; }
-.wikiList th.title { text-align:center; padding-left:1em; }
-.wikiList th.topic { text-align:left; padding-left:1em; }
-.wikiList th.category { text-align:left; padding-left:1em; }
-.wikiList th.category select { vertical-align:middle; width:200px; height:20px;}
-.wikiList th.reading, th.recommend , th.date { white-space:nowrap;}
-.wikiList th .sort { padding:0 .2em; vertical-align:middle;}
-
-.wikiList tr.notice { background:#f8f8f8; }
-.wikiList tr.notice .num { font-weight:bold;}
-.wikiList tr.bg1 { background:#ffffff}
-.wikiList tr.bg2 { background:#fbfbfb;}
-.wikiList td { border-top:1px solid #eff0ed; padding:.5em;}
-.wikiList td.num { font:.8em tahoma; color:#999999; padding:.5em 1em; text-align:center;}
-.wikiList td.checkbox { font:.8em tahoma; color:#999999; text-align:center;}
-.wikiList tr.notice td.num { padding:.5em; white-space:nowrap;}
-.wikiList tr.notice td.notice { font-size:.9em; color:#999999; font-weight:bold; text-align:center;}
-.wikiList td.thumb { }
-.wikiList td.thumb img { border:1px solid #E0E1DB; padding:3px; margin:none; }
-
-.wikiList td.title {padding-left:1em; }
-.wikiList td.title strong.category { font-size:1em; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat right 3px; padding-right:.5em; margin-right:.5em;}
-.wikiList td.title.bold { font-size:1.2em; font-weight:bold;}
-.wikiList td.title.bold a { position:relative; top:.3em;}
-.wikiList td.title * { vertical-align:middle;}
-.wikiList td.title,
-.wikiList td.title a { color:#444444; text-decoration:none;}
-.wikiList td.title a:visited { color:#777777;}
-
-.wikiList td.topic { padding-left:1em; color:#888888; }
-.wikiList td.topic strong a { font-size:1em; font-weight:normal; text-decoration:none; color:#222222; }
-.wikiList td.topic strong a:visited { color:#777777; }
-.wikiList td.topic .category { background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat left 3px; padding-left:.5em; margin-left:.5em; color:#AAAAAA; }
-.wikiList td.topic div.author { margin-top:.5em; color:#BBBBBB; font-size:0.8em; }
-.wikiList td.topic div.author strong { font-size:1.2em; font-weight:normal; color:#666666; }
-.wikiList td.commentCount { font:bold .8em Tahoma; color:#888888; text-align:center; }
-
-.wikiList td.latestPost { color:#888888; }
-.wikiList td.latestPost div.author { margin-top:.5em; color:#BBBBBB; font-size:0.8em; }
-.wikiList td.latestPost div.author strong { font-size:1.2em; font-weight:normal; color:#666666; }
-.wikiList td.latestPost div.date { font-size:0.8em; margin-top:.5em; }
-.wikiList td.latestPost div.date strong { font-family:Tahoma; font-weight:normal; color:#666666; }
-
-.wikiListNoTopBorder td { border-top:none; border-bottom:1px solid #eff0ed; padding:.5em;}
-
-.wikiList td.webzineTitle { padding-left:1em; color:#777777; height:1.2em; width:100%;}
-.wikiList td.webzineTitle strong.category { font-size:1em; background:url(../images/common/line_1x10_e0e0e0.gif) no-repeat right 3px; padding-right:.5em; margin-right:.5em;}
-.wikiList td.webzineTitle.bold { font-size:1.2em; font-weight:bold;}
-.wikiList td.webzineTitle * { vertical-align:middle;}
-.wikiList td.webzineTitle,
-.wikiList td.webzineTitle a { color:#444444; text-decoration:none;}
-.wikiList td.webzineTitle a:visited { color:#777777;}
-
-.wikiList td.summary { border-top:none; vertical-align:top; color:#666666; line-height:1.25em; padding-left:1em; white-space:normal; }
-.wikiList td.summary a { color:#666666; text-decoration:none; line-height:inherit;}
-.wikiList td.summary a:visited { color:#999999;}
-
-.wikiList td .replyAndTrackback img.trackback { margin-bottom:-.1em;}
-.wikiList td .replyAndTrackback strong { font:bold 1em Tahoma;}
-.wikiList td .replyAndTrackback { font:.8em Tahoma; }
-.wikiList td.author { color:#333333; font-size:.95em; padding-left:1em;}
-.wikiList td.author a { font-size:1em; color:#333333;}
-.wikiList td.reading { font:.8em Tahoma; color:#999999; text-align:center;}
-.wikiList td.recommend { font:bold .8em Tahoma; text-align:center;}
-.wikiList td.date { font:.8em Tahoma; color:#999999; text-align:center; white-space:nowrap;}
-.wikiList td input { _margin:-3px;}
-
-.buttonTypeGo { border:none; cursor:pointer; width:24px; height:20px; _position:relative; _top:3px; font:.75em Tahoma; text-align:center;}
-*:first-child+html .buttonTypeGo { position:relative; top:3px; }
-
-.thumbnailBox { margin-top:1em; clear:both; overflow:hidden; border-bottom:1px solid #e0e1db; }
-.thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:1em; margin-right:1em;}
-.thumbnailBox div.cell img.thumb { padding:2px; border:1px solid #e0e1db; display:block; margin-bottom:1em; margin-left:auto;margin-right:auto;}
-.thumbnailBox div.title { color:#3B96C0; margin-bottom:.2em; overflow:hidden; white-space:nowrap; text-align:center;}
-.thumbnailBox div.title a { color:#3B96C0; text-decoration:none;}
-.thumbnailBox div.nameAndDate { font-size:.9em; color:#999999; margin-bottom:.2em; text-align:center;}
-.thumbnailBox div.nameAndDate a { color:#999999;}
-.thumbnailBox div.nameAndDate .author { margin-left:auto; margin-right:right; }
-.thumbnailBox div.nameAndDate .author div { display:inline; vertical-align:middle;}
-.thumbnailBox div.nameAndDate .date { font:.8em Tahoma; color:#999999;}
-.thumbnailBox div.readAndRecommend { font-size:.9em; color:#666666; text-align:center;}
-.thumbnailBox div.readAndRecommend .num { font:.8em Tahoma;}
-.thumbnailBox div.readAndRecommend .vr { color:#dddddd;}
-.thumbnailBox div.readAndRecommend strong.num { font:bold .8em Tahoma; color:#ff6600;}
-
-/* wiki Bottom */
-.wikiBottom { margin-top:10px; }
-
-/* list button */
-.leftButtonBox { float: left; }
-.rightButtonBox { float: right; }
+/* Board Navigation */
+.board .boardNavigation{ padding:30px 0; margin:-1px 0 0 0; text-align:center; border-top:1px solid; *zoom:1; _zoom:0;}
+.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
+.board .boardNavigation .pagination{ padding:5px 0;}
+.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
+.board .boardNavigation .buttonRight{ float:right; text-align:right;}
 
 /* Search Form */
-.wikiSearch { margin-top:30px; margin-left:auto; margin-right:auto; clear:both; text-align:center;}
-.wikiSearch select { height:20px; }
-.wikiSearch input { height:18px; }
+.boardSearchForm{ position:relative; margin:0; padding:1px 0; line-height:normal;}
+.boardSearchForm *{ margin:0; padding:0;}
+.boardSearchForm fieldset{ border:0; clear:both; text-align:center;}
+.boardSearchForm fieldset:after{ content:""; display:block; float:none; clear:both;}
+.boardSearchForm fieldset *{ vertical-align:top;}
+.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
+.boardSearchForm select{ font-size:12px; height:23px; border:1px solid;}
+.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
 
-/* wikiWrite */
-.wikiEditor { margin-bottom:10px; }
-.commentEditor { margin-top:10px; }
-.wikiWrite { border:1px solid #e0e1db; padding-bottom:10px;}
-.wikiWrite fieldset { border:none; }
-.wikiWrite .userNameAndPw { margin:10px 10px 0 10px; }
-.wikiWrite .userNameAndPw .userName {width:60px; margin-right:10px; }
-.wikiWrite .userNameAndPw .userPw {width:60px; margin-right:10px; }
-.wikiWrite .userNameAndPw .emailAddress {width:60px; margin-right:10px; }
-.wikiWrite .userNameAndPw .homePage {width:60px; margin-right:10px; }
+.boardSearchForm .infoEtc{ position:absolute; top:7px; right:0;}
+.boardSearchForm .infoEtc li{ display:inline;}
+.boardSearchForm .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
+.boardSearchForm .infoEtc li a span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
+.boardSearchForm .infoEtc li.contributors a{ width:12px; background-position:0 0;}
+.boardSearchForm .infoEtc li.tag a{ width:42px; background-position:-11px 0;}
+.boardSearchForm .infoEtc li a{ background-image:url(../img/common/buttonContributorsTaglist.gif);}
 
-.wikiWrite .title { margin-top:5px; }
-.wikiWrite .title .category { margin-left:10px; }
-.wikiWrite .title label.title { margin:0 10px 0 10px; }
-.wikiWrite .title input.title { width:60%;}
+/* Board Read */
+.boardReadHeader{ *zoom:1;}
+.boardReadHeader a{ text-decoration:none;}
+.boardReadHeader a:hover,
+.boardReadHeader a:active,
+.boardReadHeader a:focus{ text-decoration:underline;}
+.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
+.boardReadHeader *{ margin:0; padding:0;}
+.boardReadHeader .titleArea{ *zoom:1; padding:7px 0; border-top:1px solid; border-bottom:1px solid;}
+.boardReadHeader .titleArea:after{ content:""; display:block; clear:both;}
+.boardReadHeader .titleArea .title{ float:left; font-size:16px; margin-right:10px;}
+.boardReadHeader .titleArea .category{ float:left; padding-left:10px; margin-top:4px; font-size:12px; background-repeat:no-repeat; background-position:left center;}
+.boardReadHeader .titleArea .sum{ float:right; white-space:nowrap; margin-top:2px;}
+.boardReadHeader .titleArea .sum .read,
+.boardReadHeader .titleArea .sum .vote{ font-size:11px; margin-right:5px;}
+.boardReadHeader .titleArea .sum .num{ font-size:9px;}
+.boardReadHeader .titleArea .sum .date{ padding-left:10px; font-size:9px; background-repeat:no-repeat; background-position:left center;}
+.boardReadHeader .authorArea{ *zoom:1; padding:10px 0;}
+.boardReadHeader .authorArea:after{ content:""; display:block; clear:both;}
+.boardReadHeader .authorArea .author{ float:left; margin-right:10px;}
+.boardReadHeader .authorArea .ipAddress{ float:left; font-size:9px; margin-top:3px;}
+.boardReadHeader .authorArea .permaLink{ float:right; font-size:9px; margin-top:3px;}
+.boardReadHeader a{ color:#262626;}
+.boardReadHeader .titleArea{ border-top-color:#bababa; border-bottom-color:#dcdcdc;}
+.boardReadHeader .titleArea .category{ color:#4d4d4d; background-image:url(../img/white/lineVr9.gif);}
+.boardReadHeader .titleArea .num{ color:#adadad;}
+.boardReadHeader .titleArea .date{ color:#adadad; background-image:url(../img/white/lineVr9.gif);}
+.boardReadHeader .authorArea .ipAddress{ color:#adadad;}
+.boardReadHeader .authorArea .permaLink{ color:#adadad;}
 
-.wikiWrite dl { padding:0; margin:0; }
-.wikiWrite dl dd { padding:0; margin:0; }
-.wikiWrite dl.option { margin:10px 0 3px 10px; padding:0;}
-.wikiWrite dl.option dd { display:inline; margin-right:5px; }
-.wikiWrite dl.option dd * { vertical-align:middle;}
-.wikiWrite dl.option dd select { width:8em; font-size:.95em; }
+.boardReadBody{ overflow:hidden; *zoom:1;}
+.boardReadBody .xe_content{ overflow:hidden; }
+.boardReadBody .xe_content a { text-decoration:underline; }
 
-.wikiWrite .tag { margin-top:10px; margin-left:10px; }
-.wikiWrite .tag .inputTypeText { width:90%; background:#FFFFFF url(../images/common/iconTag.gif) no-repeat 5px 5px; padding-left:30px;}
-.wikiWrite .tag .help { vertical-align:middle;}
-.wikiWrite .tag .info { font-size:.9em; color:#999999; background:url(../images/common/iconArrowD8.gif) no-repeat 0% 40%; margin-top:5px; padding-left:5px;}
+.boardReadFooter .memberSignature { border:1px solid; padding:10px; margin:1em 0; overflow:hidden; *zoom:1; clear:both; -moz-border-radius:5px; -webkit-border-radius:5px;}
+.boardReadFooter .memberSignature img.profile { margin:0 1em 0 0; border:1px solid;}
+.boardReadFooter .tag{ margin:1em 0; clear:both;}
+.boardReadFooter .tag *{ display:inline; margin:0; padding:0; font-size:12px; vertical-align:middle;}
+.boardReadFooter .tag dt{ margin-right:10px;}
+.boardReadFooter .tag dd{ margin-right:5px;}
+.boardReadFooter .trackbackURL{ margin:1em 0; clear:both;}
+.boardReadFooter .trackbackURL *{ display:inline; margin:0; padding:0;}
+.boardReadFooter .trackbackURL dt{ margin-right:5px; font-size:12px;}
+.boardReadFooter .trackbackURL dd{ font-size:11px; text-decoration:none;}
+.boardReadFooter .trackbackURL a{ text-decoration:none;}
+.boardReadFooter .trackbackURL a:hover,
+.boardReadFooter .trackbackURL a:active,
+.boardReadFooter .trackbackURL a:focus{ text-decoration:underline;}
+.boardReadFooter .trackbackURL dt{ color:#4d4d4d;}
+.boardReadFooter .trackbackURL dd a{ color:#adadad;}
+.boardReadFooter .contributors { margin:1em 0; clear:both;}
+.boardReadFooter .contributors *{ display:inline; margin:0; padding:0;}
+.boardReadFooter .contributors dt{ margin-right:5px; font-size:12px;}
+.boardReadFooter .contributors dd{ font-size:12px; text-decoration:none;}
+.boardReadFooter .contributors a{ text-decoration:none;}
+.boardReadFooter .contributors a:hover,
+.boardReadFooter .contributors a:active,
+.boardReadFooter .contributors a:focus{ text-decoration:underline;}
+.boardReadFooter .contributors dt{ color:#4d4d4d;}
+.boardReadFooter .contributors dd a{ color:#4d4d4d; margin-right:5px; }
+.boardReadFooter .memberSignature{ border-color:#f0f0f0; background-color:#fdfdfd;}
+.boardReadFooter .memberSignature img.profile { border-color:#eee;} 
+.boardReadFooter .tag dd a{ color:#4d4d4d;}
+.boardRead .boardNavigation{ border-top:1px solid;}
+.boardRead .command { float:right; }
 
-.wikiWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;}
-.wikiWrite .extraVarsList th { font-weight:normal; color:#555555; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #e0e1db; border-right:1px solid #e0e1db;}
-.wikiWrite .extraVarsList td { color:#555555; border-bottom:1px solid #e0e1db; padding:4px 0 4px 10px; }
-.wikiWrite .extraVarsList td a { color:#555555; }
+/* Feedback List */
+.feedbackList{ overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid;}
+.feedbackList .feedbackHeader{ float:left; font-weight:bold; margin:1em 1em .5em 0; font-size:16px;}
+.feedbackList .feedbackHeader em{ font-style:normal;}
+.feedbackList .trackbackURL{ position:relative; top:1.5em; float:left; font-size:9px;}
+.feedbackList .trackbackURL a{ text-decoration:none;}
+.feedbackList .trackbackURL a:hover,
+.feedbackList .trackbackURL a:active,
+.feedbackList .trackbackURL a:focus{ text-decoration:underline;}
+.feedbackList .trackbackList,
+.feedbackList .replyList{ clear:both;}
 
-.wikiWrite .extraVarsList p { margin:5px 0 0 0; padding:0; }
-.wikiWrite .extraVarsList ul { margin:0; padding:0; }
+.feedbackList .item{ position:relative; border-top:1px dashed; overflow:hidden; *zoom:1; clear:both;}
+.feedbackList .item .indent{ position:relative; *zoom:1; }
+.feedbackList .item .indent:after{ content:""; display:block; clear:both;}
+.feedbackList .item.itemReply .indent{ padding-left:15px; background-repeat:no-repeat; background-position:0 1.2em;}
 
+.feedbackList .item .header{ margin:0 0 5px 0;}
+.feedbackList .item .header a{ font-size:12px; text-decoration:none;}
+.feedbackList .item .header a:hover,
+.feedbackList .item .header a:active,
+.feedbackList .item .header a:focus{ text-decoration:underline;}
 
-/* 게시물의 팝업 메뉴 */
-.comment_popup_menu, .document_popup_menu { text-align:right; background:none; background:url(../images/common/document_menu.gif) no-repeat right top; padding:0 15px 0 0; height:18px;  clear:both;}
-.comment_popup_menu a, .document_popup_menu a { cursor:pointer; display:inline; color:#555555; text-decoration:none; }
+.feedbackList .item .itemContent { position:relative; padding:1em 0 1em 160px; *zoom:1; z-index:1;}
+.feedbackList .item .itemContent:after{ content:""; display:block; clear:both;}
+.feedbackList .item .itemContent *{ margin-top:0;}
+.feedbackList .item .itemContent .xe_content{ width:auto !important;}
+.feedbackList .item .itemContent .xe_content a { text-decoration:underline; }
+.feedbackList .item .itemContent .option{ position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
+.feedbackList .item .itemContent .option li{ position:relative; left:-1px; display:inline; padding:0 0 0 5px; background-repeat:no-repeat; background-position:left center; font-size:11px;}
+.feedbackList .item .itemContent .option li.wouldYou{ background:none;}
+.feedbackList .item .itemContent .option li a{ text-decoration:none;}
+.feedbackList .item .itemContent .option li a:hover,
+.feedbackList .item .itemContent .option li a:active,
+.feedbackList .item .itemContent .option li a:focus{ text-decoration:underline;} 
+.feedbackList .item .itemContent .delete{ position:relative; display:inline-block; width:13px; height:13px; background-repeat:no-repeat; background-position:center center; vertical-align:middle;}
+.feedbackList .item .itemContent .delete span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
+.feedbackList .item.itemOnly{ border-top:0;}
 
-/* tag list */
-.tagsBox { border:1px solid #EEEEEE; padding:10px; overflow:hidden;}
-.tagsBox h5 { margin:0; padding:2px; }
-.tags { width:100%; }
-.tags div { float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px;}
-.tags div a { text-decoration:none; color:#555555; line-height:150%;}
-.tags div a:hover { background-color:#888888; color:#FFFFFF;}
-.tags .tagTypeA a { color:#fe3614; font-weight:bold; font-size:12pt; background-color:#EFEFEF; margin:0;}
-.tags .tagTypeB a { color:#fe3614; font-size:11pt; margin:0;}
-.tags .tagTypeC a { font-weight:bold; font-size:11pt; margin:0; background-color:#EFEFEF;}
-.tags .tagTypeD a { font-weight:bold; margin:0; background-color:#EFEFEF;}
-.tags .tagTypeE a { font-weight:normal; margin:0;}
+.feedbackList .item .itemAside{ position:relative; float:left; width:140px; margin-right:-140px; padding:1em 0 0 0; *zoom:1; text-align:left; z-index:2;}
+.feedbackList .item .itemAside a{ text-decoration:none;}
+.feedbackList .item .itemAside a:hover,
+.feedbackList .item .itemAside a:active,
+.feedbackList .item .itemAside a:focus{ text-decoration:underline;}
+.feedbackList .item .itemAside img.profile{ display:block; border:1px solid; margin-bottom:5px;}
+.feedbackList .item .itemAside .meta{ font-size:9px; margin:0 0 5px 0; white-space:nowrap;}
+.feedbackList .item .itemAside .vote{ margin:0; *zoom:1; overflow:hidden;}
+.feedbackList .item .itemAside .vote:after{ content:""; display:block; clear:both;}
+.feedbackList .item .itemAside .vote *{margin:0; padding:0;}
+.feedbackList .item .itemAside .vote dt{ position:relative; left:-5px; float:left; width:10px; height:9px; margin-right:2px; padding-left:5px; background-image:url(../img/common/iconLove.gif); background-repeat:no-repeat; overflow:hidden; border-left:1px solid #e5e5e5;}
+.feedbackList .item .itemAside .vote dt.love{ background-position:5px 1px;}
+.feedbackList .item .itemAside .vote dt.hate{ background-position:5px -19px;}
+.feedbackList .item .itemAside .vote dt span{ position:absolute; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
+.feedbackList .item .itemAside .vote dd{ position:relative; left:-5px; float:left; margin-right:5px; font-size:9px; font-weight:bold;}
 
+.feedbackList .item .secretMessage{ margin:0; padding:1em 3em;}
+.feedbackList .item .secretMessage p{ text-align:center; margin:1em 0; font-size:18px;}
+.feedbackList .item .secretMessage dl{ text-align:center; margin:1em 0;}
+.feedbackList .item .secretMessage dt{ font-weight:bold; display:inline;}
+.feedbackList .item .secretMessage dd{ margin:0; display:inline;}
+.feedbackList .item .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}
 
-/* 회원 서명 및 프로필 이미지 출력 */
-.memberSignature { border:1px solid #e0e1db; padding:10px; margin-top:20px; clear:both;}
-.memberSignature .profile { float:left; margin-right:20px; }
-.commentProfileImage { margin:0 10px 10px 0; float:left; }
-.replyBox .xe_content { display:inline; }
+.feedbackList{ border-color:#f0f0f0;}
+.feedbackList .feedbackHeader a{ color:#000;}
+.feedbackList .feedbackHeader em{ color:#ff6600;}
+.feedbackList .trackbackURL a{ color:#adadad;}
+.feedbackList .item{ border-color:#f0f0f0;}
+.feedbackList .item.itemReply .indent{ background-image:url(../img/common/iconReply.gif);}
+.feedbackList .item .header{ color:#8b8b8b;}
+.feedbackList .item .header a{ color:#262626;}
+.feedbackList .item .itemContent .option li{ background-image:url(../img/white/lineVr9.gif);}
+.feedbackList .item .itemContent .option li a{ color:#666;}
+.feedbackList .item .itemContent .delete{ background-image:url(../img/common/buttonDelete.gif);}
+.feedbackList .item .itemAside img.profile{ border-color:#eee;}
+.feedbackList .item .itemAside .meta{ color:#adadad;}
+.feedbackList .item .itemAside .vote *{ color:#8b8b8b;}
 
-.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px;  margin-right:10px;}
+/* Time */
+.time *{ color:#666;}
+.time dt{ background:#fff;}
 
-.wikimain .header .title { float:left; }
-.wikimain .header .title h1.pageTitle { overflow:hidden; color:#32576B; font-size:24px; font-weight:bold; padding:0; margin:0; } 
-.wikimain .header .edit { float:left; margin:10px 0; }
-.wikimain .header .go { float:right; }
-.wikimain .pageHistory { 
-border-bottom:1px solid #DDEEDD; 
-border-top:1px solid #DDEEDD; 
-color:#666666; font-size:11px; font-weight:normal; margin-top:5px; padding-top:5px; padding-bottom:5px; }
-.wikimain .pageHistory .userInfo { white-space:nowrap; }
-.wikimain .pageHistory .userInfo .author { float:left; color:#3074a5; }
-.wikimain .pageHistory .userInfo .author a { color:#3074a5; text-decoration:none; }
-.wikimain .pageHistory .userInfo .date { float:left; margin-left:5px; }
-.wikimain .pageHistory .links { float:right; }
-.wikimain .pageHistory .history { float:right; margin-left:3px; }
+/* Attached File */
+.attachedFile { position:relative; margin:1em 0 !important; float:left;}
+.feedbackList .item .itemContent .attachedFile{ float:left; margin-top:0; *margin-top:1em; _margin-top:0;}
+.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
+.attachedFile dt img{ margin-right:10px;}
+.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:11px; background:none;}
+.attachedFile dd{ position:relative; margin-right:5px; display:none; margin-top:5px; padding-left:40px;}
+.attachedFile.open dd{ display:block;}
+.attachedFile ul.files { position:relative; margin:0 0 1em 0; padding:0; clear:both; list-style:none;}
+.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
+.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
+.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
+.attachedFile ul.files a .bubble{ display:none; position:absolute; top:-20px; left:0; padding:2px 5px; z-index:100; white-space:nowrap;}
+.attachedFile ul.files a:hover .bubble,
+.attachedFile ul.files a:active .bubble,
+.attachedFile ul.files a:focus .bubble{ display:block;}
+.attachedFile ul.files a{ padding-left:15px; background-image:url(../img/common/iconFile.gif); color:#4d4d4d;}
+.attachedFile dt a { color:#4d4d4d;}
+.attachedFile ul.files a .bubble{ border:1px solid #ddd; background-color:#fff; color:#4d4d4d;}
 
-/* Pagination Reset */
+/* Board Write */
+.boardWrite *{ margin:0; padding:0;}
+.boardWrite li{ list-style:none;}
+.boardWrite fieldset{ border:0;}
+.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
+.boardWrite .boardWriteHeader{ margin:0 0 1em 0;}
+.boardWrite .boardWriteHeader *{ vertical-align:middle;}
+.boardWrite .boardWriteHeader select{ font-size:12px; vertical-align:top; height:23px;}
+.boardWrite .boardWriteHeader .inputText{ width:400px; padding:3px 4px; height:15px; font-size:12px; *margin-top:-1px;}
+.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
+.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
+.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
+.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
+.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
+.boardWrite .tag p{ float:left;}
+
+/* Editor */
+.board .boardEditor{ border:1px solid; margin-bottom:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
+.board .boardEditor .commentEditor{ margin:15px; *zoom:1; position:relative;}
+.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}
+
+/* Editor Option */
+.board .editorOption{ margin:1em 0; text-align:left;}
+.board .editorOption *{ vertical-align:middle;}
+.board .editorOption select{ margin-right:10px; font-size:12px;}
+.board .editorOption label{ margin-right:10px;}
+.board .editorOption .inputText{ padding:3px 4px; height:15px; margin:0 10px 5px 0; font-size:12px; vertical-align:middle;}
+.board .editorOption .inputText.userName{ width:100px;}
+.board .editorOption .inputText.userPw{ width:50px; font:11px Tahoma;}
+.board .editorOption .inputText.emailAddress{ width:140px; font:11px Tahoma;}
+.board .editorOption .inputText.homePage{ width:140px; font:11px Tahoma;}
+
+/* Require Password */
+.board .requirePassword{ text-align:center;}
+.board .requirePassword fieldset{ border:0; padding:3em 0 4em 0;}
+.board .requirePassword h3{ font-size:16px;}
+.board .requirePassword .inputText{ height:15px; width:150px; padding:3px 4px;}
+
+/* Tag Cloud */
+.tagCloud{ padding:3em 0; border-top:1px solid; border-bottom:1px solid;}
+.tagCloud *{ margin:0; padding:0;}
+.tagCloud ul{ text-align:justify;}
+.tagCloud li{ display:inline; list-style:none; margin:0 5px; white-space:nowrap;}
+.tagCloud li.rank1 a{ font-weight:bold; font-size:24px;}
+.tagCloud li.rank2 a{ font-weight:bold; font-size:18px;}
+.tagCloud li.rank3 a{ font-weight:bold; font-size:14px;}
+.tagCloud li.rank4 a{ font-size:12px;}
+.tagCloud li.rank5 a{ font-size:11px;}
+.tagCloud{ border-color:#bababa;}
+.tagCloud li.rank1 a{ color:#000;}
+.tagCloud li.rank2 a{ color:#222;}
+.tagCloud li.rank3 a{ color:#444;}
+.tagCloud li.rank4 a{ color:#666;}
+.tagCloud li.rank5 a{ color:#888;}
+
+/* Popup Menu */
+#popup_menu_area{background:#fff; border-color:#eee;}
+#popup_menu_area ul{ border-color:#ddd;}
+#popup_menu_area li a{ color:#000;}
+
+/* Pagination */
 .pagination{ padding:15px 0; margin:0; text-align:center;}
 .pagination *{ margin:0; padding:0;}
 .pagination img{ border:0;}
 .pagination a,
-.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
-.pagination a:hover,
-.pagination a:active,
-.pagination a:focus{ background-color:#f4f4f4 !important; }
-.pagination strong{ color:#ff6600 !important;}
+.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#4d4d4d; font-family:Tahoma, Sans-serif; margin:0; padding:2px 6px; font-size:11px; vertical-align:middle;}
+.pagination strong{ color:#ff3636 !important; border:1px solid #e7e7e7;}
 .pagination a.prev,
 .pagination a.prevEnd,
 .pagination a.next,
-.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }
+.pagination a.nextEnd{ font-weight:normal !important; margin:0 !important; white-space:nowrap; text-decoration:none !important; border:1px solid #e7e7e7; background-image:url(../img/common/arrowPagination.gif); background-repeat:no-repeat;}
+.pagination a.prevEnd{ padding-left:14px; background-position:left center; }
+.pagination a.nextEnd{ padding-right:14px; background-position:right center; }
 
-/* Pagination A1 */
-.pagination.a1 a,
-.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
-.pagination.a1 a.prev{ padding-left:10px; background:#fff url(../images/common/arrowPrevA1.gif) no-repeat left center; }
-.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
-.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
-.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/arrowNextEndA1.gif) no-repeat right center; }
+/* Button */
+.buttonOfficial,
+.buttonOfficial span,
+.buttonOfficial input,
+.buttonOfficial button{ position:relative; vertical-align:middle; display:inline-block; height:25px; font-size:12px; line-height:25px; color:#4d4d4d; cursor:pointer; background-image:url(../img/white/buttonOfficial.gif); background-repeat:no-repeat; text-decoration:none !important; overflow:visible; border:0; padding:0; background-color:transparent;}
 
-.oldhistory { float:left; margin-left: 5px; }
+.buttonOfficial{ background-position:left top; margin-right:4px;}
+.buttonOfficial span,
+.buttonOfficial input,
+.buttonOfficial button{ left:4px; background-position:right top; padding:0 8px 0 4px;}
+
+a.buttonOfficial{ _margin-top:-1px;}
+a.buttonOfficial span{ _vertical-align:top;}
+
+.hide { display:none; }
diff --git a/modules/wiki/skins/xe_wiki/delete_comment_form.html b/modules/wiki/skins/xe_wiki/delete_comment_form.html
index 04c371f45..94e7bf496 100644
--- a/modules/wiki/skins/xe_wiki/delete_comment_form.html
+++ b/modules/wiki/skins/xe_wiki/delete_comment_form.html
@@ -1,23 +1,23 @@
-<!--#include("header.html")-->
-
-<div class="smallBox w268">
-
-    <div class="header">
-        <h3>{$lang->confirm_delete}</h3>
-    </div>
-
-    <form action="./" method="get" onsubmit="return procFilter(this, delete_comment)">
-    <input type="hidden" name="mid" value="{$mid}" />
-    <input type="hidden" name="page" value="{$page}" />
-    <input type="hidden" name="document_srl" value="{$oComment->get('document_srl')}" />
-    <input type="hidden" name="comment_srl" value="{$oComment->get('comment_srl')}" />
-
-        <div class="inputPassword tCenter">
-            <span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_delete}" accesskey="s" /></span>
-            <a href="{getUrl('act','','comment_srl','')}" class="button {$btn_class}"><span>{$lang->cmd_cancel}</span></a>
-        </div>
-
-    </form>
-</div>
-
-<!--#include("footer.html")-->
+<!--#include("header.html")-->
+
+<div class="smallBox w268">
+
+    <div class="header">
+        <h3>{$lang->confirm_delete}</h3>
+    </div>
+
+    <form action="./" method="get" onsubmit="return procFilter(this, delete_comment)">
+    <input type="hidden" name="mid" value="{$mid}" />
+    <input type="hidden" name="page" value="{$page}" />
+    <input type="hidden" name="document_srl" value="{$oComment->get('document_srl')}" />
+    <input type="hidden" name="comment_srl" value="{$oComment->get('comment_srl')}" />
+
+        <div class="inputPassword tCenter">
+            <span class="button"><input type="submit" value="{$lang->cmd_delete}" accesskey="s" /></span>
+            <a href="{getUrl('act','','comment_srl','')}" class="button"><span>{$lang->cmd_cancel}</span></a>
+        </div>
+
+    </form>
+</div>
+
+<!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/footer.html b/modules/wiki/skins/xe_wiki/footer.html
index 04f5b8449..7c60dd757 100644
--- a/modules/wiki/skins/xe_wiki/footer.html
+++ b/modules/wiki/skins/xe_wiki/footer.html
@@ -1 +1,2 @@
 </div>
+{$module_info->footer_text}
diff --git a/modules/wiki/skins/xe_wiki/header.html b/modules/wiki/skins/xe_wiki/header.html
index a1b1e4a4a..b70601012 100644
--- a/modules/wiki/skins/xe_wiki/header.html
+++ b/modules/wiki/skins/xe_wiki/header.html
@@ -5,84 +5,97 @@
     {@$module_info->colorset = "white"}
 <!--@end-->
 
-<!--@if($module_info->title || $module_info->comment)-->
-<div class="wikiHeader">
-    <!--@if($module_info->title)-->
-    <div class="wikiTitle">
-        <h2 class="wikiTitleText"><a href="{getUrl('','mid',$mid,'listStyle',$listStyle)}">{$module_info->title}<!--@if($module_info->sub_title)--> : <em>{$module_info->sub_title}</em><!--@end--></a></h2>
+{$module_info->header_text}
+
+<div class="board">
+    <div class="boardHeader">
+		<!--@if($module_info->title)-->
+		<div class="boardTitle">
+			<h2 class="boardTitleText"><a href="{getUrl('','mid',$mid,'listStyle',$listStyle)}">{$module_info->title}<!--@if($module_info->sub_title)--> : <em>{$module_info->sub_title}</em><!--@end--></a></h2>
+		</div>
+		<!--@end-->
+
+		<!--@if($module_info->comment)-->
+		<p class="boardDescription">{$module_info->comment}</p>
+		<!--@end-->
     </div>
-    <!--@end-->
 
-    <!--@if($module_info->comment)-->
-    <p class="wikiDescription">{$module_info->comment}</p>
-    <!--@end-->
-</div>
-<!--@end-->
+    <div class="boardInformation">
+        <div class="infoView">
+            <span class="buttonOfficial"><button type="button" onclick="location.href='{getUrl('act','dispWikiContent','entry','','document_srl','')}';return false;">Front Page</button></span>
+            <span class="buttonOfficial"><button type="button" onclick="location.href='{getUrl('act','dispWikiTitleIndex','entry','','document_srl','')}';return false;">Title Index</button></span>
+            <!--@if($grant->manager)-->
+            <span class="buttonOfficial"><button type="button" onclick="location.href='{getUrl('act','dispWikiAdminInsertWiki')}';return false;">{$lang->cmd_setup}</button></span>
+            <!--@end-->
+        </div>
 
-<div class="wikimain">
-<div class="header">
-    <!--@if($oDocument)-->
-    <div class="title"><H1 class="pageTitle">{$entry}</H1></div> 
-    <div class="edit"><!--@if($oDocument->isExists())--><a href="{getUrl('act','dispWikiEditPage','entry',$entry)}">Edit</a><!--@end--></div>
-    <!--@end-->
-    <div class="go">
-        <form action="./" method="get" onsubmit="moveHistory(this); return false;">
+        <form action="./" method="get" onsubmit="moveHistory(this); return false;" class="boardSearchForm">
             <input type="text" class="inputTypeText w100" name="entry" />
-            <span calss="button"><input type="submit" value="{$lang->cmd_move}" /></span>
+            <span class="buttonOfficial"><button type="submit">{$lang->cmd_move}</button></span>
         </form>
     </div>
-</div>
-<div class="clear"></div>
-        <div class="readHeader">
-            <div class="pageHistory">
-                <!--@if($oDocument)-->
-                <div class="userInfo">
-                    <!--@if($history)-->
-                        <div class="author">last edited by {$history->nick_name}</div>
-                    <!--@else-->
+
+    <!--@if($oDocument && $oDocument->isExists())-->
+    <div class="boardRead">
+        <div class="boardReadHeader">
+            <div class="titleArea">
+                <h3 class="title"><a href="{$oDocument->getPermanentUrl()}">{$oDocument->getTitle()}</a></h3>
+                <span class="sum">
+                    <span class="read">{$lang->readed_count} <span class="num">{$oDocument->get('readed_count')}</span></span>
+                    <span class="vote">{$lang->voted_count} <span class="num">{$oDocument->get('voted_count')}</span></span>
+                    <span class="date">
+                        <!--@if($history)-->
+                        <strong>{zdate($history->regdate, 'Y.m.d')}</strong> {zdate($history->regdate, 'H:i:s')}
+                        <!--@else-->
+                        <strong>{$oDocument->getUpdate('Y.m.d')}</strong> {$oDocument->getUpdate('H:i:s')} 
+                        <!--@end-->
+                    </span>
+                </span>
+            </div>
+
+            <div class="authorArea">
+                <!--@if($history)-->
+                    <a href="#" class="author member_{$history->member_srl}" onclick="return false;">{$history->nick_name}</a>
+                <!--@else-->
                     <!--@if(!$oDocument->getMemberSrl())-->
-                        <div class="author">
-                    last edited by 
                         <!--@if($oDocument->isExistsHomepage())-->
-                            <a href="{$oDocument->getHomepageUrl()}" onclick="window.open(this.href);return false;">{$oDocument->getNickName()}</a>
+                            <a href="{$oDocument->getHomepageUrl()}" onclick="window.open(this.href);return false;" class="author">{$oDocument->getNickName()}</a>
                         <!--@else-->
                             {$oDocument->getNickName()}
                         <!--@end-->
-                        </div>
                     <!--@else-->
-                        <div class="author">
-                    last edited by 
-                        <span class="member_{$oDocument->get('member_srl')}">{$oDocument->getNickName()}</span></div>
+                        <a href="#popup_menu_area" class="member_{$oDocument->get('member_srl')} author" onclick="return false">{$oDocument->getNickName()}</a>
                     <!--@end-->
-                    <!--@endif-->
-                <div class="date" title="{$lang->regdate}">
-                    <!--@if($history)-->
-                    <strong>{zdate($history->regdate, 'Y.m.d')}</strong> {zdate($history->regdate, 'H:i:s')}
-                    <!--@else-->
-                    <strong>{$oDocument->getUpdate('Y.m.d')}</strong> {$oDocument->getUpdate('H:i:s')} 
-                    <!--@end-->
-                </div>
-                    <!--@if($history)-->
-                    <div class="oldhistory">[{$lang->notice_old_revision}]
-                    </div>
-                    <!--@endif-->
-                </div>
-                <!--@if($use_history != 'N')-->
-                <div class="history">
-                    <a href="{getUrl('act','dispWikiHistory','document_srl',$oDocument->document_srl,'history_srl','')}">View History</a>
-                </div>
                 <!--@end-->
-                <!--@end-->
-                <div class="links">
-                <a href="{getUrl('act','dispWikiContent','entry','','document_srl','')}">Front Page</a> 
-                <a href="{getUrl('act','dispWikiTitleIndex','entry','','document_srl','')}">Title Index</a>
-                </div>
 
-                <div class="clear"></div>
+                <span class="ipAddress"><!--@if($grant->manager || $module_info->display_ip_address!='N')-->{$oDocument->getIpaddress()}<!--@end--></span>
+
+                <!--@if(!$history && ($oDocument->isExists()||$use_history != 'N'))-->
+                <div class="command">
+                    <!--@if($oDocument->isExists())-->
+                        <span class="buttonOfficial"><button type="submit" onclick="location.href='{getUrl('act','dispWikiEditPage','entry',$entry)}';return false;">{$lang->cmd_edit}</button></span>
+                    <!--@end-->
+                    <!--@if($use_history != 'N')-->
+                        <span class="buttonOfficial"><button type="submit" onclick="location.href='{getUrl('act','dispWikiHistory','document_srl',$oDocument->document_srl,'history_srl','')}';return false;">Histories</button></span>
+                    <!--@end-->
+                </div>
+                <!--@else-->
+                <div class="command">
+                    <!--@if($history)-->
+                        {$lang->notice_old_revision}
+                    <!--@end-->
+                    <span class="buttonOfficial"><button type="submit" onclick="location.href='{getUrl('act','','history_srl','')}';return false;">{$lang->cmd_back}</button></span>
+                </div>
+                <!--@end-->
             </div>
-
-            <div class="clear"></div>
         </div>
-        <div class="clear"></div>
-
-
+    </div>
+    <!--@elseif($entry)-->
+    <div class="boardRead">
+        <div class="boardReadHeader">
+            <div class="titleArea">
+                <h3 class="title">{$entry}</h3>
+            </div>
+        </div>
+    </div>
+    <!--@end-->
diff --git a/modules/wiki/skins/xe_wiki/histories.html b/modules/wiki/skins/xe_wiki/histories.html
index 80b1ca84e..7331234d6 100644
--- a/modules/wiki/skins/xe_wiki/histories.html
+++ b/modules/wiki/skins/xe_wiki/histories.html
@@ -1,34 +1,49 @@
 <!--#include("header.html")-->
-<div class="readBody">
-    <ul class="histories">
-    <!--@if(!$page || $page == 1)-->
-        <li class="_item"><div class="info"><span class="date">{$oDocument->getUpdate()}</span> by {$oDocument->getNickName()} (current)</div><a href="{getUrl('act','',page,'','history_srl','')}" class="view">[{$lang->cmd_move}]</a></li>
-    <!--@endif-->
-        <!--@foreach($histories as $val)-->
-        <li class="_item"><div class="info"><span class="date">{zdate($val->regdate, 'Y.m.d H:i:s')}</span> by <a href="#" onclick="return false;" class="member_{$val->member_srl}">{$val->nick_name}</a> </div>
-            <!--@if($val->content)-->
-            <a href="{getUrl('act','dispWikiEditPage','history_srl',$val->history_srl)}" class="view">[{$lang->restore}]</a> 
-            <a href="#" onclick="viewHistory('{$val->history_srl}'); return false;" class="view">[{$lang->cmd_view}]</a>
-            <!--@end-->
-            <div id="historyContent{$val->history_srl}" class="historyContent">
-                {$val->content}
-            </div>
-        </li>
+
+<table cellspacing="0" border="1" summary="List of Articles" class="boardList">
+    <thead>
+        <tr>
+            <th scope="col" class="title">{$lang->title}</th>
+            <th scope="col">{$lang->author}</th>
+            <th scope="col">{$lang->date}</th>
+        </tr>
+    </thead>
+    <tbody>
+        <!--@if(!$page || $page == 1)-->
+        <tr>
+            <td class="title"><a href="{getUrl('act','',page,'','history_srl','')}">{$oDocument->getTitle()} (current)</a></td>
+            <td class="author">{$oDocument->getNickName()}</td>
+            <td class="date">{$oDocument->getUpdate()}</td>
+        </tr>
         <!--@end-->
-    </ul>
-    <!--@if($page_navigation)-->
-        <div class="pagination a1">
-            <a href="{getUrl('page','')}" class="prevEnd">{$lang->first_page}</a> 
-            <!--@while($page_no = $page_navigation->getNextPage())-->
-                <!--@if($page == $page_no)-->
-                    <strong>{$page_no}</strong> 
-                <!--@else-->
-                    <a href="{getUrl('page',$page_no)}">{$page_no}</a>
-                <!--@end-->
+
+        <!--@foreach($histories as $val)-->
+        <tr>
+            <td class="title">
+                <span class="buttonOfficial"><button type="button" onclick="jQuery('#historyContent{$val->history_srl}').toggleClass('hide');return false;">{$lang->cmd_view}</button></span>
+                <span class="buttonOfficial"><button type="button" onclick="location.href='{getUrl('act','dispWikiEditPage','history_srl',$val->history_srl)}';return false;">{$lang->restore}</button></span>
+                <div id="historyContent{$val->history_srl}" class="hide">{$val->content}</div>
+            </td>
+            <td class="author"><a href="#" onclick="return false;" class="member_{$val->member_srl}">{$val->nick_name}</a></td>
+            <td class="date">{zdate($val->regdate, 'Y.m.d H:i:s')}</td>
+        </tr>
+        <!--@end-->
+    </tbody>
+</table>
+
+
+<!--@if($page_navigation)-->
+    <div class="pagination a1">
+        <a href="{getUrl('page','')}" class="prevEnd">{$lang->first_page}</a> 
+        <!--@while($page_no = $page_navigation->getNextPage())-->
+            <!--@if($page == $page_no)-->
+                <strong>{$page_no}</strong> 
+            <!--@else-->
+                <a href="{getUrl('page',$page_no)}">{$page_no}</a>
             <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page)}" class="nextEnd">{$lang->last_page}</a>
-        </div>
-    <!--@endif-->
-</div>
+        <!--@end-->
+        <a href="{getUrl('page',$page_navigation->last_page)}" class="nextEnd">{$lang->last_page}</a>
+    </div>
+<!--@endif-->
 
 <!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/images/common/buttonDeleteX.gif b/modules/wiki/skins/xe_wiki/images/common/buttonDeleteX.gif
deleted file mode 100644
index c066e49be..000000000
Binary files a/modules/wiki/skins/xe_wiki/images/common/buttonDeleteX.gif and /dev/null differ
diff --git a/modules/wiki/skins/xe_wiki/images/common/iconTag.gif b/modules/wiki/skins/xe_wiki/images/common/iconTag.gif
deleted file mode 100644
index ecfdb5585..000000000
Binary files a/modules/wiki/skins/xe_wiki/images/common/iconTag.gif and /dev/null differ
diff --git a/modules/wiki/skins/xe_wiki/images/iconBoardHeading.gif b/modules/wiki/skins/xe_wiki/images/iconBoardHeading.gif
deleted file mode 100644
index fa93e80b1..000000000
Binary files a/modules/wiki/skins/xe_wiki/images/iconBoardHeading.gif and /dev/null differ
diff --git a/modules/wiki/skins/xe_wiki/images/white/buttonModifyE.gif b/modules/wiki/skins/xe_wiki/images/white/buttonModifyE.gif
deleted file mode 100644
index 1cde1b60f..000000000
Binary files a/modules/wiki/skins/xe_wiki/images/white/buttonModifyE.gif and /dev/null differ
diff --git a/modules/wiki/skins/xe_wiki/images/white/buttonReply.gif b/modules/wiki/skins/xe_wiki/images/white/buttonReply.gif
deleted file mode 100644
index 600534865..000000000
Binary files a/modules/wiki/skins/xe_wiki/images/white/buttonReply.gif and /dev/null differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/arrowPagination.gif b/modules/wiki/skins/xe_wiki/img/common/arrowPagination.gif
new file mode 100644
index 000000000..53bf40388
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/arrowPagination.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/buttonContributorsTaglist.gif b/modules/wiki/skins/xe_wiki/img/common/buttonContributorsTaglist.gif
new file mode 100644
index 000000000..52a832a1e
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/buttonContributorsTaglist.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/buttonDelete.gif b/modules/wiki/skins/xe_wiki/img/common/buttonDelete.gif
new file mode 100644
index 000000000..417e7ce67
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/buttonDelete.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/buttonSetup.gif b/modules/wiki/skins/xe_wiki/img/common/buttonSetup.gif
new file mode 100644
index 000000000..b224042c6
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/buttonSetup.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/iconFile.gif b/modules/wiki/skins/xe_wiki/img/common/iconFile.gif
new file mode 100644
index 000000000..88b9d1453
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/iconFile.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/iconFiles.gif b/modules/wiki/skins/xe_wiki/img/common/iconFiles.gif
new file mode 100644
index 000000000..f7756ea9f
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/iconFiles.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/iconLove.gif b/modules/wiki/skins/xe_wiki/img/common/iconLove.gif
new file mode 100644
index 000000000..5d1c18cd9
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/iconLove.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/iconReply.gif b/modules/wiki/skins/xe_wiki/img/common/iconReply.gif
new file mode 100644
index 000000000..ec18c4d85
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/iconReply.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/iconTag.gif b/modules/wiki/skins/xe_wiki/img/common/iconTag.gif
new file mode 100644
index 000000000..a167282a3
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/iconTag.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/common/icons.gif b/modules/wiki/skins/xe_wiki/img/common/icons.gif
new file mode 100644
index 000000000..36953bf30
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/common/icons.gif differ
diff --git a/modules/wiki/skins/xe_wiki/img/white/buttonOfficial.gif b/modules/wiki/skins/xe_wiki/img/white/buttonOfficial.gif
new file mode 100644
index 000000000..2e0df7880
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/white/buttonOfficial.gif differ
diff --git a/modules/wiki/skins/xe_wiki/images/lineVr11.gif b/modules/wiki/skins/xe_wiki/img/white/lineVr11.gif
similarity index 100%
rename from modules/wiki/skins/xe_wiki/images/lineVr11.gif
rename to modules/wiki/skins/xe_wiki/img/white/lineVr11.gif
diff --git a/modules/wiki/skins/xe_wiki/img/white/lineVr9.gif b/modules/wiki/skins/xe_wiki/img/white/lineVr9.gif
new file mode 100644
index 000000000..8e1a3d459
Binary files /dev/null and b/modules/wiki/skins/xe_wiki/img/white/lineVr9.gif differ
diff --git a/modules/wiki/skins/xe_wiki/js/wiki.js b/modules/wiki/skins/xe_wiki/js/wiki.js
index bed995ad5..c449c7bc9 100644
--- a/modules/wiki/skins/xe_wiki/js/wiki.js
+++ b/modules/wiki/skins/xe_wiki/js/wiki.js
@@ -1,7 +1,8 @@
 function moveHistory(fo_obj) {
     if(!fo_obj.entry.value) return;
-    var url = current_url.setQuery('entry',fo_obj.entry.value);
+    var url = request_uri;
     if(typeof(xeVid)!='undefined') url = url.setQuery('vid',xeVid);
+    url = url.setQuery('mid',current_mid).setQuery('entry',fo_obj.entry.value);
     location.href=url;
 }
 
diff --git a/modules/wiki/skins/xe_wiki/message.html b/modules/wiki/skins/xe_wiki/message.html
index 79f207573..109603f57 100644
--- a/modules/wiki/skins/xe_wiki/message.html
+++ b/modules/wiki/skins/xe_wiki/message.html
@@ -1,16 +1,16 @@
-<!--#include("header.html")-->
-
-<div class="smallBox w268">
-
-    <div class="tCenter messageBox">{$message}</div>
-
-    <div class="gap1 tCenter">
-        <!--@if(!$is_logged)-->
-        <a href="{getUrl('act','dispMemberLoginForm')}" class="button {$btn_class}"><span>{$lang->cmd_login}</span></a>
-        <!--@end-->
-        <a href="#" onclick="history.back(); return false;" class="button {$btn_class}"><span>{$lang->cmd_back}</span></a>
-    </div>
-
-</div>
-
-<!--#include("footer.html")-->
+<!--#include("header.html")-->
+
+<div class="smallBox w268">
+
+    <div class="tCenter messageBox">{$message}</div>
+
+    <div class="gap1 tCenter">
+        <!--@if(!$is_logged)-->
+        <a href="{getUrl('act','dispMemberLoginForm')}" class="button"><span>{$lang->cmd_login}</span></a>
+        <!--@end-->
+        <a href="#" onclick="history.back(); return false;" class="button"><span>{$lang->cmd_back}</span></a>
+    </div>
+
+</div>
+
+<!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/title_index.html b/modules/wiki/skins/xe_wiki/title_index.html
index 482f346a3..3d41f2742 100644
--- a/modules/wiki/skins/xe_wiki/title_index.html
+++ b/modules/wiki/skins/xe_wiki/title_index.html
@@ -1,31 +1,36 @@
 <!--#include("header.html")-->
-<div class="readBody">
-    <!--@if(!$document_list)-->
-    <div>
-            {$lang->no_documents}
-    </div>
-    <!--@else-->
-    <table>
+
+<table cellspacing="0" border="1" summary="List of Articles" class="boardList">
+    <thead>
+        <tr>
+            <th scope="col" class="title">{$lang->title}</th>
+            <th scope="col">{$lang->author}</th>
+            <th scope="col">{$lang->date}</th>
+        </tr>
+    </thead>
+    <tbody>
     <!--@foreach($document_list as $val)-->
-    <tr>
-    <td>
-        <a href="{getUrl('','mid',$mid,'entry',$val->get('title'))}">{$val->get('title')}</a>
-    </td>
-    </tr>
+        <tr>
+            <td class="title">
+                <a href="{urldecode(getUrl('','mid',$mid,'entry',$val->get('title')))}">{$val->getTitle()}</a>
+            </td>
+            <td class="author"><a href="#" onclick="return false;" class="member_{$val->member_srl}">{$val->getNickName()}</a></td>
+            <td class="date">{$val->getRegdate("Y.m.d H:i")}</td>
+        </tr>
     <!--@end-->
-    </table>
+    </tbody>
+</table>
+
+<div class="pagination a1">
+    <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="prevEnd">{$lang->first_page}</a> 
+    <!--@while($page_no = $page_navigation->getNextPage())-->
+        <!--@if($page == $page_no)-->
+            <strong>{$page_no}</strong> 
+        <!--@else-->
+            <a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division,'entry','')}">{$page_no}</a>
+        <!--@end-->
     <!--@end-->
+    <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="nextEnd">{$lang->last_page}</a>
 </div>
 
-        <div class="pagination a1">
-            <a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="prevEnd">{$lang->first_page}</a> 
-            <!--@while($page_no = $page_navigation->getNextPage())-->
-                <!--@if($page == $page_no)-->
-                    <strong>{$page_no}</strong> 
-                <!--@else-->
-                    <a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division,'entry','')}">{$page_no}</a>
-                <!--@end-->
-            <!--@end-->
-            <a href="{getUrl('page',$page_navigation->last_page,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="nextEnd">{$lang->last_page}</a>
-        </div>
 <!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/trackback.html b/modules/wiki/skins/xe_wiki/trackback.html
index 6083e429b..dbd880b9a 100644
--- a/modules/wiki/skins/xe_wiki/trackback.html
+++ b/modules/wiki/skins/xe_wiki/trackback.html
@@ -1,26 +1,36 @@
-<!-- 엮인글 목록 -->
-
-<div class="trackbackBox">
-
-    <div class="trackbackUrl"><a name="trackback" href="{$oDocument->getTrackbackUrl()}" onclick="return false;">{$lang->trackback_url} : {$oDocument->getTrackbackUrl()}</a><div class="clear"></div></div>
-
-    <!--@if($oDocument->getTrackbackCount())-->
-        <!--@foreach($oDocument->getTrackbacks() as $key => $val)-->
-        <div class="trackbackItem">
-            <a name="trackback_{$val->trackback_srl}"></a>
-            <address>
-                <a href="{$val->url}" onclick="winopen(this.href);return false;">{htmlspecialchars($val->title)} - {htmlspecialchars($val->blog_name)}</a>
-                <a href="{getUrl('act','dispWikiDeleteTrackback','trackback_srl',$val->trackback_srl)}"><img src="./images/common/buttonDeleteX.gif" border="0" alt="delete" width="12" height="13" /></a>
-                <span class="date">
-                    {zdate($val->regdate, "Y.m.d H:i")}
-                    ({$val->ipaddress})
-                </span>
-            </address>
-            <div>
-                <a href="{$val->url}" onclick="winopen(this.href);return false;">{$val->excerpt}</a> 
-            </div>
-        </div>
-        <!--@end-->
-    <!--@end-->
-
-</div>
+<!--@if($oDocument->getTrackbackCount())-->
+<hr class="hr" />
+<div class="feedbackList" id="trackback">
+
+	<h3 class="feedbackHeader">
+		<!--@if($oDocument->allowTrackback() && $oDocument->getTrackbackCount() )-->
+			{$lang->trackback} <em>'{$oDocument->getTrackbackCount()}'</em>
+		<!--@end-->
+	</h3>
+    <p class="trackbackURL"><a href="{$oDocument->getTrackbackUrl()}" onclick="return false;">{$oDocument->getTrackbackUrl()}</a></p>
+
+	<div class="trackbackList">
+	
+		<!--@if($oDocument->getTrackbackCount())-->
+			<!--@foreach($oDocument->getTrackbacks() as $key => $val)-->
+			<div class="item" id="trackback_{$val->trackback_srl}">
+				<div class="itemAside">
+					<p class="meta">
+						{zdate($val->regdate, "Y.m.d H:i")}
+						<!--@if($grant->manager)-->
+						<br />{$val->ipaddress}
+						<!--@end-->
+					</p>
+				</div>
+				<div class="itemContent">
+					<h4 class="header"><a href="{$val->url}" onclick="winopen(this.href);return false;">{htmlspecialchars($val->title)} - {htmlspecialchars($val->blog_name)}</a></h4>
+					<p>{$val->excerpt} <!--@if($grant->manager)--><a href="{getUrl('act','dispWikiDeleteTrackback','trackback_srl',$val->trackback_srl)}" class="delete"><span>{$lang->cmd_delete}</span></a><!--@end--></p>
+				</div>
+			</div>
+			<!--@end-->
+		<!--@end-->
+	
+	</div>
+	
+</div>
+<!--@end-->
diff --git a/modules/wiki/skins/xe_wiki/view_document.html b/modules/wiki/skins/xe_wiki/view_document.html
index 7db30d50a..fdcdc9eff 100644
--- a/modules/wiki/skins/xe_wiki/view_document.html
+++ b/modules/wiki/skins/xe_wiki/view_document.html
@@ -1,117 +1,113 @@
 <!--#include("header.html")-->
-<!-- 글 내용 보여주기 -->
-<div class="wikiRead">
-    <div class="originalContent">
-        <div class="readBody">
-            <div class="contentBody">
 
-                <!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
-                    <div class="secretContent">
-                        <form action="./" method="get" onsubmit="return procFilter(this, input_password)">
-                        <input type="hidden" name="mid" value="{$mid}" />
-                        <input type="hidden" name="page" value="{$page}" />
-                        <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
+<div class="boardRead">
+	<div class="boardReadBody">
+		<!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
+			<form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secretMessage">
+			<input type="hidden" name="mid" value="{$mid}" />
+			<input type="hidden" name="page" value="{$page}" />
+			<input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
 
-                            <div class="title">{$lang->msg_is_secret}</div>
-                            <div class="content"><input type="password" name="password" id="cpw" class="inputTypeText" /><span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_input}" accesskey="s" /></span></div>
+				<p>&quot;{$lang->msg_is_secret}&quot;</p>
+				<dl>
+					<dt><label for="cpw">{$lang->password}</label> :</dt>
+					<dd><input type="password" name="password" id="cpw" class="inputText" /><span class="buttonOfficial"><input type="submit" value="{$lang->cmd_input}" /></span></dd>
+				</dl>
 
-                        </form>
-                    </div>
-                <!--@else-->
-                    <!--@if($history)-->
-                        {$history->content}
-                    <!--@else-->
-                        {$oDocument->getContent(false)}
-                    <!--@endif-->
-                <!--@end-->
-            </div>
-        </div>
-
-        {@ $tag_list = $oDocument->get('tag_list') }
-        <!--@if(count($tag_list))-->
-        <div class="tag">
-            <ul>
-                <!--@for($i=0;$i<count($tag_list);$i++)-->
-                    {@ $tag = $tag_list[$i]; }
-                    <li><a href="{getUrl('search_target','tag','search_keyword',$tag,'document_srl','')}" rel="tag">{htmlspecialchars($tag)}</a><!--@if($i<count($tag_list)-1)-->,&nbsp;<!--@end--></li>
-                <!--@end-->
-            </ul>
-        </div>
+			</form>
+		<!--@else-->
+            <!--@if($history)-->
+                {$history->content}
+            <!--@else-->
+                {$oDocument->getContent(false)}
+            <!--@endif-->
+		<!--@end-->
+	</div>
+	<div class="boardReadFooter">
+	
+		{@ $tag_list = $oDocument->get('tag_list') }
+		<!--@if(count($tag_list))-->
+		<dl class="tag">
+			<dt><img src="./img/common/iconTag.gif" width="27" height="11" alt="{$lang->tag}" /></dt>
+			<!--@for($i=0;$i<count($tag_list);$i++)-->
+				{@ $tag = $tag_list[$i]; }
+				<dd><a href="{getUrl('search_target','tag','search_keyword',$tag,'document_srl','')}" rel="tag">{htmlspecialchars($tag)}</a></dd>
+			<!--@end-->
+		</dl>
+		<!--@end-->
+		
+		<!--@if($oDocument->hasUploadedFiles())-->
+        <dl class="attachedFile">
+            <dt><img src="./img/common/iconFiles.gif" width="27" height="11" alt="{$lang->uploaded_file}" /> <button type="button" class="fileToggle" onclick="jQuery(this).parents('dl.attachedFile').toggleClass('open');return false;">{$lang->uploaded_file} ({$oDocument->get('uploaded_count')})</button></dt>
+            <dd>
+                <ul class="files">
+                    {@ $uploaded_list = $oDocument->getUploadedFiles() }
+                    <!--@foreach($uploaded_list as $key => $file)-->
+                    <li><a href="{getUrl('')}{$file->download_url}">{$file->source_filename} <span class="bubble">[File Size:{FileHandler::filesize($file->file_size)}/Download:{number_format($file->download_count)}]</span></a></li>
+                    <!--@end-->
+                </ul>
+            </dd>
+        </dl>
+		<!--@end-->
+        
+        <!--@if(!$oDocument->getTrackbackCount())-->
+		<dl class="trackbackURL">
+			<dt>{$lang->trackback} : </dt>
+			<dd><a href="{$oDocument->getTrackbackUrl()}" onclick="return false;">{$oDocument->getTrackbackUrl()}</a></dd>
+		</dl>
         <!--@end-->
-
-        <!--@if($oDocument->hasUploadedFiles())-->
-        <div class="fileAttached">
-            {@ $uploaded_list = $oDocument->getUploadedFiles() }
-            <ul>
-                <!--@foreach($uploaded_list as $key => $file)-->
-                <li><a href="{getUrl('')}{$file->download_url}">{$file->source_filename} ({FileHandler::filesize($file->file_size)})({number_format($file->download_count)})</a></li>
-                <!--@end-->
-            </ul>
-            <div class="clear"></div>
-        </div>
+		
+        <!--@if($contributors)-->
+		<dl class="contributors">
+			<dt>{$lang->contributors} : </dt>
+			<dd><!--@foreach($contributors as $key => $val)--><a href="#" class="member_{$val->member_srl}" onclick="return false;">{$val->nick_name}</a><!--@if($key<count($contributors)-1)-->, <!--@end--><!--@end--></dd>
+		</dl>
         <!--@end-->
-    </div>
-
-    <!-- 목록, 수정/삭제 버튼 -->
-    <div class="contentButton">
-    </div>
+	</div>
 
 </div>
-<div class="replyBox contributors">
-{$lang->contributors} : 
-{@ $bFirst = true}
-<!--@foreach($contributors as $contributor)-->
-    <!--@if($contributor->nick_name != "")-->
-        <!--@if(!$bFirst)-->, <!--@end-->
-            <a href="#" class="member_{$contributor->member_srl}" onclick="return false;">{$contributor->nick_name}</a>
-            {@ $bFirst = false}
-        <!--@endif-->
-<!--@endforeach-->
-</div>
 
+<!--@if($oDocument->allowTrackback())-->
+    <!--#include("./trackback.html")-->
+<!--@end-->
+<!--@if($oDocument->allowComment())-->
+    <a name="comment"></a>
+    <!--#include("./comment.html")-->
 
-<!--@if($module_info->use_comment != 'N')-->
-<!-- 댓글 -->
-<a name="comment"></a>
-<!--#include("./comment.html")-->
-<!-- 댓글 입력 폼 -->
-<!--@if($grant->write_comment && $oDocument->isEnableComment() )-->
-    <form action="./" method="post" onsubmit="return procFilter(this, insert_comment)" class="wikiEditor" >
-    <input type="hidden" name="mid" value="{$mid}" />
-    <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
-    <input type="hidden" name="comment_srl" value="" />
-    <input type="hidden" name="content" value="" />
-        <div class="wikiWrite commentEditor">
-            <div class="userNameAndPw">
+    <!--@if($grant->write_comment && $oDocument->isEnableComment() )-->
+        <form action="./" method="post" onsubmit="return procFilter(this, insert_comment)" class="boardEditor" >
+        <input type="hidden" name="mid" value="{$mid}" />
+        <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
+        <input type="hidden" name="comment_srl" value="" />
+        <input type="hidden" name="content" value="" />
+            <div class="boardWrite commentEditor">
+                <div class="editor">{$oDocument->getCommentEditor()}</div>
+
+                <div class="editorOption">
                 <!--@if(!$is_logged)-->
-                <label for="userName">{$lang->writer}</label>
-                <input type="text" name="nick_name" value="" class="userName inputTypeText" id="userName"/>
-
-                <label for="userPw">{$lang->password}</label>
-                <input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" />
-
-                <label for="emailAddress">{$lang->email_address}</label>
-                <input type="text" name="email_address" value="" id="emailAddress" class="emailAddress inputTypeText"/>
-
-                <label for="homePage">{$lang->homepage}</label>
-                <input type="text" name="homepage" value="" id="homePage" class="homePage inputTypeText"/>
-                <!--@else-->
-                <input type="checkbox" name="notify_message" value="Y" id="notify_message" />
-                <label for="notify_message">{$lang->notify}</label>
-                <!--@end-->
-                <!--@if($module_info->secret=="Y")-->
-                <input type="checkbox" name="is_secret" value="Y" id="is_secret" />
-                <label for="is_secret">{$lang->secret}</label>
+                   <input type="text" name="nick_name" class="inputText userName" value="{$lang->writer}" onfocus="this.value=''" />
+				   <input type="password" name="password" class="inputText userPw" value="{$lang->password}" onfocus="this.value=''" />
+				   <input type="text" name="email_address" class="inputText emailAddress" value="{$lang->email_address}" onfocus="this.value=''" />
+				   <input type="text" name="homepage" class="inputText homePage" value="{$lang->homepage}" onfocus="this.value=''" />
                 <!--@end-->
+
+				<!--@if($is_logged)-->
+					<input type="checkbox" name="notify_message" value="Y" id="notify_message" class="inputCheck" />
+					<label for="notify_message">{$lang->notify}</label>
+				<!--@end-->
+					<input type="checkbox" name="is_secret" value="Y" id="is_secret" class="inputCheck" />
+					<label for="is_secret">{$lang->secret}</label>
+                </div>
+        
+                <div class="boardNavigation">
+                    <span class="buttonOfficial"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
+                </div>
+
             </div>
 
-            <div class="editor">{$oDocument->getCommentEditor()}</div>
-        </div>
+        </form>
+    <!--@end-->
+<!--@end-->
+
 
-        <div class="commentButton tRight">
-            <span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
-        </div>
-    </form>
-<!--@end-->
-<!--@end-->
 <!--#include("footer.html")-->
diff --git a/modules/wiki/skins/xe_wiki/write_form.html b/modules/wiki/skins/xe_wiki/write_form.html
index 62c14e8a1..c53734f9e 100644
--- a/modules/wiki/skins/xe_wiki/write_form.html
+++ b/modules/wiki/skins/xe_wiki/write_form.html
@@ -10,29 +10,19 @@
 <input type="hidden" name="document_srl" value="{$document_srl}" />
 <input type="hidden" name="title" value="{$entry}" />
 
-<div class="wikiWrite">
+<div class="boardWriteHeader">
 
     <div class="editor">{$oDocument->getEditor()}</div>
-
+	
     <div class="tag">
-        <input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
-        <p class="info">{$lang->about_tag}</p>
+        {$lang->tag} : <input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputText" title="Tag" /> ({$lang->about_tag})
+        <p />
+    </div>
+
+	<div class="boardNavigation">
+        <span class="button black strong"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
     </div>
 </div>
 
-        <div class="fl gap1">
-            <!--@if($is_logged)-->
-            <span class="button {$btn_class}"><input type="button" value="{$lang->cmd_temp_save}"  onclick="doDocumentSave(this); return false;" /></span>
-            <span class="button {$btn_class}"><input type="button" value="{$lang->cmd_load}"  onclick="doDocumentLoad(this); return false;" /></span>
-            <span class="button {$btn_class}"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'" /></span>
-            <!--@end-->
-        </div>
-
-        <div class="fr gap1">
-            <span class="button {$btn_class}"><input type="button" value="{$lang->cmd_preview}" onclick="doDocumentPreview(this); return false;" /></span>
-            <span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
-        </div>
-
-        <div class="clear"></div>
-    </form>
+</form>
 <!--#include("footer.html")-->