﻿
* html { background-color: #fff; }

* { 
padding : 0;
margin : 0;
} 

body { 
font: 굴림, Arial, Helvetica, sans-serif;
font-size : 12px;
}
img{border:0px; cursor:pointer;}
button{border:0px; cursor:pointer; }
td{text-align:left; padding-top:5px;}
h2{font-size:14px; font-weight:bold; margin-top:5px; color:#009; line-height : 16px; }

#wrapper { 
margin : 0 auto;
width : 800px;
} 

#top { 
color : #333;
width : 800px;
float : left;
padding : 0px;
height : 48px;
margin : 0px 0 0 0;
}

#navigation{ 
	width:100%;
	height:48px;
	background:url(img/menu_bg.jpg) repeat-x;}
		#menu {
			font: 12px Tahoma;
			width:577px;
			height:48px;
			margin:0 auto;
			line-height:48px;
			}
		#menu li {
			list-style-type:none;
			float:left;}

		#menu a {
			height:48px;
			float:left;
			background: url(img/menu_line.jpg) no-repeat right;
			padding:0 24px 0 24px;
			text-decoration:none;
			color: #fff;
			}
		#menu a:hover {
			background:url(img/menu_hov.jpg) no-repeat right;}	
		#menu a:hover.non {background: url(img/menu_line.jpg) no-repeat right;}
		.active {background:url(img/menu_hov.jpg) no-repeat right;}
		
#copyright a{color: #999;}
#copyright { background-color: #EEE; padding-top:5px;}
#lineone{ position:absolute; top:5px; margin-top:5px;}
#linetwo{ font-size:12px; font-weight:bold; margin-top:10px; color:#F60;}
#smenutab td{text-align:center; cursor:pointer;}
 
#logdiv{ width:100%; text-align:right; display:none;}
#header {
position:relative; 
color : #333;
width : 800px;
float : left;
border : 0px solid #ccc;
height : 200px;
margin : 0px;
padding: 0px;
} 
#leftcolumn { 
color : #333;
border-top : 3px solid #ccc;
margin : 0 0 0 0;
padding : 0px;
min-height:350px;
width : 156px;
float : left;
} 

#main_nav {width:100%;}
#main_nav p {
			color:#000000;
			padding:5px 10px;
			margin:0 10px;
			border-bottom:solid 1px #cecece;
			background:url(img/li.gif)  left no-repeat;
			font-size: 11px;
			width:80%;}

		#main_nav a {
			width:100%;
			display:block;
			padding-left: 10px;}


#left { 
	width:185px;
	height:100%;
	float:left;
	margin-right:-2px;	
	/*background:#fff;*/}
		.left_title {
			width:155px;
			height:31px;
			color:#ed5453;
			text-align:left;
			background: url(img/foot_r.jpg) repeat-x;
			padding-bottom: 8px;}
		.left_title_h {
			line-height:31px;
			padding-left: 12px;}
	
		#left_nav {
			width:100%;
			/*background:#fff;*/
			margin:0px 0px 10px 0px;}
		#left_nav p {
			color:#000000;
			padding:5px 10px;
			margin:0 10px;
			border-bottom:solid 1px #cecece;
			background:url(img/li.gif)  left no-repeat;
			font-size: 11px;
			width:110px;}
			/**html #left_nav p {width:137px;}*/
		#left a {
			width:100%;
			display:block;
			padding-left: 10px;}
			
			
			

.csmap p {
	color:#000000;
	padding:5px 10px;
	margin:0 10px;
	border-bottom:solid 1px #cecece;
	background:url(img/li.gif)  left no-repeat;
	font-size: 11px;
	width:110px;
}
	/**html #left_nav p {width:137px;}*/
.csmap a {
	width:100%;
	display:block;
	padding-left: 10px;
}





#right { 
	float:left;
	width:600px;
	display:inline;
}

	.br{width: 100px; height:10px;}
	.text { padding:15px;}
	.imgs { float: right;}
	.otst { padding:3px 15px;}	
		#block2 {
			width:575px;
			height:73px;
			margin:0 auto;
			padding:10px 0 10px 10px;
			background:url(../img/block_bg.gif) no-repeat;}
			#block2 h2 {font:14px Tahoma; color:#4db3db;}
			
		/*	*html #block2 {width:570px; background:url(../img/block2_bg.gif) no-repeat;*/
			.t_width{ width: 243px;}
			.text a{text-decoration: underline;}
.text a:hover  {text-decoration:none;}

.corners {
			width:100%;
			height:100%; 
			position:relative;
			
			margin-bottom:15px;
			border:1px solid #c4c4c4;
			background: url(../img/ugol_bg.gif) repeat-x;
			
			}
			.corners p{font-size: 11px;line-height: 1.8;}
		.corners span {
			display:block; 
			position:absolute; 
			width:7px; 
			height:7px; 
			background-image:url(../img/ugol.gif);}
		.top_left  {top:-1px; left:-1px;}
		.top_right {top:-1px; right:-1px; background-position:100% 0;}
		.bot_left  {bottom:-1px; left:-1px; background-position:0 100%}
		.bot_right {bottom:-1px; right:-1px; background-position:100% 100%}				
		.corners span {font-size:10px; line-height:10px}
		.corners a {text-decoration:underline;}
		.corners a:hover {text-decoration:none;}



		
#rightcolumn { 
float : right;
vertical-align:top;
color : #333;
border-top : 3px solid #ccc;
background : #ffffff;
margin : 0 0 0 0;
padding : 4px;
min-height:500px;
width:636px;
display : inline; 
} 

#div_msg{min-height:448px; vertical-align:top;}

#footer { 
text-align : center;
margin-top : 3px;
display : inline;
float : left;
width : 800px;
padding-top : 5px;
padding-bottom : 5px;
color : #aaa9a9;
}

.content{padding: 10px;}
.logoimg{ width:100px; height:130px; position:absolute; float:left; padding:70px 30px 0px 30px; background-color:#FFF; text-align:center;  }


.date {
	
	width: 624px;
	margin: 0 auto;
	color: #00B3C8;
	font-size: 11px;
	padding: 5px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
	font-weight:bold;
}

.date a {
	color: #00B3C8;
	text-decoration:none;
}

.dateleft{
	/*background:url(images/timeicon.gif) no-repeat left;*/
	padding-left: 20px;
	height: 16px;
	padding-top:2px;
	width:300px;
}

.dateright{
	margin-top: 2px;
	float:right;
	/*background:url(images/tages.gif) right no-repeat;*/
	padding-right: 20px;
	text-align:right;
	height: 16px;
}

#rightbot{
	width: 636px;
	margin-top: 10px;
}

#rightbot h2 {
	height: 31px;
	background: url(images/title_right2.gif) no-repeat;
	font-size: 12px;
	color: #00B3C8;
	padding-top: 9px;
	padding-left: 25px;
	margin: 5px;
}

.rightbotleft{
	width: 458px;
	border: 1px solid #c3c3c3;
	padding-bottom: 10px;
	background: #ffffff;
}

.rightbotleft ul{
	padding: 0px;
}

.rightbotleft ul li{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 4px;
}

.rightbotleft ul li a{
	padding-left: 10px;
	background: url(images/list_style.gif) no-repeat left;
}



.rightbotright{
	width: 164px;
	border: 1px solid #c3c3c3;
	padding-bottom: 10px;
	float:right;
	background: #ffffff;
}

.rightbotright ul{
	padding: 0px;
}

.rightbotright ul li{
	list-style: none;
	padding-left: 20px;
	padding-bottom: 4px;
}

.rightbotright ul li a{
	padding-left: 10px;
	background: url(images/list_style.gif) no-repeat left;
}


#lstab{ width:100%;border-collapse:collapse;}
#lstab th{ background-color:#EEE; height:24px;vertical-align:central;}
#lstab td {padding-top:3px;border-bottom:1px dotted #666666;cursor:pointer; height:20px;}

#serverMsg {width: 100%;max-height:500px; overflow:auto; } 
#fiedst{ min-height:300px;padding:10px;}
#nailimg{width:80px; height:60px;}
#pagetbl td{width:18px; height:16px; font-weight:bold; text-align:center; vertical-align:bottom; cursor:pointer;}

#vlistdiv {height:350px; overflow:auto;  vertical-align:text-top;}
#noticetab{width:100%;;} 
#noticetab td{height:20px; width:100%; padding-left:10px; cursor:pointer; padding-top:2px; vertical-align:middle;
				overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#noticetab td b{ color:#900;}

.od { background-color:#ECE9D8;overflow:hidden white-space:nowrap;text-overflow:ellipsis;}
.in { background-color:#EADFFF;}
.out { background-color:#FFF;}
.out2 { background-color:#FBFEC2;} 
.c_6 { background:#ECE9D8; text-align:center; height:22px;}	
.cp_a{ background-color:#06F;}
.cp_b{ background-color:#EEE;}


.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } 
.noticecss td{font-size:9pt;background:#FFFFFF; cursor:hand;overflow:hidden; white-space:nowrap;   text-overflow:ellipsis;}
.noticecss {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 


	