@charset "utf-8";

@import "layout.css";
@import "global.css";


body{ 
	/*background-color:#d6dadc;*/
	height:100%;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;	
}
html, body { 
	height: 100%;
}
form, input, select{
	font-family: "lucida sans", verdana, Arial, helvetica, sans-serif;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
a{ 
	font:normal 12px/1.4  verdana, Arial, Helvetica, sans-serif;
	color:#5a88a2;
	text-decoration:none;
}
a:hover{
	color:#ed4a2e;
}

#body {
	min-height: 100%;
	margin: -100px 0 -50px;
	overflow: hidden;
}
* html #body {
	height: 100%;
	overflow: hidden;
}
#divPopup p{
	margin:0 5px 15px;
}

address{
	padding:2px 10px 0;
	font:normal 10px/1.4 "lucida sans", verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
h1{
	margin:5px 0 0; 
	padding:7px 0 0 0;
	background:url(../images/main/h1_bg.gif) no-repeat;
	font:normal bold 12px/1.5 dotum,arial;
	text-align:center;
	color:#333333;
	width:188px;
}
h2{	
	margin:5px 0;
	padding:0 0 0 16px;
	color:#ed4a2e;
	background:0 50%  url(../images/bullet_h2.gif) no-repeat;	
	font:bold 12px dotum, Verdana, Arial, Helvetica, sans-serif;
	display:inline;
	float:left;
}

h3{	
	color:#666;
	font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
}

h4{	
	color:#0091b5;
	font:bold 12px  Verdana, Arial, Helvetica, sans-serif;
}

em{
	font:normal 12px/1.5;
	color:#ed3c1e; 
	}
.em{
	font:normal bold 11px/1.5 verdana, Arial, Helvetica, sans-serif;
	color:#ed3c1e; 
	word-spacing:-1;
}

.title{
	width:auto;
	margin:0 3px;
	padding:0px 3px 0px 20px;	
	font:normal 12px verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bullet_title.gif) no-repeat ;
	background-position: 0 0.1em;
	color:#333;
	float:left;
}

.title strong{
	font:bold 1.2em dotum, Arial, Helvetica, sans-serif;
	color:#e51937;
}

.info{
	padding:0 5px 0;
	font-family:dotum, arial, verdana;
	font-size:11px;
}
.search td{
	font-size:12px;
}
.srchLabel{
	padding:0 10px;
	font: bold 11px dotum, Verdana, Arial, Helvetica, sans-serif;
	word-spacing:-1px;
	text-align:right;
	height:24px;
}
.srchLabelC{
	padding:0 10px;
	font: bold 11px dotum, Verdana, Arial, Helvetica, sans-serif;
	word-spacing:-1px;
	text-align:center;
	height:24px;
}
.srchLabelL{
	padding:0 10px;
	font: bold 11px dotum, Verdana, Arial, Helvetica, sans-serif;
	word-spacing:-1px;
	text-align:left;
	height:24px;
}
.btn_area{
	margin:0;
	padding:0;
	text-align:right;
	float:right;
	}
.btn_area img{
	padding:0 2px;
}
.btn_area span{ 
	margin:0;
	padding:5px 3px 0 0;
	font:normal 1em dotum;
	color:#333;
	float:left;
	position:relative;
}

.button{
}
.button:hover,
.button:active{
	 filter:Alpha(Opacity=70);
	 cursor:hand;
}
.widthFull{
	width:95%;
	overflow:hidden;
}





/******form정의*****/
.input{
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.input3{
	padding:2px 1px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.input2
{
	font:normal 1em "verdana"; 

}
.select{
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	color:#666;
}
.textarea{
	padding:4px;
	width:96%;
	border:1px solid #c0bdbd;
	font:normal 12px/1.4 dotum, Arial, Helvetica, sans-serif;	
}
.readOnly{
	background: #eeeee7;
	padding:4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	float:left;
	display:inline;
}
.readOnlyC{
	background: #eeeee7;
	padding:4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	display:inline;
}

.grid 
{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #184f6d;
}

.grid th 
{
    background-color:#f7f7f7; 
    font-weight:normal;
    text-align:left;    
	padding:1px 10px;
}

.grid th.key_label 
{
    background-color:#f7f7f7; 
    font-weight:bold;
    text-align:left;    
	padding:1px 10px;
}



.grid th.label
{
    background-color:#f7f7f7; 
    font-weight:normal;
    text-align:left;    
	padding:1px 10px;
}


.grid th .point{padding:0 0 0 9px; background:url(../images/bl_star.gif) no-repeat 0 3px;} 
.grid th .bullet
{
    background:url(../images/bl_star.gif) no-repeat 0 3px;
    margin-left: 5px;
}

.grid th.separate 
{
    border-left: 1px solid #d9d9d9;
} 

.grid td
{
    font-weight:normal;
    text-align:left;
	padding:2px 5px 2px 5px;
}

.grid td.separate 
{
    border-left: 1px solid #d9d9d9;
    font-weight:normal;
    text-align:left;
	padding:2px 5px 2px 5px;
}

.grid td.vsflexgrid 
{
    padding: 0px 0px 0px 0px;
}

.grid td.hrred 
{
    background-color:#C90000;
    height:1px; 
    padding: 0px 0px 0px 0px;
}

.grid td.hrwhite 
{
    background-color:#ffffff;
    height:1px; 
    padding: 0px 0px 0px 0px;
}


.grid td.hrgray 
{
    background-color:#d9d9d9;
    height:1px; 
    padding: 0px 0px 0px 0px;
}

.grid td input.key_field 
{
    background-color: #ff9999;
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.grid td select.key_field 
{
    background-color: #ff9999;
	padding:3px 4px 3px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.grid td select.text
{
	padding:3px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.grid td input.text
{
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
}

.grid td input.num
{
    background-color: #ff9999;
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	text-align:right;
}

.grid td input.numin
{
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	text-align:right;
}

.grid td input.numout
{
    background-color: #f7f7f7;
    color:#000000;
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	text-align:right;
}

.grid td input.out
{
    background-color: #f7f7f7;
    color:#000000;
	padding:4px 4px;
	border:1px solid #c0bdbd;
	font:normal 12px dotum, Arial, Helvetica, sans-serif;
	text-align:left;
}

.grid td img.print 
{
    cursor: pointer;
}

.grid td img.print_disabled 
{
    cursor: default;
    filter: blur(direction:180,strength:50), gray();
}

td.line_separator
{
    background: url(../images/dot.gif) repeat-x;
    height:16px;
}

span.bullet
{
    background:url(../images/bl_red.gif) no-repeat 0 5px;
	font:bold 11px verdana, Arial, Helvetica, sans-serif;
    margin-left: 5px;
    padding-left: 10px;
}


span.lbl
{
    background:url(../images/bl_red.gif) no-repeat 0 5px;
	font:normal 11px verdana, Arial, Helvetica, sans-serif;
    margin-left: 5px;
    padding-left: 10px;
}

/*_____grid----*/
.gridLine2{
	border:2px solid #c5d3d9;
	}
.gridLine2 td{	
	padding:3px;
	}
.gridLine2 tr td.colHeader
{
	font-family:Arial:verdana;
	font-size:12px;
	background: #e0e9ed;
	color:#333;
	text-align:center;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
}
.gridLine2 tr td.colHeaderLeft
{
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:12px;	
	background: #e0e9ed;
	color:#333;
	text-align:left;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
}
.gridLine2 th {
	padding:6px 5px;
	font: normal 12px dotum, Verdana, Arial, Helvetica, sans-serif;
	color: #184f6d;
	text-align: center;
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;
	border-collapse:collapse;
}


.gridLine9{
	border:2px solid #c5d3d9;
	}
.gridLine9 td{	
	padding:3px;
	}
.gridLine9 tr td.colHeader
{
	font-family:Arial:verdana;
	font-size:11px;
	background: #e0e9ed;
	color:#333;
	text-align:center;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
}
.gridLine9 tr td.colHeaderLeft
{
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;	
	background: #e0e9ed;
	color:#333;
	text-align:left;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
}
.gridLine9 th {
	padding:6px 5px;
	font-family:verdana;
	font-size:11px;
	color: #184f6d;
	text-align: center;
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;
	border-collapse:collapse;
}

td.spec{
	text-align:right;
	padding:0 3px 0;
	color:#ed4a2e;
	font: bold 11px "lucida sans", Arial, Helvetica, sans-serif;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
td.ac{
	text-align:center;
	color: #666;
	/*font:normal 11px "lucida sans", Arial, Helvetica, sans-serif;*/
	font-family:arial, verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	height:18px;
}
td.num{
	padding:3px 3px;
	/*font:normal 11px "lucida sans", Arial, Helvetica, sans-serif;*/
	font-family:arial, verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	color:#666;
}
td.numR{
	padding:3px 3px;
	/*font:normal 11px "lucida sans", Arial, Helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:right;
	color:#666;
	height:18px;
}
td.numRNoLIne{
	padding:3px 3px;
	/*font:normal 11px "lucida sans", Arial, Helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	text-align:right;
	color:#666;
	height:18px;
}
td.numC{
	padding:3px 3px;
	/*font:normal 11px "lucida sans", Arial, Helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	color:#666;
	height:18px;
}

td.num4{
	padding:2px 2px;
	font-family:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	color:#666;
	height:18px;
}
td.numR4{
	padding:2px 2px;
	font-family:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:right;
	color:#666;
	height:18px;
}
td.numC4{
	padding:2px 2px;
	font-family:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	color:#666;
	height:18px;
}


.numUp4{
	padding:0 5px 0 0;
	text-align:center;
	font-family:verdana;
	font-size:11px;
	color:#1b91ce; 
	word-spacing:-1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}

td.name{
	padding:3px 3px;
	font:normal 11px dotum, Arial, Helvetica, sans-serif;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	color:#5a88a2;
	height:18px;
}
td.cpName{
	background:#e2eaef;
	font:normal 11px dotum, Arial, Helvetica, sans-serif;
	border-right:1px dotted #bdcdd6;
	border-bottom:1px solid #e1e1e1;
	color:#00727d;
}

td.cpNameEven{
	background:#f3f3f3;
	font:normal 11px dotum, Arial, Helvetica, sans-serif;
	border-right:1px dotted #bdcdd6;
	border-bottom:1px solid #e1e1e1;
	color:#00727d;
}

td.cpNameOdd{
	background:#f3f3f3;
	font:normal 11px dotum, Arial, Helvetica, sans-serif;
	border-right:1px dotted #bdcdd6;
	border-bottom:1px solid #e1e1e1;
	color:#00727d;
}

.underline{
	border-bottom:1px solid #ddd;
	border-collapse:collapse;
}

.outline{
	border:1px solid #d6d6d6;
	border-collapse:collapse;
}

.outline{
	border:1px solid #d6d6d6;
	border-collapse:collapse;
}

.alt{
	background:#f3f3f3;
	}
.even{
	background:#fff;
	}
.sum{
	background:#e8f0e1;
	}

.sum td{
	color:#184f6d;
	}
	
.numUp{
	padding:0 5px 0 0;
	text-align:center;
	font:normal bold 11px/1.3 "lucida sans", Arial, Helvetica, sans-serif;
	color:#1b91ce; 
	word-spacing:-1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.numUp img{padding:0 3px;}
.numDown{
	padding:0 5px 0 0;
	text-align:center;
	font:normal bold 11px/1.3 "lucida sans", Arial, Helvetica, sans-serif;
	color:#ed3c1e; 
	word-spacing:-1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.numDown img{padding:0 3px;}
.numZero{
	padding:0 5px 0 0;
	text-align:center;
	font:normal bold 11px/1.3 "lucida sans", Arial, Helvetica, sans-serif;
	color:#666;
	word-spacing:-1; 
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
}
.numZero img{padding:0 3px;}





/*--2depthMenu--*/
div.menuframe 
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	visibility:hidden;
	z-index:10;
}

iframe.menuframe
{
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=90); 
	-moz-opacity:.90; 
	opacity:.90;
	display:block;
	visibility:hidden;
	z-index:8;	
}

ul.submenu{
	margin:0 0 5px 0;
	padding:0px;
	list-style-type:none;
	background-color: #FFF;
}
ul.submenu li 
{	
	margin:0;
	padding:2px 20px 2px 5px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	font:normal 12px dotum,arial;
	color: #666;
	text-decoration: none;
}
ul.submenu li:hover
{
	background-color: #d5dadd;
	color: #000;
	display:block;
}
li.submenu2{
	margin:0px;
	background: 98% 50% url(../images/MenuBarRight.gif) no-repeat;
}
li.submenu2:hover
{	
	margin:0px;
	color: #000;
	font:normal 12px dotum,arial;
	background: 98% 50% url(../images/MenuBarRightHover.gif) no-repeat #d5dadd;
}

/*----tabnmenu----*/
ul.tab1{
}
ul.tab2{
	margin:0;
	padding::0;
	list-style:none;
}
ul.tab2 li{
	margin:0 0 1px 0;
	padding:4px 0 0 0;
	width:85px;
	height:21px;
	background:url(../images/tab2_off.gif) no-repeat;
	text-align:center;
	float:left;
}
ul.tab2 li a{
	margin:0;
	padding:0;
	color:#afb7bb;
	font:bold 12px dotum,arial;
}
ul.tab2 li.over{
	padding:4px 0 0 0;
	top:5px;
	background:url(../images/tab2_over.gif) no-repeat;
	color:#f34400;
	font:bold 12px dotum,arial;
}


/*----에러메세지---*/
.erroMsg{
	padding:10px 15px;
	font:normal 1em/1.4 "verdana";
	color:#666;
}
.msgCntr{
	padding:5px 10px;
	color:#e97137;
	font:bold 1.2em/1.4 "verdana";
}

/**/
.gridLineSS{
	border:2px solid #c5d3d9;
	}

.gridLineSS tr td.colHeader
{
	font-family:Arial:verdana;
	font-size:12px;
	padding:3px;
	background: #e0e9ed;
	color:#333;
	text-align:center;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
	height:18px;
}
.gridLineSS tr td.colHeaderLeft
{
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:12px;
	padding:3px;
	background: #e0e9ed;
	color:#333;
	text-align:left;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;	
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
}
.gridLineSS th {
	padding:6px 5px;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	color: #184f6d;
	text-align: center;
	background: #dbe5eb /*url(../images/th_bg.gif) repeat-x*/;
	border-right:1px solid #c5d3d9;
	border-bottom:1px solid #c5d3d9;
	border-collapse:collapse;
}
.gridLineSS tr td.numC{
	padding:3px 3px;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family: verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	color:#666;
	height:15px;
}
.gridLineSS tr td.numNoPad{
	padding:0px 0px;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
	color:#666;
}
.gridLineSS tr td.numNoLine{
	padding:0px 0px;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:11px;
	text-align:center;
	color:#666;
	height:15px;
}

.msgtext 
{
	padding:0px 10px;
	/*font:normal 12px/1.4 "lucida sans", verdana, arial, helvetica, sans-serif;*/
	font-family:Arial:verdana;
	font-size:13px;
	font-weight:normal;
	color:#ff0000;
}

#login {
	height: 367px;
	width: 485px;
 	display: block;
	overflow:hidden;
	text-align:left;
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-230px; 
	margin-left:-242px; 
}

#login2 {
	height: 501px;
	width: 980px;
 	display: block;
	overflow:hidden;
	text-align:left;
	position:absolute; 
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-490px; 
}

#login tr td.lt {
	background: #ff0000 url(../Images/login_lt.gif) repeat-x;
	width: 28px;
}

#login tr td.center {
	background: url(../Images/login_bg.gif) repeat-x;
	width: 432px;
}

#login tr td.rt {
	background: url(../Images/login_rt.gif);
	width: 25px;
}

#header .topBar {
	background: #d6dadc url(../Images/topbarbg.gif) repeat-x;
	padding-top:0px;
	width:auto;
}