/* BASIC css start */
/*회원등급*/
/* 기본 스타일 */
body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #0f2b02; color: #ffffff; line-height: 1.6;}
.container { max-width: 1200px; margin: 0 auto; padding: 10px;}

/* 제목 스타일 */
h1 { color: #76ac0a;}

/* 테이블 스타일 */
.membership-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
  background-color: #0f2b02;
  border-radius: 8px;
  overflow: hidden;
}

.membership-table thead {
  background-color: #76ac0a; /*시트 타이틀 배경*/
}

.membership-table th,
.membership-table td {
  padding: 15px;
  text-align: center; /*시트안 텍스트 중앙정렬*/
  border: 1px solid #333;
}

.membership-table th {
  font-weight:
  color: #ffffff;
}

.membership-table tbody tr:nth-child(odd) {
  background-color: #76ac0a; /*시트 배경*/
}

.membership-table tbody tr:nth-child(even) {
  background-color: #76ac0a; /*시트 배경*/
}


/* 공통 스타일 */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  background-color: #000000; /*전체배경*/
  color: #ffffff;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
}

/* 상시 이벤트 스타일 */
.event-section .event-title {
  color: #76ac0a;
  margin-bottom: 20px;
}

.event-card-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.event-card {
  background-color: #0f2b02;
  border: 1px solid #000000;/*상시이벤트 카드 테두리*/
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.event-card h2 {
  font-size: 1.2em;
  color: #ffffff;
}

.event-card span {
  color: #76ac0a;
  font-weight: bold;
}

/* 사용 기준 스타일 */
.criteria-section .criteria-title {
  color: #76ac0a;
  margin-bottom: 20px;
}

.criteria-card-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.criteria-card {
  background-color: #0f2b02;
  border: 1px solid #000000;/*사용기준 카드 테두리*/
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.criteria-card h2 {
  font-size: 1.4em;
  color: #ffffff;
}

.criteria-card span {
  color: #76ac0a;
  font-weight: bold;
}

.criteria-cta {
  text-align: center;
  margin-top: 20px;
}

.criteria-cta p {
  font-size: 1.0em;
}


/*회원가입버튼*/
.criteria-button {
  background-color: #76ac0a;
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  font-size: 1.2em;
  cursor: pointer;}
.criteria-button:hover {
  background-color: #5a8c08;}
/* BASIC css end */