.pc-nav {
width:100%;
height:50px;
display:block;
position: fixed;
top:50px;
right:0;
z-index:17550;
transition: .4s all;
}
.pc-nav.sin_active {
  top:0;
}

.pc-nav ul.mainmenu {
width:calc(100% - 320px);
max-width:1280px;
height:50px;
display:block;
margin-left:auto;
margin-right:2%;
}
.pc-nav ul.mainmenu li {
width:20%;
height:50px;
display: block;
text-align: center;
float: left;
font-size:14px!important;
font-weight: 400;
line-height: 50px;
color:var(--color-black);
letter-spacing: -0.5px;
}
.pc-nav ul.mainmenu li a span {
transition: .4s all;
}
.pc-nav ul.mainmenu li a.active span {
font-weight: 700;
color:var(--color-black)!important;
padding-right: 0px;
background-image: none;
background-size:100% 3px;
}
.pc-nav ul.mainmenu li a {
width:100%;
height:50px;
display:block;
text-align:center;
text-decoration:none;
font-size:14px;
font-weight: 400;
line-height: 50px;
letter-spacing: 0px;
color:var(--color-black);
transition: .4s all;
border-radius: 3px;
}
.pc-nav ul.mainmenu li a .nav_ws {
  width:100%;
height:50px;
display:block;
background-image: url(../img/header/ic-ar_vd_b.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 12px;
}
.pc-nav ul li a:hover {
color:var(--color-white)!important;
background-color: rgba(44,89,167,0.9);
background-image: none!important;
border-radius: 3px;
}

.pc-nav ul.mainmenu li a.active .nav_ws {
  font-weight: 400;
  color:var(--color-white)!important;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 15px;
  background-color: rgba(44,89,167,0.9);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  }

.pc-nav ul.mainmenu li .Wrap {
width: 100%!important;
height: auto;
position: absolute;
top: 50px;
left: 0;
z-index: 100;
overflow: hidden;
display: none;
border-top:1px solid rgba(44,89,167,0.9);
background: rgb(44,89,167);
background: linear-gradient(180deg, rgba(44,89,167,0.95) 0%, rgba(44,89,167,0.7) 100%);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
box-shadow:0px 5px 5px rgba(0,0,0,0.2);
}
.Wrap .wrapInner {
width: 100%;
height: auto;
display:block;
padding:20px 2%;
}
.Wrap .wrapInner ul {
  width:100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.Wrap .wrapInner ul li {
  width:33.1333333333%;
  height: auto;
  display: block;
  font-size:14px;
  font-weight: 400;
  background-color: rgba(255,255,255,0.95);
  margin:0.1%;
  transition: .4s all;
}
.Wrap .wrapInner ul li:hover {
  background-color: rgba(255,255,255,0.80);
}

.Wrap .wrapInner ul li a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  color: var(--color-black);
  text-align: left;
  line-height: 1em;
  padding:20px 20px;
  background-image: url(../img/header/ic-ar_h_b.png);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: auto 16px;
  border-radius: 2px;
}
.Wrap .wrapInner ul li a:hover {
  background-image: url(../img/header/ic-ar_h_b.png)!important;
  background-position: 100% center!important;
  color: var(--color-black)!important;
  background-color: transparent;
}

.Wrap .wrapInner ul li.menubnlogo {
  width:33.1333333333%;
  height: auto;
  display: block;
  font-size:14px;
  font-weight: 400;
  margin:0.1%;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 40px 40px;
}
.Wrap .wrapInner ul li.menubnlogo a {
  width:100%;
  height: auto;
  display: block;
  text-decoration: none;
  color: var(--color-black);
  text-align: left;
  line-height: 1em;
  padding:20px 20px 20px 50px;
  background-image: url(../img/header/ic-ar_h_b.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: auto 16px;
  border-radius: 2px;
}

/*----------------------------*/
* {
border:none;
margin:0;
padding:0;
}