html { min-width:1024px; height:100%; margin: 0; padding:0; }
body { 
	width:100%; height:100%; margin: 0px; padding: 0px; 
	font-size:11px; font-family: "돋움"; line-height:160%; text-decoration: none; 
}

IMG { border: none; }
p { margin:0px; }

a { text-decoration: none; }
a:link { color:#20588C; }
a:visited { color:#20588C; }
a:active { color:#5D5D5D; }
a:hover { font-family: "돋움";color:#5D5D5D; }

ul, li, dt, dl, dd {
	margin: 0; padding:0; list-style-type:none;
} 

.clear	{
	clear: both;
	font-size: 0px; height: 0; line-height: 0px;
	margin: 0px; padding: 0px;
}
h1, h2, h3 { margin: 0px; padding: 0px; }


.font_w { color:#ffffff; }
.font_w a{ color:#ffffff; }

input, select {
	vertical-align:middle;
}
input[type=image]{
	vertical-align:top;
} 






div#wapper {
	padding:5px;
}

/*  Top */
#TopArea {
}
#logo_area {
	width:300px;
	min-height: 40px;
	float:left;
}
#admin_area {
	text-align:left;
	width:100%;
}
#admin_area div{
	float: right;
	padding-top:18px;
}
#admin_area div img{
	vertical-align:middle;
	width:12px;
}
#admin_area div.name{
	width:200px;
}
#admin_area div.logout{
	text-align:center;
	width:200px;
}

#TopMenuArea{
	clear:left;
	height:35px;
	line-height:100%;
	border:2px solid #3d6f9e;
	background: url("../img/menu_bg.gif") ;
	-moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
	border-radius: 5px; 
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 
}
#TopMenuArea ul li{
	padding:12px 20px;
	float:left;
	font-size:1.0em; color: #FFFFFF; font-weight: bold;
	background: url("../img/menu_line.gif") no-repeat scroll right center;
}

#TopMenuArea ul li.end{
	background: none;
}

/*  LeftMenu */
#LeftMenu {
	float:left;
	min-height:500px; width:150px;
	margin-top:5px;
	border:1px solid #a5cadf;
	background:#e9f2f8;
	-moz-border-radius: 4px;  
    -webkit-border-radius: 4px; 
	border-radius: 4px; 
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 
}
#LeftMenu h3{	
	background: url("../img/bullet01.gif") no-repeat scroll 10px 13px transparent;
	padding:10px 0 0 25px;
	font-size:1.0em; color: #20588c; font-weight: bold;
}

#LeftMenu div.MenuBox{	
	margin:5px;padding:3px 0;
	border:1px solid #a5cadf;
	background:#fcffff;
	-moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
	border-radius: 5px; 
}

#LeftMenu div.MenuBox ul li{	
	background: url("../img/bullet02.gif") no-repeat scroll 5px 8px transparent;
	padding:2px 3px 3px 13px;
}


/*  Footer */
#FooterArea {
	margin-top:5px; padding:25px 0;
	text-align:center;
	border:1px solid #d3d3d3;
	background:#f5f5f5;
	-moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
	border-radius: 5px; 
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 

	color: #5B5B5B;
    font-size: 11px;
}



/* Contents */
#content-outer {
	margin:5px 0px 5px 160px;
}
#content-outer div.content_title{	
	background: #e9f2f8; 
	height: 30px;
	border:1px solid #a5cadf;
	-moz-border-radius: 3px;  
    -webkit-border-radius: 3px; 
	border-radius: 3px; 
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 
}

#content-outer div.content_title h2{	
	background: url("../img/bullet03.gif") no-repeat scroll 5px 8px transparent;
	font-size: 1.3em; color: #20588c; font-weight: bold;
	padding: 8px 0 0 23px;
	line-height:100%;
}

#contents {
	min-width:855px; max-width:1000px; min-height:450px;
}