@charset "utf-8";

/* ===== 기업뉴스(보도자료) 게시판 - news 스킨 ===== */

.news_wrap { max-width: 1100px; margin: 0px auto; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; color: #333; }
.news_header { text-align: center; margin-bottom: 50px; }
.news_tit { font-size: 2.5em; font-weight: 800; color: #111; letter-spacing: -1px; }

.news_top { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #111; padding-bottom: 15px; }
.news_total { font-size: 0.95em; color: #666; }
.news_total strong { color: #0056b3; font-weight: 700; }
.news_top .btn_bo_user { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
/* default.css a.btn,.btn 의 line-height:35px; height:35px 제거로 아이콘+텍스트 수직 정렬 */
.news_top .btn_bo_user .btn { padding: 8px 16px; border: 1px solid #ddd; background: #fff; color: #333; font-size: 0.9em; border-radius: 4px; transition: all 0.2s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 6px; line-height: 1; height: auto; min-height: 38px; box-sizing: border-box; }
.news_top .btn_bo_user .btn:hover { border-color: #111; background: #f8f9fa; }

/* 글쓰기 버튼 - certi, JI FAMILY와 통일 */
.news_top .btn_bo_user .btn_write { background: #0056b3; color: #fff; border-color: #0056b3; }
.news_top .btn_bo_user .btn_write:hover { background: #004494; }

/* 뉴스 목록 */
.news_list_wrap { margin-bottom: 50px; }
.news_ul { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #eee; }
.news_ul li { border-top: 1px solid #eee; transition: background 0.2s; }
.news_ul li:hover { background: #fafafa; }
.news_ul li.news_notice { background: #fdfdfd; }

.news_item { display: flex; padding: 30px 0; gap: 30px; }
.news_thumb { flex: 0 0 300px; height: 200px; overflow: hidden; border-radius: 8px; background: #f0f0f0; }
.news_thumb a { display: block; width: 100%; height: 100%; }
.news_thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.news_item:hover .news_thumb img { transform: scale(1.05); }
.news_thumb .no_img { display: flex; align-items: center; justify-content: center; height: 100%; color: #aaa; font-size: 0.9em; background: #f9f9f9; }

.news_info { flex: 1; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.notice_badge { display: inline-block; width: fit-content; padding: 2px 8px; background: #0056b3; color: #fff; font-size: 0.75em; font-weight: 700; border-radius: 3px; margin-bottom: 10px; }
.news_subject_h3 { margin: 0 0 12px 0; font-size: 1.4em; font-weight: 700; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_subject_h3 a { color: #111; text-decoration: none; }
.news_subject_h3 a:hover { color: #0056b3; }

.news_excerpt { margin: 0 0 15px 0; font-size: 1em; color: #666; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_excerpt a { color: inherit; text-decoration: none; }

.news_meta { display: flex; align-items: center; gap: 20px; font-size: 0.9em; color: #999; }
.news_meta .news_hit i { margin-right: 4px; }
.news_external { margin-left: auto; color: #0056b3 !important; font-weight: 600; text-decoration: none; border-bottom: 1px solid #0056b3; }
.news_external:hover { color: #004494 !important; border-bottom-color: #004494; }

.news_empty { padding: 100px 0; text-align: center; color: #999; font-size: 1.1em; border-top: 1px solid #eee; }

/* 페이지네이션 */
.news_pager { margin-top: 50px; }
.news_pager .pg_wrap { display: flex; justify-content: center; gap: 5px; }
.news_pager .pg_page, .news_pager .pg_current, .news_pager .pg_start, .news_pager .pg_prev, .news_pager .pg_next, .news_pager .pg_end { display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid #eee; color: #666; text-decoration: none; border-radius: 4px; font-size: 0.95em; }
.news_pager .pg_current { background: #111; color: #fff; border-color: #111; font-weight: 600; }
.news_pager .pg_page:hover { background: #f8f9fa; border-color: #111; color: #111; }

/* 검색창 */
.bo_sch_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.bo_sch { position: absolute; top: 50%; left: 50%; width: 450px; max-width: 90%; transform: translate(-50%, -50%); background: #fff; border-radius: 15px; box-shadow: 0 30px 60px rgba(0,0,0,0.15); padding: 40px; z-index: 1001; }
.bo_sch h3 { margin: 0 0 25px 0; font-size: 1.5em; font-weight: 800; color: #111; }
.bo_sch select { width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 8px; padding: 0 15px; margin-bottom: 15px; appearance: none; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') no-repeat right 15px center; }
.bo_sch .sch_bar { display: flex; border: 2px solid #111; border-radius: 8px; overflow: hidden; }
.bo_sch .sch_input { flex: 1; border: 0; height: 50px; padding: 0 20px; font-size: 1em; }
.bo_sch .sch_btn { width: 60px; height: 50px; background: #111; color: #fff; border: 0; cursor: pointer; font-size: 1.2em; }
.bo_sch .bo_sch_cls { position: absolute; top: 25px; right: 25px; border: 0; background: none; font-size: 1.5em; cursor: pointer; color: #999; }
.bo_sch_bg { width: 100%; height: 100%; background: rgba(0,0,0,0.5); backdrop-filter: blur(5px); }

/* 반응형 */
@media (max-width: 768px) {
    .news_wrap { margin: 40px auto; }
    .news_tit { font-size: 1.8em; }
    .news_item { flex-direction: column; gap: 20px; padding: 25px 0; }
    .news_thumb { flex: 0 0 auto; width: 100%; height: 200px; }
    .news_subject_h3 { font-size: 1.2em; }
    .news_excerpt { font-size: 0.95em; -webkit-line-clamp: 3; }
    .news_meta { gap: 15px; font-size: 0.85em; }
}

/* ===== 게시글 보기 (View) ===== */
.news_view_wrap { max-width: 900px; margin: 80px auto; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; }
.news_v_header { border-bottom: 1px solid #111; padding-bottom: 30px; margin-bottom: 40px; }
.news_v_tit { font-size: 2.2em; font-weight: 800; color: #111; line-height: 1.3; margin-bottom: 25px; letter-spacing: -0.5px; }
.news_v_info { display: flex; align-items: center; gap: 25px; color: #888; font-size: 0.95em; }
.v_info_item { display: flex; align-items: center; gap: 6px; }
.v_info_item i { color: #bbb; font-size: 1.1em; }

.news_v_link_area { margin: 25px 0; }
.news_v_link_area a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: #111; color: #fff; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 0.95em; transition: background 0.2s; }
.news_v_link_area a:hover { background: #0056b3; }

.news_v_content { font-size: 1.1em; line-height: 1.9; color: #333; word-break: break-all; margin-bottom: 60px; }
.news_v_content img { max-width: 100% !important; height: auto !important; border-radius: 8px; margin: 20px 0; }

#bo_v_file { margin-bottom: 40px; background: #f8f9fa; border: 1px solid #eee; padding: 25px; border-radius: 8px; }
#bo_v_file h3 { font-size: 0.85em; margin: 0 0 15px 0; color: #888; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }
#bo_v_file ul { list-style: none; padding: 0; margin: 0; }
#bo_v_file li { margin-bottom: 12px; }
#bo_v_file li:last-child { margin-bottom: 0; }
.view_file_download { display: inline-flex; align-items: center; gap: 10px; color: #333; text-decoration: none; font-size: 0.95em; font-weight: 500; }
.view_file_download i { color: #0056b3; }
.view_file_download .fsize { color: #999; font-size: 0.85em; font-weight: 400; }
.view_file_download:hover { color: #0056b3; text-decoration: underline; }

.news_v_btns { display: flex; justify-content: space-between; align-items: center; padding: 30px 0; border-top: 1px solid #eee; margin-top: 50px; flex-wrap: wrap; gap: 20px; }
.news_v_btns .right_btns { display: flex; gap: 10px; }
.news_v_btns .btn { padding: 12px 24px; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 0.9em; border: 1px solid #ddd; background: #fff; color: #555; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; }
.news_v_btns .btn:hover { border-color: #111; color: #111; background: #f8f9fa; }
.btn_news_list { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.btn_news_list:hover { background: #333 !important; }
.btn_v_write { background: #0056b3 !important; color: #fff !important; border-color: #0056b3 !important; }
.btn_v_write:hover { background: #004494 !important; }
.btn_v_del { color: #d9534f !important; border-color: #d9534f !important; }
.btn_v_del:hover { background: #d9534f !important; color: #fff !important; }

.news_v_nb { border: 1px solid #eee; border-radius: 8px; margin-top: 40px; overflow: hidden; list-style: none; padding: 0; }
.news_v_nb li { display: flex; padding: 15px 20px; border-bottom: 1px solid #eee; }
.news_v_nb li:last-child { border-bottom: 0; }
.news_v_nb .nb_label { width: 80px; font-size: 0.85em; color: #999; font-weight: 700; }
.news_v_nb a { flex: 1; color: #333; text-decoration: none; font-size: 0.95em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_v_nb a:hover { color: #0056b3; }

@media (max-width: 768px) {
    .news_v_tit { font-size: 1.6em; }
    .news_v_info { gap: 15px; font-size: 0.85em; }
    .news_v_content { font-size: 1em; }
}

/* ===== 글쓰기(write) - 다국어 폼 ===== */
.news_write_wrap { max-width: 900px; margin: 110px auto; padding: 0 20px; font-family: 'Noto Sans KR', sans-serif; }
.news_write_header { text-align: center; margin-bottom: 35px; }
.news_write_tit { font-size: 2em; font-weight: 700; color: #111; margin: 0 0 10px 0; }
.news_write_desc { font-size: 1em; color: #666; margin: 0; }

.news_form { background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.news_form .form_box { padding: 40px; }
.news_form .write_div { margin-bottom: 25px; }
.news_form .lb_tit { display: block; font-size: 1.05em; font-weight: 700; color: #333; margin-bottom: 10px; }
.news_form .lb_tit strong { color: #e74c3c; }
.news_form .frm_input { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #ddd; border-radius: 6px; box-sizing: border-box; }
.news_form .frm_input:focus { border-color: #0056b3; outline: none; }
.news_form select { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #ddd; border-radius: 6px; background: #fff; }
.news_form .row_group { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.news_form .news_lang_block { border-top: 1px dashed #eee; padding-top: 20px; margin-top: 10px; }
.bo_v_option { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; flex-wrap: wrap; }
.chk_box { display: inline-block; }
.chk_box input[type="checkbox"] { display: none; }
.chk_box label { cursor: pointer; display: flex; align-items: center; gap: 8px; font-size: 0.95em; color: #555; }
.chk_box label span { display: inline-block; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 4px; position: relative; background: #fff; }
.chk_box input[type="checkbox"]:checked + label span { background: #0056b3; border-color: #0056b3; }
.chk_box input[type="checkbox"]:checked + label span:after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 12px; font-weight: bold; }
.file_wr { padding: 15px; border: 1px dashed #ddd; border-radius: 6px; background: #f9f9f9; }
.file_del { margin-top: 8px; font-size: 0.9em; color: #c00; }
.char_desc { font-size: 0.9em; color: #888; margin-bottom: 10px; }
#char_count_wrap { text-align: right; margin-top: 5px; font-size: 0.85em; color: #0056b3; }

.news_form .btn_confirm { display: flex; justify-content: center; gap: 10px; padding: 30px 40px; background: #fcfcfc; border-top: 1px solid #eee; margin-bottom: 0; }
.news_form .btn_submit { padding: 14px 40px; background: #0056b3; color: #fff; border: 0; border-radius: 6px; font-size: 1.05em; font-weight: 700; cursor: pointer; }
.news_form .btn_submit:hover { background: #004494; }
.news_form .btn_cancel { padding: 14px 40px; line-height: 1.4; background: #fff; color: #555; border: 1px solid #ddd; border-radius: 6px; font-size: 1.05em; font-weight: 700; text-decoration: none; display: inline-block; }
.news_form .btn_cancel:hover { background: #f5f5f5; color: #333; }

/* ===== 댓글 (certi 스타일 유지) ===== */
.certi_v_comment { margin-top: 50px; border-top: 1px solid #eee; padding-top: 30px; }
.cmt_header { margin-bottom: 20px; }
.cmt_tit { font-size: 1.2em; font-weight: 700; color: #333; }
.cmt_tit strong { color: #0056b3; }
.cmt_item { margin-bottom: 15px; }
.cmt_item_inner { display: flex; gap: 15px; position: relative; padding: 20px; background: #fcfcfc; border: 1px solid #eee; border-radius: 12px; }
.cmt_reply_icon { position: absolute; left: -25px; top: 20px; color: #ccc; font-size: 1.2em; }
.cmt_pf_img { flex: 0 0 45px; }
.cmt_pf_img img { width: 45px; height: 45px; border-radius: 50%; border: 1px solid #eee; }
.cmt_wrap { flex: 1; min-width: 0; }
.cmt_hd { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
.cmt_info { display: flex; align-items: center; gap: 12px; }
.cmt_name { font-weight: 700; color: #333; font-size: 1em; }
.cmt_date { font-size: 0.85em; color: #999; }
.cmt_ip { font-size: 0.85em; color: #ccc; }
.cmt_opt { position: relative; }
.btn_cmt_opt { background: none; border: 0; color: #aaa; cursor: pointer; padding: 5px; font-size: 1.1em; }
.btn_cmt_opt:hover { color: #333; }
.cmt_act { display: none; position: absolute; right: 0; top: 100%; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); z-index: 10; list-style: none; margin: 0; padding: 5px 0; min-width: 80px; }
.cmt_act li a { display: block; padding: 8px 15px; font-size: 0.9em; color: #555; text-decoration: none; text-align: center; }
.cmt_act li a:hover { background: #f5f5f5; color: #0056b3; }
.cmt_contents { line-height: 1.6; color: #555; font-size: 0.95em; word-break: break-all; }
.secret_icon { color: #f1c40f; margin-right: 5px; }
.cmt_empty { padding: 40px 0; text-align: center; color: #999; font-size: 0.95em; }
.cmt_write_box { margin-top: 30px; margin-bottom: 50px; background: #fff; border: 2px solid #eee; border-radius: 12px; overflow: hidden; }
.cmt_textarea_wr { position: relative; border-bottom: 1px solid #eee; }
.cmt_textarea { width: 100%; height: 100px; border: 0; padding: 20px; box-sizing: border-box; resize: none; font-family: inherit; font-size: 1em; outline: none; }
.cmt_char_cnt { position: absolute; right: 20px; bottom: 10px; font-size: 0.85em; color: #ccc; }
.cmt_form_bot { padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; background: #fcfcfc; flex-wrap: wrap; gap: 15px; }
.cmt_info_inputs { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cmt_input { height: 38px; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9em; width: 130px; }
.cmt_btns { display: flex; align-items: center; gap: 20px; }
.btn_cmt_submit { height: 42px; padding: 0 30px; background: #0056b3; color: #fff; border: 0; border-radius: 4px; font-weight: 700; cursor: pointer; }
.btn_cmt_submit:hover { background: #004494; }

@media (max-width: 768px) {
    .news_tbl th, .news_tbl td { padding: 10px 8px; font-size: 0.85em; }
    .news_num { width: 50px; }
    .news_link { width: 70px; }
    .news_date { width: 80px; }
    .news_hit { width: 50px; }
    .news_top { flex-direction: column; align-items: flex-start; }
    .bo_sch { width: 90%; }
    .news_form .row_group { grid-template-columns: 1fr; }
    .news_form .form_box { padding: 20px; }
    .news_form .btn_confirm { flex-direction: column; padding: 20px; }
    .news_form .btn_submit, .news_form .btn_cancel { width: 100%; }
    .cmt_form_bot { flex-direction: column; align-items: stretch; }
    .cmt_info_inputs { flex-direction: column; }
    .cmt_input { width: 100%; }
}