/* 옥타 73 멤버스 — GOLDEN OX × WORLD-OKTA 1973 테마 (20261013.3)
   76 원본 CSS 는 그대로 두고, 이 파일을 맨 마지막에 읽어서 색만 바꿈 (원본 업데이트를 받아도 이 파일만 다시 붙이면 됨)
   컬러: Deep Navy #082345 · OKTA Blue #124D86 · Gold #D8A13D · Ivory #FFF5E5 · Light Gray #F2F5F9
   카드: 아이보리 바탕 · 네이비 제목 · 금색 포인트 */
:root{
  --navy:#082345; --okta:#124D86; --gold:#D8A13D; --gold-d:#B07F22; --gold-l:#F3D89A; --ivory:#FFF5E5; --ivory2:#FFFBF4; --lgray:#F2F5F9;
  --blue:#124D86; --blue-d:#082345; --main:#124D86; --sky:#8FB3D9; --accent:#D8A13D;
  --soft:#FFF5E5; --line:#E9E0CF; --line2:#D9CCB3; --bg:#F2F5F9;
  --ink2:#24344F; --muted:#4F5B6E;
}
body{background:var(--bg)}

/* PC 위쪽 메뉴: 지금 화면은 네이비 알약 + 금색 밑줄 */
@media (min-width:900px){
  .dnav button.on{background:var(--navy);color:#fff;box-shadow:0 6px 16px rgba(8,35,69,.28),inset 0 -3px 0 var(--gold)}
  .dnav button:not(.on):hover{background:var(--ivory);color:var(--navy)}
}

/* 버튼 */
.btn.pri{background:var(--okta);border-color:var(--okta)}
.btn.pri:hover{background:var(--navy);border-color:var(--navy)}
.btn.ghost{color:var(--okta)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}

/* 첫 화면 위쪽 — 네이비 하늘 + 황금소 */
.hero2{background:linear-gradient(180deg,#061B36 0%,#0B2D57 55%,#124D86 100%)}
.h2-bg::before{background:linear-gradient(90deg,rgba(6,27,54,.95) 0%,rgba(8,35,69,.82) 34%,rgba(8,35,69,.3) 56%,rgba(8,35,69,0) 70%)}
@media (min-width:900px){
  .h2-bg::before{background:linear-gradient(90deg,rgba(6,27,54,.96) 0%,rgba(8,35,69,.86) 26%,rgba(8,35,69,.4) 42%,rgba(8,35,69,0) 56%)}
}
.hero2::after{background:linear-gradient(180deg,rgba(242,245,249,0) 0%,rgba(242,245,249,.85) 75%,var(--bg) 100%)}
.h2-k{color:var(--gold-l)}
.hero2 h1{text-shadow:0 3px 18px rgba(3,14,32,.45)}
.gold{background:linear-gradient(100deg,#D8A13D 0%,#FFF1C9 25%,#C8902E 50%,#F3D89A 75%,#D8A13D 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 8px rgba(60,35,0,.35))}
.h2-slogan{filter:drop-shadow(0 2px 6px rgba(3,14,32,.5))}
.h2-slogan-t{color:var(--gold-l)}
.h2-lead{text-shadow:0 1px 8px rgba(3,14,32,.5)}
.h2-stat{background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border-color:rgba(216,161,61,.55);box-shadow:0 8px 24px rgba(3,14,32,.28)}
.h2-stat svg{color:var(--gold-l)}
.h2-stat:hover{box-shadow:0 14px 30px rgba(3,14,32,.35)}
button.h2-stat:focus-visible{outline-color:var(--gold)}
.h2-spark i{box-shadow:0 0 6px 2px rgba(255,240,200,.9),0 0 18px 6px rgba(216,161,61,.7)}
.h2-search .search{border-color:#E3D7C0;box-shadow:0 10px 28px rgba(8,35,69,.16)}
.h2-search .search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,161,61,.22),0 10px 28px rgba(8,35,69,.16)}
.h2-search .hs-go{color:var(--navy)}
.h2-vid{background:var(--navy)}
.h2-play-ic{color:var(--navy);background:var(--gold-l)}
.h2-top .lang{background:rgba(255,255,255,.14)}

/* 콘텐츠 카드: 아이보리 바탕 · 네이비 제목 · 금색 포인트 */
.card{background:var(--ivory2);border-color:var(--line)}
.card h2,.card h3,.sec h3{color:var(--navy)}
.home2 .card h2::after,.home2 .card h3::after{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--gold);margin-top:6px}
.chip{border-color:var(--line)}
.chip.on,.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
a{color:var(--okta)}
.first-photo figcaption b{color:var(--gold-d)}

/* 휴대폰 아래쪽 메뉴: 지금 화면은 금색 */
.nav button.on{color:var(--gold-d)}
.nav button.on svg{color:var(--gold)}

/* 아래쪽 바닥글 — 네이비 띠 */
.home-foot2{background:var(--navy);color:#DCE3EE;border-top:3px solid var(--gold)}
.home-foot2 a{color:var(--gold-l)}

/* 제목 앞 막대 · 연혁 선 · 모임 카드 윗줄: 금색 포인트 */
.hcard h2::before,.home2 .hcard h2::before{background:var(--gold)}
.ev-line::before{background:linear-gradient(180deg,var(--gold),var(--gold-l))}
.ev-y::before{border-color:var(--gold)}
.mt-hero::before{background:linear-gradient(90deg,var(--navy),var(--gold),var(--gold-l))}
.home-foot2{padding:18px 18px 12px;border-radius:14px}