/* 영문 페이지 전용 보정 (head.sub.php에서 영문일 때만 로드)
   국문 기준으로 맞춰진 폭·자간·줄바꿈을 영문 문구 길이에 맞게 조정 */

/* 상단 메뉴: 1401px 이상에서 고정 460px 여백 때문에 영문 메뉴가 잘림 → 화면 폭에 비례 */
@media (min-width: 1401px) {
    html[lang="en"] .nav-menu,
    html[lang="en"] .nav-wrapper {
        padding: 0 clamp(330px, 24vw, 460px);
    }
    html[lang="en"] .header-wrapper:hover .nav-menu,
    html[lang="en"] .header-wrapper:hover .nav-wrapper {
        padding: 0 clamp(310px, 22.4vw, 430px);
    }
    html[lang="en"] .nav-menu .nav-item {
        font-size: 17px;
    }
}

/* 푸터(데스크톱, 가로 배치): 영문 주소가 길어 한 줄을 넘으므로 줄바꿈 허용, 오른쪽 기관명이 밀려나지 않게 고정 */
@media (min-width: 1101px) {
    html[lang="en"] .footer-left {
        flex: 1;
        min-width: 0;
    }
    html[lang="en"] .footer-address {
        flex-wrap: wrap;
        row-gap: 6px;
    }
    html[lang="en"] .footer-right {
        flex-shrink: 0;
        margin-left: 40px;
    }
}
/* 푸터(1100px 이하, 세로 배치): 정책 링크 3개를 한 줄로, 두 줄로 넘어가는 영문 주소는 왼쪽 정렬 */
@media (max-width: 1100px) {
    html[lang="en"] .footer-content-first {
        white-space: nowrap;
        font-size: clamp(10px, 2.9vw, 14px);
    }
    html[lang="en"] .footer-content-first strong {
        font-size: inherit;
        margin-left: 8px;
    }
    html[lang="en"] .footer-content-second {
        text-align: left;
    }
}

/* 메인 조찬세미나 항목명: 국문 두 글자용 자간(22px)을 영문에서는 해제 */
html[lang="en"] .seminar-content .desc ul li strong {
    width: 100px;
    letter-spacing: 0;
}

/* 메인 섹션 제목줄: 영문 설명이 길어 "더보기" 버튼이 두 줄로 접히고 아래로 밀리던 문제
   → 제목 영역이 줄어들며 줄바꿈되고, 버튼은 한 줄로 오른쪽에 유지 */
@media (min-width: 1201px) {
    html[lang="en"] .news-header {
        flex-wrap: nowrap;
        gap: 40px;
    }
    html[lang="en"] .news-header .news-title {
        flex: 1;
        min-width: 0;
    }
}
html[lang="en"] .news-more-btn {
    width: auto;
    min-width: 280px;
    gap: 16px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* 연구위원 카드(sub0301, .intro-btn이 있는 카드): 영문 약력이 길어 고정 높이(340px)를 넘쳐
   다음 카드와 겹침 → 내용만큼 늘어나게. .consult-item은 다른 페이지도 쓰므로 범위를 좁힘 */
html[lang="en"] .consult-item:has(.intro-btn) {
    height: auto;
    min-height: 340px;
}
html[lang="en"] .consult-item:has(.intro-btn) li {
    font-size: 15px;
}
/* 연구위원 사진(모바일, Firefox): 480px 이하 약력의 word-break:keep-all 때문에 Firefox가 영문 하이픈 단어
   ("Labor-Management-Civil-Government")를 끊지 않아 글 칸이 넓어지고 사진이 줄어듦(390px에서 32px)
   → 영문은 일반 줄바꿈, 사진은 줄어들지 않게 */
html[lang="en"] .consult-item li {
    word-break: normal;
    overflow-wrap: anywhere;
}
@media (max-width: 480px) {
    /* 481~900px는 사진이 width:100%에서 줄어드는 방식이라 그대로 둠 */
    html[lang="en"] .consult-section > img {
        flex-shrink: 0;
    }
}

/* 인사말(sub0101) 서명: 긴 영문 직함과 이름이 한 줄에 있어 이름이 "Kim / Hyo- / joon"처럼 눌려 접힘
   → 이름은 줄바꿈 금지, 1100px 이하에서는 직함 아래에 이름(오른쪽 정렬) */
html[lang="en"] .intro-greet h4 {
    white-space: nowrap;
    flex-shrink: 0;
}
@media (max-width: 1100px) {
    html[lang="en"] .intro-greet {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
    }
    html[lang="en"] .intro-greet p {
        text-align: right;
    }
}

/* 비전·미션(sub0102) 카드: 고정 높이 380px에 영문 설명이 길어 글이 카드 밖으로 넘치고 아래 여백이 없음
   → 높이는 내용만큼(최소 380px), 같은 줄 카드는 높이를 맞추고, 국문 기준 강제 줄바꿈(<br>)은 숨김 */
html[lang="en"] .vision-mission {
    align-items: stretch;
}
html[lang="en"] .vision-item {
    height: auto;
    min-height: 380px;
    gap: 24px;
}
html[lang="en"] .vision-item .item-desc p {
    min-height: 0;
}
html[lang="en"] .vision-item .item-desc p br {
    display: none;
}
@media (max-width: 900px) {
    html[lang="en"] .vision-mission {
        gap: 20px;
    }
    /* 열 수는 단어 길이(min-content)에 따라 2·2·1·1로 섞이므로 명시: 600px 이하 1열, 그 위 2열 */
    html[lang="en"] .vision-item {
        flex: 1 1 100%;
        min-height: 0;
        padding: 32px 28px 40px;
    }
    html[lang="en"] .vision-item .item-desc h2 {
        margin-bottom: 10px;
    }
}
@media (min-width: 601px) and (max-width: 900px) {
    html[lang="en"] .vision-item {
        flex-basis: calc(50% - 10px);
    }
}

/* 오시는 길(sub0104): 긴 영문 주소 블록이 교통편 바로 옆까지 붙어 간격 확보 (900px 이하는 세로 배치라 기존 30px 유지) */
@media (min-width: 901px) {
    html[lang="en"] .direct-content {
        gap: 80px;
    }
}

/* 조직도(sub0103): 260px 고정 상자에서 긴 영문 조직명("Management Support Office")이 두 줄로 접히고,
   이름이 직함과 한 줄에 붙어 "Ahn Byung-/yeol"처럼 하이픈에서 끊김 */
html[lang="en"] .org-box {
    text-align: center;
}
@media (min-width: 1025px) {
    html[lang="en"] .org-box {
        width: auto;
        min-width: 260px;
        white-space: nowrap;
        padding-left: 28px;
        padding-right: 28px;
    }
}
html[lang="en"] .org-name {
    flex-wrap: wrap;
    row-gap: 2px;
}
html[lang="en"] .org-name__text {
    white-space: nowrap;
}

/* 가입문의 왼쪽 제목: 영문 기관명이 길어 48px에서 단어마다 줄바꿈됨 */
html[lang="en"] .mail-title h2,
html[lang="en"] .mail-title p {
    font-size: 34px;
    line-height: 1.25;
}
@media (max-width: 900px) {
    html[lang="en"] .mail-title h2,
    html[lang="en"] .mail-title p {
        font-size: 26px;
    }
}

/* 오시는 길(en/sub0104.php): 영문 구글 지도 임베드. 기존 지도 이미지(1640x580)와 같은 비율 */
.map-embed {
    width: 100%;
    aspect-ratio: 1640 / 580;
    border-radius: 10px;
    overflow: hidden;
}
.map-embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 900px) {
    .map-embed {
        aspect-ratio: auto;
        height: 320px;
    }
}

/* 게시판 본문: 영문 단어가 중간에서 끊기지 않도록 */
html[lang="en"] #wrapper p {
    word-break: normal;
    overflow-wrap: break-word;
}