@media all and (max-width: 1279px) {
  .keyvisual_slide_title {
    bottom: 15%;
  }
  .types_content_img {
    margin-top: -100px;
  }
  .types_content_title_h {
    font-size: 8.333vw;
    letter-spacing: 5.903vw;
  }
  .types_nav_wrap {
    position: sticky;
    z-index: 3;
    top: 80px;
  }
  .product_ul {
    flex-wrap: wrap;
  }
  .product_list {
    flex-grow: 1;
    flex-basis: 55px;
    max-width: 55px;
  }

  .banner {
    height: 60vh;
    width: 100%;
    max-height: 740px;
  }
  .bannerBg {
    width: 100%;
    height: 100%;
    background: url(../../asset/img/main/mo-main-img-brand.jpg) no-repeat
      center/cover;
  }
}

@media all and (max-width: 767px) {
  .keyvisual_slide_img1 {
    background: url(../../asset/img/main/keyvisual_1_mob.png) no-repeat
      center/cover;
  }
  .keyvisual_slide_img2 {
    background: url(../../asset/img/main/keyvisual_2_mob.jpg) no-repeat
      center/cover;
  }
  .keyvisual_slide_img3 {
    background: url(../../asset/img/main/keyvisual_3_mob.jpg) no-repeat
      center/cover;
  }
  .keyvisual_slide_img4 {
    background: url(../../asset/img/main/keyvisual_4_mob.jpg) no-repeat
      center/cover;
  }
  .keyvisual_slide_img5 {
    background: url(../../asset/img/main/keyvisual_5_mob.jpg) no-repeat
      center/cover;
  }
  .keyvisual_slide_title {
    width: 100%;
  }
  .keyvisual_slide_title h3 {
    width: 100%;
    font-size: 34px;
  }
  .keyvisual_slide_title p {
    width: 100%;
    font-size: 14px;
  }
  /* material */
  .material {
    padding-top: 70px;
  }
  .material_title_p {
    font-size: 18px;
  }
  .material_title_p2 {
    font-size: 14px;
  }
  .materialSlider_wrap {
    padding-left: 20px;
  }
  .material_navi {
    display: none;
  }
  .material_contents_p {
    font-size: 16px;
    bottom: 10px;
    left: 15px;
  }

  /*type */
  .types_nav {
    width: 100%;
    gap: 10px;
  }
  .types_nav_list {
    font-size: 14px;
  }
  .types_nav_wrap {
    padding: 0 10px;
  }
  .types_bg {
    margin-top: 100px;
    padding-bottom: 100px;
  }
  .types_content_img {
    margin-top: -40px;
    width: 80%;
  }
  .types_contents {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .types_contents.visible-grid {
    display: flex;
  }
  .types_content {
    width: 100%;
    justify-content: flex-start;
  }
  .types_content2 {
    padding-top: 100px;
    width: 70%;
    justify-content: center;
    margin: 0 auto;
  }
  .types_content_img_3 {
    padding-top: 80px;
    width: 100%;
  }
  .types_content_data {
    width: 100%;
  }
  .types_content_data_p {
    font-size: 16px;
  }
  .types_content_data_p2 {
    font-size: 16px;
  }
  .types_content3 {
    position: absolute;
    width: 100%;
    top: 30%;

    justify-content: center;
    text-align: center;
  }
  /* made */
  .made {
    padding: 50px 0;
  }
  .made_title_h {
    font-size: 24px;
  }
  .made_title_p {
    font-size: 14px;
  }
  .made_more span {
    font-size: 12px;
  }
  /* product */
  .product_mobimg {
    flex: 1;
    height: 100%;

    display: block;
    position: relative;
    overflow: hidden;
  }
  .product_mobimg img {
    aspect-ratio: 16/9;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .pick_nav_mob_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }
  .product_mob_wrap {
    display: flex;
    gap: 15px;
  }
  .pick_title_h {
    font-size: 22px;
  }
  .pick_navArrow {
    position: relative;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;

    height: 30px;
  }
  .pick_navArrow .swiper-button-next,
  .pick_navArrow .swiper-button-prev {
    color: #010101;
    z-index: 1;
    position: relative;
    right: initial;
    left: initial;
    height: auto;
    transform: translate(0, 0);
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 16px;
    transform: translate(0, 0);
  }

  .pick_nav_mob {
    width: 100%;
    bottom: initial;
    top: initial;
    right: initial;
    margin-bottom: 3px;
    left: initial;
  }
  .pick_nav_mob_list {
    font-size: 14px;
    width: auto;
    text-align: center;
    color: #333;
    font-weight: 300;
    letter-spacing: -0.7px;
    position: relative;
    display: none;
  }
  .pick_nav_mob_list.active {
    font-weight: 400;
    display: block;
  }
  .types_content_img_text {
    font-size: 10px;
  }
  .types_content_img_text1 {
    transform: rotate(-90deg) translate(40%, 95px);
  }
  .types_content_img_text2 {
    transform: rotate(-90deg) translate(-28%, -91px);
    left: 0;
    right: initial;
  }
  .types_content_img_text3 {
    transform: rotate(0deg) translate(0%, 0px);
    top: initial;
    left: 0;
    bottom: -20px;
  }
  .product_slide_wrap_mob {
    width: 100%;
    height: 100%;
    margin-top: 30px;
    display: block;
    overflow: hidden;
  }
  .product_slide_wrap {
    display: none;
  }
  /* banner */
  .banner_title_h {
    font-size: 24px;
  }
  .banner_title_p {
    font-size: 14px;
  }
  /*magazine */
  .magazine {
    padding: 50px 0;
  }
}