/*
(주)파이브센스_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: #1b1b1b; }
.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 .text_area {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align: center; width: 100%;}
.main_cont75 .img_wrap .text_area .b_title {color:#ffffff; font-size:30px; font-family: "Sorts Mill Goudy", serif !important; margin-bottom: 12px;}
.main_cont75 .img_wrap .text_area .sub_des {color:#ffffff; font-family: "Noto Sans KR", sans-serif !important; font-size:17px} 
.main_cont75 .img_wrap .img_item{transition: all .5s;}
.main_cont75 .img_wrap:hover .img_item{transform: scale(1.1);}
.main_cont75 .swiper-slide .img_wrap .hover_area {position:absolute; bottom:14px; border-radius:8px; background-color: #858667; display:flex; justify-content: center; align-items: center; width: calc(100% - 20px); height: 60px; left:50%; transform: translateX(-50%); opacity: 0; transition: .2s;}
.main_cont75 .swiper-slide .img_wrap:hover .hover_area {opacity: 1;}
.main_cont75 .swiper-slide:nth-child(2) .img_wrap .hover_area {background-color: #756044;}
.main_cont75 .swiper-slide:nth-child(3) .img_wrap .hover_area {background-color: #334539;}
.main_cont75 .swiper-slide:nth-child(4) .img_wrap .hover_area {background-color: #565655;}
.main_cont75 .img_wrap .hover_area p {font-size: 17px; color:#fff; font-weight: 500;}

.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;}


@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: 14px; margin-top: 15px;}
    .main_cont75 .sub_des {font-size: 12px;}
    .main_cont75 .main_cont_title .btn_more {font-size: 11.5px; font-weight: 500; color: #888;}

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

    .main_cont75 .swiper-container{margin: 0; padding:0}
    .main_cont75 .swiper-slide{padding: 0;}
    .main_cont75 .img_wrap{border-radius: 0px;;}
    .main_cont75 .img_wrap::after{left: 0; width: 100%; border-radius: 7px;}
    .main_cont75 .swiper-slide .img_wrap:hover .hover_area {opacity: 0;}
    .main_cont75 .swiper-button{display: none !important;}
    .main_cont75 .img_wrap .text_area .b_title {font-size: 20px; margin-top: 0;}
    .main_cont75 .img_wrap .text_area .sub_des {font-size: 13.5px;}

    .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;}
}