ol, ul, li { margin:0;padding:0;list-style-type:none; }
dl, dt, dd { margin:0;padding:0; }
img, table { border:0; }
h1, h2, h3, h4, h5, h6, p { margin:0;padding:0; }

html { height:100%; }
body, table { font-size:14px;font-family: "맑은 고딕","Malgun Gothic", "Lucida Grande", Verdana, AppleGothic,  Dotum, sans-serif; }
body { margin:0;padding:0;background:#def5fd url(/images/blog/bg_body.jpg) repeat-x;text-align:center; }
#frame { margin:0 auto;width:1000px;overflow:hidden;text-align:left; }
#skipnav { float:right;padding:0.2em; }
#skipnav li { display:inline;font-size:0.8em;padding:0 0 0 2em; }
#skipnav li a { color:#507182;text-decoration:none; }

#header { clear:both; }
#header h1 a { padding:0 0 0.2em 0.3em;float:left;color:#507182;text-decoration:none; }
#header p { float:left;padding:1em 0 0 1em; }

#middle { margin-right:10px;clear:both;overflow:hidden;float:left;width:748px;background-color:#FFF;border:1px solid #479dba;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; }
#nav { overflow:hidden;height:30px;padding-left:10px;background-color:#222;-moz-border-radius:4px 4px 0 0;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;border-radius:4px 4px 0 0; }
#nav li { float:left; }
#nav li a { float:left;display:inline;padding:4px 14px 0;height:26px;color:#FFF;font-weight:bold;text-decoration:none; }
#nav li.now a, #nav li a:hover { color:#000;background-color:#fc0; }

#content { clear:both;padding:20px 14px; }
.post h2 { clear:both;border-bottom:1px solid #d6cb9f;background:url(/images/blog/ico_txt_file.gif) 0 4px no-repeat;font-size:1.3em;padding:0 0 3px 22px;margin-bottom:10px; }
.post h2 a { color:#444;text-decoration:none; }
#content p { line-height:1.3;margin:1em 0;}

.post p code, .post pre { border:1px solid #4792ba;padding:.3em;overflow:auto;background-color:#ddddee;  }
.post li { padding:0 0 4px 10px;background:url(/images/blog/bul_squ.gif) 2px 10px no-repeat;margin-left:5px;  }

.metadata { clear:both;margin-top:10px; }
.metadata h4 { font-size:0.9em;font-weight:normal;letter-spacing:1px;width:100px;background-color:#ffcc00;border:1px solid #b4ab86;text-align:center;padding:5px 0;border-width:1px 1px 0 1px;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius:6px 6px 0 0; }
.metadata dl { border-top:1px solid #c1a846;overflow:hidden;height:120px;padding:10px 0 0 10px;margin-bottom:10px; }
.metadata dl dt { clear:both;float:left;width:60px;height:23px;font-size:0.8em; }
.metadata dl dd { float:left;width:648px;font-size:0.8em;height:23px;color:#444; }
.metadata dl dd a { color:#605011; }

div.comment { clear:both;margin:10px 0; }
div.comment h2 { font-size:0.9em;font-weight:normal;letter-spacing:1px;width:100px;background-color:#ffcc00;border:1px solid #b4ab86;text-align:center;padding:5px 0;border-width:1px 1px 0 1px;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius:6px 6px 0 0; }
div.comment .info { border-top:1px solid #c1a846;padding:10px 10px 0; }
div.comment .info li { background:url(/images/blog/bul_arr.gif) 0 7px no-repeat;font-size:0.9em;padding:4px 0 0 10px; }
div.comment .info li a { color:#605011; }
div.comment .list li { background-color:#FFF;color:#53481c;border:1px solid #b4ab86;padding:10px;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:10px; }
div.comment .list li.chalt { background-color:#f9eec0 }
div.comment .list li a { color:#444;text-decoration:none; }
div.comment .list li p.head { overflow:hidden;border-bottom:1px solid #d1c38b; height:37x;}
div.comment .list li p.head span.gravatar { float:left;margin-right:10px; }
div.comment .list li span.reply img { float:right;vertical-align:middle;margin-top:7px; }
div.comment .list li div.contents { clear:both;padding:5px 0; }
div.comment .list li cite { float:left;font-style:normal;margin-top:-4px; }

pre.code, blockquote { margin:0;border:1px solid #AAA;padding:10px;font-size:0.8em;overflow:auto;background-color:#EEE; }
.commentW { clear:both;margin:10px 0; }
.commentW h2 { font-size:0.9em;font-weight:normal;letter-spacing:1px;width:120px;background-color:#ffcc00;border:1px solid #b4ab86;text-align:center;padding:5px 0;border-width:1px 1px 0 1px;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius:6px 6px 0 0; }
.commentW form { border-top:1px solid #c1a846;padding:10px 0 0;margin:0; }
.commentW label { font-size:0.8em;clear:both;float:left;width:180px;padding:4px 0 0 10px; }
.commentW p { clear:both;margin-bottom:5px;width:600px; }
.commentW #author, .commentW #email, .commentW #url { height:18px;padding:0;font-size:0.9em;width:400px; }
.commentW textarea { width:380px;padding:10px;font-size:0.9em; }
.commentW #submit { text-align:right;float:right; }

#articleNav { clear:both;margin:10px 0; }
#articleNav h2 { font-size:0.9em;font-weight:normal;letter-spacing:1px;width:130px;background-color:#ffcc00;border:1px solid #b4ab86;text-align:center;padding:5px 0;border-width:1px 1px 0 1px;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius:6px 6px 0 0; }
#articleNav ul { border-top:1px solid #c1a846;margin:0; }
#articleNav li a { display:block;border-bottom:1px solid #c1a846;margin:0;padding:5px 0 5px 20px;color:#444;text-decoration:none; }
#articleNav li.prevPage a { background:url(/images/blog/ico_up.gif) 2px 5px no-repeat; }
#articleNav li.nextPage a { background:url(/images/blog/ico_down.gif) 2px 5px no-repeat; }

#sidebar { float:left;width:240px; }
#sidebar h3 {  margin-bottom:5px;border:1px solid #9f7f00;font-size:1.0em;background-color:#fc0;color:#000;padding:2px 0 0 10px;height:24px;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;opacity: 0.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";font-weight:normal; }
.widget-search { margin-bottom:10px;text-align:left;; }
.widget-search input.text { height:18px;padding:0;border:1px solid #9f7f00; }
.widget-search input { vertical-align:top; }
.widget-search p { color:#c69e01;font-size:0.8em;margin:3px 0 0 10px; }

.widget-categories ul { background-color:#FFF;border:1px solid #479dba;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;padding:10px 0;margin-bottom:10px; }
.widget-categories ul li { padding:0 0 4px 10px;font-size:0.8em;background:url(/images/blog/bul_squ.gif) 2px 5px no-repeat;margin-left:5px; }
.widget-categories ul li a { color:#444;text-decoration:none; }

.widget-banner ul { padding:10px; }
.widget-banner ul li { padding:0 0 4px 0;font-size:0.8em; }
.widget-banner ul li a { color:#444;text-decoration:none; }

.widget-meta ul { background-color:#FFF;border:1px solid #479dba;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;padding:10px 0;margin-bottom:10px; }
.widget-meta ul li { padding:0 0 4px 10px;font-size:0.8em;background:url(/images/blog/bul_squ.gif) 2px 5px no-repeat;margin-left:5px; }
.widget-meta ul li a { color:#444;text-decoration:none; }

.widget-recent-entries ul { background-color:#FFF;border:1px solid #479dba;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius: 5px;padding:10px 0;margin-bottom:10px; }
.widget-recent-entries ul li { padding:0 0 4px 10px;font-size:0.9em;background:url(/images/blog/bul_squ.gif) 2px 5px no-repeat;margin-left:5px; }
.widget-recent-entries ul li a { color:#444;text-decoration:none; }

#footer { clear:both;width:748px;text-align:right; }
#footer p { color:#507182;font-size:0.9em;padding:5px; }
#footer p a { color:#507182;font-weight:bold; }

h2.bookmarkCate { margin-top:20px;font-size:0.9em;font-weight:normal;letter-spacing:1px;width:150px;background-color:#ffcc00;border:1px solid #b4ab86;text-align:center;padding:5px 0;border-width:1px 1px 0 1px;-moz-border-radius:6px 6px 0 0;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-radius:6px 6px 0 0; }
ul.bookmarkL { border-top:1px solid #c1a846; }
ul.bookmarkL li { padding:5px 10px 0;border-bottom:1px solid #DEDEDE; }
ul.bookmarkL li h3 { font-size:1em; }
ul.bookmarkL li h3 a { color:#545454;text-decoration:none; }
ul.bookmarkL li h3 a:hover { color:#000; }
ul.bookmarkL li p { font-size:0.8em; }

#cse-search-results iframe { width:750px !important; }