@charset "utf-8";
/* CSS Document */

/* ================================ */
/* Default Elements Style */
a:link {
	color: #0066CC;
	text-decoration: none;}
a:visited {
	text-decoration: none;
	color: #0066CC;}
a:hover {
	text-decoration: underline;
	color: #3BB2E3;}
a:active {
	text-decoration: none;
	color: #3BB2E3;}
a {
	font-size: 1em; border-style:none;}
h1 {
	font-size: 2em;}
h2 {
	font-size: 1.6em;}
h3 {
	font-size: 1.4em;}
h4 {
	font-size: 1.2em;}
h5 {
	font-size: 1em;}
h6 {
	font-size: 0.8em;}
img {
	border:none;}
form {
	margin:0; padding:0;}
table {
	font-size:100%;}
table caption {
	font-size:0.9em; letter-spacing:-0.1em;}


/* ================================ */
/* Header Area - Common Attribute */
#header h1 {
	width:200px;
	margin: 0 8px 0 0; /* #header div에서 마지막 요소의 여백을 0으로 하면 div 사이에 마진 컬랩스(margin collapse)라고 하는 원인이 밝혀지지 않은 공백이 생기는 것을 방지할 수 있습니다. div에 테두리가 있는 경우 이 또한 마진 컬랩스를 방지할 수 있으므로 위와 같이 하지 않아도 됩니다. */
	padding: 0; /* 여백 대신에 패딩을 사용하면 요소가 div의 가장자리에 ¹eA¡μC지 않게 할 수 있습니다. */}
#header #sidemenu {
	float: right;
	margin:-10px 0 0 8px; padding:0;}
#header #mainmenu {
	margin:20px auto; padding:0;}
#header #mainmenu img {
	margin:0 20px 0 10px; padding:0;}

/* ================================ */
/* Sidebar1 (Left) Content Area - Common Attribute */
#sidebar1 #category { 
	margin:2em 0 3em 0;
	list-style-type:none; padding:0 0 0 1em;}
#sidebar1 #category li {
	margin:1em 0; padding:0; height:24px;}
#sidebar1 #category li a {
	text-decoration:none; color:#333333;}
#sidebar1 #category li a:link, #sidebar1 #category ol li a:visited {
	text-decoration:none; color:#333333;}
#sidebar1 #category li a:hover, #sidebar1 #category ol li a:active {
	text-decoration:none; color:#000000;}

#sidebar1 #newsBox {
	border-width:1px; border-style:solid; border-color:#EDF1F4; background-color:#FFFFFF;}
#sidebar1 #newsBox ul {
	margin:0; padding:0.5em;}
#sidebar1 #newsBox li {
	background-image:url(/kr/main/images/sidebarNewsBullet.gif); background-position:4px left ; background-repeat:no-repeat; 
	list-style-type:none; padding:0 0 0 1em;}

#sidebar1 .banner {
	margin:0.5em; padding:0.5em; text-align:center; border:1px solid #0099CC;}


/* ================================ */
/* Main Content Area - Common Attribute */
#mainContent h1 { 
	font-size:2em; line-height:2.5em;
	margin:5px 5px 5px 5px;}
#mainContent h2 {
	font-size:1.6em; line-height:2em;
	margin:5px 5px 5px 25px;}
#mainContent h3 {
	font-size:1.4em; line-height:1.75em; color:#003399;
	margin:2em 0.5em; padding:0;}
#mainContent h3 span {
	padding:1em; 
}
#mainContent h4 {
	font-size:1.2em; line-height:1.5em;
	margin:1em;
}
#mainContent h5 {
	font-size:1em; line-height:1.25em;
	margin:10px 0px 5px 5px;
}
#mainContent h6 {
	font-size:1em;
	margin:10px 0px 5px 5px;
}
#mainContent h7 {
	font-size:1em;
	margin:10px 0px 5px 5px;
}
#mainContent .body {
	margin: 1em auto 1em 3em; padding:0;}
#mainContent p { 
	font-size:1em;
	margin:5px 5px 5px 5px;}
#mainContent img { 
	vertical-align:text-bottom;
	border:0;}
#mainContent ul, #mainContent ol { 
	margin:0 0 0 20px; padding:0 0 0 0px}
#mainContent ol li { 
	margin:5px 0;}
#mainContent ul li {
	background-image:url(/en/common/images/tag_li.gif); background-repeat:no-repeat; background-position:left top;
	margin:0 0 0.4em -1.2em; padding-left:1.2em; list-style:none; list-style-position:outside;
	}
#mainContent .nl li {
	background-image:url(); background-repeat:no-repeat; background-position:left top;
	margin:0 0 0.4em -0.5em; padding-left:0.5em; list-style:square; list-style-position:outside;
	font-size:0.8em;}

.boardContent {
	width:540px; margin:0 10px; padding:0; text-align:justify; line-height:140%;}

/* ================================ */
/* Main Footer Area -  */
#footer p {
	margin: 0; /* 바닥글에서 첫 번째 요소의 여백을 0으로 하면 div 사이에 마진 컬랩스가 생기는 것을 방지할 수 있습니다. */
	padding: 0; /* 이 요소에 패딩을 사용하면 마진 컬랩스 문제가 발생하지 않고 여백과 마찬가지로 공간이 만들어집니다. */
	line-height:1em;
	color:#FFFFFF;
}