/*-------------------------------------------------
Layout Style Sheet
Version : 1.0
author : OH HYUN WOO
create date : 2009. 05. 06.
last update : 2009. 05. 06.
-------------------------------------------------*/
@import url(/spon_css/gnavigation.css);

html  {
	width: 100%;	
	height: 100%;
	overflow-x: hidden;
	}
body  {
	margin: 0px;
	padding: 0px;
	background: url(/img/spon_common/body_bg03.jpg) no-repeat #e2f5d3;
	color: #666;
	font-family: Arial, Helvetica, sans-serif, 돋움;
	font-size: 0.75em;
	line-height: 1.4em;
	}
a  {
	color: #454545;
	text-decoration: underline;
	}
a:hover	{
	color: #b15c07;
 	text-decoration: underline;
	}
img  {
	border: none;
	}

ul,  ol,  dl,  li, dt, dd  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
h1, h2  {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	}
h3, h4, h6	{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	}
h5	{
	margin: 12px 0px 5px 0px;
	padding: 0px;
	font-size: 1em;
	}
hr  {
	display: none;
	}
form  {
	margin: 0px;
	padding: 0px;
	border: none;
	}
fieldset	{
	margin: 0px;
	padding: 0px;
 	border: none;
 }	
legend {
	display: none;
	}
/*
form input,  select,  textarea,	img  {
	vertical-align: middle;
	}
*/	

#accessibility	{
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	}
	
#wrap	{
	width: 1075px;
	height : 990px;
	margin: auto;
	padding: 0px;
	overflow: hidden;
	}
	
/* Main Visual Style */	
#spon_main_visual	{
	position: relative;
	top: -126px;
	left: 0px;
	z-index: 1;
	}
	
/* Contentsbody Style */	
#contentsbody	{
	position: relative;
	float: left;
	top: -125px;
	width: 961px;
	margin: 0px;
	padding: 0px 20px;
	z-index: 98;
	}

/* POPUP Style */	
#popup	{
	position: absolute;
	top: -261px;
	left: 20px;
	width: 325px;
	height: 240px;
	border: solid 2px #ff7a00;
	z-index: 97;
	}
#popup01 img,
#popup02 img,
#popup03 img,
#popup04 img,
#popup05 img	{
	width: 325px;
	height: 240px;
	}
#ol_popup	{
	position: absolute;
	top: 0px;
	left: 10px;
	float: left;
	z-index: 5;
	}
#ol_popup li	{
	float: left;
	margin-right: 5px;
	}
#popup01,
#popup02,
#popup03,
#popup04,
#popup05	{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 4;
	}
#popup_close	{
	position: absolute;
	top: 0x;
	left: 305px;
	margin: 0px;
	padding: 0px;
	z-index: 6;
	}
#popup_open	{
	position: absolute;
	top: -183px;
	left: 60px;
	width: 200px;
	height: 160px;
	margin: 0px;
	/*background: url(/img/spon_main/popup_open01.gif) no-repeat left bottom;*/
	z-index: 2;
	}
#popup_open img	{
	margin-left: 20px;
	}
	
/* Leftarea Style */	
#leftarea	{
	float: left;
	width: 250px;
	height: 100%;
	margin-right: 30px; 
	}
	
/* Centerarea Style */	
#centerarea	{
	float: left;
	width: 415px;
	height: 100%;
	margin: 15px 25px 0px 0px; 
	}

/* Rightarea Style */	
#rightarea	{
	float: left;
	width: 235px;
	height: 100%;
	}

/* 공지사항 Style */	
#notice	{
	width: 250px;
	height: 20px;
	background: url(/img/spon_main/notice_bg.gif) repeat-x;
	}
#notice li	{
	float: left;
	margin-right: 1px;
	}
#all_notice,
#news,
#culture,
#qna	{
	width: 251px;
	height: 100px;
	margin-top: 10px;
	}
#all_notice h2,
#news h2,
#culture h2,
#qna h2	{
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	}
.ul_style01	{
	margin: 0px;
	padding: 0px;
	}
.ul_style01 li	{
	margin-bottom: 2px;
	padding-left: 20px;
	background: url(/img/spon_main/bullet01.gif) no-repeat 0px 2px;
	}
.more01	{
	position: relative;
	top: -118px;
	left: 212px;
	width: 31px;
	height: 9px;
	margin: 0px;
	padding: 0px;
	}
.more01 img	{
	vertical-align: top;
	}
	
/* 산림문화작품 Style */	
#contest	{
	margin-top: 10px;
	}
#contest h2	{
	width: 250px;
	padding-bottom: 5px;
	border-bottom: solid 2px #5b9f26;
	}
#contest p	{
	margin: 5px 0px;
	}
.ul_contest	{
	float: right;
	margin: 0px;
	}
.ul_contest li	{
	float: left;
	margin-right: 5px;
	}
.contest_photo	{
	clear: both;
	margin: 0px;
	text-align: center;
	}
.contest_photo dt	{
	margin-bottom: 10px;
	padding: 0px;
	}
.contest_photo dt img	{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border: solid 2px #5b9f26;
	}
.contest_photo dt a:hover img	{
	border: solid 2px #ff7a00;
	}
.contest_photo dd	{
	font-weight: bold;
	}
.contest_photo dd a:hover	{
	color: #109346;
	text-decoration: underline;
	}

/* 지도로 찾아보는 등산로 Style */	
.con01	{
 	float: left;
	width: 207px;
	height: 105px;
	padding-bottom: 5px;
	background: url(/img/spon_main/con_img01.gif) no-repeat 0px 19px;
	border-right: solid 1px #d0c0b0;
	overflow: hidden;
	}
.con01 p	{
	margin: 10px 0px 0px 85px;
	}
.con02	{
 	float: left;
	width: 197px;
	height: 105px;
	padding: 0px 0px 5px 10px;
	background: url(/img/spon_main/con_img02.gif) no-repeat 10px 19px;
	overflow: hidden;
	}
.con02	.con_txt02	{
	margin-top: 75px;
	text-align: center;
	}
.con02	.con_more02	{
	position: absolute;
	top: 15px;
	left: 700px;
	margin: 0px;
	}
.con03	{
 	float: left;
	width: 207px;
	height: 105px;
	padding: 5px 0px;
	background: url(/img/spon_main/con_img03.gif) no-repeat 0px 25px;
	border-right: solid 1px #d0c0b0;
	border-top: solid 1px #d0c0b0;
	}
.con03 p	{
	margin: 6px 0px 0px 85px;
	}
.con04	{
 	float: left;
	width: 197px;
	height: 105px;
	padding: 5px 0px 5px 10px;
	background: url(/img/spon_main/con_img04.gif) no-repeat 10px 26px;
	border-top: solid 1px #d0c0b0;
	}

.con04	.con_txt04	{
	margin-top: 75px;
	text-align: center;
	}
.con04	.con_more04	{
	position: absolute;
	top: 130px;
	left: 700px;
	margin: 0px;
	}
	
/* 산림문화자산 Style */	
.north_area	{
	position: absolute;
	top: -23px;
	left: 740px;
	width: 233px;
	height: 122px;
	background: url(/img/spon_main/property_bg.gif) no-repeat;
	z-index: 15;
	}
.north_area h2	{
	margin: 4px 0px 15px 42px;
	} 
.north_mountian	{
	float: right;
	padding-right: 20px;
	}
.north_mountian li	{
	text-align: right;
	margin-bottom: 4px;
	}
.property_more	{
	position: absolute;
	top: 12px;
	left: 175px;
	margin: 0px;
	}

/* 전자북 모음 Style */	
#book	{
	position: absolute;
	top: 101px;
	left: 740px;
	width: 234px;
	height: 102px;
	background: url(/img/spon_main/book_bg.gif) no-repeat;
	}
#book h2	{
	padding: 12px 0px 0px 15px;
	}
.book_list	{
	margin: -17px 0px 0px 115px;
	}
.book_list li	{
	margin: 0px;
	}
.book_list li img	{
	vertical-align: middle;
	}
	
/* Forest IQ 200 Style	
.forest_iq	{
	position: absolute;
	top: 552px;
	left: 740px;
	width: 234px;
	background: url(/img/spon_main/iq_bg.gif) no-repeat;
	}
.forest_iq h2	{
	padding: 12px 0px 0px 15px;
	}
.iq_txt01	{
	margin: 20px 0px 5px 125px;
	}
.iq_more01	{
	position: relative;
	top: -75px;
	left: 175px;
	margin: 0px;
	padding: 0px;
	}
 */
 
/* 기타 바로가기 버튼 Style */		
.etc_btn	{
	position: absolute;
	top: 207px;
	left: 740px;
	width: 234px;
	overflow: hidden;	
	z-index: 99;
	}
.etc_btn li	{
	float: left;
	height: 31px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	}

/* 미디어센터 Style */		
.media_center	{
	position: absolute;
	top: 240px;
	left: 300px;
	width: 680px;
	}
.ul_media	{
	float: left;
	margin-top: 7px;
	}
.ul_media li	{
	float: left;
	width: 130px;
	margin-right: 3px;
	text-align: center;
	}
.ul_media li.mnone	{
	margin-right: 3px;
	}
.ul_media li .dl_media dt	{
	margin-bottom: 7px;
	}
.ul_media li .dl_media dt img	{
	border: solid 1px #ccc;
	}

/* 퀵메뉴 Style */			
#quick_menu	{
	position: relative;
	float: left;
	top: -439px;
	width: 70px;
	z-index: 10;
	}

#quick_menu li	{
	margin: 0px;
	padding: 0px;
	}
#quick_menu li img	{
	vertical-align: top;
	}
#quick_menu li.quick_first	{
	margin-bottom: 7px;
	}
		
/* Footer Style */			
#spon_footer	{
	float: left;
	width: 961px;
	height: 135px;
	margin: -200px 0px 0px 0px;
	padding: 0px 15px;
	background: url(/img/spon_common/bottom_bg03.gif) no-repeat 13px 15px;
	}
.footer_logo	{
	float: left;
	padding: 50px 0px 0px 30px;
	}
#fuse_info	{
	float: left;
	padding: 28px 115px 10px 25px;
	}
#fuse_info li	{
	float: left;
	}
#fuse_info li a 	{
	float: left;
	padding: 0px 10px 0px 8px;
	background: url(/img/spon_common/fuse_bar.gif) no-repeat right 1px;
	}
	
#fquick	{
	float: left;
	width: 265px;
	height: 14px;
	margin-top: 13px;
	padding: 5px;
	background: url(/img/spon_common/fquick_bg.gif) no-repeat;
	}
#fquick li	{
	float: left;
	padding: 0px 5px;
	}
address	{
	float: left;
	width: 479px;
	height: 26px;
	margin: 0px;
	padding: 10px 0px 5px 30px;
	overflow: hidden;
	}
.warning	{
	float: left;
	width: 510px;
	height: 37px;
	margin: 0px;
	padding-left: 30px;
	overflow: hidden;
	}	
#fbanner	{
	float: right;
	margin: -35px 30px 0px 0px;
	}