/* 메인 컨텐츠 전체 */
.main-content {
  max-width: 1200px;
  margin: 30px auto 60px;
  padding: 0 20px;
  font-family: '나눔고딕', '맑은 고딕', Arial, sans-serif;
  color: #333;
}

/* 최신 회차 당첨번호 섹션 */
.latest-round {
  background: #fff;
  padding: 25px 30px;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.07);
  margin-bottom: 50px;
  text-align: center;
}
.latest-round h2 {
  color: #004aad;
  font-size: 26px;
  margin-bottom: 18px;
}
.numbers {
  margin: 18px 0 22px;
}
.ball {
  display: inline-block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  margin: 0 8px 12px 0;
  border-radius: 50%;
  color: white;
  font-weight: 700;
  font-size: 20px;
  user-select: none;
  text-align: center;
}

.ball.yellow { background-color: #f7b500; }  /* 1~10 노란색 */
.ball.blue { background-color: #2874f0; }    /* 11~20 파란색 */
.ball.red { background-color: #e84118; }     /* 21~30 빨간색 */
.ball.gray { background-color: #7f8fa6; }    /* 31~40 회색 */
.ball.green { background-color: #44bd32; }   /* 41~45 초록색 */

.ball.bonus {
  background-color: #f39c12 !important; /* 보너스 노란 주황색 */
}
}
.plus {
  display: inline-block;
  font-size: 32px;
  vertical-align: middle;
  margin: 0 10px 12px;
  color: #444;
}
.latest-round p {
  font-size: 16px;
  margin: 6px 0;
}
.latest-round p strong {
  color: #0160d0;
}

/* 메인 섹션 카드 그리드 */
.main-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
  gap: 28px;
}
.section-card {
  background: white;
  border-radius: 16px;
  padding: 28px 30px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.section-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 36px rgba(0,0,0,0.12);
}
.section-card h3 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #004aad;
  position: relative;
  padding-left: 45px;
}
/* 아이콘 배경 */
.section-card h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
}
.board h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/847/847969.png');
}
.support h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/5977/5977593.png');
}
.shops h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/854/854878.png');
}
.analysis h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/2921/2921222.png');
}
.statistics h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/126/126486.png');
}
.recommendation h3::before {
  background-image: url('https://cdn-icons-png.flaticon.com/512/1484/1484899.png');
}
.section-card p {
  flex-grow: 1;
  font-size: 15px;
  line-height: 1.55;
  color: #555;
  margin-bottom: 25px;
}
.section-card a.btn {
  background-color: #0160d0;
  color: white;
  font-weight: 600;
  text-align: center;
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  user-select: none;
  transition: background-color 0.25s ease;
}
.section-card a.btn:hover {
  background-color: #004aad;
}

/* 단축 바로가기 버튼 */
.shortcuts {
  text-align: center;
  margin-top: 40px;
}
.shortcuts .btn {
  margin: 0 12px 14px;
  padding: 14px 32px;
  font-weight: 700;
  border-radius: 30px;
  color: white;
  text-decoration: none;
  display: inline-block;
}
.shortcuts .green { background-color: #28a745; }
.shortcuts .blue { background-color: #007bff; }
.shortcuts .orange { background-color: #fd7e14; }
.shortcuts .btn:hover {
  opacity: 0.9;
}

/* 반응형 */
/* 모바일에서 가로가 좁아지면 세로로 쌓임 */
@media (max-width: 100px) {
  .shortcuts {
    flex-direction: column;
    gap: 14px;
  }
  .shortcuts .btn {
    max-width: 100%;
    flex-grow: 0;
  }
}