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

/* 타이틀 */
.BF3_1 .main_cont_title {margin-bottom: 78px;}
.BF3_1 .main_cont_title h2 {font-size: 72px;font-weight: bold;color: #0c0c0c; line-height: 1.306;}

/* 카드 */
.BF3_1 .main_cont_card {display: flex; gap: 20px;}
.BF3_1 .main_cont_card .card {position: relative; width: calc((100% - 20px * 2) / 3); text-align: center; }
.BF3_1 .main_cont_card .card .icon_box {position: relative; border-radius: 20px; overflow: hidden; transition: all 400ms; top: 0;}
.BF3_1 .main_cont_card .card .icon_box img {display: block; width: 100%;}
.BF3_1 .main_cont_card .card .text_box {margin-top: 25px; visibility: visible; opacity: 1; transition: all 400ms;}
.BF3_1 .main_cont_card .card .text_box h2 {font-size: 28px; font-weight: bold; color: #0c0c0c; transition: all 400ms;}
.BF3_1 .main_cont_card .card .text_box h2 br {display:none;}
.BF3_1 .main_cont_card .card .icon_box .hover_text_box {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; background-color: rgba(0, 0, 0, 0.5);height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center; visibility: hidden; opacity: 0; transition: all 400ms;}
.BF3_1 .main_cont_card .card .icon_box .hover_text_box h2 {font-size: 38px; font-weight: bold; color: #fff; word-break: keep-all; text-wrap: balance; max-width: 350px;}
.BF3_1 .main_cont_card .card .icon_box .hover_text_box .desc {font-size: 18px; line-height: 28px; font-weight: 500; color: #fff; margin-top: 20px; word-break:keep-all; padding:0 60px;}

/* HOVER */
.widget-wrap.on .main_cont_card .card:hover {top: 0;}
.BF3_1 .main_cont_card .card:hover .icon_box {box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.08); top: -38px;}
.BF3_1 .main_cont_card .card:hover .text_box {visibility: hidden; opacity: 0; margin-top: 0px;}
.BF3_1 .main_cont_card .card:hover .hover_text_box {visibility: visible; opacity: 1;}

/* 위젯 */
.widget-wrap.on.hover .BF3_1 .main_cont_card .card .hover_text_box {visibility: visible; opacity: 1;}
.widget-wrap.on.hover .BF3_1 .main_cont_card .card .text_box {margin-top: 30px; visibility: visible; opacity: 1; transition: all 400ms;}

/* 반응형 */
@media (max-width: 991px) {
	/* 타이틀 */
	.BF3_1 .main_cont_title {margin-bottom: 36px;}
	.BF3_1 .main_cont_title h2 {font-size: 31.5px; line-height: 1.259; text-align:center;}

	/* 카드 */
	.BF3_1 .main_cont_card {gap: 32px; flex-direction: column;}
	.BF3_1 .main_cont_card .card {width: 100%;}
	.BF3_1 .main_cont_card .card .icon_box {border-radius: 11.5px;}
	.BF3_1 .main_cont_card .card .text_box {margin-top: 18px; text-align: left;}
	.BF3_1 .main_cont_card .card .text_box h2 {font-size: 20px;}
	.BF3_1 .main_cont_card .card .text_box .desc {font-size: 15px; line-height: 23px; font-weight: 500; margin-top: 15px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.BF3_1 .main_cont_card .card .icon_box img {aspect-ratio:385 / 250; object-fit:cover;}

	/* HOVER */
	.BF3_1 .main_cont_card .card:hover .icon_box {top: 0;}
	.BF3_1 .main_cont_card .card:hover .text_box {visibility: visible; opacity: 1; margin-top: 18px;}
	.BF3_1 .main_cont_card .card:hover .hover_text_box {visibility: hidden; opacity: 0;}
}