* {margin:0;padding:0}
body {background-color:#000000}
body, textarea, select, input {font: 0.78em/1.2 "맑은 고딕", "Malgun Gothic", "Dotum", "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;color:#444444}
img {border:0}
ul, li, ol { list-style-type:none}
h1,h2,h3,h4,h5,h6 {font-size:1em}
a {color:#444444;text-decoration:none}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:underline}
a:hover {color:#444444;text-decoration:underline}
dt { padding-left:10px;font-weight:bold}
dd { padding-left:15px}

#frame {width:944px;margin:0 auto}
#skipnav { float:right;padding-top:10px }
#skipnav li { display:inline;padding:5px }
#skipnav li a { color:white; }
#header {overflow:hidden;padding-top:10px}
#header h1 {float:left;padding-bottom:20px;color:#ffc600;font-size:1.5em;font-family:"Lucida Grande","Lucida Sans Unicode","Malgun Gothic", "Dotum", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif}
#header h1 a {color:#ffc600}
#header p {float:left;padding:4px 0 0 10px;color:#cccccc}
#nav {clear:both;overflow:hidden;width:100%;background-color:#ffc600}
#nav ul {float:left;overflow:hidden}		
#nav ul li {float:left;padding:5px 10px;font-weight:bold;border-right:1px dashed #eeeeee}
#nav ul li a:hover {text-decoration:underline}
#nav ul.feed {float:left}
#nav ul.feed li {margin-right:0}
#middle {clear:both;overflow:hidden;width:900px;padding:20px 20px 30px;border:2px solid #ffc600;background-color:#ffffff}	
#content {float:left;width:660px}
#content h2 {font-size:1em}
#content p a {font-weight:bold}
.post {padding-bottom:30px;line-height:150%}
.post h2 {padding:3px 0;text-indent:27px;border-bottom:1px solid #ffc600;background:url(/txp/images/hwzzang/ico_star_yl.gif) no-repeat left top}
.post p {padding:5px 4px}
.post .storycontent p a, .post .storycontent li a { color:#54431A;text-decoration:underline;padding-right:13px;background:url(/txp/images/hwzzang/ico_link.gif) no-repeat right 3px }
.post .storycontent a.wikilink2 { color:#FF0000}
.post ul, .post ol { padding-left:20px}
.post ul, .post ul li { list-style-type : disc}
.post ol, .post ol li{ list-style-type : decimal}
.postMetaData {margin-bottom:10px;padding:10px 0 0 4px;font-size:0.938em;border-bottom:1px dashed #d6d6d6}	
.breadcrumbSec { background:url(/txp/images/hwzzang/ico_categ.gif) no-repeat 4px 3px;font-size:11px;padding:0 0 3px 14px;border-top:1px dashed #d6d6d6}
.postMetaData dt, .postMetaData dd { display:inline}
.postMetaData dt { padding-left:10px}
.postMetaData dt.cate { background:url(/txp/images/hwzzang/ico_categ.gif) no-repeat left 3px}
.postMetaData dt.date { background:url(/txp/images/hwzzang/ico_date.gif) no-repeat left 3px}
.postMetaData dd { padding:0 10px 0 5px}
.tagData { margin-top:15px;border:1px dashed #CFCFCF;padding:5px}
.tagData dt { margin:0;background:url(/txp/images/hwzzang/ico_tag.gif) no-repeat left 6px;padding:3px 0 3px 14px;border-bottom:1px solid #DFDFDF}
.tagData dd { margin:0;padding:3px 4px}
.post blockquote, .post code {padding:15px 15px 17px;font-weight:bold;color:#000000;border:1px dashed #d6d6d6;background-color:#FAFAFA}
.wp-caption { border:1px solid #FFC600;padding:5px;text-align:center;background-color:#EFEFEF}
.wp-caption img { border:1px solid #CCCCCC}
.wp-caption p { padding:0;color:#000000}

p.post-attributes {margin-top:10px;font-size:0.938em;border-top:1px dashed #d6d6d6}	
p.post-attributes a, p.post-attributes a:visited {text-decoration:underline}
h2.comments {padding-top:15px;border-top:1px dashed #d6d6d6}
ol.comments {margin-top:15px}
ol.comments li {margin-bottom:10px;border:1px dashed #d6d6d6;padding:10px}
ol.comments cite { font-style:normal}
ol.comments p { clear:both}
ol.comments span.gravatar { float:left;width:40px;height:40px}
p.comment-attribution {padding:2px 0 4px;font-weight:bold;text-indent:19px;background:url(/txp/images/hwzzang/ico_balloon.gif) no-repeat left 1px}
p.comment-attribution a, p.comment-attribution a:visited {text-decoration:underline}
p.comment-posted {padding:2px 0 4px;text-indent:19px;background:url(/txp/images/hwzzang/ico_diary.gif) no-repeat 1px 1px}
.comment-goodstuff {padding:10px;border:1px solid #cccccc;line-height:150%}
.comments-wrapper {padding-bottom:40px}
ul.comments_error {margin-top:20px}
ul.comments_error li {padding-bottom:10px;color:#FF0000;text-indent:19px;background:url(/txp/images/hwzzang/bul_alert.gif) no-repeat left top}
.comments-wrapper label {margin:10px 0 2px;display:block;text-indent:12px;background:url(/txp/images/hwzzang/ico_memo.gif) no-repeat left center}
.comments-wrapper input {font-size:1em;padding:5px;border:1px solid #cccccc}
.comment-buttons input, .comment-extra input {border:0;padding:0}
.comment-extra label {display:inline;background:none}
textarea{width:600px;margin-bottom:5px;padding:10px;font-size:1em;border:1px solid #cccccc}
.comment-buttons input {padding:5px}
.comments-wrapper .comment-extra p {padding-top:10px}
.comments-wrapper .comment-extra p a {text-decoration:underline}
#articleNav {padding-top:10px;border-top:1px solid #fff0be}
#articleNav li.prevPage {float:left}
#articleNav li.prevPage a {padding-left:14px;background:url(/txp/images/hwzzang/bul_squ_yl2.gif) no-repeat left center}
#articleNav li.nextPage {float:right}
#articleNav li.nextPage a {padding-right:14px;background:url(/txp/images/hwzzang/bul_squ_yl1.gif) no-repeat right center}
#sidebar {float:right;width:200px;margin-top:4px}
#sidebar h3 {margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #eeeeee;font-size:1em}
#sidebar ul {margin-bottom:20px}
#sidebar ul li {padding:0 0 5px 9px;background:url(/txp/images/hwzzang/bul_tri_gr.gif) no-repeat left 6px}
#sidebar ul li a:hover {text-decoration:underline}
#sidebar ul.linklist li {padding-top:1px;text-indent:21px;background:url(/txp/images/hwzzang/ico_star_gr.gif) no-repeat left 1px}
#footer {clear:both;padding:30px 0 50px;color:#cccccc;text-align:center}
#footer a, #footer a:visited {color:#ffc600;text-decoration:underline}
p.Intro {width:660px;margin-bottom:15px;padding-bottom:7px;font-size:14px;font-weight:bold;text-indent:20px;border-bottom:1px solid #FFC600;background:url(/txp/images/hwzzang/ico_list.gif) no-repeat left 2px}
table.TbList {width:660px}
table.TbList th {height:25px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;background-color:#FFFFCC}
table.TbList td {height:25px;border-bottom:1px solid #eeeeee}
table.TbList td.category {text-indent:10px;color:#b18125;border-right:1px dotted #eeeeee}
table.TbList td.siteTit {text-indent:12px}
table.TbList td.siteMng {text-align:center}
.BtArea {width:660px;margin-top:20px}
.BtArea img {vertical-align:middle;margin-bottom:3px}
pre { padding:10px;font:normal 0.9em Verdana,Arial,Helvetica,sans-serif; overflow:auto; width:600px;background-color:#FFE6C7;color:#000000;border:1px solid #AAAAAA}

p.Intro {width:660px;margin-bottom:15px;padding-bottom:7px;font-size:14px;font-weight:bold;text-indent:20px;border-bottom:1px solid #FFC600;background:url(/txp/images/hwzzang/ico_list.gif) no-repeat left 2px}
h2.bookmarkCate {width:660px;margin-bottom:12px;padding:3px 0;color:#b18125;text-indent:30px;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;background:#FFFFCC url(/txp/images/hwzzang/ico_category.gif) no-repeat 10px 3px}
ul.bookmarkL {width:660px;margin:-12px auto 20px}
ul.bookmarkL li {width:640px;padding:7px 10px 0;border-bottom:1px dotted #dddddd}
ul.bookmarkL li h3 {margin-bottom:4px;padding-top:2px;text-indent:17px;background:url(/txp/images/hwzzang/ico_bookmark.gif) no-repeat left center}
ul.bookmarkL li h3 img {vertical-align:middle}
ul.bookmarkL li p {padding-bottom:7px;color:#909090;line-height:140%}
.BtArea {width:660px;margin-top:20px}
.BtArea img {vertical-align:middle;margin-bottom:3px}

.SetForm {width:660px;border:none}
.SetForm label {display:block;margin-bottom:2px;color:#b18125;text-indent:15px;background:url(/txp/images/hwzzang/ico_memo.gif) no-repeat left center}
.SetForm select {font-size:12px;margin-bottom:20px}
.SetForm textarea {display:block;width:480px}
.SetForm input {height:20px;margin-bottom:20px;font-size:12px;border:1px solid #cccccc}
.commentW { margin-top:10px}

.SetFormAlbum { width:640px;border:none;border:1px dashed #d6d6d6;padding:10px;overflow:hidden}
.SetFormAlbum p { float:left}
.SetFormAlbum p label { margin-left:10px;float:left;display:inline;margin-bottom:2px;color:#b18125;text-indent:15px;background:url(/txp/images/hwzzang/ico_memo.gif) no-repeat left center;width:70px}
.SetFormAlbum input , .SetFormAlbum select {height:20px;font-size:12px;border:1px solid #cccccc}
ul.bookmarkL li.noValue h3 {color:#ff6600;font-weight:normal;background:url(/txp/images/hwzzang/bul_alert.gif) no-repeat left center}
p.noValue { font-size:11px;color:#AFAFAF !important}


ul.album { border-top:2px solid #77B353;width:660px;padding:0 0 0 0}
ul.album li { border-bottom:1px solid #AFAFAF;width:660px;list-style:none;clear:both;overflow:hidden}
ul.album li h3 { font-size:12px;width:660px;background-color:#FFFFCC;padding:5px 0;text-indent:10px}
ul.album li h3 a { color:#00681C}
ul.album li p { padding:0 0 0 0;margin:0 0 0 0}
ul.album li p.date { float:right;font-size:12px;width:530px;margin-top:15px}
ul.album li p.name { float:right;font-size:12px;width:530px}
ul.album li p.img{ float:left;display:inline;width:110px;margin:10px}
ul.album li p.img img { border:1px solid #232323}