@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:10px 0px 10px 10px; position: relative; color: #999;}
.lt li::before{ display: block; content: ""; width: 3px; height: 3px; background-color: #ccc; position: absolute; left: 0px; top: 20px;}
.lt li a{ display: block; display: flex; justify-content: space-between; align-items: center;}
.lt .lt_date{ font-size: 15px; font-weight: 300; color: #999; margin-right: 25px;}
.lt .lt_tit{ font-size: 17px; color: #333;}
.lt .lt_cont{ font-size: 1.15em; line-height: 1.7em; color: #777; }
.lt .lt_new{ position: absolute; top: 12px; 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:-110px; right:0px;}
.lt .lt_more a { display: block; width: 65px; height: 65px; border-radius: 50%; background-color: #e4b537; position: relative; padding-top: 31px;}
.lt .lt_more .view{ width: 25px; height: 1px; background-color: rgba(255,255,255,.5); margin:0 auto; transition: all 0.3s;}
.lt .lt_more .view:last-child{ transform: rotate(90deg);}
.lt .lt_more a:hover .view{ background-color: #fff; transition: all 0.3s;}
.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{ font-size: 13px; margin-right: 0; width: 30%;}
    .lt .lt_tit{ font-size: 15px; width: 70%;}
    .lt .lt_more { top:-80px;}
}
/*태블릿 : 768px ~ 1023px */
@media screen and (max-width: 1023px) {
    .lt li { padding:5px 0px 5px 10px;}
    .lt .lt_date{ width: 20%; text-align: right; padding-right: 25px;}
    .lt .lt_tit{ width: 80%;}
    .lt .lt_new{ top: 5px;}
    .lt .lt_more { top:-80px;}
}  
/*모바일 : 370px ~ 767px */
@media screen and (max-width: 767px) { 
    .lt li::before{ top: 12px;}
    .lt .lt_date{ display: none;}
    .lt .lt_tit{ font-size: 13px; width: 100%;}
    .lt .lt_more { top:-60px;}
    .lt .lt_more a { width: 40px; height: 40px; padding-top: 20px;}
    .lt .lt_more .view{ width: 17px;}
}