@charset "UTF-8";

.wrap_quick,
.wrap_quick .container,
.wrap_quick .container > div,
.wrap_quick .slider,
.wrap_quick .slick-list,
.wrap_quick .slick-track{height:100%;}
.wrap_quick .slick-slide > div{}

.wrap_quick{padding:30px;border:1px solid #a6a6a6;}
.wrap_quick::before{content:"";display:block;width:500px;height:500px;background:#1557b0;transform:rotate(45deg);position:absolute;top:0;right:-190px;}
.wrap_quick .container{width:65%;}

.wrap_quick h2{font-family:'Play Regular';font-size:35px;color:#FFF;line-height:1;text-align:right;position:absolute;top:35px;right:45px;}
.wrap_quick h2 strong{font-family:'Play Bold';display:block;}
.wrap_quick h2 span{display:none;}

.wrap_quick a.item{display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;}
.wrap_quick .con{}
.wrap_quick .wrap{}
.wrap_quick .item_1{}
.wrap_quick .item_1 img{display:inline;transition:0.5s;}
.wrap_quick .item_2{}
.wrap_quick .text_1{font-family:'Dream Medium';font-size:15px;color:#2b2b2b;line-height:1.5;letter-spacing:-1px;padding-top:15px;}
.wrap_quick .text_1 span{border-bottom:2px solid transparent;}
.wrap_quick .text_2{display:none;}

.wrap_quick .control{}
.wrap_quick .control .paging,
.wrap_quick .control .playstop{display:none;}
.wrap_quick .control .numbering{position:absolute;bottom:48px;right:101px;font-family:'Play Bold';font-size:16px;}
.wrap_quick .control .numbering .now{color:#00f0ff;}
.wrap_quick .control .numbering .total{color:#FFF;}
.wrap_quick .control .numbering i{color:#b4b9c0;}
.wrap_quick .control .prevnext{display:flex;align-items:center;position:absolute;bottom:45px;right:45px;}
.wrap_quick .control .prevnext button{display:block;text-indent:-9999px;width:40px;height:40px;}
.wrap_quick .control .prevnext .prev{background:url(../images/prev_b.png) no-repeat center;margin-right:30px;}
.wrap_quick .control .prevnext .next{background:url(../images/next_sky.png) no-repeat center;margin-left:30px;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_quick a.item:hover .text_1{color:#000;}
	.wrap_quick a.item:hover .text_1 span{border-color:#888;transition:0.5s;}
	.wrap_quick a.item:hover .item_1 img{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;}
	.wrap_quick .control .prevnext .prev:hover{background:url(../images/prev_sky.png) no-repeat center;}
	.wrap_quick .control .prevnext .next:hover{background:url(../images/next_b.png) no-repeat center;}
}
@media all and (max-width:1280px){
}
@media all and (max-width:768px){
	.wrap_quick::before{right:-270px;}
	.wrap_quick h2{font-size:25px;top:20px;right:20px;}
	.wrap_quick .item_1 img{max-width:60px;}
	.wrap_quick .text_1{font-size:14px;padding-top:10px;}
	.wrap_quick .control .numbering{display:none;}
	.wrap_quick .control .prevnext{bottom:20px;right:20px;}
	.wrap_quick .control .prevnext .prev{margin-right:10px;}
	.wrap_quick .control .prevnext .next{margin-left:0;}
}