@charset "utf-8";

/* ==========================================================================
   거산전자 테마 - 게시판/회원/폼 보조 스타일
   - 원본 board 스타일(.scbd)이 다루지 않는 그누보드 고유 요소(페이징, 폼 등)를
     원본 디자인(회색 #83878a 계열)에 맞춰 정의
   ========================================================================== */

/* ---------- 페이징 (그누보드 .pg_wrap -> 원본 .paginate 모양) ---------- */
/* 게시판(.scbd .paginate) 안에서는 원본 board.css 규칙이 그대로 적용되도록
   여기 규칙은 의도적으로 낮은 우선순위(0,1,x)로 둔다. 검색결과/새글 등 기본 스킨용 보조 스타일. */
.pg_wrap { clear:both; margin:0; padding:1em 0; text-align:center; }
.pg_wrap .pg { display:inline-block; }
.pg_wrap a,
.pg_wrap strong {
	display:inline-block; min-width:36px; height:36px; line-height:36px; padding:0 4px;
	vertical-align:middle; font-size:.875em; font-family:Arial, sans-serif; margin:0 .2em; text-align:center; color:#555;
}
.pg_wrap .pg_current { background:#83878a; color:#fff; font-weight:normal; }
.scbd .paginate .pg_wrap { padding:0; margin:0; }
.scbd .paginate .pg_wrap .pg { display:inline; }
.scbd .paginate .pg_wrap a, .scbd .paginate .pg_wrap strong { min-width:0; padding:0; }
.scbd .paginate .pg_wrap .pg_start, .scbd .paginate .pg_wrap .pg_prev,
.scbd .paginate .pg_wrap .pg_next, .scbd .paginate .pg_wrap .pg_end { width:auto; min-width:36px; padding:0 6px; }

/* ---------- 게시판 하단 버튼 ---------- */
.scbd .geosan-btns { margin:10px 0 0; }
.scbd .geosan-btns-l { float:left; }
.scbd .geosan-btns-r { float:right; }
.scbd .ui-btn { color:#555; }
.scbd .btn-co1, .scbd a.btn-co1 { color:#fff; }
.scbd input.ui-btn { border:0; font-family:inherit; }
.scbd a.ui-btn { font-size:14px; }
.scbd a.btn-sml, .scbd .btn-sml { font-size:12px; }

/* ---------- 사이트맵 (원본 /page/sitemap 인라인 style 그대로, .geosan-sitemap 안으로 범위 한정) ---------- */
/* 원본은 본문색 #999 (common.css body) 를 그대로 상속 → 윗줄·구분선 색도 #999. 테마 #sub .right { color:#555 } 대신 원본값 */
.geosan-sitemap { font-size:12px; letter-spacing:-0.7px; color:#999; }
.geosan-sitemap a { color:#000; }
.geosan-sitemap .grid-container { display:flex; justify-content:center; }
.geosan-sitemap .grid { width:708px; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.geosan-sitemap .grid-item { border:1px solid #ffffff; width:220px; height:190px; margin-top:20px; }
.geosan-sitemap .top-line-ct { width:220px; display:flex; justify-content:center; }
.geosan-sitemap .top-line { width:14px; border-bottom:2px solid; height:3px; }
.geosan-sitemap .top-line-ct2 { width:220px; display:flex; justify-content:center; line-height:38px; }
.geosan-sitemap .sitemap-text { font-size:12.36pt; color:#1e2438; }
.geosan-sitemap .top-line2 { width:185px; border-bottom:0.3px groove; height:1px; }
.geosan-sitemap .top-line-ct3 { width:220px; display:flex; justify-content:center; height:21px; }
.geosan-sitemap .sitemap-text2 { font-size:10pt; }
.geosan-sitemap .sitemap-text2:first-child { margin-top:10px; }

/* ---------- 목록 컬럼 ---------- */
/* 원본 목록 페이지 인라인 style (제품도면·홍보센터 등 링크 없는 제목도 12px) */
.scbd .col_subject div span { font-size:12px; }
.scbd .list_board .lst-board li .col_chk { display:table-cell; width:5%; text-align:center; vertical-align:middle; padding:.5em .3em; }
.scbd .list_board .lst-board li .col_no { text-align:center; }
.scbd .list_board .lst-board li .col_subject a { font-size:13px; font-weight:normal; }
.scbd .list_board .lst-board.lst-head li .td { padding:1em .3em; }
.scbd .lst-board li.empty { display:block; text-align:center; padding:2em 0; color:#666; }
.scbd .comment { color:#888; margin-left:4px; }
.scbd .comment:before { content:'['; }
.scbd .comment:after { content:']'; }

/* ---------- 제품 목록(.lst-web) ---------- */
/* ---------- 상세 보기 ---------- */
/* .conbody 여백은 원본 default_mobile.css(.scbd .conbody { margin:.5em; font-size:14px }) 그대로 둔다 */
.scbd .det .conbody img { max-width:100%; height:auto; }

/* ---------- 제품 상세 (원본 read.htm?board_code=sub0201 인라인 style 그대로) ---------- */
.bbs_view_wrap { width:100%; }
.bbs_view_wrap .bbs_view_top { border:3px solid #f4f4f4; padding:10px; margin-bottom:20px; }
.bbs_view_wrap .bbs_view_top .title { font-size:14px; font-weight:bold; background:#f4f4f4; padding:5px; margin-bottom:10px; }
.bbs_view_wrap .bbs_view_top .top_wrap { overflow:hidden; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_left { float:left; width:49%; min-height:268px; margin-right:2%; padding:10px; border:2px solid #f4f4f4; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_right { float:left; width:49%; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_right .title2 { border-top:10px solid #f4f4f4; padding:10px 0; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_right .s_subject { border-top:10px solid #f4f4f4; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_right .icons { border-top:10px solid #f4f4f4; padding:10px 0; }
.bbs_view_wrap .bbs_view_top .top_wrap .top_right .icons ul li a { float:left; }
.bbs_view_wrap .bbs_view_bottom { clear:both; border:3px solid #f4f4f4; padding:10px; margin-top:15px; }
.bbs_view_wrap .bbs_view_bottom .title { font-size:14px; font-weight:bold; }
/* 원본은 전역 .content div — 메인 최신글(.latest_wrap .content)에 번지지 않도록 범위만 한정 */
.bbs_view_wrap .content div { font-size:12px !important; letter-spacing:0.4px; line-height:20px; }
.scbd .geosan-view-img { margin:0 0 10px; }
.scbd .det .attachFiles { margin:0 .5em; }
.scbd .det .attachFiles ul li span { margin-left:8px; color:#999; }
.scbd .det .hgroup .title strong { font-size:15px; }

/* ---------- 글쓰기 ---------- */
.scbd .write dl { overflow:hidden; }
.scbd .write dl dd input[type=text],
.scbd .write dl dd input[type=password] { width:100%; border:0; background:transparent; height:28px; line-height:28px; }
.scbd .write dl dd .ui-input { min-width:200px; }
.scbd .write dl dd.wr_content { padding-right:.5em; }
.scbd .write dl dd { font-size:13px; }
.scbd .write .btngroup { padding:1.5em 0; text-align:center; }

/* ---------- 그누보드 기본 UI 클래스 (회원/검색/로그인 등 기본 스킨용) ---------- */
.frm_input, .full_input {
	border:1px solid #c2c2c2; background:#fff; color:#555; height:32px; padding:0 8px;
	box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.1); font-size:13px;
}
.full_input { width:100%; }
.frm_input:focus { border-color:#83878a; outline:0; }
textarea { border:1px solid #c2c2c2; padding:6px 8px; color:#555; }
select { height:32px; border:1px solid #aaa; background:#fff; color:#555; }

.btn_submit, .btn_b01, .btn_b02, .btn_cancel, .btn_close, a.btn_b01, a.btn_b02 {
	display:inline-block; padding:0 18px; height:36px; line-height:36px; border:0; background:#ddd; color:#555;
	font-size:13px; cursor:pointer; text-align:center; vertical-align:middle;
}
.btn_submit, .btn_b02 { background:#83878a; color:#fff; }
.btn_submit:hover, .btn_b01:hover, .btn_b02:hover { text-decoration:none; opacity:.85; }

.tbl_wrap { margin:0 0 20px; }
.tbl_wrap table { width:100%; border-collapse:collapse; }
.tbl_wrap caption { position:absolute; font-size:0; line-height:0; overflow:hidden; }
.tbl_head01 th, .tbl_head01 td { padding:8px 5px; border-bottom:1px solid #ddd; line-height:1.4; }
.tbl_head01 thead th { background:#f4f3f1; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
.tbl_frm01 th, .tbl_frm01 td { padding:8px 5px; border-bottom:1px solid #ddd; text-align:left; }

.mbskin, .mb_skin { margin:0 auto; color:#555; }
#sub .right { color:#555; }
/* 각종증명서는 cert-board.css (#sub .right .geosan-cert) 가 원본 타이포·색상 적용 */
#sub .right .geosan-cert { color:#999; }

/* 게시글 상세 제목 — 원본 read.htm (.scbd .det .hgroup), body Noto Sans KR 보다 우선 */
#sub .right .scbd.co-basic .det .hgroup .title strong {
	font-family: 'Malgun Gothic', sans-serif !important;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 1.4;
}
#sub .right .scbd.co-basic .det .hgroup dl {
	font-family: 'Malgun Gothic', sans-serif !important;
	font-size: 12px;
	color: #555555;
}
#sub .right .scbd.co-basic .det .hgroup dl dd span {
	font-family: 'Malgun Gothic', sans-serif !important;
	color: #555555;
}

/* 각종증명서 read.htm 하단 — 목록 버튼 아래 흰 여백 55px 고정 */
#sub .inner .right:has(.geosan-cert-detail) {
	padding-bottom: 55px;
}
#sub .inner .right .scbd.geosan-cert-detail .det > .clr {
	overflow: hidden;
}
#sub .inner .right .scbd.geosan-cert-detail .det > .btngroup {
	padding: 1em 0 0;
	text-align: center;
	border-top: 1px solid #ccc;
	clear: both;
}
#sub .inner .right .scbd.geosan-cert-detail .det > .btngroup .ui-btn.btn-co1 {
	margin-bottom: 0;
}