@charset "utf-8";
/* CSS Document */

html, body{
	/*height: 100%;*/
	margin: 0;
	padding: 0;	
}

body {
	font-family: "돋움";
	font-size: 15px;
	background-color: #fff;
	text-align: left;
	color: black;
}

div, span, table, tr, th, td, thead, tbody, form, input, p {
	margin:0; 
	padding:0;
}

img {
	border:0;
	vertical-align: middle; /* for IE imge margin */	
}

a, a:link, a:visited, a:active {
	text-decoration:underline; 
	color:#000;
}

a:hover {
	text-decoration:underline;
}

#menu{
	background: black url(/images/bg_t.gif);
	position: absolute;
	z-index: 10;
	text-align: left;
	left: 0;
	top: 45px;
	width: 100%;
	padding: 10px 0 10px 0;
}

#menu ul{
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
}

#menu ul li{
	height: 30px;
    padding: 0;
    margin: 0;	
	font-size: 30px;
	color: #ccc;
	font-weight: bold;
}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-decoration:none;
	font-size: 30px;
	font-weight: bold;
	color: #cecfce;
}

#menu ul li a:active{
	color: yellow;
}

#m_p, #m_s{
	padding: 10px 0 0 20px;
	color: #ccc;
}
#m_p1{
	width: 100px;
	font-size: 40px;
}
#m_p2{
	width: 100px;
	height: 50px;
	font-size: 35px;
}

#m_s1{
	width: 200px;
	font-size: 40px;
}

#header{
	height: 40px;
	background: url(/images/bg_f.gif);
	text-align: center;
	z-index: 15;
	width: 100%;
	position: relative;
    padding-top: 5px;
	left: 0;
}

#main{
	position: relative;
	text-align: left;
	margin: 0;
	overflow: hidden;
	z-index: 1;
}

#cont{
	height: 98%;
	overflow-y: auto;
	overflow-x: hidden;
}

#footer{
	height: 55px;
	background: url(/images/bg_f.gif);
	text-align: center;
	color: white;
	z-index: 15;
	width: 100%;
	position: relative;
	left: 0;
}

#paging{
	clear: both;
	text-align: center;
	color: #848382;
	font-weight: bold;	
	font-size: 35px;
	padding-top: 10px;
	padding-left: 20px;
}

#paging_top{
	clear: both;
	text-align: center;
	color: #ccc;
	font-weight: bold;	
	font-size: 35px;
	padding-right: 20px;
}

#t_p{
	font-size: 15px;	
}

.nopage{
	color: #ccc;
}

ul#m_list{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0px 0 57px;
}

#m_list li{
	list-style: none;	
	margin:0px;	
	padding:10px 0 0 0;
	/*float: left;*/
	width: 95%;
	height: 124px;
}

#m_list li dl{
	padding: 0px;
	margin: 0;
}

#m_list li dl dd{
	margin-left: 10px;	
	overflow: hidden;
}

.tit{
	font-weight: bold;
	font-size: 25px;
	padding-bottom: 5px;
	height: 25px;
	line-height: 30px;
}

.user{
	padding-bottom: 5px;
	height: 20px;
	line-height: 25px;
}

.desc{
	font-size: 20px;
	height: 60px;
	line-height: 20px;
	word-wrap: break-word;
	word-break: break-all;
	width: 95%;
}

#over{
	width: 100%;
	height: 100%;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	text-align: center;
	color: black;
	font-size: 80px;
}

#msg{
	position: relative;
}

#title{
	font-size: 20px;
	font-weight: bold;
}

#h_home{
	position: absolute;
	top: 5px;
	left: 20px;
}

a#a_h, a#a_h:link, a#a_h:visited{
	text-decoration:none;
	font-size: 30px;
	font-weight: bold;
	color: #cecfce;
}

a#a_h:active{
	color: yellow;
}

#w_search{
    margin-right: 20px;
    z-index: 10;
    position: relative;
}

#scrollNav { 
    position: absolute; 
    width: 70px; 
    height: 170px; 
    top: 150px; 
    right: 10px; 
    z-index: 9999; 
}

#scrollNav a { display: block;  }
#scrollNav a.btn_up { margin-bottom: 17px; width: 76px; height: 55px; overflow: hidden; background: url('/images/navi.gif') no-repeat 0 0; }
#scrollNav a.btn_dn { margin-top: 17px; width: 76px; height: 57px; overflow: hidden; background: url('/images/navi.gif') no-repeat 0 -57px; }



