@import '@/styles/_support';

.content {
}

.top-space {
  height: 2.25rem;
}

.box {
  border: solid 1px #f2f2f2;
  background-color: #ffffff;
  @extend .bb;
  padding: 4.5rem 1.75rem 3.5rem;
  border-bottom: none;
  @include border-top-radius(.75rem);
}

.payment {
  min-height: 26rem;
  &-nav {
    display: flex;
		justify-content: space-between;
		flex-wrap: wrap;

    &-item {
      @extend .pointer;
      @include border-top-radius(.5rem);
      display: flex;
      justify-content: center;
      align-items: center;
      height: 3.75rem;
      background-color: #f2f2f2;
      width: 12rem;

      &-icon {
        margin-right: .5rem;

        img {
          max-height: 1.75rem;
          max-width: 1.5rem;
        }
      }
    }

    .active {
      color: #ffffff;
      background-image: linear-gradient(to bottom, #f05f28, #f05021);
    }
  }

  &-line {
    height: 1px;
    background-color: #f05a23;
  }


  &-cont {
    margin-top: 3.5rem;
    max-width: 67.5rem;

    &-item {
      @extend .bb;
      line-height: 3;
      padding: 0 1rem;

      ul {
        list-style-type: none;
      }

      li {
        background-image: url('~@assets/images/payment-type/icon-li.png');
        background-repeat: no-repeat;
        background-position: 0rem 1.25rem;
        padding-left: 1rem;
      }
    }
  }
}