/* 한국어 사이트 구글 번역 (PC 헤더) — gtranslate_kr.js 와 짝 */

/* 구글 번역 기본 UI 숨김 (상단 띠, 원문 말풍선, 마우스 올릴 때 강조) */
body { top: 0 !important; }
body > .skiptranslate,
iframe.skiptranslate,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
.goog-text-highlight,
.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: none !important; box-shadow: none !important; }

/* 언어선택 메뉴 (한국어 원문 + 37개 — 3칸씩, 길면 칸 안에서 스크롤) */
.header01 .site ul.translation-links {
	width: 450px;
	max-height: 70vh;
	overflow-y: auto;
	align-content: flex-start;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.header01 .site ul.translation-links li { width: 33.333%; padding: 9px 10px; box-sizing: border-box; text-align: left; }
.header01 .site ul.translation-links li.gt-original { width: 100%; border-bottom: 1px solid #e3e3e3; }
.header01 .site ul.translation-links li.on { background: #FFF2F2; }
.header01 .site ul.translation-links li.on a { color: #E40062; font-weight: 700; }
.header01 .site ul.translation-links li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header01 .site > ul li.on img { outline: 2px solid #E40062; outline-offset: 1px; }

/* ----- 번역 중일 때 헤더가 길어지지 않게 ----- */

/* 한 줄 유지 (넘치면 JS 가 글자를 줄이고, 그래도 넘치면 … 처리) */
.gt-fit-line { white-space: nowrap !important; }
.gt-fit-cut { overflow: hidden !important; text-overflow: ellipsis !important; }

/* 상단 메뉴: 칸 높이(56px)는 그대로, 긴 언어는 2~3줄로 접고 그래도 넘치면 JS 가 글자 축소 */
html.gt-on .nav .gnb .depth1 > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 8px;
	box-sizing: border-box;
	overflow: hidden;
	line-height: 1.15;
	letter-spacing: -0.3px;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

html.gt-on .header01 .site .ai-story-btn { display: inline-block; box-sizing: border-box; }
html.gt-on .header01 .tnb .mypage a span { display: block; }
html.gt-on .header02 .top-search .search-input .search-box .area .bot-box ul li { min-width: 0; flex: 1 1 0; box-sizing: border-box; }
html.gt-on .header02 .top-search .search-input .search-box .area .bot-box ul li a { white-space: nowrap; }

/* 하위 메뉴: 줄바꿈 허용, 칸 높이는 JS 가 가장 긴 칸에 맞춰 --gt-depth2-h 로 지정 */
html.gt-on .nav .gnb .depth2 > li > a { word-break: normal; overflow-wrap: anywhere; }
html.gt-on .nav .gnb .depth2.on,
html.gt-on .nav .gnb:focus-within .depth2,
html.gt-on .nav .gnb:hover .depth2 { min-height: var(--gt-depth2-h, 400px); }