.main-nav {
  background-color: white;
}

.contents__media {
  gap: 3rem;
}

.contents__banner--wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3.75rem;

  width: 100%;
  background: #f0f6ff;
}
.contents__banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 2.5rem;
  gap: 3.25rem;
  isolation: isolate;

  width: 100%;
  max-width: 75rem;
  height: 12rem;

  overflow: hidden;
}
.contents__banner__title {
  font-family: "NanumSquare";
  font-weight: 800;
  font-size: 2.4rem;
  line-height: 100%;

  color: #345fa3;
}
.icon-banner {
  width: 15rem;
  height: 15rem;
  position: relative;
  transform: translateY(6rem) rotate(-15deg);
}

.patent_list {
		width:33%;
		height:auto;
}
/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (max-width: 1023px) {
	.patent_list {
		width:50%;
		height:auto;
	}
}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (max-width: 767px) {
	.patent_list {
		width:100%;
		height:auto;
	}
}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width: 484px) {
	.patent_list {
		width:100%;
		height:auto;
	}
}


nav.navigation {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.pagination li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 10rem;
}

.pagination li a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 100%;
    color: var(--gray-400);
}
.pagination li.active {
		background: var(--gray-100);
}
  
 .contents__media__gallery a:link, .contents__media__gallery a:visited, .contents__media__gallery a:hover {
	color: black; text-decoration: none;
}

.prev-page, .next-page {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 10rem;
}

.first-page, .last-page {
	display:none;
}

.button-secondary a:link, .button-secondary a:visited, .button-secondary a:hover {
	color: black; text-decoration: none;
}


.notice_paging_item_title a:link, .notice_paging_item_title a:visited, .notice_paging_item_title a:hover {
	color: black; text-decoration: none;
}