/* ===============================================================
    * facslide
=============================================================== */
.fac-slider {position: relative; background: var(--color-3);}
.fac-slider h2 {font-size: 24px; letter-spacing: 0.1em; margin-bottom: 80px;}
.fac-slider .swiper-slide {width: calc((100% - 60px) / 3); margin-right: 30px;}
.fac-slider .imgbox {width: 100%; height: 750px; overflow: hidden;}
.fac-slider .parallax {width: 100%; height: 100%; overflow: hidden;}
.fac-slider .plx-img {width: 100%; height: 800px; object-fit: cover;}
.fac-slider .txtbox {padding-top: 40px;}
.fac-slider .txtbox .icon {font-size: 30px;}
.fac-slider .txtbox h3 {font-size: 26px; margin: 40px 0 20px;}
.fac-slider .txtbox h4 {font-size: 16px; color: var(--color-2); margin-bottom: 40px;}
.fac-slider .txtbox .btn-more {margin: 0 auto;}
.fac-slider .swiper-slide:hover .btn-more {box-shadow: inset 0 0 0 56px var(--color-1); color: #fff;}
@media (max-width: 992px){
    .fac-slider h2 {font-size: 16px; margin-bottom: 40px;}
    .fac-slider .swiper-slide {width: 100%; margin-right: 0; padding: 0 15px;}
    .fac-slider .imgbox {height: 375px;}
    .fac-slider .plx-img {height: 400px;}
    .fac-slider .txtbox {padding-top: 30px;}
    .fac-slider .txtbox .icon {font-size: 20px;}
    .fac-slider .txtbox h3 {font-size: 16px; margin: 20px 0 10px;}
    .fac-slider .txtbox h4 {font-size: 13px; margin-bottom: 30px;}

    .fac-slider .fac-ctrl {position: absolute; left: 0; right: 0; width: 100%; text-align: center; z-index: 10; top: 335px; display: flex; justify-content: center; align-items: center; color: #fff;}
    .fac-slider .fac-pager {width: auto; font-size: 12px; letter-spacing: 0.1em;}
    .fac-slider .fac-ctrl .nav-btn {font-size: 25px; padding: 0 15px; cursor: pointer;}
}