@charset "UTF-8";
/*--------------------------------------------------------------------- main-slide ------------------------*/
.main-top{margin-top: 40px;}
.main-slide--wrap{height: 400px; background: no-repeat 50% / cover; border-radius: 10px; position: relative;}
.main-slide--txt{position: absolute;top: 50%;transform: translateY(-50%);left: 130px;display: flex;flex-direction: column;width: 50%;}
.main-slide--txt h3{font-size: 34px; color: #292929;}
.main-slide--txt p,
.main-slide--txt span{font-size: 18px; color: #292929;}
.main-slide--txt p{margin-top: 15px; line-height: 35px;}
.main-slide--txt span{margin-bottom: 50px;}
.main-slide__link{width: 125px; height: 25px; border-radius: 3px; border: 1px solid #292929; font-size: 14px; color: #292929; display: flex; align-items: center; justify-content: center;}
.main-slide__button{position: absolute;top: 50%;transform: translateY(-50%);z-index: 11;width: 100%;}
.main-slide__prev,
.main-slide__next{position: absolute;top: 50%;transform: translateY(-50%);}
.main-slide__prev{left: 35px;}
.main-slide__next{right: 35px;}
.main-slide__prev .btn, 
.main-slide__next .btn{width: 45px; height: 45px; background: no-repeat 50% / cover;}
.main-slide__prev .btn{background-image: url(../../images/cmn/ico-arr__prev.svg);}
.main-slide__next .btn{background-image: url(../../images/cmn/ico-arr__next.svg);}
.main-slide .main-pagination{position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);width: auto;z-index: 11;padding: 3px 10px;background-color: rgba(0,0,0,0.5);border-radius: 15px; font-size: 16px; color: #fff; font-weight: 500;}
.main-product{
    width: 100%;
    margin-left: 35px;
}

@media screen and (max-width: 1200px) { 
  .main-slide--wrap{height: 300px;}
  .main-slide--txt h3{font-size: 26px;}
  .main-slide--txt p, 
  .main-slide--txt span{font-size: 16px;}
  .main-slide--txt p{line-height: 28px;}
  .main-slide--txt span{margin-bottom: 60px;}
  .main-slide__prev{left: 0;}
  .main-slide__next{right: 0;}
  .main-slide--txt{left: 60px;}
  .main-slide .main-pagination{display: none;}
  .main-product{margin-top: 20px;margin-left: 0;}
}

@media screen and (max-width:767px) { 
  .main-top{margin-top: 30px;}
  .main-slide{padding-bottom: 25px;}
  .main-slide--txt{left: auto; width: 100%; padding: 0 20px;}
  .main-slide--wrap{height: 200px;}
  .main-slide--txt span{margin-bottom: 25px;}
  .main-slide--txt h3{font-size: 20px;}
  .main-slide--txt p, 
  .main-slide--txt span{font-size: 12px;}
  .main-slide--txt p{line-height: 20px; margin-top: 10px;}
  .main-slide__link{font-size: 12px; width: 111px;}
  .main-slide__button{display: none;}
  .main-slide .main-pagination{display: block;bottom: 0;background-color: transparent;padding: 0;line-height: 1;}
  .main-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #0F69B4;}
  .main-slide .swiper-pagination-bullet{background-color: #BFBFBF; opacity: 1;}
  .main-product{
    margin-top: 20px;
}
}