body {
  padding-top: 0 !important; }

.body .banner {
  display: flex;
  padding-top: 100px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(180deg, #EDF3FF 0%, #FFF 100%); }
  .body .banner > .banner-box {
    display: flex;
    width: 1320px;
    padding: 100px 0;
    margin: 0 auto;
    align-items: center;
    gap: 60px;
    align-self: stretch; }
    .body .banner > .banner-box > .banner-left {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      flex: 1 0 0; }
      .body .banner > .banner-box > .banner-left > h1 {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 46px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        /* 57.2px */ }
      .body .banner > .banner-box > .banner-left > div {
        margin-top: 20px; }
        .body .banner > .banner-box > .banner-left > div > p {
          color: #55687D;
          font-family: "Open Sans";
          font-size: 18px;
          font-style: normal;
          font-weight: 400;
          line-height: 140%;
          /* 25.2px */
          margin-top: 10px; }
          .body .banner > .banner-box > .banner-left > div > p > span {
            color: var(--PIA24-BK-01, #042040);
            font-family: "Open Sans";
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%; }
      .body .banner > .banner-box > .banner-left > a {
        display: flex;
        height: 44px;
        padding: 14px 30px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        border-radius: 4px;
        background: var(--PIA24-VI-01, #0E6FDE);
        margin-top: 40px; }
        .body .banner > .banner-box > .banner-left > a > p {
          color: #FFF;
          font-family: "Open Sans";
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 100%;
          /* 16px */
          text-transform: capitalize; }
    .body .banner > .banner-box > .banner-right {
      width: 650px; }
      .body .banner > .banner-box > .banner-right > img {
        display: block;
        width: 100%; }
    .body .banner > .banner-box .pane-box {
      position: absolute;
      display: flex;
      top: 177px; }
      .body .banner > .banner-box .pane-box .pane-item {
        color: var(--PIA24-BK-02, #55687D);
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */
        margin-right: 8px;
        cursor: pointer; }
      .body .banner > .banner-box .pane-box .pane-active {
        color: var(--PIA24-BK-03, #94A3B8);
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 13px */ }
      .body .banner > .banner-box .pane-box img {
        margin-right: 8px; }
    @media only screen and (max-width: 780px) {
      .body .banner > .banner-box .pane-box {
        position: absolute;
        display: flex;
        top: 70px;
        left: 20px; } }
.body > .content {
  display: flex;
  width: 1303px;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 130px;
  align-self: stretch;
  padding-bottom: 100px; }
  .body > .content > div > .title {
    color: var(--PIA_BK-01, #042040);
    text-align: center;
    font-family: "Open Sans";
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 40px */ }
  .body > .content > .network {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    margin-top: 100px; }
    .body > .content > .network > .list-box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
      align-self: stretch; }
      .body > .content > .network > .list-box > .li-box {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        align-self: stretch;
        width: 100%; }
        .body > .content > .network > .list-box > .li-box > div {
          display: flex;
          padding-bottom: 25px;
          flex-direction: column;
          align-items: center;
          gap: 20px;
          flex: 1 0 0;
          align-self: stretch;
          border-radius: 4px;
          border: 1px solid var(--PIA24-Line-02, #F4F4F5);
          background: #FFF;
          width: calc((100% - 30px) / 2); }
          .body > .content > .network > .list-box > .li-box > div > img {
            display: block;
            width: 100%; }
          .body > .content > .network > .list-box > .li-box > div > div {
            display: flex;
            padding: 0px 25px;
            flex-direction: column;
            gap: 15px;
            align-self: stretch; }
            .body > .content > .network > .list-box > .li-box > div > div > h3 {
              color: var(--PIA24-BK-01, #042040);
              font-family: "Open Sans";
              font-size: 20px;
              font-style: normal;
              font-weight: 400;
              line-height: 100%;
              /* 20px */
              text-align: left; }
            .body > .content > .network > .list-box > .li-box > div > div > span {
              color: #55687D;
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              /* 21px */
              text-align: left; }
  .body > .content > .work {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch; }
    .body > .content > .work > .list-box {
      display: flex;
      align-items: flex-start;
      gap: 30px;
      align-self: stretch;
      width: 100%; }
      .body > .content > .work > .list-box > .li {
        display: flex;
        padding-bottom: 25px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        border-radius: 4px;
        border: 1px solid var(--PIA24-Line-02, #F4F4F5);
        background: #FFF;
        width: calc((100% - 60px) / 3); }
        .body > .content > .work > .list-box > .li > img {
          display: block;
          width: 100%; }
        .body > .content > .work > .list-box > .li > div {
          display: flex;
          padding: 0px 25px;
          flex-direction: column;
          gap: 15px;
          align-self: stretch; }
          .body > .content > .work > .list-box > .li > div > h3,
          .body > .content > .work > .list-box > .li > div > p {
            color: var(--PIA24-BK-01, #042040);
            font-family: "Open Sans";
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: 100%;
            /* 20px */ }
          .body > .content > .work > .list-box > .li > div > span {
            color: #55687D;
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 21px */ }
            .body > .content > .work > .list-box > .li > div > span > a {
              color: var(--PIA24-VI-01, #0E6FDE);
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%;
              text-decoration-line: underline; }
  .body > .content > .commission {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    align-self: stretch; }
    .body > .content > .commission > img {
      display: block;
      width: 650px; }
    .body > .content > .commission > .commission-box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      flex: 1 0 0; }
      .body > .content > .commission > .commission-box > h2,
      .body > .content > .commission > .commission-box > p {
        color: var(--PIA24-BK-01, #042040);
        font-family: "Open Sans";
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        /* 47.6px */ }
      .body > .content > .commission > .commission-box > span {
        color: #55687D;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */ }
  .body > .content .quest-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    width: 920px;
    margin: 0 auto; }
    .body > .content .quest-box .quest-list-box {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      align-self: stretch; }
      .body > .content .quest-box .quest-list-box .quest-li {
        display: flex;
        padding: 25px 0px;
        align-items: flex-start;
        gap: 15px;
        align-self: stretch;
        border-bottom: 1px solid var(--PIA24-Line-02, #F4F4F5);
        cursor: pointer; }
        .body > .content .quest-box .quest-list-box .quest-li:first-child {
          border-top: 1px solid var(--PIA24-Line-02, #F4F4F5); }
        .body > .content .quest-box .quest-list-box .quest-li.show > .text > span {
          display: block; }
        .body > .content .quest-box .quest-list-box .quest-li > .text {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          flex: 1 0 0; }
          .body > .content .quest-box .quest-list-box .quest-li > .text > p {
            overflow: hidden;
            color: var(--PIA24-BK-01, #042040);
            text-overflow: ellipsis;
            font-family: "Open Sans";
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            /* 18px */ }
          .body > .content .quest-box .quest-list-box .quest-li > .text > span {
            display: none;
            margin-top: 15px;
            overflow: hidden;
            color: var(--PIA24-BK-02, #55687D);
            font-family: "Open Sans";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            /* 21px */ }
            .body > .content .quest-box .quest-list-box .quest-li > .text > span a {
              color: var(--PIA24-VI-01, #0E6FDE);
              font-family: "Open Sans";
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 150%; }
              .body > .content .quest-box .quest-list-box .quest-li > .text > span a:hover {
                text-decoration: underline; }

/*# sourceMappingURL=alliance.css.map */