@charset "utf-8";

.nav {
border:1px solid #DDDDDD;
margin-left:10px;
margin-right: 10px;
margin-bottom:20px;
padding:30px 10px 20px;
}
.whiteBody {
background:none repeat scroll 0 0;
}
.whiteBody .tab {
border-bottom:2px solid #005b8d;
}
.whiteBody .tab a, .whiteBody .tab a span {
background-image:url("cornerFFF.gif");
}
.whiteBody .tab li li {
border-left-color:#DDDDDD;
width:110px;
}
.whiteBody .tab li li a {
color:#333333;
width:300px;
}

.txt{
	font-family: "맑은 고딕";
	font-size:13px;
	padding-left:20px;
	padding: 20px;
}

.txt a:hover, .txt a:active , .txt a:focus {
	font-family: "굴림";
	font-size:13px;
	color:#06C;
}

.tab {
	font-family: "맑은 고딕", "HY중고딕";
	font-size: 0.98em;
	line-height: normal;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100%;
}
.tab:after {
clear:both;
content:"";
display:block;
}
.tab * {
list-style:none outside none;
margin:0;
padding:0;
width:300px;
}
.tab li {
float:left;
margin-right:5px;
width:300px;
}
.tab a, .tab a span {
background-color:#005b8d;
background-repeat:no-repeat;
color:#FFFFFF;
cursor:pointer;
display:block;
float:left;
white-space:nowrap;
letter-spacing:0px;
width:300px;
}
.tab a {
background-position:left top;
text-decoration:none;
width:300px;
}
.tab a span {
background-position:right top;
left:3px;
padding:5px 15px;
position:relative;
width:300px;
}
.tab a:hover, .tab a:active, .tab a:focus {
background-color:#5ba6cf;
width:300px;
}
.tab a:hover span, .tab a:active span, .tab a:focus span {
background-color:#5ba6cf;

letter-spacing:0px;
width:300px;
}
.tab li.active a, .tab li.active a span {
background-color:#6099b8;
width:100px;
}
.tab li.active a {
margin-bottom:-2px;
position:relative;
top:-2px;
width:300px;
}
.tab li.active a span {
letter-spacing:0px;
padding:7px 15px;
width:80px;
}
.tab li ul {
display:none;
height:auto;
left:0;
overflow:hidden;
position:absolute;
top:35px;
white-space:nowrap;
width:110px;
}
.tab li.active ul {
display:block;
width:300px;
}
.tab li li {
border-left:1px solid;
display:inline;
float:none;
left:-1px;
margin:0;
padding:0 5px 0 10px;
position:relative;
top:0;
width:80px;
}
.tab li li a {
background:none repeat scroll 0 0 transparent !important;
display:inline;
float:none;
position:relative;
width:80px;
}
.tab li li a:hover, .tab li li a:active, .tab li li a:focus, .tab li li.on a {

letter-spacing:0px;
width:100px;
}