/* ==========================================================================
   상담 폼 · 팝업 · 떠 있는 상담 창 · 개인정보 모달 — 상간소송 원고 랜딩페이지 (법무법인 정서)
   ========================================================================== */
/* ---------- 상담 폼 (누른 버튼 아래로 펼쳐짐 / 헤더·배너·퀵은 팝업) ---------- */
.form-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1),margin-top .45s cubic-bezier(.4,0,.2,1);margin-top:0}
.form-slot.open{grid-template-rows:1fr;margin-top:20px}
.form-slot>div{overflow:hidden;min-height:0}
.form-slot.is-done>div{overflow:visible}
.form-slot.is-center .cform{margin-inline:auto}
/* 히어로 안에서 폼이 열리면: 히어로 높이를 풀어 폼이 잘리지 않게, 인물 사진 크기는 화면 높이 기준 그대로 */
.hero.hero--form{height:auto;min-height:calc(100vh - var(--hh));min-height:calc(100svh - var(--hh))}
.hero--form .hero__copy{height:auto;justify-content:flex-start;padding-bottom:72px}
.hero--form .hero__person img{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.hero .form-slot{align-self:stretch}
.hero .form-slot .cform{margin-inline:0}
.cform{width:min(100%,560px);background:#fff;border-radius:18px;padding:26px 26px 22px;text-align:left;color:#1a1a1a;font-family:var(--sans);box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.cform__t{font-size:17px;font-weight:600;letter-spacing:-.02em}
.cform__grid{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform__row{display:flex;flex-direction:column;gap:6px;min-width:0}
.cform__row--full{grid-column:1/-1}
.cform label{font-size:13px;font-weight:600;color:#555}
.cform input[type=text],.cform input[type=tel],.cform textarea{width:100%;font:inherit;font-size:15px;color:#1a1a1a;background:#fff;border:1px solid #d4d4d4;border-radius:10px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}
.cform textarea{min-height:76px;resize:vertical;line-height:1.55}
.cform input::placeholder,.cform textarea::placeholder{color:#a3a3a3}
.cform input:focus,.cform textarea:focus{outline:none;border-color:#b8996b;box-shadow:0 0 0 3px rgba(184,153,107,.22)}
.cform .is-bad{border-color:#d0475f}
.cform__bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cform__agree{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#555;cursor:pointer}
.cform__agree input{-webkit-appearance:none;appearance:none;flex:0 0 18px;width:18px;height:18px;margin:0;border-radius:4px;border:1.5px solid #dcdcdc;background:#ececec center/12px no-repeat;cursor:pointer;transition:background-color .15s,border-color .15s}
.cform__agree input:checked{background-color:#b8996b;border-color:#b8996b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.3 4.6-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cform__agree input:focus-visible{outline:2px solid #b8996b;outline-offset:2px}
.cform__agree a{color:#877256;text-decoration:underline;text-underline-offset:2px}
.cform .btn{height:48px;padding:0 26px;font-size:15px}
.cform__err{margin-top:10px;font-size:13px;color:#c43a54}
.cform__done{display:none;padding:22px 4px 10px;text-align:center}
.cform__done b{display:block;font-family:var(--serif);font-weight:200;font-size:22px;color:#1a1a1a}
.cform__done span{display:block;margin-top:6px;font-size:14.5px;color:#555}
.cform.is-sent .cform__body{display:none}
.cform.is-sent .cform__done{display:block}
.fi-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cpop,.pmodal{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:16px;background:rgba(5,4,7,.8)}
html.is-locked,html.is-locked body{overflow:hidden;overscroll-behavior:none}
.cpop__box{position:relative;width:min(100%,560px)}
/* 헤더·퀵메뉴의 상담 신청: 화면을 가리지 않고 버튼 옆에 창으로 얹힘 (PC) */
.cfloat{position:fixed;z-index:960;width:min(440px,calc(100vw - 32px));overscroll-behavior:contain;opacity:0;transform:translateY(-12px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .3s ease,transform .38s cubic-bezier(.2,.8,.2,1)}
.cfloat--side{transform:translateX(14px) scale(.98);transform-origin:right center}
.cfloat--up{transform:translateY(14px) scale(.98);transform-origin:bottom center}
.cfloat.is-open{opacity:1;transform:none;pointer-events:auto}
.cfloat .cform{width:100%;box-shadow:0 24px 60px -12px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.04)}
.cfloat .cform__grid{grid-template-columns:1fr}
.cpop .cform{width:100%;box-shadow:0 30px 60px -24px rgba(0,0,0,.7)}
.cpop__x,.pmodal__x{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--tx-2);font-size:22px;line-height:1}
.cpop__x{color:#555}
.cpop__x:hover{background:#f0f0f0!important}
.cpop__x:hover,.pmodal__x:hover{background:var(--card)}
.pmodal__box{position:relative;width:min(100%,640px);max-height:min(80vh,720px);display:flex;flex-direction:column;background:var(--card-2);border-radius:18px;overflow:hidden}
.pmodal__x{z-index:2;background:var(--card-2)}
.pmodal__scroll{overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:30px 30px 26px}
.pmodal__scroll::-webkit-scrollbar{display:none}
.pmodal__box p:last-of-type{padding-bottom:40px}
.pmodal__box::after{content:"";position:absolute;left:0;right:0;bottom:0;height:56px;background:linear-gradient(rgba(27,26,31,0),var(--card-2) 85%);pointer-events:none}
.pmodal__box h3{font-size:18px;font-weight:600}
.pmodal__box p{margin-top:10px;font-size:14px;line-height:1.75;color:var(--tx-2)}
.pmodal__box p.h{margin-top:18px;font-weight:600;color:var(--tx)}
@media (max-width:640px){.cform{padding:22px 18px 18px}.cform__grid{grid-template-columns:1fr}.cform .btn{width:100%;justify-content:center}}