/* header */

  /* GNB */
  .gnb {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
  }
  
  .gnb-container {
    display: flex;
    max-width: 120rem;
    width: 100%;
    height: 5rem;
    padding: 0rem 3.75rem;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(15px);
  }
  
  /* hover evt */
  .gnb-container {
    background-color: transparent;
    transition: background-color 0.3s ease;
  }
  .gnb:hover .gnb-container {
    background-color: #fff;
  }
  .gnb:hover .main-menu .menu-item a {
    color: #202020;
  }
  .gnb:hover 
  
  .logo img {
    height: 3rem;
  }
  
  .main-menu {
    display: flex;
    align-items: center;
    gap: 2.8rem;
  }
  
  .main-menu .menu-item a {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%; /* 1.125rem */
    letter-spacing: -0.045rem;
    transition: 0.3s;
  }
  .main-menu .menu-item a:hover{
    color: #0D5FB3 !important;
  }
  
  /* 소메뉴 전체 박스 */
  .all-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #FFF;
    padding: 2rem 0;
    z-index: 99;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  }
  
  .submenu-group {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    list-style: none;
    padding: 0 20px;
  }
  .submenu-group strong {
    font-size: 15px;
    display: block;
    margin-bottom: 1rem;
    color: #0D5FB3 !important;
    font-weight: bold;
  }
  .submenu-group > li {
    color: #202020;
  }
  .submenu-group ul {
    list-style: none;
    padding: 0;
  }
  .submenu-group ul li {
    margin-bottom: 8px;
  }
  
  .submenu-group ul li a {
    color: #202020;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
  }
  .submenu-group ul li a:hover{
    color: #0D5FB3;
  }
  /* 메인 메뉴 중 하나에 hover 시 전체 소메뉴 표시 */
  .gnb:hover .all-submenu,
  .main-menu:hover ~ .all-submenu {
    display: block;
  }
  
  
  
  .nav_right{
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  .nav_right .btn{
    width: 1.5rem;
    height: 1.5rem;
  }
  .gnb:hover .nav_right .btn:nth-child(1) img{
    content: url('/img/new/user-profile-add-01-bk.svg'); /* 검정색 아이콘으로 교체 */
  }
  .gnb:hover .nav_right .btn:nth-child(2) img{
    content: url('/img/new/user-profile-03-bk.svg'); /* 검정색 아이콘으로 교체 */
  }
	
	.gnb:hover .nav_right .btn:nth-child(3) img{
    content: url('/img/new6/icon-blog.svg'); /* 검정색 아이콘으로 교체 */
  }
  
  
/* 모바일 메뉴 */
.mobile-header {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: white;
    position: relative;
    z-index: 1000;
    display: none;
  }
  
  .menu-toggle {
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: none;
    border: none;
    cursor: pointer;
  }
  .menu-toggle span {
    height: 2px;
    background: #333;
    border-radius: 1px;
  }
  
  /* 오버레이 메뉴 */
  .mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999;
    display: none;
    flex-direction: column;
    padding: 2rem;
  }
  .mobile-nav.active {
    display: flex;
  }
  .mobile-nav .close-btn {
    font-size: 2rem;
    background: none;
    border: none;
    align-self: flex-end;
    cursor: pointer;
  }
  .mobile-nav ul {
    list-style: none;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .mobile-nav a {
    font-size: 1.25rem;
    text-decoration: none;
    color: #222;
  }
  .PC-header{display: flex;}
  


  
/* 헤더 */
/* 스크롤 시 흰 배경 + 검정 글씨로 전환 */
.PC-header.is-scrolled .main-menu .menu-item a {
  color: #242424;
}
.PC-header.is-scrolled #gnb-logo {
  content: url('/img/new/logo-main_defalt.png');
}
.PC-header.is-scrolled .gnb:hover .nav_right .btn:nth-child(1) img{
  content: url('/img/new/user-profile-add-01-bk.svg'); /* 검정색 아이콘으로 교체 */
}
.PC-header.is-scrolled .gnb:hover .nav_right .btn:nth-child(2) img{
  content: url('/img/new/user-profile-03-bk.svg'); /* 검정색 아이콘으로 교체 */
}

.PC-header.is-scrolled .gnb:hover .nav_right .btn:nth-child(3) img{
  content: url('/img/new6/icon-blog.svg'); /* 검정색 아이콘으로 교체 */
}

/* 모바일 메뉴 */
/* ===== 기본 변수 & 리셋(필요시 조정) ===== */
:root{
  --header-h: 56px;
  --drawer-w: min(88vw, 360px);
  --z-header: 1000;
  --z-dim: 999;
  --color-bg: #fff;
  --color-line:#eaeaea;
  --color-text:#111;
  --color-muted:#666;
  --color-main:#0B7BFF; /* 포커스/포인트 */
}
@media (min-width: 961px){
  /* PC에선 숨김 (모바일 전용) */
  .m-header{ display:none; }
  
}
@media (max-width: 960px){
  .m-header{
    position: sticky; top: 0; z-index: var(--z-header);
    background: var(--color-bg); border-bottom:1px solid var(--color-line);
  }
  .PC-header{
    display: none;
  }
  .m-header__bar{
    height: var(--header-h);
    display:flex; align-items:center; justify-content:space-between;
    padding: 0 12px;
  }
  .m-header__hamburger,
  .m-drawer__close{
    display:inline-grid; place-items:center;
    width:40px; height:40px; border:0; background:transparent; color:#111;
  }
  .m-header__logo img{ height: 24px; display:block; }
  .m-header__cta{ display:inline-grid; place-items:center; width:40px; height:40px; color:#111; }

  /* 오프캔버스 */
  .m-dim{
    position: fixed; inset: 0; background: rgba(0,0,0,.4);
    z-index: var(--z-dim); opacity: 0; pointer-events: none; transition: opacity .2s ease;
  }
  .m-dim.is-show{ opacity: 1; pointer-events: auto; }

  .m-drawer{
    position: fixed; inset: 0 auto 0 0; width: var(--drawer-w);
    background: var(--color-bg); transform: translateX(-100%);
    transition: transform .24s ease; z-index: calc(var(--z-dim) + 1);
    display:flex; flex-direction:column; height: 100dvh;
    box-shadow: 2px 0 24px rgba(0,0,0,.12);
  }
  .m-drawer.is-open{ transform: translateX(0); }
  .m-drawer__head{
    display:flex; align-items:center; justify-content:space-between;
    height:56px; padding:0 12px; border-bottom:1px solid var(--color-line);
  }
  .m-drawer__title{ font-weight:700; }

  /* 아코디언 */
  .acc{ border-bottom:1px solid var(--color-line); }
  .acc__btn{
    width:100%; background:#fff; border:0; text-align:left;
    display:flex; justify-content:space-between; align-items:center;
    font-size:16px; padding:14px 16px; color:var(--color-text);
  }
  .acc__btn:focus-visible{ outline:2px solid var(--color-main); outline-offset:2px; }
  .acc__chev{ transition: transform .2s ease; }
  .acc__btn[aria-expanded="true"] .acc__chev{ transform: rotate(180deg); }

  .acc__panel{ padding:0 0 8px; }
  .acc__list{ list-style:none; margin:0; padding:0 8px 8px; }
  .acc__list li a{
    display:block; padding:10px 12px; border-radius:8px; font-size:15px; color:#222; text-decoration:none;
  }
  .acc__list li a:active{ background:#f2f4f6; }
}
/* 스크롤 락 */
.no-scroll{ overflow:hidden; touch-action:none; }
/* 모션 최소화 사용자 배려 */
@media (prefers-reduced-motion: reduce){
  .m-dim, .m-drawer, .acc__chev{ transition: none !important; }
}