@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{height:100%;padding:40px;background:url(../images/bg.jpg) no-repeat center;background-size:cover;}

.wrap_quick h2{color:#FFF;letter-spacing:-1px;line-height:1;padding-bottom:30px;}
.wrap_quick h2 b{display:none;}
.wrap_quick h2 strong{font-family:'Play Bold';font-size:35px;}
.wrap_quick h2 span{font-family:'Play Regular';font-size:35px;}
.wrap_quick h2 i{font-size:18px;display:flex;align-items:center;padding-top:20px;}
.wrap_quick h2 i::before{content:"";display:block;width:50px;height:3px;background:#FFF;margin-right:10px;}


.wrap_quick a.item{display:flex;align-items:center;padding:20px;}
.wrap_quick .con{}
.wrap_quick .wrap{display:flex;align-items:center;}
.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:16px;color:#FFF;line-height:1.3;letter-spacing:-1px;padding:0 0 0 5px;}
.wrap_quick .text_2{display:none;}

.wrap_quick .control{position:absolute;bottom:20px;left:0;width:100%;}
.wrap_quick .control .numbering,
.wrap_quick .control .prevnext,
.wrap_quick .control .playstop{display:none;}
.wrap_quick .control .paging{}
.wrap_quick .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_quick .control .paging ul li{margin:0 4px;}
.wrap_quick .control .paging ul li button{display:block;text-indent:-9999px;width:11px;height:11px;border-radius:100%;background:rgba(255,255,255,0.5);}
.wrap_quick .control .paging ul li.slick-active button{background:rgba(0,0,0,0.5);}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_quick a.item:hover .text_1{color:#000;text-shadow:0 0 3px #FFF;}
	.wrap_quick a.item:hover .item_1 img{transform:rotate(90deg);transform:scaleX(-1);filter: FlipH;}
}
@media all and (max-width:1600px){
	.wrap_quick h2{padding-bottom:15px;}
	.wrap_quick a.item{padding:15px;}
}
@media all and (max-width:1280px){
	.wrap_quick h2 strong,
	.wrap_quick h2 span{font-size:38px;}
	.wrap_quick .item_1 img{max-width:55px;}
}
@media all and (max-width:768px){
	.wrap_quick{padding:30px;}
	.wrap_quick h2 strong,
	.wrap_quick h2 span{font-size:28px;}
	.wrap_quick h2 i{font-size:14px;padding-top:10px;}
	.wrap_quick h2 i::before{display:none;}
	.wrap_quick .item_1 img{max-width:50px;}
	.wrap_quick .text_1{font-size:14px;padding:10px 0 0 0;}
}