/* BASIC css start */
/* 비번변경 베너 */
.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;
  }
}
/* 비번변경 베너 */


#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; border-top:3px solid #bdbdbd; border-bottom:1px solid #000000; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#000000; background-color:#fff; border:1px solid #000000;  border-top:3px solid #000000; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput {margin-top: 10px;}
#login .nonmember {margin-top:20px; display:none;}
#login .nonmember fieldset {padding:0 15px;}

#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }


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


/* 비회원 화면에서 하단버튼 추가 */
.button-container {
  display: flex;
  gap: 10px; /* 버튼 간의 간격 */
  justify-content: center; /* 가운데 정렬 */
  margin-top: 20px;
}

.membership-button,
.signup-button {
  padding: 8px 20px;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* 버튼 개별 스타일 */
.membership-button {
  background-color: #76ac0a; /* 초록색 */
  color: white;
}

.signup-button {
  background-color: #76ac0a; /* 파란색 */
  color: white;
}

/* 호버 효과 */
.membership-button:hover {
  background-color: #5d8807;
}

.signup-button:hover {
  background-color: #5d8807;
}


/* BASIC css end */