._contents{padding-top: 122px; padding-bottom: 87px;}
._tab{margin-bottom: 100px;}

.topArea{
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 25px; flex-wrap: wrap; gap: 20px 40px;
}
.topArea .miniTab{
	font-size: 32px; font-weight: 700;
	display: flex; gap: 10px 30px;
}
.topArea .miniTab div{color: #a2a2a2; transition: color 0.2s; cursor: pointer;}
html.pc .topArea .miniTab div:hover{color: #000;}
.topArea .miniTab div.on{color: #000;}
.topArea ._searchBar{}


.list{
	border-top: 2px solid #000; box-sizing: border-box; margin-bottom: 100px;
}
.list a{
	display: flex; align-items: center; justify-content: space-between;
	border-bottom: 1px solid #d9d9d9; box-sizing: border-box;
	padding: 0 28px; padding-top: 36px; padding-bottom: 44px;
	gap: 40px;
}
.list a .left{}
.list a .left .category{
	display: flex; gap: 5px; margin-bottom: 16px;
}
.list a .left .category div{
	font-size: 14px; letter-spacing: -0.05em; color: #fff; border-radius: 3px;
	padding: 5px 15px;
}
.list a .left .category div.type1{background-color: var(--red);}
.list a .left .category div.type2{background-color: #4d98ff;}
.list a .left .category div.type3{background-color: #252525;}
.list a .left .category div p{}
.list a .left > p{
	font-size: 20px; font-weight: 600; letter-spacing: -0.05em; line-height: 1.3;
}
.list a .right{
	min-width: 43px; min-height: 43px; display: flex; align-items: center; justify-content: center;
	background-color: #eeeeee; color: #7c7c7c; font-size: 20px;
	transition: background-color 0.1s, color 0.1s; border-radius: 4px;
}
html.pc .list a:hover .right{background-color: var(--red); color: #fff;}
.list a .right i{}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.topArea .miniTab{font-size: 26px;}

	.list a .left > p{font-size: 18px;}
}
@media screen and (max-width:820px) {
	.topArea{flex-direction: column;}
	._searchBar{width: 100%;}
	._searchBar > div{width: 100%;}
	._searchBar > div input{max-width: unset;}

	.list a{padding: 30px 20px;}
}
@media screen and (max-width:500px) {
	.topArea .miniTab{font-size: 20px;}

	.list{margin-bottom: 40px;}
	.list a{padding: 20px 10px;}
	.list a .left .category div{font-size: 12px;}
	.list a .left > p{font-size: 16px;}

	.list a .right{min-width: 36px; min-height: 36px; font-size: 14px;}
}
@media screen and (max-width:320px) {
	.list a .left > p{font-size: 14px;}
	.list a .right{display: none;}
}