/* =========================
   KBoard Notice Style
========================= */

#kboard-default-list {background:#F6F4EF !important; padding:120px 0 !important;}

#kboard-default-list .kboard-list {width:70% !important; margin:0 auto !important; background:transparent !important; padding:0 !important; box-sizing:border-box !important;}

#kboard-default-list .kboard-header {display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:24px !important;}

#kboard-default-list .kboard-title,
#kboard-default-list h1,
#kboard-default-list h2 {font-size:28px !important; font-weight:600 !important; color:#2b2b2b !important; margin:0 !important; line-height:1.2 !important;}

#kboard-default-list .kboard-search {display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:8px !important; margin:0 0 20px auto !important;}

#kboard-default-list .kboard-search select {height:44px !important; min-width:120px !important; border:1px solid #eee !important; border-radius:22px !important; padding:0 18px !important; background:#fff !important; color:#666 !important; font-size:14px !important;}

#kboard-default-list .kboard-search input[type=text] {height:44px !important; width:280px !important; border:1px solid #eee !important; border-radius:22px !important; padding:0 20px !important; background:#fff !important; color:#404040 !important; font-size:14px !important; box-sizing:border-box !important;}

#kboard-default-list .kboard-search input::placeholder {color:#aaa !important;}

#kboard-default-list .kboard-search button,
#kboard-default-list .kboard-search input[type=submit] {width:44px !important; height:44px !important; min-width:44px !important; padding:0 !important; border:0 !important; border-radius:50% !important; background:#2b2b2b !important; color:#fff !important; font-size:0 !important; cursor:pointer !important; position:relative !important;}

#kboard-default-list .kboard-search button::before,
#kboard-default-list .kboard-search input[type=submit]::before {content:"🔍" !important; font-size:16px !important; line-height:44px !important;}

#kboard-default-list table {width:100% !important; border-collapse:collapse !important; border-top:2px solid #2b2b2b !important; background:transparent !important;}

#kboard-default-list table thead th {padding:18px 10px !important; font-size:15px !important; font-weight:600 !important; color:#2b2b2b !important; text-align:center !important; border-bottom:1px solid #ddd !important; background:transparent !important;}

#kboard-default-list table tbody td {padding:20px 10px !important; font-size:15px !important; font-weight:400 !important; color:#404040 !important; text-align:center !important; border-bottom:1px solid #e6e3dc !important; background:transparent !important;}

#kboard-default-list table tbody td.kboard-list-title,
#kboard-default-list table tbody td.title {text-align:left !important;}

#kboard-default-list table tbody td a {color:#404040 !important; text-decoration:none !important; font-weight:400 !important;}

#kboard-default-list table tbody td a:hover {color:#7A5C34 !important;}

#kboard-default-list .kboard-list-notice,
#kboard-default-list .kboard-list-notice td:first-child,
#kboard-default-list .kboard-list-notice .kboard-list-uid {font-weight:600 !important;}

#kboard-default-list .kboard-list-notice .kboard-list-uid,
#kboard-default-list .kboard-list-notice td:first-child {color:#fff !important;}

#kboard-default-list .kboard-list-notice td:first-child::before {content:"공지" !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:44px !important; height:24px !important; border-radius:20px !important; background:#2b2b2b !important; color:#fff !important; font-size:12px !important; font-weight:500 !important;}

#kboard-default-list .kboard-list-notice td:first-child {font-size:0 !important;}

#kboard-default-list .kboard-pagination {margin-top:48px !important; display:flex !important; justify-content:center !important; align-items:center !important; gap:10px !important;}

#kboard-default-list .kboard-pagination a,
#kboard-default-list .kboard-pagination span {display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:34px !important; border-radius:50% !important; border:0 !important; background:transparent !important; color:#999 !important; font-size:15px !important; text-decoration:none !important;}

#kboard-default-list .kboard-pagination .active,
#kboard-default-list .kboard-pagination .current {background:#2b2b2b !important; color:#fff !important;}

#kboard-default-list .kboard-control {margin-top:32px !important; display:flex !important; justify-content:flex-end !important;}

#kboard-default-list .kboard-control a,
#kboard-default-list .kboard-control button,
#kboard-default-list .kboard-control input[type=button],
#kboard-default-list .kboard-control input[type=submit] {display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 24px !important; border-radius:10px !important; font-size:15px !important; font-weight:500 !important; background:#2b2b2b !important; color:#fff !important; border:1px solid #2b2b2b !important; text-decoration:none !important; cursor:pointer !important;}

@media (max-width:1280px) {
  #kboard-default-list .kboard-list {width:80% !important;}
}

@media (max-width:1024px) {
  #kboard-default-list .kboard-list {width:88% !important;}
}

@media (max-width:768px) {
  #kboard-default-list {padding:80px 0 !important;}
  #kboard-default-list .kboard-list {width:100% !important; padding:0 4vw !important;}

  #kboard-default-list .kboard-header {display:block !important;}
  #kboard-default-list .kboard-title,
  #kboard-default-list h1,
  #kboard-default-list h2 {font-size:24px !important; margin-bottom:24px !important;}

  #kboard-default-list .kboard-search {width:100% !important; justify-content:flex-start !important; margin-bottom:20px !important;}
  #kboard-default-list .kboard-search select {width:28% !important; min-width:90px !important;}
  #kboard-default-list .kboard-search input[type=text] {flex:1 !important; width:auto !important;}

  #kboard-default-list table thead th {font-size:14px !important; padding:16px 6px !important;}
  #kboard-default-list table tbody td {font-size:14px !important; padding:18px 6px !important;}

  #kboard-default-list table th:nth-child(1),
  #kboard-default-list table td:nth-child(1) {width:54px !important;}

  #kboard-default-list table th:nth-child(3),
  #kboard-default-list table td:nth-child(3) {width:86px !important;}
}

@media (max-width:480px) {
  #kboard-default-list {padding:60px 0 !important;}
  #kboard-default-list .kboard-list {padding:0 16px !important;}

  #kboard-default-list .kboard-search select {display:none !important;}
  #kboard-default-list .kboard-search input[type=text] {width:100% !important;}

  #kboard-default-list table th:nth-child(1),
  #kboard-default-list table td:nth-child(1) {display:none !important;}

  #kboard-default-list table th:nth-child(3),
  #kboard-default-list table td:nth-child(3) {font-size:13px !important;}

  #kboard-default-list table tbody td {padding:16px 4px !important;}
}