@charset "utf-8";
body  {
	font: 75% "맑은 고딕", "돋움", Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image:url(/kr/common/images/bodyBg.gif); background-position:top; background-repeat:repeat-x;
	margin: 0; /* 브라우저 기본값이 각기 다를 수 있으므로 body 요소의 여백 및 패딩을 0으로 하는 것이 좋습니다. */
	padding: 0;
	text-align: center; /* IE 5* 브라우저에서 컨테이너를 가운데 배치합니다. 그런 다음 텍스트를 #container 선택기에서 기본값인 왼쪽 정렬로 설정합니다. */
	color: #000000;
}

.twoColFixLtHdr #container { 
	width: 800px;  /* 브라우저 폭을 전체 800px보다 20px 적게 하면 브라우저 크롬을 사용하고 가로 스크롤 막대를 없앨 수 있습니다. */
	background-image:none;
	margin: 20px auto; /* 자동 여백(폭에 따라)은 페이지를 가운데로 정렬합니다. */
	/*border: 1px solid #000000;*/
	text-align: left; /* 텍스트 정렬을 무시하고 body 요소 가운데에 정렬합니다. */
} 
.twoColFixLtHdr #header { 
	background-image: none; 
	padding: 0;  /* 이 패딩은 아래 나타나는 div에서 요소들의 왼쪽 정렬을 일치시킵니다. #header에서 텍스트 대신 이미지를 사용할 경우 패딩을 제거할 수도 있습니다. */
	margin:10px 0 30px 0; border:none;
	line-height:100%;
} 
.twoColFixLtHdr #sidebar1 {
	float: left; /* 이 요소는 부동 상태이므로 폭을 지정해야 합니다. */
	width: 200px; /* 표준 규격 브라우저 또는 Internet Explorer의 표준 모드에서 이 div의 실제 폭은 이 폭뿐 아니라 패딩 및 테두리를 포함합니다. */
	background-image: none; /* 배경색은 열의 내용 길이만큼만 표시됩니다. */
	color:#000000; text-decoration:none;
	padding:30px 0 0 0; margin:2em 0 0 0; border:none;
}
.twoColFixLtHdr #mainContent { 
	float: right; /* 이 요소는 부동 상태이므로 폭을 지정해야 합니다. */
	width: 560px; /* 표준 규격 브라우저 또는 Internet Explorer의 표준 모드에서 이 div의 실제 폭은 이 폭뿐 아니라 패딩 및 테두리를 포함합니다. */
	margin: 2em 0 0 0; /* 이 div 요소의 왼쪽 여백으로 페이지 왼쪽에 열이 만들어집니다. 이 열 공간은 sidebar1 div에 포함되는 내용의 양에 관계 없이 유지됩니다. #sidebar1의 내용이 끝날 때 #sidebar1 공간을 #mainContent div의 텍스트로 채우려면 이 여백을 제거하면 됩니다. */
	padding: 20px; /* 패딩은 div 상자 안의 공간이고 여백은 div 상자 밖의 공간입니다. */
	background-image: none;
} 
.twoColFixLtHdr #footer { 
	padding: 1em; /* 이 패딩은 위에 나타나는 div에서 요소들의 왼쪽 정렬을 일치시킵니다. */
	background:#C3CDDB; color:#333333;
} 
.fltrt { /* 이 클래스는 페이지 오른쪽에 요소를 부동화하는 데 사용됩니다. 부동화된 요소는 페이지에서 옆에 배치될 요소의 앞에 와야 합니다. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 이 클래스는 페이지 왼쪽에 요소를 부동화하는 데 사용됩니다. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 이 클래스는 div 또는 분할 요소에 배치되어야 하며, 부동 요소를 완전히 포함해야 하는 컨테이너를 닫기 전 마지막 요소가 되어야 합니다. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}