@charset 'utf-8';
/* default definition */
body {
	margin: 0 0 0 0;
	padding: 0;
	font-family:  "Dotum", "Arial";
	font-size:12px;
}
form {
	margin: 0;
	padding: 0;
}
table {border-collapse: collapse; border: 0px; padding: 0;}
P {margin-top:2px;margin-bottom:2px;} 
table th, table td { padding: 0;}
th { position:relative; /*top:expression(document.getElementById('ESNGrid').scrollTop);/*IE5+ only*/ }
img {
	border: 0;
	vertical-align:middle;
	margin:0 0 1px 0;
}
input[type=radio] {
	border:0;
	background-color:transparent;
}
input[type=checkbox] {
	width:14px;
	height:14px;
	border:0;
	background-color:transparent;
}
input[type=image] {
	/*height:20px;*/
	border:0;
	background-color:transparent;
}
input {
	font-family: "Dotum",  "Arial"; 
	color:#4D4D4A;
}
input.read {
	font-size: 12px;
	border:0;
	padding:2px 1px 0 0;
	margin:-1px 0 1px 0;
	height:14px;
	color:#666;
	background:transparent;
	text-align:right;
}
input.read_02 {
	font-size: 12px;
	border:0;
	padding:2px 1px 0 0;
	margin:-1px 0 1px 0;
	height:14px;
	color:#666;
	background:transparent;
}
input.read_line {
	font-size: 12px;
	border:0;
	padding:2px 1px 0 0;
	margin:-1px 0 1px 0;
	height:14px;
	color:#666;
	text-align:right;
	text-decoration:line-through;
	background:transparent;
}
input.image {
	height:18px;
	border:0;
	padding:0;
}
input.chk, input.rdo {
	border:0;
	width:14px;
	height:14px;
	background-color:transparent;
}
a:link, a:visited {
	color: #414042;
	text-decoration:none;
}
a:active, a:hover {
	color: #3a3a3a;
	text-decoration:none;
}

input.login:hover, input.login:focus, input.text:hover, input.text:focus {
	background-color: #FFFBDE;
}

input.login {
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	background: #EEE;
	padding:2px 1px 0 0;
	height:14px;
}

input.text {
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	background: #fff;
	padding:2px 1px 0 0;
	margin:-1px 0 1px 0;
	height:14px;
}

input.file {
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	padding:2px 1px 0 0;
	margin:-1px 0 1px -2px;
	height:18px;
}
input.readonly {
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	background:#f1f1f1;
	padding:2px 1px 0 0;
	margin:-1px -2px 1px 0;
	height:14px;
}
input.text_blue {
	font-family: "Dotum",  "Arial";
	color : #0E75D9;
	font-size: 12px;
	border-top: 1px solid #CACACA;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #CACACA;
	background: #fff;
	padding:2px 1px 0 0;
	margin:-1px 0 1px 0;
	height:14px;
}

input.readonly_blue {
	font-family: "Dotum",  "Arial";
	color : #0E75D9;	
	font-size: 12px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align : right;
	background:transparent;
	padding:2px 1px 0 0;
	margin:-1px -2px 1px 0;
	height:14px;
}

textarea {
	border-top: 1px solid #BCBBB7;
	border-right: 1px solid #BCBBB7;
	border-bottom: 1px solid #BCBBB7;
	border-left: 1px solid #BCBBB7;
	background: #fff;
	margin:-1px 0 1px 0;
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	color:#414042;
}

select {
	font-family: "Dotum",  "Arial";
	font-size: 12px;
	margin:0 0 2px 0;
	height:18px;
	color:#414042;
}

option
{
    padding-right: 0.5em;
}

input, select, textarea {
	vertical-align: middle;
}

div {
	SCROLLBAR-FACE-COLOR: #F7E9E4; 
	SCROLLBAR-TRACK-COLOR: #FFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #EFDCD4; 
	SCROLLBAR-3DLIGHT-COLOR: #D9B1A0; 
	SCROLLBAR-ARROW-COLOR: #C0795B; 
	SCROLLBAR-DARKSHADOW-COLOR: #D9B1A0; 
	SCROLLBAR-BASE-COLOR: #ffffff;
}

div.scroll {
	position:relative;
	overflow:scroll;
	SCROLLBAR-FACE-COLOR: #F7E9E4; 
	SCROLLBAR-TRACK-COLOR: #FFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #EFDCD4; 
	SCROLLBAR-3DLIGHT-COLOR: #D9B1A0; 
	SCROLLBAR-ARROW-COLOR: #C0795B; 
	SCROLLBAR-DARKSHADOW-COLOR: #D9B1A0; 
	SCROLLBAR-BASE-COLOR: #ffffff;
}
div.scroll_admin {
	width:100%;
	position:relative;
}
div.scroll_customer {
	width:940px;
	height:291px;
	position:relative;
	overflow:scroll;
}
div.scroll_customer2 {
	width:761px;
	height:291px;
	position:relative;
	overflow:scroll;
}
div.scroll_product {
	width:100%;
	height:149px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
}
div.scroll_product2 {
	width:440px; 
	height:178px; 
	overflow-y:scroll; 
	border:#FBAE5C 2px dotted; 
	padding:10px 10px 0 10px;
}
div.box {
	border:#FFE197 3px solid; 
	width:100%;
}
/*error*/
#error { 
	width: 406px;
	height: 244px; 
	position: absolute; 
	top: 50%; /* 화면의 중앙에 위치 */ 
	left: 50%; /* 화면의 중앙에 위치 */ 
	margin: -150px 0 0 -203px; /* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 */ 
}
.logo {
	height:59px;
	vertical-align:top;
	padding:9px 0 0 4px;
}
.error_bg {
	height:176px;
	vertical-align:top;
}



/* 자동완성 2010.04.16 */
.autocomplete_completionListElement 
{ 

z-index:101;

overflow : auto; 
height : 90px;


visibility : hidden; 
margin : 0px!important;

background-color : white; 
color : white;

border : buttonshadow; 
border-width : 1px;

border-style : solid; 
cursor : 'default';

text-align : left; 
list-style-type : none;

font-family: courier new; 
font-size: 8pt; 

}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem

{

background-color: #ffff99; 
color: black;

padding: 1px; 
}

/* AutoComplete item */

.autocomplete_listItem 
{

background-color : window; 
color : windowtext;

padding : 1px; 

}