diff --git a/head.php b/head.php
index 938a3f777..91b5bd7d8 100644
--- a/head.php
+++ b/head.php
@@ -10,151 +10,36 @@ include_once($g4['path'].'/lib/popular.lib.php');
 
 //print_r2(get_defined_constants());
 
-// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
-// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
-
-$table_width = 1004;
+if ($config['cf_title'] == $g4['title']) $g4['title'] = '';
 ?>
 
-<!-- 상단 배경 시작 -->
-<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
-<tr>
-    <td background="<?=$g4['path']?>/img/top_img_bg.gif">
-        <table width="100%" height="52" cellspacing="0" cellpadding="0">
-        <tr>
-            <td><img src="<?=$g4['path']?>/img/top_img.gif" width="100%" height="52"></td>
-        </tr>
-        </table></td>
-</tr>
-</table>
-<!-- 상단 배경 끝 -->
+<header>
+<h1><?=$g4['title']?> <?=$config['cf_title']?></h1>
+<div id="to_content"><a href="#wrapper">본문 바로가기</a></div>
+<div id="logo"><a href="<?=$g4['path']?>/">처음으로</a></div>
 
-<!-- 상단 로고 및 버튼 시작 -->
-<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
-<tr>
-    <td width="43" height="57"></td>
-    <!-- 로고 -->
-    <td width="220"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.jpg" width="220" height="57" border="0"></a></td>
-    <td>
-        <table width="100%" border="0" cellpadding="0" cellspacing="0">
-        <tr>
-            <td>&nbsp;</td>
-        </tr>
-        </table>
-    </td>
-    <td width="390" align="right">
-        <table border="0" cellspacing="0" cellpadding="0">
-        <tr>
-            <!-- 처음으로 버튼 -->
-            <td width="78"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/top_m01.gif" width="78" height="31" border="0"></a></td>
+<aside>
+    <ul>
+        <li><a href="<?=$g4['path']?>/bbs/login.php">로그인</a></li>
+        <li><a href="<?=$g4['path']?>/bbs/register.php">회원가입</a></li>
+        <li><a href="<?=$g4['path']?>/bbs/new.php">최근게시물</a></li>
+    </ul>
+</aside>
 
-            <? if (!$member['mb_id']) { ?>
-            <!-- 로그인 이전 -->
-            <td width="78"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4['path']?>/img/top_m02.gif" width="78" height="31" border="0"></a></td>
-            <td width="78"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4['path']?>/img/top_m03.gif" width="78" height="31" border="0"></a></td>
-            <? } else { ?>
-            <!-- 로그인 이후 -->
-            <td width="78"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4['path']?>/img/top_m04.gif" width="78" height="31" border="0"></a></td>
-            <td width="78"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4['path']?>/img/top_m05.gif" width="78" height="31" border="0"></a></td>
-            <? } ?>
+<form name="fsearchbox" method="get" action="" onsubmit="return fsearchbox_submit(this);">
+<input type="hidden" id="sfl" name="sfl" value="wr_subject||wr_content">
+<input type="hidden" id="sop" name="sop" value="and">
+<fieldset>
+    <legend>사이트 내 전체검색</legend>
+    <input type="text" id="stx" name="stx" maxlength="20">
+    <input type="submit" value="검색">
+</fieldset>
+</form>
+</header>
 
-            <!-- 최근게시물 버튼 -->
-            <td width="78"><a href="<?=$g4['bbs_path']?>/new.php"><img src="<?=$g4['path']?>/img/top_m06.gif" width="78" height="31" border="0"></a></td>
+<?//=outlogin('basic'); // 외부 로그인 ?>
+<?//=poll('basic'); // 설문조사 ?>
+<?//=visit('basic'); // 방문자수 ?>
+<?//=connect(); // 현재 접속자수 ?>
 
-        </tr>
-        </table></td>
-    <td width="35"></td>
-</tr>
-</table>
-<!-- 상단 로고 및 버튼 끝 -->
-
-<!-- 검색 시작 -->
-<table width="<?=$table_width?>" cellspacing="0" cellpadding="0">
-<tr>
-    <td width="43" height="11"></td>
-    <td width="220"></td>
-    <td width=""></td>
-    <td width="234"><img src="<?=$g4['path']?>/img/search_top.gif" width="234" height="11"></td>
-    <td width="35"></td>
-</tr>
-<tr>
-    <td height="33"><img src="<?=$g4['path']?>/img/bar_01.gif" width="43" height="33"></td>
-    <td><img src="<?=$g4['path']?>/img/bar_02.gif" width="220" height="33"></td>
-    <td background="<?=$g4['path']?>/img/bar_03.gif" width="472" height="33"><table width=100% cellpadding=0 cellspacing=0><tr><td width=25>&nbsp;</td><td><?//=popular();?></td></tr></table></td>
-    <td>
-        <form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
-        <!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
-        <input type="hidden" name="sfl" value="wr_subject||wr_content">
-        <input type="hidden" name="sop" value="and">
-        <table width="100%" height="33" cellspacing="0" cellpadding="0">
-        <tr>
-            <td width="25" height="25"><img src="<?=$g4['path']?>/img/search_01.gif" width="25" height="25"></td>
-            <td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" type="text" style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
-            <td width="12"><img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25"></td>
-            <td width="48"><input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0"></td>
-            <td width="13"><img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25"></td>
-        </tr>
-        <tr>
-            <td width="234" height="8" colspan="5"><img src="<?=$g4['path']?>/img/search_down.gif" width="234" height="8"></td>
-        </tr>
-        </table>
-        </form>
-    </td>
-    <td></td>
-</tr>
-</table>
-
-<script type="text/javascript">
-function fsearchbox_submit(f)
-{
-    if (f.stx.value.length < 2) {
-        alert("검색어는 두글자 이상 입력하십시오.");
-        f.stx.select();
-        f.stx.focus();
-        return false;
-    }
-
-    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
-    var cnt = 0;
-    for (var i=0; i<f.stx.value.length; i++) {
-        if (f.stx.value.charAt(i) == ' ')
-            cnt++;
-    }
-
-    if (cnt > 1) {
-        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
-        f.stx.select();
-        f.stx.focus();
-        return false;
-    }
-
-    f.action = "<?=$g4['bbs_path']?>/search.php";
-    return true;
-}
-</script>
-<!-- 검색 끝 -->
-
-<div style='height:18px;'></div>
-
-<table width='<?=$table_width?>' cellpadding=0 cellspacing=0 border=0>
-<tr>
-    <td width=43></td>
-    <!-- 왼쪽 메뉴 -->
-    <td width=220 valign=top>
-        <?=outlogin('basic'); // 외부 로그인 ?>
-
-        <div style='height:10px;'></div>
-
-        <?=poll('basic'); // 설문조사 ?>
-
-        <div style='height:10px;'></div>
-
-        <?=visit('basic'); // 방문자수 ?>
-
-        <div style='height:10px;'></div>
-
-        <?=connect(); // 현재 접속자수 ?>
-    </td>
-    <td width=18></td>
-    <!-- 중간 -->
-    <td width=683 valign=top>
+<div id="wrapper">
\ No newline at end of file
diff --git a/index.php b/index.php
index 96b4518fb..85d436aab 100644
--- a/index.php
+++ b/index.php
@@ -6,10 +6,12 @@ $g4['title'] = '';
 include_once('./_head.php');
 ?>
 
-강좌홈페이지 작업 중입니다.<br>
-현재 HTML5 로 선언되어 있습니다.<br>
-chicpro 님도 참가합니다.<br>
-반갑습니다.
+<p>
+g4s 강좌 홈페이지에 오신 것을 환영합니다.
+</p>
+<p>
+<a href="<?=$g4['path']?>/bbs/board.php?bo_table=1">테스트용 게시판</a>
+</p>
 
 <?
 include_once('./_tail.php');
diff --git a/tail.php b/tail.php
index 175b915d1..493d6f788 100644
--- a/tail.php
+++ b/tail.php
@@ -1,21 +1,41 @@
 <?
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
-
-// 사용자 화면 우측과 하단을 담당하는 페이지입니다.
-// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
 ?>
 
-</td>
-<td width=40></td>
-</tr></table>
+</div>
 
-<!-- 카피라이트 시작 -->
-<table width="<?=$table_width?>" border="0" cellspacing="10" cellpadding="10">
-<tr>
-    <td valign="top" background="<?=$g4['path']?>/img/copyright.gif"><a href="#g4_head"><img src="<?=$g4['path']?>/img/icon.gif" width="15" height="12" border="0"></a><font color="#848484">Copyright ⓒ your-domain. All rights reserved.</font></td>
-</tr>
-</table>
-<!-- 카피라이트 끝 -->
+<footer>
+    <p>Copyright &copy; 소유하신 도메인. All rights reserved.</p>
+</footer>
+
+<script>
+function fsearchbox_submit(f)
+{
+    if (f.stx.value.length < 2) {
+        alert("검색어는 두글자 이상 입력하십시오.");
+        f.stx.select();
+        f.stx.focus();
+        return false;
+    }
+
+    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
+    var cnt = 0;
+    for (var i=0; i<f.stx.value.length; i++) {
+        if (f.stx.value.charAt(i) == ' ')
+            cnt++;
+    }
+
+    if (cnt > 1) {
+        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
+        f.stx.select();
+        f.stx.focus();
+        return false;
+    }
+
+    f.action = "<?=$g4['bbs_path']?>/search.php";
+    return true;
+}
+</script>
 
 <?
 include_once($g4['path'].'/tail.sub.php');