@charset "utf-8";

/* 새글 스킨 (latest) */
.notice {position:relative;}
.notice h2 {margin-bottom:20px}
.notice h2 a {font-size:1.2em;color:#fff}
.notice li {float:left; width:48%; margin-right:4%; position:relative;}
.notice li:last-child {margin-right:0%;}
.notice li .tit {font-size:22px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li .text {border-bottom:1px solid #DBDBDB; font-size:16px; padding:30px 0 60px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice li .date {font-size:14px; padding-top:20px; color:#999; padding-right: 15px; position:relative;}
/*.notice li .date span {float:right;}*/

.notice li .date .arrow_wr {position:absolute; left:75%;}
.notice li .date arrow {width:41px; transition:all .2s;  }

.notice a .arrow_wr {top:initial; bottom:12px; left:80%; transform:none;}



.notice li a, .notice li.empty_li {color:#191919;padding:11px 0;display: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}
.notice .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}
.notice li.empty_li {border-bottom:0;line-height:120px}


@media screen and (max-width:1024px){
	.notice a .arrow_wr {left:70%;}
} /* 1024 */


@media screen and (max-width:900px){
	.notice a .arrow_wr {left:65%;}
} /* 900 */

@media screen and (max-width:768px){
	.notice li .tit {font-size:18px;}
	.notice li .text {font-size:14px; padding:20px 0 40px;}
	.notice li .date {font-size: 12px; padding-top: 15px;}

	.notice a .arrow_wr {left:75%;}


}
@media screen and (max-width:570px){
	.notice a .arrow_wr {left:70%;}
}

@media screen and (max-width:480px){
	.notice li {width:100%;border-bottom: 1px solid #dbdbdb; position:relative; padding:10px 0;}
	.notice li .text {display:none;}
	.notice a .arrow_wr {display:none;}

	.notice li .tit {font-size:3.4vw; float:left; width:79%;}
	.notice li .date {font-size:2.8vw;position:absolute; right:0; top:50%; transform:translateY(-50%); padding: 5px 5px 0;}
	.notice li a, .notice li.empty_li {padding:0;}
}