@media only screen and (min-width: 320px) {
    .summitVideo {
      min-height: 200px;
    }
    .summitVideo .summitVideoTitleBox {
      display: flex;
      width: 95%;
      margin: 0 auto;
      justify-content: space-between;
      position: relative;
      z-index: 500;
    }
    .summitVideo .summitVideoTitleBox > .leftBox {
      height: 60px;
    }
    .summitVideo .summitVideoTitleBox > .leftBox > img {
      height: 60px;
    }
    .summitVideo .summitVideoTitleBox > .rightBox {
      height: 60px;
      margin-right: 5%;
    }
    .summitVideo .summitVideoTitleBox > .rightBox > img {
      height: 30px;
      margin-top: 30px;
    }
    .summitVideo .videoBox {
      width: 95%;
      margin: 20px auto;
      position: relative;
      z-index: 500;
    }
    .summitVideo .videoBox .videoSection {
      width: calc(100% - 40px);
      margin: 0 auto;
      background-image: url("../image/bg10.png");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 10px;
    }
    .summitVideo .videoBox .videoSection .nowVideoBox {
      height: 180px;
      background-color: black;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox {
      display: flex;
      margin-top: 20px;
      margin-bottom:20px;
      justify-content: space-between;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a {
      flex:1;
      margin: 10px 5px;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a > img {
      width:100%;
      height:auto;
    }
  }
  @media only screen and (min-width: 768px) {
    .summitVideo {
      min-height: 200px;
    }
    .summitVideo .summitVideoTitleBox {
      display: flex;
      width: 90%;
      margin: 0 auto;
      justify-content: space-between;
      position: relative;
      z-index: 500;
    }
    .summitVideo .summitVideoTitleBox > .leftBox {
      height: 100px;
    }
    .summitVideo .summitVideoTitleBox > .leftBox > img {
      height: 100px;
    }
    .summitVideo .summitVideoTitleBox > .rightBox {
      height: 100px;
      margin-right: 5%;
    }
    .summitVideo .summitVideoTitleBox > .rightBox > img {
      height: 50px;
      margin-top: 50px;
    }
    .summitVideo .videoBox {
      width: 90%;
      margin: 20px auto;
      position: relative;
      z-index: 500;
    }
    .summitVideo .videoBox .videoSection {
      width: calc(100% - 40px);
      margin: 0 auto;
      background-image: url("../image/bg10.png");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 10px;
    }
    .summitVideo .videoBox .videoSection .nowVideoBox {
      height: 200px;
      background-color: black;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox {
        display: flex;
        margin-top: 20px;
        justify-content: space-between;
        margin-bottom:20px;
        height:70px;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a {
        flex:1;
        margin: 10px 20px;

    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a > img {
        height:70px;
        width: 100%;
    }
  }
  @media only screen and (min-width: 1024px) {
    .summitVideo {
      min-height: 800px;
    }
    .summitVideo .summitVideoTitleBox {
      display: flex;
      width: 80%;
      margin: 0 auto;
      justify-content: space-between;
      position: relative;
      z-index: 500;
    }
    .summitVideo .summitVideoTitleBox > .leftBox {
      height: 120px;
    }
    .summitVideo .summitVideoTitleBox > .leftBox > img {
      height: 120px;
    }
    .summitVideo .summitVideoTitleBox > .rightBox {
      height: 120px;
      margin-right: 5%;
    }
    .summitVideo .summitVideoTitleBox > .rightBox > img {
      height: 60px;
      margin-top: 60px;
    }
    .summitVideo .videoBox {
      width: 80%;
      margin: 40px auto;
      position: relative;
      z-index: 500;
    }
    .summitVideo .videoBox .videoSection {
      width: calc(90% - 40px);
      margin: 0 auto;
      background-image: url("../image/bg10.png");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 20px;
    }
    .summitVideo .videoBox .videoSection .nowVideoBox {
      height: 400px;
      background-color: black;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox {
      display: flex;
      margin-top: 20px;
      justify-content: space-between;
      margin-bottom:20px;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a {
      flex:1;
      margin: 10px 20px;
    }
    .summitVideo .videoBox .videoSection .previousVideoBox > a > img {
      width: 100%;
      height:70px;
    }
  }