input[type=password] {width: 100%;height: 48px;padding: 0 24px;border-radius: 4px;border:solid 1px var(--gray400);outline: none;font-size: 16px;line-height: 26px;color: var(--txtBg500)} 
input[type=password]::placeholder { color: var(--gray400); } 
input[type=password]:not([disabled]):hover { border-color:var(--primary600); } 

/* -- Layout -------------------- */
/*footer랑 contents 영역 겹쳐서 김은지 추가*/
#dashboard {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#contents {
  flex: 1; /* 남는 높이 채우기 */
}

/*취임사임 후 inputbox 버튼 비활성화 */
input[disabled],
button[disabled] {
  background-color: #f0f0f0;  /* 연한 회색 배경 */
  color: #888;               /* 글자 색도 회색 */
  cursor: not-allowed;       /* 마우스 커서도 금지 표시 */
  opacity: 1;                /* 혹시 opacity 기본값이 0.5면 보정 */
}
input[type="checkbox"].disabled {
  accent-color: #ccc;         /* 기본 체크박스면 이걸로 회색화 */
  cursor: not-allowed;
  opacity: 1;
}

/* 2) 커스텀 체크박스( label.checkbox::before 로 박스 그리는 경우 ) */
input[type="checkbox"].disabled + label.checkbox {
  color: var(--txtBg500);     /* 라벨 글자도 회색 */
  cursor: not-allowed;
}

input[type="checkbox"].disabled + label.checkbox::before {
  background-color: var(--gray300);
  border-color: #ccc;
}

input[type="checkbox"].disabled:checked + label.checkbox::before {
  background-color: #ccc;     /* 체크된 상태의 박스도 회색 */
  border-color: #aaa;
}
.textInput.disabled {
  background-color: var(--gray300);
  color: var(--txtBg500);
  cursor: not-allowed;
}

/* loading --------------------*/
/* .loading{display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.7); z-index:9999;}
.loading .loader-8{position:fixed; left:50%; top:30%; transform:translateX(-50%); display:inline-block; width:48px; height:48px; border:3px solid #fff; border-radius:100%; -webkit-animation:rotation 1s linear infinite; animation:rotation 1s linear infinite; }
.loading .loader-8::after{content:''; position:absolute; left:5px; top:5px; background:var(--color-main); width:16px; height:16px; transform:translate(-50%, -50%); border-radius:50%;}
.loading .txt {	margin-left: 45px; margin-top: 50vh; text-align: center; color: #fff; font-size: 14px; line-height: 20px; } */

/* -- BigModal[기존 popWrap을 BigModal로 변경] -------------------- */
.bigModalOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000; } 
.bigModalOverlay.active { display: flex; } 
.bigModal { background: #fff; width: 90%; max-width: 1200px; max-height: 90vh; border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; animation: fadeIn 0.3s ease; } 

 /* -- BigModal(M) -------------------- */
 .bigModalOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000; } 
 .bigModalOverlay.active { display: flex; } 
 .bigModal { background: #fff; width: 91.11%; max-width: 1200px; border-radius: 24px; overflow: hidden; animation: fadeIn 0.3s ease; } 

body.modal-open { overflow: hidden; height: 100%;}

.clickable-row { cursor: pointer; }


/* Bold / Italic 강제 적용 */
.ql-editor strong { font-weight: bold !important; }
.ql-editor em { font-style: italic !important; }

/* 한국어 폰트 정의 */
.ql-font-gulim { font-family: '굴림', Gulim, sans-serif; }
.ql-font-batang { font-family: '바탕', Batang, serif; }
.ql-font-dotum { font-family: '돋움', Dotum, sans-serif; }
.ql-font-malgun { font-family: '맑은 고딕', Malgun Gothic, sans-serif; }

.ql-size-8px { font-size: 8px; !important;}
.ql-size-10px { font-size: 10px; !important;}
.ql-size-12px { font-size: 12px; !important;}
.ql-size-14px { font-size: 14px; !important;}
.ql-size-16px { font-size: 16px; !important;}
.ql-size-18px { font-size: 18px; !important;}
.ql-size-20px { font-size: 20px; !important;}
.ql-size-24px { font-size: 24px; !important;}
.ql-size-28px { font-size: 28px; !important;}
.ql-size-32px { font-size: 32px; !important;}
.ql-size-36px { font-size: 36px; !important;}

.noDrag {
  user-select: text; /* 글자 선택 가능 */
  cursor: text; /* 손가락 대신 I자 커서 */
}

 
/* -- BigModal[기존 popWrap을 BigModal로 변경] -------------------- */
/* .modalOverlay { display: none; 기본은 숨김
 position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000; } 
.modalOverlay.active { display: flex; } 
.modal { background: #fff; width: 90%; max-width: 560px; border-radius: 24px; overflow: hidden; animation: fadeIn 0.3s ease; } 
.modalHeader { position: relative; padding: 24px 32px; background: var(--primary600); font-weight: 700; font-size:28px; line-height:1.357; color: var(--txtBg100); } 
.modalHeader .btnModalClose { position: absolute; top: 27px; right: 32px; width: 32px; height: 32px; cursor: pointer; fill: var(--txtBg100); stroke: var(--txtBg100); font-size: 0; } 
.modalHeader .btnModalClose svg { width: 100%; height: 100%; } 
.modalHeader .btnModalClose * { fill: inherit; stroke: inherit; } 
.modalBody { padding: 24px 32px 8px; text-align: center; } 
.modalFooter { display: flex; justify-content: center; column-gap: 8px; padding: 24px 32px; }  */

 /* -- Modal(M) -------------------- */
/*  .modalOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 1000; } 
 .modalOverlay.active { display: flex; } 
 .modal { background: #fff; width: 91.11%; max-width: 560px; border-radius: 24px; overflow: hidden; animation: fadeIn 0.3s ease; } 
 .modalHeader { padding: 16px 24px; font-size:24px; line-height:1.58; } 
 .modalHeader .btnModalClose { top:23px; right: 24px; width: 24px; height: 24px; } 
 .modalBody { padding: 24px 24px 8px; } 
 .modalBody .t6 { font-size: 16px; line-height:1.625; } 
 .modalBody .t4 { font-size: 20px; line-height:1.6; } 
 .modalBody .mtSp4 { margin-top: 24px; } 
 .modalBody .mbSp2 { margin-bottom: 4px; } 
 .modalBody .mbSp4 { margin-bottom: 8px; } 
 .modalFooter { padding: 8px 24px 24px; }  */