/* ==============================================================
   skin/board/qna/style.css
   Q&A(문의) 게시판 전용 스타일. 온라인신문고(report)와 달리 목록은
   공개이며, 개별 글은 항상 비밀글로 저장되어 작성 시 입력한
   비밀번호로만 상세 내용을 열람할 수 있습니다.
   list.skin.php / write.skin.php / view.skin.php / view_comment.skin.php
   와 subpage/qna/login.php 에서 공통으로 사용합니다.
   ============================================================== */
.qna_page, .qna_page *{box-sizing:border-box}
.qna_page{max-width:1160px;margin:60px auto 120px;padding:0 20px;font-family:'Noto Sans KR',Arial,sans-serif;color:#333}

/* ---------- 상단 타이틀 ---------- */
.qna_page .page_title{font-size:32px;font-weight:800;color:#1a2a4a;margin:0 0 60px;padding-bottom:45px;border-bottom:2px solid #0072BC;text-align:center}
@media (max-width:600px){
.qna_page .page_title{font-size:24px;margin:0 0 20px;padding-bottom:14px}
}

.qna_page .qna_notice{text-align:center;font-size:15px;font-weight:700;color:#000;margin:0 0 20px}
.qna_page .require_star{color:#e0392b;padding-right:3px}

/* ---------- 목록 (공개) ---------- */
.qna_page .qna_top_btn_wrap{text-align:right;margin:0 0 20px}
.qna_page .qna_top_btn_wrap a{display:inline-block;min-width:120px;height:40px;line-height:40px;padding:0 20px;text-align:center;font-size:15px;font-weight:700;color:#fff !important;background:linear-gradient(135deg,#0072BC,#00AEEF);border-radius:6px;text-decoration:none}
.qna_page .qna_top_btn_wrap a:hover{text-decoration:none;color:#fff}
.qna_page table.qna_list_table{width:100%;border-collapse:collapse;font-size:15px}
.qna_page table.qna_list_table th{background:#f4f8fb;padding:14px 10px;border-bottom:2px solid #dfe6ec;color:#1a2a4a;font-weight:700}
.qna_page table.qna_list_table td{padding:14px 10px;border-bottom:1px solid #eef1f4;text-align:center}
.qna_page table.qna_list_table td.subject{text-align:left}
.qna_page table.qna_list_table td.subject a{color:#1a2a4a;font-weight:600;text-decoration:none}
.qna_page table.qna_list_table td.subject a:hover{color:#0072BC;text-decoration:underline}
.qna_page table.qna_list_table td.empty{padding:60px 10px;color:#8a93a0}
@media (max-width:700px){
.qna_page table.qna_list_table{font-size:13px}
.qna_page table.qna_list_table th{padding:10px 6px}
.qna_page table.qna_list_table td{padding:10px 6px}
}
/* 좁은 화면에서는 표 형태를 버리고, 글 하나가 카드 한 장이 되도록
   세로로 쌓아서 보여줍니다. 항상 비밀글로 저장되어 "공개여부"는 매번
   "비공개"로 동일하므로 모바일에서는 아예 생략합니다. */
@media (max-width:600px){
.qna_page table.qna_list_table, .qna_page table.qna_list_table tbody, .qna_page table.qna_list_table tr{display:block;width:100%}
.qna_page table.qna_list_table thead{display:none}
.qna_page table.qna_list_table tr{padding:16px 6px;border-bottom:1px solid #eef1f4}
.qna_page table.qna_list_table td{display:block;border:0;padding:2px 0;text-align:left}
.qna_page table.qna_list_table td:first-child,
.qna_page table.qna_list_table td:nth-child(5){display:none}
.qna_page table.qna_list_table td.subject{font-size:15px;font-weight:600;line-height:1.5;padding-bottom:6px}
.qna_page table.qna_list_table td:nth-child(3),
.qna_page table.qna_list_table td:nth-child(4){display:inline-block;font-size:12px;color:#8a93a0}
.qna_page table.qna_list_table td:nth-child(4)::before{content:'·';margin:0 6px;color:#c9d0d6}
.qna_page table.qna_list_table td:nth-child(6){display:inline-block;margin-left:8px;font-size:12px;font-weight:700;color:#0072BC}
}

/* ---------- 입력 테이블 (작성/상세) ---------- */
.qna_page table.qna_table{width:100%;border-collapse:collapse;margin:0 0 30px;font-size:16px}
.qna_page table.qna_table th{background:#f4f8fb;color:#1a2a4a;font-weight:700;padding:14px 12px;border:1px solid #e2e7ec;width:180px;text-align:left}
.qna_page table.qna_table td{padding:12px 14px;border:1px solid #e2e7ec;text-align:left}
@media (max-width:700px){
.qna_page table.qna_table, .qna_page table.qna_table tbody, .qna_page table.qna_table tr, .qna_page table.qna_table th, .qna_page table.qna_table td{display:block;width:100%}
.qna_page table.qna_table th{border-bottom:none;padding-bottom:6px}
.qna_page table.qna_table td{border-top:none;padding-top:6px;margin-bottom:6px}
}

.qna_page input[type=text],
.qna_page input[type=password],
.qna_page select{
	width:265px;height:46px;border:1px solid #dedede;background:#fff;padding:0 16px;border-radius:4px;font-size:15px;box-sizing:border-box
}
.qna_page input.qna_full{width:100%}
.qna_page .radio_box{list-style:none;margin:0;padding:0;display:flex;gap:20px}
.qna_page .radio_box li{display:flex;align-items:center;gap:6px;font-size:15px}
.qna_page .radio_box input[type=radio]{width:auto;height:auto}

.qna_page .qna_content_area,
.qna_page textarea.qna_textarea{
	width:100%;min-height:260px;border:1px solid #dedede;background:#fff;resize:vertical;padding:16px;border-radius:4px;font-size:15px;line-height:1.7;font-family:inherit;box-sizing:border-box
}
.qna_page .qna_content_view{
	width:100%;min-height:180px;border:1px solid #dedede;background:#fafbfc;padding:16px;border-radius:4px;font-size:15px;line-height:1.8;box-sizing:border-box;white-space:pre-wrap;word-break:break-word
}
.qna_page .qna_answer_view{
	width:100%;min-height:120px;border:1px solid #cfe3f5;background:#f4f9ff;padding:16px;border-radius:4px;font-size:15px;line-height:1.8;box-sizing:border-box;white-space:pre-wrap;word-break:break-word
}
.qna_page .qna_privacy_area{width:100%;height:220px;border:1px solid #dedede;background:#f8f8f8;resize:none;padding:16px;font-size:13px;line-height:1.7;color:#666;border-radius:4px;box-sizing:border-box}

/* ---------- 답변 ---------- */
.qna_page .answer_box{margin-top:10px;border:1px solid #cfe3f5;border-radius:10px;padding:24px;background:#f4f9ff}
.qna_page .answer_box .answer_head{font-size:15px;font-weight:700;color:#0072BC;margin-bottom:10px}
.qna_page .answer_box .answer_meta{font-size:13px;color:#8a93a0;margin-left:8px;font-weight:400}
.qna_page .answer_empty{margin-top:10px;padding:20px;text-align:center;color:#8a93a0;font-size:14px;background:#f8fafc;border:1px dashed #d8dee3;border-radius:10px}
.qna_page .admin_reply_form{margin-top:16px;border-top:1px dashed #cfe3f5;padding-top:16px}
.qna_page .admin_reply_form textarea{width:100%;min-height:120px;border:1px solid #cfe3f5;border-radius:6px;padding:12px;font-size:14px}

/* ---------- 비밀번호 확인(login) ---------- */
.qna_page .qna_login_section{max-width:520px;margin:0 auto;border:1px solid #dfe6ec;border-radius:14px;padding:50px 44px;background:#fff;box-shadow:0 8px 24px rgba(2,6,23,.05)}
.qna_page .qna_login_section .job_badge{margin:0 0 26px;padding:16px 20px;background:#f4f8fb;border-radius:8px;text-align:center;font-size:15px;color:#1a2a4a}
.qna_page .qna_login_section .job_badge strong{color:#0072BC}
.qna_page .qna_login_section .guide_txt{font-size:14px;color:#8a93a0;margin:0 0 26px;text-align:center;line-height:1.7}
.qna_page .qna_login_section .error_txt{font-size:14px;color:#e0392b;text-align:center;margin:0 0 18px;font-weight:700}
.qna_page .qna_login_section .input_row{margin-bottom:16px}
.qna_page .qna_login_section .input_row label{display:block;font-size:15px;font-weight:700;color:#1a2a4a;margin-bottom:8px}
.qna_page .qna_login_section .input_row input{width:100%;height:48px;border:1px solid #dedede;border-radius:4px;padding:0 16px;font-size:15px;box-sizing:border-box}

/* ---------- 버튼 ---------- */
.qna_page .qna_btn{display:inline-block;min-width:170px;height:56px;line-height:56px;padding:0 30px;text-align:center;font-size:17px;font-weight:700;color:#fff !important;background:linear-gradient(135deg,#0072BC,#00AEEF);border:0;border-radius:8px;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(0,114,188,.25);transition:transform .2s ease}
.qna_page .qna_btn:hover{transform:translateY(-3px);text-decoration:none;color:#fff}
.qna_page .qna_btn.outline{background:#fff;color:#0072BC !important;border:1px solid #0072BC;box-shadow:none}
.qna_page .qna_btn_wrap{margin-top:40px;text-align:center}
.qna_page .qna_btn_wrap .qna_btn + .qna_btn{margin-left:12px}
@media (max-width:500px){
.qna_page .qna_btn{min-width:0;width:100%;margin:0 0 12px}
.qna_page .qna_btn_wrap .qna_btn + .qna_btn{margin-left:0}
.qna_page .qna_login_section{padding:34px 22px}
}

/* ---------- 개인정보 동의 ---------- */
.qna_page .agree_row{margin:16px 0 30px;font-size:14px;color:#444}
.qna_page .agree_row input{width:auto;height:auto;margin-right:6px;vertical-align:middle}

/* ---------- 페이지 이동(페이징) ---------- */
.qna_page .pg_wrap{margin:30px 0;text-align:center}
.qna_page .pg_wrap .pg{display:inline-block}
.qna_page .pg_page{display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 8px;margin:0 3px;border:1px solid #dedede;border-radius:4px;font-size:14px;color:#555;text-decoration:none;vertical-align:middle}
.qna_page .pg_page:hover{border-color:#0072BC;color:#0072BC;text-decoration:none}
.qna_page .pg_current{display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 8px;margin:0 3px;border-radius:4px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0072BC,#00AEEF);vertical-align:middle}