/*
(주)파이브센스_FIVESENSES.Corp.
파이브프로_FIVEPro_웹솔루션.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-03-18 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/

.main_lbn7 .widget_froala {
    display: inline-block;
}
.main_lbn7 .main_lbn7_banner .bg_banner {
    display: flex; 
    justify-content: space-between; 
    gap: 40px; 
    width: 100%;
}
.main_lbn7 .main_lbn7_banner .bg_banner_inner {
    display: flex; 
    justify-content: space-between; 
    align-items: flex-end; 
    width: calc((100% - 40px) / 2);
    padding: 33px 60px 35px; 
    border-radius: 20px; 
}
.main_lbn7 .main_lbn7_textbox {
    display:flex;
    flex-direction: column;
}
.main_lbn7 .main_lbn7_textbox .subtitle {
    color: #fff; 
    font-size: 20px; 
    font-weight: 700;
    margin-bottom: 21px;
}
.main_lbn7 .main_lbn7_textbox .title {
    color: #fff; 
    font-size: 32px; 
    font-weight: 700;
    line-height: 42px;
}
.main_lbn7 .btn_moreview {
    position: relative;
    z-index: 2;
    margin-bottom: 7px;
}
.main_lbn7 .more_box {
    display: inline-flex; 
    justify-content: center; 
    align-items: center; 
    gap: 13px;
    width: 150px; 
    padding: 0 30px;
    border: 1px solid #fff; 
    border-radius: 28px; 
    color: #fff; 
    font-size: 16px; 
    font-weight: 500; 
    line-height: 50px; 
    text-align: center; 
    transition: .3s;
}
.main_lbn7 .more_box:hover {
    background-color: #fff; 
    color: #0c0c0c;
}
.main_lbn7 .more_box::after {
    content: ""; 
    display: inline-block; 
    width: 16px; 
    height: 16px; 
    background: url(img/arrow3_white.png) no-repeat center / 100%; 
    transition: .3s;
}
.main_lbn7 .more_box:hover::after {
    background-image: url(img/arrow3.png);
}

.main_lbn7 .main_lbn7_banner .swiper {
    z-index: 2; 
    border-radius: 11px;
}
.main_lbn7 .main_lbn7_banner .swiper-pagination {
    width: 100%; 
    bottom: 0; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    gap: 10px;
}
.main_lbn7 .main_lbn7_banner .swiper-pagination .swiper-pagination-bullet {
    border-color: #e1e1e1; 
    background: #e1e1e1;
    width: 9px;
    height: 9px;
}
.main_lbn7 .main_lbn7_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: #f1f1f1; 
    background: #f1f1f1;
}


@media (max-width: 991px) {
    .main_lbn7 .main_lbn7_textbox .subtitle {
        margin-bottom: 18px; 
        font-size: 15px;
    }
    .main_lbn7 .main_lbn7_textbox .title {
        font-size: 24.5px;
		line-height:32.5px;
    }
    .main_lbn7 .more_box {
        gap: 5px;
        width: 108px !important; 
        margin-bottom: 7px;
        padding: 0 10px;
        font-size: 14px; 
        line-height: 38px;
    }
    .main_lbn7 .main_lbn7_banner {
        padding-bottom:45px;
    }
    .main_lbn7 .main_lbn7_banner .swiper-slide {
        display: flex;
        align-items: end;
        padding: 26px 26px 22px;
        justify-content: space-between;
    }
    .main_lbn7 .main_lbn7_banner .swiper-pagination .swiper-pagination-bullet {
        background-color: #f1f1f1;
        border-color: #f1f1f1;
        width: 10.5px;
        height: 10.5px;
        margin:0;
    }
    .main_lbn7 .main_lbn7_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #e1e1e1;
        border-color: #e1e1e1;
    }
    .main_lbn7 .btn_moreview {
        margin-bottom:0;
    }
}