@media (min-width: 1200px) {
  .p1,
  .p2,
  .p3,
  .more {
    display: none;
  }
  .p1Content {
    height: 66.875rem;
  }
  .p1Content > video {
    width: 100%;
    height: 100%;
    background: black;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p2Content {
    height: 26.625rem;
    position: relative;
  }
  .symbolA,
  .symbolB {
    width: 5.8125rem;
    height: 4.5rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
  }
  .symbolA {
    top: 6.75rem;
    left: 20.875rem;
  }
  .symbolB {
    bottom: 6.75rem;
    right: 20.875rem;
  }
  .p2Swiper {
    margin: 0 auto;
    width: 56.75rem;
    height: 100%;
  }
  .p2Swiper .swiper-container {
    height: 100%;
  }
  .swiperImg > .img {
    width: 100%;
    height: 100%;
  }
  .swiperTtile {
    text-align: center;
    margin-bottom: 2.125rem;
    font-family: Roboto-Light;
    font-size: 1.375rem;
    line-height: 2rem;
  }
  .swiperText {
    text-align: center;
    font-family: Roboto-Light;
    font-size: 1.125rem;
    line-height: 2rem;
  }
  .p3Content {
    padding: 7.25rem 0 5.375rem 10rem;
  }
  .p3Titles {
    font-size: 3.25rem;
    padding-bottom: 4.375rem;
    text-align: center;
    width: 100%;
    padding-right: 10rem;
  }
  .p3FlexBox {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
  .p3Flex {
    width: 30rem;
    height: 44rem;
    background: #fafafa;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.2);
    margin-bottom: 6.125rem;
    margin-right: 5.5rem;
    overflow: hidden;
    display: none;
  }
  .p3Flex > .img {
    width: 100%;
    height: 17.375rem;
  }
  .p3Flex > .textBox {
    height: 24.5rem;
    padding: 1.8125rem 1.6875rem 2.5625rem;
    overflow: auto;
  }
  .p3Flex > .textBox > .title1 {
    font-size: 1.25rem;
    font-family: Roboto-Light;
  }
  .p3Flex > .textBox > .title2 {
    font-size: 1.25rem;
    margin: 1.25rem 0;
    font-weight: bold;
  }
  .p3Flex > .textBox > .text {
    font-family: Roboto-Light;
    letter-spacing: 0.6px;
    margin-top: 0.625rem;
    font-size: 1rem;
  }
  .p3Flex:hover {
    box-shadow: 0 0.125rem 2.125rem 0 rgba(38, 38, 38, 0.2);
  }
  .pageBox {
    display: flex;
    justify-content: center;
    margin-right: 10rem;
  }
  .pageList {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    margin: 0 0.875rem;
    border: 1px solid #979797;
    font-family: Roboto-Bold;
    color: #979797;
    text-align: center;
    cursor: pointer;
  }
  .pageListBtn {
    border-color: #000;
    color: #000;
  }
}
@media (max-width: 1199px) {
  .p1Content,
  .p2Content,
  .p3Content {
    display: none;
  }
  .p1 {
    height: 129.6vw;
    color: white;
  }
  .p1-text1 {
    font-family: Roboto-Medium;
    font-size: 6.93333333vw;
    font-weight: 500;
    margin: 24.8vw 0 3.2vw;
  }
  .p1-text2 {
    font-family: Roboto-Light;
    font-size: 4vw;
    text-align: center;
    font-weight: 200;
    width: 64.26666667vw;
  }
  .p2 {
    margin: 16vw 0 20vw;
  }
  .p2-box {
    width: 92vw;
    height: 92vw;
    background: #fafafa;
    border-radius: 1.33333333vw;
    overflow: hidden;
    position: relative;
  }
  .p2-box img {
    width: 33.6vw;
    margin: 8vw 0 6.4vw;
  }
  .p2-text1 {
    width: 69.6vw;
    font-family: Roboto-Light;
    font-size: 3.73333333vw;
    font-weight: 200;
  }
  .p2-text2 {
    font-family: Roboto-Light;
    font-size: 3.73333333vw;
    font-weight: 200;
    position: absolute;
    bottom: 13.06666667vw;
  }
  .swiper-pagination-bullet {
    width: 2.13333333vw;
    height: 2.13333333vw;
    background: transparent;
    border: 1px solid black;
    margin: 0 2.13333333vw;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 4vw;
  }
  .swiper-pagination-bullet-active {
    background: black;
  }
  .p3-title {
    font-family: Roboto-Medium;
    font-size: 6.93333333vw;
    font-weight: 500;
    margin-bottom: 8.26666667vw;
  }
  .p3-item {
    background: #fafafa;
    border-radius: 2.13333333vw;
    width: 83.73333333vw;
    margin-bottom: 20.8vw;
    overflow: hidden;
  }
  .p3-text {
    padding: 5.06666667vw 4.53333333vw 5.86666667vw;
  }
  .text1,
  .text3 {
    font-family: Roboto-Light;
    font-size: 4vw;
    font-weight: 200;
  }
  .text2 {
    margin: 2.66666667vw 0 3.2vw;
    font-family: Roboto-Medium;
    font-size: 5.6vw;
    line-height: 7.46666667vw;
    font-weight: 500;
  }
  .text3 {
    line-height: 5.6vw;
  }
  .line {
    height: 1px;
    background: #cecece;
  }
  .text3 {
    margin-top: 2.66666667vw;
  }
  .more {
    width: 32.26666667vw;
    height: 9.6vw;
    font-size: 4vw;
    line-height: 9.6vw;
    text-align: center;
    border: 1px solid #232222;
    border-radius: 1.06666667vw;
    margin: 0 auto 29.86666667vw;
  }
  .more.off {
    display: none;
  }
}