@charset "UTF-8";

.wrap_research{padding-left:36%;}

.wrap_research a.item{display:block;}
.wrap_research .wrap{padding:10px 30px;position:relative;display:flex;align-items:center;justify-content:center;}
.wrap_research .wrap img{border:3px solid transparent;transition:0.5s;}
.wrap_research span{font-family:'Dream Medium';font-size:16px;color:#FFF;border:1px solid #FFF;width:180px;height:60px;line-height:1;background:rgba(0,0,0,0.3);position:absolute;bottom:60px;left:50%;margin-left:-90px;display:flex;align-items:center;justify-content:center;transition:0.5s;}
.wrap_research .text_1,
.wrap_research .text_2{display:none;}

.wrap_research .control{position:absolute;left:160px;bottom:0px;width:140px;}
.wrap_research .control .numbering,
.wrap_research .control .paging,
.wrap_research .control .playstop{display:none;}
.wrap_research .control button{display:block;text-indent:-9999px;width:36px;height:112px;}
.wrap_research .control .prevnext{display:flex;align-items:center;justify-content:space-between;}
.wrap_research .control .prevnext::before{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:50%;background:rgba(255,255,255,0.3);}
.wrap_research .control .prev{background:url(../images/prev_y.png) no-repeat left center;}
.wrap_research .control .next{background:url(../images/next_w.png) no-repeat right center;}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_research a.item:hover .wrap img{border-color:#FFF;box-shadow:0 0 10px #888;}
	.wrap_research a.item:hover span{background:rgba(0,0,0,0.8);}
	.wrap_research .control .prev:hover{background:url(../images/prev_w.png);}
	.wrap_research .control .next:hover{background:url(../images/next_y.png);}
}
@media all and (max-width:1700px){
	.wrap_research{padding-left:25%;}
	.wrap_research .control{left:40px;}
}
@media all and (max-width:1280px){
	.wrap_research{padding:0 30px;}
	.wrap_research .wrap{padding:0 10px;}
	.wrap_research span{width:140px;height:50px;bottom:50px;margin-left:-70px;}
	.wrap_research .control{left:unset;position:unset;bottom:unset;width:unset;}
	.wrap_research .control .prevnext::before{display:none;}
	.wrap_research .control button{position:absolute;top:calc(50% - 56px);}
	.wrap_research .control .prev{left:10px;background:url(../images/prev_y.png) no-repeat left center;}
	.wrap_research .control .next{right:10px;background:url(../images/next_y.png) no-repeat right center;}
}
@media all and (max-width:768px){
	.wrap_research span{font-size:14px;width:120px;height:40px;bottom:40px;margin-left:-60px;}
	.wrap_research .control button{height:60px;top:calc(50% - 30px);}
}