@charset "utf-8";
/* 새글 스킨 (latest) */
.case_lt{position:relative; width: 1200px; max-width: 1200px; margin: 0 auto; padding: 5%; background-color: #f5f5f5;}
.case_lt .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.case_lt .lt_more:hover{color:#777}
.case_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.case_lt li{float:left;width:25%;}
.case_lt li .lt_img{margin:5px 0;display:block}
.case_lt li .lt_img img{width:100%;height:auto}
.case_lt li .fa-heart{color:#ff0000;}
.case_lt 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}
.case_lt li .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.case_lt 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;}
.case_lt li .fa-caret-right{color:#bbb}
.case_lt .lt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;
-webkit-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px  rgba(255,255,255,0.4);}
.case_lt .lt_date{display:block;margin-top:5px;color: #888;}


#case_slide li {position: relative; min-height: 260px; border: 1px solid #d6d6d6; background-color: #fafafa; box-shadow: rgba(0, 0, 0, 0.12) 1px 1px 2px; }

#case_slide .case_slide_top{ display: block; padding: 35px 20px 10px; width: 100%; height: auto; border-bottom: 1px solid #ededed; background-color: #fff;}
#case_slide .case_slide_bot{ display: block; padding: 22px 15px 0;}

#case_slide .case-s-tit{display: block; font-size: 18px; letter-spacing: -1px; overflow: hidden; padding-top: 1px; color: #074a8f; }
#case_slide .case-s-tit2{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.6em; font-size: 14px;}
#case_slide .case-s-con{display: block; color: #808080; line-height: 1.6em; font-size: 15px;}
#case_slide .case_arrow_r{ display: block; width: 30px; position: absolute; bottom: 0; right: 0;}

.case_lt .ico{display: block; position: absolute; top: -6px; right: 0; width: 48px; height: 33px; background: url(/theme/mate/img/inc/ico_best.png) 0 0 no-repeat; font-size: 0; line-height: 0;}
.case_lt .lat_title{display: block; height: 38px; color: #333333; font-size: 24px; margin-bottom: 2%;}
.case_lt .bx-wrapper{ min-width: 1080px; border: 0px ; background: none ; box-shadow: none; margin:0;}
.case_lt .bx-wrapper .bx-viewport{background: none;padding: 8px 0; box-sizing: content-box;}
.case_lt .bx-wrapper .bx-controls-direction a{ display: block; width: 29px; height: 53px; top: 50%; margin-top:-36px; background-position: top center;}
.case_lt .bx-wrapper .bx-prev:hover, .case_lt .bx-wrapper .bx-prev:focus{background-position: top center;}
.case_lt .bx-wrapper .bx-controls-direction a.disabled{display: block;}
.case_lt .bx-wrapper .bx-prev{ background-image: url('/theme/mate/img/inc/case_btn_prev.png'); left: -45px;}
.case_lt .bx-wrapper .bx-next{ background-image: url('/theme/mate/img/inc/case_btn_next.png'); right: -45px;}