header {z-index:10000; position:fixed; top:0; left:0; width:100%; height:90px; font-weight:500 !important; background-color:#e2f0fa; border-bottom:4px solid #065d9b;}
	header #logo {z-index:10001; float:left; margin:15px 20px 20px;}
	header #logo img {width:200px; cursor:pointer !important;}
	header .sub-menu i {display:none;}

	@media all and (max-width:799px) {
	nav {position:absolute; right:0 top:90px;}
	nav ul, a.parents_width, .children {width:150px !important; float:right; margin-left:500px;}
	.sub_menu {float:left !important;}
	.children_width a {width:120% !important;}
}

.nav-bar { display: none; width:100%;}

header nav {
  z-index: 1000;
  width: 100%;
  margin: auto;
}
header nav {position:relative;}
header>nav>ul {position:absolute; top:35px; right:5%;}

header nav ul li a {display: block; text-decoration: none; color:#333; border-top:3px solid transparent; padding:16px; font-size:16px;}
header nav ul li .children li a {font-size:14px;}

@media all and (min-width: 800px) and (max-width: 1279px) {	
	header nav ul li a {padding:10px !important; letter-spacing:-1pt;}
}

@media all and (max-width: 1280px) {
	header nav ul li a {font-size:13px !important;}
}

header nav ul {list-style: none; }

/*** * ù¹ø° nav ¸Þ´º¹­À½ ***/
header nav ul li {
  float:left;
  position: relative;
  letter-spacing:-0.5pt;
}

header nav:after {
  content: "";
  display: block;
  clear: both;
}

/*** pc ¸Þ´º ½ºÅ¸ÀÏ ***/
header nav ul li a:hover {width:100%; border-top:3px solid #065d9b; color:#065d9b;}
header nav ul li a small {font-size:10px; margin:-5px 0 0 8px; font-weight:normal; opacity:0.8;}

/***header nav ul li:hover i { color: yellow; }
header nav ul li i { margin-right: 10px; }***/

header nav ul li:hover .children { display: block; }
header nav ul li .children {
  display: none;
  background-color:#065d9b;
  position: absolute;
}/*** µå·Ó´Ù¿î ¹ÙÅÁ»ö ***/

header nav ul li .children span { display: none; }

header nav ul li .children li {
  display: block;
  width: 100%;
  min-width:150px; max-width:180px;
}
header nav ul li .children li a {width:100%; color:#fff; border:none !important;}
header nav ul li .children li:hover {width:100%; background-color:#333;}/*** µå·Ó´Ù¿î ¹ÙÅÁ»ö over ***/

header nav ul li .fa-angle-down {
  position: relative;
  top: 3px;
}

/*responsive nav style*/

@media all and (max-width:799px) {

.nav-bar {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
}

.nav-bar span {
  float: left;
  font-size: 20px;
  padding: 20px;
  color: #fff;
}

/*** Åä±Û ¾ÆÀÌÄÜ ***/
.nav-bar i.fa-bars {
  display: block;
  overflow: hidden;
  font-size:35px;
  font-weight:300;
  text-decoration: none;
  float: right;
  margin:25px 20px;
  color:#065d9b;
}
.nav-bar i.fa-bars:hover {color:#333;}

header nav {
  width:44%;
  height: auto;
  position: fixed;
  right: 100%;
  top:90px;
  overflow: hidden;
  height: 100%;
  margin-top:-35px;
}

/*** Åä±Û¸Þ´º ¿­¸° bg»ö ***/
header nav ul li {width: 100% !important; display: block; width:50%; background-color:#065d9b; border-bottom:1px solid #4c84ab;}/*** ºÎ¸ð¸Þ´º bg ***/
header nav ul li:hover {width:100% !important; background-color:#333;}

/*** Åä±Û¸Þ´º ¿­¸° txt»ö ***/
header ul li a {width: 100% !important; display: block; color:#fff !important; padding:13px !important; border-top:none !important; font-size:13px !important; font-weight:500;}/*** ºÎ¸ð¸Þ´º txt ***/
header ul li a:hover {width: 100% !important; border:none;}

/*** Åä±Û¸Þ´º 2nd dropdown ***/
header nav ul li .children {width: 100% !important; position: relative; overflow: hidden; display: none;}
header nav ul li .children li {clear:both; width: 100% !important; display:block; background-color:#4d84ab; padding:0; border-bottom:1px solid #7da3bd;}/*** Àڽĸ޴º bg ***/
header nav ul li .children li:hover {width: 100% !important; background-color:#555;}
header nav ul li:hover .children {width: 100% !important; display: none; }

header nav ul li .children span {
  display: inline-block;
}

/*** Àڽĸ޴º txt ***/
header nav ul li .children a {
  width: 50%; float:left;
  font-size:13px !important;
  font-weight:500;
}

header nav ul li .fa-angle-down {
width: 100% !important;
  position: relative;
  top: 3px;
}