/****************************************************************************************************
제목 : 서브 프레임 구조를 위한 CSS
----------------------------------------------------------------------------------------------------
목적 :
----------------------------------------------------------------------------------------------------
주의 :
----------------------------------------------------------------------------------------------------
POST
----------------------------------------------------------------------------------------------------
GET
----------------------------------------------------------------------------------------------------
REQUEST
----------------------------------------------------------------------------------------------------
작성자 : 고광진 (akanaka)
작성일 : 2009년 06월 18일
수정일 : 2010년 3월 29일	// sub1.css 를 기준으로 수정 함.
연락처 : akanaka@hanmail.net
****************************************************************************************************/


/**************************************************
기본 CSS 를 불러온다.
--------------------------------------------------
**************************************************/
@import url('/global/css/global.css');
@import url('/global/css/layerPopup.css');
@import url('/frame/1/css/eduCourse.css');


/**************************************************
영역 : 전체 영역
--------------------------------------------------
**************************************************/
#areaAll
{
	width:910px;
	margin:0px auto;
}


/**************************************************
영역 : 해더
--------------------------------------------------
**************************************************/
#areaHeader
{	
	position:relative;
	width:100%;
	height:365px;
	background:url('/frame/1/image/structure/bgHeader.gif') 590px bottom no-repeat;
}
#areaHeader .division
{
	margin:0px 5px 0px 5px;
}
#areaHeader .logo
{
	position:absolute;
	top:10px;
	left:30px;
}
#areaHeader .bannerTop
{
	position:absolute;
	top:100px;
	left:5px;
	z-index:11;
}
#areaHeader .bannerBottom
{
	position:absolute;
	top:235px;
	left:0px;
	z-index:12;
}
#areaHeader .flash1
{
	position:absolute;
	top:55px;
	left:168px;
	z-index:1;
}
#areaHeader .flash2
{
	position:absolute;
	top:205px;
	left:744px;
	z-index:2;
}
#areaHeader FORM
{
	position:absolute;
	top:20px;
	right:20px;
}
#areaHeader FORM IMG
{
	vertical-align:middle;
}
#areaHeader .loginName
{
	color:#458B01;
}
#areaHeader .loginPoint
{
	color:#275AB1;
}
#areaHeader #quickMenuOuter
{
	position:absolute;
	top:500px;
	right:-70px;
}
#areaHeader .inputIdText
{
	background:url('/frame/1/image/structure/idText.gif') no-repeat;
	background-position: 10% 50%;
}
#areaHeader .inputPasswordText
{
	background:url('/frame/1/image/structure/pwText.gif') no-repeat;
	background-position: 10% 50%;
}


/**************************************************
영역 : 주 메뉴
--------------------------------------------------
**************************************************/
#areaMenu
{	
	width:100%;
}
#areaMenu .menu
{
	position:relative;
	height:38px;
	z-index:100;
}
#areaMenu .mainMenuOuter
{
	position:absolute;
	left:180px;				
	width:550px;	
	height:100%;
	margin:-2px auto;
	overflow:hidden;
}
#areaMenu .menu .event
{
	position:absolute;
	top:-5px;
	left:847px;
}
#areaMenu FORM
{
	height:26px;
	padding-top:7px;
	text-align:center;
	background:url('/frame/1/image/structure/bgSearch.gif') top center no-repeat;
}
#areaMenu FORM IMG
{
	vertical-align:middle;
}
#areaMenu FORM .query
{
	height:16px;
	border:1px solid #00358E;
	background:#113F8D;
	color:white;
}
#areaMenu .background
{
	position:absolute;
	left:0px;
	width:100%;
	height:38px;
	background:url('/frame/1/image/structure/mainmenuBg.gif') repeat-x;
}
/**************************************************
영역 : 컨텐츠
--------------------------------------------------
**************************************************/
#areaContent
{
	width:100%;
	padding-top:20px;
}


/**************************************************
영역 : 풋터
--------------------------------------------------
**************************************************/
#areaFooter
{
	clear:left;
	width:100%;
	height:130px;	
}
#areaFooter .menu
{
	position:absolute;
	margin:30px 25px 0px 18px;
}
#areaFooter .menu .division
{	
	margin:0px 5px 0px 5px;
}
#areaFooter .background
{
	position:absolute;
	left:0px;
	width:100%;
	height:130px;
	margin-top:10px;
	background:url('/frame/1/image/structure/bottomBg.gif') repeat-x;
}