/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/
/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/
.main_cont75_custom .main_cont_title {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom:30px; /*padding: 100px 0 40px;*/ }
.main_cont75_custom .subject_title {font-size: 20px; color:#555555; text-align: center; margin-bottom: 60px;}
.main_cont75_custom .main_cont_title .widget_froala{width: auto;}
.main_cont75_custom .main_cont_title h2.widget_froala {width:100%; font-size: 40px; font-weight: 700; color: #1b1b1b; line-height: 1em; font-family: "Montserrat", sans-serif !important; text-align: center;}
.main_cont75_custom .main_cont_title h2 .bold{font-weight: 700;}
.main_cont75_custom .main_cont_title .btn_more {font-size: 16px; color: #999999; white-space : nowrap; font-family: "Pretendard";}
.main_cont75_custom .post_content {position: absolute; bottom: 40px; left: 53px; z-index: 50;}
.main_cont75_custom .post_subject{font-size: 30px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 18px; font-weight: 700; font-family: "Pretendard";}
.main_cont75_custom .swiper-slide:first-child .post_subject{color:#fff}
.main_cont75_custom .post_content_text{font-size: 16px; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 18px; font-weight: 400; font-family: "Pretendard";}

.main_cont75_custom .widget-cont{position: relative;}

.main_cont75_custom .widget_box{margin-top: 37px;}
.main_cont75_custom .widget_box .tap_list{display: flex; flex-wrap: wrap;}
.main_cont75_custom .widget_box .tap_list li{background-color: #e1e1e1; border-radius: 20px; padding: 9px 20px; margin-right: 10px; cursor: pointer;}
.main_cont75_custom .widget_box .tap_list li:last-child{margin-right: 0;}
.main_cont75_custom .widget_box .tap_list li.active{background-color: #0071f9;}
.main_cont75_custom .widget_box .tap_list li span{display: block; width: 100%; height: 100%; color: #5d5e68; font-size: 14px; text-align: center;}
.main_cont75_custom .widget_box .tap_list li.active span{color: white;}
.main_cont75_custom .swiper-container{margin: 0 -0.98%; z-index: 2;}
.main_cont75_custom .swiper-slide{padding: 0 1.058%;}
.main_cont75_custom .img_wrap{position: relative; border-radius: 5px; overflow: hidden; border-radius: 15px;}
.main_cont75_custom .img_wrap::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #eaeaea; border-radius: 5px;}
.main_cont75_custom .img_wrap .img_item{transition: all .5s;}
.main_cont75_custom .img_wrap:hover .img_item{transform: scale(1.1);}


.main_cont75_custom .swiper-button{width: 64px; height: 64px; border-radius: 50%; box-shadow: 3px 0 8px rgba(61,61,61,.15); opacity: .35; transition: all .5s; display: none;}
.main_cont75_custom .swiper-button.swiper-button-disabled{opacity: 0;}
.main_cont75_custom .swiper-button.swiper-button-prev{background: white url(/img/swiper_prev_2.png) no-repeat center center; left: -15px;}
.main_cont75_custom .swiper-button.swiper-button-next{background: white url(/img/swiper_next_2.png) no-repeat center center; right: -15px;}
.main_cont75_custom .swiper-button::after{display: none;}

.main_cont75_custom .swiper-pagination{display: none;}

.main_cont75_custom .tap_content_box:hover .swiper-button{display: block;}
.main_cont75_custom .swiper-button:hover{opacity: 1;}
.main_cont75_custom .swiper-button.swiper-button-disabled:hover{opacity: 0;}
.main_cont75_custom .more-text {border: 1px solid #e1e1e1; border-radius: 27.5px; text-align: center; width: 500px; margin: 0 auto; padding:18px 0; margin-top: 61px; transition: .3s;}
.main_cont75_custom .more-text:hover{background-color: #6bc959; border-color:#6bc959}
.main_cont75_custom .more-text:hover .btn_more{color:#fff}
.main_cont75_custom .more-text .btn_more {font-size: 16px;display: inline-block; width: 100%; height: 100%; transition: .3s;}

@media all and (max-width: 991px) {
    .main_cont75_custom .main_cont_title {padding: 0 0 17px;}
    .main_cont75_custom .main_cont_title h2.widget_froala{font-size: 28px;}
    .main_cont75_custom .subject_title {font-size: 14px; line-height: 20px; word-break: keep-all; text-wrap: balance; margin-bottom: 30px;}
    .main_cont75_custom .main_cont_title .btn_more {font-size: 11.5px; font-weight: 500; color: #888;}

    .main_cont75_custom .widget_box{margin-top: 18px;}

    .main_cont75_custom .post_content{width: 90%; left: 24px; bottom: 20px;}
    .main_cont75_custom .post_subject{font-size: 20px; font-weight: 700; margin-top: 20px;}
    .main_cont75_custom .post_content_text{font-size: 13px; margin-top: 20px;}

    .main_cont75_custom .more-text {width: 180px; border-radius: 20px;  margin-top: 20px; padding:12.5px 0;}
    .main_cont75_custom .more-text .btn_more{font-size: 12px;}

    .main_cont75_custom .swiper-container{margin: 0 0 0 -15px; padding: 0 15px; width: calc(100% + 30px);}
    .main_cont75_custom .swiper-slide{padding: 0;}
    .main_cont75_custom .img_wrap{border-radius: 7px;;}
    .main_cont75_custom .img_wrap::after{left: 0; width: 100%; border-radius: 7px;}

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

    .main_cont75_custom .swiper-pagination{right: 12px; bottom: 10px !important; font-size: 10px; color: white; font-weight: 500; padding: 5px 10px 3px; background-color: rgba(0,0,0,.45); left: auto; border-radius: 10px; width: auto; display: block; opacity: 1;}
    .main_cont75_custom .swiper-pagination span{font-size: 10px; color: white; font-weight: 500;}
}

