/* 20130325�߰� */
.page_box_box { clear:both; width:500px; margin:0 auto; border:2px solid #eaeaea; overflow:hidden; background:#fff; margin-bottom:20px; font-size:17px;}
.page_box_box_in { clear:both; width:610px; display:inline-block; padding:17px 15px 17px 30px; line-height:25px; }
.page_box_box dl { float:left; width:340px; }
.page_box_box dt { font-weight:600; margin-bottom:5px; }
.page_box_box p.btn { float:right; padding-top:15px; }
.page_box_list { clear:both; width:690px; margin:0 auto; border:1px solid #ebebeb; overflow:hidden; background:#fff url(img/page112_dt_bg.gif) repeat-x top; margin-bottom:20px; }
.page_box_list dl { padding:0 15px 30px; width:660px; }
.page_box_list dt { height:32px; background:url(img/page112_dt_bl.gif) no-repeat 0 0.5em; padding-left:24px; color:#002883; font-weight:600; line-height:32px; font-size:14px; margin-bottom:30px; }
.page_box_list dd { color:#545454; line-height:1.6em; }
.page_box_list dd ul { clear:both; display:inline-block; }
.page_box_list dd li { float:left; }
.page_box_list dd li.page_box_list_right { margin-left:18px; width:485px; }
.page_box_list dd li.page_box_list_right dt { font-weight:600; color:#01649f; margin-bottom:5px; background:none; padding:0; line-height:27px; height:27px; font-size:13px; margin-top:12px; }
.page_box_list dd li.page_box_list_right dt.first { margin-top:0; }
.page_box_list dd li.page_box_list_right dt img { vertical-align:middle; margin-right:10px; }
.page_box_list dd li.page_box_list_right dd { background:url(img/page_box_list_bl.gif) no-repeat 0 0.5em; margin-left:37px; padding-left:10px; color:#545454; line-height:1.6em; }

.page_box_list2 { clear:both; width:690px; margin:0 auto; border:1px solid #ebebeb; overflow:hidden; background:#fff url(img/page112_dt_bg.gif) repeat-x top; margin-bottom:20px; }
.page_box_list2 dl { padding:0 15px 30px; width:660px; }
.page_box_list2 dt { height:32px; background:url(img/page112_dt_bl.gif) no-repeat 0 0.5em; padding-left:24px; color:#002883; font-weight:600; line-height:32px; font-size:14px; margin-bottom:30px; }
.page_box_list2 dd { color:#545454; line-height:1.6em; }
.page_box_list2 ul { clear:both; display:inline-block; margin-bottom:20px; }
.page_box_list2 li { float:left; margin-left:9px; background:none; padding:0; }
.page_box_list2 li.first { margin-left:0; }
/* 20130325�߰��� */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	font: 14px arial;
    display: block;
	margin: 0 1px 0 0;
	padding: 14px 20px 12px;	
	background: #014099;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sdddm li
{	margin: 3px 1px 0 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}
	
#sdddm li a
{	font: 14px arial;
    display: block;
	margin: 0 30px 0 0;	
   	color: #FFF;
	text-align: center;
	text-decoration: none}	

#sddm li a:hover
{	background: #49A3FF;
    }

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #424242;
		font: 12px arial}

	#sddm div a:hover
	{	
	    background: #49A3FF;
		color: #FFF}
		
		
		
/**** sub menu ******/	
.urbangreymenu{
width: 175px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
	width: 175px; /*width of menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}






/*서브*/

tr.sidenav {
 font-size: 1.2em;
 color: #595959;
 float: left;
 width: 175px;
 margin: 0;
 padding: 0;
 list-style: none;
 background: #ffffff;

}

td.sidenav a{
 display: block;
 color: #595959;
 text-decoration: none;
 width: 155px;
 padding: 10px 10px 10px 10px;
 background: #FFF url(img/sub_menu_icon_off.gif) no-repeat 5px 7px;
 border-top: 1px solid #d9d9d9;

}

/*Then we will now add the hide/show effect when it's hovered. */

td.sidenav  a:hover {
 color: #ffffff;	
 background: #02898f url(img/sub_menu_icon_on.gif) no-repeat 5px 7px;;

}
/*
ul.sidenav li span{ display: none; }
ul.sidenav li a:hover span {
 display: block;
 font-size: 0.8em;
 padding: 10px 0;
}
 */
 
 
 /*서브 선택*/

td.sidenav1 {
 font-size: 1.2em;
 color: #ffffff;
 float: left;
 width: 175px;
 margin: 0;
 padding: 0;
 list-style: none;
 background: #02898f;

}

td.sidenav1 a{
 display: block;
 color: #ffffff;
 text-decoration: none;
 width: 155px;
 padding: 10px 10px 10px 10px;
 background: #02898f url(img/sub_menu_icon_off.gif) no-repeat 5px 7px;
 border-top: 1px solid #d9d9d9;

}

/*Then we will now add the hide/show effect when it's hovered. */

td.sidenav1 a:hover {
 color: #ffffff;	
 background: #02898f url(img/sub_menu_icon_on.gif) no-repeat 5px 7px;;

}
/*
ul.sidenav li span{ display: none; }
ul.sidenav li a:hover span {
 display: block;
 font-size: 0.8em;
 padding: 10px 0;
}
 */