@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.lt_pc {margin-left:20px}
.lt {position:relative;width:100%;height:auto;}
.com_ban .lt ul {margin:0px;padding:0;list-style:none; width:320px !important;}
.lt li { padding: 13px 0px 13px 13px; position: relative; border-bottom: 1px dotted rgba(255,255,255,.3); font-size: 18px; color:rgba(255,255,255,.5);}
.lt li:last-child{ border-bottom: 0;}
.lt li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: rgba(255,255,255,.9); position: absolute; left: 0px; top: 22px;}
.lt li.notxt{ text-align: center; padding: 20px 0;}
.lt li.notxt::before{ display: none !important;}
.lt li a{ display: block; display: flex; justify-content: space-between; align-items: center;}
.lt .lt_date{ font-size: 15px; font-weight: 300; color:rgba(255,255,255,.5); margin-right: 22px;}
.lt .lt_tit{ color: #fff; font-size: 18px;}
.lt .lt_cont{ font-size: 1.15em; line-height: 1.7em; color: #777; }
.lt .lt_new{ position: absolute; top: 10px; right: 0px;}

.lt .lt_title {display:block;padding:0px 0 10px 0; font-size:2em;font-weight:500; letter-spacing:-1.5px; color:#333; border-bottom:1px solid #ddd; margin-bottom:15px; display:none;}
.lt .lt_more { position:absolute; top:-50px; right:0px;}
.lt .lt_more a { font-size: 16px; color:  rgba(255,255,255,.5);}
.lt .lt_more a:hover { color: rgba(255,255,255,1);}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:500;}

/*작은 데스크탑 & 노트북: 1024px ~ 1279px */
@media screen and (max-width: 1279px) {
    .lt li { padding:10px 0px 10px 10px;}
    .lt li a{ align-items: flex-start;}
    .lt .lt_date{ margin-right: 0; width: 20%;}
    .lt .lt_tit{ width: 80%;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
    .lt li{  font-size: 15px;}
    .lt li a{ align-items: center;}
    .lt .lt_date{ width: 20%; text-align: right; padding-right: 25px; font-size: 13px;}
    .lt .lt_tit{ width: 80%; font-size: 15px;}
    .lt .lt_new{ top: 50%; transform: translateY(-50%);}
    .lt .lt_more a { font-size: 14px;}
}  
/*모바일 : 370px ~ 767px */
@media screen and (max-width: 767px) { 
    .lt li{  font-size: 14px;}
    .lt .lt_date{ font-size: 12px; width: 30%; padding-right: 20px;}
    .lt .lt_tit{ width: 70%; font-size: 14px;}
    .lt .lt_more { top:-44px;}
    .lt .lt_more a { width: 40px; height: 40px; padding-top: 20px;}
    .lt .lt_more .view{ width: 17px;}
}