@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 새글 스킨 (latest) */

.qnaLat {position:relative; margin-bottom:20px; overflow:hidden; text-align:left; padding:20px; }
.qnaLat .qnaLatTit {display:block; }
.qnaLat .qnaLatTit a{color:#333; display:block; text-indent:-99999999px; position:relative; margin:0 auto 10px; padding:0; font-size:20px; text-align:left; height:60px; }
.qnaLat .qnaLatTit a u{display:block; width:50px; height:1px; background:#ddd; position:absolute; left:0; bottom:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
div:hover.qnaLat .qnaLatTit a u{width:100%; }

.qnaLat ul{padding:0px; margin:0; text-align:left; list-style:none; min-height:204px;}
.qnaLat li {list-style:none; margin:0px; padding:0px; border-bottom:1px dotted #ddd; }
.qnaLat li a {display:block; font-size:13px; color:#666; height:40px; line-height:40px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:50px; }
.qnaLat li a:hover{color:#000; background:#f6f6f6; }

.qnaLat li a span{font-size:11px; }
.qnaLat li .fa-heart{color:#ff0000; }
.qnaLat li .fa-lock{display: inline-block; font-size:11px; line-height: 14px; width: 16px; color: #999; background: #efefef; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #ddd}
.qnaLat li .new_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px; color:#fff; background:#ff6600; text-align:center; border-radius: 50%; }
.qnaLat li .hot_icon{display:inline-block; font-size:11px; width: 16px; line-height:16px ; color:#fff; background:#e52955; text-align:center; border-radius: 50%; }
.qnaLat li .fa-caret-right{color:#bbb}
.qnaLat .lt_date{position:absolute; top:50%; right:5px; color:#999; height:20px; line-height:20px; margin-top:-10px; font-size:10px; font-family:verdana; }

.qnaLat  .empty_li{line-height:204px; min-height:204px; color:#999; text-align:center; padding:0; }
.qnaLat  .empty_li:before{background:none; padding:0}
.qnaLat .lt_cmt{display:inline-block; background:#333; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; }

.qnaLat .lt_more {position:absolute; left:20px; right:20px; top:40px; height:30px; line-height:30px; background:none !important; color:#333; font-size:20px; font-weight:bold; display:block; padding:0px;  text-align:left; overflow:hidden;}
.qnaLat .lt_more:hover{color:#000; }
.qnaLat .lt_more > i{display:block; padding-left:10px; font-size:20px; float:right; color:#999; height:30px; line-height:30px;}
.qnaLat .lt_more:hover > i{color:#000;}

.qnaIco{display:inline-block; font-size:11px; margin-right:5px; border-radius:3px; background:#999; width:70px; height:20px; line-height:20px; color:#fff; text-align:center; }
.qnaIco1{background:#990000}
.qnaIco2{background:#999999}
.qnaIco3{background:#cccccc}
.qnaIco i{display:inline-block !important; }

@media all and (max-width:650px)
{
	.qnaLat ul{min-height:auto;}
	.qnaLat {padding:5px; }
	.qnaLat .qnaLatTit a{padding:15px; font-size:16px; height:45px; }
	.qnaLat .qnaLatTit a u{width:100%;}
	.qnaLat li a {font-size:12px; }
	.qnaLat .lt_more{left:5px; top:5px; right:5px; font-size:16px;}

}