/* Autohitech board system */ #bo_list, #bo_v { width: min(100%, 1180px)!important; margin-right: auto; margin-left: auto; } #bo_list { margin-bottom: 84px; } #bo_list #bo_btn_top { min-height: 46px; margin-bottom: 22px; } #bo_list #bo_list_total { color: #8a919a; font-size: .82rem; } #bo_list #bo_list_total span { color: #252a30; font-size: .9rem; } #bo_list .btn_bo_user .btn { width: 42px; height: 42px; border-color: #e4e7ea; box-shadow: 0 5px 14px rgba(20,25,30,.04); } #bo_list .tbl_wrap { border: 1px solid #e2e5e8; border-top: 2px solid #20242a; border-radius: 8px; box-shadow: 0 12px 30px rgba(20,25,30,.04); } #bo_list .tbl_head01 thead th { height: 56px; background: #f8f9fa; color: #626a73; font-size: .76rem; letter-spacing: .02em; } #bo_list .tbl_head01 tbody td { height: 70px; padding-top: 15px; padding-bottom: 15px; } #bo_list .tbl_head01 tbody tr { transition: transform .18s ease, box-shadow .18s ease; } #bo_list .tbl_head01 tbody tr:hover { position: relative; z-index: 1; transform: translateY(-1px); box-shadow: 0 5px 18px rgba(20,25,30,.06); } #bo_list .bo_tit a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } #bo_list .bo_tit .cnt_cmt { margin-left: 7px; border-radius: 10px; background: #fff0f0; color: #e51515; } #bo_list .bo_notice .notice_icon { display: inline-flex; align-items: center; justify-content: center; gap: 4px; } #bo_list .bo_notice .notice_icon:before { content: "\f0a1"; font-family: FontAwesome; font-size: .75rem; } #bo_list .empty_table { height: 180px; color: #969da5; } #bo_list .pg_wrap { margin-top: 40px; } #bo_list .bo_sch_wrap { margin-top: 46px; } #bo_list .bo_sch { border-color: #e2e5e8; background: #fafbfc; } #bo_list .bo_sch .sch_btn { min-width: 104px; border-radius: 0 5px 5px 0; } #bo_v { overflow: hidden; margin-bottom: 84px; border: 1px solid #e2e5e8; border-radius: 10px; background: #fff; box-shadow: 0 14px 38px rgba(20,25,30,.05); } #bo_v>header { padding: 42px 42px 30px; background: linear-gradient(135deg,#fff 0%,#fafbfc 100%); } #bo_v .board-post-type { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; color: #e51515; font-size: .68rem; font-weight: 800; letter-spacing: .14em; } #bo_v .board-post-type i { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #fff0f0; font-size: .8rem; } #bo_v_info { padding-right: 42px!important; padding-left: 42px!important; } #bo_v_atc { padding-right: 42px; padding-left: 42px; } #bo_v_con { font-size: 16px; line-height: 1.95; } #bo_v_share { padding-top: 18px; } #bo_v .bo_v_com .btn { width: auto; min-width: 42px; padding: 0 13px; border-radius: 21px; } #bo_v .bo_v_com .btn-label { margin-left: 6px; font-size: .76rem; } #bo_v_act { display: flex; justify-content: center; gap: 10px; margin: 0 0 34px; } #bo_v_act .bo_v_act_gng a, #bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood { display: inline-flex; align-items: center; gap: 7px; min-width: 84px; padding: 10px 15px; border: 1px solid #e2e5e8; border-radius: 22px; color: #646b73; background: #fff; } #bo_v_act .bo_v_act_gng a:hover { border-color: #e51515; color: #e51515; } #bo_v .cmt_btn { margin-right: 42px; margin-left: 42px; } #bo_vc { margin-right: 42px; margin-left: 42px; } #bo_vc_w { margin-right: 42px!important; margin-left: 42px!important; } #bo_v_file,#bo_v_link { margin-right: 42px; margin-left: 42px; } #bo_v .bo_v_nb { margin-right: 42px; margin-left: 42px; } @media (max-width: 767.98px) { #bo_list,#bo_v { width: 100%!important; } #bo_list .tbl_wrap { border-radius: 6px; } #bo_list .tbl_head01 tbody td { height: 62px; } #bo_list .bo_tit a { max-width: calc(100vw - 150px); } #bo_v>header { padding: 30px 20px 24px; } #bo_v_info,#bo_v_atc { padding-right: 20px!important; padding-left: 20px!important; } #bo_v .cmt_btn { margin-right: 20px; margin-left: 20px; } #bo_vc { margin-right: 20px; margin-left: 20px; } #bo_vc_w { margin-right: 20px!important; margin-left: 20px!important; } #bo_v_file,#bo_v_link { margin-right: 20px; margin-left: 20px; } #bo_v .bo_v_nb { margin-right: 20px; margin-left: 20px; } #bo_v .bo_v_com .btn-label { display: none; } } /* Absolute final overrides: these rules intentionally live at EOF. */ #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com { display:flex!important; align-items:center!important; gap:7px!important; float:none!important; margin:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com>li { width:auto!important; margin:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:42px!important; min-width:42px!important; height:38px!important; padding:0!important; border:0!important; border-radius:4px!important; background:#fff1f1!important; color:#e51515!important; box-shadow:none!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn i { color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover { border:0!important; background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover i { color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn { top:46px!important; right:0!important; min-width:136px!important; padding:7px!important; border:0!important; border-radius:6px!important; background:#fff!important; box-shadow:0 10px 24px rgba(32,36,42,.14)!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li { width:auto!important; margin:0!important; padding:0!important; border:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a { display:flex!important; align-items:center!important; justify-content:space-between!important; height:34px!important; padding:0 10px!important; border:0!important; border-radius:4px!important; color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a i { color:inherit!important; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { border:0!important; border-radius:10px!important; background:transparent!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info { display:flex!important; align-items:center!important; gap:8px!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info .frm_input, #bo_v.service-board-view #bo_vc_w #captcha_img, #bo_v.service-board-view #bo_vc_w #captcha_key, #bo_v.service-board-view #bo_vc_w #captcha button { height:42px!important; min-height:42px!important; } #bo_v.service-board-view #bo_vc_empty { border:0!important; background:#f8fafb!important; } #bo_v.service-board-view #bo_v_share { display:flex!important; align-items:center!important; justify-content:flex-end!important; min-height:42px!important; padding:18px 0 0!important; } #bo_v.service-board-view #bo_v_share .btn.btn_b03 { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px; height:38px; padding:0 14px; border:0!important; border-radius:4px; background:#fff1f1!important; color:#e51515!important; font-size:12px; font-weight:700; text-decoration:none; } #bo_v.service-board-view #bo_v_share .btn.btn_b03 i { color:#e51515!important; font-size:14px; } #bo_v.service-board-view #bo_v_share .btn.btn_b03:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_share .btn.btn_b03:hover i { color:#fff!important; } #bo_list .tbl_head01.tbl_wrap, #bo_list.service-board-list .tbl_wrap, #bo_v.service-board-view { border-top-color:#E51515!important; } #bo_v.service-board-view #bo_vc_empty, #bo_v.service-board-view #bo_vc_w.bo_vc_w { background:transparent!important; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { box-shadow:none!important; } #bo_v.service-board-view #bo_vc_w textarea, #bo_v.service-board-view #bo_vc_w .frm_input, #bo_v.service-board-view #bo_vc_w #captcha_key { background:#fff!important; } #bo_list .btn_bo_user .btn i, #bo_list .more_opt button i, #bo_v .btn_bo_user .btn i, #bo_v .more_opt a i, #bo_v #bo_v_share .btn i, #bo_v #bo_vc_w #captcha button i { color:inherit!important; transition:color .18s ease; } #bo_list .btn_bo_user .btn, #bo_v .btn_bo_user .btn, #bo_v #bo_v_share .btn, #bo_v #bo_vc_w #captcha button { color:#e51515; } #bo_list .btn_bo_user .btn:hover i, #bo_v .btn_bo_user .btn:hover i, #bo_v #bo_v_share .btn:hover i, #bo_v #bo_vc_w #captcha button:hover i { color:inherit!important; } #bo_v.service-board-view #bo_v_info, #bo_v.service-board-view #bo_v_info .profile_info, #bo_v.service-board-view #bo_v_top, #bo_v.service-board-view #bo_v_share { background:transparent!important; border:0!important; } #bo_v.service-board-view #bo_v_info { box-shadow:none!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn, #bo_v.service-board-view #bo_v_share .btn.btn_b03 { background:transparent!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn:hover, #bo_v.service-board-view #bo_v_share .btn.btn_b03:hover { background:#e51515!important; } #bo_v.service-board-view #bo_vc_w form { width:100%; } #bo_v.service-board-view #bo_vc_w textarea#wr_content, #bo_v.service-board-view #bo_vc_w input.frm_input, #bo_v.service-board-view #bo_vc_w input#captcha_key { border:1px solid #d9dfe3!important; } #bo_v.service-board-view #bo_vc_w textarea#wr_content:focus, #bo_v.service-board-view #bo_vc_w input.frm_input:focus, #bo_v.service-board-view #bo_vc_w input#captcha_key:focus { border-color:#e51515!important; outline:0; box-shadow:0 0 0 3px rgba(229,21,21,.1); } #bo_v.service-board-view { border-top:0!important; border:0!important; box-shadow:0 16px 42px rgba(37,44,50,.08)!important; } #bo_v.service-board-view>header { padding-top:42px!important; background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%)!important; } /* Final Autohitech board theme pass */ #bo_list.service-board-list, #bo_v.service-board-view { font-family:inherit!important; color:#303840!important; } #bo_list.service-board-list .tbl_wrap { border:0!important; border-top:3px solid #e51515!important; border-radius:0!important; box-shadow:none!important; } #bo_list.service-board-list .tbl_head01 thead th { background:#f1f3f4!important; color:#3e4a53!important; } #bo_list.service-board-list .tbl_head01 tbody td { background:#fff!important; color:#68747e!important; } #bo_list.service-board-list .tbl_head01 tbody tr:nth-child(even) td { background:#fafbfc!important; } #bo_list.service-board-list .tbl_head01 tbody tr:hover td { background:#fff4f4!important; } #bo_list.service-board-list .bo_tit>a { color:#273139!important; } #bo_list.service-board-list .bo_tit>a:hover { color:#e51515!important; } #bo_list.service-board-list .bo_notice .notice_icon { border:0!important; background:#e51515!important; color:#fff!important; } #bo_list.service-board-list .bo_notice .notice_icon i { color:#fff!important; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn, #bo_list.service-board-list #bo_btn_top .btn_more_opt { border:0!important; background:#fff1f1!important; color:#e51515!important; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn i, #bo_list.service-board-list #bo_btn_top .btn_more_opt i { color:inherit!important; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn:hover, #bo_list.service-board-list #bo_btn_top .btn_more_opt:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view { border:0!important; border-top:0!important; border-radius:10px!important; background:#fff!important; box-shadow:0 16px 42px rgba(37,44,50,.08)!important; } #bo_v.service-board-view>header { border:0!important; } #bo_v.service-board-view #bo_v_info { background:transparent!important; border:0!important; } #bo_v.service-board-view #bo_v_atc { border:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn, #bo_v.service-board-view #bo_v_share .btn.btn_b03 { border:0!important; background:transparent!important; color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn i, #bo_v.service-board-view #bo_v_share .btn.btn_b03 i { color:inherit!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover, #bo_v.service-board-view #bo_v_share .btn.btn_b03:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover i, #bo_v.service-board-view #bo_v_share .btn.btn_b03:hover i { color:#fff!important; } #bo_v.service-board-view #bo_vc_empty { border:0!important; background:transparent!important; color:#89949d!important; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { border:0!important; background:transparent!important; box-shadow:none!important; } #bo_v.service-board-view #bo_vc_w textarea, #bo_v.service-board-view #bo_vc_w input.frm_input, #bo_v.service-board-view #bo_vc_w input#captcha_key { border:1px solid #d9dfe3!important; background:#fff!important; } #bo_v.service-board-view #bo_vc_w textarea:focus, #bo_v.service-board-view #bo_vc_w input.frm_input:focus, #bo_v.service-board-view #bo_vc_w input#captcha_key:focus { border-color:#e51515!important; } /* Remove decorative icons that do not communicate board state. */ #bo_list .fa-heart, #bo_v .fa-heart { display:none!important; } #bo_list .bo_tit .fa-caret-right { color:#e51515!important; } #bo_list .pg_start::before, #bo_list .pg_prev::before, #bo_list .pg_next::before, #bo_list .pg_end::before { content:none!important; } #bo_list .pg_edge-glyph, #bo_list .pg_ellipsis { color:#e51515!important; } #bo_list .pg_page:hover .pg_edge-glyph, #bo_list .pg_page:hover .pg_ellipsis { color:#fff!important; } @media (max-width:767px) { #bo_v.service-board-view { border-radius:0!important; box-shadow:none!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com { justify-content:flex-end!important; } } #bo_list .more_opt button:hover i, #bo_v .more_opt a:hover i { color:inherit!important; } /* Loaded last so legacy service-board rules cannot distort the layout. */ #bo_list.service-board-list .bo_notice .bo_tit::before { content: none!important; display: none!important; } #bo_list .bo_notice .notice_icon { display:inline-flex!important; align-items:center; justify-content:center; gap:5px; min-width:52px; padding:4px 8px; border:1px solid #e51515; border-radius:3px; background:#fff5f5; color:#e51515; font-size:12px; line-height:18px; } #bo_list .bo_notice .notice_icon i { font-size:12px; } #bo_list .bo_notice .notice_icon:before { content:none!important; display:none!important; } #bo_v_info #bo_v_top { position:static!important; margin-left:auto; } #bo_v_info .profile_info { float:none!important; width:auto; margin:0!important; } #bo_v_info .profile_info_ct { float:none!important; } #bo_v_info .profile_info_ct br { display:none; } #bo_v_atc { clear:both; overflow:hidden; } #bo_v_con { overflow-wrap:anywhere; } #bo_vc, #bo_vc_w { clear:both; } @media (max-width:767px) { #bo_v_info #bo_v_top { position:static!important; width:100%; } #bo_v_info .bo_v_com { justify-content:flex-end; } } #bo_list .tbl_head01.tbl_wrap { border-top-color:#E51515!important; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { background:transparent!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com { display:flex!important; align-items:center; gap:7px; float:none!important; margin:0!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com>li { width:auto!important; margin:0!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn { display:inline-flex!important; align-items:center; justify-content:center; width:42px!important; min-width:42px!important; height:38px!important; padding:0!important; border:0!important; border-radius:4px!important; background:#fff1f1!important; color:#e51515!important; box-shadow:none!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn i { color:inherit!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_top .btn_bo_user.bo_v_com .btn:hover i { color:#fff!important; } #bo_v.service-board-view #bo_v_top .more_opt.is_view_btn { display:none; top:46px; right:0; min-width:136px; margin:0; padding:7px; border:0; border-radius:6px; background:#fff; box-shadow:0 10px 24px rgba(32,36,42,.14); } #bo_v.service-board-view #bo_v_top .more_opt.is_view_btn li { width:auto; margin:0; padding:0; border:0; } #bo_v.service-board-view #bo_v_top .more_opt.is_view_btn li a { display:flex; align-items:center; justify-content:space-between; gap:12px; height:34px; padding:0 10px; border-radius:4px; color:#e51515; font-size:12px; text-decoration:none; } #bo_v.service-board-view #bo_v_top .more_opt.is_view_btn li a:hover { background:#e51515; color:#fff; } #bo_v.service-board-view #bo_v_top .more_opt.is_view_btn li a i { color:inherit; } /* Consistent action glyphs and unified comment composer */ #bo_v.service-board-view #bo_v_info .bo_v_com .btn i { display:inline-block; font-family:FontAwesome,Arial,sans-serif; font-size:15px!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="목록"] i { font-size:0!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="목록"] i:after { content:"☰"; font-family:Arial,sans-serif; font-size:16px; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="답변"] i { font-size:0!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="답변"] i:after { content:"↩"; font-family:Arial,sans-serif; font-size:18px; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="글쓰기"] i { font-size:0!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="글쓰기"] i:after { content:"＋"; font-family:Arial,sans-serif; font-size:20px; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn_more_opt i { font-size:0!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn_more_opt i:after { content:"⋯"; font-family:Arial,sans-serif; font-size:22px; line-height:12px; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { margin:22px 52px 42px!important; padding:24px 26px!important; border:0!important; border-radius:10px!important; background:#f2f5f6!important; } #bo_v.service-board-view #bo_vc_w h2 { margin:0 0 16px!important; color:#252d34; font-size:17px; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_wr { display:flex; align-items:center; gap:14px; margin-top:12px; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info { display:flex; align-items:center; flex:1 1 auto; gap:8px; margin:0; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info .frm_input, #bo_v.service-board-view #bo_vc_w #captcha, #bo_v.service-board-view #bo_vc_w #captcha_img, #bo_v.service-board-view #bo_vc_w #captcha_key, #bo_v.service-board-view #bo_vc_w #captcha button { height:42px!important; min-height:42px!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info .frm_input { width:150px; padding:0 13px; border:0!important; border-radius:5px; background:#fff!important; } #bo_v.service-board-view #bo_vc_w #captcha { display:flex; align-items:center; gap:7px; margin:0; padding:0; border:0; } #bo_v.service-board-view #bo_vc_w #captcha_img { width:120px; border:0!important; border-radius:5px; object-fit:cover; } #bo_v.service-board-view #bo_vc_w #captcha_key { width:76px; padding:0 9px; border:0!important; border-radius:5px; background:#fff!important; } #bo_v.service-board-view #bo_vc_w #captcha button { padding:0 10px; border:0!important; border-radius:5px; background:#fff1f1!important; color:#e51515!important; } #bo_v.service-board-view #bo_vc_w .btn_confirm { display:flex; align-items:center; gap:12px; margin:0; } #bo_v.service-board-view #bo_vc_w .secret_cm label { color:#66727b; } #bo_v.service-board-view #bo_vc_w .btn_submit { height:42px!important; border:0!important; border-radius:5px; } #bo_v.service-board-view #bo_vc { margin:0 52px!important; padding:0!important; border:0!important; border-radius:10px; background:#f8fafb; overflow:hidden; } #bo_v.service-board-view #bo_vc_empty { display:flex; align-items:center; justify-content:center; min-height:108px; margin:0!important; padding:24px; border:0!important; background:transparent!important; color:#8b969f!important; font-size:13px; } @media (max-width:767px) { #bo_v.service-board-view #bo_vc_w.bo_vc_w { margin:18px 20px 30px!important; padding:18px!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_wr { display:block; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info { display:flex; flex-wrap:wrap; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info .frm_input { width:calc(50% - 4px); } #bo_v.service-board-view #bo_vc_w #captcha { flex-wrap:wrap; height:auto!important; } #bo_v.service-board-view #bo_vc_w .btn_confirm { justify-content:flex-end; margin-top:14px; } #bo_v.service-board-view #bo_vc { margin:0 20px!important; } } /* Unified low-border visual system */ #bo_list.service-board-list, #bo_v.service-board-view { color:#303840; } #bo_list.service-board-list #bo_btn_top { border-bottom:0!important; } #bo_list.service-board-list .tbl_wrap { border-top:3px solid #252c32!important; } #bo_list.service-board-list .tbl_head01 thead th { border-bottom:0!important; background:#eef1f3!important; color:#46525c!important; } #bo_list.service-board-list .tbl_head01 tbody td { border-bottom:0!important; background:#f9fafb!important; } #bo_list.service-board-list .tbl_head01 tbody tr:nth-child(even) td { background:#f5f7f8!important; } #bo_list.service-board-list .tbl_head01 tbody tr:hover td { background:#fff1f1!important; } #bo_list.service-board-list .bo_tit>a { color:#273139!important; font-weight:600!important; } #bo_list.service-board-list .td_name, #bo_list.service-board-list .td_num, #bo_list.service-board-list .td_datetime { color:#68747e!important; } #bo_list.service-board-list .bo_notice .notice_icon { border:0!important; background:#e51515!important; color:#fff!important; } #bo_list.service-board-list .bo_notice .notice_icon i { color:#fff!important; } #bo_list.service-board-list .bo_current { color:#e51515!important; font-weight:700; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn, #bo_list.service-board-list #bo_btn_top .btn_more_opt { border:0!important; background:#fff1f1!important; color:#e51515!important; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn:hover, #bo_list.service-board-list #bo_btn_top .btn_more_opt:hover { background:#e51515!important; color:#fff!important; } #bo_list.service-board-list .bo_fx .btn_bo_user .btn i, #bo_list.service-board-list #bo_btn_top .btn_more_opt i { color:inherit!important; } #bo_list.service-board-list .bo_sch { border:0!important; background:#f1f4f5!important; } #bo_v.service-board-view { border:0!important; border-top:4px solid #252c32!important; background:#fff!important; box-shadow:0 18px 42px rgba(37,44,50,.08)!important; } #bo_v.service-board-view>header { border:0!important; background:#fff!important; } #bo_v.service-board-view #bo_v_info { border:0!important; background:#f1f4f5!important; } #bo_v.service-board-view #bo_v_info .profile_info_ct { min-height:40px; } #bo_v.service-board-view #bo_v_info .profile_info_ct>strong { height:22px; } #bo_v.service-board-view #bo_v_info .profile_info_ct>strong:first-of-type { height:22px; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn { border:0!important; background:#fff1f1!important; color:#e51515!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_atc { border:0!important; } #bo_v.service-board-view #bo_v_share .btn { border:0!important; background:#f1f4f5!important; color:#64717b!important; } #bo_v.service-board-view #bo_v_con { color:#35414a!important; } #bo_v.service-board-view #bo_v_con a { color:#d41414!important; } #bo_v.service-board-view .cmt_btn { border-bottom:2px solid #252c32!important; } #bo_v.service-board-view #bo_vc_empty { border:0!important; background:#f6f8f9!important; } #bo_v.service-board-view #bo_vc_w { border:0!important; background:#f1f4f5!important; } #bo_v.service-board-view #bo_vc_w textarea { border:0!important; background:#fff!important; } #bo_v.service-board-view #bo_vc_w .frm_input, #bo_v.service-board-view #bo_vc_w #captcha_key { border:0!important; background:#fff!important; } #bo_v.service-board-view #bo_vc_w #captcha button { border:0!important; background:#fff1f1!important; color:#e51515!important; } #bo_v.service-board-view #bo_vc_w #captcha button:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_vc_w .btn_submit { background:#e51515!important; } #bo_v.service-board-view #bo_vc_w .btn_submit:hover { background:#b90f0f!important; } /* Icon fallbacks remain visible even when the icon font is unavailable. */ #bo_v.service-board-view .board-post-type i:after { content:"•"; display:none; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn i { min-width:14px; text-align:center; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="목록"] i:after { content:"←"; font-family:Arial,sans-serif; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="목록"] i { font-size:0; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn[title="목록"] i:after { font-size:17px; } #bo_v.service-board-view #bo_vc_w #captcha button span:before { color:inherit!important; } @media (max-width:767px) { #bo_v.service-board-view #bo_v_info .profile_info_ct { gap:5px 12px; } #bo_v.service-board-view #bo_v_info .profile_info_ct>strong { height:20px; } } /* Final board-wide normalization */ #bo_list, #bo_v, #bo_list *, #bo_v * { box-sizing:border-box; } #bo_list, #bo_v { max-width:1180px!important; min-width:0!important; overflow:visible; } #bo_list img, #bo_v img { max-width:100%; } #bo_list a, #bo_v a { word-break:keep-all; } #bo_list button, #bo_v button, #bo_list input, #bo_v input, #bo_list select, #bo_v select, #bo_list textarea, #bo_v textarea { font-family:inherit; } #bo_list .sound_only, #bo_v .sound_only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } #bo_list .tbl_head01, #bo_list .tbl_wrap, #bo_list table { width:100%!important; } #bo_list .tbl_head01 { overflow-x:auto; } #bo_list .tbl_head01 table { min-width:720px; } #bo_list .bo_fx, #bo_list .pg_wrap { clear:both!important; } #bo_v.service-board-view { width:min(100%,1180px)!important; margin-right:auto!important; margin-left:auto!important; } #bo_v.service-board-view #bo_v_info, #bo_v.service-board-view #bo_v_atc, #bo_v.service-board-view #bo_vc, #bo_v.service-board-view #bo_vc_w { max-width:100%; } #bo_v.service-board-view #bo_v_atc:after, #bo_v.service-board-view #bo_v_info:after { display:block; clear:both; content:""; } #bo_v.service-board-view #bo_v_share:empty { display:none; } #bo_v.service-board-view #bo_v_img:empty { display:none; } #bo_v.service-board-view .bo_v_nb { overflow:hidden; } #bo_v.service-board-view .bo_v_nb a { min-width:0; text-overflow:ellipsis; overflow:hidden; } #bo_v.service-board-view #bo_v_file ul, #bo_v.service-board-view #bo_v_link ul { padding:0; } #bo_v.service-board-view #bo_v_file a, #bo_v.service-board-view #bo_v_link a { max-width:calc(100% - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @media (max-width:767px) { #bo_list, #bo_v { max-width:100%!important; } #bo_list .tbl_head01 { overflow-x:auto; -webkit-overflow-scrolling:touch; } #bo_list .tbl_head01 table { min-width:620px; } #bo_v.service-board-view #bo_v_file a, #bo_v.service-board-view #bo_v_link a { max-width:calc(100% - 46px); } } /* Captcha and post action buttons */ #bo_v.service-board-view #bo_vc_w #captcha button#captcha_mp3, #bo_v.service-board-view #bo_vc_w #captcha button#captcha_reload { display:inline-flex!important; align-items:center; justify-content:center; gap:5px; min-width:40px; height:40px; padding:0 10px; border:1px solid #f0b8b8!important; border-radius:4px; background:#fff!important; color:#e51515!important; font-size:11px; } #bo_v.service-board-view #bo_vc_w #captcha button#captcha_mp3 span, #bo_v.service-board-view #bo_vc_w #captcha button#captcha_reload span { display:inline-block!important; width:15px; height:15px; margin:0!important; background:none!important; } #bo_v.service-board-view #bo_vc_w #captcha button#captcha_mp3 span:before { content:"\f130"; font-family:FontAwesome; font-size:13px; } #bo_v.service-board-view #bo_vc_w #captcha button#captcha_reload span:before { content:"\f021"; font-family:FontAwesome; font-size:13px; } #bo_v.service-board-view #bo_vc_w #captcha button#captcha_mp3:hover, #bo_v.service-board-view #bo_vc_w #captcha button#captcha_reload:hover { border-color:#e51515!important; background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn { border-color:#f0b8b8!important; color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn i { color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover { border-color:#e51515!important; background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover i { color:#fff!important; } #bo_v.service-board-view #bo_vc_w, #bo_v.service-board-view #bo_vc, #bo_v.service-board-view .cmt_btn { box-sizing:border-box!important; } /* Government-standard service board grid */ #bo_list.service-board-list { width:min(100%,1180px)!important; margin:0 auto 72px!important; color:#30373d; } #bo_list.service-board-list #bo_btn_top { display:flex!important; align-items:center!important; justify-content:space-between!important; width:100%; min-height:48px; margin:0 0 14px!important; padding:0 0 14px!important; border-bottom:1px solid #d9dfe3; } #bo_list.service-board-list #bo_list_total { flex:1 1 auto; color:#77818a; font-size:13px; line-height:1.4; } #bo_list.service-board-list #bo_list_total span { margin-right:8px; color:#252c32; font-size:14px; font-weight:700; } #bo_list.service-board-list .tbl_wrap { width:100%!important; margin:0!important; border:0!important; border-top:2px solid #252c32!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; } #bo_list.service-board-list .tbl_head01 table { width:100%!important; table-layout:fixed!important; border-collapse:collapse!important; } #bo_list.service-board-list .tbl_head01 thead th { height:52px!important; padding:0 10px!important; border:0!important; border-bottom:1px solid #cbd2d7!important; background:#f4f6f7!important; color:#4d5861!important; font-size:13px!important; font-weight:700!important; text-align:center!important; } #bo_list.service-board-list .tbl_head01 tbody td { height:62px!important; padding:0 10px!important; border:0!important; border-bottom:1px solid #e2e6e9!important; background:#fff!important; vertical-align:middle!important; } #bo_list.service-board-list .tbl_head01 tbody tr:hover td { background:#fffafa!important; } #bo_list.service-board-list .tbl_head01 .col-number, #bo_list.service-board-list .tbl_head01 .td_num2 { width:110px!important; min-width:110px!important; text-align:center!important; } #bo_list.service-board-list .tbl_head01 .col-author, #bo_list.service-board-list .tbl_head01 .td_name { width:110px!important; min-width:110px!important; text-align:center!important; } #bo_list.service-board-list .tbl_head01 .col-hit, #bo_list.service-board-list .tbl_head01 .td_num { width:78px!important; min-width:78px!important; text-align:center!important; } #bo_list.service-board-list .tbl_head01 .col-date, #bo_list.service-board-list .tbl_head01 .td_datetime { width:112px!important; min-width:112px!important; text-align:center!important; } #bo_list.service-board-list .td_subject { width:auto!important; min-width:0!important; padding-right:20px!important; padding-left:18px!important; text-align:left!important; } #bo_list.service-board-list .bo_tit { display:flex!important; align-items:center!important; min-width:0!important; gap:7px!important; overflow:hidden!important; white-space:nowrap!important; } #bo_list.service-board-list .bo_tit>a { display:block!important; min-width:0!important; overflow:hidden!important; color:#252c32!important; font-size:14px!important; font-weight:500!important; line-height:1.5!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #bo_list.service-board-list .bo_notice .bo_tit>a { font-weight:700!important; } #bo_list.service-board-list .bo_notice .notice_icon { min-width:52px!important; white-space:nowrap!important; } #bo_list.service-board-list .td_datetime time { white-space:nowrap; } #bo_list.service-board-list .bo_fx { width:100%; min-height:38px; margin:16px 0 0!important; } #bo_list.service-board-list nav.pg_wrap { width:100%!important; margin:30px 0 0!important; } @media (max-width:767px) { #bo_list.service-board-list { margin-bottom:48px!important; } #bo_list.service-board-list #bo_btn_top { min-height:42px; } #bo_list.service-board-list .tbl_head01 .col-number, #bo_list.service-board-list .tbl_head01 .td_num2 { width:76px!important; min-width:76px!important; } #bo_list.service-board-list .tbl_head01 .col-author, #bo_list.service-board-list .tbl_head01 .td_name, #bo_list.service-board-list .tbl_head01 .col-hit, #bo_list.service-board-list .tbl_head01 .td_num { display:none!important; } #bo_list.service-board-list .tbl_head01 .col-date, #bo_list.service-board-list .tbl_head01 .td_datetime { width:88px!important; min-width:88px!important; } #bo_list.service-board-list .td_subject { padding-left:10px!important; padding-right:8px!important; } #bo_list.service-board-list .bo_tit>a { font-size:13px!important; } } /* Final service post composition */ #bo_v.service-board-view { overflow:hidden!important; border:1px solid #e1e5e8!important; border-top:4px solid #20242a!important; } #bo_v.service-board-view>header { position:relative; padding:46px 52px 38px!important; } #bo_v.service-board-view .board-post-type { display:inline-flex; align-items:center; gap:9px; margin:0 0 18px; color:#e51515!important; font-size:11px; letter-spacing:.14em; } #bo_v.service-board-view .board-post-type i { display:grid; place-items:center; width:30px; height:30px; border:0; border-radius:8px; background:#fff0f0; color:#e51515; font-size:13px; } #bo_v.service-board-view #bo_v_title .bo_v_tit { display:block; max-width:900px; color:#20272d!important; font-size:clamp(24px,3.2vw,38px)!important; font-weight:750!important; line-height:1.35!important; } #bo_v.service-board-view #bo_v_info { display:flex!important; align-items:center; justify-content:space-between; gap:24px; min-height:82px; padding:15px 52px!important; background:#f8fafb!important; } #bo_v.service-board-view #bo_v_info .profile_info { display:block; flex:1 1 auto; width:auto; } #bo_v.service-board-view #bo_v_info .profile_info_ct { display:flex; align-items:center; gap:8px 16px; flex-wrap:wrap; } #bo_v.service-board-view #bo_v_info .profile_info_ct>strong { display:inline-flex!important; align-items:center; gap:5px; margin:0!important; color:#707a83; font-size:12px; font-weight:500; } #bo_v.service-board-view #bo_v_info .profile_info_ct>strong:first-of-type { flex-basis:100%; color:#252c32; font-size:13px; font-weight:700; } #bo_v.service-board-view #bo_v_info .profile_info_ct i { color:#e51515; } #bo_v.service-board-view #bo_v_info #bo_v_top { flex:0 0 auto; margin:0!important; } #bo_v.service-board-view #bo_v_info .bo_v_com { gap:6px; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn { width:40px!important; min-width:40px!important; height:38px!important; border:1px solid #d9dfe3!important; border-radius:5px!important; background:#fff!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn i { color:#e51515!important; } #bo_v.service-board-view #bo_v_info .bo_v_com .btn:hover { border-color:#e51515!important; background:#e51515!important; } #bo_v.service-board-view #bo_v_atc { padding:0 52px 34px!important; background:#fff; } #bo_v.service-board-view #bo_v_share { display:flex; justify-content:flex-end; min-height:0; padding:22px 0 0; } #bo_v.service-board-view #bo_v_share .btn { border:1px solid #e0e5e8; border-radius:4px; background:#fff; color:#68727b; } #bo_v.service-board-view #bo_v_share .btn:hover { border-color:#e51515; color:#e51515; } #bo_v.service-board-view #bo_v_con { min-height:300px; padding:48px 4px 70px!important; color:#35404a!important; font-size:16px!important; line-height:2.05!important; } #bo_v.service-board-view #bo_v_con a { color:#d51616; text-decoration:underline; text-underline-offset:3px; } #bo_v.service-board-view #bo_v_con a:hover { color:#a80f0f; } #bo_v.service-board-view .cmt_btn { width:calc(100% - 104px)!important; margin:0 52px!important; border-bottom:1px solid #cbd2d7!important; } #bo_v.service-board-view #bo_vc { margin:0 52px!important; } #bo_v.service-board-view #bo_vc_empty { min-height:130px; border:1px dashed #d6dce0; border-top:0; border-radius:0 0 8px 8px; background:#fbfcfd!important; } #bo_v.service-board-view #bo_vc_w { margin:24px 52px 46px!important; border-radius:8px!important; } @media (max-width:767px) { #bo_v.service-board-view>header { padding:32px 20px 28px!important; } #bo_v.service-board-view #bo_v_info { display:block!important; padding:16px 20px!important; } #bo_v.service-board-view #bo_v_info #bo_v_top { margin-top:14px!important; } #bo_v.service-board-view #bo_v_info .bo_v_com { justify-content:flex-end; } #bo_v.service-board-view #bo_v_atc { padding:0 20px 24px!important; } #bo_v.service-board-view #bo_v_con { padding:34px 0 48px!important; } #bo_v.service-board-view .cmt_btn { width:calc(100% - 40px)!important; margin-right:20px!important; margin-left:20px!important; } #bo_v.service-board-view #bo_vc { margin-right:20px!important; margin-left:20px!important; } #bo_v.service-board-view #bo_vc_w { margin-right:20px!important; margin-left:20px!important; } } /* Post article and comment panel */ #bo_v { border:0!important; border-top:3px solid #20242a!important; border-radius:8px!important; background:#fff!important; box-shadow:0 14px 36px rgba(31,37,43,.08)!important; } #bo_v>header { padding:38px 42px 30px!important; border-bottom:1px solid #e7eaed!important; background:linear-gradient(135deg,#fff 0%,#fafbfc 100%)!important; } #bo_v .board-post-type { color:#e51515!important; } #bo_v_title .bo_v_tit { color:#1e252b!important; font-size:clamp(22px,3vw,34px)!important; font-weight:750!important; letter-spacing:-.035em; line-height:1.42!important; } #bo_v_info { min-height:76px; border-bottom:1px solid #e7eaed!important; background:#fbfcfd!important; } #bo_v_atc { padding:0 42px 28px!important; border-bottom:1px solid #e7eaed!important; } #bo_v_con { min-height:260px; padding:44px 0 58px!important; color:#343c44!important; font-size:16px!important; line-height:2!important; } #bo_v_con img { max-width:100%; height:auto; border-radius:5px; } #bo_v_con blockquote { margin:24px 0; padding:16px 20px; border-left:3px solid #e51515; border-radius:0 5px 5px 0; background:#faf1f1; color:#555e67; } #bo_v .cmt_btn { display:flex!important; align-items:center; justify-content:space-between; width:calc(100% - 84px)!important; height:62px; margin:0 42px!important; padding:0!important; border:0!important; border-bottom:2px solid #20242a!important; background:#fff!important; color:#252c32!important; font-size:17px; text-align:left; cursor:pointer; } #bo_v .cmt_btn .total { display:inline-flex; align-items:center; gap:8px; color:#252c32!important; } #bo_v .cmt_btn .total b { color:#252c32!important; font-size:17px; } #bo_v .cmt_btn .total b:before { content:"\f075"; margin-right:7px; color:#e51515; font-family:FontAwesome; font-size:15px; } #bo_v .cmt_btn .cmt_more { display:grid!important; place-items:center; width:30px!important; height:30px!important; margin:0!important; border-radius:50%; background:#fff0f0!important; background-image:none!important; opacity:1!important; } #bo_v .cmt_btn .cmt_more:after { content:"\f107"; color:#e51515; font-family:FontAwesome; font-size:14px; } #bo_v .cmt_btn_op .cmt_more:after { content:"\f106"; } #bo_vc { margin:0 42px!important; border:0!important; } #bo_vc h2 { position:absolute; width:1px; height:1px; overflow:hidden; } #bo_vc_empty { display:flex; align-items:center; justify-content:center; min-height:120px; margin:0!important; padding:28px!important; border-bottom:1px solid #e7eaed!important; border-radius:0 0 5px 5px; background:#fafbfc!important; color:#9099a2!important; font-size:13px; } #bo_vc article { margin:0!important; padding:22px 8px!important; border-bottom:1px solid #edf0f2!important; } #bo_vc article:last-child { border-bottom:0!important; } #bo_vc_w { margin:22px 42px 40px!important; } @media (max-width:767px) { #bo_v>header { padding:28px 20px 22px!important; } #bo_v_atc { padding:0 20px 20px!important; } #bo_v_con { padding:32px 0 42px!important; font-size:15px!important; } #bo_v .cmt_btn { width:calc(100% - 40px)!important; height:56px; margin-right:20px!important; margin-left:20px!important; } #bo_vc { margin-right:20px!important; margin-left:20px!important; } #bo_vc_w { margin-right:20px!important; margin-left:20px!important; } } /* Authenticated board actions and selection column */ #bo_list #bo_btn_top > .btn_bo_user { display:flex!important; align-items:center; justify-content:flex-end; gap:7px; float:none!important; } #bo_list #bo_btn_top > .btn_bo_user > li:not(:has(.btn_more_opt)) { display:none!important; } #bo_list #bo_btn_top > .btn_bo_user > li:has(.btn_more_opt) { display:block!important; width:auto!important; margin:0!important; } #bo_list #bo_btn_top > .btn_bo_user .btn_more_opt { display:inline-flex!important; align-items:center; justify-content:center; width:42px!important; height:38px!important; border:1px solid #f0b8b8!important; border-radius:4px!important; background:#fff!important; color:#e51515!important; } #bo_list #bo_btn_top > .btn_bo_user .btn_more_opt:hover { border-color:#e51515!important; background:#e51515!important; color:#fff!important; } #bo_list #bo_btn_top > .btn_bo_user .more_opt { top:44px; right:0; } #bo_list .bo_fx .btn_bo_user > li:has(.more_opt) { position:relative; } #bo_list .bo_fx .more_opt.is_list_btn { display:none!important; position:absolute; right:0; bottom:46px; top:auto; width:max-content; min-width:0; margin:0; padding:7px; border:1px solid #e2c1c1; border-radius:6px; background:#fff; box-shadow:0 10px 24px rgba(32,36,42,.12); white-space:nowrap; } #bo_list .bo_fx .more_opt.is_list_btn.is-open { display:flex!important; align-items:center; gap:6px; } #bo_list .bo_fx .more_opt.is_list_btn:before, #bo_list .bo_fx .more_opt.is_list_btn:after { display:none; } #bo_list .bo_fx .more_opt.is_list_btn li { width:auto; margin:0; padding:0; border:0; } #bo_list .bo_fx .more_opt.is_list_btn li button { display:inline-flex; align-items:center; justify-content:center; gap:5px; width:auto; min-width:86px; height:34px; padding:0 10px; border:1px solid #f0b8b8; border-radius:4px; background:#fff; color:#e51515; font-size:12px; white-space:nowrap; } #bo_list .bo_fx .more_opt.is_list_btn li button:hover { border-color:#e51515; background:#e51515; color:#fff; } #bo_list .bo_fx .more_opt.is_list_btn li button i { color:inherit; } @media (max-width:767px) { #bo_list .bo_fx .more_opt.is_list_btn { right:0; bottom:44px; max-width:calc(100vw - 40px); overflow-x:auto; } #bo_list .bo_fx .more_opt.is_list_btn li button { min-width:76px; padding:0 8px; } } #bo_list .bo_fx { display:flex!important; align-items:center; justify-content:flex-end; float:none!important; clear:both; margin:22px 0 0!important; } #bo_list .bo_fx .btn_bo_user { display:flex!important; align-items:center; justify-content:flex-end; gap:7px; float:none!important; margin:0!important; } #bo_list .bo_fx .btn_bo_user li { display:block; width:auto!important; margin:0!important; background:transparent!important; } #bo_list .bo_fx .btn_bo_user .btn { display:inline-flex!important; align-items:center; justify-content:center; width:42px!important; min-width:42px!important; height:38px!important; border:1px solid #f0b8b8!important; border-radius:4px!important; background:#fff!important; color:#e51515!important; box-shadow:none!important; } #bo_list .bo_fx .btn_bo_user .btn i { color:#e51515!important; font-size:14px; } #bo_list .bo_fx .btn_bo_user .btn:hover { border-color:#e51515!important; background:#e51515!important; color:#fff!important; } #bo_list .bo_fx .btn_bo_user .btn:hover i { color:#fff!important; } #bo_list .tbl_head01 .all_chk, #bo_list .tbl_head01 .td_chk { width:48px!important; min-width:48px!important; padding:0!important; text-align:center!important; } #bo_list .tbl_head01 .td_chk { border-bottom:1px solid #e3e6e8; } #bo_list .tbl_head01 .td_chk .chk_box, #bo_list .tbl_head01 .all_chk .chk_box { display:inline-flex; align-items:center; justify-content:center; position:relative; width:22px; height:22px; } #bo_list .tbl_head01 .td_chk input.selec_chk, #bo_list .tbl_head01 .all_chk input.selec_chk { position:absolute; width:1px; height:1px; opacity:0; } #bo_list .tbl_head01 .td_chk label, #bo_list .tbl_head01 .all_chk label { display:inline-flex!important; align-items:center; justify-content:center; width:20px; height:20px; margin:0!important; padding:0!important; cursor:pointer; } #bo_list .tbl_head01 .td_chk label span, #bo_list .tbl_head01 .all_chk label span { display:block!important; float:none!important; width:16px!important; height:16px!important; border:1px solid #cbd2d8!important; border-radius:3px!important; background:#fff!important; box-sizing:border-box; } #bo_list .tbl_head01 .td_chk input:checked + label span, #bo_list .tbl_head01 .all_chk input:checked + label span { border-color:#e51515!important; background:#e51515!important; } #bo_list .tbl_head01 .td_chk input:checked + label span:after, #bo_list .tbl_head01 .all_chk input:checked + label span:after { content:"✓"; display:block; color:#fff; font-size:12px; font-weight:700; line-height:14px; text-align:center; } #bo_list .tbl_head01 .col-number { width:110px!important; min-width:110px!important; } @media (max-width:767px) { #bo_list .bo_fx { margin-top:16px!important; } #bo_list .tbl_head01 .all_chk, #bo_list .tbl_head01 .td_chk { width:38px!important; min-width:38px!important; } #bo_list .tbl_head01 .col-number { width:76px!important; min-width:76px!important; } } /* Fully isolated pagination component */ #bo_list nav.pg_wrap { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:46px!important; margin:34px 0 0!important; padding:0!important; clear:both!important; float:none!important; text-align:center!important; } #bo_list nav.pg_wrap .pg { display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; width:auto!important; margin:0!important; padding:0!important; float:none!important; list-style:none!important; } #bo_list nav.pg_wrap .pg > .sound_only { display:none!important; } #bo_list nav.pg_wrap .pg_current, #bo_list nav.pg_wrap .pg_page { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:40px!important; min-width:40px!important; height:40px!important; margin:0!important; padding:0!important; border:1px solid #dfe3e7!important; border-radius:4px!important; background:#fff!important; color:#4f5962!important; font-size:13px!important; font-weight:500!important; line-height:1!important; text-decoration:none!important; box-shadow:none!important; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important; } #bo_list nav.pg_wrap .pg_current { border-color:#e51515!important; background:#e51515!important; color:#fff!important; font-weight:700!important; } #bo_list nav.pg_wrap .pg_page:hover { border-color:#e51515!important; background:#fff5f5!important; color:#e51515!important; transform:translateY(-1px); } #bo_list nav.pg_wrap .pg_page .sound_only { display:none!important; } #bo_list nav.pg_wrap .pg_start, #bo_list nav.pg_wrap .pg_prev, #bo_list nav.pg_wrap .pg_next, #bo_list nav.pg_wrap .pg_end { width:40px!important; min-width:40px!important; font-size:0!important; } #bo_list nav.pg_wrap .pg_start i, #bo_list nav.pg_wrap .pg_prev i, #bo_list nav.pg_wrap .pg_next i, #bo_list nav.pg_wrap .pg_end i { display:inline-block!important; color:#e51515!important; font-size:18px!important; line-height:1!important; } #bo_list nav.pg_wrap .pg_end .pg_ellipsis { display:inline-block!important; margin-right:3px; color:#e51515!important; font-size:13px!important; font-weight:700; letter-spacing:1px; line-height:1!important; } #bo_list nav.pg_wrap .pg_start:hover, #bo_list nav.pg_wrap .pg_prev:hover, #bo_list nav.pg_wrap .pg_next:hover, #bo_list nav.pg_wrap .pg_end:hover { border-color:#e51515!important; background:#e51515!important; } #bo_list nav.pg_wrap .pg_start:hover i, #bo_list nav.pg_wrap .pg_prev:hover i, #bo_list nav.pg_wrap .pg_next:hover i, #bo_list nav.pg_wrap .pg_end:hover i { color:#fff!important; } #bo_list nav.pg_wrap .pg_end:hover .pg_ellipsis { color:#fff!important; } #bo_list nav.pg_wrap .pg_edge-glyph { display:inline-block!important; color:#e51515!important; font-family:Arial,sans-serif!important; font-size:23px!important; font-weight:700!important; line-height:1!important; } #bo_list nav.pg_wrap .pg_ellipsis { display:inline-block!important; color:#e51515!important; font-family:Arial,sans-serif!important; font-size:13px!important; font-weight:700!important; letter-spacing:1px; line-height:1!important; } #bo_list nav.pg_wrap .pg_page:hover .pg_edge-glyph, #bo_list nav.pg_wrap .pg_page:hover .pg_ellipsis { color:#fff!important; } @media (max-width:767px) { #bo_list nav.pg_wrap { margin-top:26px!important; } #bo_list nav.pg_wrap .pg { gap:4px!important; } #bo_list nav.pg_wrap .pg_current, #bo_list nav.pg_wrap .pg_page { width:34px!important; min-width:34px!important; height:34px!important; } } /* Keep notice labels horizontal and make pagination navigation obvious. */ #bo_list .col-number, #bo_list .td_num2 { width:110px!important; min-width:110px; white-space:nowrap; } #bo_list .bo_notice .notice_icon { white-space:nowrap; word-break:keep-all; } #bo_list .pg_prev, #bo_list .pg_next { width:48px!important; min-width:48px!important; border-color:#e51515!important; color:#e51515!important; font-size:0!important; } #bo_list .pg_prev::before, #bo_list .pg_next::before { color:#e51515!important; font-family:Arial,sans-serif; font-size:26px!important; font-weight:700; line-height:1; } #bo_list .pg_prev:hover, #bo_list .pg_next:hover { border-color:#e51515!important; background:#e51515!important; color:#fff!important; } #bo_list .pg_prev:hover::before, #bo_list .pg_next:hover::before { color:#fff!important; } #bo_list .pg_start, #bo_list .pg_end { width:48px!important; min-width:48px!important; border-color:#e51515!important; color:#e51515!important; font-size:0!important; } #bo_list .pg_start::before, #bo_list .pg_end::before { display:inline-block!important; color:#e51515!important; font-family:Arial,sans-serif; font-size:24px!important; font-weight:700; line-height:1; } #bo_list .pg_start::before { content:"«"!important; } #bo_list .pg_end::before { content:"»"!important; } #bo_list .pg_start:hover, #bo_list .pg_end:hover { border-color:#e51515!important; background:#e51515!important; } #bo_list .pg_start:hover::before, #bo_list .pg_end:hover::before { color:#fff!important; } #bo_list .pg_start i, #bo_list .pg_prev i, #bo_list .pg_next i, #bo_list .pg_end i { display:inline-block!important; color:#e51515!important; font-size:18px!important; line-height:1; } #bo_list .pg_start:hover i, #bo_list .pg_prev:hover i, #bo_list .pg_next:hover i, #bo_list .pg_end:hover i { color:#fff!important; } @media (max-width:767px) { #bo_list .col-number, #bo_list .td_num2 { width:76px!important; min-width:76px; } #bo_list .pg_prev, #bo_list .pg_next, #bo_list .pg_start, #bo_list .pg_end { width:40px!important; min-width:40px!important; } } /* Isolated comment composer */ #bo_v #bo_vc_w.bo_vc_w { display:block!important; clear:both; margin:28px 36px 38px!important; padding:24px!important; border:1px solid #e0e4e8!important; border-radius:8px!important; background:#f8f9fa!important; box-shadow:none!important; } #bo_v #bo_vc_w.bo_vc_w h2 { position:static!important; width:auto!important; height:auto!important; margin:0 0 14px!important; overflow:visible!important; color:#242a30; font-size:1rem; line-height:1.4; } #bo_v #fviewcomment { display:block; width:100%; } #bo_v #fviewcomment textarea#wr_content { display:block; width:100%; min-height:124px; height:124px; margin:0!important; padding:15px 16px; border:1px solid #d5dade; border-radius:5px; background:#fff; color:#30363b; font-size:14px; line-height:1.7; resize:vertical; box-sizing:border-box; } #bo_v #fviewcomment textarea#wr_content:focus { border-color:#e51515; outline:0; box-shadow:0 0 0 3px rgba(229,21,21,.1); } #bo_v #bo_vc_w .bo_vc_w_wr { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-top:14px; } #bo_v #bo_vc_w .bo_vc_w_info { display:flex; flex:1 1 auto; align-items:center; flex-wrap:wrap; gap:8px; margin:0; } #bo_v #bo_vc_w .bo_vc_w_info .frm_input { float:none; width:150px; height:40px; margin:0; padding:0 12px; border:1px solid #d5dade; border-radius:4px; background:#fff; box-sizing:border-box; } #bo_v #bo_vc_w .bo_vc_w_info .frm_input:focus { border-color:#e51515; outline:0; } #bo_v #bo_vc_w #captcha { display:flex; align-items:center; flex-wrap:wrap; gap:7px; width:auto; min-height:40px; margin:0; padding:0; border:0; } #bo_v #bo_vc_w #captcha legend { position:absolute; width:1px; height:1px; overflow:hidden; } #bo_v #bo_vc_w #captcha #captcha_img { width:120px; height:40px; border:1px solid #d5dade; border-radius:4px; background:#fff; object-fit:cover; } #bo_v #bo_vc_w #captcha #captcha_key { width:82px; height:40px; margin:0; padding:0 10px; border:1px solid #d5dade; border-radius:4px; box-sizing:border-box; } #bo_v #bo_vc_w #captcha button { height:32px; padding:0 8px; border:1px solid #d5dade; border-radius:4px; background:#fff; color:#68727b; font-size:11px; } #bo_v #bo_vc_w #captcha button:hover { border-color:#e51515; color:#e51515; } #bo_v #bo_vc_w #captcha_info { flex-basis:100%; color:#8a949d; font-size:11px; } #bo_v #bo_vc_w .btn_confirm { display:flex; align-items:center; justify-content:flex-end; gap:12px; clear:none; margin:0; } #bo_v #bo_vc_w .secret_cm { margin:0; white-space:nowrap; } #bo_v #bo_vc_w .secret_cm label { margin:0; color:#6f7881; font-size:12px!important; } #bo_v #bo_vc_w .btn_submit { min-width:100px; height:42px; padding:0 18px; border:0; border-radius:4px; background:#e51515; color:#fff; font-size:13px; font-weight:700; } #bo_v #bo_vc_w .btn_submit:hover { background:#bd1010; } /* View navigation action */ #bo_v #bo_v_info .bo_v_com > li:first-child { margin-left:auto; } #bo_v #bo_v_info .bo_v_com .btn i { color:#e51515; transition:color .18s ease; } #bo_v #bo_v_info .bo_v_com .btn:hover i { color:#fff; } @media (max-width:767px) { #bo_v #bo_vc_w.bo_vc_w { margin:22px 20px 28px!important; padding:18px!important; } #bo_v #bo_vc_w .bo_vc_w_wr { display:block; } #bo_v #bo_vc_w .bo_vc_w_info { display:block; } #bo_v #bo_vc_w .bo_vc_w_info .frm_input { width:calc(50% - 5px); margin-bottom:8px; } #bo_v #bo_vc_w #captcha { margin-top:2px; } #bo_v #bo_vc_w .btn_confirm { margin-top:14px; } } /* Government-standard bulletin refinement */ #bo_list .tbl_wrap { border: 0; border-top: 2px solid #252a30; border-radius: 0; box-shadow: none; } #bo_list .tbl_head01 table { table-layout: fixed; } #bo_list .tbl_head01 thead th { height: 52px; border-bottom: 1px solid #cfd4d9; background: #f5f6f7; color: #3e464d; font-weight: 700; } #bo_list .tbl_head01 tbody td { height: 62px; border-bottom: 1px solid #e3e6e8; color: #555e66; } #bo_list .tbl_head01 tbody tr:last-child td { border-bottom-color: #cfd4d9; } #bo_list .tbl_head01 tbody tr:hover { transform: none; box-shadow: none; background: #fafafa; } #bo_list .col-number { width: 92px; } #bo_list .col-author { width: 130px; } #bo_list .col-hit { width: 92px; } #bo_list .col-date { width: 122px; } #bo_list .td_num2 { color: #69737d; font-size: .82rem; } #bo_list .bo_notice .td_num2 { color: #e51515; } #bo_list .bo_notice .notice_icon { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 48px; color: #e51515; font-size: .74rem; font-weight: 700; } #bo_list .bo_notice .notice_icon i { font-size: .82rem; } #bo_list .bo_notice .notice_icon:before { content: none; } #bo_list .bo_notice .td_subject a { font-weight: 700; } #bo_list .td_name { font-size: .82rem; } #bo_list .td_datetime { color: #77818b; font-size: .8rem; } #bo_list #bo_btn_top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e3e6e8; padding-bottom: 15px; } #bo_list .btn_bo_user { gap: 6px; } #bo_list .btn_bo_user .btn { width: auto; min-width: 42px; height: 38px; border: 1px solid #d8dde1; border-radius: 4px; background: #fff; color: #59636c; box-shadow: none; } #bo_list .btn_bo_user .btn:hover { border-color: #e51515; color: #e51515; } #bo_list .bo_fx { margin-top: 18px; } #bo_list .pg_wrap { margin-top: 28px; } #bo_v { border: 1px solid #dfe3e6; border-radius: 4px; box-shadow: none; } #bo_v>header { padding: 30px 36px 24px; border-bottom: 1px solid #dfe3e6; background: #fff; } #bo_v .board-post-type { margin-bottom: 12px; color: #68727b; font-size: .68rem; letter-spacing: .1em; } #bo_v .board-post-type i { width: 24px; height: 24px; border: 1px solid #e51515; background: #fff; color: #e51515; } #bo_v_title { margin: 0; color: #22272b; font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.45; } #bo_v_info { padding: 18px 36px!important; border-bottom: 1px solid #e3e6e8; background: #fafbfc; } #bo_v_info .profile_info { display: flex; align-items: center; justify-content: space-between; } #bo_v_info .profile_info_ct { display: flex; align-items: center; gap: 16px; } #bo_v_info .profile_info_ct br { display: none; } #bo_v_info .profile_info_ct strong { color: #69737d; font-size: .8rem; font-weight: 500; } #bo_v_info .pf_img { display: none; } #bo_v_top { position: absolute; top: 25px; right: 36px; } #bo_v .bo_v_com { display: flex; gap: 5px; } #bo_v .bo_v_com .btn { min-width: 38px; height: 36px; border: 1px solid #d8dde1; border-radius: 4px; background: #fff; color: #59636c; box-shadow: none; } #bo_v .bo_v_com .btn:hover { border-color: #e51515; color: #e51515; } #bo_v_atc { padding: 38px 36px 20px; } #bo_v_con { min-height: 220px; color: #3d464d; font-size: 15px; line-height: 1.9; } #bo_v_share { padding-top: 0; } #bo_v_act { border-top: 1px solid #e3e6e8; padding-top: 24px; } #bo_vc { margin: 26px 36px 0; border-top: 2px solid #252a30; } #bo_vc h2, #bo_vc_w h2 { padding: 18px 0 12px; color: #252a30; font-size: 1rem; } #bo_vc_empty { padding: 28px 0; border-bottom: 1px solid #e3e6e8; color: #8a949d; text-align: center; } #bo_vc_w { margin: 0 36px 34px!important; padding-top: 16px; border-top: 1px solid #e3e6e8; } #bo_vc_w textarea { min-height: 110px; border-color: #d5dade; border-radius: 3px; } #bo_vc_w .btn_submit { border-radius: 3px; background: #e51515; } #bo_v_file,#bo_v_link { margin: 28px 36px 0; } #bo_v .bo_v_nb { margin: 28px 36px 36px; border-top: 1px solid #dfe3e6; } #bo_v .bo_v_nb li { padding: 14px 0; border-bottom: 1px solid #e3e6e8; } @media (max-width: 767.98px) { #bo_list .col-number { width: 60px; } #bo_list .col-author { width: 82px; } #bo_list .col-hit { width: 58px; } #bo_list .col-date { width: 86px; } #bo_list .td_name, #bo_list .td_num { font-size: .72rem; } #bo_v>header { padding: 24px 20px 20px; } #bo_v_info { padding: 14px 20px!important; } #bo_v_info .profile_info { display: block; } #bo_v_info .profile_info_ct { flex-wrap: wrap; gap: 8px 12px; } #bo_v_top { position: static; margin-top: 14px; } #bo_v_atc { padding: 28px 20px 16px; } #bo_vc { margin-right: 20px; margin-left: 20px; } #bo_vc_w { margin-right: 20px!important; margin-left: 20px!important; } #bo_v_file,#bo_v_link { margin-right: 20px; margin-left: 20px; } #bo_v .bo_v_nb { margin-right: 20px; margin-left: 20px; } } /* EOF overrides for board action controls */ #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com { display:flex!important; align-items:center!important; gap:7px!important; float:none!important; margin:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com>li { width:auto!important; margin:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:42px!important; min-width:42px!important; height:38px!important; padding:0!important; border:0!important; border-radius:4px!important; background:#fff1f1!important; color:#e51515!important; box-shadow:none!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn i { color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover { border:0!important; background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .btn:hover i { color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn { top:46px!important; right:0!important; min-width:136px!important; padding:7px!important; border:0!important; border-radius:6px!important; background:#fff!important; box-shadow:0 10px 24px rgba(32,36,42,.14)!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li { width:auto!important; margin:0!important; padding:0!important; border:0!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a { display:flex!important; align-items:center!important; justify-content:space-between!important; height:34px!important; padding:0 10px!important; border:0!important; border-radius:4px!important; color:#e51515!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a:hover { background:#e51515!important; color:#fff!important; } #bo_v.service-board-view #bo_v_info .btn_bo_user.bo_v_com .more_opt.is_view_btn li a i { color:inherit!important; } #bo_v.service-board-view #bo_vc_w.bo_vc_w { border:0!important; border-radius:10px!important; background:transparent!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info { display:flex!important; align-items:center!important; gap:8px!important; } #bo_v.service-board-view #bo_vc_w .bo_vc_w_info .frm_input, #bo_v.service-board-view #bo_vc_w #captcha_img, #bo_v.service-board-view #bo_vc_w #captcha_key, #bo_v.service-board-view #bo_vc_w #captcha button { height:42px!important; min-height:42px!important; } #bo_v.service-board-view #bo_vc_empty { border:0!important; background:#f8fafb!important; }