/*
Theme Name: 할인도감 DC 보드
Theme URI: https://example.com/
Author: Genspark
Description: 할인도감용 디시인사이드 감성 게시판 테마. 카테고리 탭, 공지행, 보드형 목록, 페이지네이션을 포함합니다.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: halindogam-dc
*/

* { box-sizing: border-box; }
html { margin: 0; }
body.hdg-body {
  margin: 0;
  background: #f5f5f5;
  color: #333;
  font-family: '돋움', Dotum, '굴림', Gulim, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
.hdg-body a { color: #0a2f9b; text-decoration: none; }
.hdg-body a:hover { text-decoration: underline; }
.hdg-wrap { width: 980px; max-width: calc(100% - 24px); margin: 0 auto; }
.hdg-toolbar {
  background: #fbfbfb;
  border-bottom: 1px solid #e0e0e0;
  font-size: 11px;
  color: #666;
  padding: 6px 10px;
}
.hdg-toolbar .hdg-wrap {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.hdg-toolbar-links { display: flex; gap: 12px; flex-wrap: wrap; }
.hdg-search-form { display: flex; gap: 6px; align-items: center; }
.hdg-search-form input[type="search"] {
  font-size: 11px;
  padding: 4px 6px;
  border: 1px solid #cfcfcf;
  min-width: 170px;
}
.hdg-search-form button {
  font-size: 11px;
  padding: 4px 8px;
  border: 1px solid #bcbcbc;
  background: #fff;
  cursor: pointer;
}
.hdg-site-header {
  background: #fff;
  border-bottom: 2px solid #8dc63f;
  padding: 18px 10px 14px;
  display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}
.hdg-logo {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #111;
}
.hdg-logo b { color: #8dc63f; }
.hdg-logo-sub { font-size: 11px; color: #888; }
.hdg-bot-live {
  margin-left: auto;
  font-size: 11px;
  color: #0f5c1f;
  border: 1px solid #bfd9b5;
  background: #f2f9ef;
  padding: 3px 8px;
}
.hdg-cat-nav {
  background: #1a4d2e;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  border-bottom: 3px solid #8dc63f;
}
.hdg-cat-nav a,
.hdg-cat-nav span {
  color: #eaf4e4;
  padding: 7px 14px;
  border-right: 1px solid #2d5f40;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
}
.hdg-cat-nav a:hover { background: #2d5f40; text-decoration: none; }
.hdg-cat-nav .is-current { background: #8dc63f; color: #11320e; font-weight: 700; }
.hdg-ad-slot {
  margin: 12px 0;
  border: 1px dashed #ccc;
  background: #fafafa;
  text-align: center;
  color: #aaa;
  padding: 18px 12px;
  font-size: 11px;
}
.hdg-info-strip {
  margin: 4px 0 10px;
  font-size: 11px;
  color: #777;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.hdg-info-strip span b { color: #0f5c1f; }
.hdg-board {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  border: 1px solid #d7d7d7;
}
.hdg-board th {
  background: #eef1f5;
  border-bottom: 2px solid #8dc63f;
  font-size: 11px;
  color: #444;
  padding: 7px 4px;
}
.hdg-board td {
  border-bottom: 1px solid #ececec;
  padding: 7px 5px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.hdg-board tr:hover td { background: #f7fbf3; }
.hdg-col-no { width: 48px; text-align: center; color: #888; }
.hdg-col-cat { width: 92px; text-align: center; }
.hdg-col-title { text-align: left; }
.hdg-col-writer { width: 92px; text-align: center; }
.hdg-col-time { width: 80px; text-align: center; color: #888; }
.hdg-col-hit { width: 64px; text-align: center; color: #888; }
.hdg-col-rec { width: 54px; text-align: center; color: #1959b8; font-weight: 700; }
.hdg-board .is-notice td { background: #faf9f0; }
.hdg-board .is-notice td:first-child { color: #0f5c1f; font-weight: 700; }
.hdg-board .is-notice .hdg-title a { color: #0f5c1f; font-weight: 700; }
.hdg-title { min-width: 0; }
.hdg-title a { color: #0a2f9b; }
.hdg-title a:hover { text-decoration: underline; }
.hdg-title-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.hdg-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hdg-comments-count { color: #c20; font-weight: 700; }
.hdg-badge {
  display: inline-block;
  font-size: 10px;
  line-height: 1.2;
  padding: 2px 5px;
  border-radius: 2px;
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
.hdg-badge-food { background: #e8572a; }
.hdg-badge-it { background: #2f6fd8; }
.hdg-badge-fashion { background: #c4478f; }
.hdg-badge-life { background: #4a9e5b; }
.hdg-badge-trip { background: #1793a8; }
.hdg-badge-coupon { background: #b5871f; }
.hdg-badge-abroad { background: #74529e; }
.hdg-badge-best { background: #7d2d94; }
.hdg-badge-new { background: #d33; }
.hdg-badge-bot { background: #555; }
.hdg-writer-bot { color: #0f5c1f; font-weight: 700; }
.hdg-writer-anon { color: #666; }
.hdg-pagination {
  text-align: center;
  margin: 14px 0;
  font-size: 12px;
}
.hdg-pagination .page-numbers {
  display: inline-block;
  padding: 3px 9px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 0 2px;
  color: #333;
}
.hdg-pagination .current {
  background: #1a4d2e;
  color: #fff;
  border-color: #1a4d2e;
  font-weight: 700;
}
.hdg-empty {
  background: #fff;
  border: 1px solid #d7d7d7;
  padding: 32px 16px;
  text-align: center;
  color: #777;
}
.hdg-site-footer {
  margin: 20px 0 40px;
  padding-top: 12px;
  border-top: 1px solid #ddd;
  font-size: 11px;
  color: #888;
  text-align: center;
  line-height: 1.9;
}
.hdg-site-footer a { color: #666; }
.hdg-copyright { color: #aaa; }
@media (max-width: 768px) {
  .hdg-wrap { max-width: calc(100% - 16px); }
  .hdg-site-header { padding-left: 8px; padding-right: 8px; }
  .hdg-logo { font-size: 22px; }
  .hdg-bot-live { margin-left: 0; }
  .hdg-board { table-layout: auto; }
  .hdg-board th:nth-child(1), .hdg-board td:nth-child(1),
  .hdg-board th:nth-child(4), .hdg-board td:nth-child(4),
  .hdg-board th:nth-child(6), .hdg-board td:nth-child(6),
  .hdg-board th:nth-child(7), .hdg-board td:nth-child(7) {
    display: none;
  }
  .hdg-board td, .hdg-board th { white-space: nowrap; }
}