/* Root Scope */
.ol-reg {
  --ink: #0f172a;
  --muted: #64748b;
  --line: #e5e7eb;
  --soft: #f7faff;
  --bg: #ffffff;
  --accent: #2563eb;
  /* 포커스 */
  --brand: #2d5f3f;
  /* 메인 버튼/강조 */
  --danger: #ef4444;
  --success: #16a34a;
  --warning: #f59e0b;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
  --container: min(1100px, 94vw);

  color: var(--ink);
  max-width: var(--container);
  margin: 0 auto;
  padding: 24px 16px;
  position: relative;
}

@media (max-width: 800px) {
  #search-date-wrap {
    flex-direction: column;
    align-items: flex-start;
    /* 필요시 조정 */
  }
}
/* Head */
.ol-head {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 20px 0;
  border-bottom: 2px solid #eeede5;
  padding-bottom: 12px;
}

.ol-head-title {
  margin: 0 0 4px;
  font-size: 1.4rem;
}

.ol-head-desc {
  margin: 0;
  color: var(--muted);
}
/* 테이플 */
table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

table thead tr {
  background: #f2f7f2;
}

table thead tr th {
  text-align: center;
  padding: 12px 14px;
  font-size: 12px;
  color: #6b6b62;
  font-weight: 600;
  border-bottom: 1px solid #eeede5;
}
#product-name {
  text-decoration: underline;
}
#product-name:hover,
#thum-image:hover {
  cursor: pointer;
}