@charset "utf-8";

/* 새글 스킨 (latest) */
.lat { background:#fff}

/* .lat ul {padding:10px 0} */
.lat li {position:relative; padding: 27px 0 23px; padding-left: 26px; border-bottom: 1px solid #cbcbcb;}
.lat li.on { border-bottom: 1px solid #ffcb05;}
.lat li a {position:relative; font-weight:400;font-size:18px; vertical-align:middle;color: #666666;}
.lat li a:after{ position:absolute; content:""; display:block; width:2px; height:2px; background:#666666; left:-14px; top:70%; margin-top:-6px;}
.lat li a:hover {color:#ffcb05;}
.lat li a:hover:after { background: #ffcb05;}

.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 #cbe3e8;vertical-align:middle}
.lat li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.lat li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-caret-right {color:#bbb}
.lat li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.lat li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.lt_info { position:absolute; right:0; top:29px; padding:0!important}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#999999;font-size: 15px;font-weight: 500;}

.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}
.lt_more {position:absolute;top:0px;right:0px;display:block;width: 145px;text-align: right;}
.lt_more:hover{color:#777}
a.btn2 {overflow: hidden;display: inline-block;width: 36px;height: 38px;line-height:38px;border: 1px solid #ddd;transition: all .4s;text-align: left;}
a.btn2 span {display: inline-block;display: none; width: 0px;padding-left: 0px;font-size: 15px;transition: all .4s;margin-top: -5px;}
a.btn2 div {display: inline-block;position: relative;width: 14px;height: 14px;margin: -6px 10px 0;}
a.btn2 div:before { display: block; content: "";width: 2px;height: 100%; position: absolute;left: 50%; top: 1px; margin-left: -1px; background: #999;}
a.btn2 div:after {display: block; content: ""; width: 100%; height: 2px;position: absolute; left: 0%;  top: 50%;margin-top: 0px; background: #999;visibility:visible;}
a.btn2:hover{border:1px solid #283b8b;width:145px;transition:all .4s;}
a.btn2:hover span{display:inline-block;width:100px;padding-left:20px;color:#283b8b;transition:all .4s;}
a.btn2:hover div:before{background:#283b8b}
a.btn2:hover div:after{background:#283b8b;}
a.btn2 div{    margin: -6px 10px 0!important;}

@media all and (max-width:1280px) {

}
@media all and (max-width:1150px) {
.small_banner{ height:100%;}	
.small_banner > img{ width:100%; height:100%;}
/* .lat li{ padding-bottom:8px;}  */
a.btn2{ width:30px; height:30px;line-height: 30px;}
a.btn2 div{ width:10px; height:10px}
.lt_info .lt_date{ padding-right:5px;}
a.btn2 div:after{margin-top: -1px; margin-left: -1px;}
a.btn2 div:before{margin-left: -2px;margin-top: -1px;}
}
@media all and (max-width:765px) {
.lat li { padding: 20px 0; padding-left: 16px; }
.lat li a{ font-size:15px;}	
.lt_info { top: 23px; }
.lt_info .lt_date{ font-size:12px;}
}
@media screen and (max-width:660px ){
a.btn2 span{ font-size:13px;}	
}