.cat-area{
  background: #fff;
  border-radius: 30px;
  padding: 10px;
  justify-content: center;
  display: flex;
  height: fit-content;
  width: 100%;
  gap:30px;
  flex-wrap:wrap;
}
.cat-area a{
  padding: 5px 20px;
}
.cat-area span{
  background: #89191A;
  color: #fff;
  border-radius: 30px;
  transition: 0.2s;
  padding: 5px 20px;
}
@media (width < 48rem) {
 .cat-area{
    gap:10px;
    flex-wrap:wrap;
  }
}
.cat-pull-down{
	display: none;
}
.cat-label{
	background: #fff;
	border-radius:30px;
	padding: 8px;
	justify-content: center;
	display: flex;
	height: fit-content;
	max-width: 780px;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    margin: -15px 0 0 auto;
}
.cat-label label{
	padding: 3px 20px;
    border-radius: 30px;
    transition: 0.2s;
    font-size: 16px;
	cursor: pointer;
}
input[name="check-cat"]{
	display: none;
}
#check-cat01:checked ~  div .cat-label label:nth-child(1),
#check-cat02:checked ~  div .cat-label label:nth-child(2),
#check-cat03:checked ~  div .cat-label label:nth-child(3),
#check-cat04:checked ~  div .cat-label label:nth-child(4),
#check-cat05:checked ~  div .cat-label label:nth-child(5),
#check-cat06:checked ~  div .cat-label label:nth-child(6){
	background: #89191A;
	color:#fff;
	border-radius:30px;
	transition:0.2s;
}
#check-cat01:checked ~  div .news-cat01,
#check-cat02:checked ~  div .news-cat02,
#check-cat03:checked ~  div .news-cat03,
#check-cat04:checked ~  div .news-cat04,
#check-cat05:checked ~  div .news-cat05,
#check-cat06:checked ~  div .news-cat06{
	display: block;
}
.news-cat{
	display: none;
}
.news-cat ul{
	border-top: solid 1px #CCCCCC;
}
.news-cat li{
	border-bottom: solid 1px #CCCCCC;
	margin: 0;
	padding: 5px 0;
}
.pc_area{
	display: flex;
}
@media (width < 48rem) {
	.spflex{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: ;
	}
	.cat-label{
		gap:10px;
		flex-wrap:wrap;
		display: none;
	}
  
	.cat-pull-down{
		display: block;
		width: 150px;
	}
	.cat-pull-down select{
		border: none;
    	padding: 10px 12px;
		position: relative;
	}
	.cat-pull-down select:focus-visible {
		outline-color: rgba(0,0,0,0.5);
	}
	.pc_area{
		display: none;
	}
	

}