/* --- Header PC --- */
/*#header { width:100%; position:fixed; z-index: 99; border-bottom: 1px solid rgba(255,255,255, 0.1); background: rgba(0,0,0,0.3); transition: .25s; }
#header.fixed { background: rgba(0,0,0,0.9); }*/
.main-menu { max-width:1330px; height: 70px; display: flex; align-items: center; margin:0 auto; padding:0 15px; justify-content: space-between; position: relative; }

.logo img { height: 45px; width: auto; display: block; }
.header_right { display: flex; align-items: center; height: 100%; }

.nav_menu { height: 100%; display: flex; align-items: center; }
.nav_menu .link { display: flex; align-items: center; height: 100%; }
.nav_menu .link li { position: relative; display: flex; align-items: center; height: 100%; }
.nav_menu .link li a { padding: 0 25px; font-size:20px; color: #fff !important; transition: 0.2s; line-height: 80px; font-weight: 400; display: block; }
.nav_menu .link li a:hover { color: var(--point-gold) !important; text-shadow: 0 0 1px var(--point-gold); } 
.nav_menu .link li:not(:last-child)::after { content: ''; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.2); }

.lang_wrap { display: flex; gap: 10px; margin-left: 10px; align-items: center; height: 100%; }
.lang_wrap a{display: inline-flex; align-items: center;}
.lang_wrap img { width: 34px;  opacity: 1; transition: 0.3s; }


/* --- Header Mobile (820px) --- */
@media (max-width: 820px) {
    .pc_only { display: none !important; }
    .m_only { display: block !important; }
    
    /* 헤더 높이 축소 */
    .main-menu { height: 50px; }
    .logo img { height: 24px; }

    /* 햄버거 버튼 사이즈 축소 및 중앙 정렬 */
    .nav-mobile-button { top: 50%; right: 15px; width: 24px; height: 16px; position: absolute; transform: translateY(-50%); z-index: 10001; cursor: pointer; }
    .nav-mobile-bar { left: 0; width: 24px; height: 2px; background: #FFF; position: absolute; transition: 0.4s; }
    
    #nav-mobile-bar-top { top: 0; }
    #nav-mobile-bar-middle { top: 7px; }
    #nav-mobile-bar-bottom { top: 14px; }

    .nav-mobile-button.active #nav-mobile-bar-top { top: 7px !important; transform: rotate(135deg); }
    .nav-mobile-button.active #nav-mobile-bar-middle { opacity: 0; left: 30px; }
    .nav-mobile-button.active #nav-mobile-bar-bottom { top: 7px !important; transform: rotate(-135deg); }

    /* 모바일 메뉴 디자인 보정 */
    .nav-mobile-menu {
        position: fixed; top: 0; right: 0; width: 70vw; height: 100vh;
        background: #111; padding: 60px 25px; z-index: 10000;
        transform: translateX(100%); transition: 0.5s ease;
        display: flex !important; flex-direction: column; text-align: left;
    }
    .nav-mobile-menu.active { transform: translateX(0); }

    /* 메뉴 텍스트 크기 및 리스트 높이 축소 */
    .nav-mobile-menu .link li { 
        border-bottom: 1px solid #222; 
        display: flex;
        align-items: center;
        height: 55px; 
    }
    .nav-mobile-menu .link li a { color: #fff !important; font-size: 18px; font-weight: 500; transition: 0.2s; display: block; width: 100%; }
    .nav-mobile-menu .link li a:hover { color: #cc9c5e !important; font-weight: 700; }

    /* 국기-메뉴 사이 간격 축소 */
    .m_lang_wrap { margin-bottom: 20px; } 
    .m_lang_wrap .flags { display: flex; gap: 12px; }
    .m_lang_wrap .flags img { width: 30px;  }
}