@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/*******************************************************************************************
	HOME STYLE :: 사이트 디자인 Style 정의
-------------------------------------------------------------------------------------------
	* Description : 해당 사이트의 특징적인 디자인 CSS 파일입니다.
	                낙동강 생태탐방 사이트에서만 사용되는 컨텐츠 디자인 및 서브 스타일이
					정의되어 있습니다.

	* 최초작성일  : 2014. 05. 12
	* 최초작성자  : 박현정 (앤시정보기술)

	* 최종수정일  : 
	* 최종수정자  : 
*******************************************************************************************/

#wrap		{ min-width: 1000px; }
ul, li		{ margin: 0; padding: 0; list-style: none; }


/*****************************************************************************
	Skip Navi Style
******************************************************************************/

#skip_nav			{ position: relative; }
#skip_nav a			{ display: block; position: absolute; width: 1px; height: 1px; z-index: 9999; text-indent: -999px; overflow: hidden; }
#skip_nav a:hover,
#skip_nav a:focus	{ background: #000; color: #fff; padding: 3px 15px; width: auto; height: auto; text-indent: 0; }


/*****************************************************************************
	Top Navi Style
******************************************************************************/

#top_nav			{ background: #fbfbfb; border-bottom: 1px solid #eeeeee; line-height: 32px; }
#top_nav ul			{ display: block; position: relative; width: 1000px; margin: 0 auto; overflow: hidden; text-align: right; }
#top_nav ul li		{ display: inline; }
#top_nav ul li a	{ color: #888888; }

#top_nav ul li					{ border-left: 1px solid #888; padding: 0 5px; }
#top_nav ul li:first-child		{ border-left: none; }



/*****************************************************************************
	Header Style
******************************************************************************/

header					{ position: relative; z-index: 1; }
header.ui-effect-on		{ background: url('/common/images/cmm/bak_submenu.png'); }
header h1				{ position: absolute; top: 65px; left: 50%; margin-left: -500px; z-index: 3; }


/*** Site Nav */
header nav#site_nav					{ width: 1000px; position: relative; height: 138px; margin: 0 auto; overflow: hidden; }
header nav#site_nav > ul			{ margin-left: 270px; margin-top: 33px; }
header nav#site_nav > ul > li		{ float: left; width: 25%; }

/**** Deth1 */
header nav#site_nav > ul > li > a				{ display: block; position: relative; width: 100$; height: 75px; margin: 0; padding: 0; }
header nav#site_nav > ul > li > a				{ font-family: "Nanum Gothic", sans-serif; font-size: 13px; font-weight: 800; text-align: center; line-height: 45px; color: #555555; }
header nav#site_nav > ul > li > a				{ background: url('/common/images/cmm/bak_site_navi_line.png') no-repeat 0 50%; }
header nav#site_nav > ul > li:first-child > a	{ background: none; }

header nav#site_nav > ul > li > ul				{ display: none; }
header nav#site_nav > ul > li.selected > ul		{ display: block; }

header nav#site_nav > ul > li > ul					{ position: absolute; top: 100px; padding: 0; background-image: url('/common/images/cmm/bak_white_45.png'); }
header nav#site_nav > ul > li:last-child > ul		{ right: 0px; }
header nav#site_nav > ul > li > ul > li				{ display: block; float: left; text-align: left; }
header nav#site_nav > ul > li > ul > li > a			{ display: block; line-height: 1.5em; padding: 13px 12px 9px 12px; font: 12px "Dotum", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #555555; }
header nav#site_nav > ul > li > ul > li > a span	{ }
header nav#site_nav > ul > li > ul > li > a:hover	{ border-bottom: 2px solid #ff4526; }




/*****************************************************************************
	Footer Style
******************************************************************************/

footer			{ clear: both; margin-top: 45px; border-top: 1px solid #eeeeee; padding: 30px 0 60px 0; text-align: center; }
footer div		{ position: relative; overflow: hidden; padding-bottom: 27px; line-height: 1.5em; color: #777777; }
footer div p	{ margin: 0; color: #777777; }
footer div a	{ color: #777777; }