@charset "UTF-8";

.wrap_banner_2,
.wrap_banner_2 .container,
.wrap_banner_2 .container > div,
.wrap_banner_2 ul.slider,
.wrap_banner_2 ul.slider > li,
.wrap_banner_2 .con,
.wrap_banner_2 .wrap{height:100%;}

.wrap_banner_2{}

.wrap_banner_2 ul.slider{display:flex;}
.wrap_banner_2 ul.slider > li{width:33.3%;background:rgba(0,0,0,0.5);transition:0.5s;}
.wrap_banner_2 ul.slider > li:nth-child(1){background:rgba(3,105,211,0.8);}
.wrap_banner_2 ul.slider > li:nth-child(2){background:rgba(255,138,0,0.8);}
.wrap_banner_2 ul.slider > li:nth-child(3){background:rgba(31,38,41,0.8);}

.wrap_banner_2 a.item{display:block;padding:30px;width:100%;height:100%;}
.wrap_banner_2 .wrap{position:relative;}

.wrap_banner_2 .item_1{position:absolute;right:0;bottom:0;}
.wrap_banner_2 .item_1 img{transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}

.wrap_banner_2 .item_2{}
.wrap_banner_2 .text_1{font-family:'Dream Regular';;letter-spacing:-1px;}
.wrap_banner_2 .text_1 strong{font-size:25px;line-height:1;color:#FFF;}
.wrap_banner_2 .text_1 span{font-size:16px;line-height:1.5;display:block;color:rgba(255,255,255,0.8)}
.wrap_banner_2 .text_1 span::before{content:"";display:block;background:#FFF;width:55px;height:2px;margin:20px 0;}
.wrap_banner_2 .text_2{display:none;}

.wrap_banner_2 .control{display:none;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_banner_2 ul.slider > li:nth-child(1):hover{background:rgba(3,105,211,1);}
	.wrap_banner_2 ul.slider > li:nth-child(2):hover{background:rgba(255,138,0,1);}
	.wrap_banner_2 ul.slider > li:nth-child(3):hover{background:rgba(31,38,41,1);}
	.wrap_banner_2 a.item:hover .item_1 img{transform: rotatey(180deg);}
	.wrap_banner_2 a.item:hover .text_1 strong{font-family:'Dream Bold';}
}
@media all and (max-width:1280px){
	.wrap_banner_2 a.item{padding:25px;}
	.wrap_banner_2 .item_1 img{max-width:60px;}
	.wrap_banner_2 .text_1 strong{font-size:20px;}
	.wrap_banner_2 .text_1 span{font-size:14px;}
	.wrap_banner_2 .text_1 span::before{margin:10px 0;}
}
@media all and (max-width:768px){
	.wrap_banner_2 ul.slider{flex-wrap:wrap;}
	.wrap_banner_2 ul.slider > li{width:100%;}
	.wrap_banner_2 a.item{padding:25px 20px;}
	.wrap_banner_2 .item_1 img{max-width:50px;}
	.wrap_banner_2 .item_2{padding-right:70px;}
	.wrap_banner_2 .text_1 strong{font-size:18px;}
}