diff --git a/css/adm.css b/css/adm.css
index d56a6e49d..43d45ea5e 100644
--- a/css/adm.css
+++ b/css/adm.css
@@ -11,7 +11,7 @@ form, img {border:0}
input,img {vertical-align:middle}
p {margin:10px 0;line-height:1.5em}
-/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/
+/* 화면낭독기 사용자용 */
.sound_only {display:inline-block;margin:0;padding:0;width:0;height:0;border:0;overflow:hidden}
/* 본문 바로가기 */
#to_content a {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden}
@@ -154,18 +154,18 @@ fieldset button:focus, .fieldset_submit:focus {padding:0 15px;height:23px;border
#cache_del p {margin-bottom:20px;padding:13px;border:1px solid #ced9de;background:#fff;font-size:0.75em}
/* 사이드뷰 */
-.sv {display:inline-block;position:relative;font-weight:normal}
-.sv a {text-decoration:none !important}
-.sv .sv_wrap {display:none;margin-top:5px;border:1px solid #666;background:#484848}
-.sv_nojs .sv_wrap {display:block}
-.sv .sv_wrap a {display:inline-block;padding:3px;width:94px;border-bottom:1px solid #555;color:#fff}
-.sv_on {z-index:1000;display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important;background:#ddd}
+.sv_wrap {display:inline-block;position:relative;font-weight:normal}
+.sv_wrap a {text-decoration:none !important}
+.sv {display:none;margin-top:5px;border:1px solid #666;background:#484848}
+.sv_nojs .sv {display:block}
+.sv a {display:inline-block;padding:3px;width:94px;border-bottom:1px solid #555;color:#fff}
+.sv_on {z-index:1000;display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_member,
.sv_guest {font-weight:bold}
/* pagination */
-.pg {clear:both;margin:0 0 10px;padding-top:20px;font-size:0.75em;text-align:center}
-.pg_wrap {display:inline-block;border:1px solid #c7cfd5;letter-spacing:-4px}
+.pg_wrap {clear:both;margin:0 0 10px;padding-top:20px;font-size:0.75em;text-align:center}
+.pg {display:inline-block;border:1px solid #c7cfd5;letter-spacing:-4px}
.pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;background:#fff;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle}
.pg_page {background:#f9f9f9;text-decoration:none}
.pg_start, .pg_prev {border-right:1px solid #c7cfd5}
diff --git a/css/default.css b/css/default.css
index d1b8b9462..baaa86fd8 100644
--- a/css/default.css
+++ b/css/default.css
@@ -2,7 +2,7 @@
/* 초기화 */
html {overflow-y:scroll}
-body {margin:0;padding:0;background:#f7f7f2;font-size:0.75em;font-family:"dotum"}
+body {margin:0;padding:0;background:#fff;font-size:0.75em;font-family:"dotum"}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
@@ -13,12 +13,12 @@ p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
-/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/
+/* 화면낭독기 사용자용 */
.sound_only {display:inline-block !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#to_content a {z-index:100000;display:block;position:absolute;top:0;left:0;height:0;overflow:hidden}
#to_content a:focus,
-#to_content a:active {padding:10px 0;width:100%;height:auto;background:#333;color:#fff;font-size:2em;text-align:center;text-decoration:none;overflow:auto}
+#to_content a:active {padding:10px 0;width:100%;height:auto;background:#484848;color:#fff;font-size:2em;text-align:center;text-decoration:none;overflow:auto}
/* 이미지 등비율 리사이징 */
.img_fix {float:left;width:100%;height:auto}
@@ -28,21 +28,23 @@ pre {overflow-x:scroll;font-size:1.1em}
#captcha_wav img {border:1px solid #ddd;border-left:0;background:#494949}
/* 상단 레이아웃 */
-#hd {margin-bottom:30px;height:100px}
+#hd {border-top:27px solid #484848}
#hd h1 {width:0;height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;width:980px}
-#logo {padding-top:30px}
-
-#snb {position:absolute;top:10px;right:190px;zoom:1}
+#snb {margin:-37px 0 0;padding:10px 0 0;zoom:1}
#snb:after {display:block;visibility:hidden;clear:both;content:""}
#snb li {float:left}
-#snb a {display:inline-block;padding:7px 10px 6px;color:#000;text-decoration:none}
+#snb a {display:inline-block;margin-right:1px;padding:7px 10px 6px;background:#585858;color:#fff;text-decoration:none}
+#snb a:focus,
+#snb a:hover {background:#109ff1;color:#fff}
#schall {position:absolute;top:10px;right:0;margin:0;padding:0;width:180px;border:0;letter-spacing:-5px}
#schall legend {width:0;height:0;overflow:hidden}
#schall_stx {width:150px;height:21px;border:3px solid #484848;border-right:0;background:#fff;line-height:1.5em}
+#logo {padding:30px 0;text-align:center}
+
/* 중간 레이아웃 */
#wrapper {margin:0 auto;padding-bottom:30px;width:980px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
@@ -51,7 +53,7 @@ pre {overflow-x:scroll;font-size:1.1em}
#container {float:left;width:730px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
-.cbg {border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}
+.cbg {border:1px solid #e0e0e0;background: #fff}
/* 하단 레이아웃 */
#ft {background:#484848}
@@ -60,24 +62,29 @@ pre {overflow-x:scroll;font-size:1.1em}
#popular {background:#515151}
#popular div {margin:0 auto;width:980px;zoom:1}
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
-#popular h2 {float:left;padding:15px 45px 15px 0;color:#fff}
+#popular h2 {float:left;padding:10px 45px 10px 0;color:#fff}
#popular ul {float:left;list-style:none}
-#popular li {float:left;padding:5px 0}
+#popular li {float:left}
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
+#popular a:focus,
+#popular a:hover {background:#109ff1;color:#fff}
#visit {background:#444}
#visit div {margin:0 auto;width:980px;zoom:1}
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
-#visit h2 {float:left;padding:15px 45px 15px 0;color:#fff}
-#visit dl {float:left;margin:0 0 0 10px;padding:5px 0}
+#visit h2 {float:left;padding:10px 45px 10px 0;color:#fff}
+#visit dl {float:left;margin:0 0 0 10px;padding:0}
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
#visit dd {float:left;margin:0 30px 0 0;padding:10px;color:#fff}
-#visit a {display:inline-block;margin:5px 0;padding:10px;color:#fff;text-decoration:none}
+#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
+#visit a:focus,
+#visit a:hover {background:#109ff1;color:#fff}
-#ft_catch {position:relative;margin:0 auto;padding:30px 0;width:980px}
-#ft_catch_img {margin-left:302px}
+#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center}
+/*
#ft_html5badge {position:absolute;top:30px;left:190px}
#ft_css3badge {margin-left:50px}
+*/
#ft_copy {background:#414141}
#ft_copy p {margin:0 auto;width:980px;color:#4a9ab8}
@@ -105,9 +112,9 @@ thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9}
thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
-td {padding:10px 5px 7px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
+td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
table a {color:#000;text-decoration:none}
-.bo_sideview td {padding:7px 5px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
+.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
.empty_table {padding:85px 0;text-align:center}
/* 폼 테이블 */
@@ -157,7 +164,7 @@ fieldset textarea {padding:3px 3px 4px;border:1px solid #ddd;background:#fff;ver
fieldset textarea:focus {padding:4px 4px 5px;border:0;background:#494949;color:#fff}
.fs_submit,
-fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#fff;line-height:1.9em;vertical-align:middle;cursor:pointer}
+fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#fff;line-height:1.9em;vertical-align:middle;cursor:pointer}
/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
@@ -216,8 +223,12 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#ol_after_private {margin:7px 0;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left}
-#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f2;text-align:center}
+#ol_after_private a {display:block;padding-top:8px;height:37px;background:#eee;text-align:center}
#ol_after_private a strong {display:block;padding-top:5px;color:#109ff1}
+#ol_after_private a:focus,
+#ol_after_private a:hover {background:#109ff1;color:#fff}
+#ol_after_private a:focus strong,
+#ol_after_private a:hover strong {color:#fff}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:90px;margin-right:1px}
#ol_after_scrap {width:48px;line-height:2.6em !important}
@@ -228,19 +239,19 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#mb_login {margin:100px auto;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
#mb_login h2 {margin:0}
-#mb_login fieldset {position:relative;margin:0;padding:20px 20px 20px 95px;border-bottom-color:#f7f7f2;background:#fff}
+#mb_login fieldset {position:relative;margin:0;padding:20px 20px 20px 95px;border-bottom:0;background:#fff}
#mb_login label {letter-spacing:-0.1em}
#mb_login .login_id {position:absolute;top:26px;left:95px}
#mb_login .login_pw {position:absolute;top:55px;left:95px}
#mb_login .fs_input {display:block;margin:0 0 5px 80px}
#mb_login .btn_submit {position:absolute;top:20px;left:335px;height:53px}
-#mb_login section {margin:0 0 30px;padding:20px}
+#mb_login section {margin:0 0 30px;padding:20px;background:#f7f7f7}
#mb_login section div {text-align:right}
/* 쪽지 */
#memo_view section {margin:0 auto 20px;padding:20px;width:87%}
#memo_view section h2 {width:0;height:0;overflow:hidden}
-#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #f7f7f2;list-style:none}
+#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {color:#000;text-decoration:none}
@@ -257,18 +268,18 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
/* 회원 패스워드 확인 */
#mb_confirm {margin:100px auto;width:500px}
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
-#mb_confirm p {padding:20px;border-bottom-color:#f7f7f2}
+#mb_confirm p {padding:20px;border-bottom:0}
#mb_confirm p strong {display:block}
-#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;text-align:center}
+#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;background:#f7f7f7;text-align:center}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
/* 비밀글 패스워드 확인 */
#pw_confirm {margin:100px auto;width:500px}
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
-#pw_confirm p {padding:20px;border-bottom-color:#f7f7f2}
+#pw_confirm p {padding:20px;border-bottom:0}
#pw_confirm p strong {display:block}
-#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;text-align:center}
+#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;background:#f7f7f7;text-align:center}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
@@ -276,7 +287,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#poll {}
#poll header {padding:14px 14px 0}
#poll header a {color:#109ff1;text-decoration:none}
-#poll ul {margin:0 0 10px;padding:5px 14px;background:#f7f7f2;list-style:none}
+#poll ul {margin:0 0 10px;padding:5px 14px;background:#f3f3f3;list-style:none}
#poll li {padding:3px 0}
#poll footer {padding:0 14px 14px;text-align:right}
/* 설문조사 결과 (새창) */
@@ -322,7 +333,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#profile h2 {margin:0}
/* 최근게시물 스킨 (latest) */
-.lt {float:left;margin-bottom:20px;padding:20px;width:314px;height:149px}
+.lt {float:left;margin-bottom:20px;padding:20px;width:313px;height:149px}
.lt ul {margin:0;padding:0;list-style:none}
.lt li {padding:3px 0}
.lt a {color:#000;text-decoration:none}
@@ -390,6 +401,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate_ul li {position:relative;float:left;margin:-1px 0 0 -1px}
#bo_cate_ul a {display:block;padding:8px 15px 6px;border:1px solid #456380;background:#4c6e8d;color:#fff;text-decoration:none}
+#bo_cate_ul #bo_cate_on {border-bottom:1px solid #fff;background:#fff;color:#000}
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
@@ -409,7 +421,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
.cnt_cmt {display:inline-block;margin:0 4px;color:#109ff1}
/* 게시판 읽기 */
-#bo_v_title {padding:20px 20px 10px}
+#bo_v_title {padding:20px 20px 0;text-align:right}
#bo_v {position:relative;margin-bottom:30px}
#bo_v a {color:#000;text-decoration:none}
#bo_v_h1 {padding:0 20px 5px;font-size:1.2em;line-height:1.4em}
@@ -445,7 +457,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
#bo_v_act a {margin-right:5px;vertical-align:top}
#bo_v_act strong {color:#109ff1}
#bo_v form {padding-top:20px}
-#bo_v_bot {border-top:1px solid #eee;padding:10px 20px;zoom:1}
+#bo_v_bot {padding:0 20px 20px;zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}
@@ -455,7 +467,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f
.bo_v_com li {float:left;margin-left:5px}
/* 게시판 댓글 */
-#bo_vc {margin:0 20px 10px;padding:10px 20px 20px 20px;border:1px solid #ddd;background:#fcfcfc}
+#bo_vc {margin:0 0 20px;padding:15px 20px 20px 20px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fcfcfc}
#bo_vc h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_vc article {margin-bottom:5px;padding:0 0 10px;border-bottom:1px dotted #ccc}
#bo_vc header {position:relative;padding:8px 0}
diff --git a/head.php b/head.php
index 3a5afd6cc..70c1eeb4b 100644
--- a/head.php
+++ b/head.php
@@ -13,23 +13,22 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
?>
=$config['cf_title']?>
+
=$board['bo_subject']?>
+=$board['bo_subject']?>

Copyright © 소유하신 도메인. All rights reserved.