/**
 * /en-us
 * - 영문 단어가 가능하면 단어 단위로 줄바꿈 (전역 keep-all/break-all 완화)
 * - 줄간격 1.3배: 엔터로 생긴 줄바꿈(<br>) 사이에만 추가 여백 (자동 wrap 줄에는 비적용)
 */

html.en {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

html.en #wrapper {
  word-break: normal;
  overflow-wrap: break-word;
}

/* 공통(ui.common)에서 걸린 keep-all/break-all 을 영문 본문에 맞게 되돌림 */
html.en #wrapper .contentsWrap,
html.en #wrapper .contentsWrap p,
html.en #wrapper .contentsWrap li,
html.en #wrapper .contentsWrap td,
html.en #wrapper .contentsWrap th,
html.en #wrapper .contentsWrap dd,
html.en #wrapper .contentsWrap dt,
html.en #wrapper .innerContentsWrap,
html.en #wrapper .viewBody,
html.en #wrapper .viewBody p,
html.en #wrapper .cpnt_table td,
html.en #wrapper .cpnt_table th,
html.en #wrapper .cpnt_esg_table td,
html.en #wrapper .cpnt_esg_table th,
html.en #wrapper .contactBox dd,
html.en #wrapper .contactBox dt {
  word-break: normal;
  overflow-wrap: break-word;
}

/*
 * <br> 한 번 = 한 줄 강제 줄바꿈. 공통 표는 line-height 1.5(모바일 td 1.57) 기준이라,
 * (1.3 - 1) × 그 줄 간 ‘여유’에 해당하는 만큼만 위쪽에 더 줌 ≈ 0.45em
 */
html.en #wrapper .contentsWrap .contentsBody br,
html.en #wrapper .contentsWrap .contentsHead br,
html.en #wrapper .cpnt_table td br,
html.en #wrapper .cpnt_table th br,
html.en #wrapper .cpnt_esg_table td br,
html.en #wrapper .cpnt_esg_table th br,
html.en #wrapper .viewWrapper .viewBody br,
html.en #wrapper .contactBox dd br,
html.en #wrapper .contactBox dt br {
  display: block;
  margin-top: 0.45em;
}