@charset "utf-8";

/* 새글 스킨 (latest) */
.latest-job{position:relative;}
.latest-job h2 {display:none;}
.latest-job ul{margin-top:40px;}
.latest-job ul li{position:relative; display:flex; align-items: flex-start; gap:20px; margin-bottom:20px;}
.latest-job ul li:last-child{margin:0;}
.latest-job ul li .statues{position:relative; width:70px; height:16px; font-size:15px; font-weight:400; color:#e70012; line-height:1em; word-break:keep-all; text-align:center; transition:all 0.3s ease; cursor:default;}
.latest-job ul li .statues:before{content:''; position:absolute; top:1px; left:0; width:1px; height:15px; background:#e70012;}
.latest-job ul li .statues:after{content:''; position:absolute; top:1px; right:0; width:1px; height:15px; background:#e70012;}
.latest-job ul li .statues.type02{color:#777;}
.latest-job ul li .statues.type02:before,
.latest-job ul li .statues.type02:after{background:#777;}
.latest-job ul li > a{width:calc(100% - 90px);}
.latest-job ul li > a > h4{display:block; font-size:19px; font-weight:300; color:#333; line-height:1em; word-break:keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:all 0.3s ease;}
.latest-job ul li > a > span{display:inline-block; margin-top:8px; font-size:16px; font-weight:300; color:#999; line-height:1em; word-break:keep-all; transition:all 0.3s ease;}
.latest-job ul li > a:hover > h4{color:#333; font-weight:500;}
.latest-job ul li > a:hover > span{color:#e70012;}
.latest-job ul li:hover .statues{background:#e70012; color:#fff;}
.latest-job ul li:hover .statues.type02{background:#777; color:#fff;}

.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #343434}
.notice li a, .notice li.empty_li {color:#e3e3e3;padding:11px 0;display:inline-block}
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
.latest-job .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
.latest-job li.empty_li {border-bottom:0;line-height:120px}


@media only screen and (max-width:650px) {
	.latest-job ul{margin-top:25px;}
	.latest-job ul li{margin-bottom:15px;}
	.latest-job ul li > a > h4{font-size:17px;}
	.latest-job ul li > a > span{font-size:15px;}
}
@media only screen and (max-width:540px) {
	.latest-job ul{margin-top:20px;}
	.latest-job ul li{margin-bottom:10px; gap:10px;}
	.latest-job ul li > a{width:calc(100% - 64px);}
	.latest-job ul li > a > h4{font-size:16px;}
	.latest-job ul li > a > span{margin-top:5px; font-size:14px;}
	.latest-job ul li .statues{font-size:14px; width:54px;}
	.latest-job ul li .statues:after{height:12px;}
	.latest-job ul li .statues:before{height:12px;}
}