@charset "UTF-8";

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

.wrap_quick{}

.wrap_quick .inner{display:flex;flex-wrap:wrap;}
.wrap_quick .inner > li{width:16.66666%;}

.wrap_quick a.item{}
.wrap_quick .wrap{padding:50px 20px 0 20px;border-right:1px solid #e5e5e5;position:relative;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;transition:0.5s;}
.wrap_quick .wrap::after{content:"";display:block;width:28px;height:28px;background:url(../images/arrow_1.png) no-repeat center;position:absolute;left:calc(50% - 14px);bottom:60px;}
.wrap_quick .item_1{width:105px;height:105px;border-radius:100%;display:flex;align-items:center;justify-content:center;transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap_quick .item_1 img{display:inline;}
.wrap_quick .item_2{margin-top:40px;}
.wrap_quick .text_1{font-size:22px;color:#000;font-family:'Noto Medium';line-height:1.2;text-align:center;}
.wrap_quick .text_2{font-size:16px;color:#888;font-family:'Noto Light';line-height:1.2;text-align:center;margin-top:15px;}

.wrap_quick .control{display:none;}

/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_quick a.item:hover .wrap{background:rgba(139,0,41,0.9);border-color:rgba(139,0,41,1);}
	.wrap_quick a.item:hover .wrap::after{filter: invert(1) brightness(10);}
	.wrap_quick a.item:hover .item_1{background:#FFF;transform:rotatey(360deg);}
	.wrap_quick a.item:hover .text_1,
	.wrap_quick a.item:hover .text_2{color:#FFF;}
}
@media all and (max-width:1280px) {
	.wrap_quick .inner{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
	.wrap_quick .inner > li{width:33.3%;border-bottom:1px solid #e5e5e5;}
	.wrap_quick .wrap{padding:20px;}
	.wrap_quick .wrap::after{display:none;}
	.wrap_quick .item_1{border-radius:0;}
}
@media all and (max-width:768px) {
	.wrap_quick .item_1{width:100%;height:55px;}
	.wrap_quick .item_1 img{max-width:40px;}
	.wrap_quick .item_2{margin-top:10px;}
	.wrap_quick .text_1{font-size:18px;}
	.wrap_quick .text_2{font-size:13px;margin-top:5px;}
}
@media all and (max-width:420px) {
	.wrap_quick .inner > li{width:50%;}
}