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

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

.recruit_page .recruit_notice{text-align:center;font-size:15px;color:#8a93a0;margin:0 0 20px}

/* ---------- 상단 안내 링크 (인재상/채용절차/복리후생) ---------- */
.recruit_page .recruit_top_link{text-align:right;margin:0 0 16px}
.recruit_page .recruit_top_link a{display:inline-block;font-size:14px;font-weight:700;color:#0072BC;text-decoration:none;padding:8px 16px;border:1px solid #0072BC;border-radius:20px;margin-left:8px}
.recruit_page .recruit_top_link a:hover{background:#0072BC;color:#fff}
.recruit_page .recruit_top_link .recruit_write_link{background:#0072BC;color:#fff}
.recruit_page .recruit_top_link .recruit_write_link:hover{background:#005a96}

/* ---------- 목록 ---------- */
.recruit_page table.recruit_list_table{width:100%;border-collapse:collapse;font-size:15px}
.recruit_page table.recruit_list_table th{background:#f4f8fb;padding:14px 10px;border-bottom:2px solid #dfe6ec;color:#1a2a4a;font-weight:700}
.recruit_page table.recruit_list_table td{padding:16px 10px;border-bottom:1px solid #eef1f4;text-align:center}
.recruit_page table.recruit_list_table td.subject{text-align:left}
.recruit_page table.recruit_list_table td.subject a{color:#1a2a4a;font-weight:600;text-decoration:none}
.recruit_page table.recruit_list_table td.subject a:hover{color:#0072BC;text-decoration:underline}
.recruit_page table.recruit_list_table td.empty{padding:60px 10px;color:#8a93a0}
@media (max-width:700px){
.recruit_page table.recruit_list_table{font-size:13px}
.recruit_page table.recruit_list_table th{padding:10px 6px}
.recruit_page table.recruit_list_table td{padding:12px 6px}
}
/* 좁은 화면에서는 표 형태를 버리고, 공고 하나가 카드 한 장이 되도록
   세로로 쌓아서 보여줍니다. */
@media (max-width:600px){
.recruit_page table.recruit_list_table, .recruit_page table.recruit_list_table tbody, .recruit_page table.recruit_list_table tr{display:block;width:100%}
.recruit_page table.recruit_list_table thead{display:none}
.recruit_page table.recruit_list_table tr{padding:16px 6px;border-bottom:1px solid #eef1f4}
.recruit_page table.recruit_list_table td{display:block;border:0;padding:2px 0;text-align:left}
.recruit_page table.recruit_list_table td:first-child{display:none}
.recruit_page table.recruit_list_table td.subject{font-size:15px;font-weight:600;line-height:1.5;padding-bottom:6px}
.recruit_page table.recruit_list_table td:nth-child(3){font-size:12px;color:#8a93a0;padding-bottom:10px}
.recruit_page table.recruit_list_table td:nth-child(4){text-align:left}
}

.recruit_apply_small_btn{display:inline-block;min-width:76px;height:32px;line-height:32px;padding:0 10px;text-align:center;font-size:13px;font-weight:700;color:#fff !important;background:linear-gradient(135deg,#0072BC,#00AEEF);border-radius:6px;text-decoration:none}
.recruit_apply_small_btn:hover{text-decoration:none;color:#fff}

/* ---------- 상세(apply.html) ---------- */
.recruit_view_section{}
.recruit_view_section .recruit_view_title{font-size:22px;font-weight:700;color:#1a2a4a;border-bottom:2px solid #0072BC;padding:0 0 20px;margin:0 0 30px}
.recruit_view_section .recruit_content_view{min-height:220px;padding:10px 4px 30px;font-size:15px;line-height:1.9;color:#333;word-break:break-word}
.recruit_view_section .recruit_content_view img{max-width:100%;height:auto}

/* ---------- 작성/수정 (관리자 전용) ---------- */
.recruit_page table.recruit_write_table{width:100%;border-collapse:collapse;margin:0 0 30px;font-size:16px}
.recruit_page table.recruit_write_table th{background:#f4f8fb;color:#1a2a4a;font-weight:700;padding:14px 12px;border:1px solid #e2e7ec;width:150px;text-align:left}
.recruit_page table.recruit_write_table td{padding:12px 14px;border:1px solid #e2e7ec;text-align:left}
.recruit_page input[type=text]{width:100%;height:46px;border:1px solid #dedede;background:#fff;padding:0 16px;border-radius:4px;font-size:15px;box-sizing:border-box}
.recruit_page .write_div{margin-bottom:20px}
.recruit_page #wr_content{width:100%;min-height:360px;border:1px solid #dedede;background:#fff;padding:16px;border-radius:4px;font-size:15px;line-height:1.7;box-sizing:border-box}

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

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