@charset "UTF-8";

.wrap_banner_4,
.wrap_banner_4 .container,
.wrap_banner_4 .container > div,
.wrap_banner_4 .slider,
.wrap_banner_4 .slider li,
.wrap_banner_4 a.item,
.wrap_banner_4 .con,
.wrap_banner_4 .wrap{height:100%;}

.wrap_banner_4{background:#FFF;background-size:cover;}
.wrap_banner_4::before{content:"";display:block;width:calc(100% - 40px);height:calc(100% - 40px);border:1px solid rgba(0,0,0,0.1);position:absolute;left:20px;top:20px;transition:0.5s;}
.wrap_banner_4 .container{position:relative;}
.wrap_banner_4 .wrap{display: flex; align-items: center; justify-content: center; flex-direction: row; padding: 40px;}
.wrap_banner_4 .item_1{text-align:center;}
.wrap_banner_4 .item_1 img{transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_banner_4 .item_2{text-align:center;line-height:1; padding-left:10px;}
.wrap_banner_4 .text_1{font-family:'Dream Regular';font-size:16px;color:#7145cb;padding-top:20px;}
.wrap_banner_4 .text_2{font-family:'Dream Medium';font-size:26px;color:#000;padding-top:10px;}

.wrap_banner_4 .control{display:none;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_banner_4:hover::before{border-color:rgba(255,255,255,0.8);}
	.wrap_banner_4 a.item:hover .item_1 img{transform: rotatey(360deg);}
}
@media all and (max-width:768px){
	.wrap_banner_4::before{width:calc(100% - 20px);height:calc(100% - 20px);left:10px;top:10px;}
	.wrap_banner_4 .item_1 img{max-width:40px;}
	.wrap_banner_4 .text_1{font-size:14px;}
	.wrap_banner_4 .text_2{font-size:18px;}
}