@charset "utf-8";

/* ═══════════════════════════════════════════
   moa_gray_list V2.5 기반 + new_job 커스텀 컬럼
   ═══════════════════════════════════════════ */

/* 게시판 목록 기본 */
#bo_list {position:relative;margin-bottom:20px}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:30px;text-align:center}
#bo_list .td_num {width:50px;text-align:center}
#bo_list .txt_active {color:#495057}
#bo_list .txt_expired {color:#adb5bd}
#bo_list tbody tr {border-left:2px solid transparent}
#bo_list tbody tr:hover {border-left:2px solid #6c757d}
#bo_list tbody .even td {background:#f8f9fa}

/* 카테고리 */
#bo-cate {margin:0 0 25px;padding-left:1px;padding-top:1px}
#bo-cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo-cate ul {zoom:1;display:flex;flex-wrap:wrap}
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li {margin-left:-1px;margin-top:-1px}
#bo-cate a {display:block;line-height:28px;padding:5px 15px;border:1px solid #dee2e6;color:#6c757d;position:relative;transition:all 0.3s ease-out}
#bo-cate a:focus, #bo-cate a:hover, #bo-cate a:active {text-decoration:none;background:#495057;color:#fff;border:1px solid #495057}
#bo-cate #bo_cate_on {z-index:2;background:#6c757d;color:#fff;font-weight:bold;border:1px solid #6c757d}

/* 게시판 목록 공통 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.bo_notice td {background:#f8f9fa !important;border-bottom:1px solid #e9ecef}
.bo_notice td a {font-weight:bold}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e9ecef;color:#495057;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em}
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#495057;font-weight:600}

/* 검색 오버레이 */
.bo-sch-wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo-sch-content {width:100%;height:100%;align-items:center;justify-content:center;flex-wrap:wrap;align-content:center;display:flex}
.bo-sch {position:relative;z-index:2;text-align:left}
.bo-sch h3 {font-size:50px;color:#fff;text-align:center;font-weight:600;margin-bottom:30px;opacity:0;transform:translateY(-30px);text-shadow:5px 5px 10px rgba(0,0,0,.8)}
.bo-sch-box {background:rgba(73,80,87,.95);border-radius:10px;padding:20px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.4);width:380px;opacity:0;transform:translateY(-30px)}
.bo-sch-inner {background:#f8f9fa;border-radius:10px;padding:20px}
.bo-sch select {width:100%;height:43px;padding-left:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:url('./img/arrow.png') right 5px center no-repeat;background-size:18px auto;border:1px solid #adb5bd;font-size:14px}
.bo-sch select::-ms-expand {display:none}
.bo-sch-input {display:block}
.bo-sch input[type=text] {width:100%;height:43px;background:none;padding:0 10px;border:1px solid #adb5bd;margin-top:15px;font-size:14px;color:#000}
.bo-sch-btn {margin-top:15px;padding-top:15px;position:relative;text-align:center}
.bo-sch-btn:after {background:#dee2e6;content:"";position:absolute;left:0;top:0;width:100%;height:2px;border-top:1px solid #adb5bd}
.bo-sch .sch-btn {height:38px;color:#fff;border:none;font-size:15px;padding:0 20px;background:#6c757d}
.bo-sch-cls {position:absolute;right:50px;top:50px;width:29px;height:29px;background:url(./img/search_close.png) 0 0 no-repeat;z-index:5;text-indent:-9999px;border:none;opacity:0;transform:translateX(30px)}
.bo-sch-bg {background:rgba(0,0,0,0.8);width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer}
.bo-sch input[type=text]:focus, .bo-sch select:focus {box-shadow:none;border:none}
.bo-sch-wrap.active {display:block}
.bo-sch-wrap.active .bo-sch-cls {opacity:1;transform:translateX(0);transition:all 0.4s ease-out}
.bo-sch-wrap.active h3 {opacity:1;transform:translateY(0);transition:all 0.4s ease-out}
.bo-sch-wrap.active .bo-sch-box {opacity:1;transform:translateY(0);transition:all 0.4s ease-out 0.15s}

/* 상단 영역 */
.bo-top-wrap {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.list-total {font-size:16px;font-weight:500;padding-left:30px;min-height:24px;line-height:24px}
.list-total strong {color:#495057;font-weight:600}

/* 버튼 */
.board-btn a {vertical-align:top;display:inline-block;border:1px solid #ced4da;font-size:14px;font-weight:700;padding:6px 10px;position:relative;transition:all .3s ease-out;height:32px}
.board-btn a:before {position:absolute;left:0;bottom:0;height:50%;content:"";background:#f8f9fa;width:100%;z-index:-2}
.board-btn a:after {position:absolute;left:0;bottom:0;height:100%;content:"";background:#e9ecef;width:0;z-index:-1;transition:width 0.3s ease-out}
.board-btn a:hover:after {width:100%}
.board-btn a:hover {border-color:#adb5bd;box-shadow:3px 3px 8px rgba(0,0,0,.2)}
.btn-bo-rss, .btn-bo-search, .btn-bo-write, .btn-bo-admin, .btn-bo-admin-select,
.btn-bo-modify, .btn-bo-delete, .btn-bo-copy, .btn-bo-move, .btn-bo-list, .btn-bo-reply {
    background-image:none !important;padding-left:10px !important
}

/* 하단 영역 */
.bo-bottom-wrap {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.bo-v-btn-wrap {display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:6px}
.bo-v-btn-left, .bo-v-btn-right {display:flex;align-items:center;flex-wrap:wrap;gap:4px}

/* 선택관리 드롭다운 */
.bo-admin-select-wrap {display:inline-block;position:relative}
.more-opt {display:none;position:absolute;top:31px;right:0;background:#fff;z-index:999;width:100%;box-shadow:3px 3px 8px rgba(0,0,0,.2)}
.more-opt li {border-bottom:1px dotted #dee2e6}
.more-opt li:last-child {border-bottom:0}
.more-opt li button {width:100%;border:0;background:#fff;color:#333;text-align:left;padding:8px;transition:all 0.3s ease-out}
.more-opt li:hover button {color:#212529;background:#e9ecef}
.bo-admin-select-wrap.active .btn-bo-admin-select {border-color:#adb5bd;box-shadow:3px 3px 8px rgba(0,0,0,.2)}
.bo-admin-select-wrap.active .btn-bo-admin-select:after {width:100%}

/* ═══════════════════════════════════════════
   fz-list: flex 기반 목록
   ═══════════════════════════════════════════ */
.fz-list {margin-bottom:20px;border-top:2px solid #495057;font-size:14px;color:#000;list-style:none;padding:0}
.fz-list i {display:none}
.fz-list li {display:flex;border-bottom:1px solid #dee2e6;position:relative}
.fz-list li:last-child {border-bottom:1px solid #495057}
.fz-list li > div {padding:8px 0;display:flex;align-items:center;justify-content:center;min-height:50px}

/* 헤더행 */
.fz-list .fz-list-th {border-bottom:1px solid #6c757d}
.fz-list .fz-list-th > div {height:55px;font-weight:600;font-size:13px;color:#495057 !important}
.fz-list .fz-list-th .fz-subject {justify-content:center !important}
.fz-list .fz-list-th .fz-company,
.fz-list .fz-list-th .fz-manager,
.fz-list .fz-list-th .fz-type,
.fz-list .fz-list-th .fz-contact {justify-content:center !important}

/* 컬럼 너비 정의 */
.fz-list .fz-checkbox  {flex:0 0 30px}
.fz-list .fz-num       {flex:0 0 48px}
.fz-list .fz-subject   {flex:1 1 0;min-width:120px;justify-content:flex-start !important;padding:8px 10px;line-height:1.6em;overflow:hidden}
.fz-list .fz-company   {flex:0 0 100px}
.fz-list .fz-manager   {flex:0 0 70px}
.fz-list .fz-type      {flex:0 0 54px}
.fz-list .fz-contact   {flex:0 0 100px}
.fz-list .fz-date      {flex:0 0 65px}
.fz-list .fz-good      {flex:0 0 44px}
.fz-list .fz-nogood    {flex:0 0 44px}

/* 컬럼 색상 */
.fz-list .fz-num,
.fz-list .fz-date,
.fz-list .fz-good,
.fz-list .fz-nogood  {color:#6c757d}
.fz-list .fz-company {color:#212529;font-size:13px}
.fz-list .fz-manager {color:#495057;font-size:13px}
.fz-list .fz-contact {color:#495057;font-size:12px;font-family:monospace}

/* 구분 뱃지 */
.type-badge {display:inline-block;padding:2px 7px;border-radius:3px;font-size:12px;font-weight:600}
.type-구인 {background:#e8f4fd;color:#1a6fa8;border:1px solid #b8d9f0}
.type-구직 {background:#fef3e2;color:#c07a00;border:1px solid #f5d98a}

/* 제목 링크 */
.fz-list .fz-subject a,
.fz-list .fz-subject .list-subject {
    display:block;width:100%;color:#212529;font-size:14px;font-weight:500;
    text-decoration:none;word-break:break-word;overflow-wrap:break-word;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6
}
.fz-list .fz-subject a:hover,
.fz-list .fz-subject .list-subject:hover {color:#1a4fad}

/* 댓글수 */
.cnt-cmt {font-size:11px;color:#495057;background:#e9ecef;padding:0 4px;border-radius:3px;margin-left:3px;font-style:normal;vertical-align:middle}

/* sound_only */
.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
}

/* 아이콘 뱃지 */
.list-icon {
    display:inline-block;font-size:10px;font-weight:700;line-height:16px;
    padding:0 5px;border-radius:3px;margin-right:3px;vertical-align:middle;
    text-indent:0 !important;background-image:none !important;width:auto;height:auto
}
.icon-notice {background:none !important;color:inherit;padding:0 !important;font-size:1em}
.icon-reply  {background:#e8f0fc;color:#1a4fad}
.icon-secret {background:#fff3cd;color:#856404}
.icon-new    {background:#d1fae5;color:#065f46}
.icon-hot    {background:none}
.icon-file   {background:#f3f4f6;color:#6b7280}
.icon-link   {background:#ede9fe;color:#5b21b6}
.icon-pack-wrap {display:inline-flex;align-items:center;gap:2px;margin-left:6px;vertical-align:middle}

/* 카테고리 링크 */
.bo-cate-link {display:inline-block;position:relative;padding-right:10px;margin-right:8px;line-height:20px;vertical-align:top;color:#6c757d;font-size:12px}
.bo-cate-link:after {height:20px;width:1px;content:"";display:block;position:absolute;right:0;top:3px;background:linear-gradient(to bottom,#6c757d,transparent)}

/* hover 효과 */
.fz-list li:after {content:"";height:100%;width:0;background:#f8f9fa;position:absolute;left:0;top:0;z-index:-1;transition:width .3s ease-in-out}
.fz-list li:hover:after {width:100%}
.fz-list li > div, .fz-list li > div * {transition:color .2s ease-in-out}
.fz-list li:hover > div,
.fz-list li:hover .fz-subject > a {color:#495057 !important}
.fz-list li.fz-list-th:hover > div {color:#495057 !important}
.fz-list li.fz-list-th:after {display:none}

/* 공지 행 */
.fz-list .bo-notice {background:#fafafa}
.fz-list .bo-notice .fz-subject a {font-weight:700}

/* 빈 목록 */
.fz-empty-list {height:100px;display:flex;align-items:center;justify-content:center;flex-grow:1;color:#6c757d;font-size:14px}

/* data-label (모바일용, PC에서는 숨김) */
.fz-list li > div[data-label]:before {display:none}

/* 페이지네이션 */
#bo_list .pg_wrap {clear:both;text-align:center;margin-top:30px;display:block;float:none}
#bo_list .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .pg {text-align:center}
#bo_list .pg_page, .pg_current {display:inline-block;vertical-align:middle;border:1px solid #dee2e6;background:none;border-radius:0;transition:all 0.3s ease-out}
#bo_list .pg a:focus, .pg a:hover {text-decoration:none}
#bo_list .pg_page {color:#6c757d;font-size:14px;height:35px;line-height:33px;padding:0 13px;min-width:30px;text-decoration:none;position:relative}
#bo_list .pg_page:hover {background-color:#f8f9fa;box-shadow:0 0 5px rgba(0,0,0,.2);border-color:#adb5bd;color:#212529;font-weight:bold}
#bo_list .pg_start, #bo_list .pg_prev, #bo_list .pg_end, #bo_list .pg_next {text-indent:-999px;overflow:hidden;padding:0;width:35px;border:1px solid #dee2e6;background:none}
#bo_list .pg_prev:after  {font-family:FontAwesome;width:100%;position:absolute;left:0;top:0;height:100%;content:"\f104";z-index:1;text-indent:0;text-align:center;font-size:18px}
#bo_list .pg_start:after {font-family:FontAwesome;width:100%;position:absolute;left:0;top:0;height:100%;content:"\f100";z-index:1;text-indent:0;text-align:center;font-size:18px}
#bo_list .pg_next:after  {font-family:FontAwesome;width:100%;position:absolute;left:0;top:0;height:100%;content:"\f105";z-index:1;text-indent:0;text-align:center;font-size:18px}
#bo_list .pg_end:after   {font-family:FontAwesome;width:100%;position:absolute;left:0;top:0;height:100%;content:"\f101";z-index:1;text-indent:0;text-align:center;font-size:18px}
#bo_list .pg_start:hover, #bo_list .pg_prev:hover,
#bo_list .pg_end:hover,   #bo_list .pg_next:hover {background-color:#f8f9fa}
#bo_list .pg_current {display:inline-block;background:#6c757d;border:1px solid #495057;color:#fff;font-weight:bold;height:35px;line-height:33px;padding:0 13px;min-width:30px;position:relative}

/* ═══════════════════════════════════════════
   게시판 쓰기
   ═══════════════════════════════════════════ */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;max-height:180px;border:1px solid #565656;background:#fff;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after  {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#6c757d}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#495057}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* ═══════════════════════════════════════════
   게시판 읽기
   ═══════════════════════════════════════════ */
#bo_v {margin-bottom:20px;box-sizing:border-box}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#6c757d;color:#fff;font-weight:bold;line-height:2.2em}
#bo-v-title {border-top:2px solid #495057}
.bo-v-tit {display:block;font-size:22px;word-break:break-all;border-bottom:1px solid #dee2e6;padding:20px 0}
#bo-v-info {margin:0;border-bottom:1px solid #dee2e6;color:#495057;display:flex;justify-content:space-between;flex-wrap:wrap}
#bo-v-info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo-v-info .profile-info {display:flex;align-items:center}
#bo-v-info .profile-info .pf-img {margin-right:10px;display:inline-block}
#bo-v-info .profile-info .pf-img img {border-radius:50%;width:35px;height:35px}
#bo-v-info .profile-info strong {display:inline-block;font-weight:normal;padding-left:22px}
#bo-v-info .profile-info .pf-img ~ strong {background:none;padding-left:0}
#bo-v-info .sv_member, #bo-v-info .sv_guest,
#bo-v-info .member,    #bo-v-info .guest {font-weight:bold;font-size:14px}
#bo-v-info .profile_img {display:none}
#bo-v-info .sv_member {color:#000}
.article-info {padding:15px 0;min-height:50px}
.article-comment {display:inline-block;padding-left:22px;color:#6c757d;font-weight:normal}
.article-hit  {display:inline-block;padding-left:22px;margin-left:10px;color:#6c757d;font-weight:normal}
.article-date {display:inline-block;padding-left:22px;margin-left:10px;color:#6c757d;font-weight:normal}
.article-ip   {display:inline-block;color:#adb5bd;font-size:12px}
#bo_v_file, #bo_v_link {font-size:14px}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dee2e6;padding-left:50px;transition:box-shadow .3s ease-out}
#bo_v_file li i {color:#adb5bd;font-size:24px;margin-right:20px;position:absolute;left:10px;top:14px}
#bo_v_file a {display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_file a:hover, #bo_v_file a:focus {text-decoration:underline;color:#495057}
#bo_v_file li:hover {border-color:#adb5bd;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dee2e6;padding-left:50px;transition:box-shadow .3s ease-out}
#bo_v_link li i {color:#adb5bd;font-size:24px;margin-right:20px;position:absolute;left:10px;top:14px}
#bo_v_link a {display:block;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:hover {text-decoration:underline;color:#495057}
#bo_v_link li:hover {border-color:#adb5bd;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #f8f9fa;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #f8f9fa}
.bo_v_nb li:hover {background:#f8f9fa}
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#adb5bd}
.bo_v_nb li .nb_date {float:right;color:#adb5bd}
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;word-break:break-word;overflow:visible;font-size:14px}
#bo_v_con a {color:#495057;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}
.youtube-bo_v_con {position:relative;width:100%;height:0;padding-bottom:56.25%;margin:1em 0;overflow:hidden}
.youtube-bo_v_con iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:none}
.responsive-youtube {position:relative;width:100%;height:0;padding-bottom:56.25%;margin:20px 0;overflow:hidden}
.responsive-youtube iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:none}
#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative;display:inline-block}
#bo_v_act .bo_v_act_gng ~ .bo_v_act_gng {margin-left:10px}
#bo_v_act a, #bo_v_act > span {vertical-align:middle;color:#495057;transition:all .3s ease-out;padding:0}
#bo_v_act a:hover {background-color:#fff;color:#212529;border-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.2)}
#bo_v_act .bo_v_good, #bo_v_act .bo_v_nogood {
    display:inline-flex;align-items:center;gap:4px;
    border:1px solid #dee2e6;padding:8px 16px;border-radius:5px;
    text-decoration:none;color:#495057;transition:all .2s
}
#bo_v_share {position:relative;padding:20px 0;display:flex;justify-content:flex-end}
#bo_v_share .btn {padding:0 10px;color:#555;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
.scrap-btn, .share-btn {background-image:none !important;padding-left:10px !important}
.share-btn.active {border-color:#adb5bd;box-shadow:3px 3px 8px rgba(0,0,0,.2)}

/* ═══════════════════════════════════════════
   게시판 댓글
   ═══════════════════════════════════════════ */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f8f9fa;font-weight:bold;margin:30px 0 0;padding:0 0 15px}
.cmt_btn b {font-size:1.2em;color:#000}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f8f9fa;display:flex}
#bo_vc article:last-child {border-bottom:none}
#bo_vc article .pf_img {display:inline-block;vertical-align:middle;margin-right:5px}
#bo_vc article .pf_img img {border-radius:50%;width:35px;height:35px}
#bo_vc article .cm_wrap {flex-grow:1}
#bo_vc header {position:relative;display:flex;justify-content:space-between;z-index:1}
.cm-reply-btn, .cm-modify-btn, .cm-delete-btn {
    display:inline-flex;align-items:center;gap:3px;padding:2px 6px;
    font-size:12px;color:#6c757d;text-decoration:none;border:1px solid #dee2e6;
    border-radius:3px;transition:all .2s;margin-left:3px
}
.cm-reply-btn:hover, .cm-modify-btn:hover, .cm-delete-btn:hover {color:#495057;border-color:#adb5bd;background:#f8f9fa}
#bo_vc .cmt_contents {line-height:1.8em;padding:10px 0}
#bo_vc_empty {padding:80px 0 !important;color:#6c757d;text-align:center}
.comment-write-box {border:1px solid #ced4da;border-top:2px solid #6c757d;background:#f8f9fa;padding:15px}
.bo-vc-submit {padding:6px 15px;height:32px;font-weight:700;font-size:14px;background:#6c757d;color:#fff;transition:all .2s ease-out}
.bo-vc-submit:hover {box-shadow:3px 3px 8px rgba(0,0,0,.2);background:#fff;color:#495057}
.bo-vc-bottom {display:flex;justify-content:space-between;margin-top:10px}

/* ═══════════════════════════════════════════
   게시판 글쓰기 폼
   ═══════════════════════════════════════════ */
#bo_w .btn-confirm {text-align:center;margin:40px 0}
.content-input-form {padding:15px;background:#f8f9fa;border:1px solid #ced4da;border-top:2px solid #6c757d}
.input-wrap {margin-top:10px}
/* 두 칸 나란히 레이아웃 */
.input-wrap-row {display:flex;flex-wrap:nowrap;gap:0;margin-top:10px}
.input-wrap-row .input-box {flex:1 1 50%;margin-top:0}
.input-wrap-row .input-box + .input-box {margin-left:-1px}
.input-box {border:1px solid #ced4da;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-top:-1px}
.input-title {flex:0 0 140px;min-width:140px;display:flex;align-items:center;justify-content:flex-start;padding-left:15px;padding-right:8px;font-size:13px;font-weight:bold;position:relative;background:#fff;white-space:nowrap;word-break:keep-all;line-height:1.4}
.input-box.required .input-title:after {content:"*";color:#6c757d;margin-left:2px}
.input-content {flex-grow:1;display:flex;align-items:center;min-height:43px;position:relative;background:#fff}
/* 제목 행: input이 남은 공간 차지, 임시저장 버튼은 고정 너비 */
.input-content-subject {flex-wrap:nowrap;gap:0;overflow:hidden}
.input-content-subject input[type=text] {flex:1 1 0%;min-width:0;width:auto !important;height:43px;padding-left:15px;border:1px solid transparent}
.btn_autosave_inline {flex:0 0 auto;white-space:nowrap;height:43px;padding:0 12px;background:#e9ecef;border:0;border-left:1px solid #ced4da;color:#495057;font-size:13px;cursor:pointer;transition:background .2s}
.btn_autosave_inline:hover {background:#dee2e6}
#autosave_pop {position:absolute;top:43px;right:0;z-index:100}
.input-content input[type=text], .input-content input[type=password] {width:100%;height:43px;padding-left:15px;border:1px solid transparent}
.input-content select {width:100%;height:43px;padding-left:15px;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('./img/arrow.png') right 5px center no-repeat;background-size:18px auto}
.input-content select::-ms-expand {display:none}
.input-content .check-box {margin-left:15px}
.input-content .hidden-file {position:absolute;width:0;height:0;overflow:hidden}
.input-content .file-label {background:#6c757d;width:80px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}
.check-box {position:relative;display:inline-block}
.check-box input {display:none}
.check-box span {display:inline-block;width:17px;height:17px;border:1px solid #adb5bd;background:#fff;border-radius:3px;transition:background 0.2s ease;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.check-box span::after {content:"";position:absolute;top:1px;left:5px;width:5px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) scale(0);transition:all 0.3s ease 0.15s;opacity:0}
.check-box label {cursor:pointer;padding-left:23px;position:relative;z-index:1}
.check-box label.sound_only {position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important}
.check-box input:checked ~ span {border-color:transparent;background:#6c757d}
.check-box input:checked ~ span:after {opacity:1;transform:rotate(45deg) scale(1)}
.button {border:0;box-shadow:inset 0 0 0 1px #adb5bd;position:relative}
.button::before, .button::after {content:"";position:absolute;width:100%;height:100%}
.draw {transition:color 0.25s}
.draw::before, .draw::after {border:1px solid transparent;width:0;height:0}
.draw::before {top:0;left:0}
.draw::after {bottom:0;right:0}
.draw:hover {color:#495057}
.draw:hover::before, .draw:hover::after {width:100%;height:100%}
.draw:hover::before {border-top-color:#6c757d;border-right-color:#6c757d;transition:width 0.25s ease-out,height 0.25s ease-out 0.25s}
.draw:hover::after {border-bottom-color:#6c757d;border-left-color:#6c757d;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s}
.meet:hover {color:#495057}
.meet::after {top:0;left:0}
.meet:hover::before {border-top-color:#6c757d;border-right-color:#6c757d}
.meet:hover::after {border-bottom-color:#6c757d;border-left-color:#6c757d;transition:height 0.25s ease-out,width 0.25s ease-out 0.25s}
#bo_w .btn-confirm .btn-submit {background:#495057;box-shadow:none;border:none;color:#fff;width:140px;height:50px;font-size:16px;vertical-align:top;margin-right:10px;font-weight:bold;transition:all .4s ease-out}
#bo_w .btn-confirm .btn-submit:hover {background:none;color:#495057}
#bo_w .btn-confirm .btn-cancel {box-shadow:inset 0 0 0 1px #adb5bd;text-align:center;display:inline-block;width:140px;height:50px;line-height:50px;color:#495057;font-size:16px;vertical-align:top;font-weight:bold}
#bo_w .required {background:none !important}

/* ═══════════════════════════════════════════
   반응형: 태블릿 (≤1024px)
   ═══════════════════════════════════════════ */
@media screen and (max-width: 1024px) {
    .bo-sch-cls {right:30px;top:30px}
    .bo-sch h3 {font-size:40px}
    .bo-sch-box {width:90%;max-width:350px}
    .bo-top-wrap {align-items:center;flex-wrap:wrap;margin-bottom:10px}
    .bo-top-wrap .list-total {margin-top:10px;font-size:14px}
    .bo-top-wrap .board-btn {margin-left:auto;margin-top:10px}
    .board-btn a {font-size:13px;padding:4px 8px;height:auto}

    /* 컬럼 너비 축소 */
    .fz-list .fz-company  {flex:0 0 90px}
    .fz-list .fz-manager  {flex:0 0 60px}
    .fz-list .fz-contact  {flex:0 0 90px}
    .fz-list .fz-date     {flex:0 0 58px}

    #bo_list .pg_page {font-size:13px;height:30px;line-height:28px;padding:0 10px;min-width:25px}
    #bo_list .pg_start, #bo_list .pg_prev,
    #bo_list .pg_end,   #bo_list .pg_next {width:30px;height:30px}
    #bo_list .pg_current {height:30px;line-height:28px;padding:0 10px;min-width:25px}

    .bo-v-tit {font-size:18px;padding:14px 0}
    #bo_w .btn-confirm .btn-submit,
    #bo_w .btn-confirm .btn-cancel {width:120px;height:44px;font-size:15px}
    #bo_w .btn-confirm .btn-cancel {line-height:44px}
}

/* ═══════════════════════════════════════════
   반응형: 모바일 (≤768px)
   ─ 헤더행 숨김, 카드형 2행 레이아웃
   ─ 1행: 번호 + 제목
   ─ 2행: 업체명 · 담당자 · 구분 · 연락처 · 날짜
   ═══════════════════════════════════════════ */
@media screen and (max-width: 768px) {

    /* 헤더행 숨김 */
    #bo_list .fz-list li.fz-list-th {
        display:none !important;
    }

    /* 각 행: 줄바꿈 허용 */
    #bo_list .fz-list li {
        flex-wrap:wrap !important;
        padding:10px 12px !important;
        align-items:flex-start !important;
    }
    #bo_list .fz-list li > div {
        min-height:auto !important;
        padding:0 !important;
    }

    /* 체크박스: 1행 맨 앞 */
    #bo_list .fz-list li .fz-checkbox {
        order:1 !important;
        flex:0 0 auto !important;
        width:auto !important;
        margin-right:4px !important;
        align-self:center !important;
    }

    /* 번호: 1행 */
    #bo_list .fz-list li .fz-num {
        order:1 !important;
        flex:0 0 auto !important;
        width:auto !important;
        min-width:24px !important;
        margin-right:6px !important;
        font-size:12px !important;
        color:#6c757d !important;
        align-items:center !important;
        justify-content:center !important;
        white-space:nowrap !important;
    }

    /* 제목: 1행 나머지 공간 */
    #bo_list .fz-list li .fz-subject {
        order:1 !important;
        flex:1 1 0% !important;
        min-width:0 !important;
        width:0 !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }
    #bo_list .fz-list li .fz-subject .list-subject,
    #bo_list .fz-list li .fz-subject a {
        display:block !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        width:100% !important;
        font-size:13px !important;
        line-height:1.5 !important;
    }

    /* 행 구분선 (1행 → 2행) */
    #bo_list .fz-list li::after {
        content:"" !important;
        order:2 !important;
        flex:0 0 100% !important;
        width:100% !important;
        height:5px !important;
        display:block !important;
        background:transparent !important;
        position:static !important;
        left:auto !important;
        top:auto !important;
        z-index:auto !important;
        transition:none !important;
    }

    /* 2행 공통 */
    #bo_list .fz-list li .fz-company,
    #bo_list .fz-list li .fz-manager,
    #bo_list .fz-list li .fz-type,
    #bo_list .fz-list li .fz-contact,
    #bo_list .fz-list li .fz-date,
    #bo_list .fz-list li .fz-good,
    #bo_list .fz-list li .fz-nogood {
        order:3 !important;
        flex:0 0 auto !important;
        width:auto !important;
        max-width:none !important;
        padding:0 !important;
        margin-right:8px !important;
        font-size:11px !important;
        color:#6c757d !important;
        white-space:nowrap !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }
    #bo_list .fz-list li .fz-company {color:#212529 !important;font-weight:500 !important;font-size:12px !important;}
    #bo_list .fz-list li .fz-type    {margin-right:6px !important;}

    /* data-label 앞에 라벨 표시 */
    #bo_list .fz-list li > div[data-label]:before {
        display:inline !important;
        content:attr(data-label) ": " !important;
        color:#adb5bd !important;
        font-size:10px !important;
        margin-right:2px !important;
    }
    /* 업체명, 구분은 라벨 불필요 */
    #bo_list .fz-list li .fz-company[data-label]:before,
    #bo_list .fz-list li .fz-type[data-label]:before    { display:none !important; }

    /* 검색박스 */
    .bo-sch h3 {font-size:28px;margin-bottom:20px}
    .bo-sch-box {width:92%;padding:15px}
    .bo-sch-inner {padding:15px}
    .bo-sch-cls {right:15px;top:15px;width:24px;height:24px;background-size:100% auto}
    .bo-sch select,
    .bo-sch input[type=text] {height:40px;padding-left:10px;font-size:13px}
    .bo-sch .sch-btn {height:36px;font-size:13px;padding:0 15px}

    /* 하단 버튼 */
    .bo-bottom-wrap {flex-wrap:wrap;gap:8px}
    .bo-admin-select-wrap .more-opt {width:130px}
    .more-opt li button {padding:6px;font-size:12px}

    /* 페이지네이션 */
    #bo_list .pg_wrap {margin-top:20px}
    #bo_list .pg_page {font-size:12px;height:30px;line-height:28px;padding:0 8px;min-width:24px}
    #bo_list .pg_start, #bo_list .pg_prev,
    #bo_list .pg_end,   #bo_list .pg_next {width:28px;height:30px}
    #bo_list .pg_current {height:30px;line-height:28px;padding:0 8px;min-width:24px}

    /* 글쓰기 폼 */
    .content-input-form {padding:10px}
    .input-wrap-row {flex-direction:column}
    .input-wrap-row .input-box {flex:1 1 auto;margin-left:0;margin-top:-1px}
    .input-box {flex-wrap:wrap}
    .input-title {flex:0 0 100%;min-width:0;padding:8px 10px;border-bottom:1px solid #ced4da;white-space:normal;font-size:13px}
    .input-content {width:100%}
    .input-content input[type=text],
    .input-content input[type=password] {padding-left:8px}
    .input-content select {padding-left:8px}
    .input-content .check-box {margin-left:8px}
    #bo_w .btn-confirm {margin:25px 0}
    #bo_w .btn-confirm .btn-submit {width:100px;height:40px;font-weight:500;font-size:14px}
    #bo_w .btn-confirm .btn-cancel {width:100px;height:40px;font-weight:500;line-height:40px;font-size:14px}

    /* 읽기 */
    .bo-v-tit {font-size:17px;padding:12px 0}
    #bo-v-info {font-size:12px}
    #bo_v_con {font-size:13px}
    .bo-v-btn-wrap {flex-direction:column;align-items:flex-start;gap:8px}
    .bo-v-btn-left, .bo-v-btn-right {width:100%}
    .bo-v-btn-right {justify-content:flex-end}

    /* 댓글 */
    .cmt_btn {margin:20px 0 0;padding:0 0 10px}
    #bo_vc article .pf_img img {width:22px;height:22px}
    .cm-reply-btn, .cm-modify-btn, .cm-delete-btn {font-size:11px;padding:2px 5px}
    .comment-write-box {padding:10px}
    .bo-vc-bottom {flex-direction:column}
    .bo-vc-submit {font-size:13px;height:auto;padding:6px 15px}
}

/* ═══════════════════════════════════════════
   반응형: 소형 모바일 (≤480px)
   ═══════════════════════════════════════════ */
@media screen and (max-width: 480px) {
    .bo-sch h3 {font-size:22px;margin-bottom:12px}
    .bo-sch-box {width:94%;padding:10px}
    .bo-sch-inner {padding:10px}

    .board-btn a {font-size:12px;padding:4px 6px}

    #bo_list .fz-list li {padding:8px 10px !important}
    #bo_list .fz-list li .fz-company,
    #bo_list .fz-list li .fz-manager,
    #bo_list .fz-list li .fz-type,
    #bo_list .fz-list li .fz-contact,
    #bo_list .fz-list li .fz-date {font-size:10px !important;margin-right:6px !important}

    .type-badge {font-size:10px;padding:1px 5px}

    #bo_w .btn-confirm .btn-submit,
    #bo_w .btn-confirm .btn-cancel {width:85px;height:36px;font-size:13px;margin:0 3px}
    #bo_w .btn-confirm .btn-cancel {line-height:36px}
}