/* 상담신청(페이지 188) 「신청부터 상담까지」 그림(2026-11-06). 원본: case-visuals/site-cleanup/site-cleanup.css 상담신청 부분. */
.cbk { --navy: #071b35; --muted: #5d6873; --ivory: #f4f0e8; --sage: #3f5c45; --line: rgba(7, 27, 53, .16); max-width: 1088px; margin: 24px 0 40px; padding: 30px 32px 30px; background: #fff; border: 1px solid var(--line); color: #17202a; font-size: 15px; line-height: 1.6; word-break: keep-all; overflow-wrap: break-word; }
.cbk * { box-sizing: border-box; }
.cbk.cbk p { margin: 0; }
.cbk :focus-visible { outline: 2px solid #b5372b; outline-offset: 2px; }
.cbk-head { margin-bottom: 20px; }
.cbk-eyebrow { display: block; margin-bottom: 6px; color: var(--sage); font-size: 12.5px; font-weight: 600; letter-spacing: .06em; }
.cbk.cbk .cbk-title { color: var(--navy); font-family: "MaruBuri", serif; font-size: clamp(21px, 2.4vw, 27px); font-weight: 600; line-height: 1.35; letter-spacing: -.02em; }
.cbk-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 18px; padding: 18px 0; border-top: 1px solid var(--line); }
.cbk.cbk .cbk-row-name { color: var(--navy); font-family: "MaruBuri", serif; font-size: 21px; font-weight: 600; line-height: 1.3; }
.cbk-no { display: block; margin-bottom: 2px; color: var(--sage); font-size: 13px; }
.cbk-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.cbk.cbk .cbk-note { grid-column: 2; margin-top: 10px; color: var(--muted); font-size: 13px; }
.cbk-card { display: flex; flex-direction: column; min-width: 0; padding: 14px 16px 14px; background: #fafaf8; border: 1px solid rgba(7, 27, 53, .12); border-top: 2px solid var(--navy); border-radius: 2px; }
.cbk-card--pic { display: grid; grid-template-columns: 150px minmax(0, 1fr); column-gap: 14px; align-items: start; }
.cbk-body { display: flex; flex-direction: column; min-width: 0; height: 100%; }
.cbk-name { display: block; color: var(--navy); font-family: "MaruBuri", serif; font-size: 18px; font-weight: 600; line-height: 1.4; }
.cbk.cbk .cbk-say { margin-top: 6px; color: #33404b; font-size: 14.5px; line-height: 1.6; }
.cbk.cbk .cbk-say--sub { margin-top: 4px; color: var(--muted); font-size: 13.5px; }
.cbk-go { display: inline-block; width: fit-content; margin-top: auto; padding-top: 10px; color: var(--navy); font-size: 14px; font-weight: 500; text-decoration: underline; text-decoration-color: rgba(7, 27, 53, .3); text-underline-offset: 3px; }
.cbk-go::after { content: " →"; }
.cbk-go:hover { text-decoration-color: var(--navy); }
.cbk a.cbk-tel { display: inline-block; width: fit-content; margin-top: 12px; padding: 8px 14px; background: var(--navy); border-radius: 2px; color: #fff; font-size: 17px; font-weight: 600; letter-spacing: .02em; text-decoration: none; font-variant-numeric: tabular-nums; }
.cbk a.cbk-tel:hover, .cbk a.cbk-tel:focus-visible { background: #102d4c; color: #fff; }
.cbk a.cbk-tel { text-align: center; }
.cbk a.cbk-tel.is-copied, .cbk a.cbk-tel.is-copied:hover { background: var(--sage); color: #fff; }
.cbk.cbk .cbk-tel-help { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.cbk-copied { display: block; min-height: 20px; margin-top: 6px; color: var(--sage); font-size: 13px; font-weight: 600; }
.cbk-pic { display: block; aspect-ratio: 4 / 3; max-width: 100%; overflow: hidden; background: #e8e8e6; border-radius: 2px; }
.cbk-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cbk-pic--phone { display: flex; align-items: center; justify-content: center; background: var(--ivory); }
.cbk-phone { position: relative; display: block; width: 38px; height: 66px; border: 3px solid var(--navy); border-radius: 8px; background: #fff; }
.cbk-phone i { position: absolute; left: 50%; bottom: 5px; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: var(--navy); }
@media (max-width: 900px) {
    .cbk-row { grid-template-columns: minmax(0, 1fr); row-gap: 10px; }
    .cbk-pair { grid-template-columns: minmax(0, 1fr); }
    .cbk.cbk .cbk-note { grid-column: 1; }
}
@media (max-width: 520px) {
    .cbk { padding: 20px 14px 22px; }
    .cbk-card--pic { grid-template-columns: 96px minmax(0, 1fr); column-gap: 12px; }
    .cbk-phone { width: 26px; height: 44px; border-width: 2px; border-radius: 6px; }
    .cbk-phone i { width: 6px; height: 6px; margin-left: -3px; bottom: 4px; }
}