<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.wrap_quick2,
.wrap_quick2 &gt; div,
.wrap_quick2 .inner{height:100%;}

.wrap_quick2{z-index:1;}

.wrap_quick2 .inner{display:flex;justify-content:space-between;flex-wrap:wrap;}
.wrap_quick2 .inner &gt; li{width:30%;}
.wrap_quick2 a.item{}
.wrap_quick2 .wrap{padding:15px;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.5);transition:0.5s;}

.wrap_quick2 .item_1{}
.wrap_quick2 .item_1 img{display:inline;transition:0.2s;}

.wrap_quick2 .item_2{}
.wrap_quick2 .text_1{color:#FFF;line-height:1.2;font-family:'Noto Regular';font-size:19px;padding-top:30px;transition:0.2s;}
.wrap_quick2 .text_2{display:none;}

/*컨트롤*/
.wrap_quick2 .control{display:none;}

/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_quick2 a.item:hover .wrap{border-color:#FFF;box-shadow:0 0 10px #000;background:#FFF;}
	.wrap_quick2 a.item:hover .item_1 img{filter: invert(1) brightness(10);}
	.wrap_quick2 a.item:hover .text_1{color:#000;}
}
@media all and (min-width:769px) and (max-width:1280px){
	.wrap_quick2 .inner &gt; li{width:100%;margin-bottom:2%;}
	.wrap_quick2 .wrap{flex-direction:row;justify-content:flex-start;}
	.wrap_quick2 .text_1{padding:0 0 0 15px;}
}
@media all and (max-width:768px) {
	.wrap_quick2 .inner &gt; li{width:32%;}
	.wrap_quick2 .item_1 img{max-width:35px;}
	.wrap_quick2 .text_1{font-size:15px;padding:15px 0 0 0;}
}
@media all and (max-width:340px) {
	.wrap_quick2 .inner &gt; li{width:100%;margin-bottom:2%;}
	.wrap_quick2 .wrap{flex-direction:row;justify-content:flex-start;}
	.wrap_quick2 .text_1{padding:0 0 0 15px;}
}</pre></body></html>