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

.lat {position:relative;margin-bottom:0px; overflow:hidden;}
.lat .lat_title {display:none;padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#333;  }
.lat .lat_title a{color:#333;display:inline-block;position:relative; font-size:1.313em}
.lat .lat_title a:after{position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#333;content:''}

.lat .lat_cate{float:left; font-size: 18px; color:#555; line-height:28px; margin-right: 5px;} 
.lat ul{padding-top:10px}
.lat li {position:relative;padding:20px 0px 16px; height: 62px; font-size:1.188em; line-height:2.1; border-bottom:1px solid #ddd}
/*.lat li:before{position: absolute;top: 31px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;}*/
.lat li a {font-size: clamp(18px, 2.2vw, 20px); color:#555; text-align:left; line-height:1.6; float:left}
.lat li a:hover{color:#ff7d30;}
.lat li p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:left; padding-left:10px; font-size:16px; color:#555;}
.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: 15px;line-height:15px; font-size:10px; vertical-align:top; margin:7px 0 0 7px; color:#fff;background:#ff7d30;text-align:center;border-radius: 30px;}
.lat li .more_icon{position:absolute; top:50%; right:20px; margin-top:-18px; color:#ddd; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition:all 0.3s ease-out;}

.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{position:absolute;top:25px;left:0;color:#888; font-size:14px}
.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:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.lat .lt_cmt .cnt_cmt { font-size:12px}
.lat .cnt_cmt { font-size:12px}
.lat .notice_more {width: 100%; padding:10px; float:left; font-size: 16px; color:#888; margin-top:15px; line-height:25px;color:#aaa; text-align:center; background:#e9e9e9;}
.lat .notice_more:hover{color:#191919;}


.lat .lt_date h3{color:#069deb; line-height:1em; font-weight:600; text-align:center; font-size:35px; padding-bottom:5px}
.lat .lt_date p{color:#737373;line-height:1.5em;font-size:1.0em;overflow: inherit}



@media screen and (max-width: 1280px) {	
}
@media screen and (max-width: 1024px) {	
	.news_visual_wrap .right{width:47%;}
	.news_visual_wrap .right .lat .lat_cate{font-size:16px;}
	.news_visual_wrap .right .lat li{padding:12px 0px 8px; height:50px;}
	
	.news_visual_wrap .right .latest_tab ul li{width:30%;}
}

@media screen and (max-width: 960px){
	.news_visual_wrap .right{width:100%;}
	.news_visual_wrap .right{padding:20px 20px 0;}
	.news_visual_wrap .right .latest_tab ul li{width:22%;}
	.news_visual_wrap .right .latest_tab ul li a{font-size:20px; height:48px; line-height:48px;}
	.news_visual_wrap .right .lat li{padding:20px 5px 16px;}
	.news_visual_wrap .right .lat .notice_more{font-size:20px;}
	
}


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

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


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

.news_visual_wrap .right .latest_tab ul li a{font-size:16px; height:36px; line-height:36px;}	
	
.news_visual_wrap .right .lat ul { padding:0}
.news_visual_wrap .right .lat li{padding:18px 5px 14px; height:52px;}		
.news_visual_wrap .right .lat .notice_more{font-size:16px;}
	
	
}

/* iPhone 14 Pro */
@media screen and (max-width: 430px){
	.news_visual_wrap .right{padding:10px 10px 0;}
	.news_visual_wrap .right .lat li{padding:14px 5px 7px; height:42px;}
	.news_visual_wrap .right .lat li a{font-size:15px;}
	.news_visual_wrap .right .latest_tab ul li { width:30%; border:1px solid #ddd; border-radius:30px;}
	.news_visual_wrap .right .latest_tab ul li a{font-size:15px; height:36px; line-height: 36px;}
		
}

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

/* Galaxy Fold */
@media screen and (max-width: 280px) {
	
	.news_visual_wrap .right .latest_tab ul li{width:36%;}
	.news_visual_wrap .right{padding:10px 10px 0;}
	.news_visual_wrap .right .latest_tab ul li a{font-size:14px; height:28px; line-height:28px;}
	.news_visual_wrap .right .lat li{padding:12px 5px 4px; height: 38px;}
	.news_visual_wrap .right .lat li a{font-size:14px; letter-spacing:-1px; margin-left:4px;}
	.news_visual_wrap .right .lat .notice_more{font-size:14px; padding:4px;}
}