@charset "utf-8";

.star_skin {width:100%; border:0px solid #d1d1d1; float:left; overflow:hidden; text-align:center;}
.star_skin ul {display:inline-block; background:#fff; width:100%;}
.star_skin ul li {width:32%; margin-right:2%; float:left; margin-bottom:40px; position:relative; }
.star_skin ul li:nth-child(3n) {margin-right:0;}
.star_popup_layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000; display:none;}
.star_popup_layer_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#111; opacity:.5;filter:alpha(opacity=50)}
.star_popup_layer img {position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-210px; width:800px;}

.star_img {position:relative; width:100%; height:auto;}
.star_img a img {width:100%; height:auto; float:left;}
.star_img {overflow:hidden;}
.star_img a img{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.star_img a:hover .img_dimmed{display:block}
.star_img a:hover img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}

.star_txt {position:relative; width:100%;}
.star_txt span {font-size:16px; font-weight:500;}
.star_txt .star_category {margin-left:5px; color:#777;}
.star_txt .star_title { margin-left:0px; margin-top:0px; display:block; }
.star_txt .star_title a {color:#555; line-height:40px; font-size:20px; font-family: 'Noto Sans KR'; font-weight:400; text-align:center;}
.star_txt .star_title a:hover {color:#0072bc;}

.star_txt span.on {}

.check {position:absolute; top:10px; right:10px; z-index:100; }
.check .iCheck {width:20px; height:20px;}

@media screen and (max-width:1240px) {
	.star_skin ul {width:96%; margin:0 auto;}

}

@media screen and (max-width:900px) {
	.star_skin ul {width:96%; margin:0 auto;}
	.star_skin ul li {width:48%; margin-right:4%; margin-bottom:20px;}
	.star_skin ul li:nth-child(3n) {margin-right:4%;}
	.star_skin ul li:nth-child(2n) {margin-right:0;}	
}

@media screen and (max-width:750px) {
	.readNum {display:none;}
	.author {display:none;}
	.in_con {display:none;}
	.cate {display:none;}
}

@media screen and (max-width:600px) {
	.star_skin ul {width:94%; margin:0 auto;}
	.star_skin ul li {width:100%; margin-right:0px; margin-bottom:20px;}
	.star_skin ul li:nth-child(3n) {margin-right:0px;}
	.star_skin ul li:nth-child(2n) {margin-right:0px;}
}