﻿/****************************************************************************************************/
/*  작 성 자 : (주)익스코어
/*  작 성 일 :  2009.03.12
/*  수 정 일 :  2009.03.12
/*  버     전 :  0.0.1
/*  설     명 :  금봉자연휴양림 기본 스타일
/*  위     치 :  /css/open_content/main_page/layout.css
/****************************************************************************************************/

/* 공통 시작 */
body
{
	background: url(/images/open_content/main_page/bg_body_spring.jpg) left top repeat-x;
}

ul#skip-nav,
ul#review-nav,
p.global_design
{
	display: none;
}

div.main_body
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 83em;
	height: 58.25em;
}

div.main_body img
{
	width: 83em;
	height: 58.25em;
}

div#wrapper
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 58.25em;
}
/* 공통 종료 */

/* 헤더 시작 */
div#wrapper div#header
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 7.75em;
}

div#wrapper div#header div#logo
{
	position: absolute;
	left: 1.75em;
	top: 2.25em;
	z-index: 10;
	width: 16em;
	height: 3.5em;
}

div#wrapper div#header div#logo img
{
	width: 16em;
	height: 3.5em;
}

div#wrapper div#header ul#top-link
{
	width: 27.5em;
	height: 2.25em;
	float: left;
	padding-left: 55.5em;
}

div#wrapper div#header ul#top-link li
{
	float: left;
	padding-right: 0.25em;
	padding-top: 0.75em;
}

div#wrapper div#header ul#top-link li img
{
	height: 1.5em;
}

div#wrapper div#header ul#top-link li img.home
{
	width: 1.75em;
}

div#wrapper div#header ul#top-link li img.usc
{
	width: 4.25em;
}

div#wrapper div#header ul#top-link li img.tour
{
	width: 4.25em;
}

div#wrapper div#header ul#top-link li img.guidebook
{
	width: 7.5em;
}

div#wrapper div#header ul#top-link li img.sitemap
{
	width: 4.25em;
}

div#wrapper div#header div#main-nav
{
	position: absolute;
	top: 2.25em;
	left: 19.25em;
	z-index: 10;
	width: 63.75em;
	height: 5.5em;
}

div#wrapper div#header object#main_menu
{
	position: absolute;
	top: 2.25em;
	left: 19.25em;
	z-index: 10;
	width: 63.75em;
	height: 5.5em;
}

div#wrapper div#header ul#main-link
{
	position: absolute;
	top: 0.5em;
	left: 4.25em;
	z-index: 10;
	width: 57.75em;
}

div#wrapper div#header ul#main-link li
{
	float: left;
	display: inline
}

div#wrapper div#header ul#main-link li ul li
{
	float: left;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01
{
	position: absolute;
	top: 2.75em;
	left: 2.5em;
	z-index: 20;
	display: block;
	width: 42.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02
{
	position: absolute;
	top: 2.75em;
	left: 13.25em;
	z-index: 20;
	display: none;
	width: 30.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub03
{
	position: absolute;
	top: 2.75em;
	left: 23.5em;
	z-index: 20;
	display: none;
	width: 18em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04
{
	position: absolute;
	top: 2.75em;
	left: 26.25em;
	z-index: 20;
	display: none;
	width: 29.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05
{
	position: absolute;
	top: 2.75em;
	left: 22.75em;
	z-index: 20;
	display: none;
	width: 33.25em;
}

div#wrapper div#header ul#main-link li img
{
	height: 2.75em;
}

div#wrapper div#header ul#main-link li img.header_01
{
	width: 11.25em;
}

div#wrapper div#header ul#main-link li img.header_02
{
	width: 10.75em;
}

div#wrapper div#header ul#main-link li img.header_03
{
	width: 11.25em;
}

div#wrapper div#header ul#main-link li img.header_04
{
	width: 11.25em;
}

div#wrapper div#header ul#main-link li img.header_05
{
	width: 13.25em;
}

div#wrapper div#header ul#main-link li ul li img
{
	height: 2em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_01
{
	width: 4.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_02
{
	width: 6.25em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_03
{
	width: 7.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_04
{
	width: 6.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_05
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_06
{
	width: 6.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub01 li img.header_01_07
{
	width: 6.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02 li img.header_02_01
{
	width: 5.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02 li img.header_02_02
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02 li img.header_02_03
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02 li img.header_02_04
{
	width: 7.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub02 li img.header_02_05
{
	width: 8em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub03 li img.header_03_01
{
	width: 6.25em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub03 li img.header_03_02
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub03 li img.header_03_03
{
	width: 3.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub03 li img.header_03_04
{
	width: 3.25em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_01
{
	width: 5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_02
{
	width: 3em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_03
{
	width: 5.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_04
{
	width: 5.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_05
{
	width: 5.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub04 li img.header_04_06
{
	width: 5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_01
{
	width: 5.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_02
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_03
{
	width: 5.5em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_04
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_05
{
	width: 4.75em;
}

div#wrapper div#header ul#main-link li ul#main-link-sub05 li img.header_05_06
{
	width: 8em;
}
/* 헤더 종료 */

/* 메인플래시 시작 */
div#wrapper div#main-flash
{
	position: absolute;
	left: 0;
	top: 7.75em;
	z-index: 10;
	width: 83em;
	height: 41.5em;
}

div#wrapper div#main-flash object
{
	width: 83em;
	height: 41.5em;
}
/* 메인플래시 종료 */

/* 본문 시작 */
div#wrapper div#container
{
	position: absolute;
	left: 0;
	top: 49.25em;
	z-index: 10;
	width: 83em;
	height: 5.25em;
}

div#wrapper div#container div#notice
{
	width: 63.5em;
	height: 5.25em;
	clear: both;
	float: left;
}

div#wrapper div#container div#notice ul
{
	width: 60.5em;
	height: 5.25em;
	clear: both;
	float: left;
	padding-left: 3em;
}

div#wrapper div#container div#notice ul li
{
	width: 60.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	background: url(/images/open_content/main_page/ico_item.jpg) left top no-repeat;
}

div#wrapper div#container div#notice ul li span.title
{
	font-weight: bold;
}

div#wrapper div#container div#notice ul li span.type
{
	color: #FF8D1B;
	font-weight: bold;
}

div#wrapper div#container ul#quick-link
{
	width: 19.5em;
	height: 4.75em;
	float: left;
	padding-top: 0.5em;
}

div#wrapper div#container ul#quick-link li
{
	width: 7.5em;
	height: 2.75em;
	float: left;
	padding-right: 1em;
}

div#wrapper div#container ul#quick-link li img
{
	width: 7.5em;
	height: 2.75em;
}
/* 본문 종료 */

/* 푸터 시작 */
div#wrapper div#footer
{
	position: absolute;
	left: 0;
	top: 54.5em;
	z-index: 10;
	width: 83em;
	height: 3.75em;
}

div#wrapper div#footer div#footer-logo
{
	width: 14.25em;
	clear: both;
	float: left;
	padding-left: 3.75em;
}

div#wrapper div#footer div#footer-logo img
{
	width: 14.25em;
	height: 3.25em;
}

div#wrapper div#footer div#footer-infor
{
	width: 45em;
	float: left;
	padding-left: 2em;
	padding-top: 0.5em;
}

div#wrapper div#footer div#footer-infor address
{
	width: 22.25em;
	height: 1.25em;
	float: left;
	padding-right: 1em;
}

div#wrapper div#footer div#footer-infor address img
{
	width: 22.25em;
	height: 1em;
}

div#wrapper div#footer div#footer-infor p.tel
{
	width: 12em;
	height: 1.25em;
	float: left;
	padding-right: 1em;
}

div#wrapper div#footer div#footer-infor p.tel img
{
	width: 12em;
	height: 1em;
}

div#wrapper div#footer div#footer-infor p.fax
{
	width: 7.75em;
	height: 1.25em;
	float: left;
	padding-right: 1em;
}

div#wrapper div#footer div#footer-infor p.fax img
{
	width: 7.5em;
	height: 1em;
}

div#wrapper div#footer div#footer-infor p.copyright
{
	width: 34em;
	height: 1.25em;
	clear: both;
	float: left;
}

div#wrapper div#footer div#footer-infor p.copyright img
{
	width: 34em;
	height: 1em;
}

div#wrapper div#footer div#footer-link
{
	width: 18em;
	float: left;
	padding-top: 0.5em;
}

div#wrapper div#footer div#footer-link form#familysite fieldset div.row-input
{
	width: 10.5em;
	float: left;
	padding-right: 0.5em;
}

div#wrapper div#footer div#footer-link form#familysite fieldset div.row-input select#familylink
{
	width: 10.5em;
	font-size: 1em;
	font-family: "돋움", "굴림", Tahoma;
	border: 1px solid #666;
}

div#wrapper div#footer div#footer-link form#familysite fieldset div.command
{
	width: 3em;
	float: left;
}

div#wrapper div#footer div#footer-link form#familysite fieldset div.command img.btnGoURL
{
	width: 2.5em;
	height: 1.5em;
	border: 0;
	cursor: pointer;
}
/* 푸터 종료 */

/* IE 6 */
* html div#wrapper div#header ul#top-link
{
	width: 83em;
}

* html div#wrapper div#footer div#footer-logo
{
	width: 18em;
}

* html div#wrapper div#footer div#footer-infor
{
	width: 47em;
}
