@charset "utf-8";
.volunteerGuide { } 

.volunteerGuide .supportInfo { display:grid; grid-template-columns:230px auto; align-items:start; gap:10px; } 
.volunteerGuide .supportInfo li:nth-child(1) { background:var(--base2) url(/images/support/ico_support06.svg) no-repeat right 15px bottom; color:#fff; padding:35px; border-radius:30px; margin-right:10px; height:240px; } 

.volunteerGuide .benefits dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); justify-content:start; gap:10px 25px; margin-top:10px; } 
.volunteerGuide .benefits dl dd { position:relative; padding:13px 30px; border:1px solid #ccc; border-radius:100px; line-height:1; text-align:center; white-space:nowrap; } 
.volunteerGuide .benefits dl dd::before { position:absolute; content:""; width:16px; height:16px; background:url(/images/support/ico_arrow.svg) no-repeat center; top:50%; right:-23px; transform:translateY(-50%); } 
.volunteerGuide .benefits dl dd:last-child::before{content: none;}


/* 태블릿 이하 */
@media screen and (max-width:1249px){

.volunteerGuide .benefits dl {margin-right: 20px;}
.volunteerGuide .benefits dl dd:first-child {}
.volunteerGuide .supportInfo { grid-template-columns:auto; }
.volunteerGuide .supportInfo li:nth-child(1) { margin:0; height:120px; background-size:80px; } 

} 



/* 모바일 보정 */
@media screen and (max-width:767px){

.volunteerGuide .supportInfo {display: block;}
.volunteerGuide .supportInfo li:nth-child(1) {margin-bottom: 10px;}
.volunteerGuide .benefits dl dd { padding:12px 20px;  } 

} 

@media screen and (max-width:500px){

.volunteerGuide .benefits dl dd { padding:10px 18px; } 

}