/* 탭 콘텐츠 제어: 기본 숨김 및 활성화 시 표시 */
.tab-content { display: none !important; }
.tab-content.active { display: grid !important; } /* 기존 grid 레이아웃 유지 */

/* 일반 텍스트 형태의 탭 콘텐츠일 경우를 대비한 처리 */
div.tab-content.active:not(.grid) { display: block !important; }



/* 탭 UI */
  .lang-tabs{
    display:flex; max-width:1200px; margin:20px auto 10px; border-radius:6px; overflow:hidden;
    box-shadow:0 6px 20px rgba(0,0,0,.08);
  }
  .lang-tabs .tab{
    flex:1; text-align:center; padding:14px 0; font-weight:700; font-size:14px;
    text-decoration:none; color:#222; background:#fff; transition:.25s;
  }
  .lang-tabs .tab.active{
    background:linear-gradient(90deg,#ee8425 0%,#f9488b 100%); color:#fff;
  }
  .lang-tabs .tab:not(.active):hover{ background:#f7f7f7; }

  /* 모바일: 탭 세로 정렬 */
@media (max-width: 991px){
  .lang-tabs{
    flex-direction: column;
    max-width: 80%;   /* 필요시 폭 줄임 */
  }
  .lang-tabs .tab{
    border-radius: 0;
    border-bottom: 1px solid #eee;
  }
  .lang-tabs .tab:last-child{
    border-bottom: none;
  }
}