/* 스타일시트 */
@charset "utf-8";

body, div, p, h1, h2, h3, h4, h5, img, ul, ol, li, table, thead, tbody, tr, th, td, a, dl, dt, dd { margin:0; padding:0; border:0; text-decoration:none; color:black; line-height:120%; }
body, input, option, select, textarea { font-family:"굴림", Gulim, Tahoma; font-size:12px; }
table { border-collapse:collapse; }
ul { list-style-type:none; }

#wrapper { width:966px; margin:0 auto; }
#logo { float:left; }
#toolbar { height:34px; }
#toolbar ul { float:right; }
#toolbar li { float:left; padding:15px 5px 0 5px; }
#middler { clear:both; overflow:hidden; }
#main_content { margin:28px 0 18px 0; height:167px; position:relative; }
#main_content div.content { position:absolute; height:100%; }
#main_photo { width:315px; }
#main_notice { width:300px; left:345px; }
#main_who { width:289px; left:675px; }
#left_menu { _width:207px; padding:0 12px; width:183px; float:left; letter-spacing:-1px; }
#num { font-size:30px; font-weight:bold; float:left; padding-left:15px; letter-spacing:-4px; z-index:2; }
#kor { font-size:19px; font-weight:bold; z-index:1; margin-left:48px; }
#eng { font-size:11px; font-weight:bold; color:#808080; z-index:1; margin-left:48px; }
#left_menu ul { clear:left; margin:15px; }
#left_menu li { border-bottom:1px dotted #cdcdcd; }
#left_menu li a { padding:3px 0 3px 15px; display:block; background:url(../image/bullet_off.jpg) no-repeat left center; color:#808080; }
#left_menu li.current a { background-image:url(../image/bullet_on.jpg); color:black; }
#left_menu li a:hover { color:black; }
#navigation, #content { margin:20px 0 0 207px; }
#navigation { background:url(../image/content_back.jpg) no-repeat; width:759px; height:41px; overflow:hidden; letter-spacing:-1px; word-spacing:-2px; }
#title { float:left; font-size:19px; font-weight:bold; color:#30550a; padding:9px 0 0 20px; }
#trace { float:right; padding:14px 20px 0 0; }
#content { margin-bottom:15px; padding-bottom:15px; }
#footer { background:url(../image/footer_back.jpg) no-repeat; height:90px; }
#copyright { margin-left:200px; padding-top:30px; margin-right:400px; }
#counter { float:right; padding-top:33px; }
#counter div.counter { float:left; display:block; _width:120px; padding:2px 5px; width:110px; margin:0 5px; border:1px solid #cdcdcd; }

#main div.tab { overflow:hidden; border-bottom:1px solid #447824; }
#main div.tab ul { float:left; overflow:hidden; cursor:default; }
#main div.tab li { float:left; display:block; }
#main div.tab li a { font-weight:bold; color:#808080;display:block; background-color:#efefef; border:1px solid #cdcdcd; border-bottom:0; padding:3px 10px; letter-spacing:-1px; margin-right:5px; cursor:pointer; }
#main div.tab li.current a { color:white; background-color:#65a944; border-color:#447824; }
#main div.tab img { float:right; padding-top:8px; }
#main ul.dmz_photo li { _width:146px; padding:12px 10px; width:126px; float:left; text-align:center; }
#main ul.dmz_photo li img { width:124px; height:90px; border:1px solid #cdcdcd; margin-bottom:2px; }
#main ul.dmz_photo { display:none; padding-left:9px; }
#main_flash { position:relative; }
#dmz_slide { position:absolute; overflow:hidden; top:260px; left:85px; }
#dmz_slide li { float:left; display:block; width:134px; height:96px; border:1px solid black; margin-right:30px; }
#dmz_slide img { width:100%; height:100%; }
#slide_link { position:absolute; top:245px; left:5px; padding:3px 5px; border:1px solid #cdcdcd; background-color:#efefef; }
#slide_link:hover { background-color:#808080; color:white; }
ul.notice li { margin-top:8px; padding-left:10px; background:url(../image/bullet.jpg) no-repeat left center; overflow:hidden; text-align:right; }
ul.notice li span.subject { display:block; float:left; width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
ul.notice li img { padding-right:20px; }
ul.notice li a:hover { text-decoration:underline; }

#content a { color:#123490; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content fieldset { border:0; }
#content legend, #content caption { display:none; }

#list table { width:100%; border-collapse:collapse; table-layout:fixed; }
#list caption { display:none; }
#list thead tr { background-color:#65a944; }
#list tbody tr { border-bottom:1px solid #cdcdcd; }
#list tr.notice { background-color:#eeffee; }
#list tr.odd { background-color:#f8f8f8; }
#list th { height:30px; color:white; font-weight:bold; }
#list td { text-align:center; height:25px; }
#list td.subject { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#list col.num { width:8%; }
#list col.photo { width:30%; }
#list col.opt1 { width:8%; }
#list col.opt2 { width:8%; }
#list col.name { width:12%; }
#list col.date { width:12%; }
#list col.hits { width:8%; }
#list a { text-decoration:none; color:#333; }
#list a:hover { text-decoration:underline; }
#list td img { width:95%; }

#list #page { text-align:center; margin-top:10px; }
#list #page span { padding:0 5px; }
#list #page span.current { color:black; font-weight:bold; }

#list #search fieldset { border:0; }
#list #search legend { display:none; }
#list #search { text-align:center; }

#list #write_button { text-align:right; }
#list #write_button a { color:#424242; text-decoration:none; border:1px solid #808080; padding:1px 5px; background-color:#efefef; }
#list #write_button a:hover { background-color:#cdcdcd; }

#write fieldset { border:0; }
#write legend { font-size:14px; color:#4a73d7; font-weight:bold; padding-bottom:10px; }
#write form { padding:10px; }
#write dt { float:left; height:25px; width:100px; }
#write dd { height:25px; }
#write dd.body { height:auto; padding-bottom:10px; }
#write #submit_wrapper { text-align:center; }
#write span.delete { padding:0 5px; }
#write span.file { padding-left:10px; }
#write span.file a { color:#123490; }

#view #subject_wrapper { height:14px; background-color:#65a944; font-size:14px; font-weight:bold; padding:8px 0 8px 10px; }
#view #bp_subject { color:white; }
#view #info_wrapper { padding:10px; background-color:#f8f8f8; }
#view #content_wrapper { border-bottom:2px solid #65a944; margin-bottom:10px; }
#view #content_body { border-bottom:1px dotted #65a944; border-top:1px dotted #65a944; padding:10px; }
#view #content_body img { max-width:680px; margin-bottom:10px; }
#view #content_file { padding:10px; background-color:#f8f8f8; }
#view div.file a { color:#123490; }
#view div.file span { display:inline-block; overflow:hidden; }
#view div.file span.bf_name { width:220px; }
#view div.file span.bf_download { width:100px; }
#view div.file span.bf_size { width:160px; }
#view div.file span.bf_uploadtime { width:190px; }
#view #button_wrapper { text-align:right; }
#view #button_wrapper div { display:inline; }
#view #button_wrapper a { color:#424242; text-decoration:none; border:1px solid #808080; padding:1px 5px; background-color:#efefef; }
#view #button_wrapper a:hover { background-color:#cdcdcd; }
#view #button_wrapper #bp_prevnext { float:left; padding:2px 0; }
#view #comment_wrapper { margin:10px 0; }
#view #comment_wrapper ul { border-top:2px solid #efefef; border-bottom:2px solid #cdcdcd; }
#view #comment_wrapper li { padding:3px 0; border-bottom:1px dotted #cdcdcd; }
#view #comment_wrapper li.last { border:0; }
#view #comment_wrapper span.bc_name { padding:0 10px; }
#view #comment_wrapper span.bc_writetime { padding-right:10px; }
#view #comment_wrapper span.bc_delete { padding-left:10px; }
#view #comment_wrapper #bc_form { margin-top:10px; }
#view #comment_wrapper #bc_name { width:15%; }
#view #comment_wrapper #bc_content { width:70%; }
#view #comment_wrapper #bc_submit { width:10%; }

#login fieldset { width:600px; margin:0 auto; }
#login fieldset dt { float:left; width:120px; margin-bottom:5px; text-align:left; padding-left:5px; padding-top:2px; }
#login fieldset dd { clear:right; margin-bottom:5px; text-align:left; height:20px; }
#login fieldset dd.error { background-color:yellow; }
#login fieldset p.center { margin-top:10px; }
#login fieldset p { color:red; margin:5px; }
#login fieldset p.blue { color:blue; }

#sitemap { overflow:hidden; }
#sitemap ul.stage { float:left; width:45%; margin:0 15px; }
ul.stage div.top { font-size:14px; font-weight:bold; border-bottom:1px solid #cdcdcd; padding:10px 0 5px 0; }
ul.stage ul li { margin-top:5px; }
#sitemap a { color:#333333; padding-left:15px; background:url(../image/bullet_off.jpg) no-repeat left center; }
#sitemap a:hover { background-image:url(../image/bullet_on.jpg); }
