@charset "utf-8";
/*
  Title _ bbb Common Stylesheet
  Author _ Choojiho(chubo@gmail.com), Kim Moonjung(oopsbitty@gmail.com)
  Date _ 2008. 6. 11
  Last _ 2008. 6. 11
*/

/* Reset Style */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
table caption { display: none; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
pre { border: 1px dashed #cccccc;background-color:#eee;margin: 20px 0; padding: 10px; color: #0033cc; }

body { font-size: 12px; line-height: 18px; font-family: µ¸¿ò, Dotum, AppleGothic, Arial, sans-serif, ; color: #666666; background-color: #e1e1e1; }
body.popup { background-color:#eeeeee; }
input.txt { border: 1px solid #cbcbcb; padding: 2px; height: 12px; line-height: 12px; font-size: 11px; color: #b2b2b2; }
input.file { border: 1px solid #cbcbcb; padding: 2px; height: 14px; line-height: 14px; }
select { border: 1px solid #cbcbcb; padding: 2px; height: 18px; line-height: 12px; font-size: 11px; color: #b2b2b2;  }
textarea.txt { border: 1px solid #cbcbcb; padding: 2px; height: 15px; line-height: 15px; }


a:link, a:visited { color: #595757; text-decoration: none; }
a:hover { }

.bts { text-align: center; margin: 15px 0 0 0; }
.bts .right { float: right; }
.bts .left { float: left; }

.f_left { float:left; }
.f_right { float:right; }

/* Default Layout */
#container { position: relative; background: transparent url(../../images/common/bg_body.gif) no-repeat scroll 0 100%; }

.sub { width: 1004px; margin: 260px auto 0; }
#header { position: absolute; top: -260px; left: -138px; width: 1280px; height: 260px; overflow: hidden; }
#header h1 { position: absolute; top: 64px; left: 146px; z-index: 3; }
#header p.msg { position: absolute; top: 105px; left: 217px; z-index: 2; }
#header h3 { display: none; }
#header p.motto { position: absolute; top: 64px; left: 217px; }
#header a.btn_login { position: absolute; top: 162px; left: 146px; }
#header #mnb { position: absolute; top: 137px; left: 138px; z-index: 1; width: 1004px; height: 123px; padding: 60px 0 0 270px; background: transparent url(../../images/common/bg_mnb.gif) no-repeat scroll 0 0; }
#header #mnb ul li { float: left; margin: 0 70px 0 0; }
#header #mnb ul li ul { display: none; position: absolute; top: 35px; left: 0; width: 500px; }
#header #mnb ul li ul li { margin: 0 20px 0 0; }
#header #mnb a { color: #fff; }
#wrapper { width:1004px; height:auto; overflow:hidden; padding: 30px 0; background: transparent url(../../images/common/bg_body_line.gif) repeat-y scroll 0 0; }
#wrapper #contents { float:left; width:605px; padding-bottom:50px; padding-left:35px; }
#wrapper #aside { float:right; width:307px; margin-right:10px; }
#footer { position: relative; width: 1004px; height:100px; overflow:hidden; margin: 0 auto; }
#footer h3 { display: none; }
#footer ul li { float: left; }
#footer ul li img { float: left; }
#footer #gnb { position: absolute; top: 6px; left: 10px; height: 8px; }
#footer #gnb ul { height: 8px; }
#footer #gnb ul li { height: 7px; margin: 0 8px 0 0; padding: 1px 0 0 9px; background: transparent url(../../images/common/bullet/bul_var_01.gif) no-repeat scroll 0 0; }
#footer #gnb ul li.gnb_privacy { background-image: none; padding-left: 0; }
#footer #language { position: absolute; top: 3px; left: 237px; }
#footer #language ul li { margin: 2px 5px 0 0; padding: 1px 0 0 9px; background: transparent url(../../images/common/bullet/bul_var_03.gif) no-repeat scroll 0 0; }
#footer #language ul li img { vertical-align:middle; }
#footer .address { position: absolute; top: 3px; left: 384px; }
#footer .copyright { position: absolute; top: 16px; left: 746px; }

.display_none { display:none; }
.contents_line_top { background: transparent url(../../images/common/dot_line.gif) no-repeat scroll 0 top; }
.contents_line_bottom { background: transparent url(../../images/common/dot_line.gif) no-repeat scroll 0 bottom; }

.list_bottom { margin: 20px 0 0 0; }
.list_bottom .paging { padding: 2px 0 0 0; }

/* Search */
.search { position: absolute; }
.search fieldset { margin: 0 0 0 1px; }
.search fieldset * { vertical-align: middle; }
/* Paging */
.paging { clear:both; height: 22px;  padding:0pt 0pt 0pt 1px; text-align:center; font-weight: bold; }
.paging a { font-family:Verdana; font-size:12px; color: #b1b0b0; margin: 0 0 0 5px; padding: 0 0 0 8px; background:url(../../images/common/bullet/bul_var_02.gif) no-repeat 0 1px; }
.paging a.prev { background-image:none; position: relative; top: 1px; left: 5px; }
.paging a.next { background-image:none; position: relative; top: 1px; left: -5px; }
.paging a.first-child { background-image: none; }
.paging a.on:link, .paging a.on:visited { color:#f15922; font-weight:bold; }
/* aside_banner */
ul.aside_banner { width:307px; margin-top:60px; }
ul.aside_banner li img { vertical-align:top; }
ul.aside_banner li img.line { margin:2px 0; border:1px solid #8a8a8a; }

/* Table */
.tb_list { width: 600px; margin: 0 auto; }
.tb_list thead th { height: 37px; line-height: 30px; text-align: center; font-weight: bold; background: transparent url(../../images/common/bg_dot_line.gif) repeat-x scroll 0 30px; }
.tb_list tbody td { text-align: center; height: 24px; line-height: 24px; }
.tb_list tbody td.category { vertical-align: bottom; }
.tb_list tbody td.subject { text-align: left; padding: 0 0 0 10px; }
.tb_list tbody td.subject span.bul_new { margin: 0 0 0 5px; }
.tb_list tbody td.subject span.bul_new img { position: relative; top: -1px; }
.tb_list tbody tr.odd td { background-color: #ddd; }

.tb_list_photo thead th { height: 30px; line-height: 30px; text-align: center; font-weight: bold; background: transparent url(../../images/common/bg_dot_line.gif) repeat-x scroll 0 100%; }
.tb_list_photo tbody td { text-align: center; vertical-align: top; padding: 5px 0; background-color: #dddddd; border-top: 7px solid #e8e8e8; }
.tb_list_photo tbody td.subject { text-align: left; padding: 15px 0 0 10px; }
.tb_list_photo tbody td.subject a { font-weight: bold; }
.tb_list_photo tbody td.subject span.bul_new { margin: 0 0 0 5px; }
.tb_list_photo tbody td.subject span.bul_new img { position: relative; top: -1px; }
.tb_list_photo tbody td.view { padding: 15px 0 0 10px; }

.tb_view { position: relative; margin: 50px 0 0 0; padding: 10px 0 0 0; background: transparent url(../../images/common/bg_dot_line.gif) repeat-x scroll 0 0; }
.tb_view h3 { background-color: #dddddd; font-weight: bold; height: 22px; line-height: 22px; padding: 0 10px; }

.ss_translation .view_paging { clear: both; width: 615px; height: 54px; margin: 15px 0 1px 0; background: transparent url(../../images/common/bg_view_paging.gif) no-repeat scroll 0 100%; }
.ss_translation .view_paging ul { padding: 2px 0 0 23px; }
.ss_translation .view_paging ul li { margin: 6px 0 0 0; font-weight: bold; }
.ss_translation .view_paging ul li a { font-weight: normal; margin: 0 0 0 30px; }

.ss_gallery .tb_view .view_count { position: absolute; top: 13px; right: 30px; }
.ss_gallery .tb_view .view_content { margin: 20px 0; }
.ss_gallery .tb_view .view_paging { width: 604px; margin: 40px 0 0 0; background-image: none; }
.ss_gallery .tb_view .view_paging li { background-color: #dddddd; height: 11px; padding: 2px 10px; margin: 0 0 2px 0; font-weight: bold; }
.ss_gallery .tb_view .view_paging li a { font-weight: normal; }

/* index */
#flash_area { margin: 0 auto; }

.sub_index { width: 1004px; margin: 0 auto; }

#wrapper_index { margin: 0 auto; width:944px; height:auto; overflow:hidden; padding: 0 20px 20px 40px; }

#wrapper_index div.news { float: left; padding-right: 30px; width: 435px;}
#wrapper_index div.news h3 { padding-top: 20px; height: 43px; }
#wrapper_index div.news p { float: left;width: 160px; }
#wrapper_index div.news p img { border: 1px solid #fff; }
#wrapper_index div.news p span  { display: block;}
#wrapper_index div.news ul { float: left; width: 290px;}
#wrapper_index div.news ul li { padding-left: 14px; background: transparent url(../../images/common/bullet/bul_var_04.gif) no-repeat scroll 1px; font-size: 12px; line-height: 25px; border-bottom: 1px solid #fff;}
#wrapper_index div.news ul li span { color: #B0B0B0; padding: 0 4px;}
#wrapper_index div.news ul li img { padding: 0 5px; border: 0;}

#wrapper_index div.bbb_story { float: left; width: 480px;}
#wrapper_index div.bbb_story h3 { height: 58px; }
#wrapper_index div.bbb_story ul { width: 480px;}
#wrapper_index div.bbb_story ul a {cursor: hand;}
#wrapper_index div.bbb_story ul li {float: left; width: 219px;}
#wrapper_index div.bbb_story ul li img { float: left; padding-right: 8px; }
#wrapper_index div.bbb_story ul li.li_01 { padding: 9px 9px 7px 10px; height: 34px; background: transparent url(../../images/common/img_bbb_story_01.gif) no-repeat scroll 0 0; }
#wrapper_index div.bbb_story ul li.li_02 { padding: 7px 9px 7px 10px; height: 32px; background: transparent url(../../images/common/img_bbb_story_02.gif) no-repeat scroll 0 0; }
#wrapper_index div.bbb_story ul li.li_03 { padding: 9px 9px 7px 10px; height: 33px; background: transparent url(../../images/common/img_bbb_story_03.gif) no-repeat scroll 0 0; }
#wrapper_index div.bbb_story ul li span { color: #B0B0B0; }

#bottom { clear: both; padding: 10px 25px 0 25px; background-color: #E8E8E8; margin: 0 10px 10px 10px; height: 40px;}
#bottom img { vertical-align: middle; padding: 0 5px; }
#bottom span { padding: 0 7px; }
#bottom div.tel { float: left; }
#bottom div.sponser { float: right; padding-top: 3px;}

#bottom_2010 { clear: both; padding: 10px 25px 0 25px; background-color: #E8E8E8; margin: 0 10px 10px 10px; height: 40px;}
#bottom_2010 img { vertical-align: middle; padding: 0 0px; }
#bottom_2010 span { padding: 0 7px; }
#bottom_2010 div.tel { float: left; }
#bottom_2010 div.sponser { float: right; padding-top: 3px;}