@media screen and (max-width: 1920px) {  
}
@media screen and (max-width: 1800px) {   
}

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;}   
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;} 

}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;} 
}

@media screen and (max-width: 1000px) {
  
}

@media screen and (max-width: 840px) {
  .pc{display: none;}  
  .mob{display: block;}
  html, body{font-size: 17px;}

  .header{top: 0;}
  .header:hover::after{opacity: 0;}
  .header:hover{overflow: hidden; height: 80px; background: transparent;}
  .hidden .header{background: #061D41;}
  .hidden .header::after{opacity: 1;}

  .lang{display: none;}
  .h_nav{display: none !important;}
  .header .inner3 > div.h_btn{position: absolute; right: 0;}

  .hambuger{position: relative;}

  .sitemap{top: 80px; transform: translateY(-120%);}
  .sitemap .inner2{position: static; transform: translate(0, 0); width: 100%;}
  .sitemap_tit{display: none;}
  .mob_nav{display: block;}

  .mob_nav > li{display: block; width: 100%; border: 0; padding: 0;}
  .mob_nav > li:nth-child(1){border: 0;}
  .mob_nav .mob_tit{padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; position: relative;}
  .mob_nav .mob_tit span{text-align: end; width: 22px; height: 22px; position: relative;}
  .mob_nav .mob_tit span::before{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_nav .mob_tit span::after{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(90deg) !important; transition: all 0.4s;}
  .mob_nav > li.open .mob_tit span::after{transform: translateY(-50%) rotate(0deg) !important;}
  .mob_nav .mob_tit::before{content: '';position: absolute;right: 40px;top: 50%;transform: translate(0, -50%);width: 18px;height: 1px;background: #fff;transition: all 0.4s;}
  .mob_nav .mob_tit::after{content: '';position: absolute;right: 48px;top: 50%;transform: translate(0, -50%);width: 1px;height: 18px;background: #fff;transition: all 0.4s;}
  .mob_nav .open .mob_tit::before{transform: translate(0, -50%)rotate(180deg);}
  .mob_nav .open .mob_tit::after{opacity: 0;}

  .mob_sub{margin-top: 0; display: none; background: #0b4c95; color: #fff; padding: 12px 5%;}
  .mob_sub > li > a{font-size: 0.9rem;}

  .mob_lang{text-align: end; width: 95%; margin: 5vh auto 0;}
  .mob_lang > li{display: inline-block; position: relative;}
  .mob_lang > li:nth-child(1)::before{opacity: 0;}
  .mob_lang > li::before{content: ''; width: 1px; height: 90%; background: #0b4c95; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_lang > li  > a {font-size: 1rem; padding: 0 24px; letter-spacing: 3px; font-weight: 400;}


}

@media screen and (max-width: 460px) {
  html, body{min-width: auto;} 
  html, body{font-size: 16px;}
}


@media screen and (max-width: 375px) {
}