@charset "utf-8";

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

#wrap01, #wrap02, #wrap03, #wrap04, #wrap05, #wrap06 { position:relative; width:972px; }

/* 중앙 부분 스타일 */
#middle { position:relative; clear:both; width:972px; margin:-103px 0 0 7px; padding:0; z-index:2; }
	#left { position:relative; float:left; display:inline; width:213px; height:447px; margin:0; padding:0; }

		/* 좌측 배경 설정 */
		#leftMenuBg { position:absolute; clear:both; left:0; top:0; width:213px; height:447px; }
		#wrap01 #leftMenuBg { background:url(/open_contents/images/intro/bg_left.png) left top no-repeat; }
		#wrap02 #leftMenuBg { background:url(/open_contents/images/guide/bg_left.png) left top no-repeat; }
		#wrap03 #leftMenuBg { background:url(/open_contents/images/info/bg_left.png) left top no-repeat; }
		#wrap04 #leftMenuBg { background:url(/open_contents/images/learning/bg_left.png) left top no-repeat; }
		#wrap05 #leftMenuBg { background:url(/open_contents/images/community/bg_left.png) left top no-repeat; }
		#wrap06 #leftMenuBg { background:url(/open_contents/images/use/bg_left.png) left top no-repeat; }
		*html #wrap01 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/intro/bg_left.png'); background:none; }
		*html #wrap02 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/guide/bg_left.png'); background:none; }
		*html #wrap03 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/info/bg_left.png'); background:none; }
		*html #wrap04 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/learning/bg_left.png'); background:none; }
		*html #wrap05 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/community/bg_left.png'); background:none; }
		*html #wrap06 #leftMenuBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/use/bg_left.png'); background:none; }

		#left h2 { position:relative; float:left; display:inline; margin:83px 0 0 22px; padding:0; }
		#left #leftMenu { position:relative; float:left; display:inline; margin:18px 0 0 30px; padding:0; }
			#left #leftMenu ul { clear:both; }
			#left #leftMenu ul li { clear:both; }

	#contentGroup { position:relative; float:left; display:inline; width:655px; margin:66px 0 0 19px; padding:0; }
		#locationGroup { position:relative; float:left; clear:both; width:655px; height:58px; }
			/* 로케이션 배경 설정 */
			#locationGroupBg { position:absolute; left:0; top:0; width:653px; height:58px; }
			#wrap01 #locationGroupBg { background:url(/open_contents/images/intro/bg_guide.png) left top no-repeat; }
			#wrap02 #locationGroupBg { background:url(/open_contents/images/guide/bg_guide.png) left top no-repeat; }
			#wrap03 #locationGroupBg { background:url(/open_contents/images/info/bg_guide.png) left top no-repeat; }
			#wrap04 #locationGroupBg { background:url(/open_contents/images/learning/bg_guide.png) left top no-repeat; }
			#wrap05 #locationGroupBg { background:url(/open_contents/images/community/bg_guide.png) left top no-repeat; }
			#wrap06 #locationGroupBg { background:url(/open_contents/images/use/bg_guide.png) left top no-repeat; }
			*html #wrap01 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/intro/bg_guide.png'); background:none; }
			*html #wrap02 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/guide/bg_guide.png'); background:none; }
			*html #wrap03 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/info/bg_guide.png'); background:none; }
			*html #wrap04 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/learning/bg_guide.png'); background:none; }
			*html #wrap05 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/community/bg_guide.png'); background:none; }
			*html #wrap06 #locationGroupBg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src='/open_contents/images/use/bg_guide.png'); background:none; }

			#locationGroup h3 { position:relative; float:left; display:inline; margin:15px 0 0 32px; }
			#locationGroup p { position:relative; float:right; display:inline; margin:22px 34px 0 0;}

		#content { float:left; display:inline; width:615px; min-height:300px; _height:300px; margin-top:-16px; padding:26px 20px 50px 20px; }
			#wrap01 #content { background:#F6FBF6 url(/open_contents/images/intro/bg_content.gif) left bottom no-repeat; width:612px;}
			#wrap02 #content { background:#F6FBFB url(/open_contents/images/guide/bg_content.gif) left bottom no-repeat; width:612px; }
			#wrap03 #content { background:#F9F9FC url(/open_contents/images/info/bg_content.gif) left bottom no-repeat; width:612px; }
			#wrap04 #content { background:#FBF9FD url(/open_contents/images/learning/bg_content.gif) left bottom no-repeat;  width:612px;}
			#wrap05 #content { background:#FCFCF4 url(/open_contents/images/community/bg_content.gif) left bottom no-repeat;  width:612px;}
			#wrap06 #content { background:#FFF8F5 url(/open_contents/images/use/bg_content.gif) left bottom no-repeat;  width:612px;}

	#topbar { position:absolute; left:906px; top:120px; width:100px; padding:0; z-index:100; }


#sorry {padding:40px 0 0 40px;}
/**
#left { background:#e5e5e5; border:2px solid #bfbfbf; }
#contentGroup {padding:10px; background:#ee00ee; border:2px solid #red; }
**/

.sub_vi {display:none;background-color:#f3f3d5; margin:4px; color:#0E60A5;width:604px;padding: 10px 10px 10px 15px; *zoom:1; }
.sub_vi h5 {background-color:#f3f3d5;}
.line{display:none;clear:both;width:604px;height:1px; background:url('/open_contents/community/FAQ/s06_dot.gif')}
.s_q { font-weight:bold; color:#da5f00;}
.t_table01{padding: 7px 0px 5px 0 !important; background:url(/open_contents/community/FAQ/s06_dot.gif) left bottom repeat-x !important;}
.sub_vi:after { content:""; display:block; clear:both; }
.t_table01 img { vertical-align:middle; }
.colorBox { width:30px; height:30px; text-indent:-1000px; font-size:0px; margin:0 auto; }