/* 언어 전환 KO / EN (헤더 오른쪽) */
.mp_lang {
    display: inline-flex;
    align-items: center;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 999px;
    font-family: "NotoSans", sans-serif;
    font-size: 13px;
    line-height: 1;
}
.mp_lang a {
    padding: 6px 10px;
    border-radius: 999px;
    color: rgba(255, 255, 255, .8);
    letter-spacing: .04em;
    transition: background-color .2s, color .2s;
}
.mp_lang a:hover { color: #fff; }
.mp_lang a.on { background: #fff; color: #4a3c37; font-weight: 600; }

/* 스크롤 후 흰 헤더 */
header.bw .mp_lang { border-color: #d9cfca; }
header.bw .mp_lang a { color: #7a6f6a; }
header.bw .mp_lang a:hover { color: #312a28; }
header.bw .mp_lang a.on { background: #4a3c37; color: #fff; }
/* 전체 메뉴 열림 */
header.active .mp_lang { border-color: rgba(255, 255, 255, .45); }
header.active .mp_lang a { color: rgba(255, 255, 255, .8); }
header.active .mp_lang a.on { background: #fff; color: #4a3c37; }

.header_wrap .top_wrap .right .mp_lang { margin-right: -27px; } /* .right 의 gap(63px) 을 조금 줄여 로그인과 가깝게 */

@media (max-width: 880px) {
    .header_wrap .top_wrap .right { display: flex; align-items: center; gap: 12px; }
    .header_wrap .top_wrap .right .mp_lang { margin-right: 0; padding: 2px; font-size: 11px; }
    .mp_lang a { padding: 4px 7px; }
}
@media (max-width: 400px) {
    header .header_wrap .top_wrap .logo a { width: 140px; background-repeat: no-repeat; background-size: contain; background-position: left center; }
}