@charset "utf-8"; 

html, body {
 height: 100%;
 margin: 0;
 padding: 0;
}

td, div{	color: #333333;
	font-family: "Arial", "Verdana", "돋움", "tahoma";
	font-size: 11px;
}

img { border: none;}

A:link { color: #000000; text-decoration: none; }
A:visited { color: #000000;	text-decoration: none; }
A:active { color: #000000; text-decoration: none; }
A:hover { color: #000000; text-decoration: none; }
	
.header {	
	width:100%; 
	height:100%;
	background-image:url(../../pages/images/header.gif); 
	background-repeat: repeat;		
}

.menu {	
	width:100%; 
	height:100%;
	background-image:url(../../pages/images/m_body.gif); 
	background-repeat: repeat;		
}

.content {	
	width:99.2%; 
	height:400;
	border:3px solid #808080;	
	margin-left:3px;
}

.footer {	
	width:100%; 
	height:100%;
	background-image:url(../../pages/images/f_body.gif); 
	background-repeat: repeat;		
}

.login {
	position: relative;	top:50%; left:50%;
	width:1px;
	height:1px;
	border:1px solid #000;
	margin-top:-100px; margin-left:-100px; background:yellow;		
}

.h_right {	
	width:442px; 
	height:100%;
	background-image:url(../../pages/images/h_right.gif); 
	background-repeat: no-repeat;		
}

.message{	color: #333333;
	font-family: "Arial", "Verdana", "돋움", "tahoma";
	font-size: 11px;
}

.ps{
	color: #747474;
	font-family: "Arial","Verdana", "돋움", "tahoma";
	font-size: 8pt;
}

.ellipsis{
	overflow:hidden; 	
	text-overflow:ellipsis;	 
	white-space:nowrap; /* 말줄임 */
}

.leftDiv {
	width:35%;
	height:100%; 
	border:2px solid #7f6969;
	background-color:#FFFFFF;
}
.leftDiv1 {
	width:64.5%;
	height:100%; 
	border:2px solid #7f6969;
	background-color:#FFFFFF;
}
.rightDiv {
	width:99.5%; 
	height:100%; 
	border:2px solid #7f6969;
	background-color:#FFFFFF;
}

.halfDiv {
	width:50%; 
	height:95%; 
	border:2px solid #7f6969;
	background-color:#FFFFFF;
}


.left-button {
	left:496px; 
	top:200px; 
	width:17px; 
	height:88px; 
}

#search {
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-color: #d8d8d4;
	border-bottom-style: solid;
}

#warning_box {
 	position: absolute;
 	top: 130px;
 	left: 225px;
}

.8{	font-size: 8pt;}
.9{	font-size: 9px;}}
.10{font-size: 10px;}
.11{font-size: 11px;}
.12{font-size: 12px;}
.13{font-size: 13px;}
.16{font-size: 16px;}
.20{font-size: 20px;}

.bold{font-weight:bold;}
.normal{ font-weight:normal;}

.fl {float:left;}
.fr {float:right;}

.L{	text-align:Left;}
.C{	text-align:center;}
.R{	text-align:right;}
.T{	vertical-align: top;}
.M{	vertical-align: middle;}
.B{	vertical-align: bottom;}

/* padding */
.p10{padding:10px}

.p01{padding:1px}
.pt01{padding-top:1px}
.pr01{padding-right:1px}
.pb01{padding-bottom:1px}
.pl01{padding-left:1px}

.p02{padding:2px}
.pt02{padding-top:2px}
.pr02{padding-right:2px}
.pb02{padding-bottom:2px}
.pl02{padding-left:2px}

.p03{padding:3px}
.pt03{padding-top:3px}
.pr03{padding-right:3px}
.pb03{padding-bottom:3px}
.pl03{padding-left:3px}

.p05{padding:5px}
.pt05{padding-top:5px}
.pr05{padding-right:5px}
.pb05{padding-bottom:5px}
.pl05{padding-left:5px}

.p08{padding:8px}
.pt08{padding-top:8px}
.pr08{padding-right:8px}
.pb08{padding-bottom:8px}
.pl08{padding-left:8px}

.p10{padding:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.pl10{padding-left:10px}

.pt11{padding-top:11px}

.p15{padding:15px}
.pt15{padding-top:15px}
.pr15{padding-right:15px}
.pb15{padding-bottom:15px}
.pl15{padding-left:15px}

.p20{padding:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pl20{padding-left:20px}

.p30{padding:30px}
.pt30{padding-top:30px}
.pr30{padding-right:30px}
.pb30{padding-bottom:30px}
.pl30{padding-left:30px}

.p35{padding:35px}
.pt35{padding-top:35px}
.pr35{padding-right:35px}
.pb35{padding-bottom:35px}
.pl35{padding-left:35px}

.p40{padding:40px}
.pt40{padding-top:40px}
.pr40{padding-right:40px}
.pb40{padding-bottom:40px}
.pl40{padding-left:40px}

.p50{padding:50px}
.pt50{padding-top:50px}
.pr50{padding-right:50px}
.pb50{padding-bottom:50px}
.pl50{padding-left:50px}

.mgt01 {margin-top:1px;}

.mgb01 {margin-bottom:1px;}

.mgl01 {margin-left:1px;}

.mgr01 {margin-right:1px;}

table.Design4 {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.Design4 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border-bottom: 2px solid #FFFFFF;
    background: #DBE2F1;
}
table.Design4 td {
    text-align: center;
    border-bottom: 2px solid #FFFFFF;
    padding: 0.1em 0.5em;
    background: #DBE2F1;
}

.tth {
    text-align: center;
    color: #FFFFFF;
    padding: 0.1em 0.5em;
    background: #687EAB;
}

.tr-on {
    background: #BBBBBB;
}

.tr-off {
    background: #DBE2F1;
}

table.Design4 thead th {
    background: #687EAB;
    color: #FFFFFF;
    text-align: center;
}
table.Design4 th.Corner {
    text-align: left;
}

.colresize  {font:9pt "굴림"; cursor:""; }
.colresize1 {font:9pt "굴림"; cursor:""; }


.select { background-color: #bbbbff;  }


table, tr, td   { font-family:돋움; font-size:12px; color:#666666; word-wrap:break-word; word-break:break-all; }

.grid-block				    { margin: 0 auto;width:98%; border:1px solid #99cbe8; margin-top: 10px;}
.grid-block table		    { width: 100%; padding: 0px; border-spacing:0px; border-collapse:collapse;}
.grid-block thead		    { background-color:#aadbf6; text-align:center; height:19px; }
.grid-block thead th	    { font-weight:normal; color:#000000; border-bottom: 1px solid #d0d0d0; text-align:center; }
.grid-block thead .c	    { border-left: 1px solid #aadbf6; }
.grid-block tbody		    { height: 20px;  }
.grid-block tbody tr        { background-color: #bbbbff;  }
.grid-block tbody td	    { height: 20px; border-top: 1px solid #ededed; padding-left: 3px; padding-right: 3px; }