.gallery_list {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:24px 20px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
}
.gallery_list li {
	min-width:0;
}
.gallery_item {
	height:100%;
	overflow:hidden;
	border:1px solid #e5e7eb;
	background:#fff;
	transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.gallery_item:hover {
	border-color:#cbd5e1;
	box-shadow:0 12px 28px rgba(15, 23, 42, .08);
	transform:translateY(-2px);
}
.gallery_list .nolist {
	grid-column:1 / -1;
	padding:54px 20px;
	text-align:center;
	color:#777;
	border:1px solid #e5e7eb;
	background:#fafafa;
}
.gallery_list_img {
	overflow:hidden;
	background:#f4f5f7;
}
.gallery_list_img a {
	display:block;
	aspect-ratio:4 / 3;
}
.gallery_list_img img {
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .25s ease;
}
.gallery_item:hover .gallery_list_img img {
	transform:scale(1.04);
}
.gallery_list_txt {
	display:flex;
	align-items:flex-start;
	gap:7px;
	min-height:68px;
	padding:14px 14px 16px;
	line-height:1.45;
	text-align:left;
	box-sizing:border-box;
}
.gallery_list_txt .chk_wr_ids {
	flex:0 0 auto;
	margin:3px 0 0;
}
.gallery_list_txt a {
	display:-webkit-box;
	overflow:hidden;
	color:#20242a;
	font-weight:600;
	text-decoration:none;
	word-break:keep-all;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.gallery_list_txt a:hover {
	color:#0f5f9f;
	text-decoration:underline;
	text-underline-offset:3px;
}
.gallery_category {
	display:inline;
	margin-right:4px;
	color:#64748b;
	font-weight:500;
}

.bbs_top_info {
	display:flex;
	align-items:center;
	justify-content: space-between;
	gap: 12px;
	margin:0 0 12px;
	color:#666;
}
.bbs_top_total b {
	color:#111;
}
.bbs_top_search {
	margin:26px 0 0;
	border:1px solid #e2e8f0;
	background:#f8fafc;
	box-sizing:border-box;
}
.bbs_top_search form {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}
.bbs_top_search input[type=text] {
	width:min(420px, 58%);
	height:34px;
	padding:0 10px;
	border:1px solid #cbd5e1;
	box-sizing:border-box;
}
.bbs_top_search input[type=image] {
	vertical-align:middle;
}
.btn_area02,
.bbs_area_view {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:center;
}
.btn_area02 {
	justify-content:flex-end;
	padding-top:22px;
}
.bbs_area_view {
	justify-content:space-between;
	padding:24px 0 38px;
	border-top:1px solid #e5e7eb;
}
.btn_area02 a,
.bbs_area_view a {
	text-decoration:none;
}
.btn_area02 .bbs_btn01,
.bbs_area_view .bbs_btn01 {
	box-sizing:border-box;
	min-width:74px;
	height:34px;
	padding:0 13px;
	border:1px solid #cbd5e1;
	background:#fff;
	color:#1f2937;
	line-height:32px;
}
.btn_area02 .bbs_btn01:hover,
.bbs_area_view .bbs_btn01:hover {
	border-color:#334155;
	background:#334155;
	color:#fff;
}

.list_table {
	width:100%;
	border-collapse:collapse;
}
.list_table thead th {
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	background:url("../../../core/image/board/bbs_listline.gif") no-repeat 0 48% #f9f9f9;
	border-top:2px solid #555;
	border-bottom:1px solid #ccc;
}
.list_table thead th:first-child {
	background-image:none;
}
.list_table tbody td {
	padding:10px 5px;
	border-bottom:1px solid #ccc;
}

.view_tit_wrap {
	padding:26px 20px;
	border-top:2px solid #222;
	border-bottom:1px solid #e2e8f0;
	text-align:center;
	background:#f8fafc;
	overflow:hidden;
}
.view_tit1 {
	display:inline-block;
	padding:4px 12px;
	color:#fff;
	background:#334155;
	font-size:12px;
	line-height:1.4;
	word-break:keep-all;
}
.view_tit2 {
	padding:10px 0 0;
	color:#111827;
	font-size:21px;
	font-weight:bold;
	line-height:1.45;
	word-break:keep-all;
}
.view_name {
	padding:6px 0 0;
	color:#7a7f87;
	font-size:.9em;
}
.view_file {
	margin:0;
	padding:12px 14px;
	border-bottom:1px solid #e5e7eb;
	list-style:none;
	background:#fff;
}
.view_file li {
	overflow:hidden;
	width:90%;
	list-style:none;
	font-size:.9em;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.view_content {
	min-height:180px;
	padding:34px 10px 42px;
	border-bottom:0 solid #ddd;
	word-break:break-all;
}
.view_content img {
	max-width:100%;
	height:auto;
}
.view_content_text_size {
	padding:5px 0 0;
	text-align:right;
}

.view_com01 {
	color:#999;
	font-family:Tahoma;
	font-size:10px;
}
.view_bg {
	background-color:#f8e5f2;
}

.write_title {
	padding:12px;
	background:#334155;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.write_area {
	width:100%;
	border-collapse:collapse;
	table-layout:fixed;
	border-bottom:1px solid #e5e7eb;
}
.write01 {
	width:120px;
	padding:11px 0;
	border-top:1px solid #e5e7eb;
	border-right:1px solid #e5e7eb;
	background:#f8fafc;
	font-weight:normal;
	text-align:center;
}
.write02 {
	padding:10px 12px;
	border-top:1px solid #e5e7eb;
}

.comment_box01,
.comment_box02 {
	margin:18px 0 0;
	padding:12px;
	border:1px solid #e5e7eb;
	background:#f8fafc;
	box-sizing:border-box;
}
.comment_box01 {
	min-height:105px;
}
.comment_box02 {
	min-height:140px;
}
.comment_txt {
	padding:6px 0 0;
}
.comment_txt dl {
	display:flex;
	gap:8px;
	margin:0;
}
.comment_txt dt {
	flex:1 1 auto;
	margin:0;
}
.comment_txt dd {
	flex:0 0 auto;
	margin:0;
}
.comment_txt dt textarea {
	width:100%;
	border:1px solid #cbd5e1;
	box-sizing:border-box;
}
.comment_view {
	display:flex;
	gap:16px;
	margin:0;
	padding:14px 0;
	border-top:1px solid #e5e7eb;
}
.comment_view_name {
	flex:0 0 120px;
	padding:0;
	line-height:1.4;
}
.comment_view_content {
	flex:1 1 auto;
	min-width:0;
	padding:0 0 0 16px;
	border-left:1px solid #e5e7eb;
	background:none;
}

.list:hover {
	background:#f2f5f7;
}
.list0,
.list1 {
}

/* 보드 뷰페이지 이전, 다음글	 ======================================*/
.view_prev_group {
	margin:0;
	padding:0;
	border-top:1px solid #d1d5db;
	list-style:none;
}
.view_prev_group_li01,
.view_prev_group_li02 {
	display:flex;
	overflow:hidden;
	border-bottom:1px solid #e5e7eb;
}
.view_prev_group_li02 {
	border-bottom-color:#d1d5db;
}
.view_prev_tit1,
.view_prev_tit2 {
	flex:0 0 110px;
	padding:10px 0;
	background:#f8fafc;
	text-align:center;
	color:#4b5563;
	box-sizing:border-box;
}
.view_prev_txt {
	flex:1 1 auto;
	min-width:0;
	padding:10px 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box;
}
/* 보드 뷰페이지 이전, 다음글	 ======================================*/

/* mobie screen 785 */
@media screen and (max-width:785px) {
	.gallery_list {
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:18px 12px;
	}
	.gallery_list_txt {
		min-height:60px;
		padding:12px;
	}
	.view_tit_wrap {
		padding:20px 14px;
	}
	.view_tit2 {
		font-size:1.2em;
	}
	.comment_view {
		display:block;
	}
	.comment_view_name {
		padding-bottom:8px;
	}
	.comment_view_content {
		padding:10px 0 0;
		border-left:0;
		border-top:1px solid #e5e7eb;
	}
}

/* mobie screen 520 */
@media screen and (max-width:520px) {
	.bbs_top_search form {
		gap:7px;
	}
	.bbs_top_search input[type=text] {
		width:100%;
		max-width:230px;
	}
	.btn_area02,
	.bbs_area_view {
		justify-content:flex-start;
	}
	.view_prev_tit1,
	.view_prev_tit2 {
		flex-basis:76px;
		font-size:.9em;
	}
	.view_prev_txt {
		font-size:.9em;
	}
	.write_area,
	.write_area tbody,
	.write_area tr,
	.write_area th,
	.write_area td {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.write01 {
		border-right:0;
		text-align:left;
		padding:9px 12px;
	}
}

/* mobie screen 480 */
@media screen and (max-width:480px) {
	.gallery_list {
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:16px 10px;
	}
	.gallery_item:hover {
		transform:none;
	}
	.gallery_list_txt {
		font-size:.95em;
	}
}