@charset "utf-8";

/* common */
html,body{height:100%}
*{margin:0;padding:0;/*font-size:1em*/;line-height:1.5em}
body{background:url('../img/body_bg_sub.gif') repeat-x 0 0;font-family:'돋움',dotum,'굴림',gulim,AppleGothic,sans-serif;font-size:75%}
body.popup {background:none;}
img,fieldset{border:0}
.blind{overflow:hidden;position:absolute;left:-9999px;top:-9999px;width:0;height:0;font-size:0;line-height:0}
em,address{font-style:normal}
ul,ol,li{list-style-type:none}
hr,.hide{display:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
/* layout */
#header{overflow:hidden;position:relative;width:900px;margin:0 auto}
#header h1 img{vertical-align:top}
.gnb{position:absolute;right:0;top:4px}
.gnb ul li{float:left; font-size:0;}
.gnb ul li a img{vertical-align:top}
.snb01{width:900px;height:147px;background:url('../img/sub_visual1.jpg') no-repeat 0 0;text-indent:-9999px}
.snb02{width:900px;height:147px;background:url('../img/sub_visual2.jpg') no-repeat 0 0;text-indent:-9999px}
.snb03{width:900px;height:147px;background:url('../img/sub_visual3.jpg') no-repeat 0 0;text-indent:-9999px}
.snb04{width:900px;height:147px;background:url('../img/sub_visual4.jpg') no-repeat 0 0;text-indent:-9999px}
.snb05{width:900px;height:147px;background:url('../img/sub_visual5.jpg') no-repeat 0 0;text-indent:-9999px}
.snb06{width:900px;height:147px;background:url('../img/sub_visual6.jpg') no-repeat 0 0;text-indent:-9999px}
#container{overflow:hidden;width:900px;margin:7px auto 28px;padding-bottom:30px}

#wrap a.blind {overflow:visible; position:absolute;left:0;top:-500px;width:100%;height:30px; z-index:99}
#wrap a.blind:focus,
#wrap a.blind:active{overflow:visible; position:absolute;left:0px;top:0px;width:100%;height:30px;font-size:1.2em;line-height:150%; font-weight:bold; color:#fff; text-align:center; 
					 background:#397E29; z-index:99}


/* nav */
.nav{height:33px;background:url('../img/nav_bg_sub.gif') no-repeat 0 0}


/* menu */
.menu{display:inline;float:left;width:180px;margin-right:15px;padding:4px 0 3px;background:url('../img/menu_bg.gif') repeat-x left bottom;font-family:arial;font-weight:bold}
.menu a{display:block;width:157px;padding:2px 0 3px 23px;border-bottom:1px solid #e1e1e1;background:url('../img/menu_ic1.gif') no-repeat 14px 9px;color:#538a06;}
.menu a:hover{color:#538a06;}

.menu ul li {background-color:#fff}
.menu ul li a{color:#666}
.menu ul li ul{padding:2px 0 4px;border-bottom:1px solid #e1e1e1;}
.menu ul li ul li a{padding:0 0 1px 23px;border:0;background:none;color:#666;font-size:12px;font-weight:normal}
.menu ul li ul li a:hover{color:#5ea525;background:url('../img/menu_ic2.gif') no-repeat 14px 7px}

.menu ul li.exist{background-color:#f7f7f7}
.menu ul li.exist a{color:#3C8601}
.menu ul li.exist li a{color:#666}
.menu ul li.exist ul li{background-color:#f7f7f7}
.menu ul li.exist ul li.on{background:url('../img/menu_ic2.gif') no-repeat 14px 7px}
.menu ul li.exist ul li.on a{color:#3C8601; font-weight:bold;}

.content_wrap{overflow:hidden;float:left;width:705px}
.content_wrap .history{overflow:hidden;position:relative;width:100%;height:32px;margin-bottom:20px;border-bottom:1px solid #e0e0e0}
.content_wrap .history p{position:absolute;right:0;top:8px}
.content_wrap .history p span{color:#6c6c6c;text-transform:uppercase;font-size:11px;vertical-align:middle}
.content_wrap .history p img{vertical-align:middle}
.content_wrap .history p .his2{padding-right:9px;background:url('../img/history_arrow.gif') no-repeat right 3px}
.content_wrap .history p .his3{font-weight:bold;letter-spacing:-1px}
.content{font-family:verdana}


/* content */
.content img{vertical-align:top}
.content h3{clear:both;width:680px;margin-bottom:20px;padding-left:20px;background:url('../img/ico1.gif') no-repeat 5px 5px; font-size:1em;}
.content h4{overflow:hidden; font-size:1em;}
.content ul{clear:both;margin-bottom:20px;}
.content ul li{margin-bottom:5px;color:#666;padding-left:20px;background:url('../img/ico2.gif') no-repeat 8px 6px;font-size:11px}
.content ul li strong{float:left;width:100px;color:#000;font-weight:normal}
.content ul li em{font-weight:bold;color:#333}
.content ul li ol li {background:none;}
.content p {font-size:11px;}
.content p.normal{margin:0 0 20px 20px;color:#666}
.tb_style1{margin-bottom:20px}
.tb_style1 table{width:100%;border-collapse:collapse;font-size:11px}
.tb_style1 table caption{padding:5px;color:#4C7D27;text-align:center}
.tb_style1 table th{padding:5px;border:1px solid #d0c8c8}
.tb_style1 table td{padding:5px;border:1px solid #d0c8c8}
.tb_style1 table .tb1{border:1px solid #48702b;background-color:#5F8044;color:#fff}
.tb_style1 table .tb2{background-color:#eeefea;color:#387B07}
.tb_style1 table .tb3{background-color:#fff;color:#666;text-align:right}
.tb_style1 table .tb4{background-color:#fff;text-align:center}
.tb_style1 table td a{color:#666}
.tb_style1 table td a:hover{color:#598638}
.content ul.ul2{overflow:hidden;clear:none;margin:0;padding:10px 0}
.content ul.ul2 li{margin:0;padding-left:15px;background:url('../img/ico3.gif') no-repeat 3px 9px}
.content ul.ul3{float:right;display:inline;width:480px;overflow:hidden;clear:none;margin:0;padding:10px 0;}
.content ul.ul3 li{clear:both;float:left;width:460px;margin:0;padding-left:15px;background:url('../img/ico3.gif') no-repeat 3px 9px}
.content ul.sort{overflow:hidden;float:left;margin-bottom:20px;border:3px solid #d0d987;padding:10px;background-color:#f0f4e9;}
.content ul.sort li{float:left;display:inline;width:338px;margin:0;padding:0;background:none}
.content ul.sort li a{display:inline-block;padding-left:15px;background:url('../img/ico4.gif') no-repeat 8px 7px;color:#666}
.content ul.sort li a:hover{color:#598638}
.content fieldset{padding:10px;border :1px solid #6a9c27;background-color:#f5fcec;text-align:center;  }
.content fieldset select{font-size:12px;vertical-align:middle}
.content fieldset input{vertical-align:middle}
.content fieldset input.input_text{height:17px}
.content fieldset .pr{float:right;margin-top:-20px;font-size:11px}
.content fieldset .pr em{color:#363;font-weight:bold}
/*.content fieldset legend{display:none;border :1px solid #6a9c27;}*/
.content fieldset img {vertical-align:middle}
.content .pr2{padding:10px 10px;font-size:11px;text-align:right}
.content .pr2 em{color:#363;font-weight:bold}
 
.list_tb{margin-top:20px}
.list_tb table{width:100%;font-size:11px;border-collapse:collapse}
.list_tb table thead th{padding:5px;border:1px solid #e6e6e6;border-top:2px solid #6a9c27;background-color:#f5fcec;color:#138077}
.list_tb table tbody td{padding:5px;border:1px solid #e6e6e6;color:#666}
.list_tb table tbody td a{color:#666}
.list_tb table tbody td a:hover{color:#f70}
.list_tb table tbody td.no_data{border-left:0;border-right:0;padding:20px 0;text-align:center}
.list_tb table tbody td.photo{border-left:0;text-align:center}
.list_tb table tbody td.name{text-align:center}
.list_tb table tbody td.content{border-right:0}
.list_tb table tbody td.no{border-left:0;text-align:center}
.list_tb table tbody td.title a{color:#666}
.list_tb table tbody td.title a:hover{color:#598638}
.list_tb table tbody td.file{text-align:center}
.list_tb table tbody td.date{text-align:center}
.list_tb table tbody td.hit{border-right:0;text-align:center}
.list_tb table tbody td a{color:#666}
.list_tb table tbody td a:hover{color:#598638}

.view_tb table{width:100%;border-top:2px solid #6a9c27;font-size:11px;border-collapse:collapse}
.view_tb table th{padding:5px;border:1px solid #e6e6e6;border-left:0;background-color:#f5fcec;color:#138077}
.view_tb table td{padding:5px;border:1px solid #e6e6e6;border-left:0;border-right:0;color:#666}
.view_tb table td.contents{padding:30px 20px;}
.view_tb table td.btn{border:0;padding-top:20px;text-align:center;}
.view_tb table td.name2,
.view_tb table td.title{color:#248239}
.view_tb table td a{color:#666}
.view_tb table td a:hover{color:#598638}
.view_tb table td img {vertical-align:middle;}
.view_tb .btg {border-top:1px solid #e6e6e6 !important;}
.view_tb table td.file a{display:inline-block;padding-left:15px;background:url('../img/ico6.gif') no-repeat 0 3px}

.content .researcher_view {float:right; width:100%; margin-bottom:20px; border-top:2px solid #6a9c27; border-bottom:1px solid #6a9c27;}
.content .researcher_view dt {float:right; width:537px; padding:12px 0 10px 25px; border-bottom:1px solid #6a9c27; border-left:1px solid #6a9c27; background:url('../img/ico2.gif') no-repeat 12px 1.6em;}
.content .researcher_view dd {float:right; width:537px; padding:12px 0 10px 25px; border-bottom:1px solid #6a9c27; border-left:1px solid #6a9c27; background:url('../img/ico2.gif') no-repeat 12px 1.6em;}
.content .researcher_view dd.researcher {float:left; width:107px; height:109px; padding:15px 9px 0 11px; font-size:0; text-align:center; border-bottom:none; border-left:none; background:url('../img/bg_researcher.gif') no-repeat 11px 7px;}
.content .researcher_view dd.last {border-bottom:none;}
.content .researcher_view dt span, .researcher_view dd span {float:right; display:inline-block; width:400px; font-size:1em; font-family:arial, sans-serif}
.content .researcher_view dt span.item, .researcher_view dd span.item {float:left; width:130px; font-size:1em; font-family:arial, sans-serif; color:#598638; font-weight:bold;}

.content .research_cont {clear:both; margin-bottom:15px; padding:15px 10px 0 10px; border:1px solid #e3e3e3;}
.content .research_cont p {margin-bottom:0.2em; font-size:1em; font-family:arial, sans-serif}
.content .research_cont p em {font-style:italic;}


.content .photo_list{overflow:hidden;position:relative;margin:10px 0 0;padding:0 30px}
.content .photo_list li{overflow:hidden;display:inline;float:left;width:138px;margin:0 20px 20px 0;padding:0;text-align:center;background:none;}
.content .photo_list li a{display:inline-block;color:#666}
.content .photo_list li a:hover{color:#598638}
.content .photo_list li a span{display:inline-block;padding:5px 0;cursor:pointer}
.content .photo_list li a img{vertical-align:top}
.content .sitemap{overflow:hidden;display:inline;float:left;width:200px;height:300px;margin:0 10px}
.content .sitemap h3{margin:0 0 10px 0; background:none; padding:0;}
.content .sitemap h4{margin-bottom:10px}
.content .sitemap a{color:#666;font-weight:bold}
.content .sitemap .ul2 a{font-weight:normal}
.content .sitemap2{overflow:hidden;display:inline;float:left;width:200px; margin:0 10px}
.content .sitemap2 h3{margin:0 0 10px 0; background:none; padding:0;}
.content .sitemap2 h4{margin-bottom:10px}
.content .sitemap2 a{color:#666;font-weight:bold}
.content .sitemap2 .ul2 a{font-weight:normal}
.paging{clear:both;margin-top:20px;text-align:center}
.paging a{display:inline-block;color:#666;vertical-align:middle}
.paging a img{display:inline-block;margin:3px 3px 2px;vertical-align:middle}
.paging strong{display:inline-block;color:#ca7a58;vertical-align:middle}


/* footer */
#footer{height:80px;border-top:1px solid #c8c8c8;background-color:#fff}
.footer_inner{width:885px;margin:0 auto;padding-left:15px; position:relative;}
.footer_inner p{float:left}
.footer_inner address{float:left;width:620px;height:52px;background:url('../img/footer_address.gif') no-repeat 0 0;text-indent:-9999px}


/*101220 footer add*/
.footer_inner address a{position:absolute; top:15px; right:120px; width:108px; height:10px;}

/* paging and button */
.list_btn {clear:both; position:relative; width:100%; height:40px;}

.list_btn .left_btn {position:absolute; left:0; top:15px;}
.list_btn .rss_btn {position:absolute; left:10px; top:12px;}
.list_btn .right_btn {position:absolute; right:0; top:10px;}
.list_btn .center_btn {position:absolute; left:0; top:19px; text-align:center; width:100%;}

.list_btn .paging {position:absolute; left:0; top:19px; text-align:center; width:100%; color:#6e6e6e;}

.list_btn .paging strong {position:relative; display:inline-block; vertical-align:top; padding:3px 5px 2px 5px; line-height:1em; margin-left:-1px; color:#000;}

.list_btn .paging a {position:relative; display:inline-block; vertical-align:top; padding:3px 6px 2px 5px; line-height:1em; margin-left:-1px; color:#666 !important;}
.list_btn .paging a:hover, .list_btn .paging a:active {color:#000 !important; text-decoration:underline !important;}

.list_btn .paging a.direction {padding:0; margin-top:2px; margin-left:-1px;}

.list_btn .paging a.mar_left5 {margin-left:5px !important;}
.list_btn .paging a.mar_right5 {margin-right:5px !important;}

/* Photo Gallery Popup */
#popupPhoto {position:relative; width:668px; padding-bottom:15px; background:url('../img/bg_pop_photo_bottom.gif') no-repeat left bottom;}
#popupPhoto .popupPhotoTop {position:relative; height:122px; padding-top:18px; background:#eee url('../img/bg_pop_photo_top.gif') no-repeat left top;}
#popupPhoto h1 {position:absolute; right:16px; top:16px; font-size:0;}
#popupPhoto h2 {width:631px; margin:0 auto; margin-bottom:9px; padding:2px 0 8px 17px; font-size:0; border-bottom:1px solid #e1e1e1; background:url('../img/bu_h2_pop_photo.gif') no-repeat 5px 0;}
#popupPhoto h3 {margin:0 0 10px 15px; padding:9px 0 4px 39px; font-size:1em; color:#717171; font-weight:bold; background:url('../img/bg_h3_pop_photo.gif') no-repeat 0 0;}

#popupPhoto p.cont {overflow:hidden; width:470px; height:39px; margin:0 0 0 56px;}
#popupPhoto p.photo {margin-bottom:14px; padding:5px 0 0 0; text-align:center;}
#popupPhoto p.close {clear:both; width:634px; height:16px; margin:0 auto; padding-right:7px; font-size:0; line-height:0; text-align:right; background:#787676;}

/* Movie Popup */
#popupMovie {position:relative; float:left; width:673px; height:358px; padding:0 7px; background:#4d962e;}
#popupMovie h1 {position:absolute; right:5px; top:11px; font-size:0;}
#popupMovie h3 {width:196px; height:29px; padding:11px 0 0 4px; font-size:0; background:url('../img/bg_h3_pop_movie.gif') no-repeat right 10px;}

#popupMovie .group_movie {float:left; display:inline; width:656px; height:310px; padding:0 8px; background:#fff;}
#popupMovie .movie {float:left; display:inline; width:360px; height:285px; margin:8px 10px 0 0;}
#popupMovie .script {float:left; display:inline; overflow:auto; width:284px; height:283px; margin-top:8px; border:1px solid #dbdbdb;}
#popupMovie .script p {width:241px; margin:10px;}
#popupMovie p.close {clear:both; font-size:0; line-height:0; text-align:right;}

#contentsMovie {position:relative; float:left; margin: 20px 0; width:673px; height:358px; padding:10px 7px 0 7px; background:#fff;border-top : 2px solid #dbdbdb;}
 
#contentsMovie .group_movie {float:left; display:inline; width:656px; height:310px; padding:0 8px; background:#fff;}
#contentsMovie .movie {float:left; display:inline; width:360px; height:285px; margin:8px 10px 0 0;}
#contentsMovie .script {float:left; display:inline; overflow:auto; width:284px; height:283px; margin-top:8px; border:1px solid #dbdbdb;}
#contentsMovie .script p {width:241px; margin:10px;}
 
#popupMovie2 {position:relative; float:left; width:600px; height:480px; padding:0 7px; background:#4d962e;}
#popupMovie2 h1 {position:absolute; right:5px; top:11px; font-size:0;}
#popupMovie2 h3 {width:196px; height:29px; padding:11px 0 0 4px; font-size:0; background:url('../img/bg_h3_pop_movie.gif') no-repeat right 10px;}

#popupMovie2 .group_movie {float:left; display:inline; width:570px; height:428px; padding:0 8px; background:#fff;}
#popupMovie2 .movie {float:left; display:inline; width:360px; height:370px; margin:8px 10px 0 0;}
#popupMovie2 .script {float:left; display:inline; overflow:auto; width:284px; height:283px; margin-top:8px; border:1px solid #dbdbdb;}
#popupMovie2 .script p {width:241px; margin:10px;}
#popupMovie2 p.close {clear:both; font-size:0; line-height:0; text-align:right;}
#popupMovie2 p.tx {font-size:1em;clear:both; }
#popupMovie2 p.tx * {vertical-align:middle }
 
#popupyoutube {position:relative; float:left; width:673px; height:358px; padding:0 7px; background:#4d962e;}
#popupyoutube h1 {position:absolute; right:5px; top:11px; font-size:0;}
#popupyoutube h3 {width:196px; height:29px; padding:11px 0 0 4px; font-size:0; background:url('../img/bg_h3_pop_movie.gif') no-repeat right 10px;}

#popupyoutube .group_movie {float:left; display:inline; width:656px; height:310px; padding:0 8px; background:#fff;}
#popupyoutube .movie {float:left; display:inline; width:360px; height:285px; margin:8px 10px 0 0;}
#popupyoutube .script {float:left; display:inline; overflow:auto; width:284px; height:283px; margin-top:8px; border:1px solid #dbdbdb;}
#popupyoutube .script p {width:241px; margin:10px;}
#popupyoutube p.close {clear:both; font-size:0; line-height:0; text-align:right;}

/* 2010 International Year of Biodiversity Popup */
#popupBiodiversity {float:left; width:715px; padding-bottom:14px; background:#8eb438;}
#popupBiodiversity a{color:#666}
#popupBiodiversity a:hover{color:#598638}
#popupBiodiversity .head {float:left; position:relative; width:715px; height:222px; background:url('../img/bg_biodiversity_header.gif') no-repeat;}

#popupBiodiversity .head h1 {position:absolute; right:37px; top:15px; font-size:0; line-height:0;}
#popupBiodiversity .head h2 {position:absolute; left:32px; top:40px; font-size:0;  line-height:0;}
#popupBiodiversity .head h3 {position:absolute; left:31px; top:105px; font-size:0; line-height:0;}
#popupBiodiversity .head .tab_biodiversity {position:absolute; left:41px;bottom:0; width:329px; height:58px; padding-left:331px; background:url('../img/bg_tab_biodiversity.gif') no-repeat left bottom;}
#popupBiodiversity .head .tab_biodiversity li {float:left; display:inline;}
#popupBiodiversity .cont {clear:both; float:left; display:inline; width:640px; margin-left:41px; padding:10px 20px 10px 0; background:url('../img/bg_biodiversity_bottom2.gif') no-repeat left bottom;}
#popupBiodiversity .cont h3 {float:left; width:100%; margin-bottom:1em;}
#popupBiodiversity .cont h2 {margin:0 0 1em 20px; font-size:1.6em; font-weight:bold; color:#008341; font-family:Trebuchet MS , Verdana, sans-serif;}
#popupBiodiversity .cont h4 {clear:both; margin:0.5em 0 0.5em 20px; font-size:1.4em; font-weight:bold; color:#008341; font-family:Trebuchet MS , Verdana, sans-serif;}
#popupBiodiversity .cont p {margin:0 0 1em 20px; font-family:arial, sans-serif; color:#666;}
#popupBiodiversity .cont .boxdiv { border : 1px solid #d6d6d6; margin : 10px 0 10px 20px; padding : 10px 0 0 0;}

#popupBiodiversity .cont p.message {margin:0 0 0 20px; font-weight:bold; color : #000;}
#popupBiodiversity .cont p em {font-style:italic;}
#popupBiodiversity .cont  ul  	{ margin : 0 0px 10px 30px; }
#popupBiodiversity .cont  ul li	{  padding:1px 0 1px 8px;background:url('../img/notice_dot.gif') no-repeat 0 7px;  color:#666; }
#popupBiodiversity .group_movie {float:left; display:inline; width:620px; height:310px; margin-left:20px;}
#popupBiodiversity .movie {float:left; display:inline; width:320px; height:285px; margin-right:10px;}
#popupBiodiversity .script {float:left; display:inline; overflow:auto; width:288px; height:283px; border:1px solid #dbdbdb;}
#popupBiodiversity .script p {width:250px; margin:10px;}

.tb_style2 {margin:10px 0 20px 20px}
.tb_style2 table{width:100%;border-collapse:collapse;font-family:arial, sans-serif;font-size:1em}
.tb_style2 table th{padding:5px;border:1px solid #d0c8c8}
.tb_style2 table td{padding:5px;color:#666;border:1px solid #d0c8c8}
.tb_style2 table .tb1{border:1px solid #598638;background-color:#8dbf6e;color:#fff}
.tb_style2 table .tb2{background-color:#eeefea;color:#598638}


/*주메뉴*/
#top{float:left; width:900px; height:33px; position:relative; }
#top #menuwrap {float:left; height:33px; margin:0; overflow:hidden;line-height:normal; width:900px;}
#top #menuwrap h2{ display:none;}
#top #menuwrap li{float:left; padding:10px 14px; }
#top #menuwrap li ul{position:absolute;top:26px;visibility:hidden; height:26px;padding-left:22px; }
#top #menuwrap li ul#sub1{left:6px; width:300px; background:url(../img/nav_bg01.gif) 0 0 no-repeat; }
#top #menuwrap li ul#sub2{left:60px; width:191px; background:url(../img/nav_bg02.gif) 0 0 no-repeat; }
#top #menuwrap li ul#sub3{left:160px; width:239px; background:url(../img/nav_bg03.gif) 0 0 no-repeat;}
#top #menuwrap li ul#sub4{left:400px; width:200px; background:url(../img/nav_bg04.gif) 0 0 no-repeat;}
#top #menuwrap li ul#sub5{left:625px; width:126px; background:url(../img/nav_bg05.gif) 0 0 no-repeat; }
#top #menuwrap li ul#sub6{left:580px; width:321px; background:url(../img/nav_bg06.gif) 0 0 no-repeat; }
#top #menuwrap li ul li{float:left; padding:0; height:16px; padding-top:3px }
#top #menuwrap li ul li a{color:#424242;font-family:arial; font-size:1.0em; padding:0 6px;}
#top #menuwrap li ul li a:hover,
#top #menuwrap li ul li a:focus,
#top #menuwrap li ul li a:active{color:#3E8331; text-decoration:underline; padding:0 6px;}
#header .no_scrip { position:absolute; top:100px; left:0; text-align:center; width:940px; padding:5px 0;}