@charset "utf-8";
/* ==========================================================================
   리빌더 유료 게시판 스킨 '가이드'(rb.guide_bbs) 보정 — 이 스킨을 쓰는 게시판에서만 실린다
   (theme/rb.boardfactory/rb.theme/rbcompat.lib.php bf_rbc_foreign_open). 스킨 파일은 테마에 없다.

   이 스킨은 리빌더 기본 테마에서 사이트 머리 · 꼬리를 숨기고 왼쪽 목차 · 위 분류 막대를 화면에 고정한
   '문서 사이트' 화면이다. 스킨의 규칙(header · footer 숨김)은 틀(.rb-compat) 안에 가둬져 우리 머리를 못 숨기므로,
   같은 모양이 되도록 이 게시판 목록(왼쪽 목차 #rb_blog_list 가 있는 화면)에서만 우리 머리 · 서브 머리 · 사이드 · 꼬리 ·
   하단 탭바를 걷고 틀 카드를 편다. 글쓰기 · 글 보기는 스킨도 사이트 머리를 두므로 보통 화면이다.
   ========================================================================== */

body:has(.rb-skin-rb-guide_bbs #rb_blog_list) #bf_header,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) #bf_footer,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) .mo-tabbar,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) .bf-top,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) #bf_container > .sub-head,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) #bf_container .sub-tab,
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) #bf_container .content-side { display: none !important; }

/* 본문을 화면 폭 그대로 — 2단 · 폭 제한 · 틀 카드를 편다 */
#bf_container:has(.rb-skin-rb-guide_bbs #rb_blog_list) { padding: 0; max-width: none; }
#bf_container:has(.rb-skin-rb-guide_bbs #rb_blog_list) .content-wrap { display: block; max-width: none; padding: 0; }
#bf_container:has(.rb-skin-rb-guide_bbs #rb_blog_list) .content-main { width: 100%; max-width: none; }
.rb-compat:has(> .rb-skin-rb-guide_bbs #rb_blog_list) {
  margin: 0; padding: 0;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
}

/* 맨 위 고정 분류 막대(57px) 아래부터 — 스킨의 'padding-top:57px' 를 같은 스킨 앞쪽의 'padding:0 !important' 가 덮어
   본문 첫 줄('좌측의 분류를 선택해보세요!')이 막대 밑에 가렸다 */
.rb-skin-rb-guide_bbs .rb_bbs_wrap:has(#rb_blog_list) { padding-top: 57px !important; }
body:has(.rb-skin-rb-guide_bbs #rb_blog_list) { background: var(--surface); }

/* 스킨 바탕 · 글자를 사이트 색으로(라이트 · 다크) — 스킨은 흰 · 아주 옅은 회색을 박아 둔다 */
.rb-skin-rb-guide_bbs #bo_cate { background-color: var(--surface) !important; border-bottom: 1px solid var(--line); }
.rb-skin-rb-guide_bbs #rb_blog_list { background-color: var(--surface-2) !important; }
.rb-skin-rb-guide_bbs #rb_blog_list li a { color: var(--ink-600); }
.rb-skin-rb-guide_bbs #rb_blog_list li:hover,
.rb-skin-rb-guide_bbs #rb_blog_list li.active { background-color: var(--sky-50); }
.rb-skin-rb-guide_bbs #rb_blog_list li.active a { color: var(--sky-t2); font-weight: 600; }
.rb-skin-rb-guide_bbs #rb_blog_body { color: var(--ink-800); }