@charset "utf-8";

/* 프로그래밍 단계에서 추가한 보정만 담는다. 퍼블리싱 CSS 는 수정하지 않는다. */

/* 답변알림 라디오 버튼 — 퍼블리싱 기본값은 width:124px 고정이라
   국문("예, 받겠습니다.")에 맞춰져 있다. 영문은 문구가 길어 답답해 보이므로
   영문 페이지에서만 글자 길이에 맞춰 늘어나게 한다. (doc.css:181 을 덮어씀) */
html[lang="en"] .alarm-radio label {
	width: auto;
	min-width: 124px;
	padding-left: var(--space-24);
	padding-right: var(--space-24);
}

/* 구글 번역 언어 선택 (js/gtranslate.js) — PC 는 GNB 메뉴 바로 왼쪽에 붙인다.
   #gnb 는 flex:1 이라 로고 옆에 붙어버리므로, 선택기를 auto 여백으로 밀고 #gnb 는 내용 폭만 쓰게 한다.
   (메뉴는 원래 오른쪽 정렬이라 메뉴 위치는 그대로다. layout.css:26 을 덮어씀) */
#header .gt-wrap {flex:0 0 auto; margin-left:auto;}
#header .gt-wrap + #gnb {flex:0 1 auto; width:auto;}

/* 구글 기본 위젯은 목록이 iframe 이라 스타일을 못 바꾸므로 화면에서만 숨긴다 (select 는 스크립트가 조작) */
#google_translate_element {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

/* 버튼은 우측 KO/EN 선택(layout.css:38~)과 같은 모양, 목록은 흰 배경 + 검정 글자 */
.gt-wrap {position:relative; color:#242424;}
.gt-wrap .gt-btn {display:flex; align-items:center; gap:6px; padding:var(--space-10) 3px; background:transparent; border:0; color:#242424; font-size:16px; font-weight:600; line-height:2; white-space:nowrap; cursor:pointer;}
.gt-wrap .gt-btn::before {content:''; width:16px; height:16px; background:url('/images/common/language.svg') no-repeat center/contain;}
.gt-wrap .gt-btn::after {content:''; width:8px; height:8px; background:url('/images/common/language-arrow.svg') no-repeat center/contain;}
.gt-wrap.open .gt-btn::after {transform:rotate(180deg);}
.gt-wrap .gt-list {display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:100%; padding:var(--space-10); background:#fff; border:1px solid #ddd; border-radius:var(--radius-8); box-shadow:0 6px 16px rgba(0,0,0,.08); text-align:center; white-space:nowrap; z-index:30;}
.gt-wrap.open .gt-list {display:block;}
.gt-wrap .gt-list a {display:block; padding:2px 12px; border-radius:var(--radius-8); color:#242424; font-size:16px; font-weight:600; line-height:1.7;}
.gt-wrap .gt-list a:hover,
.gt-wrap .gt-list a:focus-visible {background:#f2f2f2;}
.gt-wrap .gt-list li.active a {color:#000; text-decoration:underline; text-underline-offset:4px;}

/* 모바일 사이드 메뉴 안 (1280px 이하에서 스크립트가 #menu 로 옮김) — 드롭다운 없이 언어를 펼쳐 보인다 */
.mobile-navigation .gt-wrap {padding:12px 20px; border-bottom:1px solid #ddd;}
.mobile-navigation .gt-wrap .gt-btn {display:none;}
.mobile-navigation .gt-wrap .gt-list {display:flex; flex-wrap:wrap; gap:6px; position:static; transform:none; padding:0; border:0; box-shadow:none; text-align:left;}
.mobile-navigation .gt-wrap .gt-list a {padding:4px 12px; border:1px solid #ddd; border-radius:36px;}
.mobile-navigation .gt-wrap .gt-list li.active a {color:#fff; background:#111; border-color:#111; text-decoration:none;}

/* 번역 시 구글이 상단에 띄우는 배너·툴팁 숨김 (배너가 body 를 아래로 밀어 sticky 헤더가 어긋남) */
.goog-te-banner-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
#goog-gt-tt,
.goog-te-balloon-frame {display:none !important;}
body {top:0 !important;}