@font-face {
  font-family: 'ONE-Mobile-Regular';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* 모바일 메뉴 */
.sublogo{margin-left:50px;}
.sub_head{width: 100vw;
    margin-left: calc(-50vw + 50%);}
.mb_head{display:none;}

.nav_wrap{display:flex;justify-content:space-between;align-items:center;background:#003b71;}
.nav_wrap.fix{position:fixed;width:100%;top:0;left:0;z-index:9999;}
.nav{display:flex;justify-content:space-between;width:80%;}
.nav li{width:16.6%;}
.nav li a{display:block;font-size:16px;text-align:center;padding:40px 0px;color:#fff;}
.nav_wrap img{display:block;width:210px;margin-right:50px;}

@media screen and ( max-width:799px){
  .nav_wrap{display:none;}
  .mb_head{display:block;height:70px;position:fixed;width:100%;top:0;left:0;z-index:999;background:#fff;}
  .mb_head img{position:absolute;width:180px;left:20px;top:20px;}
  .mb_head_btn{position:absolute;right:30px;top:20px;border:0;padding:0;}
  .mb_head_btn span{width:25px;height:3px;background:#000;display:block;margin:5px 0;}

  .uk-offcanvas-bar{background: #263665;}
  .menulist{padding-top:50px;}
  .menulist li a{display:block;padding-bottom:20px;font-size:15px;}
  .m_menu_info{position:absolute;bottom:40px;width:80%;}
  .m_menu_info a{display: block;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: bold;}
  .m_menu_info span{font-size:14px;display:block;padding-bottom:10px;}
  .m_menu_info ul{padding-top:20px;border-top:1px solid rgba(255,255,255,0.3);margin-top:20px;}
  .m_menu_info ul li{font-size:14px;padding-bottom:15px;}
  .m_menu_info ul li span{display: inline-block;
    background: #008795;
    color: #fff;
    padding: 10px 10px;
    border-radius: 50px;
    font-size: 13px;
    margin-right: 8px;
    width: 76px;text-align: justify;line-height:0;}
  .m_menu_info ul li span:after, .m_menu_info ul li span:before {
  content: "";
  display: inline-block;
    width: 100%;}
}