/*******************************************************************************************/
/*  작 성 자 : (주)익스코어
/*  작 성 일 :  2009.
/*  수 정 일 :  2009.
/*  버     전 :  0.0.1
/*  설     명 :  활기찬경제-상하수도사업-상수도현황
/*  위     치 :  /css/open_content/life/wlfare/water_status/layout.css
/*******************************************************************************************/

/* 배경이미지 설정 */
div.contents_background_images
{
	position: absolute;
	top: 22em;
	left: 19em;
	z-index: 1;
}
/* 본문사진 */
div#MainWrapper div#MainContents div.contents div.panorama img
{
	width: 50.75em;
	height: 15em;
}

/* 본문설정 */
div#MainWrapper div#MainContents div.contents ul.depth01
{
	width: 50em;
	margin: 0.8em 0 0 1em;
	padding: 0 0 0 0;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li
{
	color: #2786A2;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 1em 1em;
	background: url(/images/common/icon_01.gif) no-repeat 0 0.1em;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li ul.depth02
{
	margin: 0 0 0 0.8em;
	padding: 0.5em 0 0.5em 0;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li ul.depth02 li
{
	color: #666;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0.6em;
	background: url(/images/common/icon_02.gif) no-repeat 0 0.2em;
}

/* 표양식 설정 */
div#MainWrapper div#MainContents div.contents ul.depth01 li table
{
	clear: both;
	color: #666;
	width: 49em;
	font-weight: normal;
	margin: 0.5em 0 0.5em 0;
	padding: 0 0 0 0;
	text-align: center;
	border-top: 2px solid #4B9B9E;
	border-collapse: collapse;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table caption
{
	text-align: right;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table caption.hidden
{
	display: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table thead,
div#MainWrapper div#MainContents div.contents ul.depth01 li table thead tr
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table thead tr th
{
	color: #50999D;
	margin: 0 0 0 0;
	padding: 0.5em 0 0.5em 0;
	line-height: 1.3em;
	border: 1px solid #61B3B3;
	background-color: #F6F6F6;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table thead tr th,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr th
{
	color: #50999D;
	margin: 0 0 0 0;
	padding: 0.3em 0 0.3em 0;
	line-height: 1.3em;
	border: 1px solid #4B9B9E;
	background-color: #F6F6F6;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr td
{
	margin: 0 0 0 0;
	padding: 0.2em 0 0.2em 0;
	line-height: 1.3em;
	border-top: none;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table thead tr th.line_left,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr th.line_left,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr td.line_left
{
	border-left: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li table thead tr th.line_right,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr th.line_right,
div#MainWrapper div#MainContents div.contents ul.depth01 li table tbody tr td.line_right
{
	border-right: none;
}