/**
 * Divi 빌더 섹션 새 디자인 (DB 는 그대로, includes/ubw-pages.php 가 섹션에 붙인 클래스로만 적용)
 * - .ubw-about : 회사 소개 섹션 (홈 / 채용정보 / wanted) — 시안 v2 About + OUR FAMILY
 *   Divi 모듈 번호 클래스(et_pb_text_3 등)는 페이지마다 달라서 구조로 구분한다.
 *     제목 칸(:has(h2))          → 라벨 + 제목 + 소개 문단
 *     테두리 글 모듈(.et_pb_with_border) → 사업 분야 카드
 *     그 밖의 글 모듈              → 긴 소개 글 카드
 *     blurb                     → 관련 사이트(OUR FAMILY)
 */

body .et_pb_section.ubw-about.et_pb_section{ /* Divi 섹션 배경 규칙보다 우선 */
  --ab-ink:#0D1412;--ab-mint:#1FD1A5;--ab-mint-d:#0FA883;--ab-lime:#D9FF3F;--ab-muted:#6B7570;--ab-line:rgba(13,20,18,.1);--ab-text:#3b4541;
  background-color:#F5F4EE !important;padding-top:90px !important;padding-bottom:90px !important;
}

/* ---------- 제목 + 소개 ---------- */
.ubw-about .et_pb_column:has(h2) .et_pb_text:has(h2) .et_pb_text_inner::before{
  content:"About";display:block;margin:0 0 14px;text-align:left;
  font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ab-mint-d);
}
.ubw-about .et_pb_text h2{
  padding:0 !important;font-family:'Unbounded','Manrope','Pretendard',sans-serif !important;font-size:42px !important;font-weight:700 !important;
  line-height:1.15 !important;letter-spacing:-.02em;color:var(--ab-ink) !important;text-align:left !important;
}
.ubw-about .et_pb_column:has(h2) .et_pb_text:not(:has(h2)) :is(p,span){
  font-family:'Pretendard','Manrope',sans-serif;font-size:16px;line-height:1.8;color:var(--ab-text) !important;
}

/* ---------- 사업 분야 3개: 흰 카드 + 번호 배지 ---------- */
.ubw-about .et_pb_text.et_pb_with_border{
  position:relative;margin-bottom:12px !important;padding:20px 22px 20px 72px !important;
  border:1px solid var(--ab-line) !important;border-radius:18px !important;background:#fff !important;
  transition:transform .2s,box-shadow .2s;counter-increment:ubw-about;
}
.ubw-about .et_pb_column:has(> .et_pb_with_border){counter-reset:ubw-about}
.ubw-about .et_pb_text.et_pb_with_border:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,20,18,.07)}
.ubw-about .et_pb_text.et_pb_with_border::before{
  content:"✦";position:absolute;left:20px;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ab-ink);color:var(--ab-lime);
  font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;
}
.ubw-about .et_pb_text.et_pb_with_border p{
  padding:0;text-align:left !important;font-family:'Manrope','Pretendard',sans-serif;font-size:16px !important;font-weight:700;color:var(--ab-ink) !important;
}

/* ---------- 긴 소개 글 ---------- */
.ubw-about .et_pb_column:not(:has(h2)):not(:has(.et_pb_with_border)) > .et_pb_text{
  padding:34px 38px !important;border:1px solid var(--ab-line) !important;border-radius:22px !important;background:#fff !important;
}
.ubw-about .et_pb_column:not(:has(h2)):not(:has(.et_pb_with_border)) > .et_pb_text p{
  font-family:'Pretendard','Manrope',sans-serif;font-size:15px;line-height:1.85;color:var(--ab-text) !important;
}

/* ---------- 관련 사이트 (OUR FAMILY) ---------- */
.ubw-about .et_pb_row:has(.et_pb_blurb){position:relative;padding-top:56px !important}
.ubw-about .et_pb_row:has(.et_pb_blurb)::before{
  content:"Our family";position:absolute;left:0;top:10px;
  font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ab-muted);
}
.ubw-about .et_pb_blurb{
  padding:14px !important;border:1px solid var(--ab-line) !important;border-radius:18px !important;background:#fff !important;
  transition:transform .2s,box-shadow .2s;
}
.ubw-about .et_pb_blurb:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(13,20,18,.08)}
.ubw-about .et_pb_blurb .et_pb_main_blurb_image{margin-bottom:12px !important}
.ubw-about .et_pb_blurb .et_pb_main_blurb_image .et_pb_only_image_mode_wrap{border-radius:12px;overflow:hidden;background:#fff}
.ubw-about .et_pb_blurb .et_pb_main_blurb_image img{border-radius:12px}
.ubw-about .et_pb_blurb .et_pb_module_header{padding:0 4px !important}
.ubw-about .et_pb_blurb .et_pb_module_header a{
  font-family:'Manrope','Pretendard',sans-serif !important;font-size:14px !important;font-weight:800 !important;color:var(--ab-ink) !important;text-decoration:none;
}
.ubw-about .et_pb_blurb .et_pb_module_header a::after{content:" ↗";color:var(--ab-mint-d)}

@media (max-width:980px){
  body .et_pb_section.ubw-about.et_pb_section{padding-top:60px !important;padding-bottom:60px !important}
  .ubw-about .et_pb_text h2{font-size:30px !important}
  .ubw-about .et_pb_column:not(:has(h2)):not(:has(.et_pb_with_border)) > .et_pb_text{padding:24px 22px !important}
}