@charset "utf-8";
/* 새글 스킨 (latest) */
.news_lt{position:relative;overflow:hidden; max-width:1600px; margin:0 auto;}
.news_lt h2 {text-align:center;font-size:28px; margin:0 0 10px 0;font-weight:normal; background:url('/img/tit_line.jpg') repeat-x 50%; letter-spacing:-1px;}
.news_lt h2 span {background:#fff; padding:0 20px;}

.news_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.news_lt ul{display:flex; justify-content: flex-start; padding: 0 10px; margin:0 auto; height:auto;width: 1600px}
.news_lt li{width:33.333%;height:360px; margin-top:10px; background: #fff; text-align:left; color:#000; font-size:20px; line-height:24px; font-weight:400; padding:60px;  border:1px solid #ebebeb !important; white-space: inherit !important; display: flex; flex-direction: column; box-sizing:border-box; border:5px solid #fff; margin-right:25px; word-break: keep-all; justify-content: space-between;}
.news_lt li:hover {border: 1px solid #7c0a0c !important; box-sizing:border-box; transition:0.3s ease;} 
.news_lt li:last-child {margin-right:0}
.news_lt li .lt_img{margin:5px 0;display:none;border:1px solid #ddd;width: 100%;height: 260px;	margin: 0;	padding: 0;	background: #fff;	overflow: hidden;}

.news_lt li .lt_img img{width:100%;height:260px !important;	-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.news_lt li .lt_img:hover img {	-webkit-transform: scale(1.1);	transform: scale(1.1);
}
.news_lt li a {font-size:20px; line-height:26px; font-weight:bold; color:#000;}
.news_lt li a:hover{/*color:#1f91cf; transition:0.3s ease;*/}
.news_lt li .fa-heart{color:#ff0000;}
.news_lt li .fa-lock{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}
.news_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.news_lt li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.news_lt li .fa-caret-right{color:#bbb}
.news_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.news_lt .lt_date{display:block; margin: 20px 0; width:80%;}

.news_lt .lt_date a {color: #818181; font-size:15px; line-height:30px; font-weight:400;}
.news_lt .lt_date2 a {color: #818181; font-size:15px; line-height:30px; font-weight:400;}

.news_lt .cate {font-size:17px; color:#106ba5; font-weight:500; margin-bottom:15px;border:1px solid #000; padding:3px 0;border-radius: 30px; text-align: center; width: 100px;display: block}
.cate.notice {color:#7c0a0c;border-color: #7c0a0c}
.cate.recruite {color:#080863;border-color: #080863}

.news_lt .more_btn {display:block; width:200px; height:40px; margin:4% auto 0; background:#999; color:#fff; font-size:15px; font-weight:300; text-align:center; line-height:40px; transition:all 0.5s; }
.news_lt .more_btn:hover {background:#1961b6; }


@media (max-width: 1419px){
    .news_lt ul{max-width: 1200px}
    .news_lt li{}
 }

@media (max-width: 1248px){
    .news_lt ul{max-width: 960px}
    .news_lt li{padding:30px;}
 }
 
@media (max-width: 969px){
    .news_lt{width: 100%;}
    .news_lt ul{width: 100%}
    .news_lt li{width:  50%!important;height: auto;}
    .news_lt li:nth-child(2) {margin-right:0 ;}
    .news_lt li:last-child{display: none;margin-right: 0}
    .news_lt li a {font-size:18px; }
    .news_lt .lt_date a {font-size:15px; }
    .news_lt .lt_date2 a {font-size:15px; }
    .news_lt .cate{margin-bottom: 10px;}
 }

@media (max-width:599px){
    .news_lt li {padding: 20px 15px;}
    .news_lt li a {font-size:17px; }
    .news_lt .lt_date{margin: 10px 0; width: 90%;}
    .news_lt .lt_date a {font-size:15px; }
    .news_lt .lt_date2 a {font-size:15px; }
    .news_lt .cate{margin-bottom: 10px;font-size: 15px}
 }

@media (max-width:499px){
    .news_lt ul{display:flex; flex-direction: column;}
    .news_lt ul li{width:100% !important}
 }