@charset "utf-8";

.latest_board {position:relative;width:100%;}
.latest_board .beaf_tit {display:block;line-height:45px;font-size:2.5rem;color:#343a40;border-bottom:0.5px solid #d0d7de;padding:5px 0;}

.latest_board .beafSlider {margin: 10px 0;}
.latest_board .beafSlider .swiper-slide .beaf_wrap {display: flex;align-items: center;justify-content: center;}
.latest_board .beafSlider .swiper-slide .beaf_wrap img {width: 100%;object-fit: cover;}
.latest_board .beafSlider .swiper-slide .beaf_tit {text-align: center;background: #343a40;color: #fff;font-size: 20px;}

/* .beafSlider {width: 200%; position: absolute; left: 50%; transform: translateX(-50%);} */


.latest_board .beafSlider .swiper-slide .beaf_wrap img,
.beaf.swiper .swiper-wrapper .swiper-slide .img_box {width: auto; position: relative; }
.latest_board .beafSlider .swiper-slide .beaf_wrap img {margin: 0 auto;}
.beaf_wrap .img_box .inner {position: absolute; background: rgba(0,0,0,.7);width: 100%;    height: 100%; z-index: 1; text-align: center; top: 0; line-height: 2;}
.beaf_wrap .img_box .inner .login {border: 1px solid #fff; padding: 0.625rem 1.250rem; line-height: 1;}
    
.beaf_wrap .img_box .inner .cont_wrap {position: absolute; top: 50%;transform: translate(-50%,-50%); left: 50%; width: 100%;}

.beaf_wrap .txt_box.be {background-color: #797979;} 
.beaf_wrap .txt_box.af {background-color: #b5a07e;} 

 

 /*sub*/
.latest_board .beafSlider .swiper-scrollbar-drag {     background: var(--pointcolor);    border-radius: 0;}
.latest_board .beafSlider .swiper-scrollbar {background: #dfdfdf;     width: 100%;    height: 5px; border-radius: 0;}
.latest_board .beafSlider .swiper-slide .beaf_tit {text-align: left;    background: transparent;    color: unset; border: 0;    padding: 0;    padding-top: 0.75rem;}
.latest_board .beafSlider .swiper-slide .beaf_wrap {    justify-content: center;    flex-direction: column;}
/* .latest_board .img_wrap, .beaf_tit {width: 91%;} */
.latest_board .beafSlider .swiper-slide {opacity: .5; transition: .2s;}
.latest_board .beafSlider .swiper-slide .beaf_tit {opacity: 0;}
.latest_board .beafSlider .swiper-slide-duplicate-active, .latest_board .beafSlider .swiper-slide-active,
.latest_board .beafSlider .swiper-slide-duplicate-active .beaf_tit, .latest_board .beafSlider .swiper-slide-active .beaf_tit {opacity: 1;}


.beaf .swiper-slide {transition: .3s;}
.beaf .swiper-slide-next .txt_box, 
.beaf .swiper-button-next, .beaf .swiper-button-prev {position: relative; width: 25px; height: 46px; margin-top: 0; }
.beaf.swiper-buttons {position: absolute;    left: 50%;    transform: translate(-50%,-50%);
    width: 79%;    z-index: 10;    display: flex;    justify-content: space-between;    align-items: center;    top: 50%;}
.beaf .swiper-button-next::after, .beaf .swiper-button-prev::after {content: ''; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.beaf .swiper-button-next::after {background-image: url(/img/main/swiper_next.png); }
.beaf .swiper-button-prev::after {background-image: url(/img/main/swiper_prev.png); }

.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0; right: auto;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0; left: auto;}
.beaf .swiper-slide-next .txt_box, 
.beaf .swiper-slide-prev .txt_box {opacity: 0; transition: .3s;}
.beaf .swiper-slide-active .txt_box {opacity: 1;}
 
@media (max-width: 990px){
    .beaf.swiper-buttons {transform: translateX(-50%); top: auto;bottom: -30%;     width: 100%;}
    h4.pb-30 { font-size: 1.250rem; line-height: 1.4;}
    .beaf .swiper-button-next, .beaf .swiper-button-prev {width: 15px; height: 25px;}
    .latest_board .beafSlider {margin: 0 auto;}
    .beaf  p.sp {font-size: 1.5rem; width: 55%; margin: 0 auto;}
    .beaf_wrap .txt_box {height: 85px; display: flex; align-items: center; justify-content: center;
        flex-direction: column;}

}