/* main_banner */
.home .visual .main_banner_box{
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  top: calc(50% - 85px);
  transform: translateY(-50%);
}
.home .visual .bx_swiper li>a, .home .visual .bx_swiper li>div{
  display: block;
  height: 100%;
  color: #fff;
  background: no-repeat 50% 50%/auto 100%;
}
.home .visual .main_banner_box .tit{
  font-size: 3rem;
  font-family: var(--fw-600);
  line-height: 1.3;
}
.home .visual .main_banner_box .text{
  margin-top: 1rem;
  font-size: 1.25rem;
  opacity: 0.8;
}
/* 배너 2 */
.home .visual .main_b2{
  text-align: right;
}
.main_banner_box .btn_text{
  margin-top: 1.25rem;
}
.main_banner_box .btn_text span{
  display: inline-block;
  color: #fff;
  background: var(--color-base);
  border-radius: 30px;
  padding: 10px 37px 10px 20px;
  background-image: url(../svg/WH/chevron-right-solid.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center right 20px;
}
@media screen and (max-width: 1399px) {
  .home .visual .main_banner_box{
    padding: 0 16px;
  }

  /* 
    클래스 값 변경 순서번호에 따라 class명 수정해야 함
    배경 위치에만 이 이름을 사용함  
                                                  */
  .home .visual .bx_swiper li>a, .home .visual .bx_swiper .swiper-slide_1>div{
    background: no-repeat 20% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_10>a{
    background: no-repeat 10% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_20>a{
    background: no-repeat 20% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_30>a{
    background: no-repeat 30% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_40>a{
    background: no-repeat 40% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_50>a{
    background: no-repeat 50% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_60>a{
    background: no-repeat 60% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_70>a{
    background: no-repeat 70% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_80>a{
    background: no-repeat 80% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_90>a{
    background: no-repeat 90% 50%/auto 100%;
  }
  .home .visual .bx_swiper .bgPositon_100>a{
    background: no-repeat 100% 50%/auto 100%;
  }
}

@media screen and (max-width: 899px) {
  .home .visual .main_banner_box {
    top: calc(50% - 48px);
  }
  .main_banner_box .text .text_mobile{
    display: none;
  }
  .main_banner_box .btn_text span{
    padding: 8px 35px 8px 16px;
    background-position: center right 18px;
  }
}

@media screen and (max-width: 767px) {
  .home .visual .main_banner_box .tit{
    font-size: 2.5rem;
  }
  .home .visual .main_banner_box .text{
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 499px) {
  .home .visual .main_banner_box {
    top: calc(50% - 2rem);
  }
  .home .visual .main_banner_box .tit{
    font-size: 5vw;
  }
  .home .visual .main_banner_box .text{
    margin-top: 1vw;
    font-size: 2.75vw;
  }
  .main_banner_box .btn_text{
    margin-top: 1vw;
  }
  .main_banner_box .btn_text span{
    font-size: 0.875rem;
    padding: 6px 24px 6px 12px;
    background-position: center right 12px;
    background-size: 10px;
  }
  
}