/* body, input, button, textarea, select { padding: 0; margin: 0; font: 0.7em Tahoma, Arial, sans-serif, Gulim, Simsun; font-size: 12px; line-height: 1.5em; color: #555; } */
img { border: 0; }
form { margin: 0; }

/* links */
a { color: #2A8ABA; background: inherit; text-decoration:none;}
a:hover { color: #9EC068; background: inherit; }

/* total */
.toleft { clear: both; float: left; width: 50%; padding: 3px 0 2px 1px; margin: 0; }
.toright { padding: 10px 5px 2px 0; margin: 0; text-align: right; font: 11px Tahoma, Arial, Sans-Serif; color:#BABABA; }

.top_utile { position: absolute; top: 8px; left: 880px; }

/* bar */
.bars { clear: both; height:31px; width:100%; background: #eee url(img/tab2.gif);}
.barleft { float: left; height:31px; width:3px; background: #eee url(img/tab1.gif) no-repeat top left; }
.barcenter { padding : 7px 0 0 0; font: 11px Tahoma, Arial, Sans-Serif; color: #ccc; text-align:center; }
.barright { float: right; height:31px; width:6px; background: #eee url(img/tab3.gif) no-repeat top right; }
.barc { padding : 5px 0 0 15px; color: #ccc;}
.bno { float: left; width:40px; }
.bcategory { float: left; width:80px; }
.bsubject { float: left; width:200px; }
.bname { float: right; width:100px; }
.bdate { float: right; width:50px; }
.bhit { float: right; width:40px; }


/* list */
.listc { clear: both; height:28px; border-bottom: 1px dotted #ccc; }
.listcenter { padding : 5px 5px 0 3px; text-align:center; }
.listno { float: left; width:40px; font: 11px Tahoma, Arial, Sans-Serif; color: #999; padding : 3px 0 0 0; }
.listcategory { float: left; width:80px; }
.listsubject { float: left;}
.listname { float: right; width:100px; }
.listdate { float: right; width:50px; font: 11px Tahoma, Arial, Sans-Serif; color: #999; padding : 3px 0 0 0; }
.listhit { float: right; width:40px; font: 11px Tahoma, Arial, Sans-Serif; color: #999; padding : 3px 0 0 0; }

/* page */
.lpage { clear: both; padding : 3px; text-align:center; }

/* search */
.sleft { clear: both; float: left; padding: 5px 0 5px 0; margin: 0; }
.sright { padding: 5px 0 5px 0; margin: 0; text-align: right;}

/* write */
.wleft { clear: both; float: left; width: 60px; padding: 5px 0 0 5px; margin: 3px 0 0 0; }
.wright { padding: 2px 0 0 0; margin: 3px 0 0 0;}
.wsub { clear: both; padding : 15px; text-align:center; border-top: 1px dotted #ccc; }

/* view */
.vtleft { float: left; height: 50px; width: 50px; background: #fff url(img/calendar.gif) no-repeat; padding: 5px 0 0 9px;  color: #808080;}
.vtleft p { margin: 0; padding: 0; font: 0.9em Tahoma, Arial, Sans-Serif; line-height: 1.6em;}
.vtright { padding: 0;}
.vtright h1 { font: bold 1.7em Dotum, Arial, Sans-Serif; margin: 0; letter-spacing: -1px; }
.vtright p { padding: 0 0 2px 0; margin: 0; border-bottom: 1px dotted #ccc; font: 11px Tahoma, Arial, Sans-Serif; color:#999; }

/* plus */
.vplus { clear: both; padding: 2px 0 2px 5px; font: 11px Tahoma, Arial, Sans-Serif; color:#666; }

/* content */
.vcont { clear: both; color:#343434; line-height:2em; padding: 10px 10px 100px 10px;}

/* comment */
.cview { clear: both; height:25px; border-top: 1px dotted #ccc; background: #f5f5f5;}
.cvleft { clear: both; float: left; padding: 1px 0 0 10px; color:#999;}
.cvright { padding: 3px 0 0 0 ; color:#999; text-align:right; }
.ccont { clear: both; color:#565656; line-height:1.6em; padding: 5px 10px 10px 20px;}
.cwrite { clear: both; color:#888; padding: 1px 0 1px 5px;}