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

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

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

@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');
.main_75 {background-color: #f9f7f3;}
.main_cont75 .main_cont_title {display: flex; align-items: flex-end; justify-content: space-between; padding-bottom:35px; /*padding: 100px 0 40px;*/ }
.main_cont75 .main_cont_title .widget_froala{width: auto;}
.main_cont75 .main_cont_title h2.widget_froala {width:100%; font-size: 28px; font-weight: 700; color: #363533; }
.main_cont75 .main_cont_title h2 .bold{font-weight: 700;}
.main_cont75 .main_cont_title .btn_more {font-size: 16px; color: #999999; white-space : nowrap; font-family: "Pretendard";}

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

.main_cont75 .widget_box{margin-top: 37px;}
.main_cont75 .widget_box .tap_list{display: flex; flex-wrap: wrap;}
.main_cont75 .widget_box .tap_list li{background-color: #e1e1e1; border-radius: 20px; padding: 9px 20px; margin-right: 10px; cursor: pointer;}
.main_cont75 .widget_box .tap_list li:last-child{margin-right: 0;}
.main_cont75 .widget_box .tap_list li.active{background-color: #8d70ed;}
.main_cont75 .widget_box .tap_list li span{display: block; width: 100%; height: 100%; color: #5d5e68; font-size: 14px; text-align: center;}
.main_cont75 .widget_box .tap_list li.active span{color: white;}
/* .main_cont75 .swiper-container{margin: 0 -0.98%;} */
/* .main_cont75 .swiper-slide{padding: 0 0.98%;} */
.main_cont75 .img_wrap{position: relative; border-radius: 3px; overflow: hidden;}
/* .main_cont75 .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 .img_wrap .img_item{transition: all .5s;}
.main_cont75 .img_wrap:hover .img_item{transform: scale(1.1);}
.main_cont75 .img_wrap .hover_area {content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #20352a; opacity: 0; display: flex; align-items: center; justify-content: center; text-transform: capitalize; transition: .3s;}
.main_cont75 .img_wrap:hover .hover_area {opacity: 55%;}
.main_cont75 .img_wrap .hover_area span {font-size:30px; color:#f9f7f3; font-family: "Sorts Mill Goudy", serif !important; font-weight: 300; opacity: .8;}

.main_cont75 .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 .swiper-button.swiper-button-disabled{opacity: 0;}
.main_cont75 .swiper-button.swiper-button-prev{background: white url(/img/swiper_prev_2.png) no-repeat center center; left: -15px;}
.main_cont75 .swiper-button.swiper-button-next{background: white url(/img/swiper_next_2.png) no-repeat center center; right: -15px;}
.main_cont75 .swiper-button::after{display: none;}

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

.main_cont75 .tap_content_box:hover .swiper-button{display: block;}
.main_cont75 .swiper-button:hover{opacity: 1;}
.main_cont75 .swiper-button.swiper-button-disabled:hover{opacity: 0;}

.main_cont75 .b_title {font-size: 16px; font-weight: 500; color:#363533; margin-top:25px; text-transform: uppercase;}
.main_cont75 .sub_des {font-size: 14px; color:#7d7b79; margin-top:7px}

@media all and (max-width: 991px) {
    .main_cont75 .main_cont_title {padding: 0 0 23px;}
    .main_cont75 .main_cont_title h2.widget_froala{font-size: 19px;}
    .main_cont75 .b_title {font-size: 13px; margin-top: 15px; margin-top:10px; }
    .main_cont75 .sub_des {font-size: 12px; word-break: keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;overflow: hidden;}
    .main_cont75 .main_cont_title .btn_more {font-size: 12px; font-weight: 500; color: #888;}

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

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

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

    .main_cont75 .swiper-pagination{right: 12px; bottom: 10px; 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: inline-block; opacity: 1;}
    .main_cont75 .swiper-pagination span{font-size: 10px; color: white; font-weight: 500;}
}