/* ==========================================================================
   KOKTOON E&M — 테마 보조 스타일 (Bricks child)
   --------------------------------------------------------------------------
   1. 다크 모드 변수 오버라이드 ([data-theme="dark"])
   2. 베이스 리셋 보조 (Bricks 리셋에 없는 항목)
   ========================================================================== */

/* ---------------------------------------------------------------
   1. 다크 모드 — 디자인 토큰 오버라이드 (globals.css 3섹션과 동일)
   --------------------------------------------------------------- */
html[data-theme='dark'] {
  --color-bg: #171717;
  --color-bg-soft: #242424;
  --color-bg-raised: #242424;
  --color-line: #3d3d3d;
  --color-line-soft: #333333;
  --color-line-strong: #555555;

  --color-primary: #fef08c;
  --color-primary-press: #fff7bf;
  --color-on-primary: #171717;

  --color-text-strong: #ffffff;
  --color-text: #fbfbfb;
  --color-text-sub: #dfdfdf;
  --color-text-muted: #c1c1c1;
  --color-text-faint: #a5a5a5;

  --color-header-bg: rgba(23, 23, 23, 0.9);
  --color-focus: #81bfee;

  --color-sns-bg: #c1c1c1;
  --color-sns-icon: #171717;
}

body {
  transition: color 350ms ease, background-color 350ms ease;
}

/* 테마 토글 아이콘 스왑 */
.theme-toggle .icon-sun {
  display: none;
}
html[data-theme='dark'] .theme-toggle .icon-sun {
  display: block;
}
html[data-theme='dark'] .theme-toggle .icon-moon {
  display: none;
}
html[data-theme='dark'] .logo__dot {
  outline: 1px solid rgba(0, 0, 0, 0.15);
}

/* ---------------------------------------------------------------
   2. 베이스 보조 (globals.css 6·7섹션 중 Bricks 미커버 항목)
   --------------------------------------------------------------- */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
body {
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--color-bg);
}
html body {
  background-color: var(--color-bg);
}
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  word-break: keep-all;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
summary {
  cursor: pointer;
}
summary::-webkit-details-marker,
summary::marker {
  display: none;
  content: '';
}
:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
}
[hidden] {
  display: none !important;
}

/* 플레이스홀더 공통 */
.ph {
  background-color: var(--color-bg-soft);
  overflow: hidden;
  position: relative;
}

/* 스크린리더 전용 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* ==========================================================================
   3. Bricks 변환 보정
   ========================================================================== */

/* 섹션(flex, align-items:center) 안 컨테이너가 내용폭으로 수축되는 것 방지 */
.brxe-section > .container {
  width: 100%;
}

/* 리스트 마커 제거 */
ul,
ol {
  list-style: none;
}
.gnb__list,
.gnb__sub,
.footer__links,
.footer__sns {
  padding: 0;
  margin: 0;
}

/* 원본 <button> 요소의 UA 기본 배경 제거 */
button.brxe-div {
  background-color: transparent;
  border: 0;
  padding: 0;
}

/* 공지사항 탭 — Bricks 버튼 기본 스타일 리셋 */
.bricks-button.tabs__tab {
  background-color: transparent;
  border: 0;
  padding: 0;
}

/* 헤더 테마 토글 아이콘 (버튼 내 SVG가 변환에서 누락되어 마스크로 대체) */
.theme-toggle::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A8.5 8.5 0 1 1 11.2 3a6.6 6.6 0 0 0 9.8 9.8Z' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.8A8.5 8.5 0 1 1 11.2 3a6.6 6.6 0 0 0 9.8 9.8Z' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
html[data-theme='dark'] .theme-toggle::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5 5l1.7 1.7M17.3 17.3 19 19M19 5l-1.7 1.7M6.7 17.3 5 19' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4.2' fill='none' stroke='%23000' stroke-width='1.7'/%3E%3Cpath d='M12 2.5v2.4M12 19.1v2.4M2.5 12h2.4M19.1 12h2.4M5 5l1.7 1.7M17.3 17.3 19 19M19 5l-1.7 1.7M6.7 17.3 5 19' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 게시글 리스트 우측 쉐브론 (마스크 규칙이 변환에서 누락되어 보강) */
.article-item::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 16px;
  background-color: var(--color-text-muted);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M1 1l7 7-7 7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M1 1l7 7-7 7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 히어로 multiply 틴트 오버레이 (변환에서 누락되어 보강) */
.hero__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--color-hero-overlay);
  mix-blend-mode: multiply;
  opacity: 0.4;
  pointer-events: none;
}

/* 콕쿤 BI 박스 그라디언트 (변환에서 누락되어 보강) */
.branding__box {
  background: linear-gradient(107deg, #fff000 20.78%, #ffdc00 97.44%);
}

/* ==========================================================================
   4. 인라인 SVG 대체 아이콘 (SVG 코드 요소가 렌더링되지 않아 마스크로 구현)
   ========================================================================== */

/* 푸터 SNS 아이콘 */
.footer__sns a {
  position: relative;
}
.footer__sns a::before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: currentColor;
}
.footer__sns li:nth-child(1) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.3-3.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.3-3.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.footer__sns li:nth-child(2) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.8 2.8 0 0 0-2-2C17.9 4.8 12 4.8 12 4.8s-5.9 0-7.6.4a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2 12c0 1.6.1 3.2.4 4.8a2.8 2.8 0 0 0 2 2c1.7.4 7.6.4 7.6.4s5.9 0 7.6-.4a2.8 2.8 0 0 0 2-2c.3-1.6.4-3.2.4-4.8s-.1-3.2-.4-4.8ZM10 15.2V8.8l5.5 3.2-5.5 3.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.8 2.8 0 0 0-2-2C17.9 4.8 12 4.8 12 4.8s-5.9 0-7.6.4a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2 12c0 1.6.1 3.2.4 4.8a2.8 2.8 0 0 0 2 2c1.7.4 7.6.4 7.6.4s5.9 0 7.6-.4a2.8 2.8 0 0 0 2-2c.3-1.6.4-3.2.4-4.8s-.1-3.2-.4-4.8ZM10 15.2V8.8l5.5 3.2-5.5 3.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.footer__sns li:nth-child(3) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11.1c0 2.9 1.9 5.4 4.8 6.9-.2.7-.8 2.6-.9 2.8-.1.3.1.6.4.4.3 0 3.3-2.1 4.6-3 .8.1 1.6.2 2.4.2 5.5 0 10-3.6 10-8.1S17.5 3 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11.1c0 2.9 1.9 5.4 4.8 6.9-.2.7-.8 2.6-.9 2.8-.1.3.1.6.4.4.3 0 3.3-2.1 4.6-3 .8.1 1.6.2 2.4.2 5.5 0 10-3.6 10-8.1S17.5 3 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 푸터 사업자 정보 아코디언 쉐브론 */
.footer__biz-summary {
  position: relative;
}
.footer__biz-summary::after {
  content: '';
  width: 12px;
  height: 12px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform var(--dur) var(--ease);
}
.footer__biz[open] .footer__biz-summary::after {
  transform: rotate(180deg);
}

/* 푸터 링크 쉐브론 */
.footer__link {
  position: relative;
}
.footer__link::after {
  content: '';
  width: 10px;
  height: 10px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m3 1.5 3.5 3.5L3 8.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m3 1.5 3.5 3.5L3 8.5' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Contact SNS 큰 원형 아이콘 */
.inquiry__sns-list a::before {
  content: '';
  width: 22px;
  height: 22px;
  background-color: currentColor;
}
.inquiry__sns-list li:nth-child(1) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.3-3.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 2h9A5.5 5.5 0 0 1 22 7.5v9a5.5 5.5 0 0 1-5.5 5.5h-9A5.5 5.5 0 0 1 2 16.5v-9A5.5 5.5 0 0 1 7.5 2Zm0 2A3.5 3.5 0 0 0 4 7.5v9A3.5 3.5 0 0 0 7.5 20h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 4h-9ZM12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.3-3.6a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inquiry__sns-list li:nth-child(2) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.8 2.8 0 0 0-2-2C17.9 4.8 12 4.8 12 4.8s-5.9 0-7.6.4a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2 12c0 1.6.1 3.2.4 4.8a2.8 2.8 0 0 0 2 2c1.7.4 7.6.4 7.6.4s5.9 0 7.6-.4a2.8 2.8 0 0 0 2-2c.3-1.6.4-3.2.4-4.8s-.1-3.2-.4-4.8ZM10 15.2V8.8l5.5 3.2-5.5 3.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.8 2.8 0 0 0-2-2C17.9 4.8 12 4.8 12 4.8s-5.9 0-7.6.4a2.8 2.8 0 0 0-2 2A29 29 0 0 0 2 12c0 1.6.1 3.2.4 4.8a2.8 2.8 0 0 0 2 2c1.7.4 7.6.4 7.6.4s5.9 0 7.6-.4a2.8 2.8 0 0 0 2-2c.3-1.6.4-3.2.4-4.8s-.1-3.2-.4-4.8ZM10 15.2V8.8l5.5 3.2-5.5 3.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inquiry__sns-list li:nth-child(3) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11.1c0 2.9 1.9 5.4 4.8 6.9-.2.7-.8 2.6-.9 2.8-.1.3.1.6.4.4.3 0 3.3-2.1 4.6-3 .8.1 1.6.2 2.4.2 5.5 0 10-3.6 10-8.1S17.5 3 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11.1c0 2.9 1.9 5.4 4.8 6.9-.2.7-.8 2.6-.9 2.8-.1.3.1.6.4.4.3 0 3.3-2.1 4.6-3 .8.1 1.6.2 2.4.2 5.5 0 10-3.6 10-8.1S17.5 3 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inquiry__sns-list li:nth-child(4) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 3h3l-6.6 7.6L22 21h-6.1l-4.8-6.3L5.6 21h-3l7.1-8.1L2 3h6.3l4.3 5.7L17.8 3Zm-1.1 16.2h1.7L7.4 4.7H5.6l11.1 14.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.8 3h3l-6.6 7.6L22 21h-6.1l-4.8-6.3L5.6 21h-3l7.1-8.1L2 3h6.3l4.3 5.7L17.8 3Zm-1.1 16.2h1.7L7.4 4.7H5.6l11.1 14.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inquiry__sns-list li:nth-child(5) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-9l-4.4 3.5c-.7.5-1.6 0-1.6-.8V17H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3 5h10M7 12h7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-9l-4.4 3.5c-.7.5-1.6 0-1.6-.8V17H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3 5h10M7 12h7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.inquiry__sns-list li:nth-child(6) a::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5A1.5 1.5 0 0 1 4.5 4h15A1.5 1.5 0 0 1 21 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5v-13Zm2 .7v.3l7 5 7-5v-.3H5Zm14 2.9-6.4 4.6a1 1 0 0 1-1.2 0L5 9.1v9.4h14V9.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5.5A1.5 1.5 0 0 1 4.5 4h15A1.5 1.5 0 0 1 21 5.5v13a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 18.5v-13Zm2 .7v.3l7 5 7-5v-.3H5Zm14 2.9-6.4 4.6a1 1 0 0 1-1.2 0L5 9.1v9.4h14V9.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* 페이지네이션 화살표 */
.pagination__link {
  position: relative;
}
.pagination__link[aria-label='이전 페이지']::before,
.pagination__link[aria-label='다음 페이지']::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: currentColor;
}
.pagination__link[aria-label='이전 페이지']::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7 1.5 3.5 5 7 8.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M7 1.5 3.5 5 7 8.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.pagination__link[aria-label='다음 페이지']::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m3 1.5 3.5 3.5L3 8.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m3 1.5 3.5 3.5L3 8.5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}