@charset "utf-8"; 

/* header
----------------------------- */
.nav-wrapper { 
	background:#080808; }

.gnb { 
	position:relative; z-index:1; height:31px; clear:both;
	font-size:13px;
	border:1px solid #080808; 
	background-color:#080808; 
	background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);
	background:-moz-linear-gradient(top, #2e2d32, #0c0c0e); 
	background:-o-linear-gradient(top, #2e2d32, #0c0c0e); 
	background:-ms-linear-gradient(top, #2e2d32, #0c0c0e); 
	background:linear-gradient(top, #2e2d32, #0c0c0e); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e); }
.gnb:before { 
	content:""; display:block; background:#3e3e40; width:100%; height:1px; }

.gnb ul { 
	margin:0; padding:0; list-style:none; }
.gnb a { 
	text-decoration:none; white-space:nowrap; }
.gnb > ul { 
	position:absolute; top:32px; left:-1px; right:-1px; height:0; 
	background:#464d5d; opacity:.98; filter:alpha(opacity=98); }
.gnb.open > ul {
	height:auto; border-bottom:1px solid #333; }
.gnb > ul:after { 
	content:""; display:block; clear:both; }
.gnb > ul > li { 
	position:relative; top:-32px; margin:0 -1px -8px 0; float:left; }
.gnb > ul > li > a { 
	position:relative; display:block; padding:0 20px; line-height:32px; 
	border-left:1px solid #3e3e40; border-right:1px solid #3e3e40; 
	color:#fff; }
.gnb > ul > li > a:after { 
	content:""; position:absolute; width:1px; height:100%; right:0; top:0; 
	background:#080808; overflow:hidden; }
.gnb > ul > li.active > a,
.gnb > ul > li.hover > a { 
	padding-bottom:1px; line-height:30px; 
	border-top:1px solid #4a505c; 
	background-color:#2f333b; 
	background:-webkit-linear-gradient(top, #383c45, #0c0d0f); 
	background:-moz-linear-gradient(top, #383c45, #0c0d0f); 
	background:-o-linear-gradient(top, #383c45, #0c0d0f); 
	background:-ms-linear-gradient(top, #383c45, #0c0d0f);
	background:linear-gradient(top, #383c45, #0c0d0f); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f); }
.gnb ul ul { 
	position:relative; display:block; z-index:2; padding:0px 20px 0px 20px; margin:0px 0px 0px -1px;
	border-left:1px solid #424856; height:0; overflow:hidden; }
.gnb.open ul ul { 
	margin:6px 0px 0px 0px; }
.gnb ul ul:before { 
	content:""; position:absolute; left:0; top:0; width:1px; height:100%; background:#4b5265; }
.gnb.open ul ul { 
	padding:13px 20px 13px 20px; height:auto; }
.gnb > ul > li:first-child > ul { 
	border:0; }
.gnb > ul > li:first-child > ul:before { 
	content:normal; }
.gnb ul ul a { 
	display:block; line-height:20px; 
	color:#fff; font-size:12px; }
.gnb ul ul a:hover,
.gnb ul ul a:focus { 
	text-decoration:underline; }


.dropdown-menu { 
	background:rgba(245, 245, 245, 0.9); border:0; }
.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
	color:#009ada; background:transparent; }

/* side
----------------------------- */
.body.sub .side .title { 
	margin:0; position:relative; z-index:2; 
	color:#3a3a3a; font-size:22px; font-weight:600; line-height:1.6; }
.body.sub .side .title > a { 
	display:block; line-height:36px; padding:0 18px; 
	color:#fff; font-size:14px; text-decoration:none; 
	border:1px solid #939395; border-radius:3px; 
	background-color:#19191b; 
	background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%); 
	background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%); 
	background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%); 
	background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%); 
	background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%); 
	zoom:1; }
.body.sub .side ul { 
	list-style:none; margin:0; padding:0; }
.body.sub .side ul a { 
	display:block; 
	color:#333; font-size:13px; text-decoration:none; }
.body.sub .side > ul { 
	position:relative; z-index:1; padding:1px 1px 1px 1px; margin:0px 0 10px 0; 
	border:1px solid #dcdcdc; border-radius:3px; }
.body.sub .side > ul > li > a { 
	line-height:36px; padding:0 10px 0 18px; border-top:1px solid #eee; }
.body.sub .side > ul > li.active > a,
.body.sub .side > ul > li > a:hover,
.body.sub .side > ul > li > a:focus { 
	color:#111111; background:#f5f5f5; }
.body.sub .side > ul > li:first-child > a {
	border-top:0; }
.body.sub .side ul ul { 
	padding:10px 0px 10px 0px; border-top:1px solid #eee; }
.body.sub .side li li > a { 
	line-height:20px; padding:0px 10px 0px 25px; }
.body.sub .side li li.active > a,
.body.sub .side li li > a:hover,
.body.sub .side li li > a:focus {
	color:#111111; background:#f5f5f5; }


/* footer
----------------------------- */
div.fnb-wrapper {
	width:100%; height: 20px; margin:0px auto; clear:both; text-align: center; color:#b4b4b4  !important; font-size:13px !important; }
.fnb-wrapper a { 
	margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;  
	color:#b4b4b4; font-size:12px; text-decoration:none !important; letter-spacing:0px; }
.fnb { 
	list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; zoom:1; }
.fnb li { 
	float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	list-style:none; text-align:center; white-space:nowrap; 
	*background:url(../images/footer_fnb_li.gif) no-repeat left center; }
.fnb li.first { 
	}
.fnb li:first-child { 
	}
.fnb li a { 
	margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; line-height:120%; 
	color:#333333; font-size:12px; display:inline; text-decoration:none !important; letter-spacing:0px; }
.fnb li a:hover,
.fnb li a:active,
.fnb li a:focus { 
	color:#333333; }
.fnb li span { 
	display:inline; border-right:1px solid #000; font-size:10px; line-height:90%; }
.fnb li:last-child span { 
	border-right:0px solid #000; }
.fnb li:first-child a { 
	padding-left:0px; }

.fnb2 { 
	list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; zoom:1; }
.fnb2 li { 
	float:left; list-style:none; margin:0px 0px 0px 0px; padding:0px 15px 0px 15px; position:relative; white-space:nowrap; height:12px; 
	text-align:center; 
	background:url(../images/footer_fnb_li.gif) no-repeat left center; }
.fnb2 li.first { 
	padding:0px; background:none; }
.fnb2 li:first-child { 
	padding-left:0px; background:url('');}
.fnb2 li a { 
	position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:12px; line-height:12px; 
	color:#333333; font-size:12px; display:block; text-decoration:none !important; letter-spacing:0px; }
.fnb2 li a:hover,
.fnb2 li a:active,
.fnb2 li a:focus { 
	color:#333333; }
	
.fnb3 {
	position:absolute; top:5px; left:35px; white-space:nowrap; margin-bottom:0px; }
.fnb3 ul {
	list-style:none; margin:0; padding:0; zoom:1; }
.fnb3 ul:after {
	content:""; display:block; clear:both; }
.fnb3 li {
	float:left; list-style:none; background:none; padding-left:0px; white-space:nowrap; margin-right:30px; }
.fnb3 li.first {
	padding:0; background:none; }
.fnb3 li:last-child  {
	margin-right:0px; border:0px solid #fff; }
.fnb3 li a {
	padding:5px 0px 0px 0px; height:20px; 
	color:#000000; white-space:nowrap; text-decoration:none; font-weight:600; }
.fnb3 li a:hover,
.fnb3 li a:active,
.fnb3 li a:focus {
	color:#000000; }
.fnb3 li.active a {
	color:#000000; font-weight:bold; background:none; }

.fnb3 ul ul {
	display:block; position:absolute; left:0px; top:25px; padding:5px 0; 
	background:none; border:0px solid #444; border-top:0; 
	width:180px; }
.fnb3 li li {
	float:none; background:none; padding:0; left:0; }
.fnb3 li li a {
	float:none; display:block; padding:5px 0px 0px 0px !important; 
	background:none !important; height:auto; font-weight:normal !important; }
.fnb3 li li:last-child  {
	border:0px solid #fff; }
.fnb3 li li.active a {
	font-weight:300 !important; }

.social {
	*width:100%;  } 
.social ul {
	*width:50%; border:0px solid #fff; } 
.social li {
	float:left; display:inline-block; padding:0px; margin:0px 0px; *width:calc(100% / 3) !important; 
	text-align:center; border:0px solid #00f; }
.social i.fab {
	color:#ffffff; font-size:20px; text-align:center; 
	margin:0px 0px 0px 0px; width:20px; height:20px; line-height:100%; border-radius:0%; }
.social i.fab:hover {
	color:#fc3c2a; }
@media (max-width:767px) {	
	.social {
		text-align:center; display:inline-block; } 
	.social ul {
		float:none !important; margin:0 auto; width:36%; } 
}