.cate_box{margin-bottom:30px}
.cate_box li{display:inline-block; padding:0 20px; position:relative;}
.cate_box li a{font-size:14px; color: #646464;}
.cate_box li:after{content:''; position:absolute; width:1px; height:10px; background:#ccc; transform:rotate(35deg); -ms-transform:rotate(35deg); top:5px; right:-2px;}
.cate_box li:last-child:after{display:none;}
.cate_box li a.on{color: #323232; font-weight:600;}
.gallery_list{position:relative;}
.gallery_list .figure{margin-bottom:10px; position:relative; background:#000; overflow:hidden;}
.gallery_list .figure img{width:100%; display:block; transition:all .8s ease; -webkit-transition:all .8s ease; -moz-transition:all .8s ease}
.gallery_list .figure:hover img{transform:scale(1.07); opacity: .7}
.gallery_list .subject{font-size:15px; color: #323232; margin-bottom:5px; font-weight:600;}
.gallery_list .info{font-size:13px; color: #646464; margin-bottom:5px;}
.gallery_list .date{font-size:12px; color: #828282;}

.btn_ul{ width: 100%; display: inline-block; padding: 15px 0px; }
.btn_ul li { float: right; line-height: 0px; padding-left: 5px; }
.btn_ul li img {  }

.list_number { height: 25px; padding: 0px 0px 0px 0px;  margin: 0; text-align: center; }
.list_number ul { display: inline-block; padding-left: 10px;  border-right:1px solid #dddddd; }
.list_number ul li { float: left; }
.list_number ul li a { width: 20px; display: block; text-decoration: none; text-align: center; border-left:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; font-family:"NanumGothic"; font-size: 12px; line-height: 12px; color: #333333; padding: 4px 0px 4px;}
.list_number ul li a:hover{ background: #0c98d1; color: #ffffff; }
.list_number ul li a.active{ background: #0c98d1; color: #ffffff; }


@media all and (max-width:767px){
    .cate_box li{padding:0 10px;}
    .cate_box li:after{top:6px;}
    .cate_box li a{font-size:12px;}
    .gallery_list .subject{font-size:13px}
    .gallery_list .info{font-size:12px;}
}