@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.vertical_ticket {position:relative;width:100%;}
.vertical_ticket .vertical-swiper{height:calc(54px * 5);overflow: hidden;}
.vertical_ticket ul {margin:0;padding:0;list-style:none}
.vertical_ticket ul li.swiper-slide {width:100%;height:54px;line-height: 54px;}
.vertical_ticket .lt_title {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;border-bottom:1px solid #ccc;}
.vertical_ticket .lt_more {position:absolute;top:5px;right:10px}
.vertical_ticket .cnt_cmt {display:inline-block;margin:0 5px 0 3px;}
.vertical_ticket .lt_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
.vertical_ticket .profile_img img{border-radius:50%;vertical-align:top}
.vertical_ticket .lt_tit{display: block;font-size: 1.083em;font-weight: bold;margin: 5px 0;}
.vertical_ticket li .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.vertical_ticket li .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
.vertical_ticket li .fa-heart{color:#ff0000;}
.vertical_ticket li .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
.vertical_ticket .lt_tit .fa-heart{color: #fe4560;}
.vertical_ticket .lt_date{position:absolute;top:10px;right:0;color:#666;font-style:italic}
.vertical_ticket .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
.vertical_ticket .empty_li{text-align:center;padding:40px 0;color:#777}

.bo_list_table{display:flex;flex-flow:row nowrap;align-items:center;text-align:center;border-bottom:1px solid #eee;}
.bo_list_table .bo_list_tb_subject{width:28%;padding:0 4px;}
.bo_list_table > div{width:24%;line-height:50px;}
.bo_list_table > div:last-child{border-right:0;}
.bo_list_table > div strong{font-size:16px;}
.bo_list_table br{display:none;}


.progress{display:inline-block;width:86px;height:28px;line-height:24px;padding:2px 10px;font-size: 0.8rem;text-align: center;color:#fff;border-radius: 35px;}
.progress_wan{color:#f90a20;background:#ffdcdf;}
.progress_chk{color:#00642d;background:#c2f0d6;}
.progress_ask{color:#006990;background:#c6f0ff;}


@media all and (max-width:767px){
.vertical_ticket .vertical-swiper{height:calc(56px * 5);}
  .vertical_ticket ul li.swiper-slide {line-height: 20px;}
  .bo_list_table{height:56px;}
  .bo_list_table .bo_list_tb_subject{width:40%;}
  .bo_list_table > div{width:20%;line-height:20px;font-size:12px;letter-spacing: -0.8px;}
  .bo_list_table > div strong{font-size:13px;}
  .bo_list_table br{display:inline-block;}
}