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

/* 줄바꿈: 그누보드 기본 CSS(default.css)와 게시판 스킨의 word-break:break-all 은
   국문용이라 영문에서는 단어 중간이 잘림 ("Ne / w Future") → 단어 단위로 줄바꿈.
   긴 URL 등 한 단어가 칸보다 길 때만 단어 안에서 줄바꿈 */
html[lang="en"] p,
html[lang="en"] td,
html[lang="en"] #bo_v_con,
html[lang="en"] #bo_v_title .bo_v_tit,
html[lang="en"] #bo_v_top ul {
    word-break: normal;
    overflow-wrap: break-word;
}

/* 헤더 로고: 영문 로고(146x30)는 국문(251x30)보다 폭이 좁아, 폭 기준 크기 지정(1160px 이하 100%,
   750px 이하 160px)을 그대로 쓰면 확대되어 높이가 커짐 → 영문은 높이 기준 */
@media screen and (max-width: 1160px) {
    html[lang="en"] .header .wrap .logo img {
        width: auto;
        max-width: 100%;
    }
}
@media screen and (max-width: 750px) {
    html[lang="en"] .mobile-wrap .mobile-logo img {
        display: block;
        width: auto;
        height: 24px;
    }
}

/* 푸터 링크(Privacy Policy · No Unsolicited Email · Future Consulting Group): 480px 이하에서 영문이
   국문보다 길어 셋째 링크가 다음 줄로 내려감 → 한 줄 고정, 간격 30 → 10px, 글자는 화면 폭에 맞춰
   (최대 국문과 같은 13px) */
@media screen and (max-width: 480px) {
    html[lang="en"] .footer .wrap .left_box .link_box ul {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    html[lang="en"] .footer .wrap .left_box .link_box ul li {
        float: none;
        margin-left: 10px;
    }
    html[lang="en"] .footer .wrap .left_box .link_box ul li:nth-child(1) {
        margin-left: 0;
    }
    html[lang="en"] .footer .wrap .left_box .link_box ul li a {
        font-size: min(13px, 3vw);
    }
}

/* 제목: 국문 길이에 맞춰 넣었던 <br> 을 영문에서는 빼고, 줄 길이를 고르게 나눠
   마지막 줄에 단어 하나만 남지 않게 함 (text-wrap 미지원 브라우저는 일반 줄바꿈) */
html[lang="en"] .main_wrap .section .left_title .txt02,
html[lang="en"] .main_wrap .case01 .title .txt02,
html[lang="en"] .main_wrap .service .txt02,
html[lang="en"] .sub_cont.welcome .wrap .right .txt01 {
    text-wrap: balance;
}

/* 메인 협력기관 슬라이드 기관명: 슬라이드의 큰 line-height(3.5, 화면별 80~110px)를 그대로 받아
   영문 기관명이 두 줄이 되면 줄 사이가 크게 벌어짐 ("H&H International Patent & Law / Office")
   → 기관명만 inline-block 으로 줄 간격 1.4, 세로 가운데. 한 줄 기관명 위치는 그대로 */
html[lang="en"] .logo_slider .swiper-wrapper .swiper-slide span {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
}

/* 조직도 대표 카드 */
/* 이름 띠: 240px 띠에 "이름 + 직함"이 한 줄로 안 들어가 이름 중간에서 줄바꿈됨
   ("Kim Dong Soo Managing Partner"는 카드 폭보다 김) → 이름은 한 줄로 두고 직함은 그 아래 줄 */
html[lang="en"] .sub_company .card_box ul li .name {
    white-space: nowrap;
    line-height: 1.3;
    padding-left: 10px;
    padding-right: 10px;
}
html[lang="en"] .sub_company .card_box ul li .name span {
    display: block;
    margin-left: 0;
}
/* Profile 글머리표: 가운데(top 50%) 대신 첫 줄 높이에 (국문 1380px 이하와 같은 위치) */
html[lang="en"] .sub_company .card_box ul li .list_box .list p::after {
    top: 14px;
    margin-top: 0;
}

/* 자문위원 카드·상세 모달 Career 글머리표: 가운데(top 50%) 대신 첫 줄 가운데에.
   화면별로 글자 크기·줄 높이가 달라(16~11px) 줄 높이 단위(lh)로 맞춤 (미지원 브라우저는 em) */
html[lang="en"] .sub03_cont .advisor_list .advisor_card .txt_box .list li::after,
html[lang="en"] .sub03_modal .txt_box .list li::after {
    top: 0.75em;
    top: 0.5lh;
}

/* 오시는길 */
/* 탭: 260px 고정 폭이라 영문 탭명이 두 줄이 됨 → 글자 폭에 맞추고 줄바꿈하지 않음 */
html[lang="en"] .sub_map .map_tab ul li {
    width: auto;
    max-width: none;
}
html[lang="en"] .sub_map .map_tab ul li button {
    padding: 0 30px;
    white-space: nowrap;
}
@media screen and (max-width: 500px) {
    /* 모바일은 국문처럼 두 탭을 반씩 (글자 폭대로 두면 둘째 탭이 다음 줄로 내려감) */
    html[lang="en"] .sub_map .map_tab ul li {
        width: 50%;
    }
    html[lang="en"] .sub_map .map_tab ul li button {
        padding: 0;
        font-size: 15px;
    }
}
/* 주소(왼쪽)·교통(오른쪽): 폭 지정 없는 float 라 긴 영문 주소가 한 줄 전체를 차지해
   교통 안내가 아래로 내려감 → 국문처럼 좌우 배치 (1100px 이하는 국문과 같이 위아래) */
@media screen and (min-width: 1101px) {
    html[lang="en"] .sub_map .map_txt {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 60px;
    }
    html[lang="en"] .sub_map .map_txt .left,
    html[lang="en"] .sub_map .map_txt .right {
        float: none;
        flex: 1 1 50%;
        min-width: 0;
    }
}
/* 교통 안내: "By Subway" 제목과 설명이 inline-block 이라 설명이 길면 제목 아래로 내려감 → 좌우 고정 */
html[lang="en"] .sub_map .map_txt .right ul li {
    display: flex;
    align-items: flex-start;
}
html[lang="en"] .sub_map .map_txt .right ul li .icon_p {
    flex-shrink: 0;
}
html[lang="en"] .sub_map .map_txt .right ul li .txt {
    flex: 1;
    min-width: 0;
}

/* 메인 섹션 버튼: 980px 이하에서 버튼이 170px로 줄어 영문 "View Practice Areas" 끝이
   화살표 아이콘과 겹침 → 영문만 폭을 조금 넓히고 왼쪽 여백을 줄임 */
@media screen and (max-width: 980px) {
    html[lang="en"] .main_wrap .section .left_title a {
        width: 185px;
        padding-left: 18px;
    }
}