@charset "utf-8";
/* ------------------------------------------------------------------
   영문 화면에서만 불러오는 보정용 스타일.

   영문은 같은 뜻이라도 글자 수가 국문의 1.5~2배라서
   국문 기준으로 잡아 둔 고정 높이·nowrap·한 줄 배치가 눌리거나 잘린다.
   **이 파일은 영문일 때만 붙으므로 국문 화면은 절대 바뀌지 않는다.**
   테마의 _lib/css/* 는 건드리지 않는다.
------------------------------------------------------------------ */

/* ---- 공통 : 긴 영문 단어가 칸을 밀어내지 않게 ---- */
#bo_list .bo_tit,
#bo_list .td_subject,
#bo_v_title,
.gallery_subject,
#sh-nw .sh-t b,
#sh-plist .nm {
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ---- 갤러리 목록(인증현황) : 제목이 두 줄이 되면서 카드 높이가 어긋난다 ---- */
#bo_gall .gallery_subject,
.gallery_subject {
    display: block;
    min-height: 3.1em;          /* 두 줄 자리를 미리 잡아 카드 아래쪽을 맞춘다 */
    line-height: 1.55;
}

/* ---- 게시판 목록 머리글 : 영문이 길어 줄이 접히는 것을 막는다 ---- */
#bo_list .bo_tit_list th,
#bo_list thead th {
    white-space: nowrap;
}

/* ---- 목록 위 건수 줄 ---- */
#bo_list_total { white-space: normal; }

/* ---- 글 보기 : 작성자·날짜 줄이 좁아 겹치는 것 방지 ---- */
#bo_v_info { flex-wrap: wrap; row-gap: 4px; }

/* ---- 푸터 : 사업장 줄이 길어 눌린다 ---- */
footer .info { flex-wrap: wrap; column-gap: 26px; }
footer .info li { white-space: nowrap; }
footer .info li:last-child { white-space: normal; }

/* ---- 제품 목록 카드 : 제품명이 길어질 때 ---- */
#sh-plist .nm { line-height: 1.45; }

/* ---- 유통정보 : 지역 탭이 길어질 때 줄바꿈 ---- */
#sh-nw .sh-tabs { flex-wrap: wrap; row-gap: 8px; }

/* ---- 글 보기 : 댓글 버튼 "Comments 0" 이 130px 고정폭에서 두 줄로 접힌다 ---- */
button.cmt_btn { width: auto !important; min-width: 130px; white-space: nowrap; }
button.cmt_btn .total { white-space: nowrap; }

/* ---- 상단 메뉴 : "Customer Center" 가 170px 칸에서 두 줄로 접힌다 (국문 "고객센터"는 한 줄) ---- */
.gnb > li.depth1 > a { white-space: nowrap; }

/* ---- 줄바꿈 : 국문용 word-break(break-all) 이 영어 단어를 중간에서 자른다 ("S / AEHAN", "o / ne")
        영문 화면은 이 파일만 붙으므로, 단어 단위로 끊고 아주 긴 낱말(주소 등)만 필요할 때 자른다 ---- */
html[lang="en"] body,
html[lang="en"] body * { word-break: normal !important; overflow-wrap: break-word; }

/* ---- 푸터 메뉴 : 좁은 화면에서 "Location" 이 오른쪽으로 잘린다 → 줄을 넘겨 쌓는다 ---- */
footer .nav2 { flex-wrap: wrap; row-gap: 8px; }