/* 관심고객 등록 고정 버튼 (2026-10-28)
   모바일: 하단 블랙 라인 바 → 위로 펼쳐지는 상담폼 / PC: 오른쪽 세로 탭 → 기존 등록 창(.register) */
.mcta{display:none;font-family:'Pretendard',sans-serif;letter-spacing:-0.02em;}
.mcta *{box-sizing:border-box;}
.mcta button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}

@media all and (max-width: 1024px){
	.mcta{display:block;}
	body.has-mcta footer{padding-bottom:88px;}
}
.register.on ~ .mcta{display:none;}

/* ── 바 ── */
.mcta-bar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;align-items:center;border:none;transform:translate(0,140%);transition:transform 0.5s cubic-bezier(.2,.8,.2,1);}
.mcta.is-shown .mcta-bar{transform:translate(0,0);}
.mcta.is-open .mcta-bar{transform:translate(0,140%);}
.mcta-ico{display:block;width:10px;height:10px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:translate(0,2px) rotate(45deg);}

/* ── 딤 ── */
.mcta-dim{position:fixed;inset:0;z-index:96;background:rgba(0,0,0,0.55);opacity:0;pointer-events:none;transition:opacity 0.4s;}
.mcta.is-open .mcta-dim{opacity:1;pointer-events:auto;}

/* ── 시트 ── */
.mcta-sheet{position:fixed;left:0;right:0;bottom:0;z-index:97;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 24px 28px;transform:translate(0,105%);transition:transform 0.55s cubic-bezier(.2,.8,.2,1);}
.mcta.is-open .mcta-sheet{transform:translate(0,0);}
.mcta-handle{display:none;width:40px;height:4px;border-radius:4px;margin:-12px auto 20px;}
.mcta-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border:none;background:none;}
.mcta-close::before,.mcta-close::after{content:"";position:absolute;left:11px;top:19px;width:18px;height:1.5px;background:currentColor;}
.mcta-close::before{transform:rotate(45deg);}
.mcta-close::after{transform:rotate(-45deg);}
.mcta-head{margin-bottom:24px;padding-right:36px;}
.mcta-kicker{font-size:12px;font-weight:500;letter-spacing:0.08em;}
.mcta-title{margin-top:6px;font-size:22px;font-weight:700;}
.mcta-desc{margin-top:8px;font-size:13px;line-height:1.55;}
.mcta-field{display:block;}
.mcta-field ~ .mcta-field{margin-top:14px;}
.mcta-field span{display:block;font-size:12px;font-weight:500;margin-bottom:6px;}
.mcta-field input{display:block;width:100%;height:48px;font-size:16px;font-family:inherit;outline:none;border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color 0.3s,background-color 0.3s;}
.mcta-agree-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;}
.mcta-agree{display:flex;align-items:center;gap:8px;font-size:13px;}
.mcta-agree input{position:absolute;opacity:0;width:0;height:0;}
.mcta-agree i{position:relative;flex:none;width:18px;height:18px;border:1px solid currentColor;opacity:0.7;}
.mcta-agree input:checked + i{opacity:1;}
.mcta-agree input:checked + i::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);}
.mcta-terms-btn{border:none;background:none;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px 0;}
.mcta-terms{margin-top:10px;font-size:12px;line-height:1.6;padding:12px 14px;}
.mcta-terms dt{font-weight:600;}
.mcta-terms dd ~ dt{margin-top:6px;}
.mcta-submit{display:block;width:100%;height:54px;margin-top:22px;border:none;font-size:16px;font-weight:700;letter-spacing:0.02em;}
.mcta-submit:disabled{opacity:0.6;}
.mcta-done{padding:24px 0 8px;text-align:center;font-size:15px;line-height:1.7;}
.mcta-done strong{display:block;font-size:19px;font-weight:700;margin-bottom:6px;}

/* ── 색 : 사이트 상단 라인·기존 등록 팝업과 같은 결 ── */
.mcta .mcta-bar{height:64px;justify-content:center;gap:10px;background:#0b0b0b;color:#dfd4c5;border-top:1px solid #dfd4c5;}
.mcta .mcta-bar-a{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;letter-spacing:0.18em;}
.mcta .mcta-sheet{background:#1a1a1a;color:#fff;border-top:1px solid #dfd4c5;}
.mcta .mcta-kicker{color:#dfd4c5;}
.mcta .mcta-desc{color:rgba(255,255,255,0.6);}
.mcta .mcta-field span{color:rgba(255,255,255,0.7);}
.mcta .mcta-field input{background:none;border:none;border-bottom:1px solid rgba(255,255,255,0.2);color:#fff;padding:0;}
.mcta .mcta-field input:focus{border-bottom-color:#dfd4c5;}
.mcta .mcta-field input::placeholder{color:rgba(255,255,255,0.3);}
.mcta .mcta-agree{color:rgba(255,255,255,0.8);}
.mcta .mcta-terms-btn{color:rgba(255,255,255,0.5);}
.mcta .mcta-terms{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.6);}
.mcta .mcta-submit{background:#dfd4c5;color:#111;}
.mcta .mcta-close{color:#fff;}


/* ── PC (1025px~) : 오른쪽 세로 탭 ── */
@media all and (min-width: 1025px){
	.mcta{display:block;}
	.mcta .mcta-dim,.mcta .mcta-sheet{display:none;}
	.mcta .mcta-bar,.mcta.is-shown .mcta-bar{left:auto;right:0;top:50%;bottom:auto;width:56px;height:220px;padding:0;flex-direction:column;justify-content:center;gap:14px;background:#0b0b0b;border:1px solid #dfd4c5;border-right:none;transform:translate(0,-50%);transition:background-color 0.3s;}
	.mcta .mcta-bar:hover{background:#1f1f1f;}
	.mcta .mcta-bar-a{writing-mode:vertical-rl;font-size:15px;letter-spacing:0.3em;gap:14px;}
	.mcta .mcta-ico{transform:rotate(-45deg);margin-top:4px;}
}

/* ── 등록 창(.register) : 화면보다 길면 잘리지 않고 스크롤 (서브페이지 원본 CSS 에 overflow 가 빠져 있다) ── */
.register .rig{overflow-y:auto;overscroll-behavior:contain;align-items:flex-start;}
.register .rig > .box{margin:auto 0;padding:4vh 0;}

/* ── 등록 창 동의 체크 : 숨긴 체크박스를 네모 위에 투명하게 겹쳐 어떤 브라우저에서도 직접 눌리게 ── */
.register .terms .agree em{position:relative;display:inline-flex;}
.register .terms .agree em input{display:block !important;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1;}
.register .terms .agree em i{position:relative;transition:border-color 0.2s,background-color 0.2s;}
.register .terms .agree em input:checked ~ i{background:#dfd4c5 !important;border-color:#dfd4c5 !important;}
.register .terms .agree em input:checked ~ i::after{content:"";position:absolute;left:50%;top:45%;width:30%;height:58%;border-right:2px solid #111;border-bottom:2px solid #111;transform:translate(-50%,-50%) rotate(45deg);}
.register .terms .agree em input:checked ~ i + span,.register .terms .agree label:has(input:checked) span{color:rgba(255,255,255,0.85);}

/* ── 메인 BENEFITS 아래 간편 상담폼 (PC 전용) ── */
.lead-inline{display:none;}
@media all and (min-width: 1025px){
	.lead-inline{display:block;background:#0b0b0b;padding:4.1667vw 0;font-family:'Pretendard',sans-serif;letter-spacing:-0.02em;}
	.lead-inline *{box-sizing:border-box;}
	.lead-inline .area{display:flex;align-items:center;gap:3.3333vw;padding:0 12.5vw;}
	.lead-inline .li-head{flex:none;width:17.7083vw;}
	.lead-inline .li-kicker{color:#dfd4c5;font-size:13px;font-weight:500;letter-spacing:0.08em;}
	.lead-inline .li-title{margin-top:8px;color:#fff;font-size:26px;font-weight:700;}
	.lead-inline .li-desc{margin-top:10px;color:rgba(255,255,255,0.55);font-size:14px;line-height:1.6;}
	.lead-inline .li-form{position:relative;flex:1;display:flex;align-items:flex-end;gap:1.6667vw;}
	.lead-inline .li-field{flex:1;display:block;}
	.lead-inline .li-field span{display:block;margin-bottom:8px;color:rgba(255,255,255,0.6);font-size:13px;font-weight:500;}
	.lead-inline .li-field input{display:block;width:100%;height:48px;padding:0;background:none;border:none;border-bottom:1px solid rgba(255,255,255,0.25);border-radius:0;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:border-color 0.3s;}
	.lead-inline .li-field input:focus{border-bottom-color:#dfd4c5;}
	.lead-inline .li-field input::placeholder{color:rgba(255,255,255,0.3);}
	.lead-inline .li-agree-row{position:relative;flex:none;display:flex;align-items:center;gap:12px;height:48px;}
	.lead-inline .li-agree{position:relative;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.8);font-size:14px;cursor:pointer;}
	.lead-inline .li-agree input{position:absolute;left:0;top:50%;width:18px;height:18px;margin:-9px 0 0;opacity:0;cursor:pointer;z-index:1;}
	.lead-inline .li-agree i{position:relative;flex:none;width:18px;height:18px;border:1px solid rgba(255,255,255,0.6);}
	.lead-inline .li-agree input:checked + i{border-color:#dfd4c5;}
	.lead-inline .li-agree input:checked + i::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border-right:1.5px solid #dfd4c5;border-bottom:1.5px solid #dfd4c5;transform:rotate(45deg);}
	.lead-inline .li-terms-btn{padding:6px 0;border:none;background:none;color:rgba(255,255,255,0.5);font-size:13px;font-family:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
	.lead-inline .li-terms{position:absolute;left:0;bottom:60px;z-index:2;width:440px;padding:14px 16px;background:#1a1a1a;border:1px solid rgba(223,212,197,0.35);box-shadow:0 12px 32px rgba(0,0,0,0.4);color:rgba(255,255,255,0.65);font-size:12px;line-height:1.6;}
	.lead-inline .li-terms dt{font-weight:600;color:rgba(255,255,255,0.8);}
	.lead-inline .li-terms dd ~ dt{margin-top:6px;}
	.lead-inline .li-submit{flex:none;width:12.5vw;min-width:180px;height:56px;border:none;background:#dfd4c5;color:#111;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background-color 0.3s;}
	.lead-inline .li-submit:hover{background:#ece3d6;}
	.lead-inline .li-submit:disabled{opacity:0.6;}
	.lead-inline .li-done{flex:1;color:#fff;font-size:16px;line-height:1.6;}
	.lead-inline .li-done strong{color:#dfd4c5;font-weight:700;}
}