@charset "utf-8";
* { margin: 0; padding: 0; border: none; }
body { font-size: 0.75em; font-family: Verdana, Arial, 굴림, Gulim, sans-serif; background-color: #fff; color: #666; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol { list-style-type: none; }
em { font-style: normal; }
a { text-decoration: none; color: #666; } a:hover { color: #699; font-weight: bold; }
dt { margin-bottom: 0.3em;	}
dd { margin-bottom: 1em; margin-left: 1.5em; text-align: justify; }

.box, blockquote { border: 1px dotted #699; margin-bottom: 1em; }
blockquote { padding: 0.1em 1em; }
pre, .box { padding: 6px 10px 5px 10px; border: 1px solid #699; background-color: #F5F5F5; margin-bottom: 1em; line-height: 180%; }
.bgclear { background-color: #fff; }
div.box p { padding: 0; margin: 0; }

pre { overflow: auto; line-height: normal; }
pre.example { border-bottom: 1px dotted #699; margin-bottom: 0; }
pre.converted { border-top: none; background-color: #fff; }
#comment pre { margin: 1em 0 0 0; }

code { font-family: "Courier New", Courier, monospace; background-color: #FFFFCC; }
h4 code { text-decoration: underline; }
code.nofixed { font-family: Tahoma, 굴림, sans-serif; }
pre code { background-color: #F5F5F5; }
pre.converted code { background-color: #fff; }

hr { height: 1px;  color: #666; background-color: #666; margin-bottom: 1em; }

acronym, abbr { border-bottom: 1px dotted #699; cursor: help; }

table { border-top: 1px solid #C4D0D7; border-left: 1px solid #C4D0D7; border-collapse: collapse; margin-bottom: 1em; width: 100%; }
tr, td, th { padding: 4px 10px 3px 10px; border-right: 1px solid #C4D0D7; border-bottom: 1px solid #C4D0D7; text-align: center; }
table.withalign td { text-align: left; padding-left: 15px; }
th { background-color: #F4F7F9; }
tr.rowclass { background-color: #aaa; }
td.cellclass { color: red; }
.textiletag th { width: 33.3%; }

.clearer { clear: both }
.left { float: left; }
#topaccessibility, #bottomaccessibility, .separator, .nogui { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }

#wrapper { width: 900px; margin-left: 28px; padding-bottom: 20px; }

#header { margin: 40px 0 18px 0; padding-bottom: 52px; background: #fff url(../images/top.png) no-repeat bottom left; width: 100%; } 
h1 { font-family: fixedsys, sans-serif; font-weight:bold; font-size: 3em; margin-bottom: 10px; position: relative; }

#nav { margin-left: 2px; }
#nav li { float: left; display: inline; font-size: 0.75em; border-right: 1px solid #666; line-height: 90%; padding-bottom: 1px; }
#nav li.homelink { border-left: 1px solid #666; }
#nav li a { margin: 0 0.5em; }

#content { width:630px; float: right;  clear: both; padding-top: 4px; }
#content h3 { font-size: 2em; margin-bottom: 9px; font-family: 돋움, dotum, sans-serif; }
#content h3.static { margin-bottom: 16px; }
.postmeta { font-size: 0.75em; color: #888; margin-bottom: 20px; }
.postmeta a { font-size: 1.2em; margin-right: 4px; color: #888; }
.postmeta a:hover { color: #699; }
.meta { margin-bottom: 35px; }
.meta a { color: #699; margin-right: 16px; }
.meta span a { margin-right: 0; }
.post { line-height: 170%;; }
.post h4 { margin-bottom: 1em; text-decoration: underline; font-size: 110%; padding-top: 0.6em; }
.post h5 { margin-bottom: 0.5em; font-size: 100%; }
.post p { text-align: justify; margin-bottom: 1em; }
.post a { color: #699; border-bottom: 1px dotted #699; }
.post blockquote p { margin: 0.6em 0 0 0; padding-bottom: 0.4em; }
.post ol, .post ul { text-align: justify; margin: 0 0 1em 30px; }
.post ol { list-style-type: decimal; }
.post ul { list-style-type: disc; }
.post p.music { margin-bottom: 0.4em; }
.post form { line-height: 100%; }
.post form p { margin-bottom: 0; }
.pagenav { margin-top: 30px; font-size: 0.8em; font-family: verdana, sans-serif; }
.pagenav a { margin-right: 15px; color: #888; } .pagenav a:hover { color: #699; }

#tagcloud a.tagActive { text-decoration: underline; } 

#articlelist { margin-top: -31px; margin-bottom: 4em; }
#articlelist h3 { padding-top: 28px; line-height: 150%; }
#articlelist h4 { font-weight: normal; line-height: 160%; }
#articlelist a { margin-left: 8px; }

#os_results { list-style: none; margin-left: 0; }
#os_results blockquote { border: none; padding-right: 0; }
p#os_resultbar { text-align: right; }
#os_pagination { text-align: center; margin-bottom: 1em; color: #aaa; }
#os_search { text-align: center; margin-bottom: 1.5em; margin-top: 2em; }
#os_results h4 { margin: 0; border: none; text-decoration: none; }
#os_results h4 strong { font-weight: bold; }
#os_results h4 a { text-decoration: none; }
#os_results cite { color: #666; font-style: normal; font-size: 90%; }
span.nolist { color: #aaa; }

#comment { background: #fff url(../images/bottom.png) no-repeat top left; padding: 28px 0 0 5px; margin: -10px 0 0 -5px; }
.comments li { margin-bottom: 2em; }
.comments p, #cpreview p { margin-top: 1em; line-height: 150%; text-align: justify; }
.comments p a, #cpreview p a { color: #699; border-bottom: 1px dotted #699; }
.commenttime a { font-weight: normal; margin-left: 1em; font-size: 0.75em; color: #888; }
#cpreview .commenttime a {margin-left:0;}

.commenttime a:hover { color: #699; }
ul.comment_alert { margin-top: 1em; line-height: 150%; }
#cpreview { border: 1px dotted #699; padding: 10px; margin-bottom: 18px; }

#sidebar { float: left; width: 211px; background: #fff url(../images/side.png) no-repeat top right; padding: 8px 30px 0 0; line-height: 140%; }
#sidebar h3 { margin-top: 18px; margin-bottom: 5px; border-bottom: 1px solid #ccc; color: #699; }
img.txplogo { margin: 20px 0 0 -2px; border: none; }
p.credit { font-size: 0.75em; line-height: 140%; }

#search { padding-left: 4px; }
textarea, input { font-family: Tahoma, 굴림, sans-serif; font-size: 1em; }
label { font-size: 0.75em; font-family: verdana, sans-serif; }
textarea { border:1px solid #aaa; padding: 2px 6px; width: 600px; height: 16em; color: #333; line-height: 150%; }

input	{ border:1px solid #aaa; color:#666; vertical-align: middle; }
input.text { width:138px; border:1px solid #999; padding: 2px 4px 1px 4px; height: 1.3em; }
input.submit { background-color:#999; font-size: 0.75em; font-family: verdana, sans-serif; color:#fff; border:1px solid #999; 
width: 5.5em; padding: 2px 0; height: 2.3em; cursor: pointer; }
input.comment_name_input, input.comment_email_input, input.comment_web_input, input.zemText { margin-bottom: 2px; width: 170px; padding: 2px 6px; }
input.button, input.zemSubmit { width: 184px; font-size: 0.75em; font-family: verdana, sans-serif; 
color: #888; margin-top: -1px; padding: 2px; background-color: #eee; cursor: pointer; }
input.comments_error, textarea.comments_error, input.zemRequirederrorElement, textarea.zemRequirederrorElement { background: #fff url(/images/comments_error.png) repeat-y top left; }
.comments-wrapper input.disabled { color: #ccc; cursor:default; background-color: #F4F3F3; }
p.zemError, p.comments_error, p.mailError, div.zemThanks, p#txpCommentInputForm, p.previewmsg { margin: 12px 0 8px 0; line-height: 160%; color: #699; font-weight: bold; }
p.zemError { padding-bottom: 5px; }

div.annotation p, p.annotation { color: #444; }

img { border: 1px solid #699; display: block; }
img.dosbox { border: 5px solid #000; }
img.left { margin: 0.5em 18px 1.2em 0; float: left; }
img.noborder { border: none; }
img.smalllist { float: left; margin: 0 1em 1em 0; border: none; }
li img { float: left; margin-right: 8px; margin-top: 0.2em; }
.noimgstyle { border: 1px solid #699; padding: 1em 1em 0 1em; margin-bottom: 1em; line-height: normal; height: 1%; }
.noimgstyle span { background-color:#666; color: #fff; }
div.noimgstyle img { border: none; margin: 0; padding: 0; display: inline; }
div.noimgstyle br { line-height: 0; }

.indentblock p { text-indent: 0.6em; }
.groupbox { width: 500px; margin-bottom: 1em; border: 1px solid #999; padding: 0 8px; margin-top: 2em; }
.groupbox h4 { line-height: 100%; padding-left: 8px; margin: 0; font-size: 1em; font-weight: normal; text-decoration: none; }
.groupbox h4 span { background-color: #fff; color: #333; padding: 0 4px; position: relative; top: -1.1em; }
ol.someclass { list-style-type: upper-roman; margin: 0 3em; }
ol.someclass ol { list-style-type: lower-roman; margin-bottom: 0; }