@charset "utf-8";





/* 210217 */

.basic-notice-slider3 .item .item-list {
    background:#fff; border-radius: 30px; overflow: hidden;
    --font-size-pc: 10;
    --font-size-mob: 10;
    font-size: min(calc(var(--font-size-mob) / 500 * 100vw), calc(var(--font-size-pc) * 1px));
	border: 1px solid #7d7d7d;
}
.basic-notice-slider3 .img-wrap .img-item {padding: 3em 3.6em 4em;}
.basic-notice-slider3 .img-wrap .img-item > .box_frame {
    position: relative; height: 100%;
}
.basic-notice-slider3 .img-wrap .img-item > .box_frame > .box_title {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2em; }
.basic-notice-slider3 .img-wrap .img-item > .box_frame > .box_title .box_name {width: 8rem; height: 3.8rem; background: var(--main-color); 
text-align: center; line-height: 3.8rem; color: #fff; font-size: max(16px, 2rem); }
.basic-notice-slider3 .img-wrap .img-item > .box_frame > .box_title > i {
    color: #000; font-size: max(18px, 2.6rem); 
    margin-right: 0; transition: transform 0.3s; transform: rotate(0deg);
}


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

}
.basic-notice-slider3 .box_con { 
	font-size: 1.6em; font-weight:400; color:#434343; height: 4.7em;
	/* 한 줄 자르기 */ 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: 3; -webkit-box-orient: vertical;
}
.basic-notice-slider3 .box_con p,
.basic-notice-slider3 .box_con p span{
	font-size:max(14px, 1.6rem) !important; line-height: 1.5 !important;
}

.basic-notice-slider3 .box_date { font-size:max(13px, 1.5rem); font-weight:400; color:#000;}



/* hover */
.basic-notice-slider3 .post-image a:hover .box_title > i {transform: rotate(-360deg);}
/*.basic-notice-slider3 .post-image a:hover*/

@media (max-width: 991px) { 
	.basic-notice-slider3 .box_subject {height: fit-content;}
	.basic-notice-slider3 .box_con {font-size:max(16px, 2rem); }
	.basic-notice-slider3 .box_con p,
	.basic-notice-slider3 .box_con p span{font-size:max(16px, 2rem);}
}


/* box크기조절 */
.basic-notice-slider3 .img-wrap {padding-bottom: 66.5%}

@media (max-width:1360px) { 
.basic-notice-slider3 .img-wrap {padding-bottom: 95%;}
}

@media (max-width:1199px) { 
    .basic-notice-slider3 .img-wrap {padding-bottom: 110%;}
}

@media (max-width:1008px) { 
    .basic-notice-slider3 .img-wrap {padding-bottom: 66%;}
}

@media (max-width:991px) { 
    .basic-notice-slider3 .item .item-list {font-size: min(calc(var(--font-size-mob) / 991 * 100vw), calc(var(--font-size-pc) * 1px));}
}

@media (max-width:768px) { 
    .basic-notice-slider3 .item .item-list {font-size: min(calc(var(--font-size-mob) / 800 * 100vw), calc(var(--font-size-pc) * 1px));}
    .basic-notice-slider3 .img-wrap {padding-bottom: 80%;}
}

@media (max-width:680px) { 
    .basic-notice-slider3 .item .item-list {font-size: min(calc(var(--font-size-mob) / 700 * 100vw), calc(var(--font-size-pc) * 1px));}
    .basic-notice-slider3 .img-wrap {padding-bottom: 100%;}
}

@media (max-width:550px) { 
    .basic-notice-slider3 .item .item-list {font-size: min(calc(var(--font-size-mob) / 600 * 100vw), calc(var(--font-size-pc) * 1px));}
    .basic-notice-slider3 .img-wrap {padding-bottom: 120%;}
}

@media (max-width:500px) {
    .basic-notice-slider3 .item .item-list {font-size: min(calc(var(--font-size-mob) / 450 * 100vw), calc(var(--font-size-pc) * 1px));}
    .basic-notice-slider3 .img-wrap {padding-bottom: 80%;}
}