@charset "EUC-KR";
/* ==================== Overriding for CSS Layout ========================== */
body {
  margin: 0px 0px 0px 0px;
  overflow:auto;
}

div.layout_page {
  width:"auto";
  margin: 0px 0px 10px 10px;
}

div.layout_page1 {
  /*width:100%;*/
  width:expression(document.body.clientWidth < 790? "770px":document.body.clientWidth-20);
  margin: 0px 0px 10px 10px;
}

div.layout_popup_page {
  width:400px;
  margin: 10px 10px 10px 10px;
}

div.layout_popup_page_auto {
  width:"auto";
  margin: 10px 10px 10px 10px;
}

.breadcrumb {
    text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

div.page_title {
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.space {
	margin: 0px 0px 14px, 0px;
}

/* Button */
div.button {
	text-align:right;
	margin: 0px 0px 0px 0px;
}

/* Button */
div.button_auto {
    width:"auto";
	text-align:right;
	margin: 0px 0px 10px 0px;
}

/* Button */
div.global_button {
  text-align:right;
  border:2px solid;
  margin: 4px 0px 0px 0px;
  border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
  background: #FFFFFF;
  padding: 5px 0px 3px 0px;
}

div.button_left {
    text-align:left;
	margin: 0px 0px 0px 0px;
}

.icon {
	margin: 15px 0px 3px 4px;
	text-align:left;
}

.button_default,
.button_default_eng,
.button_default_small,
.button_default_eng_small {
	margin: 0px 0px 3px 4px;
	text-align:center ;
}

.button_search {
	margin: 0px 5px 0px 0px;
	text-align:center ;
}

.button_small {
	margin: 0px 0px 3px 0px;
	text-align:center ;
}

.table_layout {
	clear: both;
	font-size:11px;
	border-top: 2px solid #8EAAE1;
	border-bottom: 1px solid #8EAAE1;
	padding: 0px;
	margin: 3px 0px 3px 0px;
}

.table_layout_auto {
  width:"auto";
	clear: both;
	font-size:11px;
	border-top: 2px solid #8EAAE1;
	border-bottom: 1px solid #8EAAE1;
	padding: 0px;
	margin: 3px 0px 3px 0px;
}
div.scroll {
	clear: both;
	overflow: auto;
}

div.float_right {
	float:right;
}

div.float_left {
	float:left;
}

.subtitle {
	clear:both;
	margin: 0px 0px 3px 0px;
}

.subtitle_float {
	float:left;
	margin: 0px 0px 3px 0px;
}

.clear {
	clear:both;
}

/* Search Table*/
div.search {
	text-align:left;
	border:1px solid;
	margin: 0px 0px 5px 0px;
	border-color: #a2aec6;
	background: #e5eaf2;
	padding: 1px 0px 1px 0px;
}

div.search table {
	/*width: 768px;*/
}

div.search span.text {
    font-size:12px;	color: #57657d;	font-weight:bold;
    height:20px;
    vertical-align : text-bottom;
	margin: 0px 7px 0px 0px;
}

div.search th {
	text-align: right;
	width: 70px;
	padding: 0px 0px 0px 5px;
	font-weight:normal;
}

div.search .search_button {
	text-align:right;
	width: *;
}

/* Search Table 1*/
div.search1 {
	text-align:left;
	border:1px solid;
	margin: 0px 0px 5px 0px;
	border-color: #a2aec6;
	background: #e5eaf2;
	padding: 1px 0px 1px 0px;
}

div.search1 table {
	width: 100%;
}

div.search1 span.text {
    font-size:12px;	color: #57657d;	font-weight:bold;
    height:20px;
    vertical-align : text-bottom;
	margin: 0px 7px 0px 0px;
}

div.search1 th {
	text-align: right;
	width: 70px;
	padding: 0px 0px 0px 5px;
	font-weight:normal;
}

div.search1 .search_button {
	text-align:right;
	width: *;
}

/* Search Table 2*/
div.search2 {
	text-align:right;
	border:1px solid;
	border-color: #a2aec6;
	background: #e5eaf2;
	padding: 1px 0px 1px 0px;
}

div.search2 table {
	width : 768px;
}

div.search2 span.text {
    font-size:12px;	color: #57657d;	font-weight:bold;
    height:20px;
    vertical-align : text-bottom;
	margin: 0px 7px 0px 0px;
}

div.search2 th {
	text-align: right;
	width: 70px;
	padding: 0px 0px 0px 5px;
	font-weight:normal;
}

div.search2 .search_button {
	text-align:right;
	width: *;
}

div.global_button span.text {
	vertical-align : text-top;
	margin: 0px 0px 0px 7px;
}

div.page {
	width:770px;
	margin: 10px 0px 0px 0px;
}

div.page span.middle {
	position: fixed;
	text-align:center;
	width:489px;
}

div.page span.left {
	position: fixed;
	text-align:left;
	width:150px;
}

div.page span.right {
	position: fixed;
	width:150px;
}

form {display:inline;}

/* HTML Grid Style */
div.htmlGridDiv {
  width: 100%;       /* table width will be 99% of this*/
  height: 500px;    /* must be greater than tbody*/
  overflow: auto;
  clear: both;
  font-size:11px;
  border-top: 2px solid #5078A9;
  border-bottom: 1px solid #5078A9;
  padding: 0px;
  margin: 3px 0px 3px 0px;
}	

html>body div.htmlGridDiv {
  overflow: hidden;
  width:100%;
}

div.htmlGridDiv thead {
  position:relative;
}

div.htmlGridDiv thead tr {
  position:relative;
  top: expression(offsetParent.scrollTop);
  z-index:10;
}

div.htmlGridDiv thead td {
    padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #A0A0A0;
	border-left:1px solid #E4E4E4;
	background:#C2D2E5;
	white-space:nowrap;
	position:relative;
}

div.htmlGridDiv thead td.label{
	position:relative;
	z-index:20;
	left:expression(document.getElementById('htmlGrid').scrollLeft);
}


div.htmlGridDiv tbody {
  overflow-y:auto;
  overflow:-moz-scrollbars-vertical;
  width:100%;}

div.htmlGridDiv tbody td {
    padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	border-top:0px;
	border-left:0px;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background:white;
	position:relative;
	white-space:nowrap;}

div.htmlGridDiv tbody td.number {
	padding-right:3px;
	text-align:right;
	vertical-align:middle;
}

div.htmlGridDiv tbody td.label{
	text-align:center;
	position:relative;
	z-index:1;
	border-top:0px;
	border-left:0px;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	left:expression(document.getElementById('htmlGrid').scrollLeft);
}

div.htmlGridDiv tbody td.percent{
	text-align:right;
}

/* HTML Grid multi table style */
.html_grid_corner tr {
    height:20px;
}

.html_grid_corner td {
    padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:#666000;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top:0px;
	border-left:0px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#C2D2E5;
	white-space:nowrap;
}

.html_grid_corner td.indicator {
	width:16px;	
	border-top:1px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#EDEDE8;	
}

.html_grid_top tr {
    height:20px;
}

.html_grid_top td {
    padding-top:2px;
	padding-right:2px;
	padding-left:2px;
	color:#666000;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top:0px;
	border-left:0px;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#C2D2E5;
	width:123px;
	overflow:hidden;
	white-space:nowrap;
}

.html_grid_top td.indicator {
	width:16px;	
	border-top:1px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#EDEDE8;	
}

.html_grid_top span {
    overflow:hidden;white-space : nowrap;
}

.html_grid_top td.empty {
	width:123px;
	border-right:none;
	border-bottom:none;
	background:white;
}

.html_grid_left tr {
    height:20px;
}

.html_grid_left td {
    padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	border-top:0px;
	border-left:0px;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background:white;
	white-space:nowrap;}

.html_grid_left td.indicator {
	width:16px;	
	border-top:1px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#EDEDE8;	
}

.html_grid_left td.label{
	text-align:center;
}

.html_grid_left span {
    overflow:hidden;white-space : nowrap;
}

.html_grid_data tr {
    height:20px;
}

.html_grid_data td {
    padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:9.0pt;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	border-top:0px;
	border-left:1px;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background:white;
	width:123px;
	white-space:nowrap;}

.html_grid_data td.indicator {
	width:16px;	
	border-top:1px;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	background:#EDEDE8;	
}

.html_grid_data td.number {
	padding-right:8px;
	text-align:right;
	vertical-align:middle;
}

.html_grid_data td.string {
	padding-left:8px;
	text-align:left;
	vertical-align:middle;
}

.html_grid_data td.string_center {
	padding-left:0px;
	text-align:center;
	vertical-align:middle;
}

.html_grid_data td.empty {
	width:123px;
	border-right:none;
	border-bottom:none;
	background:white;
}

.html_grid_data td.label {
	width:100%;	
	text-align:center;	
}

.html_grid_data span {
    overflow:hidden;white-space : nowrap;
}

.html_grid_footer td {
	width:123px;
	border-right:none;
	border-bottom:none;
	background:white;
}

.handelGrid {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 8px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; COLOR: black; PADDING-TOP: 0px; POSITION: relative; TOP: -22px; HEIGHT: 0px; TEXT-ALIGN: right
}
.spareTestDivWidth {
	WIDTH: 1%; WHITE-SPACE: nowrap; BACKGROUND-COLOR: red
}

.board 		 		{border-collapse: collapse; width: 100%; } 
.board th 			{padding: 3px 5px 3px; text-align:right;height:25px; word-break:break-all;}
.board td 			{padding: 3px 5px 3px; height:25px; word-break:break-all;}
.board td.contents	{padding: 15px 10px 15px;}

.board_list				{text-align: center; border-collapse: collapse;width: 100%; font-size :12px; table-layout:fixed;}
.board_list tr			{text-align: center; border-collapse: collapse;width: 100%; font-size :12px; table-layout:fixed; background-color:#FFFFFF;}
.board_list th			{padding: 4px; height:28px; white-space:nowrap; }
.board_list td			{padding: 4px; height:28px; white-space:nowrap; background-color:none;}

.mail_title {
	color: #0066CC;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 20px;
}