@charset "utf-8";

/* 새글 스킨 (latest) */
.lat {position:relative;margin-bottom:20px;background:#fff}
.lat .lat_title {display:block;line-height:45px;font-size:1.2em;color:#253dbe}
.lat .lat_title a {position:relative;color:#000;display:inline-block}

.lat ul {padding:10px 0}
.lat li {position:relative;border-bottom:1px solid #e5ecee;margin-bottom:10px}
.lat li a {font-size:1.2em;line-height:20px;vertical-align:middle}
.lat li a:hover {color:#3a8afd}
.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}

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

.lt_info {padding:10px 0}
.lt_info .lt_nick {}
.lt_info .lt_date {color:#888}

.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}
.lat .lt_more {position:absolute;top:11px;right:0;display:block;width:40px;line-height:25px;color:#3a8afd;border-radius:3px;text-align:center}
.lat .lt_more:hover {color:#777}

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.page{font-size:.95em !important;line-height:1em !important; bottom:2rem;}
.page a,.page span{vertical-align: text-bottom;display: inline-block; color: #959595; font-size: 1rem; height: 30px; line-height: 28px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 3px;}
.page a:hover{text-decoration:none}
.page .pre{padding-right:0}
.page .next{padding-left:0}
.page .num,.page .num span{margin-left:0;padding:0}
.page .num span{font-weight:bold}
.page .num em{font-weight:bold;color:#848689}
.page .num .active{ color: #f6a623;}

.page{position: absolute; left: 50%; margin-left: -50%; width: 100%; bottom: 0; text-align: center;}
.page .start,
.page .pre,
.page .next,
.page .end{ background-position: 50% 50%; background-size: contain; background-repeat: no-repeat;}
.page .start{background-image:url('/skin/latest/latest_paging/img/btn_pager_start.png');}
.page .pre{background-image:url('/skin/latest/latest_paging/img/btn_pager_prev.png');}
.page .next{background-image:url('/skin/latest/latest_paging/img/btn_pager_next.png');}
.page .end{background-image:url('/skin/latest/latest_paging/img/btn_pager_end.png');}

.latest_content li{  border-bottom: 1px solid #ccc; padding: 20px 0; position: relative;}
.latest_content li a:after{ content: ''; display: block; clear: both;}
.latest_content .img_box{ width: 148px; float: left;}
.latest_content .img_box img{ width: 100%;}
.latest_content .txt_box{ padding: 0 5rem 0 1rem; width: calc(100% - 148px); float: left;}

.latest_line strong{ font-size:1.5rem; margin: .5rem 0; text-overflow:ellipsis; overflow:hidden; line-height:2rem; height:2rem; word-break: break-word; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.latest_line span{ font-size:1rem; text-overflow:ellipsis; overflow:hidden; line-height:1.6rem; height:3.2rem; word-break: break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.latest_more_view{ width: 27px; height: 27px; position: absolute; top:50%; right:1rem; margin-top: -13.5px;}

.latest_paging_wrap .latest_more{ position: absolute; top:-4rem; right:0;}

.con_read_more{ text-align: right; font-size: 1rem; position: relative; padding: 1rem 0 0;}
.con_read_more .txt{ border-bottom: 1px solid #f6a623; padding-right: 0; display: inline-block; line-height: 2rem; transition: .3s;}
.con_read_more .arrow{ display: block; position: absolute; bottom: -3px; right: 17px; width: 1px; height: 20px; background-color: #f6a623; transform: rotate(-45deg); opacity:0; transition: .3s;}
.con_read_more:hover .txt{ padding-right: 40px;}
.con_read_more:hover .arrow{ right: 7px; opacity:1;}