/* 스크린리더 전용 */
.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.kbtn {border: none; border-radius: 15px;height: 60px;min-width: 200px;font-family: 'Noto Sans KR';font-weight:'600';font-size: 14px;}

.kepa_btn {
   position: relative;background: linear-gradient(90deg, #4267cf, #ce3c66);color: #ffffff; cursor: pointer;overflow: hidden;z-index: 0;width: 100%;height: 50px;border-radius: 5px;
 }
 .kepa_btn::before {
   content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;
   background: linear-gradient(270deg, #4267cf, #ce3c66);opacity: 0;transition: opacity 0.6s ease; z-index: -1;
 }
 
 .kbtn.keycolor {background: #4267cf;color: #ffffff}
 
 .ds_btn {background: #4267cf;color: #ffffff;font-size: 12px;border: 0;border-radius: 20px;padding: 4px 14px;}
 
 /* hover 시 물드는 효과 */
 .kepa_btn:hover::before {
   opacity: 1;
 }
 
 .glass {
    background: var(--glass-light);
    /* iOS 유리 효과 핵심 */
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    /* 얇은 유리 테두리 */
    border: 1px solid var(--stroke-light);
    /* 살짝 떠있는 그림자 */
    box-shadow:
    0 10px 30px rgba(0,0,0,0.06),
    0 2px 10px rgba(0,0,0,0.06);
 }
 
 /* 체크박스 */
 .form-check {
   display: flex;
   align-items: center;   /* 세로 가운데 정렬 */
   gap: 8px;              /* 체크박스와 텍스트 사이 간격 */
 }
 .form-check.form-check-inline {
   display: inline-flex;   
 }
 
 /* 체크박스 크기 키우기 */
 .form-check-input {
   width: 18px;
   height: 18px;
   cursor: pointer;
   margin: 0;       
 }
 .form-check-input.large {
   width: 26px;
   height: 26px;
 }
 
 /* 기본 테두리 색상 */
 .form-check-input {
   border: 1px solid #999;
   background-color: #fff;   /* 체크 전 배경 */
 }
 
 /* 체크되었을 때 색상 */
 .form-check-input:checked {
   background-color: var(--check);  /* 체크된 배경 */
   border-color: var(--check);
 }
 
 /* 포커스 시 아웃라인 */
 .form-check-input:focus {
   box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
   border-color: var(--check);
 }
 
 .form-check-input[type="radio"]:checked {
   background-color: var(--check);
   border-color: var(--check);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
 }
 
@media (max-width:650px){
   .kbtn {border: none; border-radius: 15px;height: 50px;min-width: 48%;font-family: 'Noto Sans KR';font-weight:'600';font-size: 14px;}
 }