/* 데모신청 폼 — 스킨젯 사이트 톤(검정/화이트, Pretendard/Noto Sans KR)에 맞춘 단독 스타일 */
#sjd_wrap{max-width:560px;margin:60px auto;padding:0 20px;
    font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',sans-serif;color:#111}
#sjd_wrap .sjd_title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-align:center}
#sjd_wrap .sjd_desc{font-size:15px;color:#666;margin:0 0 32px;text-align:center;line-height:1.6}
#sjd_wrap .sjd_row{margin:0 0 18px}
#sjd_wrap .sjd_row label{display:block;font-size:14px;font-weight:600;margin:0 0 7px}
#sjd_wrap .sjd_req{color:#e02b2b;margin-left:3px}
#sjd_wrap input[type=text],#sjd_wrap input[type=tel],#sjd_wrap input[type=email],
#sjd_wrap input[type=number],#sjd_wrap textarea,#sjd_wrap select{
    width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #ddd;border-radius:6px;
    font-size:15px;font-family:inherit;background:#fff;color:#111;transition:border-color .15s}
#sjd_wrap input:focus,#sjd_wrap textarea:focus,#sjd_wrap select:focus{outline:0;border-color:#111}
#sjd_wrap textarea{resize:vertical;line-height:1.6}
#sjd_wrap .sjd_agree{margin:26px 0 20px}
#sjd_wrap .sjd_agree_box{max-height:132px;overflow-y:auto;padding:14px 16px;border:1px solid #eee;
    border-radius:6px;background:#fafafa;font-size:13px;line-height:1.7;color:#555}
#sjd_wrap .sjd_agree_chk{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;cursor:pointer}
#sjd_wrap .sjd_agree_chk input{width:17px;height:17px;accent-color:#111;flex:0 0 auto}
#sjd_wrap .sjd_captcha{margin:20px 0}
#sjd_wrap .sjd_captcha #captcha{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#sjd_wrap .sjd_btn{margin-top:28px}
#sjd_wrap .sjd_submit{width:100%;padding:16px;border:0;border-radius:6px;background:#111;color:#fff;
    font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}
#sjd_wrap .sjd_submit:hover{opacity:.85}
#sjd_wrap .sjd_submit:disabled{opacity:.5;cursor:default}
@media (max-width:480px){
    #sjd_wrap{margin:36px auto}
    #sjd_wrap .sjd_title{font-size:23px}
}

/* 관리자 목록/보기 */
.sjd_admin{max-width:1100px;margin:24px auto;padding:0 16px;
    font-family:'Pretendard','Noto Sans KR',sans-serif;color:#111}
.sjd_admin h2{font-size:20px;margin:0 0 14px}
.sjd_admin table{width:100%;border-collapse:collapse;font-size:14px}
.sjd_admin th,.sjd_admin td{padding:11px 10px;border-bottom:1px solid #eee;text-align:left}
.sjd_admin th{background:#fafafa;font-weight:600;white-space:nowrap}
.sjd_admin td.num,.sjd_admin td.date{color:#888;white-space:nowrap}
.sjd_admin tr:hover td{background:#fcfcfc}
.sjd_admin .sjd_empty{padding:50px 0;text-align:center;color:#999}
.sjd_admin .sjd_paging{margin:18px 0;text-align:center}
/* 사이트 CSS 가 body line-height 를 크게 잡아 두어, inline-block 이면 숫자가 아래로
   내려앉는다. flex 로 세로 가운데 정렬하고 line-height 를 1 로 고정한다. */
.sjd_admin .sjd_paging a,.sjd_admin .sjd_paging strong{display:inline-flex;align-items:center;
    justify-content:center;min-width:32px;height:32px;padding:0 9px;margin:0 2px;
    border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;font-size:13px;line-height:1}
.sjd_admin .sjd_paging a:hover{border-color:#bbb;background:#fafafa}
.sjd_admin .sjd_paging strong{background:#111;color:#fff;border-color:#111}
/* 그누보드 기본 CSS 의 .pg_wrap{float:left} 때문에 가운데 정렬이 먹지 않는다. 되돌린다. */
.sjd_admin .sjd_paging .pg_wrap{float:none;display:block;margin:0;text-align:center}
.sjd_admin .sjd_paging .pg{display:inline-block}

/* 상세 화면의 '목록/삭제' 도 목록 화면의 '선택삭제' 처럼 오른쪽에 모은다 */
.sjd_admin .sjd_toolbar .sjd_back{margin-top:0}
.sjd_admin .sjd_back{display:inline-flex;align-items:center;justify-content:center;
    height:34px;margin-top:16px;padding:0 18px;border:1px solid #ddd;
    border-radius:4px;text-decoration:none;color:#333;font-size:13px;line-height:1}
.sjd_admin .sjd_back:hover{border-color:#bbb;background:#fafafa}

/* 자동등록방지(캡차) — 사이트 CSS 가 body 글자를 1.6rem(25.6px)으로 키워두어
   그누보드 캡차 안내문/입력칸이 과하게 커진다. 폼 안에서만 정상 크기로 되돌린다. */
#sjd_wrap #captcha_info{display:block;margin-top:8px;font-size:13px;color:#888;line-height:1.5}
#sjd_wrap #captcha_key{font-size:15px;height:44px;padding:0 10px;border:1px solid #ddd;border-radius:6px}
#sjd_wrap #captcha img#captcha_img{vertical-align:middle}
#sjd_wrap #captcha button{font-size:0;line-height:0}

/* ── 처리 현황 배지 / 변경 폼 ─────────────────────────────────────────── */
.sjd_badge{display:inline-block;min-width:64px;padding:3px 10px;border-radius:11px;font-size:12px;font-weight:600;text-align:center;line-height:1.6}
.sjd_badge.wait{background:#fff3cd;color:#8a6100;border:1px solid #ffe08a}
.sjd_badge.done{background:#e3f5e8;color:#1c6b34;border:1px solid #a8dcb8}
.sjd_status_form{display:flex;gap:8px;align-items:center;margin:0}
.sjd_status_form select{height:34px;padding:0 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1}
.sjd_status_form button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 18px;border:0;border-radius:4px;background:#111;color:#fff;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer}
.sjd_status_form button:hover{background:#333}

/* ── 목록 하단 도구모음 (선택삭제) ────────────────────────────────────── */
.sjd_toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #eee}
.sjd_selcnt{font-size:13px;color:#888}
.sjd_selcnt b{color:#111;font-weight:700}
/* ⚠️ 클래스 이름 주의 — .sjd_btn 은 글쓰기 폼의 '제출 버튼 감싸는 div' 가 이미 쓰고 있다.
   목록 도구모음 버튼은 반드시 .sjd_tbtn 을 쓸 것. (겹치면 신청하기 버튼 뒤에 흰 테두리가 비친다) */
.sjd_tbtn{height:38px;padding:0 20px;border:1px solid #ddd;border-radius:5px;background:#fff;color:#333;font-size:14px;font-weight:600;line-height:36px;cursor:pointer;transition:.15s}
.sjd_tbtn:hover{border-color:#bbb;background:#fafafa}
.sjd_tbtn.danger{border-color:#d94b4b;background:#d94b4b;color:#fff}
.sjd_tbtn.danger:hover{background:#c23c3c;border-color:#c23c3c}
.sjd_tbtn:disabled{border-color:#e5e5e5;background:#f5f5f5;color:#bbb;cursor:default}
.sjd_tbtn:disabled:hover{background:#f5f5f5;border-color:#e5e5e5}

/* 체크박스 열 — 클릭 영역을 넓히고 가운데 정렬 */
.sjd_admin table th:first-child,
.sjd_admin table td:first-child{text-align:center}
.sjd_admin input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#111}

/* 행 전체 클릭 — 이름 칸뿐 아니라 어디를 눌러도 상세로 이동 */
.sjd_admin tr.sjd_row{cursor:pointer;transition:background .12s}
.sjd_admin tr.sjd_row:hover{background:#f7f8fa}
.sjd_admin tr.sjd_row td:first-child{cursor:default}   /* 체크박스 칸은 제외 */