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



.main_sbgb3 * {font-family: "Pretendard",sans-serif; line-height: 1;}
.main_sbgb3 .container_fix{padding: 0;}
.main_sbgb3 .swiper-container{max-width: 1200px; margin: 0 auto; overflow: visible;}

/* 타이틀 */
.main_sbgb3 .content_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.main_sbgb3 .main_cont_title{width: 100%;}
.main_sbgb3 .main_cont_title h2,
.main_sbgb3 .main_cont_title h2 p{font-size: 30px; color: var(--main-point-color); font-weight: 700;}

/* 더보기 */
.main_sbgb3  .content_top .more_box{width: auto;}
.main_sbgb3  .content_top .more_box .more_a {position: relative;height: 40px; width: 145px; display: flex; align-items: center; gap: 0 54px;  padding: 0 20px; border: 1px solid #e1e1e1; border-radius: 20.5px;background-color: #fff; overflow: hidden; transition: 600ms ease; transition-duration: 1s;}

.main_sbgb3  .content_top .more_box .more_a::after {position: absolute; content:""; visibility: hidden; transition: all 600ms ease; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px);  border-radius: 20.5px; background-color:  var(--main-point-color-hover); left: -20px; transform: translateX(-100%); transition: all 600ms ease; }
.main_sbgb3  .content_top .more_box .more_a:hover {border: 1px solid var(--main-point-color-hover)}
.main_sbgb3  .content_top .more_box .more_a:hover::after,
.main_sbgb3  .content_top .more_box .more_a:focus::after
{transform: translateX(0); border: 1px solid var(--main-point-color-hover);  background-color:  var(--main-point-color-hover); left: -1px; visibility: inherit; }

.main_sbgb3 .content_top .more_box .more_a .title_more {font-size: 15px; color: #666666; z-index: 1; transition: color 600ms ease; margin-top: 3px;}
.main_sbgb3 .content_top .more_box .more_a .title_plus {position: absolute; transform: translateY(-50%); top: 50%; right: 18px; width: 11px; height: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbElEQVQYlbXQMQ7CMBBE0ecoEmVuaYncgC4tHa19gNTcBI6Sks40gKztXDDSNn9WX6tNrTXf1FrhwI4156zPZCCplBLZzxyLIfP0MbVuFpwDa1hmbDh1gg1P3IP4NeMW4AUPXOMZ6W+vG1p+A/ZBIiuP2ooGAAAAAElFTkSuQmCC') no-repeat center; transition: background 600ms ease;  transition-duration: 1s; z-index: 1;}
.main_sbgb3 .content_top .more_box .more_a:hover .title_more,
.main_sbgb3 .content_top .more_box .more_a:focus .title_more
{color: #fff;  position: relative;}
.main_sbgb3 .content_top .more_box .more_a:hover .title_plus,
.main_sbgb3 .content_top .more_box .more_a:focus .title_plus {background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAASElEQVQYlWP4//8/Axr+8P///2lYxBmYGEgAtFPM+P///w8MDAz8RKgVYGFgYGhgYGBgRxJsYGBguMDAwLABTfEPDB8PgdAAAL8yTGeCICX7AAAAAElFTkSuQmCC') no-repeat center;}

/* 컨텐츠 영역 */
.main_sbgb3 .swiper_a {height: 100%; display: block; border-radius: 17px; background-color: #f5f5f5; overflow: hidden; transition: background-color .5s ease-in-out; }
.main_sbgb3 .swiper_a:hover{background-color: #e8e8e8;}
.main_sbgb3 .swiper_a .post_content {padding: 20px; min-height: 155px;}
.main_sbgb3 .post_content .post_label_wrap {height: 22px;}
.main_sbgb3 .post_content .post_label:empty {display: none;}
.main_sbgb3 .post_content .post_label {display: inline-block; height: 22px; line-height: 22px; font-size: 12px; font-weight: 500; color: #fff; padding: 0px 9px; background: #adadad; border-radius: 50px;}
.main_sbgb3 .post_content .post_subject{line-height: 1.5; font-size: 15px; margin-top: 10px; line-height: 1.5em; height: 3em; font-weight: 400; color: var(--main-point-color); overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.main_sbgb3 .post_content .post_date {display: inline-block; margin-top: 20px; font-size: 14px; font-weight: 300; color: #999999;}
.main_sbgb3 .img_wrap{overflow: hidden; border-radius: 17px;}
.main_sbgb3 .img_wrap .img_item{transition: all .5s ease-in-out;}
.main_sbgb3 .swiper_a:hover {background-color: #e8e8e8;}
.main_sbgb3 .swiper_a:hover .img_wrap .img_item{transform: scale(1.1);}



/* 스와이퍼 버튼 */
.main_sbgb3 .tap_content_box .swiper-button{top: 47%; width: 64px; opacity: .35; transition: all .5s; display: none;  transition: all .5s;}
.main_sbgb3 .tap_content_box .swiper-button img{border-radius: 50%; box-shadow: 3px 0 8px rgba(61,61,61,.15);}
.main_sbgb3 .tap_content_box .swiper-button.swiper-button-next{right: -18px;}
.main_sbgb3 .tap_content_box .swiper-button.swiper-button-prev{position: absolute; left: -18px;}
.main_sbgb3 .tap_content_box .swiper-button::after{display: none;}
.main_sbgb3 .tap_content_box:hover .swiper-button{display: block;}
.main_sbgb3 .tap_content_box:hover .swiper-button.swiper-button-disabled{opacity: 0;}
.main_sbgb3 .tap_content_box .swiper-button:hover{opacity: 1;}
.main_sbgb3 .tap_content_box .swiper-button.swiper-button-disabled:hover{opacity: 0;}





@media all and (max-width: 991px) {
    .main_sbgb3 .content_top {display: block; margin-bottom: 20px;}
    .main_sbgb3 .tap_content_box{margin-top: 0px;}

    .main_sbgb3 .swiper_a {border-radius: 10px;}
    .main_sbgb3 .swiper_a .post_content {padding: 10px; min-height: 150px;}

    /* .main_sbgb3 .swiper-container .swiper-wrapper {flex-direction: row; flex-wrap: wrap; gap: 15p.main_sbgb3 .img_wrapx 10px;}
    .main_sbgb3 .swiper-container .swiper-wrapper .swiper-slide {display: none;}
    .main_sbgb3 .swiper-container .swiper-wrapper .swiper-slide:nth-child(-n+4) { display: block; width: calc((100% - 10px) /2) !important; margin-right: 0 !important;} */


    .main_sbgb3 .post_content .post_subject {font-size: 15px; line-height: 1.3; height: 2.6em; margin-top: 7px;}
    .main_sbgb3 .post_content .post_date {font-size: 10px; margin-top: 7px;}
    .main_sbgb3 .img_wrap {border-radius: 10px}

    .main_sbgb3 .more_box{margin-top: 35px; text-align: center;}
    .main_sbgb3 .more_box a.btn_moreview  {position: relative; padding: 14px 25px; border: 1px solid #e1e1e1; display: inline-block; min-width: 143px; height: 42px; text-align: left; border-radius: 50px;}
    .main_sbgb3 .more_box a .arrow{width: 5px; height: 10px; top: .5px; background: url(/img/mmore_arrow.png) no-repeat center center / cover;}

    .main_sbgb3 .more_box .more_a .title_more {font-size: 15px; font-weight: 500; color: #5d5d5d;}
    .main_sbgb3 .more_box .more_a .title_plus {position: absolute; transform: translateY(-50%); top: 52%; right: 25px; width: 9px; height: 9px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjElEQVQ4je3SrQ0CURDE8R/khQRFDdfE1YC9DlBPnyJQAUj0KTrAUgMNIR/mBCFv+TAIwphNNv+dbCYzKaWoaRgG2GGDLfY55yo7rW4/1I+ZpDHAtxSxCQfMg7t2nB2agOkTVli8eKK9M3zUOqHHLAA6LHHCOWCuCccnHzSjyQVheClqYS3Ef2O/bHIDTsEY01FsLEgAAAAASUVORK5CYII=') no-repeat center / cover; transition: background 600ms ease; transition-delay: .2s;  transition-duration: 1s; z-index: 1;}

    .main_sbgb3 .tap_content_box .swiper-button {display: none !important;}
}

@media (max-width:768px) {
    .main_sbgb3 .content_top {margin-bottom: 15px;}
    .main_sbgb3 .main_cont_title h2,
    .main_sbgb3 .main_cont_title h2 p{font-size: 19px; }

    .main_sbgb3 .swiper_a .post_content { min-height: 90px;}
    .main_sbgb3 .post_content .post_label_wrap {height: 16px;}
    .main_sbgb3 .post_content .post_label {height: 16px; line-height: 16px; font-size: 10px; padding: 1px 7.5px 0;}
    .main_sbgb3 .post_content .post_subject {font-size: 11px; line-height: 1.4; }

    .main_sbgb3 .more_box .more_a .title_more {font-size: 13px; }

}