#news_bbs{
	background:#fff;
	padding-bottom:40px;
}

#news_bbs .container{
	max-width:1170px;
	margin:0 auto;
	padding:80px 20px 128px;
	text-align:left;
}

#news_bbs .subpage_banner{
	position:relative;
	height:362px;
	margin-top:64px;
	color:#fff;
}

#news_bbs .subpage_banner_bg{
	position:absolute;
	inset:0;
	background:url('/images/sub_banner05.png') center/cover no-repeat;
}

#news_bbs .subpage_banner::after{
	content:'';
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.35);
}

#news_bbs .subpage_banner_inner{
	position:relative;
	z-index:2;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}

#news_bbs .subpage_banner_inner h1{
	font-size:56px;
	font-weight:700;
	margin-bottom:40px;
}

#news_bbs .subpage_banner_inner p{
	font-size:22px;
}

#news_bbs .sub_title{
	font-size:36px;
	font-weight:700;
	color:#1e4437;
	text-align:center;
}

#news_bbs .sub_line{
	width:70px;
	height:4px;
	background:#007d3d;
	margin:26px auto 60px;
}

#news_bbs .news_topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:34px;
}

#news_bbs .news_search_form{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}

#news_bbs .news_search_form input{
	width:280px;
	height:46px;
	padding:0 14px;
	border:1px solid #d7d7d7;
	border-radius:10px;
	font-size:14px;
}

#news_bbs .news_search_form button,
#news_bbs .news_action_btn,
#news_bbs .btn,
#news_bbs .news_editor_toolbar button,
#news_bbs .news_editor_toolbar select,
#news_bbs .news_editor_toolbar input[type="color"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:46px;
	padding:0 16px;
	border-radius:10px;
	font-size:14px;
	font-weight:700;
}

#news_bbs .news_search_form button,
#news_bbs .news_action_btn,
#news_bbs .btn.green{
	background:#007d3d;
	color:#fff;
	border:0;
	cursor:pointer;
}

#news_bbs .news_action_btn,
#news_bbs .btn{
	min-width:110px;
	text-decoration:none;
}

#news_bbs .btn.gray{
	background:#f1f3f5;
	color:#333;
	border:1px solid #d9dee3;
}

#news_bbs .btn.red{
	background:#d84545;
	color:#fff;
	border:0;
}

#news_bbs .news_grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:28px 24px;
}

#news_bbs .news_card{
	display:block;
	border:1px solid #e5e5e5;
	background:#fff;
	transition:all .2s;
}

#news_bbs .news_card:hover{
	transform:translateY(-4px);
	box-shadow:0 12px 24px rgba(0,0,0,0.08);
}

#news_bbs .news_thumb{
	position:relative;
	background:#e9e9e9;
	aspect-ratio:1 / 0.78;
	overflow:hidden;
}

#news_bbs .news_thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

#news_bbs .news_thumb_placeholder{
	width:100%;
	height:100%;
	background:#e1e1e1;
}

#news_bbs .news_info{
	padding:18px 18px 20px;
	text-align:center;
}

#news_bbs .news_info h3{
	font-size:18px;
	font-weight:700;
	line-height:1.6;
	color:#222;
	margin-bottom:14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:58px;
}

#news_bbs .news_info p{
	font-size:14px;
	line-height:1.7;
	color:#555;
	margin-bottom:18px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:48px;
}

#news_bbs .news_date{
	display:block;
	font-size:13px;
	color:#777;
}

#news_bbs .news_empty{
	grid-column:1 / -1;
	padding:80px 20px;
	text-align:center;
	border-top:2px solid #0b7a3e;
	border-bottom:1px solid #e9ecef;
	color:#888;
}

#news_bbs .paging{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:8px;
	margin-top:40px;
}

#news_bbs .paging a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:42px;
	height:42px;
	padding:0 10px;
	border:1px solid #d9dee3;
	border-radius:8px;
	background:#fff;
	font-size:14px;
}

#news_bbs .paging a.active{
	background:#007d3d;
	border-color:#007d3d;
	color:#fff;
}

#news_bbs .view_box,
#news_bbs .news_form{
	border-top:2px solid #0b7a3e;
	background:#fff;
}

#news_bbs .view_head{
	padding:28px 30px;
	border-bottom:1px solid #e9ecef;
}

#news_bbs .view_title{
	font-size:28px;
	line-height:1.45;
	color:#222;
	margin-bottom:16px;
}

#news_bbs .view_info{
	display:flex;
	flex-wrap:wrap;
	gap:10px 24px;
	font-size:14px;
	color:#777;
}

#news_bbs .view_content{
	padding:34px 30px;
	min-height:240px;
	font-size:16px;
	line-height:1.8;
	color:#222;
	word-break:break-word;
	overflow-wrap:anywhere;
}

#news_bbs .view_content img,
#news_bbs .news_editor img{
	width:100%;
	max-width:640px;
	margin:0 auto;	
	height:auto;
}

#news_bbs .news_form{
	padding:0 30px 30px;
}

#news_bbs .form_row{
	padding:24px 0;
	border-bottom:1px solid #e9ecef;
}

#news_bbs .form_row label{
	display:block;
	font-size:16px;
	font-weight:700;
	color:#355349;
	margin-bottom:14px;
}

#news_bbs .form_row input[type="text"]{
	width:100%;
	height:52px;
	padding:0 16px;
	border:1px solid #d7d7d7;
	border-radius:10px;
	font-size:15px;
}

#news_bbs .news_editor_wrap{
	border:1px solid #d7d7d7;
	border-radius:14px;
	overflow:hidden;
	background:#fff;
}

#news_bbs .news_editor_toolbar{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	padding:16px;
	background:#f8faf9;
	border-bottom:1px solid #e6ece8;
}

#news_bbs .toolbar_group{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

#news_bbs .news_editor_toolbar button,
#news_bbs .news_editor_toolbar select{
	border:1px solid #d7d7d7;
	background:#fff;
	color:#333;
	cursor:pointer;
}

#news_bbs .news_editor_toolbar button.active{
	background:#007d3d;
	border-color:#007d3d;
	color:#fff;
}

#news_bbs .news_editor_toolbar input[type="color"]{
	width:52px;
	padding:6px;
	border:1px solid #d7d7d7;
	background:#fff;
	cursor:pointer;
}

#news_bbs .news_editor{
	min-height:420px;
	padding:20px;
	font-size:16px;
	line-height:1.8;
	outline:none;
}

#news_bbs .news_editor:empty:before{
	content:'내용을 입력해 주세요.';
	color:#999;
}

#news_bbs .news_html_editor{
	display:none;
	width:100%;
	min-height:420px;
	padding:20px;
	border:0;
	outline:none;
	resize:vertical;
	font-size:14px;
	line-height:1.7;
	font-family:Consolas, Monaco, monospace;
}

#news_bbs .btn_wrap{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:30px;
}

#news_bbs .btn_wrap_between{
	justify-content:space-between;
}

#news_bbs .btn_right_group{
	display:flex;
	gap:10px;
}

#news_bbs .btn_right_group form{
	margin:0;
}

@media (max-width:1024px){
	#news_bbs .news_grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width:768px){
	#news_bbs .subpage_banner{
		height: 270px;
	}

	#news_bbs .subpage_banner_inner h1{
		font-size:32px;
		margin-bottom:20px;
	}

	#news_bbs .subpage_banner_inner p{
		font-size:16px;
	}

    #news_bbs .container {
        padding: 50px 14px 100px;
    }

	#news_bbs .sub_title{
		font-size:24px;
	}

	#news_bbs .sub_line{
		margin:20px auto 40px;
	}

	#news_bbs .news_topbar,
	#news_bbs .news_search_form,
	#news_bbs .view_info,
	#news_bbs .btn_wrap,
	#news_bbs .btn_right_group{
		flex-direction:column;
		align-items:stretch;
	}

	#news_bbs .news_search_form input,
	#news_bbs .news_search_form button,
	#news_bbs .news_action_btn,
	#news_bbs .btn{
		width:100%;
	}

	#news_bbs .news_grid{
		grid-template-columns:1fr;
		gap:22px;
	}

	#news_bbs .news_info{
		padding:16px;
	}

	#news_bbs .news_info h3{
		font-size:16px;
		min-height:auto;
	}

	#news_bbs .news_info p{
		font-size:13px;
		min-height:auto;
	}

	#news_bbs .view_head,
	#news_bbs .view_content,
	#news_bbs .news_form{
		padding-left:16px;
		padding-right:16px;
	}

	#news_bbs .view_title{
		font-size:22px;
	}

	#news_bbs .news_editor_toolbar{
		padding:12px;
	}

	#news_bbs .toolbar_group{
		width:100%;
	}

	#news_bbs .news_editor_toolbar button,
	#news_bbs .news_editor_toolbar select{
		flex:1 1 auto;
	}

	#news_bbs .news_editor,
	#news_bbs .news_html_editor{
		min-height:300px;
		padding:16px;
	}
	
    #news_bbs .sub_title {
        font-size: 26px;
    }
	
    #news_bbs .sub_line {
        width: 50px;
        height: 2px;
        margin: 26px auto 40px;
    }
}