﻿/*******************************************************************************************/
/*  작 성 자 : (주)익스코어
/*  작 성 일 :  2009.
/*  수 정 일 :  2009.
/*  버     전 :  0.0.1
/*  설     명 :  앞서가는행정-군정방향 및 목표-비전과목표
/*  위     치 :  /css/open_content/administrative/administrative/vision/layout.css
/*******************************************************************************************/

/* 배경이미지 설정 */
div.contents_background_01_images
{
	position: absolute;
	top: 22em;
	left: 18.8em;
	z-index: 1;
}

div.contents_background_02_images
{
	position: absolute;
	top: 53em;
	left: 18.8em;
	z-index: 1;
}

/* 본문설정 */
div#MainWrapper div#MainContents div.contents div.title
{
	height: 88em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#MainWrapper div#MainContents div.contents div.title p.title
{
	margin: 0 0 0 0;
	padding: 3.2em 0 0 17.4em;
}

div#MainWrapper div#MainContents div.contents div.title p.summary
{
	margin: 0 0 0 0;
	padding: 0.1em 0 0 14.5em;
}

div#MainWrapper div#MainContents div.contents ul.slogan
{
	position: absolute;
	top: 16.65em;
	left: 5.3em;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.slogan li em.highlight
{
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	line-height: 120%;
}

div#MainWrapper div#MainContents div.contents ul.slogan li#slogan01
{
	position: absolute;
	top: 0;
	left: 0;
	
	width: 12.5em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.slogan li#slogan02
{
	position: absolute;
	top: 0.5em;
	left: 14em;
	width: 13.5em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.slogan li#slogan03
{
	position: absolute;
	top: 0;
	left: 29em;
	width: 16em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail
{
	position: absolute;
	top: 20.88em;
	left: 24.7em;
	width: 25em;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li
{
	margin: 0 0 0 0;
	padding: 0 0 0 0.7em;
	font-family: "돋움";
	font-size: 0.99em;
	font-weight: bold;
	letter-spacing: -1px;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type01
{
	position: absolute;
	top: 0;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type02
{
	position: absolute;
	top: 2.2em;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type03
{
	position: absolute;
	top: 4.4em;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type04
{
	position: absolute;
	top: 6.6em;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type05
{
	position: absolute;
	top: 8.8em;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.slogan_detail li#type06
{
	position: absolute;
	top: 11em;
	left: 0;
}

div#MainWrapper div#MainContents div.contents ul.depth01
{
	position: absolute;
	top: 38.4em;
	left: 15em;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li
{
	color: #FFF;
	font-weight: bold;
	font-style: normal;
	letter-spacing: -1px;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li ul.depth02
{
	position: absolute;
	top: 2.2em;
	left: -9em;
	margin: 0 0 0 0;
	padding: 0 0 0 3em;
	list-style-type: none;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li ul.depth02 li
{
	color: #666;
	font-family: "돋움";
	margin: 0 0 0 0;
	padding: 0 0 0.1em 0;
	line-height: 1.4em;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail01
{
	position: absolute;
	top: 0;
	left: 0;
	width: 25em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail02
{
	position: absolute;
	top: 9.7em;
	left: 0;
	width: 25em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail03
{
	position: absolute;
	top: 20.2em;
	left: 0;
	width: 25em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail04
{
	position: absolute;
	top: 28.3em;
	left: 0;
	width: 25em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail05
{
	position: absolute;
	top: 38em;
	left: 0;
	width: 25em;
	text-align: center;
}

div#MainWrapper div#MainContents div.contents ul.depth01 li#slogan_detail06
{
	position: absolute;
	top: 47.8em;
	left: 0;
	width: 25em;
	text-align: center;
}

/* 이미지 사이즈 조정 */
div.contents_background_01_images img
{
	width: 51.08em;
	height: 28.33em;
}

div.contents_background_02_images img
{
	width: 51.41em;
	height: 55.83em;
}

div#MainWrapper div#MainContents div.contents div.title p.title img
{
	width: 17em;
	height: 3.5em;
}

div#MainWrapper div#MainContents div.contents div.title p.summary img
{
	width: 23.75em;
	height: 1.16em;
}
