@charset "utf-8";



/* 국민생각함 */
.thinkBox .top{padding-bottom:40px;}
.thinkBox .top:after {display:block; clear:both; visibility:hidden; content:'';}
.thinkBox .top .top_left{float:left;font-size:18px;}
.thinkBox .top .top_left em{color:#4569e1;font-weight:600;}
.thinkBox .top .top_right{float:right;font-size:17px;}
.thinkBox .top .top_right span a.active{color:#4569e1;font-weight:600;}
.thinkBox .top .top_right span.top_new{position: relative;margin-right:7px;padding-right:10px;}
.thinkBox .top .top_right span.top_new:before{content:"";position:absolute;right:0;top: 5px;height:18px;width:1px;background:#ccc;}
.thinkBox > ul {margin:0 -10px;}
.thinkBox > ul:after {display:block; clear:both; visibility:hidden; content:'';}
.thinkBox > ul > li{float:left;width: calc(33.33% - 20px);margin: 0 10px 20px;border:1px solid #ccc;position:relative;height:300px;}
.thinkBox > ul > li > a {display: block; width: 100%; height: 100%; color: #000;}
.thinkBox > ul > li > a:focus {outline-offset: unset;}
.thinkBox ul li span.ico_step{position:absolute;left:0;top:0;padding:2%;color:#fff;background:rgba(0,0,0,0.6);z-index:1;}
.thinkBox ul::after {display: block; content: ""; clear: both;}
.thinkBox ul li span.ico_step em{display:inline-block;width:20px;height:16px;margin-right:5px;background:url('/css/prog/thinkBoxData/img/think_ir.png')left 0 top 0 no-repeat;vertical-align:middle;}
.thinkBox ul li span.ico_step.step02 em{height:21px;background-position:left -30px top 0;}
.thinkBox ul li span.ico_step.step03 em{background-position:left -56px top 0;}
.thinkBox ul li span.ico_step.step04 em{background-position:left -83px top 0;}
.thinkBox ul li .thumb{position:relative;}
.thinkBox ul li .thumb span.pic{position: relative;height: 220px;display: block;overflow: hidden;}
.thinkBox ul li .thumb span.pic img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: auto;max-width: 1000%;height:120%;overflow:hidden;}
.thinkBox ul li .thumb span.ico_user{position:absolute;left:0;bottom:0;background: rgba(0,0,0,0.6);width: 100%;padding: 3% 5%;color:#fff;}
.thinkBox ul li .thumb span.ico_user img{width:25px;border-radius:30px;vertical-align:middle;}
.thinkBox ul li p{display:inline-block;padding: 0 5%;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;margin: 12px 0 0;}
.thinkBox ul li ul.num{width:100%;position: relative;_position: absolute;left:0;_bottom:4%;padding: 0 6%;box-sizing: border-box;}
.thinkBox ul li ul.num li{display: inline-block; vertical-align: top; _float:left;width:32%;_margin-right:1.4%;border:none;}
.thinkBox ul li ul.num li em{display:inline-block;width:30px;height:18px;background:url('/css/prog/thinkBoxData/img/think_ir.png')left 0 top -33px no-repeat;font-size:0;line-height:0;vertical-align:middle;}
.thinkBox ul li ul.num li.share em{background-position:left -33px top -33px;}
.thinkBox ul li ul.num li.join em{background-position:left -64px top -33px;}
.thinkBox ul li ul.num li:last-child{margin-right:0;}

.paginate {text-align: center;}
.paginate > li {display: inline-block; vertical-align: top;}
.paginate > li > a {display: block; min-width: 20px; border: 1px solid #ccc; padding: 5px; text-align: center;}

@media(max-width:1279px){
	.thinkBox>ul>li{width: calc(50% - 20px);}

}
@media(max-width:570px){
	.thinkBox>ul>li{width: calc(100% - 20px);}
}