._news_list { }
._news_list .wrap {padding-top: 200px; padding-bottom: 90px; }
._news_list .wrap .topArea { margin-bottom: 40px; }
._news_list .wrap .topArea .gray {font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: -0.04em; color: #b3b4b6; }
._news_list .wrap .topArea h1 {font-size: 58px; letter-spacing: -0.04em; font-family: "Miranda Sans"; font-weight: 600;margin-top: calc(26/58*1em); margin-bottom: calc(36/58*1em); }
._news_list .wrap .topArea .flexBx {display: flex; align-items: flex-start; justify-content: space-between; gap: 20px 40px; flex-wrap: wrap; }
._news_list .wrap .topArea .flexBx .tabBx {display: flex; align-items: center; justify-content: flex-start; gap: 12px;flex-wrap: wrap; }
._news_list .wrap .topArea .flexBx .tabBx a {font-size: 24px; font-weight: 600; letter-spacing: -0.04em; color: #929396;background-color: #edeef4; border-radius: 100px; transition: background-color 0.1s,color 0.1s;padding: calc(10/24*1em) calc(18/24*1em); box-sizing: border-box; }
._news_list .wrap .topArea .flexBx .tabBx a:hover { background-color: #656565; color: #fff; }
._news_list .wrap .topArea .flexBx .tabBx a.on {background-color: var(--blue); color: #fff; }
._news_list .wrap .topArea .flexBx .tabBx a p { }
._news_list .wrap .topArea .flexBx ._searchBar { }
._news_list .wrap .listArea { }
._news_list .wrap .listArea {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 60px 23px; }
._news_list .wrap .listArea li {width: calc(100% / 3 - (23px * 2 / 3)); }
._news_list .wrap .listArea li a { }
._news_list .wrap .listArea li a .imgBx { position: relative; overflow: hidden; }
._news_list .wrap .listArea li a .imgBx::before {content:''; display: block; padding-bottom: calc(324/518*100%); }
._news_list.video .wrap .listArea li a .imgBx::before{padding-bottom: calc(9/16*100%);}
._news_list .wrap .listArea li a .imgBx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
._news_list .wrap .listArea li a:hover .imgBx img { transform: scale(1.1); }
._news_list .wrap .listArea li a p {margin-top: 18px;font-size: 20px; font-weight: 600; letter-spacing: -0.04em; line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis; }
._news_list .wrap ._pagination { margin-top: 84px; }

@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
	._news_list .wrap .topArea h1{font-size: max(calc(58/1280*100vw),38px); }
	._news_list .wrap .topArea .flexBx .tabBx a{font-size: 20px; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) {
	._news_list .wrap .topArea .flexBx .tabBx a{font-size: 18px; }

	._news_list .wrap .listArea {gap: 50px 20px;}
	._news_list .wrap .listArea li {width: calc(100% / 2 - (20px * 1 / 2)); }
	._news_list .wrap .listArea li a p{font-size: 16px; }
}
@media screen and (max-width:500px) {
	._news_list .wrap .topArea{margin-bottom: 14px;}
	._news_list .wrap .topArea .gray{font-size: 12px; }
	._news_list .wrap .topArea .flexBx{gap: 14px;}
	._news_list .wrap .topArea .flexBx .tabBx{gap: 6px;}
	._news_list .wrap .topArea .flexBx .tabBx a{font-size: 14px; }

	._news_list .wrap .listArea {gap: 40px 10px;}
	._news_list .wrap .listArea li {width: calc(100% / 2 - (10px * 1 / 2)); }
	._news_list .wrap .listArea li a p{font-size: 14px; }

	._news_list .wrap ._pagination{margin-top: 60px;}
}
@media screen and (max-width:320px) {
	._news_list .wrap .listArea li{width: 100%;}
}