.bgBox {
  width: vw(1860);
  height: vh(900);
  margin: 0 auto;
  position: relative;
  background-image: url('@/assets/svg/Schedule/Box.svg');
  background-size: 101%;
  background-position: center;
  background-repeat: no-repeat;

  .bgTitleBox {
    width: vw(416);
    height: vh(40);
    position: absolute;
    box-sizing: border-box;
    top: vh(-14);
    left: vw(60);
    padding: 0 vw(36);
    background-image: url('@/assets/svg/Schedule/TitleBox.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;


    img {
      width: vw(20);
    }

    span {
      margin: vw(20);
      color: #444444;
      font-size: vw(18);
    }

    p {
      margin-right: vw(20);
      color: #444444;
      font-size: vw(18);
    }
  }

  section {
    width: vw(1800);
    height: vh(850);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: vh(4);

    :deep(.el-carousel) {
      height: 100%;

      .el-carousel__item,
      .el-carousel__container {
        height: 100%;

        .carouselItemBox {
          height: 100%;
          display: grid;
          grid-template-columns: repeat(auto-fill, vw(586));
          justify-content: space-between;
          row-gap: vh(8);
          align-content: start;

          .itemBox {
            height: vh(48);
            box-sizing: border-box;
            padding: vh(12) vw(40);
            display: flex;
            align-items: center;

            div {
              border-right: 1px dashed rgba(103, 92, 136, 0.24);
              width: vw(80);
              text-align: center;
              color: #8E68FA;
              font-size: vw(16);
              letter-spacing: 1px;
              line-height: vh(24);
            }

            p {
              padding-left: vw(24);
              font-size: vw(16);
              color: #675C88;
            }
          }
        }
      }
    }

    .rowBg1 {
      background-color: #E8E9FA;
    }

    .rowBg2 {
      background-color: #EEEEFF;
    }

    .rowBg3,
    .rowBg0 {
      background-color: #F3F3F9;
    }
  }
}
