/* ─────────────────────────────────────────────────────────────
   custom.css — style.min.css(디자인 원본, 미니파이) 뒤에 로드되는 보정 스타일.
   원본 번들은 건드리지 않고 여기에만 수정본을 쌓는다.
   ───────────────────────────────────────────────────────────── */

/* ── About Us 카드 (.card.type1) ─────────────────────────────
   실제 문구가 들어가면서 글이 카드 좌우 끝에 붙어 답답해 보이던 문제 보정.
   .txt-inner 는 원본 CSS에 규칙이 없어, 여기서만 여백을 잡으면
   데스크톱(오버레이) · 태블릿(좌우 분할) · 모바일(세로 적층) 모두에 적용된다. */
.card.type1 .txt .txt-inner {
  box-sizing: border-box;
  width: 100%;
  padding-left: 1.6em;
  padding-right: 1.6em;
  word-break: keep-all;      /* 한글 단어가 중간에서 끊기지 않도록 */
  overflow-wrap: break-word; /* 단, 긴 영문/모델명은 강제 줄바꿈 허용 */
}

/* 데스크톱: 이미지 위에 겹쳐 뜨는 오버레이 — 문구가 길어져도 카드 밖으로 넘치지 않게 */
@media all and (min-width: 1025px) {
  .card.type1 .card-content .txt {
    padding-top: 12%;
    padding-bottom: 6%;
    overflow: hidden;
  }
  .card.type1 .card-content .txt p {
    padding-top: 52px;
    margin-top: 14px;
  }
  .card.type1 .card-content .txt p::before { height: 36px; }
}

/* 태블릿 */
@media all and (max-width: 1024px) {
  .card.type1 .txt .txt-inner {
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
}

/* 모바일: 카드 폭이 좁아지므로 여백은 줄이고 줄간격은 확보 */
@media all and (max-width: 640px) {
  .card.type1 .txt .txt-inner {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
  }
  .card.type1 .txt p {
    font-size: 15px;
    line-height: 1.7;
  }
}

/* ── Products (.wz-container) 본문 ───────────────────────────
   제품 설명 문구 확대 (요청: "문구 수정 후 폰트 크게") */
.wz-container p {
  font-size: 22px;
  line-height: 1.7;
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media all and (max-width: 1440px) {
  .wz-container p { font-size: 20px; }
}

@media all and (max-width: 1024px) {
  .wz-container p { font-size: 18px; }
}

@media all and (max-width: 640px) {
  .wz-container p { font-size: 16px; line-height: 1.75; }
}

/* "제품 페이지 바로가기" 버튼 — 문구 확대 (화살표 원은 px 고정이라 크기 그대로) */
.wz-container .button-round { font-size: 24px; }

@media all and (max-width: 1440px) {
  .wz-container .button-round { font-size: 22px; }
}

@media all and (max-width: 1024px) {
  .wz-container .button-round { font-size: 19px; }
}

@media all and (max-width: 640px) {
  .wz-container .button-round { font-size: 16px; }
}

/* ── Contact Us 하단 주소/연락처 (.contact-info) ─────────────
   지도 아래 텍스트가 작아 보여 확대 (원본은 body 16px 상속) */
.contact-info .address-item {
  font-size: 20px;
  line-height: 1.6;
}

@media all and (max-width: 1440px) {
  .contact-info .address-item { font-size: 18px; }
}

@media all and (max-width: 1024px) {
  .contact-info .address-item { font-size: 17px; }
}

/* 모바일: 라벨(nowrap)과 값이 한 줄에 안 들어가면 아래로 흐르게 */
@media all and (max-width: 640px) {
  .contact-info .address-item {
    font-size: 16px;
    flex-wrap: wrap;
  }
}

/* ── 영문 페이지 모바일 가독성 (html[lang="en"] 한정) ────────────
   영어 본문이 한글보다 길어, 640px 이하에서 카드가 2단(각 50%)이면
   한 줄에 두세 단어만 들어가 줄이 들쭉날쭉해진다. 1단으로 펴서 줄을 맞춘다.
   한글 페이지는 지금 레이아웃 그대로 둔다. */
@media all and (max-width: 640px) {
  html[lang="en"] .card.type1 .card-col { flex: 0 1 100%; }
  html[lang="en"] .card.type1 .txt .txt-inner {
    max-width: 34em;       /* 한 줄이 너무 길어지지 않게 */
    margin: 0 auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  html[lang="en"] .card.type1 .txt p {
    font-size: 15.5px;
    line-height: 1.7;
    text-wrap: pretty;     /* 마지막 줄에 한 단어만 남는 것 방지 (미지원 브라우저는 무시) */
  }
  html[lang="en"] .wz-container p,
  html[lang="en"] .section-header p { text-wrap: pretty; }
}