@charset "utf-8";



.basic-notice-slider3 .item .item-list {
    overflow: hidden; 
    /* font-size: min(calc(10 / 600 * 100vw), 10px); */
	background: rgba(255,255,255,0.9);
}
.basic-notice-slider3 .img-wrap .img-item {
    padding: 4.7em 3em 4.7em 3.4em;
    position: relative; overflow: unset;
}
.basic-notice-slider3 .img-wrap .img-item > .box_frame {
    --box-font-color : #000; position: relative; height: 100%;
}
.basic-notice-slider3 .img-wrap .img-item > .box_frame > .box_title {
    width: fit-content; display: flex; justify-content: center; align-items: center; margin-bottom: 4em;
    border-radius: 4em; padding: 0.8em 2.4em;
}

.basic-notice-slider3 .img-wrap .img-item > .box_frame > .box_title span {
	text-align: center; color: #fff; font-size: max(14px, 1.6em);
}


.basic-notice-slider3 .box_subject { 
/* 한 줄 자르기 */overflow: hidden; height: 1.5em; text-overflow: ellipsis; 
margin:0; font-size: 2.5em; font-weight: bold; color: #313131; margin-bottom: 1em;
/* 여러 줄 자르기 추가 스타일 */ line-height: 1.4;  text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; 

}
.basic-notice-slider3 .box_con {
	font-size: max(12px, 1.6em); font-weight:400; color: #434343; height: 3em;
	/* 한 줄 자르기 */ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	/* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.5;
    text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    margin-bottom: 6.25em;
}
.basic-notice-slider3 .box_con p,
.basic-notice-slider3 .box_con p span{font-size:max(12px, 1.6em) !important; line-height: 1.5 !important;}

.basic-notice-slider3 .box_date {
    font-size: max(11px, 1.6em); color: #535353; position: relative; overflow: hidden;
    height: 2em; display: flex; align-items: center;
}
.basic-notice-slider3 .box_date::before {
    content:''; position: absolute; top: 50%; left: 8em; 
    width: 100%; height: 1px; background: #d5d5d5; z-index: 1;
}
.basic-notice-slider3 .box_date p {position: relative; z-index: 2; display: flex; align-items: center; gap: 0.4em;} 
.basic-notice-slider3 .box_date p i {font-size: 1.3em;}