@charset "utf-8";

/* ****************************************************************************************** *
 * GNUWIZ / wizwic 
 * latest basic style.css custom 
 * ****************************************************************************************** */

/* 새글 스킨 (latest) basic */
.lat_basic{position:relative; height:100%; padding:10px 20px 20px; border:1px solid #dde0e3; overflow:hidden;background:#fff}
.lat_basic .lat_title{line-height:45px; border-bottom:2px solid #eef1f5; font-size:18px;color:#253dbe}
.lat_basic .lat_title a{display:inline-block; position:relative; color:#646873;}

.lat_basic ul{padding:0; padding-top:10px;}
.lat_basic li {position:relative; margin-bottom:0; padding:8px 0;}
.lat_basic li:after{content:""; display:block; clear:both;}
.lat_basic li > div{float:left;}
.lat_basic li a {display:block; position:relative; padding-left:10px; line-height:1; color:#646873; font-size:15px; font-weight:400; white-space:nowrap; 
	text-overflow:ellipsis; overflow:hidden;}
.lat_basic li a:before{content:""; position:absolute; top:8px; left:0; width:4px; height:4px; background:#acafb9; border-radius:50%;}
.lat_basic li a:hover {color:#3e4046}

.lat_basic .lt_more{position:absolute; top:20px; right:20px; width:24px; height:24px; line-height:24px; color:#646873; background:#f7f7f7; 
	border-radius:0; text-align:center;	-webkit-transition:all .3s; transiton:all .3s;}
.lat_basic .lt_title{width:calc(100% - 60px);}
.lat_basic .lt_info{width:60px; padding:0; text-align:right;}
.lat_basic .lt_info .lt_nick{display:none;}

/* 아이콘 공통*/
.lat_basic .lt_title a > span{padding-left:4px; color:#acafb9; font-size:13px;}
.lat_basic .lt_title a > span.icon_box_lock{padding-left:0;}
.lat_basic .lt_title a > span i{text-align:center;}
.lat_basic .lt_cmt{font-weight:600;}




/* ****************************************************************************************** *
 * 980px
 * ****************************************************************************************** */
@media screen and (max-width:980px) {
	
	.lat_basic{margin-bottom:24px; border:0; box-shadow:0 1px 6px 0 rgba(0,0,0,0.1)}

}
/* 980px end */



/* ****************************************************************************************** *
 * 767px
 * ****************************************************************************************** */
@media screen and (max-width:767px) {
	
	.lat_basic li{padding:5px 0;}

}
/* 767px end */



/* ****************************************************************************************** *
 * 480px
 * ****************************************************************************************** */
@media screen and (max-width:480px) {

	.lat_basic {padding:10px 16px 12px;}
	.lat_basic li a{font-size:13px;}	
	.lat_basic .lat_title{line-height:40px; font-size:16px;}
	.lat_basic .lt_more{top:16px;}
	.lat_basic .lt_info{font-size:13px;}
	.lat_basic .lt_title a > span{font-size:12px;}
}
/* 480px end */