@charset "utf-8";

/* =========================================================
    SUB COMMON
    - 서브페이지 공통 (페이지 타이틀, 경로, 목록 상단)
    - 페이지 전용 스타일은 assets/css/{페이지명}.css 로 분리
========================================================= */
.sub-top{padding:var(--space-60) 0 var(--space-40);}
.sub-top .inner{display:flex;flex-direction:column;row-gap:var(--space-12);}
.sub-tit{font-size:var(--fs-32);font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--text-1);}

.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--fs-13);color:var(--text-3);}
.breadcrumb li+li::before{display:inline-block;margin:0 var(--space-8);content:'/';color:var(--text-4);}
.breadcrumb a:hover{color:var(--text-1);}
.breadcrumb li:last-child{color:var(--text-1);font-weight:500;}

.sub-cont{padding-bottom:var(--space-120);}

/* 목록 상단 (총 개수 + 정렬) */
.list-top{display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-20);margin-bottom:var(--space-24);}
.list-top .total{font-size:var(--fs-14);color:var(--text-3);}
.list-top .total strong{color:var(--text-1);font-weight:600;}
.list-top .select-box{width:160px;}
.list-top .select{height:40px;font-size:var(--fs-14);}

/* 빈 목록 */
.empty-box{display:flex;flex-direction:column;align-items:center;row-gap:var(--space-16);padding:var(--space-100) 0;text-align:center;color:var(--text-3);}

@media screen and (max-width: 500px) {
    .sub-top{padding:32px 0 24px;}
    .sub-tit{font-size:24px;}
    .sub-cont{padding-bottom:72px;}
}