@charset "utf-8";

.wrap-top{width:100%;position:absolute;z-index:500;background:none;}
.wrap-top .top-link li:nth-child(1) a{background:#3e3b8c;}
.wrap-top .top-link li:nth-child(2) a{background:#6177de;}
.wrap-top .top-util .top-lan{border-color:#FFF;}
.wrap-top .top-util .top-lan a.btn-lan{color:#FFF;}
.wrap-header{background:rgba(0,0,0,0.6);}
.wrap-header.fNav{background:rgba(0,0,0,0.7);border-color:transparent;}
.wrap-header .container .head-logo {margin-right:0}
.wrap-header .head-logo img {max-width: 150px;}
.wrap-header .head-logo span{color:#FFF;padding-top: 0;font-size: 16.8px;line-height: 1;position: relative;padding-right: 64px;}
.wrap-header .head-logo span img {width: 60px;/* background: #fff; */padding: 2px 3px;border-radius: 3px;margin-left: 3px;position: absolute;right: 0;top: 0;}
.wrap-header .head-logo span span {display: block;font-size: 9px;padding-left: 0;font-family: 'Noto Light';padding-top: 2px;padding-right: 0;}
.wrap-header .head-util li.head-sitemap{background: url(../../images/common/openM.png) no-repeat right center;}
.wrap-header .container > div .btn-mgnb{background-color:rgba(62,59,140,0.75);}

.wrap-header .head-navi .li_1{padding:0 10px;}
.wrap-header .head-navi .a_1{color:#FFF;font-size: 19px;}
.wrap-header .head-navi .a_1:hover{color:#6177de;}
.wrap-header .head-navi .a_1.on span:after{background:#6177de;}
.wrap-header .head-navi .a_1.on span:before {background: #3e3b8c;}
.wrap-header .head-navi .div_2{background:rgba(62,59,140,0.95);left: 0;}
.wrap-header .head-navi .a_2.on{color:#6177de;}
.wrap-header .head-util {    width: 60px;}

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

  .wrap-header .head-logo span {/* font-size: 17px; */}
  .wrap-header .head-logo span img {}
  .wrap-header .head-logo span span {/* font-size: 9px; */}
  .wrap-header .head-navi .li_1 {padding:0 5px}
  .wrap-header .head-navi .a_1 {font-size: 17.5px;}
  
}
@media all and (max-width:1024px) {

  
  .wrap-header .head-logo span {}
  .wrap-header .head-logo span span {font-size: 9px;}
  .wrap-header .head-navi {background: #3e3b8c;}
  .wrap-header .head-navi .a_1 {font-size: 17px; padding: 13px 18px;}
  .wrap-header .head-navi .a_2 {font-size: 16px;padding: 13px 15px;}
  .wrap-header .head-navi .a_3 {font-size:15px;padding-left: 33px;}
  .wrap-header .head-navi .a_3:hover {color:#3e3b8c}
  .wrap-header .head-navi .a_3:after { top: 15px; left: 20px; background: #8e8e8e !important;}
  .wrap-header .head-navi .a_3:hover:after {}
  .wrap-header .head-navi .div_2 {left:auto;}
}

@media all and (max-width:594px) {
  .wrap-header .head-logo span span {display:none}
  .wrap-header .head-logo span img {width: 40px;display:none}
  
}

@media all and (max-width:550px) {
  
  .wrap-header .head-logo span {font-size: 16px;padding-right: 0;}
  .wrap-header .head-navi .a_1 {font-size: 16px;padding: 10px 13px;}
  .wrap-header .head-navi .a_2 {padding: 11px 13px;}
  .wrap-top .top-link a {height: 35px;}

  
}

.wrap-footer .bottom-link {    float: initial;    margin-top: 0;}