@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:0 20px 20px; margin:0 !important; box-sizing:border-box; border-right:1px solid rgba(0,0,0,0.05); color:#666; font-size:1.25em; vertical-align:top; display:inline-block; width:33.333% !important; text-align:left; transition: all 0.5s;}
.lt li a{display:block; color:#555;}
.lt li a strong{ font-size:1.17em; font-weight:600; line-height:1.5em; color:#333;}
.lt li a:hover{ color:#1428a0;}
.lt li:last-child{border-right:none;}
.news_text{padding:15px 0; display:block; width:80%; font-size:.85em; font-weight:400; color:#777; line-height:1.5em; word-break:keep-all;}
span.lt_date{display:block; font-size:.85em; font-weight:300; color:#999;}
.lt .lt_title {display:block; padding:22px 40px; box-sizing:border-box; font-size:35px; font-weight:bold; color:#333; border-bottom:1px solid rgba(0,0,0,0.05); line-height:1em; }
.lt .lt_more {position:absolute;top:0;right:0px; width:300px; height:80px; box-sizing:border-box; border-left:1px solid  rgba(0,0,0,0.05);}
.lt .lt_more a {display:block; padding:30px; height:100%; box-sizing:border-box; color:#555; font-size:1.2em;}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:500;}

@media (max-width: 1024px) {
	.lt .lt_more a{padding:30px 20px;}
}

@media (max-width: 992px) {
.lt li:first-child{ display:block !important; padding-top: 0;}
.lt li{ width:100% !important; border-right:0; transition: all 0.5s;
    padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.05);}
    .lt li:last-child{
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media (max-width: 768px) {
	.lt li{padding: 30px 0;}
    .lt li:last-of-type{
        padding-bottom: 0;
    }
	.lt .lt_title{padding:19px 40px;}
	.lt .lt_more{width:33.33%; height:74px;}
	.lt .lt_more a{padding:27px 20px;}
}
@media (max-width: 650px){
	.lt .lt_title{padding:14px 40px;}
	.lt .lt_more{width:200px; height:64px;}
	.lt .lt_more a{padding:22px 20px;}
}
@media (max-width: 550px){
	.lt .lt_title{padding:17px 30px; font-size:30px;}
/*	.lt li{padding:30px;}*/
}
@media (max-width: 450px){
	.lt .lt_title{font-size:28px;}
}
@media (max-width: 400px){
	.lt .lt_title{padding:19px 20px; font-size:25px;}
	.lt li{padding:20px 0;}
	.news_text{padding:6px 0;}
}