/* usung-r15-type.css — 제품소개·기술력 표제를 회사소개 톤으로 · 갤러리 CTA 우측 (260803 5차 ⑤⑥)
 *
 * ★ 기준 실측(라이브 #page-about) — h1 96px/weight 900/align start,
 *   h2 48px/weight 900/align start. 기술력은 600·center, 제품소개는 800·일부 center 였다.
 *   → 양쪽 모두 weight 900 + 좌측정렬로 맞춘다.
 *
 * ★ 이 파일은 r12 ⑤ 의 결정("독립 섹션 표제는 가운데")을 사용자 요청으로 되돌린 것이다.
 *   되돌릴 일이 생기면 이 파일의 text-align 선언만 지우면 된다.
 */

/* ── ⑤-A 기술력 ─────────────────────────────────────────────────────── */
html .r8x:not(#_r8_) .th-hero{text-align:left}
html .r8x:not(#_r8_) .th-kick{font-weight:800}
html .r8x:not(#_r8_) .th-h1{font-weight:900;letter-spacing:-.035em}
html .r8x:not(#_r8_) .th-sub{margin-left:0;margin-right:0}
/* r14 히어로 칩·유도버튼도 같이 왼쪽으로.
 * ★ usung-r14-hero.css:48 이 `margin:38px auto 0` + `max-width:760px` 라
 *   justify-content 만 바꾸면 랩 자체가 auto 여백(실측 196px)으로 가운데 남는다. */
html .r8x:not(#_r8_) .r14-chips{
  justify-content:flex-start;margin-left:0;margin-right:0;
}
html .r8x:not(#_r8_) .r14-cue{margin-left:0;margin-right:0}

html .r8x:not(#_r8_) .th-cert{text-align:left !important}
html .r8x:not(#_r8_) .th-sites{text-align:left}
html .r8x:not(#_r8_) .th-cap-k{font-weight:800}
html .r8x:not(#_r8_) .th-cap-h{font-weight:900;letter-spacing:-.028em}
html .r8x:not(#_r8_) .th-cap-h,
html .r8x:not(#_r8_) .th-cap-p{margin-left:0;margin-right:0}
html .r8x:not(#_r8_) .st-n{font-weight:800}
html .r8x:not(#_r8_) .tf-title{font-weight:800}

/* 브랜드스토리 — 2단 편집형이라 원래 좌측이지만 r13 이 .bs-open 만 가운데로 뒀다 */
html .r8x:not(#_r8_) .bs-open .wrap{text-align:left}
html .r8x:not(#_r8_) .bs-h{font-weight:900;letter-spacing:-.035em}
html .r8x:not(#_r8_) .bs-en{font-weight:900;letter-spacing:-.035em}
html .r8x:not(#_r8_) .bs-lead{font-weight:800}
html .r8x:not(#_r8_) .bs-bridge{text-align:left}
html .r8x:not(#_r8_) .bs-bridge p{margin-left:0;margin-right:0;font-weight:800}
html .r8x:not(#_r8_) .bs-sign{font-weight:900;letter-spacing:-.035em}

/* ── ⑤-B 제품소개 ───────────────────────────────────────────────────── */
html .r8x:not(#_r8_) .hero-h1{font-weight:900;letter-spacing:-.03em}
/* r8.css:121 .bn-head{text-align:center} · 505 .filterrow .wrap{justify-content:center;text-align:center} */
html .r8x:not(#_r8_) .bn-head{text-align:left}
html .r8x:not(#_r8_) .bn-head h2{font-weight:900;letter-spacing:-.028em}
html .r8x:not(#_r8_) .filterrow .wrap{justify-content:flex-start;text-align:left}
html .r8x:not(#_r8_) .filterrow h2{font-weight:900;letter-spacing:-.028em}
html .r8x:not(#_r8_) .ps-h,
html .r8x:not(#_r8_) .cn-h,
html .r8x:not(#_r8_) .cat-h,
html .r8x:not(#_r8_) .band-h{font-weight:900;letter-spacing:-.026em}
/* ★ 위 한 줄로는 부족한 곳 3군데 — 라이브 실측으로 잡았다.
 *   ⓐ .ps-h 는 usung-r8.css 가 `.r8x:not(#_r8_) .parts-sec .ps-h` (1,3,0) 로 800 을
 *      잡는다. 위 선언은 (1,2,1) 이라 클래스 수에서 진다 → .parts-sec 를 끼워 (1,3,1).
 *   ⓑ 제품 카테고리(#v-cat) 의 시리즈 제목·중분류 제목은 **클래스가 없는 맨 h2/h3** 라
 *      .cat-h/.cn-h 로는 아예 안 잡힌다. usung-r8.css 의 (1,2,1) 을 (1,2,2) 로 받는다.
 *   ⓒ PRODUCT CATEGORY 표제는 h2 가 아니라 부모 .cn-head 가 center 다(상속). */
html .r8x:not(#_r8_) .parts-sec .ps-h{font-weight:900}
html .r8x:not(#_r8_) .cv-main h2{font-weight:900;letter-spacing:-.026em}
html .r8x:not(#_r8_) .midg h3{font-weight:900;letter-spacing:-.02em}
html .r8x:not(#_r8_) .cn-head{text-align:left}

/* ★ 제품소개 히어로는 좁은 화면에서만 다시 가운데가 된다 —
 *   usung-r8.css 가 `@media (max-width:960px)` 안에서 `.r8x:not(#_r8_) .hero .wrap`
 *   (1,3,0) 을 center 로 잡는다. 기술력 히어로는 .th-hero 를 직접 좌측으로 잡아서
 *   모바일에서도 왼쪽인데 제품소개만 가운데로 남아, ⑤ 를 같이 요청받은 두 페이지가
 *   폭에 따라 어긋났다. 같은 폭 조건으로 받아친다.
 *   ★ .hero-feats 는 flex(justify-content:center) 라 text-align 으로는 안 움직인다. */
@media (max-width:960px){
  html .r8x:not(#_r8_) .hero .wrap{text-align:left}
  html .r8x:not(#_r8_) .hero-feats{justify-content:flex-start}
}

/* ── ⑥ 시공갤러리 문의 CTA 를 오른쪽으로 ──────────────────────────────
 * usung-r10-redesign.css:32 가 `#page-gallery .r9gcta{margin:0 !important}` (1,1,0) 로
 * 잡고 있다. 같은 !important 는 명시도로만 갈리므로 앞에 html 을 붙여 (1,1,1) 로 올린다.
 * #gal-tabs 는 flex(justify-content:flex-start)라 margin-left:auto 로 오른쪽 끝에 붙는다. */
html #page-gallery .r9gcta{margin-left:auto !important}

@media (max-width:980px){
  html .r8x:not(#_r8_) .th-h1{letter-spacing:-.03em}
}
@media (max-width:640px){
  /* 좁은 화면에서는 탭이 줄바꿈되므로 CTA 를 폭 전체로 눕힌다 */
  html #page-gallery .r9gcta{margin-left:0 !important;width:100%}
}