/* 헤더 시작 *********************************************/
  header {background-color: var(--hd_cor);position: sticky;top: 0;left: 0;z-index: 9999;}
  .site_header { position:sticky;top:0;z-index:1000;  background:var(--hd_cor);  }
  .navbar {display:flex;align-items:center;justify-content: space-between; gap:25px;padding: 24px 0px 30px; overflow:visible;height: 99px;}
  .brand {display:flex;align-items:center;gap:14px}
  .brand img {max-width:235px;height:auto}
  .brand .logo {display: block !important; max-width: 100px !important;}
  /* 메뉴 시작 */
  .mn_ri {display: flex;gap: 40px;}
  .gnav > ul {display:flex;align-items:center;gap:80px;list-style:none;margin:0;padding:0}
  .gnav > ul > li {position:relative}
  .gnav > ul > .me_3 {border-right: 1px solid rgba(255,255,255,0.4);padding-right: 40px;}
  .gnav > ul > li > a {font-weight:500;font-size:18px;color:#fff;padding:9px 0;display:block}
  .gnav .submenu {position:absolute;top:100%;left:50%;transform: translateX(-50%);text-align: center; background:#061a2a;border:1px solid var(--pill-line);border-radius:6px;list-style:none;margin:0;padding:6px 0;display:none;z-index:2000;min-width: 150px;}
  .gnav .me_3 .submenu {left:33%;}
  .gnav .submenu li a { display: block; padding: 7px 12px; font-weight: 500; white-space: nowrap; font-size: 14px;color: #cfe6ff;}
  .gnav > ul > li:hover > .submenu {display:block}
  .gnav .submenu li a:hover {background:rgba(255,255,255,.08);color:#fff}
  /* 메뉴 끝 */

  /* 오른쪽 시작 */
  .tools {display:flex;gap:30px;align-items:center;overflow:visible}
  .auth {display:flex;align-items:center;gap:15px}
  .auth img {width: 100%;max-width: 23px;}
  .auth a {font-size: 14px; display:flex;align-items:center;gap:4px;color:#fff;opacity: 80%;}

  /* 언어 드롭박스 시작 */
  .lang_wrap {position:relative;overflow:visible;z-index:5}
  .lang_pill {display:inline-flex;align-items:center;gap:5px;padding:2px 8px; border:1px solid var(--pill-line);border-radius:4px;background:#fff;font-size:14px;font-weight:500;cursor:pointer}
  .lang_pill small {opacity:.7;font-size:7px;padding-right:4px}
  .lang_pill img {max-width:23px;height:auto}
  .lang_menu {position:absolute;top: 110%; min-width: 90px;background:#061a2a;border:1px solid var(--pill-line);border-radius:8px;list-style:none;margin:6px 0 0;padding:6px 0; display:none;z-index:3000}
  .lang_menu li a {display: block; padding: 5px 10px; color: #cfe6ff; font-weight: 500; text-decoration: none; font-size: 14px;}
  .lang_menu li a:hover {background:rgba(255,255,255,.1);color:#fff}
  .lang_wrap.open .lang_menu {display:block}
  /* 언어 드롭박스 끝 */

  /* 드로어 메뉴 시작 */
  .mob_m {all: unset; display:none;width:26px;height:30px; }
  .drawer {position:fixed;inset:0;display:none;z-index: 9999;}
  .drawer.open {display:block}
  .drawer .dim {position:absolute;inset:0;background:rgba(0,0,0,.5)}
  .drawer .panel {position:absolute;right:0;top:0;bottom:0;width:80%;max-width:360px;  background:#05172d;padding:72px 20px;border-left:1px solid var(--line)}
  .gnav_mob a {display:block;padding:12px 0px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:500;font-size: 18px; color:var(--mint);text-decoration:none}
  .drawer .panel .auth_m {display: flex;  gap: 20px;  padding: 20px 0; width: 100%; margin: 0 auto;   justify-content: center; margin-top: 20px;}
  .drawer .panel .auth_m a {font-size: 16px;border: 0;color: #fff;display: flex;  gap: 10px; align-items: center;  padding-right: 20px;  border-right: 1px solid;}
  .drawer .panel .auth_m a:last-child {border-right: 0px solid;padding-right: 0px; }
  .drawer .close {all: unset; position:absolute;right:20px;top:20px}

  .gnav_mob {}  
  .gnav_mob >ul { display: flex; flex-direction: column; gap: 25px;}
  .submenu_mob >li >a {font-size: 16px !important;padding-left: 20px !important;color: #fff;}
  .submenu_mob {}
  /* 드로어 메뉴 끝 */

  /* 오른쪽 끝 */

    /* 반응형 시작 +++++++++++++++++++++++++++++++++++++*/
  @media screen and (max-width: 1440px) {
    
    /* 헤더 */
    .brand img { max-width: 215px;}
    .gnav > ul { gap: 65px;}
    .gnav > ul > li > a {font-size: 16px;}
    .gnav > ul > .me_3 { padding-right: 30px;}
    .mn_ri { gap: 30px;}
    .tools { gap: 20px;}
    .lang_menu li a { font-size: 14px;}

    /*  */
    
  }
  
  
  @media screen and (max-width: 1024px) {
    
    /* 헤더 */
    .brand img { max-width: 170px;}
    .navbar { gap: 15px;}
    .gnav > ul { gap: 20px;}
    .gnav > ul > li > a {font-size: 15px;}
    .gnav > ul > .me_3 { padding-right: 15px;}
    .mn_ri { gap: 15px;}
    .gnav .submenu { padding: 3px 0; min-width: 110px;}
    .gnav .submenu li a { padding: 7px 10px;}
    .gnav .me_3 .submenu {left: 40%;}
    .lang_menu { min-width: 77px;padding: 3px 0;}
    .lang_menu li a { padding: 3px 7px;font-size: 14px;}
    .auth { gap: 8px;}
    .tools { gap: 8px;}
    .auth img {max-width: 20px;}
    .lang_pill { gap: 3px; padding: 4px 5px;}
    .lang_pill img {max-width: 20px;}

    /*  */
    
  }
  
  @media screen and (max-width: 767px) {

    /* 헤더 */
    .navbar { padding: 20px 0px 20px;height: 72px;}
    .mob_m {display:grid;align-items: center;}
    .gnav {display:none}
    .auth {display:none}
    .brand img { max-width: 185px; }
    .mn_ri {gap: 17px; }
    .sub_nav {  gap: 5px;}

    /*  */


  }

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

    .drawer .panel .auth_m {  gap: 15px;  padding: 10px 0; }
    .drawer .panel .auth_m a { gap: 10px;padding-right: 15px; }

  }
  /* 반응형 끝 */
  /* 헤더 끝 *********************************************/