@charset "utf-8";

/* 최근게시물 스킨 (latest) */


.lt {    position: relative;}
.lt h2 {    padding: 18px 30px;    font-size: 30px;    color: #333;    font-weight: bold;    letter-spacing: -1px;    border-bottom: 1px solid #ddd;}
.lt ul {    padding: 30px;    list-style: none;}
.lt li {    position: relative;    padding: 0 0 0 10px;    margin-top: 18px;    line-height: 28px;    font-size: 1.077em;    overflow: hidden;}

.lt li:first-child {    margin-top: 0;}
.lt li:before {  content: '';    width: 3px;    height: 3px;    background: #333;    position: absolute;    top: 15px;    left: 0;    margin-top: -1px;}

.lt li a {    float: left;    width: 60%;    font-size: 17px;    color: #333;    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;}
.lt li p {    float: right;    line-height: 25px;    font-size: 15px;    letter-spacing: -0.5px;}


.lt p.plus {    position: absolute;    right: 0;    top: 0;    border-left: 1px solid #ddd;    text-indent: -99999px;}
.lt p.plus a {    position: relative;    display: block;    width: 80px;    height: 80px;}
.lt p.plus a::before {    content: "";    position: absolute;    right: 45%;    top: 35%;    width: 5px;    height: 26px;    background: #333;}
.lt p.plus a::after {    content: "";    position: absolute;    right: 32%;    top: 47%;    width: 26px;    height: 5px;    background: #333;}


.lt ul {margin:0; padding:0; list-style:none;}
.lt ul li {    position: relative;    padding: 0 0 0 10px;    margin-top: 18px;    line-height: 28px;    font-size: 1.077em;    overflow: hidden;}
.lt ul li::before{content: '';    width: 3px;    height: 3px;    background: #333;    position: absolute;    top: 15px;    left: 0;    margin-top: -1px;}

.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;
    
}
.noticezone .item a{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin:  25px; }
.noticezone .item a .tit{width: 75%;   position: relative;overflow: hidden;    max-width: 75%; padding-left: 20px; font-size: 20px;
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 1;    
    }

.noticezone .item a .tit:before {  content: '';    width: 3px;    height: 3px;    background: #333;    position: absolute;    top: 11px;    left: 10px;    margin-top: -1px;}
.noticezone .item a .date{ color: #999;}
.lt h2 {    padding: 18px 30px;    font-size: 30px;    color: #333;    font-weight: bold;    letter-spacing: -1px;    border-bottom: 1px solid #ddd;}


    
.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;}
    
}