.board_wrap{
	margin:0 auto;
	width:1320px;
	vertical-align:top;
}
.board_head {
	display:grid;
	grid-template-columns:80px 1fr 120px 140px 90px;
	align-items:center;
	border-top:2px solid #055d91;
	border-bottom:1px solid #ddd;
	background:#f7f7f7;
	font-weight:bold; /* 유지 */
	text-align:center;
}

.board_row{
	display:grid;
	grid-template-columns:80px 1fr 120px 140px 90px;
	align-items:center;
	border-bottom:1px solid #ddd;
	text-align:center;
	cursor:pointer;
}

/* 공통 padding */
.board_head > div,
.board_row > div{
	padding:14px 10px;
	box-sizing:border-box;
}
.board_head > div{
	font-weight:500;
	font-size:15px;
}
/* row만 얇게 */
.board_row > div{
	font-size:15px;
	font-weight:400;
	color:#000;
}

/* 개별 스타일 */
.board_no {
	text-align:center;
}

.board_title{
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.board_title a{
	text-decoration:none;
}

.board_title a:hover{
	text-decoration:underline;
}

.board_writer,
.board_date,
.board_text,
.board_hit{
	text-align:center;
}

/* 상단 영역 */
.board_wrap .board_top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:15px;
}

/* 좌측 total */
.board_wrap .board_total{
	color:#565656;
	font-weight:bold;
}

/* 우측 검색 영역 */
.board_wrap .board_search{
	display:flex;
	align-items:center;
	gap:5px;
}
.board_wrap .board_search2{
	text-align:right;
}

/* 검색 input */
.board_wrap .board_search_input{
	height:34px;
	padding:0 10px;
	border:1px solid #ccc;
}

/* 검색 버튼 */
.board_wrap .board_search_btn{
	height: 34px;
    padding: 0 15px;
    border: 1px solid #6a7e8f;
    background: #6a7e8f;
    color: #fff;
    cursor: pointer;
}
.board_wrap .board_write_btn{
	margin-top:20px;
	padding:0 40px;
	font-size:13pt;
	line-height:40px;
	border:1px solid #055d91;
	background:#055d91;
	color:#fff;
	cursor:pointer;
}

.bbs_paging_wrap{
	width:1400px;
	max-width:100%;
	margin:30px auto 0 auto;
	text-align:center;
}

.bbs_paging{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
}

.bbs_page_num,
.bbs_page_btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 8px;
	border:1px solid #ddd;
	background:#fff;
	color:#055d91;
	font-size:14px;
	text-decoration:none;
	box-sizing:border-box;
}

.bbs_page_on{
	background:#6a7e8f;
	color:#fff;
	font-weight:bold;
}

.bbs_page_disabled{
	border-color:#ccc;
	color:#aaa;
	background:#f7f7f7;
}

.bbs_page_num:hover,
.bbs_page_btn:hover{
	background:#173b73;
	color:#fff;
}

.bbs_page_disabled:hover{
	background:#f7f7f7;
	color:#aaa;
}


.book_info_box{
	margin:0;
	padding:0;
	width:100%;
}

.book_info_row{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:4px 0;
	line-height:1.6;
}

.book_info_title{
	width:90px;
	min-width:90px;
	font-weight:600;
	color:#222222;
	word-break:keep-all;
}

.book_info_bar{
	color:#c8c8c8;
	font-weight:400;
}

.book_info_value{
	flex:1;
	color:#555555;
	word-break:break-all;
}





.faq_board{
	width:100%;
	border-top:2px solid #222;
}

.faq_item{
	border-bottom:1px solid #e5e5e5;
}

.faq_subject{
	display:flex;
	align-items:center;
	gap:12px;
	padding:18px 15px;
	cursor:pointer;
	background:#fff;
}

.faq_q{
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	border-radius:50%;
	background:#222;
	color:#fff;
	font-weight:700;
	flex-shrink:0;
}

.faq_subject strong{
	display:block;
	flex:1;
	font-size:16px;
	color:#222;
	font-weight:600;
}

.faq_arrow{
	font-size:22px;
	color:#999;
	font-weight:300;
	transition:all 0.2s ease;
}

.faq_contents{
	max-height:0;
	overflow:hidden;
	background:#fafafa;
	transition:max-height 0.35s ease;
}

.faq_item.faq_open .faq_contents{
	max-height:400px;
}

.faq_item.faq_open .faq_arrow{
	transform:rotate(45deg);
}

.faq_contents_inner{
	position:relative;
	padding:20px;
	padding-top:55px;
	max-height:400px;
	overflow-y:auto;
	line-height:1.7;
	font-size:15px;
	color:#444;
	border-top:1px solid #eee;
	box-sizing:border-box;
}

.faq_contents_inner::-webkit-scrollbar{
	width:6px;
}

.faq_contents_inner::-webkit-scrollbar-thumb{
	background:#ccc;
	border-radius:10px;
}

/* 우측 상단 고정 톱니버튼 */
.faq_edit_btn{
	position:absolute;
	right:15px;
	top:15px;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	border-radius:50%;
	background:#222;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	z-index:10;
	transition:all 0.2s ease;
}

.faq_edit_btn:hover{
	background:#444;
	transform:rotate(90deg);
}




@media screen and (max-width:768px){
	.board_wrap{
		margin:0 auto;
		padding:0;
		width:92%;
		border-top:0;
		vertical-top:top;
	}

	.board_head{
		display:none;
	}

	.board_row{
		display:block;
		margin-bottom:5px;
		padding:14px;
		border:1px solid #ddd;
		background:#fff;
		text-align:left;
	}

	.board_row > div{
		padding:0;
	}

	.board_no{
		display:none;
	}


	.board_title{
		display:-webkit-box;
		-webkit-line-clamp:2;   /* 2줄 제한 */
		-webkit-box-orient:vertical;
		overflow:hidden;
		text-overflow:ellipsis;
		line-height:1.4em;
		max-height:2.8em; /* line-height * 2 */
		word-break:break-all;
	}

	.board_writer,
	.board_date,
	.board_hit{
		display:inline-block;
		font-size:13px !important;
		color:#565656;
		margin-top:6px;
	}

	/* 한 줄로 강제 정렬 */
	.board_writer{
		margin-right:8px;
	}

	.board_date{
		margin-right:8px;
	}
	.board_text{
		margin-right:10px;
		display:inline-block;
		font-size:13px !important;
		color:#565656;
		margin-top:6px;
	}

	/* 기존 before 제거 */
	.board_writer:before,
	.board_hit:before{
		content:"";
	}

	/* 구분자 추가 */
	.board_writer:after{
		content:" | ";
		color:#f1f1f1;
		margin:0;
	}

	.board_date:after{
		content:" 조회 :";
		color:#565656;
		margin:0 0 0 12px;
	}

	/* 상단 전체 줄바꿈 */
	.board_wrap .board_top{
		flex-wrap:wrap;
	}

	/* total 한줄 전체 사용 */
	.board_wrap .board_total{
		width:100%;
		margin-bottom:8px;
	}

	/* 검색영역 */
	.board_wrap .board_search{
		width:100%;
		display:flex;
	}

	/* 입력창 꽉 채우기 */
	.board_wrap .board_search_input{
		flex:1;
	}

	/* 버튼 고정 + 우측 붙이기 */
	.board_wrap .board_search_btn{
		flex-shrink:0;
	}
	.board_wrap .board_write_btn{
		margin-top:20px;
		padding:0 30px;
		font-size:12pt;
		line-height:36px;
		border:1px solid #055d91;
		background:#055d91;
		color:#fff;
		cursor:pointer;
	}
	.bbs_paging_wrap{
		width:300px;
		margin:24px auto 0 auto;
	}

	.bbs_paging{
		gap:4px;
	}

	.bbs_mobile_hide{
		display:none;
	}

	.bbs_page_num,
	.bbs_page_btn{
		min-width:32px;
		height:32px;
		font-size:13px;
		padding:0 6px;
	}
}