@CHARSET "UTF-8";

/*******공지사항(취업현황도 같아 함께 사용)********/
.title-ptBlue{display:block;}
/*취업현황만 해당(배너)*/
.list-container .mainView{width:100%; border-radius:28px; overflow:hidden;}
.list-container .mainView img{width:100%; height:auto;}

.notice-list table{width:100%; text-align:center; border-collapse:collapse; margin:40px 0;}
.notice-list table tr{height:64px;}
.notice-list table thead tr{background:#E8EBF0; font-size:17px;}
.notice-list table td:first-child, .notice-list table th:first-child{border-top-left-radius:14px; border-bottom-left-radius:14px;}
.notice-list table td:last-child, .notice-list table th:last-child{border-top-right-radius:14px; border-bottom-right-radius:14px;}
.notice-list table tbody tr td{font-size:16px;}
.notice-list table tbody tr td:nth-child(2){font-size:17px; font-family:"PretendardM";}
.notice-list table tbody tr .new{display:inline-block; background:#FF3042; color:#fff; font-size:13px; margin-left:6px; padding:2px 5px; border-radius:6px; vertical-align:middle; margin-bottom:3px;}
.notice-list table tr td .procedure{line-height:1.5 !important;}

@media screen and (max-width: 1024px){

.notice-list table{margin:28px 0 40px; letter-spacing:-0.07em;}
.notice-list table tbody tr  .new{font-size:12px; font-family:var(--main-font-family);}

}


@media screen and (max-width: 767px){

/*취업현황만 해당(배너)*/
.list-container .mainView{height:280px; border-radius:32px;}
.list-container .mainView img{height:100%; object-fit:cover;}
	
.notice-list table{margin:20px 0 32px;}
.notice-list table tr{border-top:1px solid #E8EBF0; height:88px;}	
.notice-list table tr:last-child{border-bottom:1px solid #E8EBF0;}	
.notice-list table tr td:nth-child(2){text-align:left; width:240px; padding: 20px 0 20px 3px; position:relative;}
.notice-list table tr td:last-child{text-align:right; font-size:14px; padding-right:3px; display:block; height:100%; padding-top:20px;}
.notice-list table tr td span:not(.new){font-size:14px; color:#4D5762; margin-top:6px;}
.notice-list table tbody tr .new{font-size:11px;}

.notice-list table tr td .name{margin-top:0 !important; display:inline-block !important; margin-left:17px; color:#222 !important; position:absolute; top:21px;}
.notice-list table tr td .name:before{display:inline-block; content:''; width:1px; height:12px; background:#4D5762; position:absolute; top:2px; left:-9px;}
	




}