/**
 * 처음 시작은 기본 세팅만 해 놓은 상태이므로 아래 CSS 를 확장해서 작업하도록 할것!
 *
 * 꼭 참조하세요...^^
 *
 * 1. 전체를 감싸는 기본 Div에는 class(.)를 적용하여 작업할것.
 * 2. Layout 내부에 작업영역은 id(#)를 적용하여 작업할것.
 * 3. table 태그는 가능하면 표 그리는 용도외에는 사용하지 말것
 * 4. 아래 CSS 구조에 신경쓰며 전체내용의 순서를 바꾸지 말것.
 *
 * 전체사이트에 Table 태그가 없어지도록 해 봅시다.
 *
 */

/* Base style (Tag style)
------------------------------------------------------------------------------------------------------*/
body {
	margin: 0px 0px 0px 0px;
	background-color: #eae7da;
	/* text-align: center; */
	/* ie only
	scrollbar-face-color:#F6F6F6;  
	scrollbar-highlight-color:#FFF; 
	scrollbar-shadow-color:#9F9C9C;
	scrollbar-3dlight-color:#FFF; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-track-color:#E2E2E2;
	scrollbar-arrow-color:#4E4E4E;
	 */	
	}

body, div, table, td, input, select, textarea {
	font-family: 돋움, dotum, 굴림, gulim;
	font-size: 12px;
	line-height: 18px;
	color: #454757;
	}

/* Tag 개별 CSS 적용
------------------------------------------------------------------------------------------------------*/
a{font-family: "돋움" ; line-height:18px ; margin-top:0 ; margin-bottom:0; font-size:12px ; color:#616161 ; text-decoration:none }
a:hover {font-family: "돋움" ; font-size: 12px ; color:#85806F ; text-decoration:none }
a:link {font-family: "돋움" ; font-size: 12px ; color: #616161 ; text-decoration:none }

.input { border-width:1px ; font-size:12px ; color:#666666; border-right:#bcbcbc 1px solid ; border-top:#bcbcbc 1px solid ; border-left:#bcbcbc 1px solid ; border-bottom :#bcbcbc 1px solid ; background-color:#fffff}
.input1 { border-width:1px ; font-size:12px ; color:#555555; border-style:none; border-color:#E8E8E8; background-color:#E8E8E8}

.small {font-family:'돋움' ; font-size:11px ; color:888888 ; line-height:16px ; margin-top:0 ; margin-bottom:0 ; text-decoration:none ;text-align:center}
a.small:hover {font-family: "돋움" ; font-size: 11px ; color:#767676 ; text-decoration:none }
a.small:link {font-family: "돋움" ; font-size: 11px ; color: #616161 ; text-decoration:none }

.notice{font-family: "돋움" ; line-height:18px ; margin-top:0 ; margin-bottom:0; font-size:11px ; color:#616161 ; text-decoration:none }
.notice:hover {font-family: "돋움" ; font-size: 11px ; color:#85806F ; text-decoration:none }
.notice:link {font-family: "돋움" ; font-size: 11px ; color: #616161 ; text-decoration:none }

/* Main Structure style (Layout style)
------------------------------------------------------------------------------------------------------*/
/*
m_layout (전체 내용을 감싸는 기본 Div)
	m_top
	m_main (All Flash)
	m_info (notice, space, prod, space, prod, space2, banner)
	m_bottom (Copyright)
*/
.m_layout	{width:100%;	height:100%; } 
.m_top		{width:1000px;	height:100px; float:left;} 
.m_main	{width:1000px;	height:530; float:left;} 


.m_bottom	{width:1000px;	height:65px;	clear:left} 


/* Sub Structure style (Layout style)
------------------------------------------------------------------------------------------------------*/
/*
s_layout (전체 내용을 감싸는 기본 Div)                     
	s_top 				  
	s_title (생략)			  
	s_line 				  
	s_main (Left menu, Content)            
		s_left (Left menu, Left banner)	       
			leftNav          
			leftBanner      
		s_content (Location, Subject, Content)       
			s_subject
			s_link         
			s_Content
	s_bottom (Family website menu, Copyright)               
	bgBottom (하단 960*170의 백그라운드 이미지) 
*/
.s_layout	{width:100%;} 
.s_top		{width:950px;	height:100px ;	float:left;} 
.s_main		{width:950px;	clear:left;} 
	.s_left		{width:230px;	 float:left} 
	.s_space	{width:20px;	 float:left}
	.s_content	{width:700px; background:#fff;	float:left}  
.s_bottom	{width:950px;	height:65px;	clear:left} 


/* Main id Style
------------------------------------------------------------------------------------------------------*/
#img {width:500px;height:300px;position:absolute;left:500px;top:130px;z-index:1;visibility:visible;}
#text {width:530px;height:150px;position:absolute;left:20px;top:100px;z-index:1;visibility:visible;}
#news {width:300px;height:100px;position:absolute;left:50px;top:270px;z-index:1;visibility:visible;}
#press {width:170px;height:100px;position:absolute;left:340px;top:260px;z-index:2;visibility:visible;}
#bn01 {width:335px;height:130px;position:absolute;left:45px;top:360px;z-index:2;visibility:visible;}
#bn02 {width:430px;height:70px;position:absolute;left:45px;top:500px;z-index:2;visibility:visible;}
#bn03 {width:410px;height:105px;position:absolute;left:500px;top:470px;z-index:2;visibility:visible;}
#dot_line {margin: 0 0 3 0; text-align: left;}

/* Sub id Style
------------------------------------------------------------------------------------------------------*/
#link {width:250px;height:35;position:absolute; left:670px; top:150px;z-index:4; visibility:visible; text-align:right;}


/* DA : Sub id Style
------------------------------------------------------------------------------------------------------*/

/* DB : Sub id Style
------------------------------------------------------------------------------------------------------*/

/* DC : Sub id Style
------------------------------------------------------------------------------------------------------*/


/* DD : Sub id Style
------------------------------------------------------------------------------------------------------*/

/* DE : Sub id Style
------------------------------------------------------------------------------------------------------*/

/* DZ : Sub id Style
------------------------------------------------------------------------------------------------------*/