.headline{max-width:500px; margin:0 auto}
@media(min-width:768px){
  .headline{max-width:var(--mx-width-sm)}
}

/* 참여 현황 */
.section-status{padding:30px}
.section-status .headline h2{font-size:15px; color:#fff; background-color:#fff; padding:8px 16px; border-radius:999px; background-color:#F8606B}
.section-status .headline h1{margin-top:16px; font-size:28px; font-weight:600; line-height:1.4; text-align:center}
.section-status .headline p{margin-top:8px; font-size:16px; line-height:1.6; text-align:center; color:rgba(0, 0, 0, 0.6)}

/* counts */
.item-wrap{max-width:580px; margin:28px auto 0}
.item-wrap .txt{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px 30px; padding:20px 0}
.item-wrap .txt .tit{font-size:17px; color:var(--color-brown); font-weight:500}
.item-wrap .txt .today{font-size:14px; font-weight:500; color:rgba(0, 0, 0, 0.5); display:flex; align-items:center; gap:8px}
.item-wrap .txt .today::before{content:''; width:14px; height:15px; background:url('/images/checklist/ico_calendar.svg') no-repeat center / contain; display:inline-block}
.item-wrap .txt .base{font-size:13px; color:rgba(0,0,0,0.4)}

.participation{padding:24px 20px; gap:20px; flex-wrap:wrap; margin:0; max-width:inherit; border-radius:16px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03)}
.participation .count{color:var(--color-primary); font-size:20px; font-weight:600; margin-top:3px}
@media(min-width:768px){
  .participation{padding:30px 20px}
  .participation .count{font-size:25px}
}
@media(min-width:1070px){
  .section-status{padding:80px 30px 60px}
  .section-status .headline h2{font-size:16px; padding:10px 20px}
  .section-status .headline h1{font-size:40px}
  .section-status .headline p{font-size:18px}

  .item-wrap{max-width:var(--mx-width-sm); margin:40px auto 0}
  .item-wrap .txt{padding:20px 0}
  .item-wrap .txt .tit{font-size:18px}
  .participation{padding:30px 40px; border-radius:20px}
  .participation .tit{font-size:16px}
  .participation .count{font-size:32px}
}

/* check icon */
.check-item{margin-top:50px; gap:24px 0}
.check-item .list-item{padding:0 8px; flex:50% 0}
.check-item .list-item:first-child{padding-left:0}
.check-item .list-item:last-child{padding-right:0}
.check-item .text{text-align:center; margin-top:12px}
.check-item .text .tit{font-size:17px; font-weight:500; line-height:1.2}
.check-item .text .count{margin-top:4px; font-size:16px; font-weight:600; line-height:1.5; color:var(--color-primary)}
/* Common : icon -------------------- */
.item-icon{width:85px; height:85px; margin:0 auto; border-radius:999px; display:flex; justify-content:center; align-items:center; background:#fff no-repeat center / 40px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03)}
/* basic */
.greeting .item-icon{background-image:url('/images/checklist/ico_greeting.svg')}
.thanks .item-icon{background-image:url('/images/checklist/ico_thanks.svg')}
.apology .item-icon{background-image:url('/images/checklist/ico_apology.svg')}
.tolerance .item-icon{background-image:url('/images/checklist/ico_tolerance.svg')}
.yield .item-icon{background-image:url('/images/checklist/ico_yield.svg')}
.esteem .item-icon{background-image:url('/images/checklist/ico_esteem.svg')}
.cheerup .item-icon{background-image:url('/images/checklist/ico_cheerup.svg')}

.thanks .item-icon{background-image:url('/images/checklist/ico_thanks_data.svg')}
/* .yield .item-icon{background-image:url('/images/checklist/ico_yield_data.svg')} */
.cheerup .item-icon{background-image:url('/images/checklist/ico_cheerup_data.svg')}
@media(min-width:364px){
  .check-item .list-item{flex:33.333% 0}
}
@media(min-width:570px){
  .check-item .list-item{flex:25% 0}
}
@media(min-width:768px){
  /* .check-item .list-item{flex:25% 0} */
}
@media(min-width:1070px){
  .check-item .list-item{flex:1 1 0}
}


/* 캠페인 참여하기 */
.section-banner{max-width:var(--mx-width-md); margin:0 auto; padding:30px 30px 195px; background-image:url('/images/status_bg.jpg'); background-position:center bottom; background-repeat:no-repeat; background-size:cover}
.section-banner .headline h3{margin-top:6px; font-size:24px; font-weight:600; color:#6A5848; line-height:1.4}
.section-banner .headline b{color:#F8606B}
.section-banner .headline p{font-weight:500; font-size:16px; line-height:1.6; text-align:center; letter-spacing:-0.04em; color:#947062}
.section-banner .headline .btn-color{margin-top:16px}
@media(min-width:768px){
  .section-banner{padding:50px 30px 260px}
}
@media(min-width:1070px){
  .section-banner{padding-bottom:350px}
  .section-banner .headline h3{margin-top:8px; font-size:38px}
  .section-banner .headline p{font-size:20px}
  .section-banner .headline .btn-color{margin-top:24px}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .section-banner{background-image:url('/images/status_bg@2x.jpg')}
}








.section-banner .headline .btn-color{}