@charset utf-8;

/* ------------------------------
  문서 기본
------------------------------ */
html { margin: 0px; padding: 0px; height: 100%; width: 100%; }
body { margin: 0px; padding: 0px; height: 100%; width: 100%; background: #ededed; }
body, input, textarea, select, option, label, td, th { font-family: Malgun Gothic, '맑은고딕', '돋움', '돋움체', 'dotum', 'dotum-che', '바탕', arial; font-size: 14px; color: #8c8c8c; }
p {  line-height: 140% }
div, p, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin: 0px; padding: 0px; font-family: Malgun Gothic, '맑은고딕', '돋움', '돋움체', 'dotum', 'dotum-che', '바탕', arial; font-size: 14px; color: #8c8c8c; }
div, ul, li, ol	{ list-style: none;}
ul li a { height: 1%; } /* ie6 공백버그 */
form { margin: 0px; padding: 0px; }
img { border: 0px; }
.reader { display: none; }

/* ------------------------------
  링크
------------------------------ */
a:link { text-decoration: none; color: #8c8c8c; }
a:visited { text-decoration: none; color: #8c8c8c; }
a:hover { text-decoration: underline; color: #00006C; }
a:active { text-decoration: none; color: #8c8c8c; }

/* ------------------------------
  상단영역
------------------------------ */
#container { width: 100%; height: 100%; margin: 0 auto; }

/* 상단요소 */
#header { clear:both; position: relative; width: 100%; margin: 0 auto; }
#logo { float: left; margin-left: 0px; }

/* 답메뉴 */
#topmenu { clear:both; margin-left: 4px; margin-top:40px; }
ul.topmenu { float:left; display: inline; height:31px; list-style: none; margin-left: 20px; }
ul.topmenu li { float:left; display: inline; height:31px; margin-left: 60px; margin-right: 0; line-height: 120%; }
ul.topmenu li.first { float:left; display: inline; margin-left:0; }

/* ------------------------------
  중간영역
------------------------------ */
#middle { clear:both; width: 100%; margin:0 auto; }

/* ------------------------------
  컨텐츠영역
------------------------------ */
/* 공지사항/인트라넷 */
#bbstab { margin-top: 7px; width: 316px; height:114px; }
ul.bbstab { float: left; width:100%; height:32px; border-bottom: 1px solid #d7d7d7; display: block }
ul.bbstab li { float: left; margin-right:2px; display: inline-block }
ul.bbstab li.more { float: right; margin-top: 10px; margin-right:2px; display: inline-block }
ul.bbslist { display: inline-block; width: 100%; }
ul.bbslist li { float: left; white-space:nowrap; line-height:16px; text-overflow: ellipsis; overflow: hidden; }
ul.bbslist li span { margin-left:5px; margin-right: 5px; }

/* ------------------------------
  하단영역
------------------------------ */
#footer { clear:both; width:100%; margin: 0 auto; }

.ellipsis {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

table.main {
	clear: both;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.main thead { }
table.main thead tr { }
table.main thead tr td {
	border-top: 2px solid #bed3f4; background: #f1f5fc; font-weight: bold; color: #000;
	border-bottom: 1px solid #d7d7d7;}
table.main tbody { }
table.main tbody tr { }
table.main tbody tr td { background: #ffffff; color: #000; border-bottom: 1px solid #d7d7d7; }
table.main tbody tr td a { color: #000; }
table.main tbody tr td div { color: #000; }
table.main tbody tr.odd td { background: #fbfbfb; }
table.main tbody tr.bold td { font-weight: bold; }
table.main tbody tr.bold td a { font-weight: bold; }

table.sublist {
	clear: both;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
table.sublist thead { }
table.sublist thead tr { height: 36px; }
table.sublist thead tr th {
	padding: 12px 0 12px 0;
	border-top: 2px solid #bed3f4; background: #f1f5fc; font-weight: bold; color: #000;
	border-bottom: 1px solid #d7d7d7;}
table.sublist thead tr td {
	padding: 12px 0 12px 0;
	border-top: 2px solid #bed3f4; background: #f1f5fc; font-weight: bold; color: #000;
	border-bottom: 1px solid #d7d7d7;}
table.sublist tbody { }
table.sublist tbody tr { height: 36px; }
table.sublist tbody tr td { 
	padding: 12px 0 12px 0;
	background: #ffffff; color: #000; border-bottom: 1px solid #d7d7d7;  }
table.sublist tbody tr td a { color: #000; }
table.sublist tbody tr td div { color: #000; }
table.sublist tbody tr th { 
	padding: 12px 0 12px 0;
	background: #ffffff; color: #000; border-bottom: 1px solid #d7d7d7; }
table.sublist tbody tr th a { color: #000; }
table.sublist tbody tr th div { color: #000; }
table.sublist tbody tr.odd td { background: #fbfbfb; }
table.sublist tbody tr.bold td { font-weight: bold; }
table.sublist tbody tr.bold td a { font-weight: bold; }

table.subform {
	clear: both;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-top: 2px solid #bed3f4; 
}
table.subform thead { }
table.subform thead tr { height: 36px; }
table.subform thead tr th {
	background: #f1f5fc; font-weight: bold; color: #000;
	border-bottom: 1px solid #d7d7d7;}
table.subform thead tr td {
	border-top: 2px solid #bed3f4; background: #f1f5fc; font-weight: bold; color: #000;
	border-bottom: 1px solid #d7d7d7;}
table.subform tbody { }
table.subform tbody tr { height: 36px; }
table.subform tbody tr td { background: #ffffff; color: #000; border-bottom: 1px solid #d7d7d7; padding: 5px 10px 5px 10px; }
table.subform tbody tr td a { color: #000; }
table.subform tbody tr td div { color: #000; }
table.subform tbody tr th { background: #f1f5fc; color: #000; border-bottom: 1px solid #d7d7d7; text-align: left; padding: 5px 10px 5px 10px; }
table.subform tbody tr th a { color: #000; }
table.subform tbody tr th div { color: #000; }
table.subform tbody tr.odd td { background: #fbfbfb; }
table.subform tbody tr.bold td { font-weight: bold; }
table.subform tbody tr.bold td a { font-weight: bold; }