@charset "utf-8";

/*
	서구 어린이생태 학습도서관 본청 메인 레이아웃 스타일
	작업자 : 김천현
	작업일 : 2009. 02. 02.
	최종 수정일 : 2009. 02. 05.
*/
@import url("/open_contents/common/css/base.css");    /* 기본적인 스타일이 담겨있습니다 */
@import url("/open_contents/common/css/common.css");  /* 메인과 서브의 공통 스타일이 담겨있습니다. */

#wrap { position:relative; width:995px; }

#mainFla { z-index:-1; }

#header { height:611px; }
/* 중앙 레이아웃 */
#middle{ position:absolute; left:51px; bottom:0; width:900px; z-index:3; overflow:hidden; }
	#content { position:relative; bottom:0; #bottom:-220px; width:900px; height:194px; padding:10px 0 20px 0; _padding-bottom:20px; visibility:hidden; #visibility:visible; }
		#contentBg { position:absolute; left:0; width:900px; height:214px; background:url(/open_contents/images/main/bg_content.png) left top no-repeat;}
		*html #contentBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/main/bg_content.png'); background:none;}
		#left { position:relative; float:left; display:inline; width:207px; padding-top:8px; margin:54px 0 0 72px; _margin-top:60px; }
			#left #infoGroup { float:left; height:110px; padding-left:71px; background:url(/open_contents/images/main/img_left.gif) left 25px no-repeat; }
			#left #infoGroup h3 { clear:both; margin:0 0 0 4px; padding:0; }
			#left #infoGroup ul { margin:5px 0 0 18px; }
			#left #infoGroup ul li { float:left; display:inline; margin-top:6px; background:url(/open_contents/images/main/line_book.gif) right 5px no-repeat; line-height:1; }
			#left #infoGroup ul li.infoMenu01 { padding-right:6px; }
			#left #infoGroup ul li.infoMenu02 { margin-left:6px; }
			#left #infoGroup ul li.infoMenu03 { padding-right:10px; }
			#left #infoGroup ul li.infoMenu04 { margin-left:6px; }

		#center { position:relative; float:left; display:inline; width:275px; margin:0 20px 0 37px; }
			#center #search { float:left; clear:both; display:inline; width:260px; margin:24px 0 0 9px; _margin-top:24px; }
				#center #search h3 { float:left; margin-top:5px; }
				#center #search ul { float:left; width:170px; padding:3px 10px; background:url(/open_contents/images/main/bg_search.gif) left top no-repeat; }
				#center #search ul li { float:left; }
				#center #search ul li input.searchInput { float:left; display:inline; width:100px; height:14px; padding:2px; border:none; }
			#center #noticeGroup { position:relative; float:left; clear:both; width:100%; margin-top:12px; background:url(/open_contents/images/main/bg_notice.gif) right 17px no-repeat; }
				#center #noticeGroup h3 { position:absolute; left:0; top:0; }
				#center #noticeGroup h3#noticeBtn02 { left:71px; }
				#center #noticeGroup h3#noticeBtn03 { left:149px; }
				#center #noticeGroup div { float:left; _float:none; clear:both; margin:33px 0 0 3px; }
				#center #noticeGroup div p { position:absolute; right:9px; top:2px; margin:0; padding:0; }
				#center #noticeGroup div ul li { _margin-top:4px; padding-left:9px; background:url(/open_contents/images/main/bol_notice.gif) left 6px no-repeat; line-height:1.6; }
				#center #noticeGroup div ul li img { margin-left:4px; }

		#right { position:relative; float:left; width:214px; margin-top:78px; }
			#right #book { position:relative; width:100%; }
				#book ul { margin-left:8px; }
				#book ul li { float:left; }
				/*
				#right #book h3 { position:absolute; clear:both; left:0; top:0; }
				#right #book h3#bookBtn01 { padding-right:5px; background:url(/open_contents/images/main/line_book.gif) right 5px no-repeat; }
				#right #book h3#bookBtn02 { left:53px; padding-right:2px; background:url(/open_contents/images/main/line_book.gif) right 5px no-repeat; }
				#right #book h3#bookBtn03 { left:105px; }
				#right #book div { float:left; _float:none; margin-top:25px; _padding-top:25px; }
				#right #book div p { float:left; width:59px; margin:0; padding:0; }
				#right #book div dl { float:left; width:144px; margin:0 0 0 10px; padding:0; }
				#right #book div dl dt { float:left; margin:0; padding:0; font-weight:bold; }
				#right #book div dl dt a { color:#B35917; }
				#right #book div dl dd { clear:both; float:left; width:144px; margin:0; padding:0; }
				*/
		.contentOpen { position:absolute; left:0; bottom:1px; _bottom:3px; margin:0 0 0 275px; padding:0; }
		.contentColse { position:absolute; left:0; bottom:0; margin:0 0 0 275px; padding:0; }