@charset "utf-8";

/* 최근게시물 스킨 (latest) */
.lt ul {margin:0; padding:0; list-style:none;}
.lt ul li {position:relative; display:flex; margin-bottom:15px; padding-left:15px; overflow:hidden; vertical-align:middle;}
.lt ul li::before{content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333;}
.lt ul li:first-child{display:flex; flex-direction:row-reverse; padding-left:0; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #ddd;}
.lt ul li:first-child::before{background:none;}
.lt ul li:first-child .date{width:80px; height:80px; line-height:100%; text-align:center; font-size:15px; font-weight:500; color:#00a1de; border:2px solid #00a1de;}
.lt ul li:first-child .date span{display:block; margin:22px 0 10px 0; text-align:center; font-size:25px; font-weight:600;}
.lt ul li:first-child a{width:88%; padding-left:5%; word-break:keep-all; font-size:25px; font-weight:600; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space:inherit;}
.lt ul li:last-child{margin-bottom:0;}
.lt li a{position: relative; float:left; width:80%; line-height:120%; font-size: 17px; color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lt ul li .date{width:20%; text-align:right; line-height:120%; font-size:17px; font-weight:400; color:#666;}

.lt ul li:first-child a:hover{color:#00a1de;}
.lt li a:hover{font-weight:600; text-decoration:underline;}

.lt li p {color: #7b7b7b;    font-size: 17px;    display: block;    overflow: hidden;    max-width: 80%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; 
    font-family: 'GmarketSansLight', 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
    
}
.lt .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31; color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;}
.lt .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;font-weight: normal;}
.lt .fa-heart{width:16px;height:16px;line-height:16px;background:#ff66b0;color:#fff;text-align:center;font-size:10px;border-radius:4px;vertical-align:middle;;font-weight: normal;}
.lt .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;border-radius:4px;text-align:center;vertical-align:middle;font-size:11px}
.lt .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;;border-radius:4px; text-align:center;vertical-align:middle;font-weight:normal;font-size:11px}
.lt .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #fff;background: #262b88;text-align: center;border-radius: 4px;font-size: 12px;border:1px solid #262b88}


.notice p.plus_btn{position:absolute; right:30px; top:30px; width:24px; height:24px; font-size:0; transition:.5s;}
.notice p.plus_btn a::before{content:""; position:absolute; left:0; top:50%; width:24px; height:2px; background:#333; transform:translateY(-50%);}
.notice p.plus_btn a::after{content:""; position:absolute; left:50%; top:0; width:2px; height:24px; background:#333; transform:translateX(-50%);}
.notice p.plus_btn a{display:block; width:24px; height:24px;}

.notice p.plus_btn:hover{transform:rotate(180deg);}



 @media (max-width: 969px){
	.lt h2{font-size:30px; }
	.lt h2 a:before{padding:10px 0 20px 60px; vertical-align:5px;}
	.lt li {line-height:32px;}
	.lt li a{font-size:15px;}
     

 }

 @media (max-width: 640px){

	.lt ul{padding:0 20px;}
	.lt ul li:first-child{padding-bottom:20px; margin-bottom:20px;}
	.lt ul li:first-child a{font-size:20px;}
	.lt ul li:first-child .date{width:70px; height:60px; font-size:13px;}
	.lt ul li:first-child .date span{margin:12px 0 10px 0;}

	.lt li a{width:70%;}
	.lt ul li .date{width:30%; font-size:15px; padding-right:2px;}

	.notice p.plus_btn{position:absolute; left:0; right:auto; top:auto; bottom:0; width:100%; height:auto; font-size:15px; background:#f3f3f3;}
	.notice p.plus_btn a{width:100%; height:auto; padding:12px 0; text-align:center;}
	.notice p.plus_btn a::before{background:none;}
	.notice p.plus_btn a::after{background:none;}


	.notice p.plus_btn:hover{transform:none;}
    
}