@charset "UTF-8";

body { margin: 0; padding: 0 2em; background-color: #597259; color: #fff; font: .9em/1.5 "Malgun Gothic", AppleGothic, sans-serif; }
body * { margin: 0; padding: 0; font-size: inherit; font-family: inherit; font-weight: normal; }
body *:lang(en) { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #b4ffb4; text-decoration: underline; }
a:hover, a:active, a:focus { background-color: #395239; color: #75ff75; text-decoration: underline; }
a img { border: 0; }
hr { display: none; }
ins { background-color: #ffffbb; text-decoration: none; }
ins:before { content: "추가: "; background-color: #ffffbb; }
code { padding: 2px; background-color: #eee; color: #000; font: 1em/1.3 "Bit Sera Sans Mono", "Courier New", Courier, 굴림체, monospace !important; }
pre {
  margin: 1em 0;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}
pre code { display: block; padding: 8px; background: #325432 url(/i/codebg.svg); color: #fff; font: .9em/1.3 "Bit Sera Sans Mono", "Courier New", Courier, 굴림체, monospace !important; }
pre code.html { background-image: url(/i/codebg-html.svg); }
pre code.css { background-image: url(/i/codebg-css.svg); }
strong code { font-weight: bold; }
abbr, acronym { border-bottom: 1px dotted #666; outline: 0; cursor: help; }
a abbr, a acronym { cursor: pointer; }
strong { font-weight: bold; }
small { font-size: .8em; }
input[type="text"]:focus,
textarea:focus,
select:focus {
    border: 2px solid #fc9fff;
    background-color: #ff8;
}
input[type="password"]:focus {
    border: 2px solid #fc9fff;
    background-color: #fcc;
}

#wrap { position: relative; max-width: 950px; min-width: 700px; margin: 0 auto; }
#skipnav { position: absolute; top: -999em; }
#header { margin-right: 220px; background: url(/i/bgtr.png) no-repeat 100% 100%; }
#header h1 { position: absolute; top: 18px; right: 53px; }
#header h1 a { display: block; width: 106px; height: 106px; background: url(/i/logo.png) no-repeat; text-indent: -999em; overflow: hidden; }
body.doc #header h1 { display: none; }
#header p { position: absolute; top: 123px; right: 0; width: 205px; text-align: center; font-size: .8em; }
#header ul { list-style: none; padding: 5px 10px 10px 0; background: url(/i/bgtl.png) no-repeat 0 100%; text-align: right; }
#header ul li { display: inline; padding-left: .7em; }
#header form { position: absolute; top: 2px; left: 10px; width: 255px; }
#header form fieldset { opacity: .9; border: 0; }
#header form fieldset * { vertical-align: middle; }
#header form legend,
#header form label { display: none; }
#header form input { font: .9em/1.3 "Malgun Gothic", AppleGothic, sans-serif; }
#header form button { font: .9em/1.2 "Malgun Gothic", AppleGothic, sans-serif; }

#content { margin-right: 220px; padding: 10px 43px; background: #fff url(/i/bgr.png) repeat-y right; color: #000; }
#content div.mbg { margin: -10px -43px; padding: 10px 43px; background: url(/i/bgl.gif) repeat-y 0 0; }
#content div.navigation { height: 3em; font-size: .9em; }
#content div.navigation span.prev { float: left; white-space: nowrap; }
#content div.navigation span.next { float: right; white-space: nowrap; }
#content a:link, #content a:visited { color: #31a131; text-decoration: underline; }
#content a:hover, #content a:active, #content a:focus { color: #1EBB1E; text-decoration: underline; background-color: #ff8; }
#content h2 { margin: 0 -25px; padding: 0 .2em .2em; border-bottom: 1px solid #7e7e7e; font-size: 2em; font-weight: bold; text-shadow: 2px 2px 2px #bbb; }
#content h2 a { color: #000 !important; text-decoration: none !important; }
#content h3 { margin: .7em -20px; padding: 0 .2em .2em; background: url(/i/h3line.gif) repeat-x 0 100%; font-size: 1.5em; font-weight: bold; text-shadow: 2px 2px 2px #bbb; }
#content h3 a:link, #content h3 a:visited { color: #000; text-decoration: none; }
#content h3 a:hover, #content h3 a:active, #content h3 a:focus { color: #1EBB1E; text-decoration: none; }
#content h4 { margin: .5em -12px; font-size: 1.3em; font-weight: bold; }
#content p { margin: 1em 0; }
#content p.createdat { margin: 0 -25px; padding: 0 .2em; text-align: right; font-size: .9em; color: #7e7e7e; }
#content p.postmetadata { padding: .5em; background-color: #eee; font-size: .8em; color: #333; }
#content p.sshot img { display: block; }
#content p.warning { color: #f22; }
#content p.updatedat { text-align: right; color: #777; font-size: .9em; }
#content p.captionwithsshot { text-align: center; margin: 2em 0; }
#content dl { margin: 1em 0; }
#content dd { margin: 0 0 .5em; padding-left: 1.5em; }
#content ul { margin: 1em 0; list-style: none; }
#content ul ul { margin: 0; }
#content ol { margin: 1em 0; }
#content ol ol { margin: 0; }
#content li { padding-left: 15px; }
#content ol li { margin-left: 15px; padding: 0; }
#content ol ul li { margin: 0; padding-left: 15px; }
#content ul li { background: url(/i/ul1.gif) no-repeat 3px .6em; }
#content ul li ul li { background: url(/i/ul2.gif) no-repeat 4px .6em; }
#content ul li ul li ul li { background: url(/i/ul3.gif) no-repeat 5px .6em; }
#content blockquote { margin: 1em 0; padding-left: 30px; background: url(/i/blockquote.gif) no-repeat 3px 3px; }
#content form { margin: 1em 0; }
#content fieldset { margin: 1em 0; padding: .5em .8em; border: 1px dotted #7e7e7e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content fieldset legend { padding: .2em .4em; border: 1px solid #7e7e7e; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content ol.commentlist li { padding: .6em 0 .3em; border-bottom: 1px dotted #7e7e7e; font-size: .9em; }
#content ol.commentlist li a img { border: 1px solid #51B151; }
#content ol.commentlist ul li { padding: 0 0 0 15px; border: 0; font-size: 1em; }
#content span.eg-image {float:right; margin-left:10px; display:block;}
#content span.eg-image a { margin-right: 0 !important; padding-right: 0 !important; background-image: none !important; }
#commentform textarea { width: 95%; max-width: 95%; resize: vertical; }

#sidebar { position: absolute; top: 153px; right: 0; width: 215px; }
#sidebar code { background: none; color: inherit; }
body.doc #sidebar { top: 2em; }
#sidebar h2 { background: url(/i/sideh.gif) repeat-x bottom; font-size: 1.6em; padding: .2em; color: #fff; text-shadow: 2px 2px 2px #325432; }
#sidebar strong { background: url(/i/sideh.gif) repeat-x bottom; font-size: 1.2em; padding: .2em; color: #fff; }
#sidebar ul { list-style: none; }
#sidebar ul ul { margin: .5em 0; }
#sidebar ul ul li { padding-left: 12px; background: url(/i/sideitem.gif) no-repeat 3px .7em; font-size: .8em; }
#footer { margin-right: 220px; padding-bottom: 15px; background: url(/i/bgbr.png) no-repeat 100% 0; text-align: center; font-size: .8em; }
#footer address { padding-top: 15px; background: url(/i/bgbl.gif) no-repeat 0 0; }