/* Theme Name: Sobaek AVCD Theme URI: https://sobaeksanjae.com Author: 소백 노동법률사무소 Description: AVCD 거푸집 기반 소백 전용 블록테마. 토큰 SSOT는 theme.json, 컴포넌트는 이 파일 단일 레이어. Version: 1.2.0 Requires at least: 6.4 Requires PHP: 7.4 License: Proprietary Text Domain: sobaek-avcd */ /* ===== AVCD 컴포넌트 통합 레이어 v1 (구 5겹 흡수) ===== */ /* --- 헤더 --- */ .sbk-header{background:#FFFCF3;border-bottom:1px solid #E4DFD2} .sbk-header .wp-block-navigation-item__content{color:#171717;font-weight:700;padding:6px 13px} .sbk-header .wp-block-navigation-item__content:hover{color:#082215;box-shadow:inset 0 -0.5em 0 #FFF71D} .sbk-header .wp-block-button__link{background:#FFF71D;color:#082215;border-radius:999px;font-weight:800;padding:10px 20px} .sbk-header img{mix-blend-mode:multiply} /* 모바일 오버레이 — 코어 내비 블록 네이티브 (sbk-fab 계급 소멸) */ .wp-block-navigation__responsive-container.has-modal-open{background:#FFFCF3} .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content{color:#171717;font-size:20px} .wp-block-navigation__responsive-container-open svg,.wp-block-navigation__responsive-container-close svg{stroke:#171717} /* --- 푸터 --- */ .sbk-footer{background:#082215;color:rgba(242,252,240,.85)} .sbk-footer a{color:rgba(242,252,240,.85);text-decoration:none} .sbk-footer a:hover{color:#FFF71D} .sbk-footer h2,.sbk-footer h3,.sbk-footer p,.sbk-footer li{color:rgba(242,252,240,.85)} .sbk-footer .sbk-tel{font-size:clamp(28px,3.4vw,44px);font-weight:800;color:#FFFCF3;letter-spacing:-0.03em} /* --- 본문 링크·강조 (AVCD 레몬 언더라인) --- */ .entry-content a{font-weight:600;text-decoration:underline;text-decoration-color:#FFF71D;text-decoration-thickness:2px;text-underline-offset:3px;color:#171717} .entry-content mark{background:#FFF71D;color:#082215} .entry-content code{font-family:Consolas,Menlo,monospace;font-size:15px;background:#DED9CD;padding:2px 6px;border-radius:4px} /* --- 표 (AVCD 실측 서식) --- */ .entry-content table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.6} .entry-content th{font-size:15px;font-weight:700;background:#DED9CD;border:1px solid #D4CFC3;padding:12px 14px;text-align:left} .entry-content td{font-size:15px;color:rgba(23,23,23,.82);border:1px solid #D4CFC3;padding:12px 14px} /* --- FAQ details --- */ .entry-content details{border-bottom:1px solid #D4CFC3} .entry-content summary{font-size:17px;font-weight:500;padding:16px 0;cursor:pointer;list-style:none} .entry-content summary::-webkit-details-marker{display:none} .entry-content details .fa{padding:0 0 16px;color:rgba(23,23,23,.85)} /* --- 다크 섹션 (딥그린 위 밝은 텍스트 — 특이도 전쟁 원천 차단: 단일 레이어라 충돌 없음) --- */ .sbk-dark{background:#082215;color:#F2FCF0} .sbk-dark h1,.sbk-dark h2,.sbk-dark h3,.sbk-dark p,.sbk-dark li,.sbk-dark b{color:#F2FCF0} .sbk-dark a{color:#FFFCF3} .sbk-dark .wp-block-button__link{background:#FFF71D;color:#082215} .sbk-dark th,.sbk-dark td{color:#F2FCF0;border-color:rgba(242,252,240,.28)} .sbk-dark th{background:rgba(242,252,240,.12)} /* --- 민트 콜아웃 --- */ .sbk-callout{background:#F2FCF0;border:1px solid #D4E8D0;border-radius:12px;padding:24px} /* --- 레거시 콘텐츠 매핑 (기존 발행물 재렌더 보전) --- */ .sbk-root{background:transparent;color:#171717} .sbk-root h1,.sbk-root h2,.sbk-root h3,.sbk-root p,.sbk-root li,.sbk-root label{color:#171717} .sbk-root .eyebrow,.sbk-root .accent{color:#082215} .btn--accent{background:#FFF71D;color:#082215} .btn--ghost{border:1px solid rgba(23,23,23,.3);color:#171717} .hubcta,.sb-service{background:#082215;border-radius:8px} .hubcta h3,.hubcta p,.sb-service h2,.sb-service h3,.sb-service h4,.sb-service p,.sb-service li,.sb-service b{color:#F2FCF0} .sb-service th,.sb-service td{color:#F2FCF0;border-color:rgba(242,252,240,.28)} .sb-service th{background:rgba(242,252,240,.12)} .sb-highlight{background:#F2FCF0;border-radius:10px;padding:18px} .sb-highlight p,.sb-highlight li,.sb-highlight b,.sb-highlight h3{color:#171717} .sb-cta-box{background:#082215;border-radius:10px;padding:28px;text-align:center} .sb-cta-box p{color:rgba(242,252,240,.88)} .sb-cta-box a{background:#FFF71D;color:#082215;border-radius:999px;padding:12px 22px;display:inline-block;font-weight:800;text-decoration:none} /* --- 접근성 --- */ .screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important} :focus-visible{outline:2px solid #082215;outline-offset:2px} /* v1.1.3: AVCD h2=24px 전면 강제 — MOLD 내장 30px(0,2,1) 제압 */ .entry-content.entry-content.entry-content h2{font-size:24px !important;font-weight:700 !important;letter-spacing:-0.24px !important;line-height:1.3 !important;margin-top:72px !important} .entry-content.entry-content.entry-content h2:first-child{margin-top:0 !important} .entry-content.entry-content.entry-content h3{font-size:19px !important} /* v1.1.4: 전수조사 잔여 2건 — 다크섹션 라벨·용어사전 아코디언 */ .mgreen .flabel,.sbk-dark .flabel,[class*="mgreen"] .flabel{color:rgba(242,252,240,.6) !important} .entry-content details:not([open]) .fa{display:none} /* ═══════════════════════════════════════════════════════════════ v1.2.0 — AVCD 기본 페이지 레이어 수제 HTML(.avcd/.sbk-root)이 없는 페이지 60여 개는 지금까지 legacy-compat 의 전역 킬러 때문에 헤더·여백·제목 없이 맨몸으로 렌더됐다. 이 레이어가 그 페이지들에 avcd 골격을 부여한다. 범위: body 에 .avcd / .sbk-root 가 없는 문서에만 적용. ═══════════════════════════════════════════════════════════════ */ :root{--sbk-ivory:#FFFCF3;--sbk-ink:#171717;--sbk-ever:#082215;--sbk-mint:#F2FCF0;--sbk-lemon:#FFF71D;--sbk-line:rgba(23,23,23,.12)} body:not(:has(.avcd)):not(:has(.sbk-root)){background:var(--sbk-ivory)} /* 컨테이너 — avcd 세로리듬(108px)·가로여백(clamp 24~64px) */ body:not(:has(.avcd)):not(:has(.sbk-root)) .wp-site-blocks>main{ padding:clamp(56px,7vw,108px) clamp(24px,5vw,64px) clamp(64px,9vw,120px)} /* 페이지 제목 — avcd h1 스케일 + 레몬 언더바 */ body:not(:has(.avcd)):not(:has(.sbk-root)) .wp-block-post-title{ font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.28; color:var(--sbk-ever);margin:0 0 14px;position:relative;padding-bottom:22px} body:not(:has(.avcd)):not(:has(.sbk-root)) .wp-block-post-title:after{ content:"";position:absolute;left:0;bottom:0;width:64px;height:6px;background:var(--sbk-lemon)} /* 본문 리듬 — h2 위 헤어라인, avcd 간격 */ body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>h2{ margin-top:64px;padding-top:28px;border-top:1px solid var(--sbk-line)} body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>h2:first-child{margin-top:8px;padding-top:0;border-top:0} body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>h3{margin-top:34px} body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>p{margin:0 0 18px} body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>ul, body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>ol{margin:0 0 22px;padding-left:20px} body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>ul>li, body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>ol>li{margin-bottom:9px;line-height:1.62} /* 첫 문단 리드 — avcd lead */ body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>p:first-of-type{ font-size:19px;line-height:1.62;color:rgba(23,23,23,.72);margin-bottom:34px} /* 강조 — avcd 레몬 형광펜 (희소성 원칙: 핵심 단어에만) */ mark,.entry-content mark{background:var(--sbk-lemon);color:var(--sbk-ever);padding:0 .18em;border-radius:2px} /* 알약 CTA — avcd 시그니처 */ .sbk-pill{display:inline-flex;align-items:center;gap:9px;border-radius:999px; padding:15px 28px;font-size:17px;font-weight:600;text-decoration:none;letter-spacing:-.02em} .sbk-pill--lemon{background:var(--sbk-lemon);color:var(--sbk-ever)} .sbk-pill--ever{background:var(--sbk-ever);color:var(--sbk-lemon)} .sbk-pill:after{content:"→"} /* 하단 딥그린 상담 밴드 — 섹션 리듬 0인 페이지에 다크 대비 복원 */ .sbk-closer{background:var(--sbk-ever);color:var(--sbk-mint); padding:clamp(56px,8vw,96px) clamp(24px,5vw,64px);text-align:center;margin-top:clamp(64px,9vw,108px)} .sbk-closer h2{color:var(--sbk-mint);font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.3;margin:0 0 14px;border:0;padding:0} .sbk-closer p{color:rgba(242,252,240,.78);margin:0 0 28px;font-size:17px} .sbk-closer .sbk-pill{background:var(--sbk-lemon);color:var(--sbk-ever)} /* 지표 숫자 — avcd 딥그린 위 64px 레몬 */ .sbk-stat{font-size:clamp(40px,5vw,64px);font-weight:700;letter-spacing:-.015em;line-height:1.05;color:var(--sbk-lemon)} /* 넘버링 라벨 01·02·03 — avcd 카드 도식 */ .sbk-no{font-size:12px;font-weight:700;letter-spacing:.14em;color:rgba(23,23,23,.45);display:block;margin-bottom:9px} /* ═══════════════════════════════════════════════════════════ v1.2.1 — 토큰 제압 레이어 사이트에 주입 표면이 58곳(WPCode 20 + Code Snippets 38)이라 구 레몬(#F7F02D)·h3 600 을 뱉는 스니펫을 개별 색출하는 대신 특이도 (0,3,1)+!important 로 정본 토큰을 확정한다. 경쟁 규칙 실측: .entry-content.entry-content (0,2,1) !important ═══════════════════════════════════════════════════════════ */ .entry-content.entry-content.entry-content mark{background:#FFF71D !important;color:#082215 !important} .entry-content.entry-content.entry-content a{text-decoration-color:#FFF71D !important} .entry-content.entry-content.entry-content h3{font-weight:700 !important;font-size:19px !important;letter-spacing:-.16px !important} .entry-content.entry-content.entry-content h2{font-weight:700 !important} html body .sbk-dark .wp-block-button__link, html body .sb-cta-box a, html body .btn--accent{background:#FFF71D !important;color:#082215 !important} /* v1.2.2 — 홈 정규화: avcd 헤딩 굵기 700 단일화 + 아이보리 바탕 */ html body{background:#FFFCF3} html body.home :is(h1,h2,h3,h4){font-weight:700 !important} html body.home .h-xl,html body.home .hx{font-weight:700 !important} html body.home h2{letter-spacing:-.04em !important} html body.home .gc h3,html body.home .sec h3{font-weight:700 !important;letter-spacing:-.01em !important} /* v1.2.3 — 카드 표면 avcd 정합: 순백 → 크림 + 헤어라인 (avcd는 흰 카드를 쓰지 않는다) */ html body .gc,html body .bcard,html body .c,html body .win{background:#FFFCF3 !important;border:1px solid rgba(23,23,23,.12) !important} html body .gc:hover,html body .bcard:hover{border-color:rgba(8,34,21,.34) !important} html body .gc .num,html body .c .no{letter-spacing:.14em} /* v1.2.4 — 히어로 avcd 정합 실측 결함: (1) h1 강조가 탁한 주황 rgb(200,118,58) — avcd 시그니처는 레몬 형광펜 (2) 히어로 내 CTA 0개 — 첫 화면 전환 지점 부재 (3) 서브카피 rgb(163,156,145) 사진 위 저대비 (4) 헤더 '상담 신청'이 투명 고스트 — 유일 CTA인데 시각적 약세 */ html body.home h1 em,html body.home .hero1 em{ background:#FFF71D;color:#082215;font-style:normal;padding:0 .16em;border-radius:2px; box-decoration-break:clone;-webkit-box-decoration-break:clone} html body.home .hero1 p,html body.home .hero1 .lead{color:rgba(255,252,243,.88) !important} html body .gbar .lp{ background:#FFF71D !important;color:#082215 !important;border-radius:999px !important; padding:10px 22px !important;font-weight:600 !important;letter-spacing:-.02em} html body .gbar .lp:hover{background:#FFFCF3 !important;color:#082215 !important} /* v1.2.5 — 헤더 CTA 특이도 상향: 경쟁 규칙 .avcd .gbar .lp (0,3,0) 제압 → (0,3,3) */ html body .avcd .gbar a.lp,html body.home .gbar a.lp{ background:#FFF71D !important;color:#082215 !important;border:0 !important; border-radius:999px !important;padding:11px 24px !important;font-weight:700 !important} html body .avcd .gbar a.lp:hover{background:#FFFCF3 !important;color:#082215 !important} /* ═══════════════════════════════════════════════════════════════ v1.3.0 — AVCD 섹션 문법 복원 (평의회 지적: "배경이 문단이다") 원본은 section--ivory/green/mint 교대가 읽기 구조 그 자체다. 이식본은 컨테이너만 옮겨 장(chapter) 교대가 사라졌었다. 헤어라인도 섹션 분절이 아니라 제목 밑줄로 오용돼 의미가 격하됐다. ═══════════════════════════════════════════════════════════════ */ .sbk-sec{padding:clamp(80px,10vw,108px) clamp(24px,5vw,64px)} .sbk-sec--ivory{background:#FFFCF3;color:#171717} .sbk-sec--green{background:#082215;color:#F2FCF0} .sbk-sec--mint{background:#F2FCF0;color:#171717} .sbk-sec--ivory + .sbk-sec--ivory,.sbk-sec--mint + .sbk-sec--mint{border-top:1px solid rgba(23,23,23,.12)} /* 딥그린 클로저 — 기본 페이지 장 교대 복원 + 전환 지점 */ .sbk-closer{ background:#082215;color:#F2FCF0;text-align:center; padding:clamp(64px,9vw,108px) clamp(24px,5vw,64px); margin:clamp(72px,10vw,120px) calc(50% - 50vw) 0;width:100vw;max-width:100vw} .sbk-closer__eyebrow{ font-size:12px;font-weight:700;letter-spacing:.16em;color:rgba(255,247,29,.9); margin:0 0 14px;text-transform:none} .sbk-closer h2{ color:#F2FCF0 !important;font-size:clamp(28px,3.6vw,44px) !important;font-weight:700 !important; letter-spacing:-.04em !important;line-height:1.34 !important;margin:0 0 12px !important; border-top:0 !important;padding-top:0 !important} .sbk-closer p{color:rgba(242,252,240,.8);margin:0 0 26px;font-size:17px;line-height:1.6} .sbk-closer__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} .sbk-closer .sbk-pill--lemon{background:#FFF71D;color:#082215} .sbk-closer .sbk-pill--ghost{background:transparent;color:#F2FCF0;box-shadow:inset 0 0 0 1.5px rgba(242,252,240,.42)} .sbk-closer .sbk-pill--ghost:after{content:""} .sbk-closer__note{ margin:26px 0 0 !important;font-size:13px !important;color:rgba(242,252,240,.52) !important;letter-spacing:-.01em} /* 헤어라인 의미 복원: 제목 밑줄이 아니라 섹션 분절 */ body:not(:has(.avcd)):not(:has(.sbk-root)) .entry-content>h2{ border-top:1px solid rgba(23,23,23,.12);padding-top:30px;margin-top:66px} /* v1.3.1 — 클로저 다크섹션 텍스트 확정 (스니펫 .entry-content p/li{color:#171717!important} 제압) */ html body .entry-content .sbk-closer h2, html body .entry-content .sbk-closer p, html body .entry-content .sbk-closer li{color:#F2FCF0 !important} html body .entry-content .sbk-closer .sbk-closer__eyebrow{color:#FFF71D !important} html body .entry-content .sbk-closer .sbk-closer__note{color:rgba(242,252,240,.55) !important} html body .entry-content .sbk-closer a.sbk-pill--lemon{background:#FFF71D !important;color:#082215 !important} html body .entry-content .sbk-closer a.sbk-pill--ghost{background:transparent !important;color:#F2FCF0 !important} /* ═══ v1.4.0 — 상시 전환바 (평의회: 히어로 CTA 0개 / 전환율 0.3%) ═══ */ .sbk-actionbar{position:fixed;z-index:940;font-family:inherit} .sbk-actionbar a{text-decoration:none;font-weight:700;letter-spacing:-.02em; display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s,background .14s} /* 데스크톱 — 우하단 알약 세로 스택 */ @media(min-width:781px){ .sbk-actionbar{right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;align-items:flex-end} .sbk-actionbar a{border-radius:999px;padding:14px 24px;font-size:16px; box-shadow:0 10px 30px rgba(8,34,21,.24)} .sbk-actionbar__tel{background:#082215;color:#FFF71D} .sbk-actionbar__cta{background:#FFF71D;color:#082215} .sbk-actionbar__cta:after{content:"→"} .sbk-actionbar a:hover{transform:translateY(-2px)} } /* 모바일 — 하단 고정 2분할 (클릭투콜 우선) */ @media(max-width:780px){ .sbk-actionbar{left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.25fr; box-shadow:0 -8px 26px rgba(8,34,21,.18)} .sbk-actionbar a{padding:16px 10px;font-size:16px;border-radius:0} .sbk-actionbar__tel{background:#082215;color:#FFF71D} .sbk-actionbar__cta{background:#FFF71D;color:#082215} body{padding-bottom:58px} } .sbk-actionbar__ico{font-size:15px} @media print{.sbk-actionbar{display:none}} /* ═══════════════════════════════════════════════════════════════ v1.5.0 — 홈 본문 avcd 정규화 (스크롤 구간 전체) 실측 결함: (1) .gc 카드 순백 16개 (2) .num 배지 3색 로테이션 오렌지 #FD5D0D·레드 #EC234C — avcd는 넘버를 색 배지로 쓰지 않고 12px/700/.14em 텍스트 라벨로 쓴다 (3) radius 22/20/18/12/8px 난립, avcd 실측은 9px 단일 (4) 썸네일 도식이 검정+오렌지 — 팔레트 이탈 ═══════════════════════════════════════════════════════════════ */ /* 1) 카드 표면 — 순백 박멸, 크림 + 헤어라인 */ html body .avcd a.gc,html body.home a.gc,html body .g3 a.gc, html body .avcd a.bcard,html body.home a.bcard,html body .blog3 a.bcard, html body .avcd .c,html body .avcd .win,html body .avcd .tm{ background:#FFFCF3 !important;border:1px solid rgba(23,23,23,.12) !important} /* 2) radius 9px 단일 (알약 999px는 예외) */ html body .avcd :is(a.gc,a.bcard,.c,.win,.tm,.bthumb,.sb-highlight,.sbk-callout,img), html body.home :is(a.gc,a.bcard,.c,.win,.tm,.bthumb){border-radius:9px !important} html body :is(.lp,.btn,.sbk-pill,.wp-block-button__link,[class*="pill"]){border-radius:999px !important} /* 3) 넘버 배지 → avcd 텍스트 라벨 (3색 로테이션 폐기) */ html body .avcd .gc .num,html body.home .gc .num,html body.home #practice .gc .num, html body .avcd .c .no,html body .avcd .num{ background:transparent !important;color:rgba(23,23,23,.45) !important; width:auto !important;height:auto !important;min-width:0 !important; border-radius:0 !important;border:0 !important;box-shadow:none !important; font-size:12px !important;font-weight:700 !important;letter-spacing:.14em !important; line-height:1 !important;display:block !important;padding:0 !important;margin:0 0 12px !important} /* 4) 오렌지·레드 액센트 → avcd 딥그린 (액센트는 레몬 하나로 수렴) */ html body .avcd [style*="FD5D0D"],html body .avcd [style*="fd5d0d"], html body .avcd [style*="EC234C"],html body .avcd [style*="ec234c"], html body .avcd [style*="F26522"],html body .avcd [style*="C8763A"]{ background-color:#082215 !important;color:#F2FCF0 !important;border-color:#082215 !important} html body .avcd em,html body.home h1 em{color:#082215 !important} /* 5) 다크 면은 딥그린으로 수렴 (검정 #0A0908·#171717 대면적 금지) */ html body .avcd .bthumb[style*="background:#0A0908"], html body .avcd .bthumb[style*="background:#171717"], html body .avcd [style*="#0A0908"]{background-color:#082215 !important} /* 6) 고스트 알약 — 검정 테두리 → 딥그린 (avcd 반전 페어) */ html body .avcd .btn--ghost,html body .avcd a.ghost,html body .avcd .more{ border:1.5px solid rgba(8,34,21,.34) !important;color:#082215 !important;background:transparent !important} /* 7) 레몬 면적 억제 — 대면적 레몬 카드/썸네일 금지 (희소성 원칙) */ html body .avcd .bthumb[style*="F7F02D"],html body .avcd .bthumb[style*="FFF71D"], html body .avcd a.bcard[style*="F7F02D"],html body .avcd a.bcard[style*="FFF71D"]{ background-color:#F2FCF0 !important} /* 8) 프로필 사진 배경 통일 */ html body .avcd .tm img,html body .avcd .prof img,html body .avcd img.face{ background:#F2FCF0 !important;border-radius:9px !important;object-fit:cover} /* v1.5.1 — 불릿 레몬 남용 억제 (avcd: 레몬은 mark·CTA·지표에만) */ html body .avcd .gc li:before,html body .avcd .c li:before,html body.home .gc li:before{ background:rgba(23,23,23,.34) !important;color:rgba(23,23,23,.34) !important} html body .avcd .gc li,html body.home .gc li{color:rgba(23,23,23,.72) !important} html body .avcd .gc h3,html body.home .gc h3{color:#082215 !important;font-weight:700 !important} html body .avcd .gc .num,html body.home .gc .num{color:rgba(23,23,23,.45) !important} /* v1.5.2 — 썸네일 변종·카드 테두리 정합 실측: .bthumb.v2 가 통레몬(#FFF71D) 대면적 — avcd 희소성 원칙 위반. 레몬은 mark·알약 CTA·지표 숫자에만 쓴다. 대면적은 민트로. 승인사례 .bcard 테두리가 rgba(255,252,243,.18)로 크림 위에서 소실 → 헤어라인으로. */ html body .avcd .bthumb.v2,html body.home .bthumb.v2{background-color:#F2FCF0 !important} html body .avcd .bthumb.v2 :is(b,i,span,small){color:#082215 !important} html body .avcd .bthumb.vC,html body.home .bthumb.vC{background-color:#FFFCF3 !important;border:1px solid rgba(23,23,23,.12) !important} html body .avcd a.bcard,html body.home a.bcard{border:1px solid rgba(23,23,23,.12) !important} html body .avcd .bthumb,html body.home .bthumb{border-radius:9px !important} /* v1.5.3 — 고스트 알약 테두리 잉크→딥그린 (avcd 반전 페어) */ html body .avcd .obtn,html body.home .obtn,html body .obtn{ border:1.5px solid rgba(8,34,21,.38) !important;color:#082215 !important;background:transparent !important; border-radius:999px !important;font-weight:600 !important} html body .obtn:hover{background:#082215 !important;color:#FFF71D !important;border-color:#082215 !important} /* v1.5.4 — radius·표면 최종 수렴 (avcd 실측 9px 단일) */ html body .avcd :is(.pcard,.gc,.bcard,.c,.win,.tm,.bthumb,.sb-highlight,.sbk-callout){border-radius:9px !important} html body .avcd [style*="border-radius:18px"],html body .avcd [style*="border-radius:8px"], html body .avcd [style*="border-radius: 18px"],html body .avcd [style*="border-radius: 8px"]{border-radius:9px !important} html body .avcd :is(.gc,.bcard,.c,.win,.tm,.bthumb,.pcard,.sb-highlight){background-color:#FFFCF3 !important} html body .avcd .bthumb.v1{background-color:#082215 !important} html body .avcd .bthumb.v2,html body .avcd .bthumb.v4{background-color:#F2FCF0 !important} /* v1.5.6 — 섹션 리듬 특이도 확정 (경쟁 body.home #insight (1,1,1) 제압 → (1,1,3)) */ html body.home .avcd #insight{background:#FFFCF3 !important} html body.home .avcd .sec.faq{background:#F2FCF0 !important} html body.home .avcd .sec.faq + .sec{background:#FFFCF3 !important} html body.home .avcd .sec.faq + .sec + .sec{background:#F2FCF0 !important} html body.home .avcd #cases{background:#FFFCF3 !important} html body.home .avcd #about{background:#F2FCF0 !important} /* ═══ v1.6.0 — 승인사례 썸네일 (avcd 타이포 패널) ═══ */ html body .avcd .sbk-ct{ position:relative;display:flex !important;flex-direction:column;justify-content:flex-end;gap:5px; padding:22px;min-height:186px;border-radius:9px !important;overflow:hidden} html body .avcd .sbk-ct--green{background:#082215 !important;border:0 !important} html body .avcd .sbk-ct--mint{background:#F2FCF0 !important;border:1px solid rgba(23,23,23,.12) !important} html body .avcd .sbk-ct--cream{background:#FFFCF3 !important;border:1.5px solid #082215 !important} html body .avcd .sbk-ct .ct-k{ position:absolute;top:18px;left:22px;font-size:11px;font-weight:700;letter-spacing:.16em} html body .avcd .sbk-ct .ct-n{ font-size:clamp(32px,3.6vw,46px);font-weight:700;letter-spacing:-.035em;line-height:1.02} html body .avcd .sbk-ct .ct-n i{font-style:normal;font-size:.44em;margin-left:5px;opacity:.82} html body .avcd .sbk-ct .ct-l{font-size:14px;font-weight:700;letter-spacing:-.01em} html body .avcd .sbk-ct .ct-f{ font-size:12.5px;font-weight:500;padding-top:10px;margin-top:4px;letter-spacing:-.01em} /* 딥그린 패널 */ html body .avcd .sbk-ct--green .ct-k{color:#FFF71D} html body .avcd .sbk-ct--green .ct-n{color:#FFF71D} html body .avcd .sbk-ct--green .ct-l{color:#F2FCF0} html body .avcd .sbk-ct--green .ct-f{color:rgba(242,252,240,.58);border-top:1px solid rgba(242,252,240,.2)} /* 민트·크림 패널 */ html body .avcd .sbk-ct--mint .ct-k,html body .avcd .sbk-ct--cream .ct-k{color:rgba(23,23,23,.45)} html body .avcd .sbk-ct--mint .ct-n,html body .avcd .sbk-ct--cream .ct-n{color:#082215} html body .avcd .sbk-ct--mint .ct-l,html body .avcd .sbk-ct--cream .ct-l{color:#171717} html body .avcd .sbk-ct--mint .ct-f,html body .avcd .sbk-ct--cream .ct-f{ color:rgba(23,23,23,.58);border-top:1px solid rgba(23,23,23,.14)} html body .avcd .sbk-ct .wm{display:none !important} /* v1.6.2 — 크림 pcard 대비 확정 실측 회귀: .pcard 를 크림으로 바꾸자 inline color:#FFFCF3 이름이 크림 위에 묻혀 소실. */ html body .avcd .crewg .pcard b,html body .avcd .pcard b{color:#171717 !important;font-size:17px !important;font-weight:700 !important} html body .avcd .crewg .pcard span,html body .avcd .pcard span{color:#082215 !important;font-weight:700 !important} html body .avcd .crewg .pcard em,html body .avcd .pcard em{color:rgba(23,23,23,.62) !important;font-style:normal} html body .avcd .crewg .pcard{border:1px solid rgba(23,23,23,.12) !important} /* ═══════════════════════════════════════════════════════════════ v1.7.0 — AVCD 정본 이식 (avcd.kr DOM 실측 2026-08-08) 근거: avcd.kr :root 커스텀 프로퍼티 51종 + 컴포넌트 computed style. 이 레이어는 앞선 v1.5.x 의 세 가지 오독을 정정한다. (a) "avcd radius 는 9px 단일" → 실측 --radius-md:10/lg:12/xl:16, 카드 22, 알약 999 (b) "오렌지·레드는 팔레트 이탈" → 실측 --avcd-tangerine:#fd5d0d / --avcd-raspberry:#ec234c 정식 토큰 (c) "레몬 면적을 억제하라" → 실측 레몬:아이보리 면적비 1.08%, 본 사이트 0.22% (5배 부족) ═══════════════════════════════════════════════════════════════ */ /* [1] Jost — avcd 가 쓰는 Renner_Book 의 동일계보 OFL 개명본. 라틴 유니코드 레인지로 한정해 한글은 Pretendard 로 자동 폴백된다 (avcd 와 동일 구조). */ @font-face{font-family:'Jost';font-style:normal;font-weight:400 700;font-display:swap; src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4jQmfxI.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Jost';font-style:normal;font-weight:400 700;font-display:swap; src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73ord4jQmfxIC7w.woff2) format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} /* [2] 토큰 SSOT — avcd :root 실측 전사 */ :root{ --avcd-evergreen:#082215;--avcd-evergreen-light:#F2FCF0;--avcd-ivory:#FFFCF3; --avcd-charcoal:#171717;--avcd-yellow:#FFF71D;--avcd-tangerine:#FD5D0D;--avcd-raspberry:#EC234C; --avcd-charcoal-70:rgba(23,23,23,.70);--avcd-charcoal-62:rgba(23,23,23,.62); --avcd-charcoal-45:rgba(23,23,23,.45);--avcd-charcoal-20:rgba(23,23,23,.20); --avcd-charcoal-12:rgba(23,23,23,.12); --avcd-ivory-70:rgba(255,252,243,.70);--avcd-ivory-45:rgba(255,252,243,.45); --avcd-ivory-16:rgba(255,252,243,.16); --avcd-surface-raised:rgba(255,255,255,.06);--avcd-line-subtle:rgba(255,255,255,.15); --radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-card:22px;--radius-pill:999px; --tracking-label:.14em;--tracking-wide:.06em;--tracking-tight:-.015em;--tracking-display:-.04em; --leading-tight:1.05;--leading-snug:1.2;--leading-body:1.55;--leading-relaxed:1.7; --sec-y:clamp(72px,9vw,108px);--sec-x:clamp(24px,5vw,64px); --font-display:'Jost','Pretendard Variable',Pretendard,'Apple SD Gothic Neo',system-ui,sans-serif; /* 구 별칭 유지 — 기존 레이어 파손 방지 */ --sbk-ivory:#FFFCF3;--sbk-ink:#171717;--sbk-ever:#082215;--sbk-mint:#F2FCF0;--sbk-lemon:#FFF71D; --sbk-line:rgba(23,23,23,.12) } /* [3] 폰트 스택 — 라틴은 Jost, 한글은 Pretendard (avcd 와 동일 이중 스택) */ html body,html body .avcd,html body .sbk-root{font-family:var(--font-display)} /* [4] 히어로 — 실측 결함: 스크림이 rgba(8,7,6) 갈검정, 섹션 폴백 #0A0908. avcd 다크 면은 예외 없이 딥그린 #082215 이다. */ html body .avcd section.hero1,html body section.hero1{background-color:#082215 !important} html body section.hero1 video{background-color:#082215 !important} html body section.hero1 .scrim{ background-image:linear-gradient(97deg,rgba(8,34,21,.90) 0%,rgba(8,34,21,.78) 34%,rgba(8,34,21,.38) 62%,rgba(8,34,21,.10) 100%) !important} html body section.hero1 .topfade{ background-image:linear-gradient(rgba(8,34,21,.66),rgba(8,34,21,0)) !important} /* [5] 타이포 스케일 — avcd 실측 h1 48px/700/-.04em/1.34 · h2 44~46px/700/-.04em/1.34 · 카드 h2 24px/700/-.01em/1.25 고정 px 자간(-0.306px)은 크기와 무관해 스케일이 깨진다 → em 기반으로 통일 */ html body :is(h1,h2,h3,h4){font-weight:700;letter-spacing:var(--tracking-display);line-height:1.34} html body h1{font-size:clamp(32px,4.4vw,48px)} html body .avcd h2:not(.gc h2):not(.bcard h2){letter-spacing:var(--tracking-display)} html body :is(.gc,.bcard,.c,.win,.tm,.pcard) :is(h2,h3){letter-spacing:-.01em;line-height:1.25} /* avcd 최대 굵기는 700 (워드마크만 800). 800 남발은 조판을 무겁게 만든다 */ html body .avcd :is(h1,h2,h3,h4,.h-xl,.hx,b,strong){font-weight:700} html body .avcd .wm,html body .avcd .brand{font-weight:800;letter-spacing:.2em} /* [6] 아이브로우 — avcd 실측 11~12px / 500 / .14em / uppercase 현행 11px/800/.18em 은 굵고 넓어 라벨이 제목과 경쟁한다 */ html body .avcd :is(.eyebrow,.kicker,.flabel,.sbk-no,.sbk-closer__eyebrow,[class*="eyebrow"]), html body .avcd .sbk-ct .ct-k{ font-family:var(--font-display);font-size:11px;font-weight:500; letter-spacing:var(--tracking-label);line-height:1.55;text-transform:uppercase} html body .avcd .sbk-closer__eyebrow{font-size:12px} /* [7] 형광펜 — avcd 실측: 레몬 바탕 + 딥그린 글자 + .14em 좌우 패딩 */ html body mark,html body .entry-content mark,html body .avcd mark, html body.home h1 em,html body .avcd .hero1 em{ background:var(--avcd-yellow);color:var(--avcd-evergreen); padding:0 .14em;border-radius:2px;font-style:normal; -webkit-box-decoration-break:clone;box-decoration-break:clone} /* [8] 알약 CTA — avcd 실측: 999px / padding 0 28px / 18px / 600 / 높이 52px 반전 페어 두 종만 존재한다 (크림 위=딥그린바탕+레몬글자 / 딥그린 위=레몬바탕+딥그린글자) */ html body .avcd :is(.sbk-pill,.lp,.obtn,.btn,.more,a.ghost,.sbk-actionbar a), html body .avcd .wp-block-button__link{ font-family:var(--font-display);border-radius:var(--radius-pill); padding:0 28px;min-height:52px;display:inline-flex;align-items:center;justify-content:center; gap:8px;font-size:17px;font-weight:600;letter-spacing:var(--tracking-tight);text-decoration:none} html body .avcd .sbk-pill--ever,html body .avcd .obtn.solid{background:var(--avcd-evergreen);color:var(--avcd-yellow)} html body .avcd .sbk-pill--lemon{background:var(--avcd-yellow);color:var(--avcd-evergreen)} /* 고스트는 avcd 에서 테두리 없이 잉크 글자 + 알약 히트영역만 갖는다 */ html body .avcd .obtn,html body .avcd .more,html body .avcd a.ghost{ border:1.5px solid rgba(8,34,21,.34);color:var(--avcd-evergreen);background:transparent} html body .avcd .obtn:hover{background:var(--avcd-evergreen);color:var(--avcd-yellow);border-color:var(--avcd-evergreen)} /* [9] 라운드 스케일 복원 — avcd 실측 10/12/16/22/999. v1.5.4 의 "9px 단일" 은 오독이었다. 특이도 (0,3,3) 으로 가드의 9px 를 제압한다. */ html body .avcd a.gc.gc,html body .avcd a.bcard.bcard,html body .avcd .pcard.pcard, html body .avcd .c.c,html body .avcd .win.win,html body .avcd .tm.tm, html body .avcd .bthumb.bthumb,html body .avcd .sbk-ct.sbk-ct{border-radius:var(--radius-lg) !important} html body .avcd .sb-highlight,html body .avcd .sbk-callout{border-radius:var(--radius-xl)} html body .avcd :is(.lp,.btn,.sbk-pill,.obtn,.wp-block-button__link,[class*="pill"]){border-radius:var(--radius-pill) !important} /* [10] 헤어라인·표면 — avcd 는 순백 카드를 쓰지 않는다. 크림 + charcoal-12 실선. */ html body .avcd :is(.gc,.bcard,.c,.win,.tm,.pcard,.bthumb.vC){ background-color:var(--avcd-ivory);border:1px solid var(--avcd-charcoal-12)} html body .avcd :is(.gc,.bcard):hover{border-color:rgba(8,34,21,.34)} /* [11] 위계는 색이 아니라 투명도로 — avcd 70 / 45 / 12 */ html body .avcd :is(.lead,.sub,.desc,p.muted){color:var(--avcd-charcoal-70)} html body .avcd :is(.meta,.date,.cap,small){color:var(--avcd-charcoal-45)} /* [12] 넘버 라벨 — avcd 실측 두 형태 공존 (a) 텍스트 라벨 "01 · Web" 12px/500/.14em (b) 46px 원형 배지 18px/700 v1.5.0 이 (b) 를 통째로 폐기했으나 avcd 는 실제로 두 형태를 함께 쓴다. */ html body .avcd .gc .num,html body .avcd .c .no{ font-family:var(--font-display);font-size:12px;font-weight:700; letter-spacing:var(--tracking-label);color:var(--avcd-charcoal-45)} /* [13] 액센트 토큰 복원 — tangerine·raspberry 는 avcd 정식 팔레트다. 실측: avcd 홈의 카드 1장이 통 tangerine(375×220) 배경이다. */ html body .avcd .acc-tan{background-color:var(--avcd-tangerine);color:var(--avcd-ivory)} html body .avcd .acc-rasp{background-color:var(--avcd-raspberry);color:var(--avcd-ivory)} /* [14] 섹션 세로 리듬 — avcd 실측 padding 108px 64px 고정 */ html body .avcd .sec,html body .avcd section.sec{padding-top:var(--sec-y);padding-bottom:var(--sec-y)} /* [15] 다크 면 위 텍스트 — ivory 70/45 로 위계 */ html body .avcd .sbk-dark :is(.lead,.sub,p),html body .sbk-closer p{color:var(--avcd-ivory-70)} html body .avcd .sbk-dark :is(.meta,small),html body .sbk-closer__note{color:var(--avcd-ivory-45)} /* ═══ v1.7.1 — 잔여 이탈 표면 수렴 (전수 실측 후속) ═══ avcd 팔레트에 순백(#FFF)과 따뜻한 탠(#DED9CD)은 없다. 표면은 아이보리·민트 두 종, 경계는 charcoal-12 헤어라인이 전부다. */ /* [1] 표·코드 헤더 — 탠 → avcd 민트 + 민트 라인 */ html body .entry-content th{background:#F2FCF0 !important;border-color:#D4E8D0 !important} html body .entry-content td{border-color:#D4E8D0 !important} html body .entry-content code{background:#F2FCF0 !important;color:#082215 !important;border-radius:4px} /* [2] 인라인 순백 표면 → 아이보리 (avcd 는 흰 카드를 쓰지 않는다) */ html body [style*="background:#fff;"],html body [style*="background:#FFF;"], html body [style*="background:#ffffff"],html body [style*="background:#FFFFFF"], html body [style*="background: #fff;"]{background-color:#FFFCF3 !important} /* 그 위 2px 잉크 테두리도 avcd 딥그린으로 */ html body [style*="solid #171717"],html body [style*="solid #17171"]{border-color:#082215 !important} /* ═══ v1.7.2 — 전수 검증 잔여 2건 ═══ (1)
— 세미콜론이 없어 v1.7.1 선택자가 빗나갔다. #fff 는 #fffcf3 의 접두사이므로 접미($=) 매칭으로 오탐 없이 잡는다. (2) 표 헤더가 .entry-content 밖에도 있었다. 표 자체를 대상으로 확정한다. */ html body [style$="background:#fff"],html body [style$="background:#FFF"], html body [style*="background:#fff "],html body [style*="background:#fff;"]{background-color:#FFFCF3 !important} html body table th{background:#F2FCF0 !important;border-color:#D4E8D0 !important;color:#082215 !important} html body table td{border-color:#D4E8D0 !important} /* ═══ v1.7.3 — 표 헤더 특이도 확정 ═══ 경쟁 규칙이 이 파일의 관례대로 .entry-content 를 중복해 (0,2,2) 를 갖고 있었다. v1.7.1 의 html body .entry-content th 는 (0,1,3) 이라 졌다. 3중으로 (0,3,3) 확정. */ html body .entry-content.entry-content.entry-content th{ background:#F2FCF0 !important;border-color:#D4E8D0 !important;color:#082215 !important} html body .entry-content.entry-content.entry-content td{border-color:#D4E8D0 !important} html body .entry-content.entry-content.entry-content code{background:#F2FCF0 !important;color:#082215 !important} /* ═══════════════════════════════════════════════════════════════ v1.7.4 — 소백 칼럼 섹션 avcd 정합 (avcd.kr/blog 카드 해부 기준) avcd 블로그 카드 = article > 이미지(서술적 alt) + 카테고리 + 제목 + 요약 + 날짜·저자 기존 소백 카드에는 요약·날짜·저자·카테고리·alt 가 전부 없었다. 이 다섯 개가 avcd 이식 누락분이자 E-E-A-T 손실분이다. ═══════════════════════════════════════════════════════════════ */ /* [1] 아이브로우 .eb — avcd 실측 11px/500/.14em (현행 13px/600/.16em) */ html body .avcd .eb,html body.home .eb{ font-family:var(--font-display);font-size:11px !important;font-weight:500 !important; letter-spacing:var(--tracking-label) !important;text-transform:uppercase; color:var(--avcd-charcoal-45);margin:0 0 20px} /* [2] 섹션 리드문 — avcd 는 대제목 아래 3문장 설명을 둔다 */ html body .sec-lede{ font-size:17px;line-height:1.68;color:var(--avcd-charcoal-70); margin:-8px 0 34px;max-width:62ch;letter-spacing:-.015em} /* [3] 검색 목업 — avcd 정합 기존: 2px 잉크 테두리 + 4px 오프셋 레몬 그림자(네오브루탈리즘, avcd 어휘 아님) avcd: 헤어라인 + 그림자 없음. 강조는 형광펜으로만. */ html body .sbk-searchmock{max-width:640px;margin:0 0 34px} html body .sbk-searchmock .sm-box{ display:flex;align-items:center;gap:12px;background:var(--avcd-ivory); border:1px solid var(--avcd-charcoal-12);border-radius:var(--radius-pill); padding:15px 24px;box-shadow:none} html body .sbk-searchmock .sm-q{ font-size:16px;font-weight:600;color:var(--avcd-evergreen);letter-spacing:-.02em; box-shadow:inset 0 -0.42em 0 var(--avcd-yellow)} html body .sbk-searchmock .sbk-caret{ display:inline-block;width:2px;height:17px;background:var(--avcd-evergreen); margin-left:2px;vertical-align:-3px;animation:sbkBlink 1s steps(1) infinite} @keyframes sbkBlink{50%{opacity:0}} html body .sbk-searchmock .sm-list{margin-top:10px;padding:4px} html body .sbk-searchmock .sm-list a{ display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:14.5px; color:var(--avcd-charcoal-70);text-decoration:none;border-radius:var(--radius-md); letter-spacing:-.015em;transition:background .14s,color .14s} html body .sbk-searchmock .sm-list a i{font-style:normal;color:var(--avcd-charcoal-45)} html body .sbk-searchmock .sm-list a:hover{background:var(--avcd-evergreen);color:var(--avcd-evergreen-light)} html body .sbk-searchmock .sm-list a:hover i{color:var(--avcd-yellow)} /* [4] 카테고리 필터 — avcd 블로그 실측 (알약 20px, 활성=딥그린) */ html body .sbk-catfilter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px} html body .sbk-catfilter .cf{ font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:-.02em; padding:8px 17px;border-radius:20px;text-decoration:none; background:var(--avcd-ivory);color:var(--avcd-charcoal-70); border:1px solid var(--avcd-charcoal-12);transition:background .14s,color .14s,border-color .14s} html body .sbk-catfilter .cf:hover{border-color:rgba(8,34,21,.34);color:var(--avcd-evergreen)} html body .sbk-catfilter .cf--on{ background:var(--avcd-evergreen);color:var(--avcd-ivory);border-color:var(--avcd-evergreen)} /* [5] 카드 — article 래퍼 + 내부 앵커 (시맨틱: avcd 는 article 을 쓴다) */ html body article.bcard{display:block;background:transparent;border:0} html body .bcard-a{display:block;text-decoration:none;color:inherit} html body img.bthumb--img{ width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block; border-radius:var(--radius-lg) !important;padding:0;min-height:0;border:1px solid var(--avcd-charcoal-12)} /* [6] 카드 메타 3종 — avcd 카드에는 있는데 소백엔 없던 것 */ html body .c-cat{ font-family:var(--font-display);font-size:11px;font-weight:500; letter-spacing:var(--tracking-label);text-transform:uppercase; color:var(--avcd-evergreen);margin:16px 0 0} html body .c-desc{ font-size:14.5px;line-height:1.66;color:var(--avcd-charcoal-70); margin:9px 0 0;letter-spacing:-.015em; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} html body .c-meta{ font-family:var(--font-display);font-size:13px;font-weight:500; color:var(--avcd-charcoal-45);margin:14px 0 0;letter-spacing:-.01em} html body .c-meta .c-dot{margin:0 7px;opacity:.6} html body article.bcard .bt2{margin-top:9px !important} html body article.bcard:hover{transform:translateY(-6px)} html body article.bcard{transition:transform .15s} html body article.bcard:hover .bt2{color:var(--avcd-evergreen) !important} /* [7] 타이포 패널 썸네일이 span 으로 쓰일 때 (이미지 없는 글) */ html body span.sbk-ct{min-height:200px;aspect-ratio:1200/630} html body span.sbk-ct > span{display:block} /* v1.7.5 — 칼럼 썸네일 잘림 수정 원본 PNG 는 800x420 이고 제목이 상단 가장자리에 붙어 있다. 고정 aspect-ratio + object-fit:cover 로는 상단이 잘린다. 자연비로 그대로 편다. */ html body img.bthumb--img{aspect-ratio:auto !important;height:auto !important;object-fit:fill !important} html body span.sbk-ct{aspect-ratio:800/420 !important;min-height:0 !important} /* ═══ v1.7.6 — 소백 칼럼 목록 avcd 정합 (전수 검증 후속) ═══ 실측 이탈: 카드 날짜가 #9AA4B1 블루그레이(대비 2.46, 팔레트 밖). avcd 는 메타를 charcoal 투명도로 쓴다. 62% 면 크림 위에서 대비 4.8 로 AA 통과. */ html body .bmeta,html body .bmeta time,html body .bmeta span{ color:rgba(23,23,23,.62) !important;font-family:var(--font-display); font-size:13px;font-weight:500;letter-spacing:-.01em} html body .bmeta .bmeta-dot{margin:0 7px;opacity:.6} html body .bsum{color:var(--avcd-charcoal-70) !important;font-size:14.5px;line-height:1.66;letter-spacing:-.015em} /* 칩 — avcd 블로그 실측(알약 20px, 활성=딥그린) */ html body .chips .chip{ font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:-.02em; padding:8px 17px;border-radius:20px;text-decoration:none; background:var(--avcd-ivory);color:var(--avcd-charcoal-70); border:1px solid var(--avcd-charcoal-12);display:inline-block} html body .chips .chip.on{background:var(--avcd-evergreen);color:var(--avcd-ivory);border-color:var(--avcd-evergreen)} html body .chips .chip:hover{border-color:rgba(8,34,21,.34);color:var(--avcd-evergreen)} /* 서비스 패널 순백 → avcd 아이보리 (업무분야·불승인구제 페이지) */ html body .svc,html body .svc-card,html body .avcd .svc{ background-color:var(--avcd-ivory) !important;border:1px solid var(--avcd-charcoal-12) !important} /* v1.7.7 — 카드 날짜 특이도 확정 경쟁 규칙이 (0,2,x)+!important 라 html body .bmeta time (0,1,3) 이 졌다. 클래스 중복으로 (0,3,3) 확정. 실측으로 이기는 선택자만 남긴다. */ html body .avcd .bmeta.bmeta,html body .avcd .bmeta.bmeta time,html body .avcd .bmeta.bmeta span, html body .bmeta.bmeta,html body .bmeta.bmeta time,html body .bmeta.bmeta span{ color:rgba(23,23,23,.62) !important;font-family:var(--font-display); font-size:13px !important;font-weight:500 !important;letter-spacing:-.01em} html body .avcd .bmeta.bmeta .bmeta-dot{margin:0 7px;opacity:.6} html body .avcd .bsum.bsum{color:var(--avcd-charcoal-70) !important} /* v1.7.8 — 홈 칼럼 카드 날짜: