@charset "utf-8";

/*유용한사이트*/

.siteWrap{margin-bottom:4.8rem;}
.siteWrap h3{margin-bottom:2.4rem;}

.siteWrap .site{display:flex; flex-wrap:wrap; justify-content:flex-start; gap:1.6rem; padding:3.2rem 1.6rem; border-radius:3.2rem; background:linear-gradient(326deg,rgba(235, 250, 239, 1) 10%, rgba(240, 250, 249, 0.3) 100%);}
.siteWrap .site li{padding:1.2rem 2.4rem; background:#fff; width:calc(25% - 1.6rem); border-radius:3.2rem; box-shadow:0 0 1px rgb(0,0,0,0.5); box-sizing:border-box; transition:0.4s;}
.siteWrap .site li a{width:100%; word-break:keep-all;}
.siteWrap .site li:hover, .siteWrap .site li:focus, .siteWrap .site li:active{box-shadow:none; background:#E6E6E6; color:#444; font-weight:700;}

@media(max-width:1350px){
.siteWrap .site li{width:30%;}
}

@media(max-width:820px){
.siteWrap .site li{width:calc(50% - 1.6rem);}
}

@media(max-width:585px){
.siteWrap .site{padding:1.6rem;}
.siteWrap .site li{width:100%;}
}