/* ============================================================
   캐럿 서브 페이지 레이아웃
   헤더(테마 #hd) / 바디(왼쪽 사이드 + 오른쪽 본문) / 푸터(테마 #ft)
   ─ 사이드바 위젯 스타일(.carat_side__*)과 모바일 드로어는
     carat_home.css 를 함께 로드해 재사용한다.
   ============================================================ */

/* 그누보드 기본 폭 제한 해제 (서브 레이아웃이 폭을 관리) */
#wrapper{ max-width:none; }

.carat_sub{
    display:grid;
    grid-template-columns:250px 1fr;
    gap:28px;
    max-width:var(--page-w,1440px);
    margin:0 auto;
    padding:24px 20px 60px;
    align-items:start;
    box-sizing:border-box;
}
.carat_sub *{ box-sizing:border-box; }

/* 오른쪽 본문 */
.carat_sub__body{ min-width:0; }

/* 본문 안 그누보드 컨테이너는 셀 폭을 그대로 채운다 (float 해제) */
.carat_sub #container_wr,
.carat_sub #container{
    max-width:none; width:auto; margin:0; padding:0;
    float:none; border:0; background:none;
}
.carat_sub #container:after{ content:""; display:block; clear:both; }

/* 서브 페이지 타이틀 */
.carat_sub #container_title{
    font-size:20px; font-weight:800; color:#191924;
    margin:0 0 20px; padding-bottom:14px;
    border-bottom:1px solid #ececf1;
}

/* ---------- 반응형 ---------- */
@media (max-width:1024px){
    /* 사이드바는 carat_home.css 규칙으로 오프캔버스 드로어가 된다.
       여기서는 그리드만 1열로 */
    .carat_sub{ grid-template-columns:1fr; gap:0; }
}
@media (max-width:640px){
    .carat_sub{ padding:16px 14px 40px; }
    .carat_sub #container_title{ font-size:18px; }
}