.public-site .main-nav a.member-nav-public {
  color: #c8f5e9;
  font-weight: 850;
}

.public-site .main-nav a.member-nav-public:hover,
.public-site .main-nav a.member-nav-public:focus-visible {
  color: #07352c;
}

.public-site .main-nav a.member-nav-account {
  color: #d8eee8;
  font-weight: 850;
}

.public-site .main-nav a.member-nav-mypage {
  border: 1px solid rgba(108, 228, 197, .58);
  border-radius: 999px;
  color: #d8fff4;
  white-space: nowrap;
}

.public-site .main-nav a.member-nav-mypage:hover,
.public-site .main-nav a.member-nav-mypage:focus-visible {
  background: linear-gradient(135deg, #baf3e4, #69d7bd);
  color: #09231d;
}

.public-site .main-nav a.member-nav-register {
  min-height: 36px;
  padding: 7px 14px;
  border: 1px solid rgba(108, 228, 197, .68);
  border-radius: 999px;
  background: linear-gradient(135deg, #baf3e4, #69d7bd);
  color: #09231d;
  box-shadow: 0 7px 22px rgba(40, 183, 165, .2);
  white-space: nowrap;
}

.public-site .main-nav a.member-nav-register::after {
  display: none;
}

.public-site .main-nav a.member-nav-register:hover,
.public-site .main-nav a.member-nav-register:focus-visible {
  background: linear-gradient(135deg, #d3faef, #78e2c8);
  color: #061a16;
  box-shadow: 0 0 0 3px rgba(105, 215, 189, .2);
}

@media (max-width: 900px) {
  .public-site .main-nav a.member-nav-public,
  .public-site .main-nav a.member-nav-mypage {
    justify-content: center;
    margin-top: 10px;
    padding: 12px 16px;
    border-radius: 12px;
  }

  .public-site .main-nav a.member-nav-public {
    border: 1px solid rgba(40, 183, 165, .45);
    color: #0d6f65;
  }

  .public-site .main-nav a.member-nav-register {
    justify-content: center;
    margin-top: 10px;
    padding: 12px 16px;
    border: 1px solid #69d7bd;
    border-radius: 12px;
  }
}