@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css');

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Pretendard Variable', 'Noto Sans KR', sans-serif; color: #303030; }
ul, li { list-style: none; }
a { color: inherit; text-decoration: none; }
.cg_card_img > img { max-width: 100%; display: block; }

.cg_wrap { padding: 4rem 0 6rem; }
.cg_inner { max-width: 1450px; margin: 0 auto; padding: 0 20px; }

.cg_row { display: flex; flex-wrap: wrap; gap: 3rem 30px; }
.cg_li { width: calc((100% - 90px) / 4); box-sizing: border-box; }
.cg_empty { width: 100%; text-align: center; padding: 6rem 0; color: #888; }

.cg_paging { margin-top: 4rem; text-align: center; display: flex; justify-content: center; }
.cg_paging.cg_paging .pg_wrap { display: inline-block !important; float: none !important; width: auto !important; }
.cg_paging.cg_paging .pg { display: flex !important; align-items: center !important; justify-content: center !important; gap: 1.4rem !important; margin: 0 !important; }
.cg_paging.cg_paging .pg_page,
.cg_paging.cg_paging .pg_current { font-family: 'Pretendard Variable', 'Noto Sans KR', sans-serif !important; font-size: 1.05rem !important; line-height: 2rem !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; background: none !important; border: none !important; }
.cg_paging.cg_paging a.pg_page { color: #919191 !important; text-decoration: none !important; }
.cg_paging.cg_paging a.pg_page:hover { color: #191919 !important; }
.cg_paging.cg_paging strong.pg_current { color: #191919 !important; font-weight: 700 !important; border-bottom: 2px solid #191919 !important; padding-bottom: 2px !important; }
.cg_paging.cg_paging a.pg_page.pg_start,
.cg_paging.cg_paging a.pg_page.pg_end,
.cg_paging.cg_paging a.pg_page.pg_prev,
.cg_paging.cg_paging a.pg_page.pg_next { font-size: 0 !important; width: 28px !important; height: 28px !important; position: relative !important; background: none !important; padding: 0 !important; }
.cg_paging.cg_paging a.pg_page.pg_start:after,
.cg_paging.cg_paging a.pg_page.pg_prev:after { content: '\2039' !important; font-size: 1.6rem !important; color: #919191 !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -55%) !important; }
.cg_paging.cg_paging a.pg_page.pg_end:after,
.cg_paging.cg_paging a.pg_page.pg_next:after { content: '\203A' !important; font-size: 1.6rem !important; color: #919191 !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -55%) !important; }
.cg_paging.cg_paging a.pg_page.pg_start:hover:after,
.cg_paging.cg_paging a.pg_page.pg_prev:hover:after,
.cg_paging.cg_paging a.pg_page.pg_end:hover:after,
.cg_paging.cg_paging a.pg_page.pg_next:hover:after { color: #191919 !important; }

@media (max-width: 599px) {
  .cg_paging.cg_paging .pg { gap: 0.9rem !important; }
  .cg_paging.cg_paging .pg_page,
  .cg_paging.cg_paging .pg_current { font-size: 0.92rem !important; }
}

.cg_card { display: block; cursor: pointer; }
.cg_card_img { position: relative; width: 100%; padding-top: 100%; overflow: hidden; background: #f2f2f2; border-radius: 6px; }
.cg_card_img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.cg_card:hover .cg_card_img img { transform: scale(1.05); }

.cg_card_txt { padding: 1.1rem 0.2rem 0; }
.cg_card_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.6rem; }
.cg_logo { display: block; }
.cg_logo img { height: 14px; width: auto; }
.cg_sns_badge { display: block; }
.cg_sns_badge img { height: 16px; width: 16px; }
.cg_card_tit { display: block; font-size: 1.05rem; font-weight: 700; color: #191919; margin-bottom: 0.6rem; }
.cg_card_desc { font-size: 0.9rem; line-height: 1.6; color: #565656; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 1200px) {
  .cg_li { width: calc((100% - 60px) / 3); }
}

@media (max-width: 900px) {
  .cg_row { gap: 2.5rem 20px; }
  .cg_li { width: calc((100% - 20px) / 2); }
}

@media (max-width: 599px) {
  .cg_row { gap: 2rem 14px; }
  .cg_li { width: calc((100% - 14px) / 2); }
  .cg_card_tit { font-size: 0.95rem; }
  .cg_card_desc { font-size: 0.82rem; -webkit-line-clamp: 3; }
}