<style>
#navigation {
 margin: 0;
 padding: 0 1em;
 background: #86bbf9;
 height: 3em;
 list-style: none;
}

#navigation > li {
 float: left;
 height: 100%;
 margin-right: 0.5em;
 padding: 0 4em;
}

#navigation > li > a {
 float: left;
 height: 100%;
 color: white;
 text-decoration: none;
 line-height: 3;
 /*font-weight: bold;*/
}

#navigation > li > a:hover {
 color: white;
 text-decoration: underline;
}

#navigation > li.sub {
 position: relative;
}

#navigation > li.sub ul {
 width: 14em;
 margin: 0;
 padding: 0.5em 0.5em;
 list-style: none;
 background: #eff5fc;
 position: absolute;
 top: -1000em;
 z-index: 1;
}

#navigation > li.sub ul li {
 width: 100%;
 margin: 0 auto 0.3em auto;
}

#navigation > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.3em;
 color: #0e5382;
 /*font-weight: bold;*/
 text-decoration: none;
}

#navigation > li.sub ul li a:hover {
 background: #aad0ff;
}

#navigation > li.sub:hover ul {
 top: 3em;
}

.submenu{
	float: left;
	width:170px;
	padding-left:15px;
}
.s_title{
	float: left;
	position : relative;
	pading: 0 0 0 0;
	margin-left: 40px;
	margin-top:40px;
}
.s_area{
	float: left;
	position : relative;
	margin-top:20px;
}

/* ÅÇ ¸Þ´º*/
.tab {
	float: left;
	position: relative;
	overflow: hidden;
}
/* Float the list items side by side */
.tab li {
	float: left;
}
/* Style the links inside the list items */
.tab li a {
	float: left;
	background-image: url(/front/images/lib/tab/tab-primary-5.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto;
	display: inline-block;
	width: 176px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	transition:0.3s;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: -1px;
}
.tab li a{

}
/* Style the tab content */
.tabcontent {
	Clear:both;
	display: none;
	padding: 6px 12px;
}
ul.tab li.current a{
	background-image: url(/front/images/lib/tab/tab-primary-3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto;
	color: #fff;
}

.tabcontent.current {
	display: block;
}
.tabcontent.current p{
	margin-top:20px;
}


/* ¿¬Çõ */
.history{width:100%; position:relative; margin:0; padding:0; background:url(/front/images/sub/sub06_img04.jpg) no-repeat; }
	.history h4{height:35px;padding-left:250px; margin:0;  }
	.history ul{margin-left:255px; }
	.history ul li{  padding:3px 0 3px 10px; background:url(/front/images/common/bullet03.gif) no-repeat 0 center;}
</style>
