/* ══════════════════════════════════════════════════════════════
   테마 C — 더대표홈페이지.com (카페24 y2ssw128) 전용

   site.css · feel.css 를 그대로 쓰고 이 파일이 뒤에서 덮어씁니다.
   같은 현장이지만 A·B 와 다른 인상을 주는 것이 목적입니다.

   A (kukjeaviation)        B (weddinginfor)      C (이 파일)
   ──────────────────────   ───────────────────   ────────────────────────
   차가운 남색 #204A77      짙은 초록 #1F4B3F     먹빛 차콜 #2B2F33
   강조 청록 #015152        강조 황동 #A98A55     강조 구리 #B4643C
   바탕 흰색                바탕 크림 #FBF9F4     바탕 따뜻한 회백 #F6F4F1
   제목 명조                제목 고딕 가운데      제목 명조, 왼쪽에 구리 세로선
   어두운 섹션을 밝게 뒤집음                      어두운 섹션은 진짜 어둡게
   카드에 색 채움           흰 카드 + 얇은 테두리 흰 카드 + 왼쪽 굵은 선
   히어로 아래를 눌러 어둡게                      아래에서 위로 깊게 눌러 어둡게

   푸르지오 로고는 세 사이트 모두 그대로입니다.
   ══════════════════════════════════════════════════════════════ */

/* ── 색감 ─────────────────────────────────────── */
.site-c{
  --navy:#2B2F33;           /* 로고·제목·주요 버튼 */
  --navy-2:#4A5158;
  --navy-deep:#1A1D20;
  --wine:#B4643C;           /* 강조 — 번호·밑줄·작은 라벨 */
  --wine-soft:#D99C77;
  --bg:#F6F4F1;
  --bg-soft:#ECE8E3;
  --surface:#fff;
  --ink:#23262A;
  --ink-soft:#575D63;
  --muted:#8E9297;
  --line:#E0DBD5;
  --line-dark:rgba(255,255,255,.16);
}

.site-c body,
body.site-c{background:var(--bg);color:var(--ink)}

/* ── 제목은 명조 그대로 두되 왼쪽에 구리 세로선 ─ */
/* A 도 명조지만 선이 없다. 이 선 하나로 인상이 갈린다. */
@media (min-width:781px){
  .site-c .sec__head{position:relative;padding-left:26px}
  .site-c .sec__head::before{content:"";position:absolute;left:0;top:6px;bottom:6px;
    width:3px;background:var(--wine)}
  .site-c .sec__no{position:static;margin-bottom:12px;font-size:12px;
    letter-spacing:.2em;color:var(--wine)}
  .site-c .sec__no::after{display:none}
}
.site-c .sec__eyebrow{color:var(--muted);letter-spacing:.3em}
.site-c .sec__title{letter-spacing:-.045em}

/* ── 어두운 섹션은 진짜 어둡게 (A·B 는 밝게 뒤집음) ── */
.site-c .sec--dark,
.site-c .sec--deep{background:var(--navy-deep);color:#fff}
.site-c .sec--dark .sec__title,
.site-c .sec--deep .sec__title{color:#fff}
.site-c .sec--dark .sec__lead,
.site-c .sec--deep .sec__lead{color:rgba(255,255,255,.74)}
.site-c .sec--dark .sec__eyebrow,
.site-c .sec--deep .sec__eyebrow{color:rgba(255,255,255,.5)}
.site-c .sec--dark .sec__no,
.site-c .sec--deep .sec__no{color:var(--wine-soft)}
.site-c .sec--dark .sec__head::before,
.site-c .sec--deep .sec__head::before{background:var(--wine-soft)}
.site-c .sec--dark .note,
.site-c .sec--deep .note{color:rgba(255,255,255,.46)}
.site-c .sec--dark .prem article,
.site-c .sec--deep .prem article{background:rgba(255,255,255,.06);
  border-left-color:var(--wine-soft)}
.site-c .sec--dark .prem h3,
.site-c .sec--deep .prem h3{color:#fff}
.site-c .sec--dark .prem p,
.site-c .sec--deep .prem p{color:rgba(255,255,255,.72)}
.site-c .sec--dark .prem,
.site-c .sec--deep .prem{background:transparent;border:0}
.site-c .sec--dark .facts,
.site-c .sec--deep .facts{border-color:rgba(255,255,255,.16)}
.site-c .sec--dark .facts div,
.site-c .sec--deep .facts div{background:rgba(255,255,255,.05)}
.site-c .sec--dark .facts dd,
.site-c .sec--deep .facts dd{color:#fff}
.site-c .sec--dark .facts dd span,
.site-c .sec--deep .facts dd span{color:rgba(255,255,255,.66)}
.site-c .sec--dark .band figcaption,
.site-c .sec--deep .band figcaption{color:rgba(255,255,255,.7)}
.site-c .sec--dark .band figcaption b,
.site-c .sec--deep .band figcaption b{color:#fff}
.site-c .sec--dark .subway,
.site-c .sec--deep .subway{background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16)}
.site-c .sec--dark .chip,
.site-c .sec--deep .chip{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.86)}
.site-c .sec--dark .chip:hover,
.site-c .sec--deep .chip:hover{border-color:var(--wine-soft);color:#fff}

/* ── 카드는 흰 바탕 + 왼쪽 굵은 구리선 ────────── */
.site-c .prem{background:transparent;border:0;gap:20px}
.site-c .prem article{background:#fff;border:1px solid var(--line);
  border-left:3px solid var(--wine);border-radius:0;box-shadow:none}
.site-c .prem article:hover{transform:none;
  box-shadow:0 12px 30px rgba(43,47,51,.10)}
.site-c .prem article b{color:var(--wine)}
.site-c .facts,
.site-c .table,
.site-c .uinfo,
.site-c .gal figure{border-color:var(--line)}
.site-c .facts dt{color:var(--wine)}

/* ── 상단바 ───────────────────────────────────── */
/* A 는 히어로 위에서 투명, B 는 늘 크림. C 는 히어로 위에서 먹빛 반투명. */
.site-c .nav{background:rgba(26,29,32,.72);color:#fff;
  backdrop-filter:blur(8px);box-shadow:none}
.site-c .nav:hover,
.site-c .nav.is-solid{background:var(--navy-deep);color:#fff}
.site-c .nav__logo{color:#fff}
@media (min-width:1081px){
  .site-c .nav:not(.is-solid):not(:hover) .nav__logo{color:#fff}
  .site-c .nav__link{color:rgba(255,255,255,.76)}
  .site-c .nav__link:hover{color:#fff}
  .site-c .nav__link.is-on{color:var(--wine-soft)}
  .site-c .nav__sub{background:var(--navy-deep);border-top-color:rgba(255,255,255,.12);
    box-shadow:0 14px 28px rgba(0,0,0,.35)}
}
.site-c .nav__brand span{color:rgba(255,255,255,.55)}
.site-c .nav__cta{background:var(--wine);color:#fff}
.site-c .foot__logo{color:var(--navy)}
@media (max-width:1080px){
  .site-c .nav.is-open{background:var(--navy-deep);color:#fff}
  .site-c .nav__list{background:var(--navy-deep)}
  .site-c .nav__gtitle{color:var(--wine-soft)}
  .site-c a.nav__gtitle{color:#fff}
  .site-c .nav__link{color:rgba(255,255,255,.76)}
}

/* ── 히어로 ───────────────────────────────────── */
/* A 는 아래를 눌러 어둡게, B 는 왼쪽에서 오른쪽. C 는 아래에서 위로 깊게. */
.site-c .hero::after{background:linear-gradient(0deg,
  rgba(26,29,32,.86) 0%, rgba(26,29,32,.42) 42%, rgba(26,29,32,.10) 100%)}
.site-c .hero__tag::before{background:var(--wine-soft)}
.site-c .hero__title em{color:var(--wine-soft)}
.site-c .hero__meta dt{color:rgba(255,255,255,.56)}

/* ── 서브 페이지 머리 ─────────────────────────── */
.site-c .phead::after{background:linear-gradient(0deg,
  rgba(26,29,32,.78) 0%, rgba(26,29,32,.28) 55%, rgba(26,29,32,.10) 100%)}
.site-c .phead__eng{color:var(--wine-soft)}

/* ── 흐르는 글자 띠 ───────────────────────────── */
.site-c .rail{color:var(--wine);opacity:.09}

/* ── 등록 배너·푸터 ───────────────────────────── */
.site-c .cta{background:var(--wine);color:#fff}
.site-c .cta h2{color:#fff}
.site-c .cta p{color:rgba(255,255,255,.84)}
.site-c .cta .btn{background:#fff;color:var(--wine);border-color:#fff}
.site-c .cta .btn:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}
.site-c .foot{background:var(--bg-soft);color:var(--ink-soft);
  border-top:1px solid var(--line)}
.site-c .foot b{color:var(--ink)}