/* home-security.css — 메인 페이지 보안 섹션 (지원 코인 아래)
   · 연한 분홍·보라 배경 위에 흰 카드가 놓이는 밝은 패널. 로고 이미지(대부분 어두운 색)가 잘 보이도록 다크/라이트 테마와 무관하게 같은 모양을 쓴다.
   · 감사 기관 로고 목록·인증 줄은 서버가 어드민 설정으로 채운다(.sec-ref-auditors / .sec-ref-cert). 비어 있으면 아예 출력되지 않는다.
   · 내용이 비어 있는 카드·버튼은 :empty / :has() 로 숨긴다. */
.sec-ref{position:relative;overflow:hidden;padding:72px 24px 88px;color:#0b0b14;background:
  radial-gradient(60% 50% at 82% 4%,rgba(147,112,255,.38),transparent 70%),
  radial-gradient(48% 42% at 6% 14%,rgba(255,150,214,.34),transparent 70%),
  linear-gradient(180deg,#fff3fb 0%,#f7eaff 38%,#f4f0ff 100%)}
.sec-ref-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto}

/* 제목 + 레이어 아이콘 */
.sec-ref-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:300px;margin-bottom:34px}
.sec-ref-title{padding-bottom:6px}
.sec-ref-line1{margin:0;font-size:clamp(26px,3.4vw,44px);font-weight:400;letter-spacing:-.03em;line-height:1.15;color:#0b0b14}
.sec-ref-title h2{margin:0;font-size:clamp(88px,15vw,188px);font-weight:400;line-height:.98;letter-spacing:-.06em;color:#0b0b14}
.sec-ref-title small{display:block;margin-top:14px;font-size:12px;color:#4d4a5c}
.sec-ref-line1:empty,.sec-ref-title small:empty{display:none}
.sec-ref-art{flex:none;width:min(360px,34vw);margin:-30px 0 -6px;filter:drop-shadow(0 30px 40px rgba(104,72,230,.28))}
.sec-ref-art svg{display:block;width:100%;height:auto}

/* 카드 */
.sec-ref-card{position:relative;padding:36px 40px;border:1px solid #ece4f6;border-radius:28px;background:#fff;box-shadow:0 1px 0 rgba(30,10,70,.03),0 24px 60px -34px rgba(86,52,180,.35)}
.sec-ref-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}
.sec-ref-copy{min-width:0}
.sec-ref-card h3{margin:0 0 10px;font-size:clamp(24px,2.6vw,32px);font-weight:500;letter-spacing:-.025em;color:#0b0b14}
.sec-ref-card p{margin:0;max-width:640px;color:#4d4a5c;font-size:13.5px;line-height:1.7}
.sec-ref-card h3:empty,.sec-ref-card p:empty{display:none}
.sec-ref-btns{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.sec-ref-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 20px;border:1px solid #dcd6e8;border-radius:999px;background:#fff;color:#0b0b14;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.sec-ref-pill:hover{background:#f6f2ff;border-color:#b9a9f5;transform:translateY(-1px)}
.sec-ref-pill:empty,.sec-ref-pill[href=""]{display:none}
.sec-ref-btns:not(:has(.sec-ref-pill:not(:empty):not([href=""]))){display:none}

/* 감사 기관 로고 */
.sec-ref-auditors{margin-top:34px}
.sec-ref-auditors>small{display:block;margin-bottom:18px;color:#7b7788;font-size:12px}
.sec-ref-aud-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;align-items:center}
.sec-ref-aud{display:flex;align-items:center;justify-content:flex-start;min-height:44px;color:#0b0b14;font-weight:700;font-size:15px;letter-spacing:-.01em;transition:opacity .2s,transform .2s}
a.sec-ref-aud:hover{opacity:.7;transform:translateY(-1px)}
.sec-ref-aud img{display:block;max-width:100%;max-height:36px;width:auto;height:auto;object-fit:contain}
.sec-ref-more{display:inline-flex;align-items:center;gap:6px;margin-top:26px;color:#4a5be8;font-size:12px;font-weight:600}
.sec-ref-more:hover{text-decoration:underline}

/* 인증 줄 */
.sec-ref-cert{display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:30px;border-top:1px solid #eee8f5}
.sec-ref-badge{flex:none;width:68px;height:68px;border-radius:50%;object-fit:contain}
.sec-ref-badge.ph{display:grid;place-items:center;background:linear-gradient(135deg,#6a4cf0,#a083ff);color:#fff}
.sec-ref-cert h4{margin:0 0 4px;font-size:clamp(18px,2vw,22px);font-weight:500;letter-spacing:-.02em;color:#0b0b14}
.sec-ref-cert h4 em{font-style:normal;color:#0bb37f}
.sec-ref-cert p{max-width:720px;font-size:12.5px}
.sec-ref-cert p a{color:#4a5be8;font-weight:600}

/* 하단 두 카드 */
.sec-ref-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}
.sec-ref-pair .sec-ref-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px}
.sec-ref-pair .sec-ref-card .sec-ref-pill{margin-top:auto}
.sec-ref-pair .sec-ref-card p{margin-bottom:22px}
.sec-ref-pair .sec-ref-card:has(h3:empty){display:none}
.sec-ref-pair:not(:has(h3:not(:empty))){display:none}

/* 이 섹션은 어두운 사이트 위에서도 항상 밝게 — 전역 라이트/다크 규칙이 글자색을 바꾸지 못하게 고정 */
html[data-theme="light"] .sec-ref h2,html[data-theme="light"] .sec-ref h3,html[data-theme="light"] .sec-ref h4{color:#0b0b14}
html[data-theme="light"] .sec-ref p{color:#4d4a5c}
html[data-theme="light"] .sec-ref .sec-ref-cert h4 em{color:#0bb37f}
html[data-theme="light"] .sec-ref .sec-ref-cert p a,html[data-theme="light"] .sec-ref .sec-ref-more{color:#4a5be8}

@media(max-width:900px){
  .sec-ref-aud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sec-ref-top{flex-direction:column}
}
@media(max-width:560px){
  .sec-ref{padding:48px 16px 56px}
  .sec-ref-head{min-height:0;margin-bottom:22px;align-items:flex-end}
  .sec-ref-art{width:42vw;margin:0}
  .sec-ref-card{padding:26px 22px;border-radius:22px}
  .sec-ref-aud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .sec-ref-cert{align-items:flex-start;gap:14px}
  .sec-ref-badge{width:52px;height:52px}
}