@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Modified by fsfsdas(admin@starforum.kr) */

/* Element Reset */
body { margin:0; font-family:Dotum, Tahoma, Sans-serif; font-size:12px; background:#fff; color:#000;}
address { font-style:normal;}
hr{ display:none; position:absolute;}
img,
fieldset{ border:0; margin:0; padding:0;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}

/* Form Controls */
.inputText{ border:1px solid; padding:3px 4px 0 4px; _margin:-1px 0; font-size:12px;}

/* Skip To Content */
a.skipToContent{ display:block; position:relative; top:0; clear:both; overflow:hidden; height:0; text-decoration:none;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}

/* Layout */
#container{ margin:0 20px;}
#header{ padding:30px 0 0 0; margin:0 0 11px 0;}
#body{ margin-bottom:13px; background:url(../img/bgE1.gif) repeat-y;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:762px;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:183px; padding:20px 0 150px 0}
#footer{ border-top:1px solid #cfcfcf; padding:1em 0 3em 0;}

/* Header Extension */
#header h1{ margin:0 0 10px 0;}

#header .account{ position:absolute; top:37px; right:15px; color:#999; margin:0;}
#header .account strong{ font-weight:normal; color:#000;}
#header .account em{ font-size:11px; font-style:normal; letter-spacing:-1px; margin-right:5px;}
#header .account .buttonAccount,
#header .account .buttonAccount input, 
#header .account .buttonAccount a { cursor:pointer; position:relative; display:inline-block; height:18px; line-height:18px; font-size:11px; color:#777; text-decoration:none; background-image:url(../img/buttonSmall.gif); background-color:transparent; background-repeat:no-repeat; vertical-align:middle; overflow:visible; border:0;}
#header .account .buttonAccount a img { display:none; }
#header .account .buttonAccount{ background-position:left top; margin-right:2px;}
#header .account .buttonAccount input,
#header .account .buttonAccount a{ left:2px; _top:-1px; background-position:right top; padding:0 7px 0 5px;}
#header .account input.inputType { margin:0; vertical-align:middle; height:14px; width:60px; border:1px solid #ccc; color:#444; font-size:11px; padding:2px;}
#header .account input.inputType:focus { padding:1px; border:2px solid #aaa; }
#header .account #keepA { margin:0; padding:0; vertical-align:middle;}
#header .account label { display:none; width:200px;  position:absolute; top:20px; left:0; background-color:#fff; border:1px solid #ccc; padding:5px; z-index:5;}
#header .account label.show { display:block; }

#header .extension{ border:1px solid #37393d; padding:9px 0 10px 12px; background:url(../img/bgGnb.gif) repeat-x; height:14px;}
#header .extension ul{ position:relative; margin:0; padding:0; overflow:hidden; *zoom:1;}
#header .extension li{ position:relative; left:-2px; margin:0 -4px 0 0; background:url(../img/vrGnb.gif) no-repeat left center;}
#header .extension li a{ display:inline-block; padding:0 10px; color:#9EA1AB; text-decoration:none;}
#header .extension li.on a{ color:#6DADDD; }
#header .extension li img{ vertical-align:middle;}

#header .extension .search{ position:absolute; top:8px; right:15px; margin:0; padding:0; _float:right;}
#header .extension .search fieldset{ _float:right;}
#header .extension .search *{ vertical-align:top;}
#header .extension .search .inputText{ border-color:#23242c; height:14px; background:#cfd0d4;}
#header .extension .search .inputText:focus{ background:#fff;}

/* Footer Extension */
#footer address{ color:#a3a3a3; font:9px Verdana;}
#footer strong{ color:#757575;}

/* Main Side */
#content .mainSide{ width:199px; float:right;}
#content .mainSide .section{ margin:0 0 15px 0;}