/* =============================================================
   알림 / 확인 팝업 (jquery-confirm) 공통 테마 — 관리자/대민 공용
   -------------------------------------------------------------
   createLayerAlert / createLayerConfirm / "메시지".alert() (common.js)
   가 생성하는 jquery-confirm 팝업의 겉모습을 덮어쓴다.
   플러그인 원본(jquery-confirm.css)은 라이브러리 파일이라 직접 고치지
   않고, 이 파일을 그 뒤에 추가로 로드해서 겉모습만 새 디자인으로 맞춘다.
   이 css 를 로드하는 모든 화면(관리자 mng.jsp, 개편 대민 psView.jsp)이
   동일한 팝업 스타일을 갖는다 — 화면별로 따로 베끼지 말고 이 파일을 고칠 것.
   ============================================================= */
/* ⚠ 여백은 Modern 테마(.jconfirm.jconfirm-modern …)가 잡는다 —
   box padding:30px 30px 15px / 아이콘 69px / 본문 margin-bottom:25px.
   특이도를 이기려면 아래도 전부 .jconfirm-modern 을 함께 적어야 한다. */
/* ⚠ 폭 — common.js 가 넘기는 columnClass:'jcfWidth' 는 부트스트랩 그리드
   클래스가 아니라 매칭되는 CSS 가 없다(boxWidth 옵션도 useBootstrap:true
   라 무시됨. jquery-confirm.js _buildHTML 참고). 그 결과 박스가 폭 제약 없이
   테이블 셀(뷰포트 전체 폭)만큼 늘어난다 — 여기서 직접 폭을 잡아준다. */
.jconfirm.jconfirm-modern .jconfirm-box {
  width: 92%;
  max-width: 440px;
  border-radius: 6px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .18);
  padding: 20px 20px 14px;
}
/* 제목 — 24px 중앙정렬은 알림치고 과하다. 좌측 정렬 16px 로 */
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
  font-size: 16px; font-weight: 700; line-height: 1.4; text-align: left;
  color: #0A0A0A; margin-bottom: 8px; padding-bottom: 0;
}
/* 69px 짜리 물음표 아이콘 — 한 줄짜리 확인창에 과해서 숨긴다 */
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { display: none; }
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
  font-size: 14.5px; line-height: 1.65; color: #1A1A1A;
  text-align: left; margin-bottom: 4px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content-pane { margin-bottom: 0; }
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
  padding: 14px 0 0; text-align: right;
  display: flex; justify-content: flex-end; gap: 8px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
  margin: 0; border-radius: 0; text-transform: none;
  font-size: 14px; font-weight: 600; padding: 9px 18px;
  border: 1px solid #CCCCCC; background: #fff; color: #1A1A1A;
  box-shadow: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button:hover { background: #F6F6F6; }
/* 주 동작(확인/OK) — 라임 바탕 + 잉크 글자 + 잉크 테두리 */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-graphite,
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-graphite:hover {
  background-color: #D6FF20; color: #0A0A0A;
  border-color: rgb(10, 10, 10); font-weight: 700; text-shadow: none;
}