@charset "UTF-8";

.wrap_quick,
.wrap_quick > div,
.wrap_quick .slider{height:100%;}

.wrap_quick{background:url(../images/pattern_11.png) repeat;padding:25px;}
.wrap_quick::before{content:"";display:block;width:calc(100% - 14px);height:calc(100% - 14px);background:#FFF;position:absolute;left:7px;top:7px;}

.wrap_quick a.item{}
.wrap_quick .wrap{border-right:1px solid #e5e5e5;position:relative;display:flex;align-items:center;justify-content:center;}
.wrap_quick .item_1{width:35px;height:35px;display:flex;align-items:center;justify-content:center;}
.wrap_quick .item_1 img{filter:invert(1) brightness(0);opacity:0.5;transition:all 0.3s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_quick .item_2{margin-left:10px;}
.wrap_quick .text_1{font-size:18px;color:#888;font-family:'Noto Medium';line-height:1;}
.wrap_quick .text_2{display:none;}

.wrap_quick .numbering{display:none;}
.wrap_quick .prev,
.wrap_quick .next{width:40px;height:40px;font-size:0;position:absolute;top:calc(50% - 20px);}
.wrap_quick .prev{left:0;background:#FFF url(../images/prev.png) no-repeat left center;}
.wrap_quick .next{right:0;background:#FFF url(../images/next.png) no-repeat right center;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_quick a.item:hover .item_1 img{opacity:1;transform:rotatey(180deg);filter:unset;}
	.wrap_quick a.item:hover .text_1{color:#000;}
}
@media all and (max-width:1024px) {
	.wrap_quick .wrap{flex-direction:column;}
	.wrap_quick .item_2{margin-left:0;margin-top:10px;}
}
@media all and (max-width:768px) {
	.wrap_quick .item_1{width:30px;height:30px;}
	.wrap_quick .text_1{font-size:16px;}
}