@charset "utf-8";
/* Figma 397:662. 공통 카드와 게시판 기능은 기존 스타일을 사용합니다. */
.pg_filters {display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:56px;margin-bottom:36px;}
#mb_site .pg_filters a {display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:44px;padding:10px 24px;border:1px solid #dbe3ed;border-radius:24px;background:#fff;color:#576375;font-size:15px;transition:background .2s,color .2s;}
#mb_site .pg_filters a:hover {background:#f2f7fc;color:#0077c0;}
#mb_site .pg_filters a.on {background:#0077c0;border-color:#0077c0;color:#fff;font-weight:700;}
.pg_gallery .ml_meta {margin-bottom:36px;}.pg_gallery .ml_meta>span {color:#0077c0;}
.pg_grid>li {margin-bottom:28px;}
.pg_grid .an_card_image {height:250px;}
.pg_grid .an_card_copy {min-height:128px;padding:16px 20px 14px;gap:6px;}
.pg_card_meta {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:24px;}
.pg_card_meta time {margin:0;}
.pg_grid h4 {font-size:18px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pg_card_more {margin-top:auto;font-size:14px;color:#576375;line-height:1.5;}
@media(hover:hover){.pg_grid .an_card:hover h4 {color:#0077c0;}}
@media(max-width:1023px){.pg_grid .an_card_image {height:auto;aspect-ratio:384/250;}.pg_grid .an_card_image img,.pg_grid .an_card_image .an_no_image {position:absolute;inset:0;}}
@media(max-width:767px){
 .pg_filters {gap:8px;margin-bottom:26px;}#mb_site .pg_filters a {min-width:68px;padding:10px 16px;}
 .pg_gallery .ml_meta {margin-bottom:24px;}.pg_grid>li {margin-bottom:16px;}.pg_grid .an_card_copy {padding:12px;min-height:182px;}.pg_grid h4 {-webkit-line-clamp:3;}
 .pg_card_meta {display:block;}.pg_card_meta time {display:block;margin-top:4px;font-size:14px;}.pg_card_more {font-size:14px;}
}
@media(prefers-reduced-motion:reduce){#mb_site .pg_filters a {transition:none;}}