@charset "utf-8";

/*******************************************/
/* IX Board Skin Design ********************/
/*******************************************/
/* Global Variables */

:root{
  --primary-color:#333333;
  --primary-hover:#333333;
  --secondary-color:#f8fafc;
  --text-primary:#1e293b;
  --text-secondary:#64748b;
  --border-color:#e2e8f0;
  --radius-md:.5rem;
  --spacing-sm:.75rem;
  --spacing-lg:1.5rem;
}

/* ========== 공통 ========== */
#ix_board_list{ margin:0 10rem; }

/* 체크박스 색상 */
#bl_masterchk,
input[name="chk_wr_id[]"]{ accent-color:#4b5563; }

/* 상단 */
#bl_top{ margin-bottom:1.5rem; }
#bl_top_rap{ display:flex; flex-wrap:wrap; gap:5px; padding-bottom:5px; }

/* 카테고리 */
#blt_cate{ flex:1; }
#blt_cate ul:after{ content:""; display:block; clear:both; }
#blt_cate ul li{ display:inline-block; padding-right:5px; }
#blt_cate li a{
  display:block; padding:3px 5px; border-radius:3px;
  border:1px solid #CFCFCF; color:#777; font-size:15px; background:#FAFAFA;
}
#blt_cate li a:hover,
#blt_cate li #bo_cate_on{ background:#1C2B39; color:#fff; }

/* 관리자 버튼 */
#blt_admin{ display:flex; gap:var(--spacing-sm); flex-shrink:0; }
#blt_admin a{
  display:inline-flex; justify-content:center; align-items:center;
  font-size:1.4rem; color:#333 !important; text-decoration:none;
  transition:.2s;
}

/* 검색 */
.bl_search_input{ position:relative; display:inline-block; }
.bl_search_input .bl_ip_sch{
  width:240px; height:38px; padding-right:38px;
  border:1px solid #ccc; border-radius:20px; font-size:14px; box-sizing:border-box;
}
.bl_search_input .bl_btn_sch{
  position:absolute; top:50%; right:10px; transform:translateY(-50%);
  border:none; background:transparent; padding:0; cursor:pointer;
}
.bl_search_input .bl_btn_sch img{ width:23px; height:23px; opacity:.6; transition:.2s; }
.bl_search_input .bl_btn_sch:hover img{ opacity:1; }

#blb_sch{
  display:flex; align-items:center; gap:var(--spacing-sm);
  background:#fff; border-radius:1rem; flex:1; min-width:0;
}
#blb_sch fieldset{
  border:0; margin:0; padding:0; display:flex; gap:var(--spacing-sm);
  flex:1; min-width:0;
}
#blb_sch select,
#blb_sch .bl_ip_sch{
  padding:var(--spacing-sm); border:1px solid var(--border-color);
  border-radius:var(--radius-md); min-height:44px; font-size:15px;
}
#blb_sch select:focus,
#blb_sch .bl_ip_sch:focus{
  outline:none; border-color:var(--primary-color);
  box-shadow:0 0 0 3px rgba(99,102,241,.1);
}

/* 본문 테이블 */
#bl_mid{ padding-bottom:2rem; }
#blm_table{ width:100%; table-layout:fixed; border-collapse:collapse; }
#blm_table th{
  height:35px; border-top:1px solid #595959; background:#fff;
  font-size:15px; font-weight:400; color:#424242;
}
#blm_table .th_chk{ width:80px; }
#blm_table .th_num{ width:80px; }
#blm_table .th_cate{ width:100px; }
#blm_table .th_name{ width:180px; }
#blm_table .th_hit{ width:100px; }
#blm_table .th_state{ width:100px; }
#blm_table .th_rec{ width:100px; }
#blm_table .th_date{ width:100px; }

#blm_table tbody tr{ border-bottom:1px solid #ddd; height:40px; font-size:15px; }
#blm_table .td_chk{ text-align:center; }
#blm_table .td_num{ text-align:center; color:#777; }
#blm_table .td_cate{ text-align:center; }
#blm_table .td_subject{
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  padding-left:5px; font-size:15px; text-align:left;
}
#blm_table .td_name{ font-weight:400; font-size:15px; text-align:center; }
#blm_table .td_hit{ text-align:center; color:#777; }
#blm_table .td_state{ text-align:center; color:#777; }
#blm_table .td_rec{ text-align:center; font-weight:500; color:#00A2E8; }
#blm_table .td_date{ text-align:center; color:#777; }
#blm_table .td_empty{ padding:30px; text-align:center; font-size:14px; }

/* 버튼/검색 하단 */
#bl_bt1{ margin-bottom:20px; }
#blb_btn{ float:right; display:flex; gap:8px; }
#blb_btn button{
  padding:var(--spacing-sm) var(--spacing-lg); border-radius:var(--radius-md);
  border:none; font-size:15px; font-weight:500; background:var(--primary-color);
  color:#fff; cursor:pointer; transition:.2s; min-height:44px;
}
#blb_btn button:hover{ background:var(--primary-hover); transform:translateY(-1px); }
#blb_btn a{
  display:inline-flex; justify-content:center; align-items:center;
  padding:0 1.5rem; border-radius:var(--radius-md); font-size:1.4rem;min-height:44px;
  background:#4b5563; color:#fff; transition:.2s;text-decoration:none;
  /* background:none; color:#333;  */
}
#blb_btn a:hover{ background:#4b5563; color:#fff; transform:translateY(-1px); }

/* 페이지네이션 */
#bl_bt2_rap{ display:flex; justify-content:center; align-items:center; padding:10px 0; }
#bl_bt2 .pg_wrap{ display:flex; justify-content:center; width:100%; }
#bl_bt2 .pg{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#bl_bt2 .pg a.pg_page, #bl_bt2 .pg strong.pg_current{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; padding:0 .9rem; border-radius:5px;
  background:#fff; color:#333; text-decoration:none; transition:.2s;
}
#bl_bt2 .pg a.pg_page:hover{ background:#333; color:#fff; transform:translateY(-1px); }
#bl_bt2 .pg strong.pg_current{ background:#333; color:#fff; }

#bl_bt2 .pg .sound_only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }


/* 신규 테이블 디테일 */
.oynt-table-container{ overflow:hidden; }
.oynt-thead{ background:#f5f7fb; }
.oynt-tr--head .oynt-th{
  padding:10px; font-weight:800; font-size:15px; color:#374151; text-align:center;
  border-bottom:1px solid #e6e8eb;
}
.oynt-tbody .oynt-tr{ border-bottom:1px solid #f3f4f6; }
.oynt-td--title{ text-align:left; color:#111827; }
.oynt-title-link{ display:inline-flex; align-items:center; font-size:16px; color:#111827; text-decoration:none; }
.oynt-title-link:hover{ color:#333; }

.oynt-tr--notice {
    background: #eff6ff;
}

/* 상태 버튼 */
.oynt-statebtn{
  display:inline-block;
  min-width:84px;
  padding:6px 12px;
  border-radius:6px;
  background:#f3f4f6;
  font-size:15px;
  font-weight:500;
  line-height:1;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
}

.oynt-statebtn--done{
  color:#008bd3;
}

.oynt-statebtn--pending{
  color:#4b5563;
}

.oynt-td--state{
  text-align:center;
}

.mobile-card__state{
  margin-top:.5rem;
}
.oynt-statebtn--mobile{
  min-width:auto;
  font-size:11px;
  padding:.3rem .55rem;
}

/* 버튼 아이콘/텍스트 */
.bl_btn_icon {
  display: none;
  /* margin-right: 6px; */
}
.bl_btn_icon img {
  display: block;
  width: 24px;
  height: 24px;
}
.bl_btn_text {
  display: inline-block;
}

.td_date_mobile {
  display: none;
}

/* 모바일 카드뷰(기본 숨김: 데스크톱용 스킨에서는 사용 안 함) */
#bl_mid_mobile{ display:none; }

/* ========== 데스크톱 전용 ========== */
@media (min-width:769px){
  .mobile-view{ display:none !important; }
  .desktop-view{ display:block; }
}

/* ========== 모바일 ========== */
@media (max-width:768px){

  .td_date_mobile {
    display: block;
    font-size: 12px;
    color: #777;
    text-align: right;
  }

  .td_date_mobile time {
    font-style: normal;
  }

  #blb_btn a {
    background:unset;
  }
  #blb_btn a:hover{
    background:unset;
  }
  .bl_btn_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .bl_btn_text {
    display: none;
  }

  .mobile-view{ display:none !important; }
  .desktop-view{ display:block !important; }

    #ix_board_list{ margin: 0 1.2rem; }

  /* 테이블: 선택·제목만 보이기 */
  #blm_table .th_num,  #blm_table .td_num,
  #blm_table .th_cate, #blm_table .td_cate,
  #blm_table .th_name, #blm_table .td_name,
  #blm_table .th_date,  #blm_table .td_date,
  #blm_table .th_rec,  #blm_table .td_rec,
  #blm_table .th_state, #blm_table .td_state {
    display:none;
  }


  #blm_table .th_chk,  #blm_table .td_chk{ width:50px; }
  #blm_table .th_title,
  #blm_table .th_state,  #blm_table .th_state{
    text-align:center; padding-left:8px; padding-right:8px;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;
  }

  #blm_table .td_subject{
    text-align:left;
    padding-left:8px;
    padding-right:8px;
    font-size:14px;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }


  #bl_mid{padding:0;}
  #blm_table th{
    height: 45px;
    border-top: 1px solid #595959;
    background: #ffffff;
    font-weight: normal !important;
    color: #424242;
    font-size:14px;
  }
  #bl_top {margin-bottom:0;}
  .oynt-title-link{font-size:14px;}
  #blm_table tbody tr{ height:45px; }
  #blm_table tbody td{ border-bottom:1px solid #eee; }


  /* 검색 */
  #blb_sch{
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
  #blb_sch fieldset{ width: 100%; }
  .fsearch {
    width: 100%;
  }
  #blb_sch select{ width: 32%;
        min-height: 40px;
        font-size: 1.3rem; }
  .bl_search_input {
      position: relative;
      display: inline-block;
      width: 67%;
  }
  #blb_sch .bl_ip_sch{
    width: 100%; min-height: 40px;
  }
  .bl_search_input .bl_btn_sch {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      border: none;
      background: transparent;
      padding: 0;
      cursor: pointer;
  }
  /* 상단 우측 버튼 */
  #blt_admin{ gap:12px; align-items:center; }
  #blt_admin a{ font-size:14px; padding:0; height:auto; width:auto; }

  /* 하단 버튼 */
  #blb_btn{ justify-content: center;float: unset; margin-bottom:2rem;}
  #blb_btn a {
      padding: 0 1rem;
  }
  /* 페이지네이션 */
  #bl_bt2 .pg{ justify-content:center; gap:6px; }
  #bl_bt2 .pg a.pg_page, #bl_bt2 .pg strong.pg_current{
    font-size:14px;
  }

  /* 상태버튼 */
  .mobile-card__footer{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem .5rem;
    align-items:center;
    justify-content:space-between;
  }
  .mobile-card__state{
    margin-left:auto;
  }
}