html {
	height: 100%;
}

.show{
	display:block;
}

.hide{
	display:none;
}

A {text-decoration: none; color:#666666; } 
A:hover {text-decoration: underline; color:#666666;} /*#dc143c*/

Td, input, select, option, button{
font-family:arial;
font-size:12px;
color:#666666;
}

img {
	border:0px;
	vertical-align: top;
}
body {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: ±¼¸²,Helvetica,Verdana,Geneva,sans-serif;
	font-size: 12PX;
	background-color:#ffffff;
	
	scrollbar-face-color:		#E9E9E9;
	scrollbar-highlight-color:	#ffffff;
	scrollbar-3dlight-color:	#ffffff;
	scrollbar-shadow-color:		#8AA6B7;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color:		#ffffff;
	scrollbar-arrow-color:		#8AA6B7;
}

body * {
	margin: 0;
	padding: 0;
}
/*--login page start --*/


#container {
	width:100%;
	margin:50px;
	height:600px;
	text-align:center;
}

#left {
	float: left;
	width: 216px;
	margin: 0 0 0 4px;
	height:100%;
	padding: 5 0 0 0px;
}

#main {
	width: 600px;
	background-image:url(../images/box_bg.gif);
	background-repeat:no-repeat;
}


#gw	{
	width:349px;
	height:27px;
	background-image:url(../images/gw.gif);
	background-repeat:no-repeat;
}

.depth {
	float: right;

}
.history {
	float:right;
	padding:0 5 0 0px;
}
.title {
	float: left;
}

.login_message {
	color:#FEF15C;
	width:600;
	text-align:right;
}
.quick_menu a {
	display:bolck;
	padding:3px;
	width:59px;
	height:17px;
	color:#ffffff;
	background-color:#30A3D5;
}
.quick_menu a:hover{
	color:#ffffff;
	background-color:#2681A9;
	text-decoration:none;
}

/*-- font color--*/
.font_red {
	color:#DF0000;
}


/*-- menu -- */

ul.navi_1 li a{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow_blue.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_1 li a:hover{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow_blue.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}

ul.navi_2 li a{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow_blue2.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_2 li a:hover{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow_blue2.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}

ul.navi_3 li a{
	display: block;
	width: 183px;
	background: url("../images/menu_arrow3.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_3 li a:hover{
	display: block;
	width: 183px;
	background: url("../images/menu_arrow3.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}

ul.navi_4 li a{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow4.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_4 li a:hover{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow4.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}


ul.navi_5 li a{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow5.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_5 li a:hover{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow5.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}


ul.navi_6 li a{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow6.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
}

ul.navi_6 li a:hover{
	display: block;
	width: 183px;
	height:20px;
	background: url("../images/menu_arrow6.gif") no-repeat;
	line-height: 14px;
	margin:0 0 0 10px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font-weight:bold;
}

ul.list li {
	background: url("../images/i-02.gif") no-repeat;
	line-height: 16px;
	padding: 0px 0px 0px 15px;
}



/*--Á¦Ç°¼Ò°³ ÅÇ ¸Þ´º--*/

.pro_tap {
	position: absolute;
	left: 230px;
	top: 175px;
	width: 700px;
	margin: 0;
	padding: 0;
}

.pro_tap li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;

}
.pro_tap li a {
	display: block;
	/*border: 1px solid #cccccc;*/
	width: 55px;
	margin-right: 3px;
	padding: 3px 0;
	text-align: center;
	font: 12px ±¼¸², µ¸¿ò;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
}
.pro_tap a:link, .pro_tap a:visited {
	background-image: url("../images/pro_tap_bg.gif");
	color: #ffffff;
}
.pro_tap a:hover, 
.pro_tap a:active, 
.pro_tap a.Focused {
	background-image: url("../images/pro_tap_on_bg.gif") !important;
	color: #FFF000 !important;
	text-decoration:none;
}


ul.prolist li {
	background: url("../images/bullet_cross.gif") no-repeat;
	line-height:22px;
	padding: 0px 0px 0px 10px;
	color:#666666;
}

.sub_li {
	padding: 0 0 0 10px;
	color:#666666;
}

/*--Å×À̺íÁ¤ÀÇ--*/


.border_table {
	border-spacing: 0px;
	padding: 10px 10px 10px 10px;
	width: 100%;
	background-color:#ffffff;
	border-collapse:collapse;
	
}

.noborder_table {
	border-spacing: 0px;
	border-collapse:collapse;
}
.inner_layout_table {
	border-spacing: 0px;
	width: 100%;
	border-collapse:collapse;
}

.w_td {
	background-color:#ffffff;
	padding: 0px 0px 0px 5px;
}

.b_td {
	background-color:#9DDCF9;
	padding: 0px 0px 0px 5px;
}

.b_tdc {
	background-color:#9DDCF9;
	padding: 0px 0px 0px 1px;
	text-align:center;
	height:30px;
}

.g_td {
	background-color:#F4F3F3;
	padding: 0px 0px 0px 5px;
}

.g_td1 {
	background-color:#F4F3F3;
	padding: 0px 0px 0px 1px;
}

.g_td1c {
	background-color:#F4F3F3;
	padding: 0px 0px 0px 1px;
	text-align:center;
	height:30px;
}

.w_td30 {
	background-color:#ffffff;
	height:30px;
	padding: 0px 0px 0px 5px;
}

.b_td30 {
	background-color:#9DDCF9;
	height:30px;
	padding: 0px 0px 0px 5px;
	color:#00517B;
	font-weight:bold;
}

.g_td30 {
	background-color:#F4F3F3;
	height:30px;
	padding: 0px 0px 0px 5px;
}

.w_td30c {
	background-color:#ffffff;
	height:30px;
	padding: 0px 0px 0px 5px;
	text-align:center;
}

.b_td30c {
	background-color:#9DDCF9;
	height:30px;
	padding: 0px 0px 0px 5px;
	color:#00517B;
	font-weight:bold;
	text-align:center;
}

.g_td30c {
	background-color:#F4F3F3;
	height:30px;
	padding: 0px 0px 0px 5px;
	text-align:center;
}

.btd {
	background-color: #A6CFF3;
	height: 30px;

	text-align:center;
	font-family: Arial,±¼¸²;
	padding: 5px 5px 5px 5px;
	font-weight:bold;
	color:#035DAC;
}

.std {
	background-color: #C2E2FD;
	height: 30px;
	width : 100px;
	text-align:center;
	font-family: Arial,±¼¸²;
	padding: 5px 5px 5px 5px;
}


.gtd {
	background-color: #F0F0F0;
	padding: 5px 5px 5px 5px;
	font-family: Arial,±¼¸²;
}

.wtd {
	background-color: #ffffff;
	padding: 5px 5px 5px 5px;
	font-family: Arial,±¼¸²;
}


/*--ÅÇ Á¤ÀÇ --*/
.tab {
	background-image: url("../images/tab.gif");
	background-repeat:no-repeat;
	width: 104px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color:#276AA2;
}

.tab a {
	text-decoration: none;
}

.untab {
	background: url("../images/untab.gif");
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	width: 94px;
	height: 25px;
	text-align: center;
	vertical-align: bottom;
}

.untab a {
	text-decoration: none;
}

/*--¹Ú½ºÁ¤ÀÇ --*/


.input_box {
	border: 1px solid #cccccc;
}

.input_box300 {
	border: 1px solid #cccccc;
	width:300px;
}

.list_box {
	border: 0px solid #cccccc;
}

.box {
	border: 0px
	padding:5px;
}
.box1 {
	border: 2px solid #E6E6E6;
	padding:10px;
	text-align:center;
}
.box2 {
	border: 1px solid #cccccc;
	padding:5px;
}

.box3 {
	
	padding:10px;
}

.messagebox {
	border: 1px solid #cccccc;
	padding:5px;
	background-image: url("../images/monitor.gif");
	background-repeat:no-repeat;
	width:400px;
	height:200px;
}


.apple {
	padding:3px;
}

.java_tree {
	padding:3px;
}
.iframe_border {
	border: 1px solid #cccccc;
}


.submit_btn {
	background-color:eeeeee;
	border: 1px solid #cccccc;
	
}



/*--¹öÆ° Á¤ÀÇ¤Ñ --*/
.btn a {
	display: block;
	border: 0px solid #D0D0CF;
	width: 54px;
	height: 22px;
	text-align: center;
	margin-top: 0.1em;
	padding: 4px 0;
	font: 12px arial, Tahoma, sans-serif;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
}
.btn a:link, .btn a:visited {
	background-image: url("../images/img_btn.gif");
	color: #555555;
}
.btn a:hover, 
.btn a:active, 
.btn a.Focused {
	background-image: url("../images/img_btn.gif") !important;
	color: #555555 !important;
	font-weight:bold;
	text-decoration:none;
}



.long_btn a {
	display: block;
	border: 0px solid #D0D0CF;
	width: 98px;
	height: 22px;
	text-align: center;
	margin-top: 0.1em;
	padding: 4px 0;
	font: 12px arial, Tahoma, sans-serif;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #DEDBDB;
}
.long_btn a:link, .long_btn a:visited {
	background-image: url("../images/img_btn_long.gif");
	color: #555555;
}
.long_btn a:hover, 
.long_btn a:active, 
.long_btn a.Focused {
	background-image: url("../images/img_btn_long.gif") !important;
	color: #555555 !important;
	font-weight:bold;
	text-decoration:none;
}

.long_btn2 a {
	display: block;
	border: 0px solid #D0D0CF;
	width: 130px;
	height: 22px;
	text-align: center;
	margin-top: 0.1em;
	padding: 4px 0;
	font: 12px arial, Tahoma, sans-serif;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #DEDBDB;
}
.long_btn2 a:link, .long_btn2 a:visited {
	background-image: url("../images/img_btn_long2.gif");
	color: #555555;
}
.long_btn2 a:hover, 
.long_btn2 a:active, 
.long_btn2 a.Focused {
	background-image: url("../images/img_btn_long2.gif") !important;
	color: #555555 !important;
	font-weight:bold;
	text-decoration:none;
}


.long_btn3 a {
	display: block;
	border: 0px solid #D0D0CF;
	width: 150px;
	height: 22px;
	text-align: center;
	margin-top: 0.1em;
	padding: 4px 0;
	font: 12px arial, Tahoma, sans-serif;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #DEDBDB;
}
.long_btn3 a:link, .long_btn3 a:visited {
	background-image: url("../images/img_btn_long3.gif");
	color: #555555;
}
.long_btn3 a:hover, 
.long_btn3 a:active, 
.long_btn3 a.Focused {
	background-image: url("../images/img_btn_long3.gif") !important;
	color: #555555 !important;
	font-weight:bold;
	text-decoration:none;
}


.long_btn4 a {
	display: block;
	border: 0px solid #D0D0CF;
	width: 170px;
	height: 22px;
	text-align: center;
	margin-top: 0.1em;
	padding: 4px 0;
	font: 12px arial, Tahoma, sans-serif;
	text-decoration : none;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #DEDBDB;
}
.long_btn4 a:link, .long_btn4 a:visited {
	background-image: url("../images/img_btn_long4.gif");
	color: #555555;
}
.long_btn4 a:hover, 
.long_btn4 a:active, 
.long_btn4 a.Focused {
	background-image: url("../images/img_btn_long4.gif") !important;
	color: #555555 !important;
	font-weight:bold;
	text-decoration:none;
}











/* ----- footer start */

div.bottom {
	font:10px arial;
	color:#585858;
}


/* ----- footer stop */