@charset "utf-8";
/* 새글 스킨 (latest) */

.cm_board{margin-top:15px;}
.cm_board .cm_list{ padding: 15px 0;}
.cm_board .cm_list > li{width:25%;}
.cm_board .cm_list > li.swiper-slide-active{width:500px!important;}
.cm_board .cm_list > li .in{ position: relative; background-color: #000; display: block;}
.cm_board .cm_list > li .in .img_dv{height:276px; margin-top:35px; box-shadow:0px 5px 10px rgba(0,0,0,.2); opacity: .4;}
.cm_board .cm_list > li .in .p_bg{width:100%; height: 100%; background: rgba(0,0,0,.2)}
.cm_board .cm_list > li.swiper-slide-active .in{}
.cm_board .cm_list > li.swiper-slide-active .img_dv{ height:345px; margin-top:0; opacity: 1;}
.cm_board .cm_list > li .in .p_btn{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .3s;}
.cm_board .cm_list > li .in .p_btn .xi{font-size: 1.5em; color: #fff; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.5em; background: #0089d3; border-radius: 50%; transform: rotate(-180deg); transition: .3s;}
.cm_board .cm_list > li .in .p_btn .tw{display:block; text-align: center; color:#fff; font-weight: 500; margin-top:3px; font-size: .938em;}
.cm_board .cm_list > li .in:hover .p_btn{opacity: 1;}
.cm_board .cm_list > li .in:hover .p_btn .xi{transform: rotate(0deg)}

.cm_board .cm_pagination{text-align:center; margin-top:1.5em;}
.cm_board .cm_pagination span.swiper-pagination-bullet{width:13px; height: 13px; margin:0 3px;}
.cm_board .cm_pagination span.swiper-pagination-bullet-active{width:55px; border-radius: 50px; background: #0059a9;}

@media screen and (max-width:768px) {
.cm_board {width:98%; margin: 0 auto;}
.cm_board .cm_list > li.swiper-slide-active{width:100%!important;}
.cm_board .cm_list > li.swiper-slide-active .img_dv{ height:276px;  }
.cm_board .cm_list > li .in .img_dv{margin-top:0;}
}