@charset "utf-8";

/* 새글 스킨 (latest) */
.textBox {position:relative;  }


.textBox li a {    display: block;

    border: 4px solid transparent;
    margin: -1px;
    position: relative;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    -webkit-transition: .2s;
    transition: .2s;}
.textBox li a:hover {    border: 4px solid #44465C; -webkit-box-shadow: 0 1rem 1.6rem rgba(60, 70, 92, 0.2); box-shadow: 0 1rem 1.6rem rgba(60, 70, 92, 0.2);
    z-index: 2;}

.textBox li .fa-heart {color:#ff0000}
.textBox li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.textBox li .new_icon { position:absolute; top:0; right:0;display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle;display:none; }
.textBox li .hot_icon {display:none;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.textBox li .fa-caret-right {color:#bbb}
.textBox li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;vertical-align:middle}
.textBox li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}

.textBox .profile_img img{border-radius:50%}


.textBox .empty_li {line-height:145px ;color:#666;text-align:center;padding:0}
.textBox .empty_li:before {background:none;padding:0}


.textBox strong, .conTxt{display: block;   display: -webkit-box;   -webkit-box-orient: vertical;   overflow: hidden;  text-overflow: ellipsis;  white-space: normal;}
.textBox strong{ -webkit-line-clamp:1;  font-weight:500; font-size:25px; text-align:center; padding:15px 0 ;  }
.conTxt{ display:none;font-size:20px;color:#777;-webkit-line-clamp: 3;  height:70px; }
.conTxt img{ display:none;  }
.conTxt br{ display:none;}

.textBox .lt_more {position:absolute;top:-70px;right:0;display:block;width:33px; height:33px;line-height:35px;color:#999;border-radius:50%;text-align:center; font-size:25px; border:1px #999 solid;}
.textBox .lt_more i{ line-height:33px;}
.textBox .lt_more:hover {border:1px #0072bc solid;color:#0072bc}
.textBox li a:hover strong{ background:#44465C; color:#fff;}

@media all and (max-width : 1920px){
	
	
	
	.textBox strong{  font-size:20px;}
	.conTxt{font-size:16px; height:57px;}
	.conTxt span{ font-size:16px !important}
	
	.textBox .lt_more{ height:25px; width:25px;line-height:25px; top:-55px;}
	.textBox .lt_more i{ line-height:25px; font-size:20px; }
	
	
}
@media all and (max-width : 1280px){
	
	

}


@media all and (max-width : 1024px){
	.textBox ol{display: flex; flex-wrap: wrap;gap:20px;}
	.textBox li{ width:calc((100% /3 ) - 14px);}
	.textBox li img{ width:100%;}
	.textBox strong{ font-size:17px;}
}
@media all and (max-width : 960px){
	
	.textBox ol{gap:10px;}
	.textBox li{ width:calc((100% / 2 ) - 5px);}
	
	
}

@media all and (max-width : 640px){

	
	
}