@charset "UTF-8";

.gallery-viewer{margin:40px 0 48px;min-width:0}
.gallery-main-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;max-height:760px;background:#f2f2f2;border-radius:16px;overflow:hidden}
.gallery-detail-page .gallery-main-frame img{display:block;width:100%;height:100%;max-width:100%;max-height:760px;object-fit:contain;margin:0}
.gallery-viewer-counter{margin:16px 0;color:#888;font-size:14px;text-align:right;font-variant-numeric:tabular-nums}
.gallery-thumbnails{display:flex;justify-content:center;gap:16px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}
.gallery-thumbnail{position:relative;flex:0 0 140px;height:104px;padding:4px;border:2px solid transparent;border-radius:10px;background:#f2f2f2;cursor:pointer;overflow:hidden}
.gallery-detail-page .gallery-thumbnail img{width:100%;height:100%;max-height:none;object-fit:cover;margin:0;border-radius:5px}
.gallery-thumbnail.is-active{border-color:#e0332e;background:#fff0ee}
.gallery-thumbnail:hover{border-color:#e0332e}
.gallery-thumbnail:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}
.gallery-thumbnail span{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:4px;background:#1a1a1ab3;color:white;font-size:12px}
@media(max-width:760px){.gallery-viewer{margin:28px 0 36px}.gallery-main-frame{aspect-ratio:4 / 3;border-radius:10px}.gallery-thumbnails{justify-content:flex-start;gap:10px}.gallery-thumbnail{flex-basis:100px;height:78px}.gallery-viewer-counter{font-size:12px;margin:12px 0}}

/* 공지 상세는 고객지원 목록과 같은 폭·색상·배너 규격을 사용합니다. */
.notice-detail-page .post-detail{padding-top:100px;padding-bottom:120px}
.notice-detail-heading{padding:0 0 32px;border-bottom:2px solid #1a1a1a}
.notice-detail-heading .eyebrow{font-size:18px;font-weight:700;line-height:1.5;letter-spacing:0;color:#e0332e;margin:0 0 20px}
.notice-detail-page .notice-detail-heading h1{max-width:1100px;font-size:36px;line-height:1.5;font-weight:700;letter-spacing:-.03em;margin:0 0 24px;overflow-wrap:anywhere}
.notice-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:15px;line-height:1.7;color:#888}
.notice-detail-meta>span{color:#555;font-weight:600}
.notice-detail-page .notice-detail-meta time{font-variant-numeric:tabular-nums;color:#888}
.notice-detail-page .notice-rich-body{border:0;margin:0;padding:48px 0 56px;min-height:240px;font-size:18px;line-height:1.9;color:#404040;white-space:normal}
.notice-detail-page .notice-rich-body p{margin:0 0 1em}
.notice-detail-page .notice-rich-body h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:1.5em 0 .7em}
.notice-detail-page .notice-rich-body h3{font-size:23px;font-weight:700;color:#1a1a1a;margin:1.4em 0 .6em}
.notice-detail-page .notice-rich-body>:first-child{margin-top:0}
.notice-detail-page .notice-rich-body>:last-child{margin-bottom:0}
.notice-detail-page .notice-rich-body img{display:block;max-width:100%;height:auto;max-height:none;margin:28px auto;border-radius:12px}
.notice-detail-page .notice-rich-body blockquote{padding:20px 24px;margin:24px 0;border-left:3px solid #e0332e;background:#f2f2f2;border-radius:0 10px 10px 0}
.notice-detail-page .notice-rich-body pre{max-width:100%;overflow-x:auto;padding:20px;background:#f2f2f2;border-radius:8px;font-size:15px;white-space:pre-wrap}
.notice-detail-actions{display:flex;justify-content:center;padding-top:40px;border-top:1px solid #ccc}
.notice-detail-page .notice-detail-actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:156px;min-height:48px;padding:12px 28px;margin:0;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:6px;color:white;font-size:16px;font-weight:600;line-height:24px;transition:background .2s,border-color .2s}
.notice-detail-page .notice-detail-actions .button:hover{background:#e0332e;border-color:#e0332e}
.notice-detail-page .notice-detail-actions .button:focus-visible{outline:2px solid #e0332e;outline-offset:4px}
@media(max-width:900px){.notice-detail-page .post-detail{padding-top:64px;padding-bottom:80px}.notice-detail-page .notice-detail-heading h1{font-size:30px}.notice-detail-page .notice-rich-body{font-size:16px;padding:36px 0 40px}}
@media(max-width:600px){.notice-detail-page .post-detail{padding-top:48px;padding-bottom:64px}.notice-detail-heading{padding-bottom:24px}.notice-detail-heading .eyebrow{font-size:14px;margin-bottom:14px}.notice-detail-page .notice-detail-heading h1{font-size:24px;line-height:1.55;margin-bottom:18px}.notice-detail-meta{font-size:13px;gap:10px}.notice-detail-page .notice-rich-body{font-size:15px;line-height:1.85;min-height:180px;padding:28px 0 36px}.notice-detail-page .notice-rich-body h2{font-size:22px}.notice-detail-page .notice-rich-body h3{font-size:19px}.notice-detail-page .notice-rich-body img{margin:20px auto;border-radius:8px}.notice-detail-page .notice-rich-body blockquote{padding:16px 18px}.notice-detail-actions{padding-top:28px}.notice-detail-page .notice-detail-actions .button{font-size:14px;min-width:140px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.notice-detail-page .notice-detail-actions .button{transition:none}}
.support-page { color: #1a1a1a; font-family: 'Pretendard Variable', 'Malgun Gothic', Arial, sans-serif; }
.support-page .container { width: min(1296px, calc(100% - 48px)); }
.support-page .page-heading { height: 196px; padding: 60px 0; }
.support-page .page-heading h1 { margin: 0; font-size: 64px; font-weight: 700; line-height: 76px; letter-spacing: 0; }
.support-page .subhero-support { height: 400px; }
.support-page .support-subnav-bar { position: absolute; inset: auto 0 0; background: rgba(0,0,0,.3); backdrop-filter: blur(7.5px); }
.support-page .subnav { position: static; transform: none; height: 70px; }
.support-page .subnav::before { content: none; }
.support-page .subnav a { height: 70px; padding: 10px 48px; font-size: 20px; line-height: 24px; font-weight: 500; }
.support-page .subnav a.active { background: #e0332e; font-weight: 600; }
.support-page .support-content { padding-top: 120px; padding-bottom: 128px; }
.support-page .total-count { font-size: 20px; line-height: 30px; font-weight: 600; margin: 0 0 24px; }
.support-page .total-count b { color: #e0332e; font-weight: 600; }
.support-page .notice-table { table-layout: fixed; font-size: 18px; line-height: 25px; color: #404040; }
.support-page .notice-table th { height: 76px; padding: 24px; font-size: 20px; line-height: 28px; font-weight: 700; color: #1a1a1a; border-bottom: 2px solid #1a1a1a; }
.support-page .notice-table th:first-child { width: 111px; }
.support-page .notice-table th:last-child { width: 222px; }
.support-page .notice-table td { height: 57px; padding: 16px 24px; border-bottom: 1px solid #ccc; letter-spacing: -.02em; }
.support-page .notice-table tbody tr:last-child td { border-bottom: 2px solid #1a1a1a; }
.support-page .notice-table td:nth-child(2) a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.support-page .notice-table time { white-space: nowrap; }
.support-page .notice-pagination { margin: 80px 0 0; gap: 0; font-size: 20px; line-height: 28px; font-weight: 400; color: #404040; }
.notice-pagination a, .notice-pagination > .page-arrow, .notice-pagination .page-gap { width: 40px; height: 40px; display: grid; place-items: center; flex-shrink: 0; }
.notice-pagination a.active, .notice-pagination a.active:hover { background: #e0332e; color: #fff; }
.notice-pagination .page-arrow { border: 1px solid #ddd; border-radius: 50%; }
.notice-pagination .page-arrow.previous { margin-right: 12px; }
.notice-pagination .page-arrow.next { margin-left: 12px; }
.notice-pagination .page-arrow > span { width: 10px; height: 10px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); margin-left: -4px; }
.notice-pagination .page-arrow.previous > span { transform: rotate(-135deg); margin-left: 4px; }
.notice-pagination .page-arrow.disabled { background: #f2f2f2; border-color: #f2f2f2; color: #ccc; }
.gallery-page .support-content { padding-bottom: 120px; }
.gallery-page .total-count { margin-bottom: 60px; }
.gallery-page .gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.gallery-page .gallery-card { min-width: 0; }
.gallery-page .image-box { aspect-ratio: 408 / 280; background: #f2f2f2; border-radius: 10px; }
.gallery-page .gallery-card h3 { margin: 16px 0 4px; font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gallery-page .gallery-card time { display: block; color: #999; font-size: 20px; line-height: 30px; font-weight: 400; }
.gallery-page .notice-pagination a, .gallery-page .notice-pagination > .page-arrow, .gallery-page .notice-pagination .page-gap { width: 36px; height: 36px; }
@media (max-width: 1200px) {
  .support-page .support-content { padding-top: 80px; padding-bottom: 90px; }
}
@media (max-width: 760px) {
  .gallery-page .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .gallery-page .total-count { margin-bottom: 30px; }
  .gallery-page .gallery-card h3 { margin-top: 12px; font-size: 16px; line-height: 24px; }
  .gallery-page .gallery-card time { font-size: 14px; line-height: 22px; }
  .gallery-page .notice-pagination a, .gallery-page .notice-pagination > .page-arrow, .gallery-page .notice-pagination .page-gap { width: 30px; height: 30px; }
  .support-page .container { width: calc(100% - 36px); }
  .support-page .page-heading { height: auto; padding: 35px 0; }
  .support-page .page-heading h1 { font-size: 36px; line-height: 46px; }
  .support-page .subhero-support { height: 250px; }
  .support-page .subnav, .support-page .subnav a { height: 56px; }
  .support-page .subnav a { padding: 10px; font-size: 15px; }
  .support-page .support-content { padding-top: 45px; padding-bottom: 65px; }
  .support-page .total-count { font-size: 16px; line-height: 24px; margin-bottom: 18px; }
  .support-page .notice-table { font-size: 13px; line-height: 20px; }
  .support-page .notice-table th { height: 52px; padding: 12px 6px; font-size: 14px; line-height: 22px; }
  .support-page .notice-table th:first-child { width: 45px; }
  .support-page .notice-table th:last-child { width: 95px; }
  .support-page .notice-table td { height: 49px; padding: 14px 6px; }
  .support-page .notice-pagination { margin-top: 40px; font-size: 15px; }
  .notice-pagination a, .notice-pagination > .page-arrow, .notice-pagination .page-gap { width: 30px; height: 30px; }
  .notice-pagination .page-arrow.previous { margin-right: 4px; }
  .notice-pagination .page-arrow.next { margin-left: 4px; }
}
@media (max-width: 440px) {
  .gallery-page .gallery-grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 360px) {
  .gallery-page .notice-pagination a, .gallery-page .notice-pagination > .page-arrow, .gallery-page .notice-pagination .page-gap { width: 26px; height: 28px; }
  .notice-pagination a, .notice-pagination > .page-arrow, .notice-pagination .page-gap { width: 26px; height: 28px; }
}