@charset "utf-8";
/* CSS Document */

/* base */
body{
	font: 12px  Verdana, "Trebuchet MS", Tahoma, sans-serif, Arial; 
	line-height: 20px;
	color: #444; 
	background: #FFF url(../image/sub_bg.gif) repeat-x; 
}
.nobg{
	background: #FFF; 
}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{
	margin:0;
	padding:0;
}

input{
	font: 12px  Verdana, "Trebuchet MS", Tahoma, sans-serif, Arial; 	
}
	
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-size:100%
}
ul, ol, li{
	list-style:none
}
table {
	 border-collapse: collapse;
}

fieldset, img{
	border:none
}
caption{ display:none;}

/* a-style */
a{color:#333;text-decoration:none;}
a:hover, a:active{color:#2255cb;text-decoration:underline}

/*layout ****************************************************************/
#wrap{
	width: 990px;
	margin: 0 auto;
}
#wrap.login_width{
	width:700px;
}

#header{
	margin:0 auto;
	height:73px;
	background:url(../image/sub_tit.gif) no-repeat top center; 	
}
#container{
	position:relative;
    width:100%;	
	min-height:400px;
	
}
#lnb {
 float:left;
 width:0;
}

#conts {
 float:left;
 width:990px;
}

h2 {background:url(../image/subtit_bg.gif) no-repeat left center; line-height:22px;  color:#FFF; padding-left:35px;font-weight:bold; font-size:13px; margin-top:5px;}
h3 {background:url(../image/ball.gif) no-repeat 10px center; padding-left:30px;font-weight:bold; font-size:13px;margin-bottom:2px; margin-top:0px;}

#footer{
	clear:both;
	background:#f5f5f5;
	border:1px solid #dfdfdf;
	color:#666666;
	position:relative;
	text-align:center;
	font-size:11px;
	width:100%; 
	padding:2px 0;
	margin: 20px 0 10px 0;
}

.clearit10  /* ±âº»¿©¹é Àâ¾ÆÁÖ±â */ {margin: 0 auto;clear:both;height:10px;}
.clearit20  /* ±âº»¿©¹é Àâ¾ÆÁÖ±â */ {margin: 0 auto;clear:both;height:20px;}

/*align ****************************************************************/
.float_l{
	float:left;
}

/*login ****************************************************************/

.login_bg {
	background: #FFF url(../image/login_bg.gif) repeat-x; 	
}

#login_tit{
	width: 590px;
	height:387px;
	background: #FFF url(../image/login_tit.jpg) repeat-x; 
	margin: 0 auto;
	font-size:0;
}

#login_box{
	position:relative;
	width: 333px;
	margin: 0 auto;
	height:145px;
	padding:35px 0 0 0;
}

.login_form_id{
	background:url(../image/id_bg.gif) no-repeat;
	height:27px;
	position:relative;
	width:255px;}

.login_form_pw{
	background:url(../image/pw_bg.gif) no-repeat;
	height:27px;
	position:relative;
	width:255px;
	margin-top:5px;}

.login_form_memory{
	text-align:right;
	position:relative;
	width:255px;
	margin-top:10px;}
	
input.login_input{
	background-color:transparent;
	width:165px;
	height:27px;
	border:0;
	color: #000;
	margin-left:85px;
	padding:1px 0 0 0px;
}
.login_btn{
	float:right;
}

/*main ****************************************************************/
#etc{
	 padding:25px 30px 0 0; float: right;
}

	#etc li { display: inline;}
	#etc li a {color:#0167b2;}

	#etc li.colline {width:10px;}
	#etc li.home { padding:1px 10px 1px 20px;background:url(../image/icon_home.gif) no-repeat left center;}	
	#etc li.user { padding:1px 10px 3px 20px;background:url(../image/icon_user.gif) no-repeat left center;}
	#etc li.logout { padding:3px 0 1px 20px;background:url(../image/icon_logout.gif) no-repeat left center;}
	
	
/*search ****************************************************************/	
#search {
    height:40px;
	width:500px;
	background:#f8f8f8; border:1px solid #e0e0e0;
	margin:0 auto;
	padding-left:20px;
}
#search li {
	padding:10px 0;
	display:inline;
	float:left;
}
	
	
#search li.head {
	width:50px;
	padding-left:40px;
	background:url(../image/icon_search.gif) no-repeat left;
}
#search li.field {
	padding-right:10px;
	width:280px;
}	
	
input.search_input{
	padding:0 5px;
	width:270px;
	height:18px;
	border:1px solid #666666;
	color: #000;
}

/*search2 ****************************************************************/	
#search2 {
    height:40px;
	width:750px;
	background:#f8f8f8; border:1px solid #e0e0e0;
	margin:0 auto;
	padding-left:20px;
}
#search2 li {
	padding:10px 0;
	display:inline;
	float:left;
}
	
	
#search2 li.head {
	width:90px;
	padding-left:40px;
	background:url(../image/icon_search.gif) no-repeat left;
}
#search2 li.bl_tit {
	width:60px;
	padding-left:20px;
}
#search2 li.field {
	padding-right:10px;
	width:180px;
}	
	
#search2 input{
	padding:0 5px;
	height:18px;
	border:1px solid #666666;
	color: #000;
}

/***Tracing DIV )***********************************************************************/
#tracing_wrap{width:650px; margin:0 auto;}
#tracing{ border:1px solid #b3bccb; padding-top:10px; background:#f3faff; text-align:center;margin-top:10px;}

.margin_top_20{margin-top:20px;}
.margin_top_15{margin-top:15px;}

.step01{display:inline-block; text-align:left;background:url(../image/tracing_icon_01_1.gif) no-repeat;width:105px; height:52px;}
.step02{display:inline-block; text-align:left;background:url(../image/tracing_icon_02_1.gif) no-repeat;width:105px; height:52px;}
.step03{display:inline-block; text-align:left;background:url(../image/tracing_icon_03_1.gif) no-repeat;width:105px; height:52px;}
.step04{display:inline-block; text-align:left;background:url(../image/tracing_icon_04_1.gif) no-repeat;width:105px; height:52px;}
.step05{display:inline-block; text-align:left;background:url(../image/tracing_icon_05_1.gif) no-repeat;width:70px; height:52px;}

.step_ing    {display:inline-block; text-align:left;background:url(../image/tracing_arrow.gif) no-repeat 70px 0;width:105px; height:52px;}
.step_ing_end{display:inline-block; text-align:left;width:70px; height:52px;}

.btn_padd2 {padding-left:260px;}
	
/***Table_1 ( LIST TABLE )***********************************************************************/
table.t1{ margin-top:12px; border-bottom:2px #a5bccf solid;line-height:24px; width:100%;}

table.t1 th{background:#d9ebf9; border-top:1px solid #b8cadb; border-bottom:1px solid #b8cadb; color:#475673; font-size:11px;height:24px; vertical-align:middle;}
table.t1 th.fielcheck {background:#d9ebf9 url(../image/icon_filecheck.gif) no-repeat center; width:30px;}
/* 
table.t1 tr.row_0 {background:#ffffff;border-bottom:1px solid #e9e9e9;}
table.t1 tr.row_1 {background:#eeeeee;border-bottom:1px solid #e9e9e9;}
*/
table.t1 td{padding:3px 0 2px 0; text-align:center; border-bottom:1px solid #e9e9e9; height:24px;}	


/***Table_2 ( INPUT TABLE )***********************************************************************/
#input_wrap{width:580px; margin:0 auto;}

table.t2{background:#d9ebf9;border:1px #b8cadb solid;line-height:24px; width:100%;}
table.t2 th{background:#d9ebf9;color:#475673;font-size:11px; width:110px; height:24px;border-bottom:1px #b8cadb solid; vertical-align:middle; text-align:left;padding-left:25px;}
table.t2 td{padding:0 10px;}
table.t2 input{ border:1px #22365d solid; height:17px; padding:0 5px;}

table.t3{ margin-bottom:5px; background:#f7f7f7;border:1px #e1e1e1 solid;line-height:24px; width:100%;}
table.t3 th{background:#f7f7f7;color:#475673;font-size:11px; width:110px; height:24px;border-bottom:1px #e1e1e1 solid; vertical-align:middle; text-align:left;padding-left:25px;}
table.t3 td{padding:0 0 0 10px;}
table.t3 input{ border:1px #888888 solid; height:17px; padding:0 5px;}

table.t4{ table-layout:fixed; border-collapse:collapse;margin-bottom:5px; line-height:24px; width:100%; border:2px solid #039;}
table.t4 th{  color:#22365d;background:#f1f1f1; border:#e1e1e1 1px solid;width:140px; font-size:11px; vertical-align:middle; text-align:left;padding-left:25px;}
table.t4 td{padding:0 10px; border:#e1e1e1 1px solid;}

/***button***********************************************************************/
.btn_padd1 {padding-left:220px;}

#btn_pasing{
	height:20px;
	position:relative;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}
#btn{position:relative;float:left;}
ul.button{display:inline;}
ul.button li{height:18px; float:left;padding-right:5px;}

#btn_popup{position:relative;float:left;padding-left:230px}

a.button_type1 {
float:left;background:transparent url('../image/btn1_r.gif') no-repeat center right; display: block; line-height:18px;
padding-right: 16px; /* button right img width*/
text-decoration: none;
font-size:11px;
font-weight:bold;}

a.button_type1 span {
/* Background left image */ background: transparent url('../image/btn1_l.gif') no-repeat; display: block;
padding: 0 0 0 16px;
} 

a.button_type1:hover {float: left;background:transparent url('../image/btn1_over_r.gif') no-repeat center right; display: block;
padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
font-size:11px;
font-weight:bold;
}
a.button_type1:hover span {
/* Background left image */ 
background: transparent url('../image/btn1_over_l.gif') no-repeat; 
display: block;
padding: 0 0 0 16px;
}

a.button_type1:link {color:#22365d;text-decoration:none;} 
a.button_type1:hover {color:#22365d;text-decoration:none;} 
a.button_type1:visited {color:#22365d;text-decoration:none;}


a.button_new {
float:left;background:transparent url('../image/btn1_r.gif') no-repeat center right; display: block;height: 18px;
padding-right: 16px; /* button right img width*/
text-decoration: none;
font-size:11px;
font-weight:bold;}

a.button_new span {
/* Background left image */ background: transparent url('../image/btn2_l.gif') no-repeat; display: block;
padding: 0 0 4px 25px;
} 

a.button_new:hover {float: left;background:transparent url('../image/btn1_over_r.gif') no-repeat center right; display: block;
padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
font-size:11px;
font-weight:bold;
}
a.button_new:hover span {
/* Background left image */ 
background: transparent url('../image/btn2_over_l.gif') no-repeat; 
display: block;
padding: 0 0 0 25px;
}

a.button_new:link {color:#22365d;text-decoration:none;} 
a.button_new:hover {color:#22365d;text-decoration:none;} 
a.button_new:visited {color:#22365d;text-decoration:none;}

/***pasing***********************************************************************/
#paging

	{  position:relative;
		float:right;
		height:17px;
	}
#paging ul
	{ 	
	    margin:0 auto;
		float:left;
		padding:0px;
		display:block;
	}
#paging ul li
	{   vertical-align:top;
		height:17px;
		float:left;
		margin:0px;
		display:block;		
	}
#paging ul li.sap
	{ 	border-right:1px #cccccc solid;
		width:1px;
		height:17px;
		float:left;;
		padding:0px;
		word-spacing:0px;
		background:url(../image/pasingsap.gif) no-repeat;
	}
	
	
#paging ul li a.first
	{
		float:left;
		margin:0px;
		padding:0 10px 0 10px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#2b78c0;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_style1.gif) no-repeat center center;
	}	
#paging ul li a.first:hover
	{
		float:left;
		margin:0px;
		padding:0 10px 0 10px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#2b78c0;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_style1.gif) no-repeat center center;
	}	
	
#paging ul li a.prev
	{
		float:left;
		margin:0px;
		padding:0 15px 0 20px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#22365d;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_prev.gif) no-repeat center center;
	}	
	
#paging ul li a.prev:hover
	{
		float:left;
		margin:0px;
		padding:0 15px 0 20px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#22365d;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_prev.gif) no-repeat center center;
	}
	
#paging ul li a.num
	{   height:17px;
		float:left;
		padding:0 6px 2px 6px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#333333;
		text-align:center;
		text-decoration:none;
	}	
#paging ul li a.num:hover
	{   height:17px;
		float:left;
		padding:0 6px 0 6px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#000000;
		text-align:center;
		text-decoration:none;
		background-color:#f0f0f0;
	}
	
#paging ul li.select
	{  	height:17px;
		float:left;
		padding:0 6px 0 6px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ff5432;
		text-align:center;
		text-decoration:none;
	}	
	
#paging ul li a.next
	{
		float:left;
		margin:0px;
		padding:0 20px 0 15px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#22365d;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_next.gif) no-repeat center center;
	}	
	
#paging ul li a.next:hover
	{
		float:left;
		margin:0px;
		padding:0 20px 0 15px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#22365d;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_next.gif) no-repeat center center;
	}

#paging ul li a.last
	{
		float:left;
		margin:0px;
		padding:0 10px 0 10px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#2b78c0;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_style1.gif) no-repeat center center;
	}	
#paging ul li a.last:hover
	{
		float:left;
		margin:0px;
		padding:0 10px 0 10px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#2b78c0;
		text-align:center;
		text-decoration:none;
		background:url(../image/btn_style1.gif) no-repeat center center;
	}