/* BASIC css start */
/* 버튼 색상변경 */
.btn_Red {background-color: #000000; border: none;}
.btn_Black{background-color: #76ac0a; border: none; }


/* 비번변경 베너 */
.benefit-banner {
  max-width: 87%; /* 모바일 화면에서 가로를 꽉 채우기 */
  height: auto; /* 높이를 자동으로 설정 */
  background: linear-gradient(45deg, #000000, #910000);
  color: #ffffff;
  text-align: center;
  padding: 15px; /* 여백을 늘려 터치 영역 확보 */
  border-radius: 0px; /* 부드러운 모서리 추가 */
  margin: 10px auto; /* 상하 간격 추가 및 가운데 정렬 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* 그림자 강조 */
}

.benefit-banner .banner-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.benefit-banner .banner-content h6 {
  font-size: 1.5em; /* 헤딩 크기 축소 */
  margin-bottom: 8px;
  line-height: 1.4; /* 가독성 개선 */
}

.benefit-banner .banner-content p7 {
  font-size: 1.0em; /* 본문 글씨 크기 축소 */
  margin: 8px 0;
  display: block; /* p1을 블록으로 지정 */
}

.benefit-banner .banner-content strong {
  color: #fff;
}

/* 모바일 전용 스타일 */
@media screen and (max-width: 768px) {
  .benefit-banner {
    padding: 20px;
    border-radius: 0px;
    margin: 15px auto;
  }

  .benefit-banner .banner-content h2 {
    font-size: 1.1em;
  }

  .benefit-banner .banner-content p1 {
    font-size: 0.85em;
  }
}
/* 비번변경 베너 */
/* BASIC css end */