/* /css/page_notice.css */ 

/* ==================== °øÁö»çÇ× ==================== */
#boxNotice{
	padding:0;
}

#boxNotice .notice-wrap{
	max-width:900px;
	padding-top:0;
	padding-bottom:3rem;
}


/* ==================== ¸ñ·Ï ==================== */

#boxNotice .notice-list{
	border-top:0;
}

#boxNotice .notice-table{
	display:block;
	width:100%;
	border-collapse:collapse;
}

#boxNotice .notice-table colgroup,
#boxNotice .notice-table thead{
	display:none;
}

#boxNotice .notice-table tbody{
	display:block;
	width:100%;
}

#boxNotice .notice-table tr{
	display:grid;
	grid-template-columns:1fr;
	position:relative;
	padding:1rem 0;
	border-bottom:1px solid #e5e7eb;
}

#boxNotice .notice-table__td{
	display:block;
	width:100%;
	height:auto;
	padding:0;
	border:0;
	color:#8b95a1;
	font-size:.9rem;
	line-height:1.5;
	text-align:left;
}

#boxNotice .notice-table__td--num{
	display:none;
}

#boxNotice .notice-table__td--subject{
	order:1;
	margin-bottom:.25rem;
}

#boxNotice .notice-table__td--date{
	order:2;
}

#boxNotice .notice-table__link{
	display:block;
	color:#222;
	font-size:1.05rem;
	font-weight:500;
	line-height:1.5;
	letter-spacing:-.025em;
	white-space:normal;
	overflow:visible;
	text-overflow:unset;
	word-break:keep-all;
}

#boxNotice .notice-table__link:hover{
	color:var(--color-primary);
}

#boxNotice .notice-badge{
	display:none;
}

#boxNotice .notice-table tr:has(.notice-badge) .notice-table__link::before{
	content:'[°øÁö] ';
}

#boxNotice .notice-empty{
	height:200px;
	border-bottom:1px solid #e5e7eb;
	color:#94a3b8;
	font-size:.95rem;
	text-align:center;
	vertical-align:middle;
}

#boxNotice .notice-paging{
	margin-top:2rem;
	text-align:center;
}


/* ==================== »ó¼¼ ==================== */

#boxNotice .notice-view{
	border-top:0;
}

#boxNotice .notice-view__meta{
	display:flex;
	gap:.6rem;
	margin-bottom:.6rem;
	padding-top:1.5rem;
	color:#888;
	font-size:.9rem;
	line-height:1.5;
}

#boxNotice .notice-view__meta span:first-child{
	display:none;
}

#boxNotice .notice-view__title{
	margin:0;
	padding:0 0 1.8rem;
	border-bottom:1px solid #e5e7eb;
	color:#222;
	font-size:1.45rem;
	font-weight:500;
	line-height:1.45;
	letter-spacing:-.04em;
	word-break:keep-all;
}

#boxNotice .notice-view__thumb{
	margin:1.8rem 0 0;
	text-align:center;
}

#boxNotice .notice-view__thumb img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
	border-radius:.75rem;
}

#boxNotice .notice-view__content{
	min-height:200px;
	padding:2rem 0 3rem;
	color:#333;
	font-size:1rem;
	line-height:1.9;
	word-break:keep-all;
}

#boxNotice .notice-view__btn{
	padding-top:1.5rem;
	border-top:1px solid #e5e7eb;
	text-align:center;
}

#boxNotice .notice-view__btn a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:110px;
	height:44px;
	padding:0 1.5rem;
	border:1px solid #dfe3e8;
	border-radius:.5rem;
	background:#fff;
	color:#333;
	font-size:.95rem;
	font-weight:500;
}


/* ==================== PC ==================== */

@media(min-width:769px){
	#boxNotice{
		padding:0 0 2rem 0;
	}

	#boxNotice .notice-wrap{
		max-width:1100px;
	}

	#boxNotice .notice-list{
		border-top:2px solid #1d2b3a;
	}

	#boxNotice .notice-table{
		display:table;
		table-layout:fixed;
	}

	#boxNotice .notice-table colgroup{
		display:table-column-group;
	}

	#boxNotice .notice-table thead{
		display:table-header-group;
	}

	#boxNotice .notice-table tbody{
		display:table-row-group;
	}

	#boxNotice .notice-table tr{
		display:table-row;
		padding:0;
		border:0;
	}

	#boxNotice .notice-table th{
		height:3.2rem;
		border-bottom:1px solid #dfe5ec;
		background:#fafbfc;
		color:#64748b;
		font-size:.9rem;
		font-weight:500;
		text-align:center;
	}

	#boxNotice .notice-table__num{
		width:100px;
	}

	#boxNotice .notice-table__date{
		width:150px;
	}

	#boxNotice .notice-table__td{
		display:table-cell;
		height:72px;
		padding:0 1rem;
		border-bottom:1px solid #edf0f4;
		font-size:.95rem;
		text-align:center;
		vertical-align:middle;
	}

	#boxNotice .notice-table__td--num{
		display:table-cell;
	}

	#boxNotice .notice-table__td--subject{
		margin:0;
		text-align:left;
	}

	#boxNotice .notice-table__link{
		font-size:1rem;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	#boxNotice .notice-table tr:has(.notice-badge) .notice-table__link::before{
		display:none;
	}

	#boxNotice .notice-badge{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		height:26px;
		padding:0 10px;
		border-radius:999px;
		background:var(--color-primary);
		color:#fff;
		font-size:.8rem;
		font-weight:600;
	}

	#boxNotice .notice-view{
		padding-top:.5rem;
		border-top:2px solid #1d2b3a;
	}

	#boxNotice .notice-view__meta{
		padding-top:1.5rem;
	}

	#boxNotice .notice-view__meta span:first-child{
		display:inline;
	}

	#boxNotice .notice-view__title{
		padding-bottom:2rem;
		font-size:2rem;
	}

	#boxNotice .notice-view__content{
		padding:2.5rem 2rem 4rem;
		font-size:1.05rem;
		line-height:2;
	}
	
	#boxNotice .notice-view__meta,
	#boxNotice .notice-view__title,
	#boxNotice .notice-view__content,
	#boxNotice .notice-view__nav{
		padding-left:2rem;
		padding-right:2rem;
	}
}

#boxNotice .notice-view__nav{
	border-top:1px solid #e5e7eb;
}

#boxNotice .notice-view__nav-item{
	display:flex;
	align-items:center;
	gap:1rem;
	min-height:64px;
	padding:0 1.25rem;
	border-bottom:1px solid #e5e7eb;
	color:#222;
}

#boxNotice .notice-view__nav-item:last-child{
	border-bottom:0;
}

#boxNotice .notice-view__nav-label{
	flex:0 0 50px;
	color:#8b95a1;
	font-size:1rem;
}

#boxNotice .notice-view__nav-item strong{
	min-width:0;
	overflow:hidden;
	font-size:1rem;
	font-weight:400;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#boxNotice .notice-view__btn{
	padding-top:2rem;
}

@media(max-width:480px){
	#boxNotice .notice-wrap{
		padding-left:0;
		padding-right:0;
	}

	#boxNotice .notice-table tr{
		padding-left:1.25rem;
		padding-right:1.25rem;
	}

	#boxNotice .notice-view__meta,
	#boxNotice .notice-view__title,
	#boxNotice .notice-view__content{
		padding-left:1.25rem;
		padding-right:1.25rem;
	}
	
	#boxNotice .notice-view__btn{
		display:none;
	}
}