/* ==============================================================
   skin/board/report/style.css
   온라인신문고(제보) 게시판 전용 스타일.
   기존 layout.css / default.css 와 무관한 자체 완결형 스타일이며,
   company/products/invest 페이지와 톤(색상 #0072BC/#00AEEF, 폰트 크기,
   컨테이너 폭 1160px, 카드/버튼 라운드 규칙)을 통일했습니다.
   write.skin.php / view.skin.php / view_comment.skin.php / list.skin.php
   에서 공통으로 사용합니다.
   ============================================================== */
.report_page, .report_page *{box-sizing:border-box}
.report_page{max-width:1160px;margin:60px auto 120px;padding:0 20px;font-family:'Noto Sans KR',Arial,sans-serif;color:#333}

/* ---------- 상단 타이틀 ---------- */
.report_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){
.report_page .page_title{font-size:24px;margin:0 0 20px;padding-bottom:14px}
}

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

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

.report_page input[type=text],
.report_page input[type=password],
.report_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
}
.report_page input[type=text].report_full,
.report_page input.report_full{width:100%}
.report_page input[type=text]:disabled{background:#eee}

.report_page .report_content_area,
.report_page textarea.report_textarea{
	width:100%;min-height:300px;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
}
.report_page .report_content_view{
	width:100%;min-height:220px;border:1px solid #dedede;background:#fafbfc;padding:16px;border-radius:4px;font-size:15px;line-height:1.8;box-sizing:border-box;white-space:normal;word-break:break-word
}
.report_page .report_answer_view{
	width:100%;min-height:140px;border:1px solid #cfe3f5;background:#f4f9ff;padding:16px;border-radius:4px;font-size:15px;line-height:1.8;box-sizing:border-box;white-space:normal;word-break:break-word
}
.report_page .report_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}

/* ---------- 버튼 ---------- */
.report_page .report_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
}
.report_page .report_btn:hover{transform:translateY(-3px);text-decoration:none;color:#fff}
.report_page .report_btn.outline{background:#fff;color:#0072BC !important;border:1px solid #0072BC;box-shadow:none}
.report_page .report_btn_wrap{margin-top:40px;text-align:center}
.report_page .report_btn_wrap .report_btn + .report_btn{margin-left:12px}
@media (max-width:500px){
.report_page .report_btn{min-width:0;width:100%;margin:0 0 12px}
.report_page .report_btn_wrap .report_btn + .report_btn{margin-left:0}
}

/* ---------- 안내문 (cp_apply) ---------- */
.report_apply_section{text-align:left}
.report_apply_section .lead{text-align:center;font-size:20px;font-weight:700;line-height:1.7;color:#1a2a4a;margin:0 0 50px}
.report_apply_section .lead strong{color:#0072BC}
.report_apply_section .info_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#f7f8fb;border-radius:14px;padding:40px 34px;margin-bottom:40px}
.report_apply_section .info_grid.single{grid-template-columns:1fr;padding:34px}
.report_apply_section .info_grid dt{font-size:19px;font-weight:700;color:#1a2a4a;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid #0072BC}
.report_apply_section .info_grid dd{font-size:15px;line-height:1.8;color:#444;margin:0 0 6px}
.report_apply_section .method_box{background:#fff;border:1px solid #e2e7ec;border-radius:12px;padding:30px 34px;margin-bottom:10px}
.report_apply_section .method_box dt{font-size:19px;font-weight:700;color:#1a2a4a;margin-bottom:14px}
.report_apply_section .method_box dd{font-size:15px;line-height:1.9;color:#444}
@media (max-width:800px){
.report_apply_section .info_grid{grid-template-columns:1fr;padding:26px 22px}
.report_apply_section .lead{font-size:16px;margin-bottom:34px}
.report_apply_section .method_box{padding:22px}
}

/* ---------- 로그인/조회 폼 (cp_login) ---------- */
.report_login_section{max-width:640px;margin:20px auto 0;border:1px solid #dfe6ec;border-radius:14px;padding:50px 44px;background:#fff;box-shadow:0 8px 24px rgba(2,6,23,.05)}
.report_login_section .guide_txt{font-size:14px;color:#8a93a0;margin:0 0 26px;text-align:center;line-height:1.7}
.report_login_section .input_row{margin-bottom:16px}
.report_login_section .input_row label{display:block;font-size:15px;font-weight:700;color:#1a2a4a;margin-bottom:8px}
.report_login_section .input_row input{width:100%}
.report_login_section .report_btn{width:100%;margin-top:10px}
.report_login_section .result_list{margin-top:30px;border-top:1px solid #eef1f4;padding-top:20px}
.report_login_section .result_list li{display:flex;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px dashed #e2e7ec;font-size:15px}
.report_login_section .result_list li a{color:#1a2a4a;font-weight:600;text-decoration:none}
.report_login_section .result_list li a:hover{color:#0072BC;text-decoration:underline}
.report_login_section .result_list .r_date{color:#8a93a0;font-size:13px;white-space:nowrap}
@media (max-width:600px){
.report_login_section{padding:34px 22px}
}

/* ---------- 목록(list.skin.php, 관리자 전용) ---------- */
.report_page table.report_list_table{width:100%;border-collapse:collapse;font-size:14px}
.report_page table.report_list_table th{background:#f4f8fb;padding:10px 8px;border-bottom:2px solid #dfe6ec;color:#1a2a4a}
.report_page table.report_list_table td{padding:10px 8px;border-bottom:1px solid #eef1f4;text-align:center}
.report_page table.report_list_table td.subject{text-align:left}
/* 좁은 화면에서는 표 형태를 버리고, 글 하나가 카드 한 장이 되도록
   세로로 쌓아서 보여줍니다. */
@media (max-width:600px){
.report_page table.report_list_table, .report_page table.report_list_table tbody, .report_page table.report_list_table tr{display:block;width:100%}
.report_page table.report_list_table thead{display:none}
.report_page table.report_list_table tr{padding:14px 6px;border-bottom:1px solid #eef1f4}
.report_page table.report_list_table td{display:block;border:0;padding:2px 0;text-align:left}
.report_page table.report_list_table td:first-child{display:none}
.report_page table.report_list_table td.subject{font-size:14px;font-weight:600;padding-bottom:6px}
.report_page table.report_list_table td:nth-child(3),
.report_page table.report_list_table td:nth-child(4),
.report_page table.report_list_table td:nth-child(5){display:inline-block;font-size:12px;color:#8a93a0}
.report_page table.report_list_table td:nth-child(4)::before,
.report_page table.report_list_table td:nth-child(5)::before{content:'·';margin:0 6px;color:#c9d0d6}
}

/* ---------- 답변(view_comment) ---------- */
.report_page .answer_box{margin-top:10px;border:1px solid #cfe3f5;border-radius:10px;padding:24px;background:#f4f9ff}
.report_page .answer_box .answer_head{font-size:15px;font-weight:700;color:#0072BC;margin-bottom:10px}
.report_page .answer_box .answer_meta{font-size:13px;color:#8a93a0;margin-left:8px;font-weight:400}
.report_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}
.report_page .admin_reply_form{margin-top:16px;border-top:1px dashed #cfe3f5;padding-top:16px}
.report_page .admin_reply_form textarea{width:100%;min-height:120px;border:1px solid #cfe3f5;border-radius:6px;padding:12px;font-size:14px}

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

/* ---------- 페이지 이동(페이징) ---------- */
.report_page .pg_wrap{margin:30px 0;text-align:center}
.report_page .pg_wrap .pg{display:inline-block}
.report_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}
.report_page .pg_page:hover{border-color:#0072BC;color:#0072BC;text-decoration:none}
.report_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}