/* ============================================================ ARIFE 약관·정책 화면 유리 벌 v640 (2026-08-04) 붙는 곳: 이용약관 · 개인정보 · 취소·환불 (같은 뼈대를 쓴다) 구조와 동작은 손대지 않는다. 색과 재질만 바꾼다. 무게 주의: arife-legal-* / trust-completion 이 아이디 두 겹 (:not(#_):not(#_)) 을 쓰는 곳이 있어 여기서도 같은 무게로 맞춘다. ============================================================ */ /* ── 위쪽 정책 이동 띠 ─────────────────────────────────── */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310{ background: linear-gradient(180deg,rgba(229,237,248,.5),rgba(255,255,255,.08) 52%,rgba(255,255,255,.24)), rgba(227,235,246,.58)!important; -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5)!important; border-bottom:1px solid rgba(255,255,255,.55)!important; color:#1b2430!important; box-shadow:inset 0 1.5px 0 rgba(255,255,255,.9)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310 strong, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310 b{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310 small, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310 span{color:#4a5870!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310{ border:1px solid rgba(224,233,245,.7)!important; border-radius:14px!important; background: linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 46%,rgba(255,255,255,.26)), rgba(150,190,242,.3)!important; -webkit-backdrop-filter:blur(12px) saturate(1.6); backdrop-filter:blur(12px) saturate(1.6)!important; color:#14202e!important; box-shadow: 0 10px 20px -11px rgba(28,58,108,.5), inset 0 1.4px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310 *{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current{ background: linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,.04) 52%,rgba(255,255,255,.2)), rgba(150,190,242,.82)!important; box-shadow:inset 0 4px 10px rgba(12,20,32,.4),inset 0 -1.5px 0 rgba(255,255,255,.55)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current *{color:#0b1119!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-open-v310{ border:1px solid rgba(255,255,255,.55)!important; border-radius:14px!important; background: linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.16)), rgba(28,86,190,.9)!important; color:#fff!important; box-shadow:0 12px 22px -12px rgba(28,58,108,.6),inset 0 1.5px 0 rgba(225,234,246,.68)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-open-v310 *{color:#fff!important} /* ── 머리 판 ──────────────────────────────────────────── */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero{ background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)), rgba(223,232,244,.8)!important; -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:24px!important; color:#14202e!important; box-shadow: 0 22px 42px -20px rgba(28,58,108,.5), inset 0 1.6px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero h1{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero p{color:#4a5870!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero .kicker, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero>span:first-child{color:#1c56be!important} /* 시행일 · 최종 개정 딱지 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero span{ color:#1a2940!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .policy-stamp, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .page-hero .policy-meta span{ background:rgba(227,235,246,.58)!important; border:1px solid rgba(255,255,255,.7)!important; border-radius:999px!important; color:#1a2940!important; box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important; } /* ── 왼쪽 문서 안 이동 ────────────────────────────────── */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310{ background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)), rgba(223,232,244,.8)!important; -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:18px!important; color:#14202e!important; box-shadow: 0 20px 38px -18px rgba(28,58,108,.5), inset 0 1.6px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 *{color:#1b2430!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a{ border-radius:10px!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a:hover{ background:rgba(255,255,255,.45)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a.is-current, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a[aria-current]{ background: linear-gradient(180deg,rgba(234,241,250,.38),rgba(255,255,255,.04) 52%,rgba(255,255,255,.2)), rgba(150,190,242,.8)!important; box-shadow:inset 0 3px 8px rgba(16,24,36,.3)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a.is-current *{color:#0b1119!important} /* ── 본문 ─────────────────────────────────────────────── */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-body h2, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .policy-article h2, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main h2, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main h3{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main p, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main li, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main dd{color:#333b47!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main small{color:#4a5870!important} /* 조항 옆 큰 번호 그림자 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main *[class*="ghost"], html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main *[class*="watermark"]{ color:rgba(30,42,60,.06)!important; } /* ── 바탕 ───────────────────────────────────────────────── arife-policy-console-v3300 이 body.trust-legal-v310:not(#_):not(#_) 로 어두운 바탕을 못 박아 두었다. 같은 무게로 밝은 결로 되받는다. */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_){ background: radial-gradient(1100px 620px at var(--pc-x,16%) var(--pc-y,8%),rgba(227,235,246,.58),transparent 62%), radial-gradient(900px 520px at calc(100% - var(--pc-x,16%)) 78%,rgba(150,180,224,.34),transparent 60%), linear-gradient(180deg,#e7edf6,#d9e2ef 58%,#ccd8e8)!important; background-attachment:fixed!important; color:#14202e!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_)::before{ opacity:.5!important; } /* 조항 번호 딱지가 검은 동그라미로 남았다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a>span:first-child, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a>b, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310>span:first-child, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310>b{ background:rgba(28,86,190,.9)!important; border:1px solid rgba(227,235,246,.58)!important; color:#fff!important; box-shadow:inset 0 1.2px 0 rgba(227,235,246,.58)!important; } /* 좁은 화면에서 쓰는 목차 띠 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc{ background: linear-gradient(180deg,rgba(229,237,248,.5),rgba(255,255,255,.08) 52%,rgba(255,255,255,.24)), rgba(255,255,255,.55)!important; -webkit-backdrop-filter:blur(16px) saturate(1.5); backdrop-filter:blur(16px) saturate(1.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:16px!important; box-shadow:inset 0 1.4px 0 rgba(255,255,255,.9)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc a{color:#24303f!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc a.is-current, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc a[aria-current]{ background:rgba(150,190,242,.8)!important;color:#0b1119!important;border-radius:999px!important; } /* ── 고객지원 · 라이선스 내역도 같은 뼈대다 ─────────────── */ /* 본문 조각(article)이 어두운 판으로 남아 글이 안 읽혔다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-panel, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-tabs-v3400, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-empty{ background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)), rgba(223,232,244,.8)!important; -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:20px!important; color:#14202e!important; box-shadow: 0 20px 38px -18px rgba(28,58,108,.5), inset 0 1.6px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article *, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-panel *, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero *, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-empty *{color:#1b2430!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article h2, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article h3, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero h1{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article p, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article li, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero p, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-empty p{color:#4a5870!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article header{ background:none!important;border-bottom:1px solid rgba(255,255,255,.55)!important; } /* 숫자 판·빈 안내의 동그란 표식 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-empty i{ background:rgba(227,235,246,.58)!important; border:1px solid rgba(255,255,255,.7)!important; color:#1a2940!important; } /* 조항 앞 § 표시가 형광이었다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article h2>span:first-child, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main h2 .sec-mark{color:#1c56be!important} /* 라이선스 내역 머리 판의 바로가기 단추가 검게 남았다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero button{ border:1px solid rgba(224,233,245,.7)!important; border-radius:999px!important; background: linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 46%,rgba(255,255,255,.26)), rgba(150,190,242,.32)!important; -webkit-backdrop-filter:blur(12px) saturate(1.6); backdrop-filter:blur(12px) saturate(1.6)!important; color:#14202e!important; box-shadow: 0 12px 22px -12px rgba(28,58,108,.5), inset 0 1.4px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a *{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a.is-primary, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a.primary{ background: linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.16)), rgba(28,86,190,.9)!important; color:#fff!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a.is-primary *, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .license-center-hero a.primary *{color:#fff!important} /* 조항 앞 § 표시가 형광이라 튀었다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article h2::before, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main h2::before{color:#1c56be!important} /* 처리 기준 표의 줄이 어두웠다 */ html:not([data-theme="dark"]) body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div{ background:rgba(229,237,248,.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:12px!important; color:#1b2430!important; box-shadow:inset 0 1.2px 0 rgba(255,255,255,.9)!important; } html:not([data-theme="dark"]) body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div *{color:#1b2430!important} html:not([data-theme="dark"]) body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div>*:last-child{color:#4a5870!important} /* 2026-09-04 사장님 어두운 화면 실측 — 처리 기준 줄이 흰 판에 흰 글씨로 나왔다. 어두운 쪽 색을 theme 시트 하나에만 맡기지 않고 여기(마지막 시트)에서도 못 박는다. */ html[data-theme="dark"] body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div{ background:#34373a!important; background-image:none!important; border:1px solid rgba(125,155,215,.32)!important; border-radius:12px!important; color:#e7eaee!important; box-shadow:0 2px 6px -2px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07)!important; } html[data-theme="dark"] body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div>b{color:#f1f2f4!important} html[data-theme="dark"] body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div>span{color:#c2c9d3!important} html[data-theme="dark"] body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-sla-v3100>div>span b{color:#8fd4ff!important} /* 문의 보내기 단추 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-actions-v3100 .button{ border-radius:999px!important;min-height:44px!important;padding:0 18px!important; background: linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.16)), rgba(28,86,190,.9)!important; color:#fff!important;border:1px solid rgba(255,255,255,.55)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-actions-v3100 .button *{color:#fff!important} /* 시행일 딱지가 회색 판이라 답답했다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-meta span{ background:rgba(227,235,246,.58)!important; border:1px solid rgba(255,255,255,.7)!important; border-radius:999px!important; color:#1a2940!important; box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important; } /* ============================================================ 손질 2회차 · 조항 판이 서로 붙어 겹쳐 보였다 — 사이를 띄운다 · 목차 띠가 붙박이(sticky)인데 반투명이라 본문이 비쳐 내려갈 때 화면이 깨져 보였다 — 불투명하게, 위로 올린다 · 고객지원에서 목차 띠가 본문보다 넓어 오른쪽으로 튀어나왔다 ============================================================ */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-body>article, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-body>section{ margin-bottom:18px!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-body>article:last-child{ margin-bottom:0!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc{ position:sticky!important; z-index:6!important; background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.14) 48%,rgba(234,241,250,.38)), rgba(198,201,207,.96)!important; /* 반투명이면 본문이 비쳐 깨져 보인다 */ -webkit-backdrop-filter:blur(20px) saturate(1.5); backdrop-filter:blur(20px) saturate(1.5)!important; box-shadow: 0 16px 30px -18px rgba(28,58,108,.5), inset 0 1.4px 0 rgba(255,255,255,.95)!important; } /* 고객지원의 목차는 붙박이를 푼다. 화면 위에 계속 붙어 있으면 내려갈 때 본문이 그 아래로 들어가 '겹치고 침범하는' 것처럼 보인다(실측). 본문 칸과 같은 폭으로 맞춘다. */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-toc, html body.support-page-v3100[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-toc{ position:static!important; max-width:668px!important; width:100%!important; justify-self:stretch!important; margin-bottom:18px!important; } /* ============================================================ 고객지원 — 한눈에 들어오게 배치를 다시 잡는다 예전: 668px 한 줄로 세 판이 세로로 쌓여 1700px 를 내려야 했다. 지금: 폭을 1240px 로 넓히고 위 = [자주 묻는 질문] [문의 보내기] 두 칸, 아래 = [처리 기준] 한 줄(내용은 두 칸 표). 마크업은 그대로 두고 자리만 옮긴다. ============================================================ */ html body.support-page-v3100[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main.support-page-v3100{ width:min(1240px,calc(100% - 40px))!important; max-width:none!important; grid-template-columns:minmax(0,1fr)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-toc{ display:none!important; /* 셋뿐이라 한눈에 다 보인다 — 목차는 뺀다 */ } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body{ max-width:none!important; width:100%!important; display:grid!important; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important; gap:18px!important; align-items:start!important; margin-top:20px!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body>article{ margin-bottom:0!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body>article:nth-child(3){ grid-column:1/-1!important; } /* 처리 기준 표를 두 칸으로 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .sup-sla-v3100{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } /* 머리 판도 조금 낮춘다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .page-hero{ padding:28px 30px!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .page-hero h1{ font-size:clamp(30px,3vw,44px)!important; } /* 문의 양식을 붙박이(sticky)로 뒀더니 내려갈 때 아래 판(처리 기준) 위로 미끄러져 겹쳤다(실측: 1280~1534 폭에서 538×470까지). 붙박이를 뺀다. */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body>article:nth-child(2){ position:static!important; } /* 좁은 화면에서는 다시 한 줄 */ @media(max-width:1000px){ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body{ grid-template-columns:minmax(0,1fr)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .sup-sla-v3100{ grid-template-columns:minmax(0,1fr)!important; } } /* ============================================================ 운영자 요청 · 판 왼쪽의 색 띠를 없앤다 · 제목 앞 § 표시를 없앤다 · 자주 묻는 질문은 판 높이를 고정하고 답만 바뀌게 한다 (높이는 arife-support-faq-v650.js 가 가장 긴 답에 맞춰 잡는다) ============================================================ */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-body>article::before, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article::before{ display:none!important;content:none!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article h2::before, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main h2::before{ content:none!important;display:none!important; } /* 질문 줄 — 누르는 단추처럼 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-faq-v3100{ border:1px solid rgba(255,255,255,.55)!important; border-radius:12px!important; background:rgba(233,240,249,.42)!important; margin-bottom:8px!important; box-shadow:inset 0 1.2px 0 rgba(255,255,255,.9)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-faq-v3100[open]{ background:rgba(224,233,245,.7)!important; border-color:rgba(255,255,255,.8)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-faq-v3100>summary{ cursor:pointer!important;color:#14202e!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-faq-v3100 p{color:#4a5870!important} /* 답이 열려도 아래 판이 밀리지 않게 자리를 미리 잡아 둔다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .sup-pack-v3400{ transition:none!important; } /* ── '안전 이용' 안내 창 ───────────────────────────────── */ /* v653 — 파랗던 진짜 범인. 어둡게 만드는 건 뒤의 배경막(backdrop) 하나면 되는데, 이 '상자'에도 남색 72%가 한 겹 더 칠해져 있어 화면 전체가 남색으로 물들었다(2026-08-22 실측: rgba(16,46,104,.72)). 상자는 비운다. */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-modal-v310{ background:transparent!important; z-index:1300!important; /* 상단 메뉴(z 1000)가 팝업 위로 뚫고 나와 흰 줄로 보였다 */ } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310{ background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)), rgba(226,235,247,.99)!important; /* 흐림 제거 — 배경이 어차피 97% 불투명이라 보이는 건 같고, 소수점 화면 배율에서 GPU 이음새(세로 경계선)를 만들던 범인이다(실측). */ -webkit-backdrop-filter:none; backdrop-filter:none!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:24px!important; color:#14202e!important; box-shadow:0 34px 70px -26px rgba(8,12,20,.7),inset 0 1.6px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 h2{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>header{ border-bottom:1px solid rgba(255,255,255,.55)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>header p{color:#4a5870!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310{ border:1px solid rgba(225,234,246,.68)!important; background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.1) 48%,rgba(255,255,255,.26)), rgba(150,190,242,.4)!important; color:#14202e!important; box-shadow:inset 0 1.4px 0 rgba(255,255,255,1),0 8px 16px -8px rgba(8,12,18,.6)!important; } /* 안내 네 칸 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article{ background:rgba(255,255,255,.45)!important; border:1px solid rgba(255,255,255,.65)!important; border-radius:16px!important; color:#1b2430!important; box-shadow:inset 0 1.4px 0 rgba(255,255,255,.95)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article *{color:#1b2430!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article strong{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article p{color:#4a5870!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article>b{ background:rgba(28,86,190,.92)!important; border:1px solid rgba(227,235,246,.58)!important; color:#fff!important; box-shadow:inset 0 1.2px 0 rgba(227,235,246,.58)!important; } /* 아래 단추 두 개 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 footer button, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 footer a{ border-radius:999px!important;min-height:48px!important; border:1px solid rgba(224,233,245,.7)!important; background: linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.06) 46%,rgba(255,255,255,.26)), rgba(150,190,242,.32)!important; color:#14202e!important; box-shadow:0 12px 22px -12px rgba(28,58,108,.5),inset 0 1.4px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 footer .is-primary, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 footer a[href]{ background: linear-gradient(180deg,rgba(233,240,249,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.16)), rgba(28,86,190,.9)!important; color:#fff!important;border-color:rgba(255,255,255,.55)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310 footer a[href] *{color:#fff!important} /* 닫기 표시를 다시 만든다. 원래 벌은 ::before 가 18×21 짜리 '조각'이라 유리 위에서 X 가 아니라 비뚤어진 네모로 보였다(실측). 두 줄을 직접 그어 ✕ 로 만든다. */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310{ position:relative!important; width:44px!important;height:44px!important; border-radius:50%!important; overflow:hidden!important; font-size:0!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310::before, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310::after{ content:''!important; position:absolute!important; left:50%!important;top:50%!important; inset:auto auto auto 50%!important; width:17px!important;height:2px!important; margin:-1px 0 0 -8.5px!important; border-radius:2px!important; background:#16233a!important; box-shadow:none!important; opacity:1!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310::before{ transform:rotate(45deg)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-close-v310::after{ transform:rotate(-45deg)!important; } /* ── 맞춤 제작 · 수익 구조 ────────────────────────────── */ /* 판 안의 작은 머리글이 회색 띠로 찍혀 입력칸처럼 보였다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article .kicker, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main article p.kicker{ background:none!important;border:0!important;padding:0!important; box-shadow:none!important;border-radius:0!important; color:#1c56be!important; } /* 맞춤 제작의 문의 양식과 옆 판 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) form.panel, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) aside.panel, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel{ background: linear-gradient(180deg,rgba(227,235,246,.58),rgba(255,255,255,.12) 48%,rgba(234,241,250,.38)), rgba(223,232,244,.8)!important; -webkit-backdrop-filter:blur(18px) saturate(1.5); backdrop-filter:blur(18px) saturate(1.5)!important; border:1px solid rgba(225,234,246,.68)!important; border-radius:20px!important; color:#14202e!important; box-shadow: 0 20px 38px -18px rgba(28,58,108,.5), inset 0 1.6px 0 rgba(255,255,255,1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel h2, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel h3, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel strong{color:#14202e!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel p, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel li, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .panel label{color:#4a5870!important} /* 수익 판 안의 큰 숫자 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .commission-card strong, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .commission-card b{color:#1c56be!important} /* 보라 딱지들이 밝은 판 위에서 안 읽혔다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .status, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .empty-note{ background:rgba(227,235,246,.58)!important; border:1px solid rgba(255,255,255,.7)!important; border-radius:999px!important; color:#1a2940!important; box-shadow:inset 0 1.2px 0 rgba(255,255,255,.95)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main .empty-note{ border-radius:14px!important;color:#4a5870!important; } /* ============================================================ v650 (2026-08-22) — 약관·정책 위 탭줄을 밝은 결로. trust-completion v310 이 탭줄을 검은 유리(#101725)로 칠해 두어 밝은 정책 화면 위에 띠처럼 떠 있었다(사장님 지적). 마이페이지의 흰 판 + 청록 켜짐과 같은 결로 뒤집는다. 아이디 두 겹은 v310 의 무게를 넘기 위한 것. ============================================================ */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-rail-v310{ border-bottom:1px solid rgba(227,235,246,.7)!important; background: linear-gradient(180deg,rgba(233,240,249,.55),rgba(255,255,255,.25))!important; -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4)!important; box-shadow:inset 0 1px rgba(255,255,255,.8),0 10px 26px rgba(30,50,80,.08)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-brand-v310{border-right:1px solid rgba(120,150,185,.3)!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-brand-v310 small{color:#2f6ec9!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-brand-v310 strong{color:#22334a!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-brand-v310 span{color:#5b6d84!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310{ border:1px solid rgba(120,150,185,.32)!important; background:rgba(255,255,255,.62)!important; box-shadow:0 2px 8px rgba(30,50,80,.06)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310:hover{ border-color:#2f6ec9!important; box-shadow:0 6px 16px rgba(30,50,80,.1)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310>b{ border:1px solid rgba(120,150,185,.4)!important; background:rgba(255,255,255,.85)!important; box-shadow:none!important; color:#4a5a70!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310 small{color:#5b6d84!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310 strong{color:#22334a!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310>i{ border-color:rgba(120,150,185,.5)!important;background:rgba(255,255,255,.7)!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current{ border-color:rgba(47,110,201,.55)!important; background:linear-gradient(180deg,#bdf0f6,#8fdde8)!important; box-shadow:inset 0 1px rgba(255,255,255,.6),0 6px 16px rgba(47,110,201,.18)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current:after{ background:linear-gradient(90deg,#5b9bec,#2f6ec9)!important;box-shadow:none!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current>b{ border-color:rgba(47,110,201,.6)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;color:#fff!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current>i{ border-color:#2f6ec9!important;background:#2f6ec9!important;box-shadow:none!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current strong{color:#16324f!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-link-v310.is-current small{color:#2f6ec9!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) button.trust-guide-open-v310{ border:1px solid rgba(47,110,201,.55)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important; box-shadow:inset 0 1px rgba(255,255,255,.55)!important; color:#fff!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) button.trust-guide-open-v310 small{color:rgba(255,255,255,.82)!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) button.trust-guide-open-v310 strong{color:#fff!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) button.trust-guide-open-v310>b{ border-color:rgba(47,110,201,.6)!important; background:rgba(255,255,255,.6)!important; box-shadow:none!important;color:#2f6ec9!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) button.trust-guide-open-v310:hover{border-color:#2f6ec9!important} /* 문서 내 이동 — 번호 알약을 같은 청록 결로 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a b{ border:1px solid rgba(120,150,185,.4)!important; background:rgba(255,255,255,.85)!important; color:#4a5a70!important;box-shadow:none!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a.is-now b, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310 a:hover b{ border-color:rgba(47,110,201,.6)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;color:#fff!important; } /* 안전 이용 창 속 번호·단추 — 남색 대신 청록으로, 화면과 같은 결 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-body-v310>article b{ border:1px solid rgba(47,110,201,.55)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important; color:#fff!important;box-shadow:none!important; } /* 위쪽 461·471행이 a[href] 로 한 급 더 무겁게 남색을 칠한다 — 같은 급으로 되받는다 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>footer a[href]{ border:1px solid rgba(47,110,201,.55)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important; color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.55)!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>footer a[href] *{color:#fff!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>footer a[href]:hover{border-color:#2f6ec9!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-dialog-v310>footer button{ border:1px solid rgba(120,150,185,.45)!important; background:rgba(255,255,255,.8)!important; color:#22334a!important;box-shadow:none!important; } /* ============================================================ v651 — 정책 화면을 마이페이지 구조로 (2026-08-22 지시). 위 가로 막대를 접고, 왼쪽 차림표에서 문서를 고른다. ============================================================ */ /* 막대가 사라졌으니 붙는 높이도 낮춘다 (원래 170 = 메뉴 70 + 막대 84 아래) */ @media (min-width:1280px){ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-policy-index-v310{ top:94px!important; } } /* 무리 이름표 — 마이페이지 차림표와 같은 결(점 + 진한 글씨) */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-group-v320{ display:block;margin:16px 0 6px; font-size:12.5px;font-weight:900;letter-spacing:.06em;color:#22334a;opacity:.85; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-group-v320:first-child{margin-top:2px} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-group-v320:before{ content:"";display:inline-block;width:4px;height:4px;margin:0 7px 2px 0;border-radius:50%;background:#2f6ec9; } /* 문서 고르기 줄 — 흰 판, 지금 문서는 청록 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320{display:grid;gap:6px} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320 a{ display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 12px; border:1px solid rgba(120,150,185,.32)!important;border-radius:12px; background:rgba(255,255,255,.62)!important;color:#22334a!important; font-size:12.5px;font-weight:800;text-decoration:none;box-shadow:none!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320 a:hover{border-color:#2f6ec9!important} html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320 a b{ width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center; border:1px solid rgba(120,150,185,.4)!important;border-radius:9px; background:rgba(255,255,255,.85)!important;color:#4a5a70!important; font:900 10.5px/1 ui-monospace,Consolas,monospace;box-shadow:none!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320 a.is-doc-now{ border-color:rgba(47,110,201,.55)!important; background:linear-gradient(180deg,#dbe9fc,#c4dcfa)!important;color:#16324f!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-docs-v320 a.is-doc-now b{ border-color:rgba(47,110,201,.6)!important; background:linear-gradient(180deg,#5b9bec,#2f6ec9)!important;color:#fff!important; } /* 차림표 아래 '안전 이용 안내' — 청록 프라이머리, 차림표 폭에 맞춤 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .tpi-guide-v320{ width:100%;margin-top:16px;min-height:42px;padding:0 14px!important; display:flex;align-items:center;justify-content:space-between;border-radius:12px!important; } /* 안전 이용 창 — 뒤가 남색으로 물들던 것(rgba(1,4,10,.86) + 채도 낮춤)을 마이페이지 팝업과 같은 옅은 어둠으로 */ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .trust-guide-backdrop-v310{ /* 마이페이지 팝업(.dk-pop-back)과 똑같은 값 — 화면마다 다르면 안 된다(지시). 공용 단추 시트가 position 을 relative 로 밀어 이 막이 14×4px 로 쪼그라들어 있었다(실측) — 그동안 상자의 남색 72%가 그걸 가려 온 것. 자리를 못 박는다. */ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:rgba(10,20,32,.55)!important; /* 흐림(blur)은 뺀다 — 뒤 유리판(차림표 카드)이 제 흐림층을 갖고 있어 그 가장자리마다 계산이 갈라져 세로 경계선이 보였다(2026-08-22 실측). */ -webkit-backdrop-filter:none; backdrop-filter:none!important; filter:none!important; } /* 고객지원 — 다른 정책 화면과 같은 왼쪽 차림표 구조로 (지시: "구조가 확 바뀌니깐 맞춰줘"). 문서 고르기를 왼쪽 세로로 세우고 내용은 오른쪽. */ @media (min-width:1280px){ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) main.support-page-v3100{ width:min(1420px,calc(100% - 48px))!important; grid-template-columns:270px minmax(0,1fr)!important; gap:20px 26px!important; align-items:start!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .page-hero{ grid-column:1 / -1!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .trust-policy-index-v310{ grid-column:1!important; grid-row:2!important; position:sticky!important; top:94px!important; width:100%!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 .legal-body{ grid-column:2!important; margin-top:0!important; } } /* 고객지원 자리 되돌리기 — support 에 정책 차림표를 달면서(trust 스크립트가 이제 이 페이지에도 돈다) legal-wide-v3200 의 옛 3단 배치 규칙이 함께 깨어났다. 이 파일의 2단 배치가 기준이므로, 그 규칙의 칸 지정만 눕힌다. */ @media (min-width:1280px){ html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) #sup-faq, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) #sup-form, html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) #sup-sla{ grid-column:auto!important; grid-row:auto!important; } html body[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .support-page-v3100 #sup-sla{ grid-column:1 / -1!important; /* 처리 기준은 legal-body 안에서 아래 한 줄 */ } } /* 양옆이 너무 비어 뜬다는 지적(2026-08-22) — 본문 폭을 마켓과 같은 급으로. legal-wide-v3200 의 1080px 를 아이디 세 겹으로 덮는다. */ @media (min-width:1280px){ html body.policy-reading[data-glass-page].a-glass-page:not(#nope):not(#_):not(#_) .legal-page{ width:min(1420px,calc(100% - 48px))!important; grid-template-columns:270px minmax(0,1fr)!important; gap:20px 26px!important; } } /* 안전 이용 창이 열려 있는 동안 — 마이페이지 팝업과 같은 규칙. z 가 최상위인 커서 테·빛무리 층이 스크림 위에서 GPU 합성을 쪼개 세로 이음새(밝은 기둥)를 만들었다(간헐 재현·실측). 데스크 팝업처럼 그동안 커서 층을 숨기고 보통 화살표를 쓴다. */ html.custom-cursor-enabled body.trust-guide-open-v310 .motion-cursor, html.custom-cursor-enabled body.trust-guide-open-v310 .a-cursor-glow-v800, body.trust-guide-open-v310 .motion-cursor, body.trust-guide-open-v310 .a-cursor-glow-v800{ opacity:0!important; visibility:hidden!important; } html.custom-cursor-enabled:not(#a):not(#b):not(#c) body.trust-guide-open-v310, html.custom-cursor-enabled:not(#a):not(#b):not(#c) body.trust-guide-open-v310 *{ cursor:auto!important; } html.custom-cursor-enabled:not(#a):not(#b):not(#c) body.trust-guide-open-v310 button, html.custom-cursor-enabled:not(#a):not(#b):not(#c) body.trust-guide-open-v310 a{ cursor:pointer!important; } /* 세로 경계선의 진범 — 스크림이