@charset "utf-8";

/*
	서구 어린이생태 학습도서관 서브 컨텐츠용 CSS
	작업자 :
	작업일 : 2009. 02. 05.
	최종 수정일 : 2009. 02. 05.
*/
#contentEcologic { position:relative; float:left; width:605px; margin:10px 0 0 0; overflow-x:hidden; }

#contentEcologic h4 { width:95%; float:left; font-size:12px; line-height:150%; color:#000000; margin:10px 0 5px 0; padding:0 0 0 20px; font-weight:bold; }

#contentEcologic h5 { float:left; display:inline; width:95%; font-size:12px; line-height:180%; color:#000000; margin:5px 0 0 13px; padding:0 0 0 14px; font-weight:normal;}

/* 4th 메뉴 공통 스타일 */
#ecologicMenu { position:relative; float:left; padding:0; margin:0; width:606px; line-height:23px; }
	#ecologicMenu ul { float:left; margin:3px 0 0 3px; padding:0; }
	#ecologicMenu ul li { float:left; margin:0 3px 0 0; padding:0; }
	#ecologicMenu ul li a { float:left; margin:0; padding:5px 14px 0 14px; white-space:nowrap; }
	#ecologicMenu ul li.now a { font-weight:bold; }

/* 부메뉴 포함된 스타일 */
#ecologicMenu02 { position:relative; float:left; padding:0; margin:0; width:606px; height:68px; }

	#ecologicMenu02 ul { float:left; display:inline; margin:4px 0 0 3px; padding:0; }

	#ecologicMenu02 ul li { float:left; margin:0 3px 0 0; padding:0; }

	#ecologicMenu02 ul li a { float:left; margin:0; padding:8px 14px 0 14px; white-space:nowrap; }

		#ecologicMenu02 ul li.now a { font-weight:bold; }

			#ecologicMenu02 ul li div { position:absolute; display:inline; float:left; left:0; top:0; width:615px; margin:32px 0 0 0; padding:0 0 10px 20px; }

			#ecologicMenu02 ul li div ul { float:left; width:580px; display:inline; margin:0; padding:0; }

			#ecologicMenu02 ul li div ul li { float:left; background:none; }

			#ecologicMenu02 ul li div ul li a { float:left; color:#665656;  font-weight:normal; background:none; padding:8px 10px 0 10px; }

			#ecologicMenu02 ul li.now div ul li { float:left; background:none; }

			#ecologicMenu02 ul li.now div ul li a { float:left; color:#665656;  font-weight:normal; background:none; }

			#ecologicMenu02 ul li.now div ul li.now02 a,
			#ecologicMenu02 ul li.now div ul li a:hover { float:left; font-weight:bold; padding-left:15px; }

/* 다수의 4th 메뉴를 보유한 스타일 */
#ecologicMenu03 { position:relative; float:left; width:608px; padding:0; margin:0; }
	#ecologicMenu03 ul { float:left; width:488px; min-height:62px; _height:62px; margin:0; padding:10px 0 10px 120px; }
	#ecologicMenu03 ul li { float:left; line-height:180%; margin:0; padding:0 20px 0 12px; }
	#ecologicMenu03 ul li a { float:left; margin:0; padding:0; white-space:nowrap; }
	#ecologicMenu03 ul li.now a, #ecologicMenu03 ul li a:hover { font-weight:bold; }


table * { font-size:12px;line-height:150%; }
table.tdCenter td { text-align:center; }
table tr td ul { position:relative; margin:0; padding:0; }
table tr td ul li { color:#4D4D4D; margin:0; padding:0 8px 0 8px !important; background:url(/open_contents/images/common/icon_li.gif) 0 6px no-repeat; }

/* 각 컨텐츠 공통 아이콘 및 테이블 */
/* 전자민원 */
/* 메뉴 */
#ecologicMenu { background:#B1DEF0 url(/open_contents/images/common/bg_conmenu01.gif) left top no-repeat; }
	#ecologicMenu ul li { background:url(/open_contents/images/common/bg_conmenu0101off.gif) left top no-repeat; }
	#ecologicMenu ul li a { color:#605C5C; background:url(/open_contents/images/common/bg_conmenu0102off.gif) right top no-repeat; }
	#ecologicMenu ul li.now {background:url(/open_contents/images/common/bg_conmenu0101on.gif) left top no-repeat;}
	#ecologicMenu ul li.now a {color:#097BA1; background:url(/open_contents/images/common/bg_conmenu0102on.gif) right top no-repeat;}

/* 부메뉴 있는 메뉴 */
#ecologicMenu02 { background:url(/open_contents/images/common/bg_conmenu02.gif) left top no-repeat; }
	#ecologicMenu02 ul li { background:url(/open_contents/images/common/bg_conmenu0101off.gif) left top no-repeat; }
	#ecologicMenu02 ul li a { color:#605C5C; background:url(/open_contents/images/common/bg_conmenu0102off.gif) right top no-repeat;  }
	#ecologicMenu02 ul li.now { background:url(/open_contents/images/common/bg_conmenu0101on.gif) left top no-repeat; }
	#ecologicMenu02 ul li.now a { color:#097BA1; background:url(/open_contents/images/common/bg_conmenu0102on.gif) right top no-repeat;}

	#ecologicMenu02 ul li div { background:url(/open_contents/images/common/bg_conmenu0202.gif) left bottom no-repeat; }
	#ecologicMenu02 ul li.now div ul li.now02 a,
	#ecologicMenu02 ul li.now div ul li a:hover { background:url(/open_contents/images/common/icon_con2th.gif) 0 8px no-repeat; }

/* 부메뉴가 다수인 메뉴 */
#ecologicMenu03 { background:#fff url(/open_contents/images/common/bg_conmenu03.gif) left top no-repeat; }
	#ecologicMenu03 ul { background:url(/open_contents/images/common/bg_conmenu0302.gif) left bottom no-repeat; }
	#ecologicMenu03 ul li { background:url(/open_contents/images/common/icon_con4th.gif) left 5px no-repeat; }
	#ecologicMenu03 ul li a { color:#605C5C; }
	#ecologicMenu03 ul li.now a, #ecologicMenu03 ul li a:hover {color:#097BA1; }

/* 게시판용 부메뉴가 다수인 메뉴 */
#ecologicMenu04 { background:#fff url(/open_contents/images/common/bg_conmenu03.gif) left top no-repeat; }
	#ecologicMenu04 ul { float:left; padding:10px 0 10px 120px; background:url(/open_contents/images/common/bg_conmenu0302.gif) left bottom no-repeat; }
	#ecologicMenu04 ul li { width:80px; background:url(/open_contents/images/common/icon_con4th.gif) left 5px no-repeat; }
	#ecologicMenu04 ul li a { color:#605C5C; }
	#ecologicMenu04 ul li.now a, #ecologicMenu04 ul li a:hover {color:#097BA1; }

/* 컨텐츠 */
#contentEcologic h4{ color:#01604F; background:url(/open_contents/images/common/icon_h4.gif) 0 3px no-repeat; }
#contentEcologic h5{ color:#000; background:url(/open_contents/images/common/icon_h5.gif) 0 5px no-repeat;}
#contentEcologic p{ color:#4d4d4d; margin:0 20px 7px 20px;line-height:150%; }
#contentEcologic a{ letter-spacing:-1px; color:#5E2F02; }
#contentEcologic a:hover{ color:#F26521; }
#contentEcologic strong.line { color:#0b328; border-bottom:1px solid #c1750c; font-weight:normal; }

#contentEcologic dl { float:left; display:inline; width:95%; position:relative; margin:2px 20px 15px 27px;}
#contentEcologic dl dt { color:#4D4D4D; background:url(/open_contents/images/common/icon_dt.gif) 0 7px no-repeat; padding:0 0 0 14px;}
#contentEcologic dl dd { margin-left:10px; color:#7A7A7A; background:url(/open_contents/images/common/icon_dd.gif) 0 7px no-repeat; padding:0 0 3px 10px;}
#contentEcologic ul { float:left; display:inline; width:95%; position:relative; margin:2px 20px 15px 27px;}
#contentEcologic ul li { color:#4D4D4D; background:url(/open_contents/images/common/icon_dt.gif) 0 7px no-repeat; padding:0 0 0 14px;}


.ecologicTable{ float:left; border-top:2px solid #0D97C5; border-bottom:1px solid #B5A390;}
.ecologicTable caption{display:none;}
.ecologicTable th{background:#F9F7F6; color:#000000; padding:7px 5px 4px 5px; border-right:1px solid #D1C5B7; border-bottom:1px solid #D1C5B7;}
.ecologicTable td{ font-weight:normal !important; padding:5px 5px 3px 5px; border-right:1px solid #D1C5B7; border-bottom:1px solid #D1C5B7;}


#contentLearning { position:relative; float:left; width:605px; margin:10px 0 0 0; overflow-x:hidden; }
#contentLearning h4 { width:95%; float:left; font-size:12px; line-height:150%; color:#000000; margin:10px 0 5px 0; padding:15px 0 0 20px; font-weight:bold; }
#contentLearning h5 { float:left; display:inline; width:95%; font-size:12px; line-height:180%; color:#000000; margin:5px 0 0 13px; padding:0 0 0 14px; font-weight:normal;}

/* 컨텐츠 */
#contentLearning h4{ color:#01604F; background:url(/open_contents/images/common/icon_h4.gif) 0 18px no-repeat; }
#contentLearning h5{ color:#000; background:url(/open_contents/images/common/icon_h5.gif) 0 5px no-repeat;}
#contentLearning p{ color:#4d4d4d; margin:0 20px 7px 20px;line-height:150%; }
#contentLearning a{ letter-spacing:-1px; color:#5E2F02; }
#contentLearning a:hover{ color:#F26521; }
#contentLearning strong.line { color:#0b328; border-bottom:1px solid #c1750c; font-weight:normal; }

#contentLearning dl { float:left; display:inline; width:95%; position:relative; margin:2px 20px 15px 27px;}
#contentLearning dl dt { color:#4D4D4D; background:url(/open_contents/images/common/icon_dt.gif) 0 7px no-repeat; padding:0 0 0 14px;}
#contentLearning dl dd { margin-left:10px; color:#7A7A7A; background:url(/open_contents/images/common/icon_dd.gif) 0 7px no-repeat; padding:0 0 3px 10px;}



/* 그 외 CSS */
.write td.date { width:100px; }
/* border 제어 */

/* content Color */

/* text decoration */


/* 사이트맵 */
#sitemap { width:603px; }
#sitemap hr { clear:both; visibility:hidden; margin-bottom:20px;}
#sitemap .depth1Group { width:201px; float:left; }
#sitemap .depth1Group h4 { background:none; }
#sitemap .depth1Group ul { width:155px; margin-left:15px; }
#sitemap .depth1Group li { width:141px; height:23px; border-bottom:1px dotted #d0d0d0; padding-left:14px; background:url(/open_contents/images/community/sitemap_icon.gif) left 5px no-repeat; }


#frame_contents { border:0; width:595px; height:300px; }