@charset "utf-8";

/* 새글 스킨 (latest) */
.pic_li_lt {position:relative;width:100%;float:left;padding:0 0px;background:#fff; border-top: 1px solid #000; box-sizing: border-box; min-height: 300px;}
.pic_li_lt .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.pic_li_lt .lat_title a {color:#000;display:inline-block;position:relative}
.latest_top_wr .pic_li_lt:nth-child(3n+1) {clear: both!important}


.pic_li_lt ul:after {display:block;visibility:hidden;clear:both;content:""}
.pic_li_lt li {border-bottom:1px solid #e5ecee;box-sizing: border-box;}
.pic_li_lt li .lt_img {display:none}
.pic_li_lt li:first-child .lt_img {display:block;margin:0 0 10px;display:block}
.pic_li_lt li:first-child .lt_img img {width:100%;height:auto}

.pic_li_lt li .fa-heart {color:#ff0000}
.pic_li_lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.733em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.pic_li_lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.733em;color:#35b597;background:#d4f5ed;text-align:center;border-radius:2px;margin-left:8px;font-weight:bold;vertical-align:middle}
.pic_li_lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.733em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-caret-right {color:#bbb}
.pic_li_lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.733em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.pic_li_lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.733em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.pic_li_lt .profile_img img{border-radius:50%}


.pic_li_lt li .pic_li_tit {font-weight:400;font-size:20px;line-height:20px;vertical-align:middle; width: calc(100% - 90px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lt_info .lt_date {color:#888; font-size: 17px; font-weight: 300; width: 90px;}

.pic_li_lt .empty_li {/*line-height:145px;*/color:#666;text-align:center;padding:0}
.pic_li_lt .empty_li:before {background:none;padding:0}

.pic_li_lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
.pic_li_lt .lt_more {position:absolute;top:-50px;right:0px;display:block;width:20px;height: 50px; line-height:50px;font-size: 0; text-align:center}
.pic_li_lt .lt_more::before{content: ""; width: 18px; height: 1px; background: #777; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);transition: .25s;}
.pic_li_lt .lt_more::after{content: ""; width: 1px; height: 18px; background: #777; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .25s;}

.pic_li_lt .lt_more:hover::before,
.pic_li_lt .lt_more:hover::after {background: #000;}



.main_list_tab #board-tabs{text-align: left !important;}
.pic_li_lt li{display: flex; justify-content: space-between; align-items: center; height: 60px; line-height: 60px;}

@media screen and (max-width:1200px) {
.pic_li_lt li .pic_li_tit {font-size:18px;}
.lt_info .lt_date{font-size:15px;}
}

@media screen and (max-width:768px) {
    .pic_li_lt li .pic_li_tit {font-size:16px;line-height:20px;width: calc(100% - 62px);}
    .lt_info .lt_date {font-size: 13px; width: 65px; display:inline-block}

	.pic_li_lt li{height:45px; line-height: 45px;}
}



@media screen and (max-width:450px) {
#wrapper.index .tab_list ul.tab_tit  {display:flex; flex-wrap: wrap;}
#wrapper.index .tab_list ul.tab_tit li {width:33.3%; margin-left:0px; text-align:left}
/* #wrapper.index .tab_list ul.tab_tit li:nth-child(5) {margin-left:0px}*/
}