.body-container > .quick-btn-section {
  margin-top: 0 !important;
}

.quick-btn-wrap {
  background: linear-gradient(108deg, #3643CF 24.03%, #338BDD 88.12%), #3643CF; position: relative; border-radius: 30px; padding: 40px 100px 60px; overflow: hidden;
  &:after {
    content: ''; width: 300px; height: 300px; border-radius: 50%; border: 70px solid rgba(0,0,0,0.08); position: absolute; top: -150px; right: 0;

  }
  &:before {
    content: ''; width: 300px; height: 300px; border-radius: 50%; border: 80px solid rgba(0,0,0,0.08); position: absolute; bottom: -150px; left: -50px;

  }
  .quick-head {
    --gap: 20px;
    --img-width: 125px;
    --txt-width: calc(100% - var(--img-width) - var(--gap));
    display: flex; align-items: flex-end; gap: var(--gap); padding-bottom: 30px; position: relative; z-index: 1;
    .img-area {
      width: var(--img-width); height: auto;
      img { width: 100%; height: 100%; object-fit: contain; }
    }
    .txt-area {
      color: #fff; font-family: 'paperlogy'; width: var(--txt-width);
      .tit {
        font-size: 3.2rem; font-weight: 600;  padding-bottom: 10px;
      }
      .txt {
        font-size: 1.9rem; font-weight: 300;
      }
    }
  }
  .quick-list {
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 15px; position: relative; z-index: 1;
    &.collapsed {
      .item:nth-child(n+8) { display: none; }
    }
    .item {
      display: block; padding: 20px 25px 50px; background: #fff; border-radius: 30px; box-shadow: 0 10px 15px 0 rgba(0, 9, 104, 0.12); font-family: 'paperlogy'; color: var(--navy-color); position: relative; transition: top .25s; top: 0; min-height: 130px;
      &:hover {
        top: -5px;
      }
      .tit {
        font-size: 2rem; font-weight: 800;
      }
      .txt {
        font-size: 1.5rem; font-weight: 500; padding-top: 3px;
      }
      .quick-more {
        width: 25px; height: 25px; position: absolute; bottom: 15px; left: 25px;
      }
    }
  }
  .all-btn {
    position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-family: 'paperlogy'; font-size: 1.4rem; font-weight: 400; color: #fff; border-radius: 3px; display: flex; align-items: center; gap: 10px; background: rgba(0,0,0,0.2); padding: 6px 15px; letter-spacing: 0; border: 1px solid transparent;
    img { transition: transform .25s ease; }
    &:hover {
      border:1px solid rgba(255,255,255,0.3);
    }
    &.expanded {
      img { transform: rotate(180deg); }
    }
  }
}

@media (max-width: 1300px) {
  .quick-btn-wrap {
    padding: 30px 50px 60px;
    .quick-head {
      --img-width: 100px;
      --txt-width: calc(100% - var(--img-width) - var(--gap));
      padding-bottom: 20px;
      .txt-area {
        .tit { font-size: 2.8rem; }
        .txt { font-size: 1.6rem; }
      }
    }
    .quick-list {
      .item {
        .tit { font-size: 1.8rem; }
        .quick-more {
          width: 23px; height: 23px;
        }
      }
    }
  }
}

@media (max-width: 1024px) {
  .quick-btn-wrap {
    padding: 30px 30px 50px;
    &:after, &:before { display: none; }
    .quick-head {
      --img-width: 85px;
      .txt-area {
        word-break: keep-all;
        .tit { font-size: 2.4rem; }
        .txt { font-size: 1.4rem; }
      }
    }
    .quick-list {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      &.collapsed {
        .item:nth-child(n+8) { display: block; } 
        .item:nth-child(n+9) { display: none; }
      }
      .item {
        border-radius: 15px; min-height: 100px; padding: 20px 20px 50px;
        .tit { font-size: 1.7rem; }
      }
    }
  }
}

@media (max-width: 580px) {
  .quick-btn-wrap {
    border-radius: 10px; padding: 20px 15px 50px;
    .quick-head {
      --img-width: 70px;
      --gap: 15px;
      flex-direction: row-reverse; padding-left: 10px;
      .img-area {
        transform: scaleX(-1);
      }
      .txt-area {
        word-break: keep-all;
        .tit { font-size: 1.8rem; }
        .txt { font-size: 1.3rem; }
      }
    }
    .quick-list {
      grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; 
      &.collapsed {
        .item:nth-child(n+9) { display: block; } 
        .item:nth-child(n+10) { display: none; }
      }
      .item {
        padding: 15px 30px 15px 15px; border-radius: 10px; min-height: 70px;
        .tit { font-size: 1.6rem; }
        .txt { font-size: 1.3rem; }
        .quick-more {
          position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; left: auto;
        }
      }
    }
    .all-btn {
      font-size: 1.3rem;
    }
  }
}

@media (max-width: 400px) {
  .quick-btn-wrap {
    .quick-list {
      .item {
        padding: 15px 5px; text-align: center;
        .tit { font-size: 1.4rem; }
        .txt { font-size: 1.2rem; padding-top: 0; }
        .quick-more {
          display: none;
        }
      }
    }
  }
}