@CHARSET "UTF-8";

 /* mac hide \*/
 html, body {
	height:100%
}
/* end hide*/

	* html #SiteWrap {
		height: 100%;	/* IE only */
	}
	#SiteWrap{
		min-height: 100%;
		/* background: url(/Images/Common/sub_menu_bg_183px.gif) repeat-y 6px 0; */
	}
	
	
	
	/*
		topLayer 
		- 상단메뉴 , 로고 및 개인정보 버튼 
		- Min-Witdh는 TopLogoBox에만 적용 (980px)
		---------------------------------------------------------------
	*/
	#TopLayer{
		/* width: 980px;	*/
		background-color:#FFFFFF;
		height:105px;		/* ⓐ61px + ⓑ39px + 5px(h-space) */
	}
		/* ⓐ상단 로고 및 사용자정보 , 버트 */
		#TopLogoBox{
			width: 980px;
			height: 61px;  /* 61px */
			padding: 7px 0 0 7px;
		}
		
			#TopLogoBox  H1{
				float: left;
			}
			#TopLogoBox #TopUserInfo{
				float: right;
				text-align: right;
				margin: 2px 0 0 0;
			}
				#TopUserInfo ul{
					clear:both;
				}
				#TopUserInfo li{
					display: inline; 
					float: right;
					padding: 0 0 0 18px ;
					font-weight:bold;
					letter-spacing: -0.1em;
				}
			
		
		/* ⓑ탑 메뉴(메인 메뉴 )  : min-width: 980px */
		#TopMenuBox{
			background: #FFFFFF url(/Images/Common/top_menu_layer.gif) repeat-x 0 0;
			height: 39px;
			padding: 0 0 0 6px;
			margin: 0;
		}
			#TopMenuBox ul{
				width: 974px;	/* 6 + 974 = 980px */
				clear:both;
			}
				#TopMenuBox li{
					display: inline; 
					float: left;
					
				}	
				
				
				
				
						
	/*
		topLayer 
		- 서브 메뉴 및 본문 냉용
		- SPACE or With 
			1. 사이트 W-Space(left , right) 6px;
			2. LeftBox(서브메뉴) 183px
			3. LeftBox 와 Content 사이의 W-Space 12px  ( Cotnet의 Min-Width: 773px , Site의  Min-Width: 980px )
		---------------------------------------------------------------
	*/				
	/* DocCenter */
	#DocCenter{
		width: 1000px;
		margin: 0 6px 0 9px;
	}
	
		/* Left Sub Menu */
		#LeftBox{
			float: left;
			width: 183px;
			margin-top: 8px;
			border: 3px solid #3a7dc1;
		}
			#SubMenu{
				padding: 11px 10px 11px 11px;
			}
				#SubMenu li{
					list-style: none;
					vertical-align: middle;
					padding: 1px 0px 2px 0px;
				}
				
				#SubMenu .smStep{
					background: url(/Images/Common/sub_menu_bottom_dotline.gif) no-repeat 0 100%;		
				}

				#SubMenu .smStep1{
					padding: 4px 0 5px 0px ;

					font-weight: bold;
					vertical-align: middle;
					background: url(/Images/Common/sub_menu_bottom_dotline.gif) no-repeat 0 100%;		
				}

				#SubMenu .smStepM{
					padding: 4px 0 5px 0px ;

					
					vertical-align: middle;
					background: url(/Images/Common/sub_menu_bottom_dotline.gif) no-repeat 0 100%;		
				}

				#SubMenu .smStep2{
					
					padding: 3px 0 3px 13px ;
				}
				

		
				
				
/* left W-Space : 12px + Cotnet 773px */		
#ContentBox{
	float: left;
	width: 773px;
	margin: 0 0 20px 12px;
}
	#Content{
		vertical-align: top;
	}


/* 메인:인덱스용:가로777로 설정*/	
/*
#ContentBoxM{
	float: left;
	width: 777px;
	margin: 0 0 20px 12px;
}
	#ContentM{
		vertical-align: top;
	}
*/			

		
			
			
			
			
#FooterLayer{
	position: relative;
	height: 3px; /*height: 3px;*/	
	margin: -3px  0 0 0 ;
	padding: 0px 0 0px 0;
	line-height: 0px;
	background: url(/Images/Common/sub_menu_bg2_183px.gif) no-repeat 6px 0px;
}