@charset "utf-8";
/* 새글 스킨 (latest) */

.lat {width: 100%;height: 100%;position: relative;background: #fff;}
.lat:after{content:'';display:block;clear:both;}
.lat .lat_title {display: table;padding: 0 80px;line-height: 45px;font-size: 1.083em;color: #253dbe;width:450px;max-width:100%;background: url(/images/main/bg_news_title.jpg);height: 100%;position:absolute;left:0;top:0;}
.lat .lat_title a{color:#fff;display: table-cell;position: relative;vertical-align: middle;font-size: 45px;font-weight: 500;letter-spacing: -1.5pt;}
.lat .lat_title a .eng{color: #c3d9fc;font-weight: 500;font-size: 23px;display: block;letter-spacing: 6pt;margin-top: 10px;padding-left: 5px;margin-bottom: 45px;}

.lat .slider_bx{width: 100%;padding-left:450px;height: 100%;}
.lat .slick-list{height: 100%;}
.lat .slick-track{height: 100%;}

.lat ul{width:100%;height:100%;}
.lat ul:after{content:'';display:block;clear:Both;}
.lat li {position:relative;line-height:18px;height:100%;}
.lat li a{background:#fff;display: table;padding: 0 40px;height:100%;}
.lat li a>.content_wrap{display: table-cell!important; vertical-align: middle;}
.lat li a:hover{background:#f5f5f5;color:#000;}
.lat li a:hover .lt_cont{color:#000}
.lat li a:hover .lt_subject{text-decoration:underline;color:#000;}
.lat li .fa-heart{color:#ff0000;}
.lat 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}
.lat 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;}
.lat 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;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{color: #215ebd;display: block;font-size: 26px;font-weight: bold;margin:45px 0 25px;}
.lat .lt_subject{font-size: 24px;color: #444;display: block;line-height: 33px;font-weight: 500; word-break: keep-all;}
.lat .lt_cont{font-size: 16px;color: #828282;display: block;line-height: 25px;word-break: keep-all;margin-top: 18px;}
.lat .btn_more{color: #215ebd;font-size: 15px;font-weight: bold;text-transform: uppercase;margin-top: 45px;display: block;}
.lat .btn_more img{vertical-align: top;display: inline-block;padding-left: 10px;}

.lat  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat  .empty_li:before{background:none;padding:0}

.lat .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-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);}
.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#777}


.lat .slick-slide img{max-width:100%;height: auto;}
.lat .slick-arrow{border:0;position: absolute!important;top:60%!important;width: 44px;height: 44px;text-indent:-999999px;}
.lat .slick-prev{left: -368px!important;background: url(/images/main/nav_left.png)!Important;}
.lat .slick-next{left: -315px!important;background: url(/images/main/nav_right.png)!Important;}



/*@media(max-width:1640px){
	.lat li a{display:block;}
	.lat li a>.content_wrap{display:block;padding-top:24%;}
	.lat .lt_subject{font-size:21px;line-height:28px;}
}*/
@media(max-width:1440px){
	.lat .lat_title{width:350px;padding: 0 55px;}
	.lat .lat_title a{font-size:35px;}
	.lat .lat_title a .eng{margin-top: 0;font-size:18px;}

	.lat .slider_bx{padding-left:350px;}
	.lat li a {padding:0 20px;}
	.lat .lt_subject {font-size: 20px;line-height:26px;}
	.lat .lt_cont {line-height:22px;font-size: 14px;}
	.lat .btn_more{font-size:13px;margin-top: 20px;}
	.lat .slick-prev{left: -292px!important;}
	.lat .slick-next{left: -242px!important;}
	.lat .lt_date{font-size: 20px;margin: 30px 0 15px;}
}
@media(max-width:840px){
	.lat .lat_title {width: 250px;padding: 0 15px;line-height: 40px;}
	.lat .lat_title a{font-size:30px;}
	.lat .lat_title a .eng{font-size:14px;}
	
	.lat .slider_bx{padding-left:250px;}
	.lat .slick-prev {left: -237px!important;}
	.lat .slick-next {left: -188px!important;}
}
@media(max-width:740px){
	.lat .lat_title{width: 100%;height:auto;display: block;background-size: cover;position: absolute;text-align: center;top: 0;left: 0; z-index: 3;}
	.lat .lat_title a {font-size: 28px;display: block;padding: 10px 0;}
	.lat .lat_title a .eng{display:none;}
	.lat .slider_bx { padding-left: 0;}
	.lat li a>.content_wrap{padding-top:10%;}
	
	.lat .lt_date {font-size: 14px;margin: 10px 0;}
	.lat .lt_subject {font-size: 15px;line-height: 20px;}
	.lat .lt_cont {height: 53px;line-height: 18px;font-size: 12px;margin-top: 6px;overflow: hidden;}
	.lat .btn_more {font-size: 12px;margin-top: 10px;}
	
	.lat .slick-arrow {z-index: 4;top:17px!important;width: 25px;height: 25px;}
	.lat .slick-prev{left:10px!important;background: url(/images/main/nav_left.png);background-size: cover!important;}
	.lat .slick-next{left:auto!important;right: 10px;background: url(/images/main/nav_right.png);background-size: cover!important;}

}

@media(min-width:640px){
			
	.lat .lat_title a{opacity:0; transform:translate(30px, 0px); transition:all 1.2s ease;}
	/* 타이틀 모션 */
	.active .lat .lat_title a{opacity:1!important; transform:translate(0px, 0px)!important; transition-delay:0.3s!important; transition:all 1.3s ease-in-out!important;}

}

@media(max-width:480px){
	.lat .btn_more img {vertical-align: text-top;height: 6px;}
}
@media(max-width:380px){
	.lat .btn_more img {vertical-align: text-top;height: 6px;}
	.lat .lt_img img{max-width:200px;}
}