@charset "utf-8";
* { margin: 0; padding: 0; border: 0; }
body { font-size: 75%; font-family: Tahoma, 굴림, Gulim, sans-serif; line-height: 170%; color: #E1E1E1; background: #333; }
code { font-family:"Courier New", Courier, monospace; }
h1, h2, h3, h4 { font-size: 100%; color: #ffc455; line-height: 1em; }
a { text-decoration: none; color: #ccc; }
ul { list-style: none; }

blockquote { margin-left: 5px; }
pre { margin-bottom: 1em; overflow: auto; border: 1px solid #333; padding: 8px; background-color: #5B5B5B; color: #fff; }
pre.dosoutput { background-color: #000; color: #ccc; width: 353px; border: none; line-height: 110%; margin: 5px 10px 4px 2px; float: left; display: inline; }

table { border-top: 1px solid #3d3d3d; border-left: 1px solid #3d3d3d; border-collapse: collapse;	margin: 0 0 16px 4px; width: 607px; }
#content table img { margin: 0 auto; padding: 0; border: none; display: block; }
tr, td, th { padding: 5px 10px 4px 10px; border-right: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; }
table tr td.nopadding { padding: 0; }
table tr td.noalign { text-align: left; }
table tr td.center { text-align: center; }

th { background-color: #5b5b5b; padding: 5px 0px 4px 0px; }
.data tr td { text-align: center; }
caption { padding: 0.8em 0 0.6em 0; }

.smalltable1, .smalldatatable1 { width: 297px; float: left; margin-right: 9px; }
.smalltable2, .smalldatatable2 { width: 297px; }
.smalldatatable1 tr td, .smalldatatable2 tr td { text-align: center; }

/* layout layers */
#wrapper { margin: 20px auto; width: 800px; }
#header { padding: 4px; background: #3d3d3d; border: 1px solid #000; margin-bottom: 4px; }
#title { float: left; margin: 7px 0 4px 3px; }
#title a { font-size: 120%; font-weight: bold; color: #ffa500; }

#search { text-align: right; }
input { font-family: Tahoma, Gulim, sans-serif; border: 1px solid #222; background-color: #525252; vertical-align: middle; color: #ccc; font-size: 1em; }
input.txt { width: 8em; height: 1.4em; padding: 4px 4px 1px 4px; }
input.btn { width: 3em; cursor: pointer; height: 2em; padding: 3px 0; }

#nav { border: 1px solid #000; background-color: #3d3d3d; text-align: left; clear: left; padding: 5px 4px 4px 4px; }
#nav ul li { display: inline; margin: 0 1em 0 0.6em; }
#nav ul li a:hover, #nav ul li a.current { color: #ffb01e; }
#container { border: 1px solid #000; background-color: #525252; margin: 4px 0; }
#content { padding: 0 7px 10px 9px; float: left; width: 613px; margin-top: -0.4em; }
#content a { color: #ffd384; }
#content p { padding-bottom: 0.5em; padding-top: 0; text-align: justify; text-indent: 0.5em; }

#content p.en { color: #ccc; margin: 0.4em 0 0 0; padding-bottom: 0.3em; }
#content p.ko { color: #fff; margin: 0 0 0 0.2em; }
#content ol.faq a { color: #ccc; }
#content ol.faq h3 { font-weight: normal; margin-left: 0; }
#content ol.faq { margin-bottom: 12px; padding-left: 6px; margin-top: 5px; }
#content div.dosbox { width: 100%; overflow: hidden; margin-bottom: 0.6em; }
#content div.dosbox img { border: 6px solid #000; float: left; }
#content div.imgtopic { width: 100%; overflow: hidden; margin-top: 0.6em; padding-bottom: 0.8em; }
#content div.imgtopic img { float: left; }
#content div.floatbox { width: 100%; overflow: hidden; margin-bottom: 0.6em; }
#content div.floatbox img { float: left; }
#content img { margin: 5px 10px 4px 2px; border: 1px solid #000; }

#content div.imgtopic img.right { margin: 5px 2px 4px 10px; float: right; }
#content img.noborder { border: none; }
#content h2 { padding-top: 1.6em; margin-bottom: 0.8em; text-indent: 0.5em; }
#content h3 { color: #ffd384; text-indent: 0.5em; padding-top: 0.5em; margin-bottom: 0.7em }
#content ul { margin-top: 0.4em; margin-bottom: 0.6em; }
#content ul li { margin-left: 6px; }
#content ul h3 { padding-top: 0.8em; }
#content ul.topic { margin-top: 0; margin-bottom: 0; }
#content ul.topic li { margin-left: 0; }

#content ol li { margin-left: 24px; }
#content dt { text-indent: 0.5em; color: #ffd384; background-color: inherit; font-weight: bold; margin-bottom: 0.3em; }
#content dd { margin-bottom: 0.5em; }
#content strong { color: #FFD384; }

#subnav { padding: 0 6px 4px 4px; margin-bottom: 4px; width: 154px; background-color: #4D4D4D; color: #ccc; border-left: 1px solid #000; border-bottom: 1px solid #000; float: right; }
#subnav h4 { margin: 1.2em 0 0.8em 3px; }
#subnav a:hover, #subnav a.current { text-decoration: underline; }
#subnav ul { padding: 0 0 6px 12px; }
#subnav ul li ul { padding: 0 0 0 10px; }
#subnav ul li ul li a { background: url('images_u5/li_spacer.gif') no-repeat 0 50%; padding-left: 10px; }

#footer { padding: 5px 0 4px 0; background: #3d3d3d; border: 1px solid #222; text-align: center; }
#footer a { }
#icons { background: inherit; color: inherit; text-align: center; padding: 6px 0; }
/* form elements */

.clearer { clear: both; }

.annotation { background-color: inherit; color: #BEBEBE; }
.annotation a { color: #ffd384; background: inherit; }
.annotation strong { font-weight: normal; }