﻿/****************************************************************************************************/
/*  작 성 자 : (주)익스코어
/*  작 성 일 :  2009.05.19
/*  수 정 일 :  2009.05.19
/*  버     전 :  0.0.1
/*  설     명 :  청소년센터 기본 스타일
/*  위     치 :  /css/common/header/layout.css
/****************************************************************************************************/

/*
div#wrapper div#header
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 18.5em;
}
/*
div#wrapper div#header div#logo
{
	position: absolute;
	left: 1.25em;
	top: 2.25em;
	z-index: 1;
	width: 15em;
	height: 3.25em;
}
*/

div#wrapper div#header ul#top-link
{
	position: absolute;
	left: 56.5em;
	top: 0.75em;
	z-index: 10;
	width: 16em;
	height: 1em;
}

div#wrapper div#header ul#top-link li
{
	float: left;
}

div#wrapper div#header ul#top-link li img
{
	height: 1em;
}

div#wrapper div#header ul#top-link li img.home
{
	width: 3.25em;
}

div#wrapper div#header ul#top-link li img.sitemap
{
	width: 4.5em;
}

div#wrapper div#header ul#top-link li img.usc
{
	width: 4.5em;
}

div#wrapper div#header ul#top-link li img.tour
{
	width: 3.75em;
}

/* 상단 메뉴 */
div#wrapper div#header div#main-nav
{
	position: absolute;
	left: 15.25em;
	top: 2.25em;
	z-index: 30;
	width: 57em;
	height: 5.5em;
}

div#wrapper div#header div#main-nav object
{
	width: 57em;
	height: 5.5em;
}

div#wrapper div#header div#main-nav ul#main-link
{
	/*
	position: absolute;
	top: 2.5em;
	left: 23.5em;
	z-index: 2;
	*/
	width: 59.5em;
	height: 5em;
	/*
	position: absolute;
	top: 2.5em;
	left: 24em;
	z-index: 2;
	width: 59em;
	*/
}

div#wrapper div#header div#main-nav ul#main-link li
{
	float: left;
	display: inline
}

div#wrapper div#header div#main-nav ul#main-link li ul li
{
	float: left;
}

/* 센터소개 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: block;
	width: 42.5em;
}

/* 시설안내 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 48.5em;
}

/* 프로그램안내 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub03
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 39.75em;
}

/* 알림마당 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub04
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 29.75em;
}

/* 참여공간 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 42.25em;
}

/* 관련시설 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub06
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 36.75em;
}

/* 청소년정보 서브메뉴 */
div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07
{
	position: absolute;
	top: 2.5em;
	left: 0;
	z-index: 3;
	display: none;
	width: 44.5em;
}

div#wrapper div#header div#main-nav ul#main-link li img
{
	height: 2.5em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_01
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_02
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_03
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_04
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_05
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_06
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li img.header_07
{
	width: 9em;
}

div#wrapper div#header div#main-nav ul#main-link li ul li img
{
	height: 3em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01 li img.header_01_01
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01 li img.header_01_02
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01 li img.header_01_03
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01 li img.header_01_04
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub01 li img.header_01_05
{
	width: 10.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_01
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_02
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_03
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_04
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_05
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub02 li img.header_02_06
{
	width: 8.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub03 li img.header_03_01
{
	width: 10.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub03 li img.header_03_02
{
	width: 10.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub03 li img.header_03_03
{
	width: 8.75em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub03 li img.header_03_04
{
	width: 10em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub04 li img.header_04_01
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub04 li img.header_04_02
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub04 li img.header_04_03
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub04 li img.header_04_04
{
	width: 5.75em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05 li img.header_05_01
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05 li img.header_05_02
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05 li img.header_05_03
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05 li img.header_05_04
{
	width: 8em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub05 li img.header_05_05
{
	width: 10.25em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub06 li img.header_06_01
{
	width: 9.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub06 li img.header_06_02
{
	width: 9.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub06 li img.header_06_03
{
	width: 7.75em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub06 li img.header_06_04
{
	width: 10em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07 li img.header_07_01
{
	width: 9.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07 li img.header_07_02
{
	width: 9.5em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07 li img.header_07_03
{
	width: 7.75em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07 li img.header_07_04
{
	width: 10em;
}

div#wrapper div#header div#main-nav ul#main-link li ul#main-link-sub07 li img.header_07_05
{
	width: 7.75em;
}
