@charset "utf-8";

/*
 * 이집어때 커뮤니티 스킨 — 부동산지인 게시판 화면(root_community_layout) 위에 덧입히는 색만 담는다.
 *
 * 왜 이런 방식인가
 *   이집어때 전체메뉴의 공지사항·Q&A·자주하는질문은 부동산지인 커뮤니티 화면을 그대로 쓴다
 *   (BbsUseController → root_community_layout → views/community/list·view).
 *   res_ezip/css/* 에는 게시판 스타일이 한 줄도 없어(bbs-list 0건 · pagination 0건) 갈아끼울 수 없고,
 *   ezip.common.css 를 통째로 얹으면 그 안의 전역 리셋(*, div,p,ul,li,a,button…)이
 *   지인 헤더·폼·모달까지 깨뜨린다. 그래서 지인 CSS 는 그대로 두고 색만 뒤에서 덮는다.
 *
 * 적용 범위
 *   .root-community.ezip-skin 으로만 스코프한다. ezip-skin 은 게시판 id 가 nt_bbs_ezip_ 로
 *   시작할 때만 붙으므로(root_community_layout.html), 부동산지인 게시판에는 어떤 규칙도 걸리지 않는다.
 *   ⚠ 전역 선택자(*, div, p, ul, li, a, button…)를 여기에 절대 쓰지 말 것.
 *   ⚠ 클래스 2개라 원본(.root-community …)보다 특정도가 항상 높다. 원본이 !important 를 쓴
 *      드롭다운 4개만 !important 로 덮는다.
 *
 * 색 대응 (2026-09-02 사용자 결정 — 「브랜드색만」)
 *   #0a2e4f (지인 남색) → #3f5856 (이집 딥틸)
 *   #23b3c6 (지인 청록) → #007681 (이집 틸)
 *   rgba(35,179,198,.1) → rgba(0,118,129,.1)
 *   ⚠ #0b99ac(글쓰기·btn-dark)와 #ff7240·#ff863d(주황)는 바꾸지 않는다 —
 *     셋 다 이집어때 자기 CSS 에도 이미 쓰이는 값이다(실측 res_ezip: 16 · 11 · 19회).
 *     바꾸면 이집어때 안에서 같은 색이 두 값으로 갈린다.
 *   box-shadow 의 rgba(10,46,79,.x) 는 알파 0.1~0.2 의 그림자라 브랜드 인지에 영향이 없어 그대로 둔다.
 *
 * 대상 규칙을 다시 뽑는 법 (지인 CSS 가 바뀌면 이 명령으로 대조한다)
 *   python -c "import re,sys;t=open(sys.argv[1],encoding='utf-8').read();\
 *   [print(s.strip(),'{',b.strip(),'}') for s,b in re.findall(r'([^{}]+)\{([^{}]*)\}',t)\
 *    if '.root-community' in s and re.search(r'#(0a2e4f|23b3c6)',b,re.I)]" \
 *    GinPlus-Web/src/main/resources/static/res_root/css/home.component.css
 *   ⚠ home.responsive.css · home.common.css 에도 돌려 볼 것 — 2026-09-02 실측으로는
 *     그 둘에 브랜드색을 쓰는 .root-community 규칙이 0건이었다(레이아웃만 다룬다).
 *
 * 여기에 넣지 않은 것 (커뮤니티 게시판에 렌더되지 않아 덮을 이유가 없다)
 *   .board.root-community …   → board 클래스는 views/member/** 전용이다(coupon·myQna·pay 등).
 *   .with-thumbnail …         → 교육안내(BBS_TYPE 003) 전용. 이집 게시판은 전부 001 이다.
 *   .root-community .report … → 신고·리포트 화면(member) 전용.
 */

/* ---------- 상단 탭 (layouts/community/sub_menu) ----------
   앱에서는 껍데기 숨김 규칙(article.sub-menu)에 가려 안 보이고, 웹 팝업에서만 보인다. */
.root-community.ezip-skin .nav-tabs li {
    border-top-color: #3f5856;
    border-right-color: #3f5856;
    border-left-color: #3f5856;
}
.root-community.ezip-skin .nav-tabs li:first-child,
.root-community.ezip-skin .nav-tabs li + li {
    border-left-color: #3f5856;
}
.root-community.ezip-skin .nav-tabs li::after {
    background-color: #3f5856;
}
.root-community.ezip-skin .nav-tabs li.active,
.root-community.ezip-skin .nav-tabs li.active a {
    background-color: #3f5856;
}

/* ---------- 목록 상단 — 검색 · 분류 ---------- */
.root-community.ezip-skin .bbs-filter input[type=text]:focus {
    border-color: #007681;
}
.root-community.ezip-skin .bbs-filter button {
    background-color: #3f5856;
}
.root-community.ezip-skin .bbs-filter button:hover,
.root-community.ezip-skin .bbs-filter button:active {
    background-color: #007681;
}
.root-community.ezip-skin .category-list .active,
.root-community.ezip-skin .category-list a:hover,
.root-community.ezip-skin .category-list a:active {
    color: #3f5856;
}

/* ---------- 검색 드롭다운 ----------
   ⚠ 원본이 !important 로 박아 두어 여기도 !important 로만 덮인다.
      (scripts/community/_list.html 이 .bbs-filter .search-box 안에 이 드롭다운을 만든다) */
.root-community.ezip-skin .dropdown > .dropdown-select::after {
    border-bottom-color: #3f5856;
    border-right-color: #3f5856;
}
.root-community.ezip-skin .dropdown:hover,
.root-community.ezip-skin .dropdown:active,
.root-community.ezip-skin .dropdown.active {
    border-color: #007681 !important;
}
.root-community.ezip-skin .dropdown.active > .dropdown-select {
    border-color: #007681 !important;
}
.root-community.ezip-skin .dropdown > .dropdown-menu > li:active {
    background-color: rgba(0, 118, 129, .1) !important;
}

/* ---------- 목록 ---------- */
.root-community.ezip-skin .bbs-list li > a:hover::after {
    background-color: #3f5856;      /* mask 로 그리는 화살표 */
}
.root-community.ezip-skin .bbs-list .icon-notice {
    background-color: #007681;      /* ⚠ 원본이 background 단축이라 색만 따로 덮는다(아이콘 url 유지) */
}
.root-community.ezip-skin .bbs-list .disabled > a .sum span,
.root-community.ezip-skin .bbs-list .text .btn-border {
    color: #3f5856;
}

/* ---------- 목록 하단 버튼 ---------- */
.root-community.ezip-skin .bbs-btn-set button:hover,
.root-community.ezip-skin .bbs-btn-set button:active {
    border-color: #3f5856;
}
.root-community.ezip-skin .bbs-btn-set .btn-secondary {
    border-color: #3f5856;
    background-color: #3f5856;
}
.root-community.ezip-skin .bbs-btn-set .btn-secondary:hover,
.root-community.ezip-skin .bbs-btn-set .btn-secondary:active {
    border-color: #007681;
    background-color: #007681;
}

/* ---------- 페이지네이션 ---------- */
.root-community.ezip-skin .page-mumber a {
    border-color: #3f5856;
}
.root-community.ezip-skin .page-mumber li.active a {
    background-color: #3f5856;
}
.root-community.ezip-skin .page-mumber .jump a::before {
    background-color: #3f5856;
}
.root-community.ezip-skin .page-mumber .jump a:hover,
.root-community.ezip-skin .page-mumber .jump a:active {
    border-color: #3f5856;
}

/* ---------- 글 상세 — 첨부 · 이전/다음 ---------- */
.root-community.ezip-skin .bbs-attachment a::before {
    background-color: #3f5856;      /* ⚠ 원본이 background 단축(클립 아이콘 url 유지) */
}
.root-community.ezip-skin .bbs-attachment a:hover::before,
.root-community.ezip-skin .bbs-attachment a:active::before {
    background-color: #007681;
}
.root-community.ezip-skin .bbs-page-move a::before,
.root-community.ezip-skin .bbs-page-move a::after {
    background-color: #3f5856;
}
.root-community.ezip-skin .bbs-page-move .list:hover,
.root-community.ezip-skin .bbs-page-move .list:active {
    color: #007681;
}

/* ---------- 글 상세 — 댓글 (Q&A 는 댓글이 열려 있다) ---------- */
.root-community.ezip-skin .comment-area .total {
    border-bottom-color: #3f5856;
}
.root-community.ezip-skin .comment-list .comment-btn-set .btn-secondary {
    background-color: #3f5856;
}
.root-community.ezip-skin .comment-list .comment-btn-set .btn-secondary:hover,
.root-community.ezip-skin .comment-list .comment-btn-set .btn-secondary:active {
    background-color: #007681;
}
.root-community.ezip-skin .comment-list .comment-btn-set .icon-alarm::before {
    background-color: #3f5856;
}
.root-community.ezip-skin div[class^=comment-] textarea {
    border-color: #3f5856;
}
.root-community.ezip-skin div[class^=comment-] textarea:focus {
    border-color: #007681;
}

/* ---------- 첨부 버튼 (글쓰기 · 댓글) ---------- */
.root-community.ezip-skin .attachment .btn-attach::before {
    background-color: #3f5856;
}
.root-community.ezip-skin .attachment .btn-attach:hover,
.root-community.ezip-skin .attachment .btn-attach:active {
    border-color: #3f5856;
}