@charset "utf-8"; 
@font-face{font-family:Nanumttf; src:url('http://file.nonull.com/work/css/NanumGothic.ttf')format('truetype'); font-family:Nanumeot; src:url('http://file.nonull.com/work/css/NanumGothic.eot')}

*{margin:0; padding:0; }
*{-webkit-text-size-adjust:none;}

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;vertical-align:baseline; background:transparent}
thead, caption, tfoot, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, select, h1, h2, h3, h4, h5, h6, blockquote{vertical-align:middle}

blockquote, q{quotes:none} 
blockquote:before, blockquote:after, 
q:before, q:after{content:''} 
body{line-height:1}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0;}
body{line-height:180%; font-size:100%;text-align:left}
body, input, textarea{font-family:나눔고딕, NanumGothic,Nanumttf,Nanumeot,AppleGothic,Dotum,"Bitstream Vera Sans","Lucida grande",Verdana,arial,sans-serif;}

#header h1{font-size:3em; font-family:"trebuchet ms","Bitstream Vera Sans","Lucida grande",Verdana,arial,sans-serif}
sup, sub{font-size:80%}
small{font-size:90%}
#column2 h2{font-size:1.2em}
#column1 h2, body#contact #column2 h2{font-size:1.4em}
dt, #column1 h3, #column1 h4{font-size:1.2em}
#column1 h5, #column1 h6, #footer{font-size:1em}
#header p {font-size:0.85em}
#menu li{font-size:1.2em}

table, tbody, tr, th, td{vertical-align:top}
table{line-height:150%; margin:.5em 0;background-color:#fff;border:1px solid #e4e4e4;border-collapse:separate; border-spacing:3px; border-collapse:expression("separate",cellSpacing = "3px")}
th, caption{text-align:center}
td{text-align:left}
td table{margin:0}
dl{line-height:180%}
label, input, textarea, fieldset, form{font-size:1em}

del{text-decoration:line-through}
ins{background-color:rgba(0,0,0,.05); border-bottom:1px solid #999; padding:0 4px; text-decoration:none}

img{max-width:100%; margin:2px}

code, pre, blockquote, .diffmarkup {font-family:"Courier New",monospace; font-size:14px; line-height:1.2em}

blockquote{margin-left:15px; padding-left:10px; border-left:3px solid #999}
q{quotes:"'""'"}
q:before{content:open-quote}
q:after{content:close-quote}
q, cite{font-style:italic; margin:1em}
cite{border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1em}

dl{margin:5px 0 5px 0}
dd{padding-left:30px}

sup{padding-left:0.15em; position:relative; top:-0.5em; font-weight:700}

abbr[title], dfn[title], acronym{border-bottom:1px dashed #999; cursor:help}

pre{background:#fff; text-align:left; border:1px dashed #CECF8F; overflow:auto; padding:10px 10px 15px; margin:.5em 0 1em}
/* target IE7 and IE6 */
*:first-child+html pre {
	padding-bottom: 2em;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto; 
	}
* html pre { 
	padding-bottom: 2em;
	overflow: visible;
	overflow-x: auto;
	}
fieldset{border:none; margin:.5em 0 0;}
legend{font-size:1.3em; font-weight:bold; color:#37371E}

textarea{width:97%; overflow:auto}
option{padding:0 .2em}
label{padding-bottom:0.5em; color:#406f08}

a {color:#515815; 
text-overflow:ellipsis;
-o-text-overflow:ellipsis; 	
-text-decoration:underline;-border:none;
text-decoration:none; border-bottom:1px solid #515815}
a:visited {color:#8DA359; 
-text-decoration:underline;-border:none;
text-decoration:none; border-bottom:1px solid #8DA359}
a:hover {text-decoration:none; 
-border:none;border-color:transparent}

#menu > ul li a, 
#header > h1 a,
fieldset a {border-width:0}
a:hover img {-webkit-box-shadow:0 0 20px #515815;-moz-box-shadow:0 0 20px #515815;box-shadow:0 0 20px #515815;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
#menu a, #menu a:visited, #menu a:hover {-text-decoration:none;-border:none;}
#header h1 a, #header h1 a:visited{text-decoration:underline;-border:none;}
#header h1 a:hover{border-width:0; text-decoration:none}

a, #column2 li { /*http://perishablepress.com/press/2010/06/01/wrapping-content/*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

body{padding:10px; background-color:#F0E3A4; background-image:url('images/a4.gif'); background-repeat:repeat-x; color:#37371E;-webkit-font-smoothing: antialiased;}

#outer{margin:0 auto; max-width:61em; width:92.15%; background-color:#FEFEF2; background-image:url('images/a3.gif'); background-repeat:repeat-x; padding:1.0em; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px}

#outer2{border:dotted 1px #EFEAD1; padding:1.0em; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px}

#column1{width:74.5%; float:left; display:inline; margin-right:2.1%}
#column2{width:22%; float:right}

body#contact #column1, body#contact #column2{width:47.82%}
body#contact #column1{float:left; display:inline; margin-right:4.34%}
body#contact #column2{float:right; margin-right:0; margin-bottom:1.5em}

.references li {-o-transition:all 0.5s 0.2s; -webkit-transition:all 0.5s 0.2s; -moz-transition:all 0.5s 0.2s; transition:all 0.5s 0.2s;}
#menu li a{-o-transition:-o-transform 0.2s; -webkit-transition:-webkit-transform 0.2s; -moz-transition:-moz-transform 0.2s; transition:transform 0.2s;}
#menu li a#currentpageitem {-o-transition:-o-transform 0.5s; -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; transition:transform 0.5s;}
#menu li a#currentpageitem, dt:target {-webkit-box-shadow:5px 5px 5px #ccc;-moz-box-shadow:5px 5px 5px #ccc;box-shadow:5px 5px 5px #ccc;}

#menu{ color:#fff; line-height:100%; float:right; margin-top:3em; margin-right:1em}
#menu ul{list-style:none;}
#menu li{display:inline; }
#menu li a{padding:2px 10px 3px; font-weight:700; color:#E7A956; display:inline-block; line-height:100%;}
#menu li a:hover { background-color:#F0E3A4; color:#CB7750;-o-border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;  border-radius:5px; -moz-transform:translateY(-2px); -webkit-transform:translateY(-2px); -o-transform:translateY(-2px); transform:translateY(-2px)} 
#menu li a#currentpageitem{-o-border-radius:20px 0; -moz-border-radius:20px 0;  -webkit-border-top-left-radius:20px;  -webkit-border-top-right-radius:0;  -webkit-border-bottom-left-radius:0;  -webkit-border-bottom-right-radius:20px;   border-radius:20px 0; background-color:#F0E3A4; color:#CB7750;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#cccccc',Direction=180,Strength=5)"}
#menu li a#currentpageitem:hover{-webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -o-transform:rotate(-30deg); transform:rotate(-30deg); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=90,Strength=5)"}
/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#eeeeee',Direction=90,Strength=5); */
#header{margin:0.8em 0 1.2em 1.2em; line-height:220%; float:left; display:inline}
#header h1{text-transform:lowercase; font-weight:normal; letter-spacing:-0.05em; line-height:100%}
#header p{text-transform:lowercase; color:#4F4F2B}

#content{margin-top:1.0em; padding:1.2em; clear:both}

#footer{border-top:dashed 1px #EFEFD6; color:#AFA162; font-size:85%; padding-left:1.2em; clear:both}

.siteinfo h2{display:none}
.siteinfo ul{list-style:none; line-height:130%}
.siteinfo li{display:inline}
.siteinfo li:before{content:"/ "}
.siteinfo li:first-child:before{content:""}

#column1 h2, #column2 h2 {border-bottom:dashed 1px #CECF8F;margin-bottom:.5em}
#column1 #wikitext h2 {margin:.5em 0;}
#wiki #column2 h2{margin-bottom:1em}
#column1 h3{font-weight:bold; border-top:1px solid #CECF8F; border-bottom:1px solid #CECF8F; padding:0; color:#4F4F2B; margin:.7em 0}

dt, #column1 .fpltemplate h3 {font-weight:bold; border:1px solid #CECF8F; padding:0 0 0 5px; color:#4F4F2B;}
dt:target {color:#CB7750;}
dt:target:after {content:" ------------- ^_^?!"; color:#AFA162;}
#column1 h4{border-bottom:1px dotted #CECF8F; margin:.5em 0; color:#4F4F2B}
#column1 h5{color:#406f08; margin:.5em 0}
#column1 h6{margin:.5em 0}

#column1 p{margin:1em 0; color:#4F4F2B}
#column2 p{color:#4F4F2B}

#column2 ul{list-style:none; margin-bottom:1.5em}
#column2 li{color:#8DA359; list-style:disc; margin-left:1.5em; line-height:1.5em; border-bottom:dashed 1px #EFEFD6;}
#column1 ul, #column1 ol{margin-left:1em; padding-left:1em; margin-bottom:1em}

#column2 form + form {margin:1em 0;}
#column2 fieldset{margin-left:2px}
#column1 fieldset, 
#contact #column2 .contactform{border:1px dashed #CECF8F; margin-top:1em; padding:10px}
#column1 fieldset p, 
#contact #column2 fieldset p{margin-top:.2em; margin-bottom:0}

div.submit_area input, 
div.submit_area label, 
select, 
input.inputbutton, 
input[type="submit"]:hover{cursor:pointer}

.write_area input, 
.write_area textarea, 
input.inputbox, 
input[type="text"], 
input[type="password"]{border:1px dashed #CECF8F; padding:3px}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border:1px dashed #CB7750;}
input.inputbutton, 
.submit_area input, 
input[type="submit"], input[type="reset"]{padding:2px}
input.inputbox{width:10em}
#search .inputbox{width:90%}
#search{margin-bottom:1.5em}

label.screen, .screen{position:absolute; top:-10000px; overflow:hidden}
.write_area label{display:block}
.write_area label.inline{display:inline}
#column1 .wikimessage p, 
fieldset span, 
span.required, 
.error{color:#bb1000; font-weight:700}
.wikimessage p{background-color:#FF0; padding:5px}

fieldset ins{padding:0}

#search legend, 
#contact #column2 legend, 
p.post-footer a em, 
.none, 
#menu li.access-hide, 
.access-hide, 
#contact #column1 .navigation{display:none}

.navigation{border-top:1px dashed #CECF8F; margin:1.5em 0 2em;}
#column1 .navigation p{margin:0;}
#column1 .navigation .actionlist{margin-top:1.5em}
.actionlist{font-size:90%}

/* wikistyles */
#column1 ul.references {list-style:none; margin:2em 0; padding:1em; background:#eee}
.references li{background-color:#eee; opacity: 0.7;}
.references li:target{background-color:#fcc;opacity:1;}
.references li, .fpldictindex dd{line-height:140%; font-size:95%}
.fpldictindex dt{line-height:150%; margin:1em 0 .5em}

.tracetrail{padding:.5em .8em; margin:2em 0; background:#eee; border:1px solid #E0E0E0; line-height:130%}
#column1 .tracetrail p{margin:0;}

#travel{margin:0 auto;}
#travel td{background-color:#eee}
#travel th{background-color:#e4e4e4}
#travel td.photo{text-align:center; vertical-align:middle; background-color:transparent}
.nomargin, .frame img, .photo img{margin:0}

.frame{border:1px solid #CECF8F; background-color:#f9f9f9; padding:8px}

.lfloat{float:left; margin-right:0.5em}
.rfloat{float:right; margin-left:0.5em}
.lfloat:after, .rloat:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
} /*http://perishablepress.com/press/2009/12/06/new-clearfix-hack/*/
* html .lfloat,* html .rloat { zoom: 1; } /* IE6 */
*:first-child+html .lfloat, *:first-child+html .rloat {zoom: 1; } /* IE7 */

/* pmwiki */
.vspace{margin-top:1.33em}
.indent{margin-left:40px}
.outdent{margin-left:40px; text-indent:-40px}
a.createlinktext{text-decoration:none; border-bottom:1px dotted gray}
.createlink{text-decoration:none; position:relative; top:-0.5em; font-weight:700; font-size:smaller; border-bottom:none}

/* markup */
.markup{table-layout:fixed; background-color:#E0E0E0; width:100%; border-spacing:5px; border-collapse:expression("separate",cellSpacing = "5px")}
.markup1, .markup2{background-color:#FEFEF2}
.markup1 pre{margin:0; border-width:0; background-color:#EEE}
.vert .markup1{}
.horiz .markup1{max-width:23em}
.markup caption{text-align:left}

.faq p, .faq pre{margin-left:2em}
p.question:first-letter{float:left; color:#788156; font-size:250%; line-height:0.85em; margin-right:0.3em; margin-bottom:-0.25em}

div.faq p.question, p.question, .diffauthor, .diffchangesum{font-weight:700}

/* pagerev */

.diffbox {width:100%;margin-right:-10px;margin-bottom:1.5em;line-height:120%;font-size:85%;border:1px solid #ddd;}
.diffbox caption {padding:3px 0 3px 4px;text-align:left;}
.diffbox th {text-align:left;}
.diffbox tfoot td {text-align:right;}
.diffbox thead th, .diffbox thead td, .diffbox tfoot td {background:#ddd;padding:3px;}
.diffbox thead th {text-align:center;}
.diffbox tbody td {line-height:140%; font-size:12px; width:95%;}
.diffadd{border-left:5px #9f9 solid; padding-left:5px}
.diffdel{border-left:5px #ff9 solid; padding-left:5px}

/* urlapprove */
.apprlink{font-size:1em}

/*toc*/
span.anchor{float:left; font-size:10px; margin-left:-10px; width:10px; position:relative; top:-0.1em; text-align:center}
span.anchor a{text-decoration:none}
span.anchor a:hover{text-decoration:underline}
ol.toc{text-indent:-20px; list-style:none}
ol.toc ol.toc{text-indent:-40px}
div.tocfloat{margin-bottom:10px; border-top:1px dotted #555; border-bottom:1px dotted #555; width:38%; float:right; margin-left:10px; clear:right; margin-right:-13px; background-color:#eee; padding:5px 13px}
div.toc{border:1px dotted #ccc; background:#f7f7f7; margin-bottom:10px; padding:4px; width:95%}
span#tocidtog{font-size:.9em; cursor:pointer; border-bottom:1px solid #ccd0d6; color:#34425b}
span#tocidtog:hover{border-bottom:1px solid #0d1117; color:#0d1117}

.tags a span{display:none}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.createlink span{display:none}

p.question:first-letter{font-family:Old English,Georgia,serif}


@media all and (max-width:800px), only screen and (max-device-width: 800px) {input.inputbox,textarea,.write_area input {width:90%}
}

@media all and (max-width:660px), only screen and (max-device-width: 660px){
body{position:absolute;left:0;right:0;font-size:80%;padding:0;} 
#outer{margin:0 auto; max-width:100% !important; background-color:#FEFEF2; padding:1em; border-top:none; border-radius:0; -o-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0}
code, pre, blockquote, .diffmarkup {font-size:12px;}
pre { /*http://perishablepress.com/press/2010/06/01/wrapping-content/*/
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	overflow-y:hidden !important;
	}
#outer2{border:none; padding:0}
#header, #menu{float:none; }
#header{margin:0;padding:0 0 1em;}
#header h1, #header p, #menu{padding:0; margin:0;text-align:center;}
#header h1 {font-weight:bold;}
.navigation{clear:both}

#menu li a{padding:2px 3px 3px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#F0E3A4; color:#CB7750; font-size:85%;}
#menu li a:hover{color:#444}
#menu li a#currentpageitem{-o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#444}
#content{padding:0; margin-top:1.5em}
#column1 .lfloat, #column1 .rfloat{float:none}
#column1 .frame{margin-left:0; margin-right:0; border-width:1px 0; border-style:dotted; padding:8px 0}
#column1, #column2, body#contact #column1, body#contact #column2{float:none; width:100%}
#column1, body#contact #column1{margin-right:0; margin-left:0}

img{margin:3px 0}
.photo img{margin:0}
#menu li.access-hide{display:inline}
#footer .access-hide{display:block; margin-bottom:1em}
input.inputbox, #search .inputbox{max-width:10em}
div,li,form,select,object,embed,ul,ol,pre{max-width:100% !important}
#section1, #section2{width:47.82%}
#section1{float:left; display:inline; margin-right:4.34%}
#section2{float:right; margin-right:0}
}

@media all and (max-width:320px), only screen and (max-device-width: 320px) {
body{background-image:url('images/a3.gif'); background-color:#FEFEF2;padding-left:10px;padding-right:10px;}
#outer {width:100%;padding:0;}
#section1,#section2{width:100%; float:none}
#section1{margin-right:0}
}