@charset "euc-kr";

/* Wrapper CSS
*************************************************************************/

div.wrapper{
	width:100%;
	height:100%;
}

/* Shape CSS
*************************************************************************/

div.shape{
	margin:0 auto;
	background:url("../img/common/article.jpg") repeat-x 0 200px;
}


/* Header CSS
*************************************************************************/


div.header{
	width:100%;
}

.logo{
	text-align:center;
	padding:18px 0 43px 0;
}


.top{
	width:1090px;
	margin:0 auto;
	overflow:hidden;
}

.top ul li{ float:left; }

.nav{
	width:788px;
	float:left;
	}

.login_box{
	width:258px;
	float:right;
	}

.login_box ul li a{ color:#aaa; }
.login_box ul li a:hover{ color:#626262; }

.submenu_bg{ 
	width:100%;
	height:34px;
	background-color:#231f20;
}

.submenu{
	width:1090px; 
	margin:0 auto; 
	height:34px;
	line-height:34px;
	background:url("../img/common/submenu.jpg") no-repeat ;
		
}
/* ±âÁ¸°Å ¹é¾÷
.submenu{
	width:100%;
	height:34px;
	line-height:34px;
	background:#231f20;
}

.submenu_bg{ 
	width:1090px; margin:0 auto; 
	height:34px;
	background:url("../img/common/submenu.jpg") no-repeat ;
}


.submenu ul{ 
	width:1090px; margin:0 auto; 
	height:34px;
	/*margin-top:-34px;
	}
	*/

.submenu ul li{ float:left; font-weight:bold; }

.submenu ul li a:hover {
	color:#fff;	
}



#submenu1{ margin-left:5px; }
#submenu2{ margin-left:75px; }
#submenu3{ margin-left:160px; }
#submenu4{ margin-left:240px; }
#submenu5{ margin-left:365px; }
#submenu6{ margin-left:465px; }
#submenu7{ margin-left:595px; }

/* Center CSS
*************************************************************************/



div.article{
	width:1141px;
	margin:0 auto;
	background:url("../img/common/article.jpg") repeat-x ;
}

.section{
	width:1090px;
	float:left;
	margin-bottom:30px;
	overflow:hidden;
	border-bottom:2px solid #dadad3;
	background:url("../img/common/article.jpg") repeat-x ;
}

.quick{ float:right; }

.quick ul{
	position:fixed;
	margin-left:-20px;
}

.left_box {
	width:194px;
	float:left;
}

.subnav { margin: 0 0 15px 15px; min-height:250px; }
.subnav li.page_title{ height:93px; margin-bottom:10px;}

.subnav li.page_list{
	margin:5px 0;
	font-size:13px;
	font-weight:bold;
	width:150px;
	}

/*
.subnav li:hover{ 
	width:150px;
	background:url("../img/common/plus.jpg") no-repeat 0px 0;
	}


.subnav li:active{ 
	width:150px;
	height:20px;
	background:url("../img/common/plus.jpg") no-repeat 0px 0;
	}


.subnav li.on{ 
	width:150px;
	height:20px;
	background:url("../img/common/plus.jpg") no-repeat 0px 0;
	}
*/

.subnav li a:hover{ color:#000; } 

.left_box p{ margin-bottom:10px; }

.sns li{ float:left; }



.right_box {
	width:827px;
	margin:55px 0;
	float:right;
}

.page_navigation{
	overflow:hidden;
	height:34px;
	border-bottom:2px solid #9c9c9c;
}

.contents_title{ float:left; }

.depth{ float:right; }
.depth li{ 
	float:left; 
	margin:0 3px;
	}



/* Ft_banner CSS
*************************************************************************/


.ft_banner{ 
	width:1090px;  
	margin:0 auto; 
	overflow:hidden; 
	padding-bottom:30px;
	}

.ft_banner ul{ margin-top:30px; }
.ft_banner ul li{ float:left; }
.ft_banner ul li img{width:145px;}
/* Footer CSS
*************************************************************************/


div.footer{
	width:100%;
	border-top:1px solid #ccc;
}

.copyright{
	width:1090px;
	margin:0 auto;
}



/* ÆäÀÌ¡ CSS
*************************************************************************/

.paging{
	height:20px;
	text-align:center;
}

.paging ul{
}

.paging ul li{ display:inline; font-weight:bold; }

.paging ul li a{ color:#000; }
.paging ul li a:hover{ color:#545454; }
.paging ul li a:visited{ color:#545454; font-weight:normal; }
.paging ul li a:active{ color:#635fa9; }



/* ¶óÀÎ, °øÅë ¸¶Áø µîµî CSS
*************************************************************************/

.text_align_center{ text-align:center; }
.text_align_right { text-align:right; }

.right_margin_20{ margin-right:20px; }
.left_margin_20{ margin-left:20px; }
.top_margin_15{ margin:15px 0; }



.top_line{ border:0px;	border-bottom:3px solid #575757; }
.thin_line{ border:0px; border-bottom:1px solid #ccc; }
.thin_line02{ border:0px; border-bottom:1px solid #575757; }

.line{ border:0px; border-bottom:2px solid #9c9c9c; }
.dotted{ border:0px; margin:40px 0; border-bottom:1px dotted #9c9c9c; }

.hiddenBox { height:30px;}