.pay-page {
  background: #F8F8F8; }
  @media (max-width: 1023px) {
    .pay-page .subscribe {
      padding-top: 0; } }

.pay__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem; }
  @media (max-width: 1023px) {
    .pay__grid {
      gap: 16px;
      grid-template-columns: 100%; } }

.pay-item {
  border-radius: .6rem;
  background: var(--white, #FFF);
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.13);
  padding: 3.2rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3.2rem; }
  @media (max-width: 1023px) {
    .pay-item {
      border-radius: 6px;
      padding: 24px 20px; } }
  @media (max-width: 575px) {
    .pay-item {
      grid-template-columns: 100%; } }
  .pay-item__img .lazy-img-wrap {
    width: 10rem;
    height: 10rem; }
    @media (max-width: 1023px) {
      .pay-item__img .lazy-img-wrap {
        width: 70px;
        height: 70px; } }
    .pay-item__img .lazy-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .pay-item__desc {
    margin-top: 1.4rem;
    color: #6F7682; }
    @media (max-width: 1023px) {
      .pay-item__desc {
        margin-top: 6px; } }

.pay--popup {
  padding: 0 1.6rem; }
  .pay--popup .pay__grid {
    grid-template-columns: 100%; }