/*
*	Theme Name: 2000SOL
*	Author: Sangok Lee
*	Version: 1.0
*	License URL: https://www.designersol.co.kr
*/

@charset "utf-8";
/* Card */
.Card > .listItem {float:left}
@media (max-width: 767px) {
	.Card {margin:0 -1%}
	.Card > .listItem {width:48%; margin:0 1% 20px}
}
@media (min-width: 768px) {
	.Card {margin:0 -1%}
	.Card > .listItem {width:31.33333%; margin:0 1% 30px}
}
@media (min-width: 1500px) {
	.Card {margin:0 -0.5%}
	.Card > .listItem {width:24%; margin:0 0.5% 40px}
}
.allThumb .Thumb {position:relative; border:1px solid rgba(0,0,0,0.06)}
.allThumb .Thumb > a {display:block; overflow: hidden}
.allThumb .Thumb > a > .thumbImg {display:block;width:100%; margin:0}
.allThumb .Caption,
.Webz .Caption {position: absolute; bottom:0; right:0}
.allThumb .Caption > .Category,
.allThumb .Caption > .replyNum {
	display:block; 
	float:left;
	padding:5px 5px;
	font-size:12px;
	line-height:12px;
	font-weight:normal; 
	font-style:normal;
	color:#fff
}
.allThumb .Caption > .replyNum > a {
	font-size:12px;
	line-height:12px;
}
.allThumb .Caption > .Category {background-color:rgba(0,0,0,.5)}
.allThumb .Caption > .replyNum {background-color:#999}
.allThumb .Caption > .replyNum > a {color:#fff}
.allThumb .Content {position: relative; padding:10px 10px 15px}
.allThumb .Title {position:relative; margin-bottom:4px}
.allThumb .Title > .icon {margin-top:4px}
.allThumb .Title > a {
	margin:0 0 4px 0;
	font-family:'NotoSans Regular'; 
	font-size:15px;
	line-height:20px;
	color:#333;
	overflow:hidden;
}
.allThumb .Date,
.allThumb a.Author {
	color:#999; 
	font-size:12px	
}
.allThumb .Date {padding-right:5px}
.allThumb .noWrap {
	display:table;
	width:100%;
	height:100px;
	text-align: center;
	background-color:#eee
}
.allThumb .noImg {
	display:table-cell;
	vertical-align:middle
}
.allThumb p {margin:0}

@media (max-width:575px) {
	.allThumb .Title > a {height:40px;}	
}
@media (min-width:576px) {
	.allThumb .Title > a {height:20px;}	
}

/* vert */
ul.vert {background-color:#fff}
ul.vert li,
ul.vert li a {color:#333}
ul.vert .Category {
	padding:2px 3px;
	color:#fff;
	background-color: #ccc;
    	border-radius: 3px;
    	font-weight: normal;
    	font-size: 11px;
}
ul.vert .Title {
	font-size:14px;
	line-height:20px
}
ul.vert .Date,
ul.vert .Author {color:#999}

/* List2 */
.List2 li {
	height:90px;
	border-bottom:1px solid rgba(0,0,0,0.1)
}
.List2 li:first-child {border-top:1px solid rgba(0,0,0,0.1)}
.List2 .Category {color:#fff}
.List2 .Category > div.d-table {
	width:40px; 
	height:35px;
}
.List2 .Category strong {
	word-wrap: break-word;
	word-break: break-all;
	background-color:#ccc;
	border-radius:3px;
	font-weight:normal;
	font-size:11px;
	padding:2px;
}
.List2 .titleGroup {padding-right:10px}
.List2 .Title {font-size:14px; color:#333; line-height:20px}
.List2 .Author {margin-top:3px}
.List2 .replyNum {border-left:1px solid rgba(0,0,0,0.1)}
.List2 .replyNum .d-table-cell {
	height:90px;
	color:#333;
	font-size:14px;
} 
.List2 .replyNum .fa {display:block}

/* Webz */
.Webz.HoriZ li {
	padding:25px 0;
	border-bottom:1px solid rgba(0,0,0,0.1)	
}
.Webz.HoriZ li:first-child {padding-top:0}
.Webz.HoriZ .Thumb {
	float:left;
	margin-right:20px;
}
.Webz.HoriZ .Content {overflow: hidden; padding:0}
.Webz.HoriZ .Title {margin:0;}
.Webz.HoriZ .Title > a {display:inline}
.Webz.HoriZ .Text {
	margin:5px 0 0 0; 
	color:#333;
	font-size:14px;
	line-height: 22px;
 }

/* NavPost Webz */
.NavPost {position: relative}
.NavPost .Webz {
	padding:15px;
	border-radius:4px
}
.NavPost .Webz li {
	padding:0;
	border-bottom:0
}
.NavPost .Webz .Thumb {
	float:none;
	margin-right:0;
	border:0
} 
.NavPost .Webz .Thumb > a {
	width:50px;
	height:50px;
	margin:0 auto;
	border-radius: 50%
}
.NavPost .Webz .Thumb > a > img {border-radius: 50%}
.NavPost .Webz .Caption {
	right:50%; 
	margin-right:-40px;
	width:30px;
	text-align:center
}
.NavPost .Webz .Caption > .replyNum {
	width:30px;
	padding:0;
	background-color:transparent;
}
.NavPost .Webz .Content {margin-top:10px}
.NavPost .Webz .Title > a {font-family:'나눔고딕','Nanum Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif!important}
@media (max-width:991px) {
	.NavPost .Webz .Title {display:inline}
	.NavPost .Webz .Title > a {font-size:14px}
}
@media (min-width:992px) {.NavPost .Webz .Title > a {font-size:13px}}

/* 공통 */
ul.vert .Date,
ul.vert .Author,
.List2 .Author,
.List2 .Author > a.Member,
.Webz a.Author,
.Webz .Date {font-size:12px}

.List2 .Author,
.List2 .Author > a.Member,
.Webz a.Author,
.Webz .Date {color:#999}

.replyNum > a {
	padding:0 2px;
	font-size:13px;
	line-height:13px;
	font-weight:bold; 
	font-style:normal;
}
.Icon > img[alt="file"] { display:none }

/* hover-img */
.hover-img {
	transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
	transform: translateZ(0) scale(1); 
	-webkit-transform: translateZ(0) scale(1);
}
.Thumb a:hover .hover-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}