/* ============================================================
   SUB PAGE — [현재 용도] 아이콘 mask 유틸리티 전용
   ============================================================
   ⚠ 파일명은 "sub-page"지만 실질 내용은 .ds-icon--* mask 정의 9개뿐.
     · 원래 서브 페이지 레이아웃/반응형도 담당했으나 layout.css(output.css)로 모두 이전됨.
     · 파일명이 .ds-icon-* 정합성과 안 맞지만, JSP 컨트롤러(EtcController.java)·다수
       페이지·문서가 이 경로를 참조 중이라 이전 시 영향 범위가 커서 그대로 둠.
     · 신규 아이콘 mask 추가는 여기에. 본격 정리 필요 시 별도 티켓으로 진행.

   ── 현재 link 사용처 (HTML 페이지, 2026-05-08 기준) ──────────────────
   [마이페이지 050000] (11)
     · MNU-U-050000_마이페이지 (v1, v2)
     · MNU-U-050101_비밀번호확인 (v1, v2)
     · MNU-U-050101_일반어린이본인인증 (v2)
     · MNU-U-050102_외국인이메일인증 (v1, v2)
     · MNU-U-050103_일반어린이회원정보수정 (v1, v2)
     · MNU-U-050103_외국인회원정보수정 (v1, v2)
     · MNU-U-050301_문의내역목록 (v1)
     · MNU-U-050302_문의내역상세 (v1)
   [소통참여 100000] (4)
     · MNU-U-100301_FAQ목록 (v1)
     · MNU-U-100302_QA목록 (v1)
     · MNU-U-100303_QA상세 (v1)
     · MNU-U-100502_웹진상세 (v1)
   [공연전시 060000] (2)
     · MNU-U-060403_현장영상상세 (v1, v2)
   [푸터하위 040000] (7)
     · MNU-U-040100_개인정보처리방침 (v1)
     · MNU-U-040200_이용약관 (v1)
     · MNU-U-040300_이메일무단수집거부 (v1)
     · MNU-U-040400_고객서비스헌장 (v1)
     · MNU-U-040500_저작권보호정책 (v1)
     · MNU-U-040600_조례및규정 (v1)
     · MNU-U-040700_클린신고센터 (v1)
   [그 외] EtcController.java(푸터 JSP), design-guide/preview/layout.js
   ※ 시간이 지나면 위 목록은 stale 가능. 정확한 현황은 `grep -r sub-page.css`로 재확인.
   ============================================================ */

/* ==================== 아이콘 mask 유틸리티 ==================== */
.ds-icon--search {
  -webkit-mask-image: url(../icons/search-sm.svg);
  mask-image: url(../icons/search-sm.svg);
}
.ds-icon--chevron-left {
  -webkit-mask-image: url(../icons/chevron-left.svg);
  mask-image: url(../icons/chevron-left.svg);
}
.ds-icon--chevron-right {
  -webkit-mask-image: url(../icons/chevron-right.svg);
  mask-image: url(../icons/chevron-right.svg);
}
.ds-icon--chevron-left-double {
  -webkit-mask-image: url(../icons/chevron-left-double.svg);
  mask-image: url(../icons/chevron-left-double.svg);
}
.ds-icon--chevron-right-double {
  -webkit-mask-image: url(../icons/chevron-right-double.svg);
  mask-image: url(../icons/chevron-right-double.svg);
}
.ds-icon--filter {
  -webkit-mask-image: url(../icons/filter-lines.svg);
  mask-image: url(../icons/filter-lines.svg);
}
.ds-icon--chevron-down {
  -webkit-mask-image: url(../icons/chevron-down.svg);
  mask-image: url(../icons/chevron-down.svg);
}
.ds-icon--alert-circle {
  -webkit-mask-image: url(../icons/alert-circle.svg);
  mask-image: url(../icons/alert-circle.svg);
}
.ds-icon--download {
  -webkit-mask-image: url(../icons/download-01.svg);
  mask-image: url(../icons/download-01.svg);
}


/* 반응형/.sub-page-wrap 본체 정의는 layout.css(output.css)에서 관리 */