/* 신청 페이지 공통 UI: 동의 체크박스와 카카오톡 인증 버튼을 페이지마다 같은 모양으로 맞춘다.
   main / yangdo_tax / tax_apply / vat_apply / bookkeeping_apply 에서 불러온다. */

/* ── 동의 체크박스 ─────────────────────────────── */
#heroApplyAgreeService, #heroApplyAgreePrivacy,
#mainApplyAgreeService, #mainApplyAgreePrivacy, #mainApplyAgreeTaxData, #mainApplyAgreeComwel,
#ygAgree, #ygTaxDocsConsent,
#agree, #taxDocsConsent, #f-agree {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0 !important;
  border: 1.5px solid #AEB6C4;
  border-radius: 6px;
  background: #fff no-repeat center / 14px 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}

#heroApplyAgreeService:checked, #heroApplyAgreePrivacy:checked,
#mainApplyAgreeService:checked, #mainApplyAgreePrivacy:checked, #mainApplyAgreeTaxData:checked, #mainApplyAgreeComwel:checked,
#ygAgree:checked, #ygTaxDocsConsent:checked,
#agree:checked, #taxDocsConsent:checked, #f-agree:checked {
  border-color: #101B34;
  background-color: #101B34;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

#heroApplyAgreeService:focus-visible, #heroApplyAgreePrivacy:focus-visible,
#mainApplyAgreeService:focus-visible, #mainApplyAgreePrivacy:focus-visible, #mainApplyAgreeTaxData:focus-visible, #mainApplyAgreeComwel:focus-visible,
#ygAgree:focus-visible, #ygTaxDocsConsent:focus-visible,
#agree:focus-visible, #taxDocsConsent:focus-visible, #f-agree:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(16, 27, 52, .18);
}

/* 동의 문구: 체크박스 옆 줄 높이에 맞추고 글자를 키운다 */
body .mv .hero-apply-agree { grid-template-columns: 22px 1fr auto; gap: 10px; min-height: 40px; }
.mv .hero-apply-agree label,
.main-apply-agree label,
.yg-agree > span, .yg-docs-consent > span,
.consent > span, .agree > span {
  font-size: 14.5px;
  line-height: 1.5;
  color: #2A3446;
}
.yg-agree, .yg-docs-consent, .consent, .agree { align-items: flex-start; gap: 10px; }

/* ── 카카오톡 인증 요청 버튼 ───────────────────── */
#mainApplyStartBtn, #mainApplyComwelBtn, #ygTaxDocsStartAuth, #taxDocsStartAuthBtn, #startAuthButton,
#mainApplyCompleteBtn, #mainApplyComwelCompleteBtn, #ygTaxDocsCompleteAuth, #taxDocsCompleteAuthBtn, #completeAuthButton {
  width: 100%;
  min-height: 54px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.01em;
  text-align: center;
  box-shadow: none;
  cursor: pointer;
  transition: background-color .15s, color .15s, transform .1s;
}
#mainApplyStartBtn:not([hidden]), #mainApplyComwelBtn:not([hidden]), #ygTaxDocsStartAuth:not([hidden]),
#taxDocsStartAuthBtn:not([hidden]), #startAuthButton:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#mainApplyStartBtn, #mainApplyComwelBtn, #ygTaxDocsStartAuth, #taxDocsStartAuthBtn, #startAuthButton {
  color: rgba(0, 0, 0, .85);
  background: #FEE500;
}
#mainApplyStartBtn::before, #mainApplyComwelBtn::before, #ygTaxDocsStartAuth::before,
#taxDocsStartAuthBtn::before, #startAuthButton::before {
  content: "";
  flex: 0 0 auto;
  width: 19px;
  height: 19px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.48 3 2 6.58 2 11c0 2.83 1.84 5.32 4.62 6.75-.2.75-.74 2.72-.85 3.14-.13.52.19.51.4.37.17-.11 2.66-1.81 3.74-2.54.68.1 1.38.15 2.09.15 5.52 0 10-3.58 10-8S17.52 3 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.48 3 2 6.58 2 11c0 2.83 1.84 5.32 4.62 6.75-.2.75-.74 2.72-.85 3.14-.13.52.19.51.4.37.17-.11 2.66-1.81 3.74-2.54.68.1 1.38.15 2.09.15 5.52 0 10-3.58 10-8S17.52 3 12 3z'/%3E%3C/svg%3E") center / contain no-repeat;
}
#mainApplyStartBtn:hover:not(:disabled), #mainApplyComwelBtn:hover:not(:disabled), #ygTaxDocsStartAuth:hover:not(:disabled),
#taxDocsStartAuthBtn:hover:not(:disabled), #startAuthButton:hover:not(:disabled) {
  background: #F5DC00;
}
#mainApplyStartBtn:disabled, #mainApplyComwelBtn:disabled, #ygTaxDocsStartAuth:disabled,
#taxDocsStartAuthBtn:disabled, #startAuthButton:disabled {
  color: #9AA2AF;
  background: #ECEEF1;
  cursor: not-allowed;
  opacity: 1;
}

/* 인증 완료 확인 버튼 */
#mainApplyCompleteBtn, #mainApplyComwelCompleteBtn, #ygTaxDocsCompleteAuth, #taxDocsCompleteAuthBtn, #completeAuthButton {
  margin-top: 10px;
  color: #fff;
  background: #101B34;
}
#mainApplyCompleteBtn:hover:not(:disabled), #mainApplyComwelCompleteBtn:hover:not(:disabled), #ygTaxDocsCompleteAuth:hover:not(:disabled),
#taxDocsCompleteAuthBtn:hover:not(:disabled), #completeAuthButton:hover:not(:disabled) {
  background: #1C2A4A;
}
#mainApplyCompleteBtn:disabled, #mainApplyComwelCompleteBtn:disabled, #ygTaxDocsCompleteAuth:disabled,
#taxDocsCompleteAuthBtn:disabled, #completeAuthButton:disabled {
  opacity: .45;
  cursor: not-allowed;
}

#mainApplyStartBtn:active:not(:disabled), #mainApplyComwelBtn:active:not(:disabled), #ygTaxDocsStartAuth:active:not(:disabled),
#taxDocsStartAuthBtn:active:not(:disabled), #startAuthButton:active:not(:disabled),
#mainApplyCompleteBtn:active:not(:disabled), #mainApplyComwelCompleteBtn:active:not(:disabled), #ygTaxDocsCompleteAuth:active:not(:disabled),
#taxDocsCompleteAuthBtn:active:not(:disabled), #completeAuthButton:active:not(:disabled) {
  transform: scale(.99);
}