@charset "utf-8";

/* ============================================================
   Gupsa 게시판 스킨 — 브릭 테마 오버라이드 (#92342b)
   ※ 기존 css/html 로직은 그대로 두고, 이 파일이 마지막에 로드되어
      색상·모서리·그림자·간격을 현대적으로 덮어씁니다.
   ============================================================ */

#xet_board {
	--bk: #92342b;        /* primary brick */
	--bk-d: #6f271f;      /* deep */
	--bk-l: #b34a37;      /* light */
	--bk-tint: #faf5f3;   /* very light bg */
	--bk-tint2: #f3e7e4;  /* light border/bg */
	--grad: linear-gradient(100deg, #92342b 0%, #b34a37 100%);
	color:#4a4a4a;
	font-family:'Pretendard', 'Apple SD Gothic Neo', sans-serif;
}

/* ---------- 게시판 제목 ---------- */
#xet_board .boardTitleText,
#xet_board .boardTitleText.h_height {
	background:var(--grad) !important;
	border-radius:18px;
	box-shadow:0 12px 30px rgba(146,52,43,0.18);
	overflow:hidden;
}
#xet_board .m_title {font-weight:800; letter-spacing:-0.5px; text-shadow:0 2px 12px rgba(0,0,0,0.2);}
#xet_board .boardDescription {color:#7a6f6d;}

/* ---------- 카테고리 탭 (알약형) ---------- */
#xet_board .categoryList li a {
	display:inline-block;
	border:1px solid #e2d6d3 !important;
	background:#fff !important;
	border-radius:50rem !important;
	color:#6a5c59 !important;
	font-weight:600;
	padding:7px 16px !important;
	transition:all .18s ease-out;
}
#xet_board .categoryList li a:hover {
	border-color:var(--bk) !important;
	color:var(--bk) !important;
}
#xet_board .categoryList li a.on,
#xet_board .categoryList li a.on2,
#xet_board .categoryList li a.on3 {
	background:var(--bk) !important;
	border-color:var(--bk) !important;
	color:#fff !important;
	box-shadow:0 4px 12px rgba(146,52,43,0.22);
}

/* ---------- 목록형 테이블 ---------- */
#xet_board .boardList {border-top:2px solid var(--bk);}
#xet_board .boardList thead th {
	border-bottom:2px solid var(--bk) !important;
	background:var(--bk-tint) !important;
	color:#3a2f2d !important;
	font-weight:700;
}
#xet_board .boardList tbody tr {transition:background .15s ease-out;}
#xet_board .boardList tbody tr:hover {background:var(--bk-tint) !important;}
#xet_board .boardList td .subject,
#xet_board .boardList td.title a {color:#3a3230 !important;}
#xet_board .boardList th a:hover,
#xet_board .boardList td a:hover,
#xet_board .boardList td .subject:hover {color:var(--bk) !important;}
#xet_board .boardList td.notice span {
	display:inline-block; background:var(--bk); color:#fff !important;
	border-radius:50rem; font-size:12px; font-weight:700; padding:2px 12px; line-height:1.5;
}
#xet_board .boardList td.title .xi-new,
#xet_board .boardList td.title .xi-update {color:var(--bk-l) !important;}

/* ---------- 검색 폼 ---------- */
#xet_board .boardSearchForm .boardSearch {gap:6px;}
#xet_board .boardSearchForm .boardSearch select,
#xet_board .boardSearchForm .boardSearch input[type="text"],
#xet_board .boardSearchForm .boardSearch .search_btn_wrp {
	border:1px solid #ddd2cf !important;
	border-radius:10px !important;
	height:44px;
}
#xet_board .boardSearchForm .boardSearch input[type="text"]:focus,
#xet_board .boardSearchForm .boardSearch select:focus {
	border-color:var(--bk) !important;
	box-shadow:0 0 0 3px rgba(146,52,43,0.1);
}
#xet_board .boardSearchForm .boardSearch .search_btn,
#xet_board .boardSearchForm .boardSearch .search_btn_wrp {
	background:var(--bk) !important; border-color:var(--bk) !important;
	border-radius:10px !important;
}
#xet_board .boardSearchForm .boardSearch .search_btn i {color:#fff !important;}

/* ---------- 페이지네이션 ---------- */
#xet_board .pagination a,
#xet_board .pagination strong {
	border-radius:10px !important; min-width:38px; height:38px; line-height:36px;
	transition:all .15s ease-out;
}
#xet_board .pagination a:hover {border-color:var(--bk) !important; color:var(--bk) !important;}
#xet_board .pagination .page_on {
	background:var(--bk) !important; border-color:var(--bk) !important; color:#fff !important;
	box-shadow:0 4px 10px rgba(146,52,43,0.22);
}

/* ---------- 버튼 (flat-ui 색상 → 브릭 계열) ---------- */
#xet_board .xet_btn {border-radius:10px !important; font-weight:600; letter-spacing:-0.2px; transition:all .18s ease-out;}
#xet_board .xet_btn.peter_river,
#xet_board .xet_btn.belize_hole {background:var(--bk) !important;}
#xet_board .xet_btn.peter_river:hover,
#xet_board .xet_btn.belize_hole:hover {background:var(--bk-l) !important;}
#xet_board .xet_btn.peter_river:active,
#xet_board .xet_btn.belize_hole:active {background:var(--bk-d) !important;}
#xet_board .xet_btn:not(.clouds):not(.concrete):not(.asbestos):hover {box-shadow:0 6px 16px rgba(146,52,43,0.18); transform:translateY(-1px);}

/* 글쓰기 등 주요 액션 버튼 강조 */
#xet_board .board-control a[href*="act=dispBoardWrite"],
#xet_board a.write,
#xet_board .btn_write {
	background:var(--grad) !important; color:#fff !important; border:0 !important;
	border-radius:10px !important; box-shadow:0 6px 16px rgba(146,52,43,0.22);
}

/* ---------- 글 보기(view) ---------- */
#xet_board .boardReadHeader,
#xet_board .boardRead .titleArea {border-bottom:2px solid var(--bk) !important;}
#xet_board .titleArea .title {color:#2d2422; font-weight:700; letter-spacing:-0.3px;}
#xet_board .titleArea .category {color:var(--bk); font-weight:600;}
#xet_board .title_info .author {color:var(--bk-d);}
#xet_board .boardReadBody {line-height:1.9;}
#xet_board .boardReadBody a {color:var(--bk);}
#xet_board .attachedFile .fileToggle,
#xet_board .up_files .file_color {color:var(--bk) !important;}
#xet_board .boardReadFooter .tag a {background:var(--bk-tint); color:var(--bk-d); border-radius:50rem; padding:3px 12px; display:inline-block;}

/* ---------- 액션 버튼 (글쓰기/목록/수정/삭제/관리/등록) ---------- */
#xet_board .board_cat_butt_point,
#xet_board .board_cat_butt_point_o {
	display:inline-flex; align-items:center; gap:6px;
	height:42px; padding:0 20px; margin:2px;
	border-radius:10px; font-size:14px; font-weight:700; line-height:1;
	vertical-align:middle; cursor:pointer; transition:all .18s ease-out;
}
/* 채움형 (글쓰기·등록 등 주요 액션) */
#xet_board .board_cat_butt_point {
	background:var(--grad); color:#fff !important; border:1px solid var(--bk);
	box-shadow:0 6px 16px rgba(146,52,43,0.22);
}
#xet_board .board_cat_butt_point:hover {transform:translateY(-2px); box-shadow:0 10px 22px rgba(146,52,43,0.28);}
/* 아웃라인형 (목록·관리 등 보조 액션) */
#xet_board .board_cat_butt_point_o {
	background:#fff; color:var(--bk) !important; border:1px solid #e0cfcb;
}
#xet_board .board_cat_butt_point_o:hover {border-color:var(--bk); background:var(--bk-tint); transform:translateY(-2px);}

/* ---------- 입력 요소 공통 (검색/글쓰기/댓글) ---------- */
#xet_board .inputText,
#xet_board .iText,
#xet_board .board_write textarea,
#xet_board .commentEditor .inputText {
	border-radius:10px !important; transition:border-color .15s, box-shadow .15s;
}
#xet_board .inputText:focus,
#xet_board .iText:focus,
#xet_board .board_write textarea:focus {
	border-color:var(--bk) !important; box-shadow:0 0 0 3px rgba(146,52,43,0.1) !important; outline:none;
}

/* ---------- 댓글 ---------- */
#xet_board .comment .item .meta a,
#xet_board .comment .item .userName {color:var(--bk-d);}
#xet_board .comment .itemContent {border-radius:12px;}
#xet_board .comment .boardWrite {border-radius:12px;}

/* ---------- 갤러리형 썸네일 ---------- */
#xet_board .boardGallery li .thumb,
#xet_board .gallery li .thumb,
#xet_board ul.gallery > li img,
#xet_board .zItem .thumb {border-radius:14px !important; overflow:hidden;}
#xet_board .boardGallery li a:hover .title,
#xet_board .gallery li a:hover .title {color:var(--bk) !important;}
#xet_board .boardGallery li,
#xet_board .gallery li {transition:transform .22s ease-out;}
#xet_board .boardGallery li:hover,
#xet_board .gallery li:hover {transform:translateY(-4px);}

/* ---------- FAQ / QnA 아코디언 ---------- */
#xet_board .faq_list .q,
#xet_board .faqList .question,
#xet_board .qnaList .q {border-radius:12px;}
#xet_board .faq_list .q.on,
#xet_board .faqList .question.active,
#xet_board .qnaList .q.on {background:var(--bk-tint) !important; color:var(--bk) !important;}
#xet_board .faq_list .q:before,
#xet_board .qnaList .q:before {color:var(--bk) !important;}

/* 링크/공통 강조색 정리 */
#xet_board .infoView a.on {color:var(--bk) !important;}

/* ---------- INCA 서브페이지 프레임 연동 ----------
   page_info(h3)가 게시판 제목을 표시하므로, 게시판 내부 큰 배너는 숨김.
   (배너를 유지하려면 아래 .boardTitleText 규칙을 지우세요) */
#xet_board .boardTitleText {display:none !important;}
#xet_board .boardTitle {margin-bottom:14px;}
#xet_board .boardDescription {font-size:1rem; color:#7a6f6d;}
/* 프레임 폭에 맞춰 게시판 꽉 차게 */
#contents.container #xet_board.limit_width {max-width:none; width:100%;}
#contents.container .content {font-size:inherit;}

/* ---------- 검색 폼 미세 조정 ---------- */
#xet_board .boardSearchForm .boardSearch {display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:center;}
#xet_board .boardSearchForm .boardSearch .search_btn,
#xet_board .boardSearchForm .boardSearch .search_btn_wrp {
	display:inline-flex; align-items:center; justify-content:center; gap:5px;
	height:44px; padding:0 20px; white-space:nowrap; width:auto; min-width:96px;
	color:#fff !important; font-weight:700;
}
#xet_board .boardSearchForm .boardSearch .search_btn i {margin-right:2px;}
#xet_board .boardSearchForm .boardSearch select {min-width:110px; padding:0 10px;}
#xet_board .boardSearchForm .boardSearch input[type="text"] {padding:0 12px;}

/* page_info 제목 빈 값 대비: 점만 남는 현상 방지 (제목 없을 때 여백만) */
#xet_board ~ * .page_info h3 > span:empty::after,
.page_info h3 > span:empty::after {display:none;}