@charset "UTF-8";

.wrap-notice-interview{position: relative;}
.wrap-notice-interview .con{position: relative; padding-bottom: 291px;}
.wrap-notice-interview .notice-image{width: 100%; height: 320px; position: absolute;bottom: 0; left: 0;}
.wrap-notice-interview .subject {width: 100%; height: 100%; display: block;}
.wrap-notice-interview .notice-content{position: relative; background-color: #e07900; padding: 14px 20px 25px 20px; max-width: 280px;}
.wrap-notice-interview .notice-content .title{color: white; font-size: 20px; font-family: 'Noto Medium';}
.wrap-notice-interview .notice-content .more{width: 16px; height: 16px; background: url(../images/notice_more.png); position: absolute; text-indent: -9999px; display: block; top: 20px; right: 20px; transition: all .3s;}
.wrap-notice-interview .notice-content .more:hover{transform: rotate(90deg);}
.wrap-notice-interview .notice-content-body p{font-size: 18px; line-height: 26px; color: white; margin-top: 30px;}
.wrap-notice-interview .notice-content-body p span{background: linear-gradient(to right, rgba(255,255,255,0) 50% , #f3be00 50%); background-size: 200%; transition: all .5s;}
.wrap-notice-interview .notice-content-body a:hover p{color: black;}
.wrap-notice-interview .notice-content-body a:hover span{background-position: -100% 0;}
.wrap-notice-interview .notice-content-body span.date{color: rgba(255,255,255,.5); margin-top: 5px; display: inline-block;}

@media all and (max-width: 768px) {
	.wrap-notice-interview{margin-bottom: 20px;}
	.wrap-notice-interview .con{padding-bottom: 0;}
	.wrap-notice-interview .notice-image{height: 250px; position: relative;}
	.wrap-notice-interview .notice-content{max-width: none; margin-top: 0; padding-bottom: 16px;}
	.wrap-notice-interview .notice-content-body p{font-size: 16px; margin-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.wrap-notice-interview .notice-content-body span{margin-top: 0;}
}

/*20230509 백그라운드 이미지 alt 값 대신 css로 처리*/
.text-hidden{position: absolute !important; left: -99999px !important; text-indent: -9999px !important;}