@import url(common.css);
html, body, #wrap, #content, #content_index { height: 98%;}
body { width: 100%; background: url(../img/background.png) repeat;}
h1, h2 { visibility:hidden; position:absolute; top:-10000px; width:0; height:0; overflow:hidden;}
div#wrap { position: relative; width: 98%; min-width: 990px; margin: 0 auto;}
/* login
---------------------------------------------------*/
div#login { width: 100%; margin: 0 auto; padding: 150px 0; background: url(../img/bg.png) repeat-x 0 250px;}
div#login fieldset { position: relative; width: 366px; height: 107px; margin: 0 auto; padding: 143px 0 0 54px; background: url(../img/login_bg.png) no-repeat left center; text-align: left;}
div#login fieldset label{ visibility:hidden; position:absolute; top:-10000px; width:0; height:0; overflow:hidden;}
div#login fieldset input { width: 185px; height: 18px; margin: 5px 0; padding: 2px 0; border:1px solid #e1e1e1;}
div#login fieldset input.btn_login { position: absolute; width: 114px; height: 62px; margin: -30px 0 0 20px; background: url(../img/btn_login.png) no-repeat right bottom; text-indent: -999em; border: none; cursor: pointer;}
div#login div { position: relative; width: 366px; height: 20px; margin: 0 auto; padding: 10px 0 0 54px; text-align: left;}
/* mainNav
---------------------------------------------------*/
div#mainNav { width: 98%; height:180px; margin: 15px 0 0; padding: 15px 0 8px; border:1px solid #79ac2d;}
div#mainNav ul { text-align: right;}
div#mainNav ul li { display: inline; padding: 0 25px; background: url(../img/section_line.png) no-repeat right;}
div#mainNav ul li.end_menu { background: none;}
div#mainNav ul li a:hover { text-decoration: underline;}
/* container
---------------------------------------------------*/
/* border-color #e3e3e3, background-color #f9f9f9, point-color #a5cb52 */
div#container { position: relative; width: 100%; margin: 0px 0 0; text-align: left; min-height:400; _height:400px; }
div#content { position: relative; margin: 0 0 0 210px; background: #fff; }
div#leftMenu { position: absolute; top: 0px; left: 0; width: 200px; background: #fff; }
/* 로그인 정보영역 */
fieldset.login_area { position: relative; width: 98%; padding: 0 0 10px; border: 2px solid #e3e3e3; background: #fff;}
fieldset.login_area legend { display: none;}
fieldset.login_area h3 { width: 100%; height: 23px; margin: 0 0 10px 0; padding: 8px 0 0; background: #eaeaea; font-size: 14px; text-indent: 9px;}
fieldset.login_area p, fieldset.login_area span { margin:0 0 0 15px}
fieldset.login_area a.btn { vertical-align: middle; text-align: right; margin: 0 0 0 55px}
fieldset.login_area div { text-align:center;}
.btn { display: inline-block;}
/* secondaryNav */
div#secondaryNav { width: 100%; margin: 10px 0 20px;}
div#secondaryNav h3 { width: 100%; padding: 8px 0; text-indent: 8px; background: url(../img/category_title.png) no-repeat left top; font-size: 14px; color: #fff;}
div#secondaryNav ul { width: 90%; margin: 0 auto;}
div#secondaryNav ul li { padding: 7px 0; background: url(../img/icon.png) no-repeat right 5px; border-bottom: 1px solid #e3e3e3;}
div#secondaryNav ul li a { display: block; width: 100%;}
/* sidebar list */
div.side_list { width: 100%; margin: 5px 0 10px;}
div.side_list h3 { width: 100%; padding: 7px 0; border-bottom: 1px solid #e3e3e3; color: #79ac2d;}
div.side_list span { float: right; margin: -25px 0 0;}
div.side_list ul li { padding: 5px 0;}
/* front list */
div.front { float: left; width: 48%;height: 350px; margin: 0 1% 20px 0;} /* 공통속성 */
div.front h3, div.list h3 { padding: 7px 0; font-size: 14px; text-indent: 20px;} /* 공통속성 */
h4 { margin: 5px 0; text-indent: 10px;} /* 공통속성 */
div.front_list h3 { width: 100%; padding: 0 0 4px; border-bottom: 1px solid #e3e3e3; font-size: 14px; text-indent: 10px;}
div.front_list span { float: right; margin: -20px 0 0;}
div.front_list ul { margin: 10px 0 0;}
div.front_list ul li { margin: 4px 0; background: url(../img/icon.png) no-repeat left -103px; text-indent: 12px;}
/* go top */
a.go_top { display: block; float: right; width: 38px; height: 58px; background: url(../img/go_top.png) no-repeat; text-indent: -999em; z-index: -20;}
/* 게시판
---------------------------------------------------*/
div.list { clear: both; width: 100%;}
table.bbs_list { width: 100%; border-collapse: collapse; border-top: 3px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #666;}
table.bbs_list th { padding: 7px 0; background: #f9f9f9; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 11px;}
table.bbs_list td { padding: 6px 0; white-space: nowrap; text-align: center;}
table.bbs_list td.title { white-space: normal; text-align: left; text-indent: 10px;}
table.bbs_list td.title strong { font-weight: bold; color: #79ac2d;}
table.bbs_list td.title a { color: #666;}
table.bbs_list td.title a:hover { text-decoration: underline;}
table.bbs_list td.date { letter-spacing: 0;}
div.btn_area { width: 100%; margin: 10px 0; text-align: right;}
/* pagenum */
div.list_paging { width: 45%; margin: 0 auto; padding: 5px 0; text-align: center;}
div.list_paging a { margin: 0 2px; padding: 8px;}
div.list_paging img { vertical-align: text-top;}
div.list_paging a:hover { padding: 3px 7px 2px 7px; border:1px solid #dcdcdc; text-decoration: underline;}
div.list_paging strong { padding: 3px 7px 2px 7px; border:1px solid #dcdcdc; font-weight: bold; color: #ff534f; text-decoration: underline;}
/* search */
fieldset.search { display: block; width: 50%; margin: 20px auto 0; text-align: center;}
fieldset.search input,fieldset.search select { vertical-align: middle;}
/* view */
dl.bbs_view, dl.bbs_reply_view, fieldset.bbs_reply_write { width: 99%; margin: 0 auto; overflow: hidden; letter-spacing: 0; color: #666;}
dl.bbs_view { margin: 0 auto 10px;}
dl.bbs_view h5 { margin: 0 0 5px; padding: 5px 0; border-bottom:1px dashed #e4e4e4; font-size: 14px; letter-spacing: -1px;}
dl.bbs_view dd.date { float: right; margin: -30px 0; font-size: 11px; color: #b3b3b3;}
dl.bbs_view dd.name, dl.bbs_view dd.hit, dl.bbs_view dd.bbs_download { float: left;}
dl.bbs_view dd.name { font-weight: bold;}
dl.bbs_view dd.hit { padding: 0 15px; font-size: 11px; color: #b3b3b3;}
dl.bbs_view dd.bbs_download { float: right; margin: 0 -180px 0 0;}
*+dl.bbs_view dd.bbs_download { margin: 0 -180px 0 0;} /* IE7 right margin hack */
dl.bbs_view dd a:hover { text-decoration: underline;}
dl.bbs_view dd.bbs_content { clear: both; padding: 25px 0;}
dl.bbs_view dd.bbs_link { text-align: right;}
dl.bbs_view dd.bbs_link a { font-size: 11px; color: #b3b3b3;}
/* 덧글 보기 */
a.reply_num { display: block; width: 70px; margin: 0 0 5px; padding: 0 10px; font-weight: bold; color: #79ac2d}
dl.bbs_reply_view { padding: 5px 0; background: #f9f9f9; text-indent: 15px; overflow: hidden;}
dl.bbs_reply_view dt, dl.bbs_reply_view dd { float: left; padding: 8px 0; border-bottom:1px dashed #e4e4e4; color: #666;}
dl.bbs_reply_view dt { display: inline; width: 18%; margin: 0 0 0 2%;}
dl.bbs_reply_view dd { width: 78%;}
dl.bbs_reply_view dd a { margin: 0 0 0 10px; padding: 0 0 0 8px; background: url(../img/icon_del.png) no-repeat left 2px;}
dl.bbs_reply_view dd a:hover { text-decoration: underline;}
dl.bbs_reply_view dd em { font-size: 11px; color: #b0b0b0;}
/* 덧글 쓰기 */
fieldset.bbs_reply_write { position: relative; margin: 0 0 20px; padding: 0px; background: #f9f9f9; text-indent: 15px; overflow: hidden;}
fieldset.bbs_reply_write label { margin: 0 10px; font-weight: bold;}
fieldset.bbs_reply_write input { vertical-align: middle;}
fieldset.bbs_reply_write a { position: absolute; top: 0px; left: 455px; margin: 0 0 0 5px; text-indent: 0;}
fieldset.bbs_reply_write input#reply_name, fieldset.bbs_reply_write input#reply_pw { height: 20px; border: 1px solid #ddd;}
fieldset.bbs_reply_write textarea { width: 96%; height: 50px; margin: 5px auto; border: 1px solid #ddd; display: block;}
/* 게시판 글쓰기 */
table.write { width: 100%; margin: 0 0 20px 0; border-collapse: collapse; border-top: 1px solid #a5cb52; border-bottom: 1px solid #a5cb52;}
table.write td { height: 30px;}
table.write th { background: #f7f7f7; border-bottom: 1px solid #efefef; text-align: center; font-size: 11px; font-weight: bold; color: #a4a4a4;}
table.write th label { font-size: 12px; color: #444; letter-spacing: 0;}
table.write td { padding: 0 0 0 18px; border-bottom: 1px solid #efefef;}
table.write td textarea { width: 100%; height: 250px; margin: 0 0 0 -9px; border: 1px solid #ddd;}
input#bbs_subject, input#write_name, input#write_pw, input#write_email, input#write_link1, input#write_link2, fieldset.bbs_write input.file_attach { height: 20px; margin: 3px 0; border: 1px solid #c2c2c2; line-height: 150%;}
input#bbs_subject, input#write_link1, input#write_link2 { width: 60%;}
/* 삭제 확인박스 */
fieldset.bbs_del { display: block; width: 360px; height: 67px; margin: 20px auto; padding: 40px 0; background: url(../img/box.png) no-repeat; text-align: center;}
fieldset.bbs_del p { margin: 0 0 20px; font-size: 14px; font-weight: bold; color: #a5cb52;}
fieldset.bbs_del input { vertical-align: middle;}
/* footer
---------------------------------------------------*/
div#footer { width: 99%; margin: -55px 0 0; padding: 7px 0; text-align: center;}
/* icon
---------------------------------------------------*/
.icon { background: url(../img/icon.png) no-repeat right 0px;}
.new1 { padding: 0 15px 0 0; background-position: right -30px;}
.new2 { padding: 0 15px 0 0; background-position: right -45px;}
.more1 { padding: 0 13px 0 0; background-position: right -60px;}
.more2 { padding: 0 13px 0 0; background-position: right -70px;}
.blit { padding: 0 13px 0 0; background-position: right -75px;}
.down { padding: 0 0 0 20px; background-position: left -82px;}
.ct1 { padding: 0 0 0 30px; background-position: left -114px;}
.ct2 { padding: 0 0 0 30px; background-position: 20px -145px;}
/* 2009 1 16 add */
.list_even {background: #f7f7f7;} /* 게시판 tr 짝수 번째 색상 */
.list_odd {background: #FFFFFF;} /* 게시판 tr 짝수 번째 색상 */