/* [CLUB-APPLY-MOBILE-20260320-002] 동아리 신청 페이지 전용 스타일 */
.club-apply-page .page-head p{
  line-height:1.55;
}

/* [CLUB-APPLY-MOBILE-20260320-003] 모바일에서 폼을 세로 배치 */
@media (max-width: 900px){
  .club-apply-page .filters .row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .club-apply-page .filters .item{
    min-width:0;
    width:100%;
  }
  .club-apply-page .filters .item .btn,
  .club-apply-page .filters .item button{
    width:100%;
  }
}

/* [CLUB-APPLY-MOBILE-20260320-004] 모바일에서 테이블 가로 스크롤 대신 세로 카드형 */
@media (max-width: 900px){
  .club-apply-page .table-wrap{
    overflow:visible;
  }
  .club-apply-page .table{
    width:100%;
    min-width:0;
    table-layout:fixed;
    border-collapse:separate;
    border-spacing:0;
  }
  .club-apply-page .table thead{
    display:none;
  }
  .club-apply-page .table tbody tr{
    display:block;
    margin-bottom:12px;
    border:1px solid #dbe3f0;
    border-radius:12px;
    background:#fff;
    padding:8px 10px;
  }
  .club-apply-page .table tbody td{
    display:grid;
    grid-template-columns:92px 1fr;
    gap:8px;
    align-items:start;
    text-align:left;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:anywhere;
    padding:8px 4px;
    border:0;
    border-bottom:1px dashed #dbe3f0;
  }
  .club-apply-page .table tbody td:last-child{
    border-bottom:0;
    padding-bottom:2px;
  }
  .club-apply-page .table tbody td::before{
    content:attr(data-label);
    font-size:12px;
    font-weight:700;
    color:#64748b;
    line-height:1.35;
  }
}