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

#notice_bbs .container{
	text-align: left;
}

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

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

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

#notice_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;
}

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

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

#notice_bbs .container{
	max-width:1170px;
	margin:0 auto;
	padding:80px 20px 128px;
}

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

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

#notice_bbs .notice_topbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:20px;
}

#notice_bbs .notice_search_form{
	display:flex;
	align-items:center;
	gap:10px;
}

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

#notice_bbs .notice_search_form button,
#notice_bbs .notice_action_btn,
#notice_bbs .btn,
#notice_bbs .notice_editor_toolbar button,
#notice_bbs .notice_editor_toolbar select,
#notice_bbs .notice_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;
}

#notice_bbs .notice_search_form button,
#notice_bbs .notice_action_btn,
#notice_bbs .btn.green{
	background:#007d3d;
	color:#fff;
	border:0;
	cursor:pointer;
}

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

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

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

#notice_bbs .notice_table_wrap,
#notice_bbs .view_box,
#notice_bbs .notice_form{
	border-top:2px solid #0b7a3e;
	background:#fff;
}

#notice_bbs .notice_table{
	width:100%;
	border-collapse:collapse;
	background:#fff;
	table-layout:fixed;
}

#notice_bbs .notice_table th,
#notice_bbs .notice_table td{
	padding:18px 14px;
	border-bottom:1px solid #e9ecef;
	font-size:14px;
	text-align:center;
	word-break:break-word;
}

#notice_bbs .notice_table th{
	background:#fafafa;
	font-weight:700;
	color:#355349;
}

#notice_bbs .notice_table .col_num{ width:90px; }
#notice_bbs .notice_table .col_author{ width:130px; }
#notice_bbs .notice_table .col_date{ width:130px; }
#notice_bbs .notice_table .col_views{ width:90px; }
#notice_bbs .notice_table .title{ text-align:left; }

#notice_bbs .notice_table .title a{
	display:inline-block;
	max-width:100%;
	color:#222;
}

#notice_bbs .notice_table .title a:hover{ color:#007d3d; }

#notice_bbs .notice_table .empty{
	padding:60px 20px;
	color:#888;
}

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

#notice_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;
}

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

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

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

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

#notice_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;
}

#notice_bbs .view_content img,
#notice_bbs .notice_editor img{
	max-width:100%;
	height:auto;
}

#notice_bbs .notice_form{
	padding:0 30px 30px;
}

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

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

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

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

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

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

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

#notice_bbs .notice_editor_toolbar button.active{
	background:#007d3d;
	border-color:#007d3d;
	color:#fff;
}

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

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

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

#notice_bbs .notice_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;
}

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

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

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

#notice_bbs .btn_right_group form{
	margin:0;
}

/* =========================
모바일 카드 리스트
========================= */

#notice_bbs .notice_mobile_list{
	display:none;
}

#notice_bbs .notice_card{
	display:block;
	padding:16px;
	border-bottom:1px solid #eee;
	text-decoration:none;
	color:#222;
}

#notice_bbs .notice_card .title{
	font-size:16px;
	font-weight:600;
	line-height:1.4;
	margin-bottom:8px;
}

#notice_bbs .notice_card .meta{
	display:flex;
	gap:10px;
	font-size:12px;
	color:#888;
	flex-wrap:wrap;
}

/* =========================
480px 이하 전환
========================= */

@media (max-width:768px){


	/* 테이블 숨김 */
	#notice_bbs .notice_table_wrap{
		display:none;
	}

	/* 카드 리스트 노출 */
	#notice_bbs .notice_mobile_list{
		display:block;
	}

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

	#notice_bbs .sub_line {
		width: 50px;
		height: 2px;
		margin: 26px auto 40px;
	}
	
    #notice_bbs .view_title {
        font-size: 18px;
    }

	#notice_bbs .view_mobile_style{
		border-top:none;
	}

	/* 제목 */
	#notice_bbs .view_mobile_style .view_head{
		background:#1d4135;
		padding:18px 16px;
		border-bottom:none;
	}

	#notice_bbs .view_mobile_style .view_title{
		color:#fff;
		font-size:18px;
		margin:0;
	}


	#notice_bbs .view_mobile_style .view_info{
		background:#f9f9f9;
		padding:16px;
		display:flex;
		flex-direction:column;
		gap:12px;
	}

	/* 한 줄 */
	#notice_bbs .view_mobile_style .info_row{
		display:flex;
		align-items:center;
	}

	/* 왼쪽 라벨 */
	#notice_bbs .view_mobile_style .label{
		width:90px;              /* 🔥 핵심 (정렬) */
		flex-shrink:0;
		color:#1d4135;           /* 🔥 색상 */
		font-weight:600;         /* 🔥 굵기 */
	}

	/* 오른쪽 값 */
	#notice_bbs .view_mobile_style .value{
		color:#555;
	}

    #notice_bbs .view_mobile_style .view_content {
        padding: 20px 15px;
        font-size: 14px;
        line-height: 1.7;
    }
	
	#notice_bbs .subpage_banner {
		height: 270px;
	}
	
    #notice_bbs .subpage_banner_inner h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }
	
    #notice_bbs .subpage_banner_inner p {
        font-size: 16px;
    }
	
    #notice_bbs .sub_title {
        font-size: 26px;
    }
}