@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: 14px; } 
.lt_info { top: 23px; } 
.lt_info .lt_date { font-size:12px; } 
 }
@media screen and (max-width:660px ) {a.btn2 span { font-size:13px; } 
 }