티켓가이드

/* 아스날 홈경기(런던) 직관티켓 [26-27시즌] */ #arsenal-london-2627-emirates-seat-map { width: 100%; max-width: 1080px; margin: 0 auto; padding: 0 12px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif; color: #222; box-sizing: border-box; } #arsenal-london-2627-emirates-seat-map * { box-sizing: border-box; } .arsenal-london-2627-emirates-map-wrap { position: relative; width: 100%; max-width: 640px; margin: 0 auto; overflow: visible; } .arsenal-london-2627-emirates-map-stage { position: relative; width: 100%; margin: 0 auto; line-height: 0; overflow: visible; } #arsenal-london-2627-emirates-seat-map .arsenal-london-2627-emirates-map-img { position: relative !important; z-index: 1 !important; display: block !important; width: 100% !important; height: auto !important; max-width: 100% !important; margin: 0 auto !important; user-select: none; -webkit-user-drag: none; pointer-events: none; vertical-align: top !important; } .arsenal-london-2627-emirates-overlay-layer { position: absolute; inset: 0; z-index: 6; pointer-events: none; } .arsenal-london-2627-emirates-zone { position: absolute; z-index: 6; display: block; padding: 0; border: 0; background: transparent; cursor: pointer; opacity: 0; pointer-events: auto; transition: opacity 0.16s ease, filter 0.16s ease; -webkit-tap-highlight-color: transparent; } .arsenal-london-2627-emirates-zone span { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; clip: rect(0, 0, 0, 0); } .arsenal-london-2627-emirates-zone.is-arsenal-london-2627-emirates-active { opacity: 1; background: var(--arsenal-london-2627-emirates-zone-color); mix-blend-mode: multiply; filter: saturate(1.3) brightness(0.78); } /* [VIP석] 클럽레벨 */ .arsenal-london-2627-emirates-club-top { left: 22.870%; top: 24.630%; width: 54.537%; height: 5.185%; clip-path: polygon( 99.83% 96.43%, 0.00% 94.64%, 10.53% 25.00%, 20.71% 0.00%, 78.95% 0.00%, 91.85% 33.93% ); --arsenal-london-2627-emirates-zone-color: rgba(240, 1, 7, 0.92); } .arsenal-london-2627-emirates-club-bottom { left: 22.963%; top: 70.278%; width: 54.259%; height: 5.185%; clip-path: polygon( 99.83% 3.57%, 88.57% 75.00%, 76.79% 98.21%, 20.65% 96.43%, 10.75% 73.21%, 0.00% 7.14% ); --arsenal-london-2627-emirates-zone-color: rgba(240, 1, 7, 0.92); } .arsenal-london-2627-emirates-club-left { left: 16.389%; top: 29.444%; width: 6.944%; height: 41.389%; clip-path: polygon( 97.33% 99.78%, 29.33% 85.23%, 0.00% 67.34%, 6.67% 24.16%, 34.67% 12.08%, 94.67% 0.00% ); --arsenal-london-2627-emirates-zone-color: rgba(240, 1, 7, 0.92); } .arsenal-london-2627-emirates-club-right { left: 76.759%; top: 28.981%; width: 7.130%; height: 41.852%; clip-path: polygon( 1.30% 99.78%, 1.30% 0.00%, 68.83% 14.60%, 98.70% 32.30%, 90.91% 76.33%, 55.84% 89.16% ); --arsenal-london-2627-emirates-zone-color: rgba(240, 1, 7, 0.92); } /* 3층 롱사이드 */ .arsenal-london-2627-emirates-third-longside-top { left: 25.370%; top: 13.704%; width: 49.815%; height: 10.093%; clip-path: polygon( 99.81% 59.63%, 96.84% 99.08%, 2.97% 98.17%, 0.00% 61.47%, 20.82% 18.35%, 47.03% 0.00%, 73.05% 11.93% ); --arsenal-london-2627-emirates-zone-color: rgba(0, 150, 48, 0.92); } .arsenal-london-2627-emirates-third-longside-bottom { left: 25.556%; top: 76.204%; width: 49.630%; height: 10.093%; clip-path: polygon( 99.81% 38.53%, 78.73% 80.73%, 54.48% 99.08%, 27.99% 89.91%, 12.31% 68.81%, 0.00% 41.28%, 2.99% 1.83%, 96.83% 0.00% ); --arsenal-london-2627-emirates-zone-color: rgba(0, 150, 48, 0.92); } /* 3층 숏사이드 */ .arsenal-london-2627-emirates-third-shortside-left { left: 4.722%; top: 19.722%; width: 21.852%; height: 60.556%; clip-path: polygon( 91.10% 0.00%, 50.42% 10.55%, 20.76% 23.55%, 3.81% 38.07%, 0.00% 51.53%, 5.93% 64.37%, 25.00% 78.59%, 53.39% 90.21%, 91.95% 99.85%, 99.58% 92.97%, 83.47% 89.91%, 59.32% 81.19%, 48.73% 74.16%, 43.22% 64.83%, 46.19% 28.59%, 64.41% 16.21%, 98.73% 7.03% ); --arsenal-london-2627-emirates-zone-color: rgba(0, 255, 0, 0.90); } .arsenal-london-2627-emirates-third-shortside-right { left: 74.074%; top: 19.907%; width: 21.389%; height: 60.093%; clip-path: polygon( 7.36% 0.00%, 0.00% 6.93%, 22.08% 11.86%, 39.39% 18.64%, 49.35% 25.27%, 55.41% 34.98%, 52.81% 70.72%, 34.20% 83.67%, 0.43% 92.91%, 7.79% 99.85%, 46.32% 90.14%, 77.92% 76.73%, 95.67% 61.94%, 99.57% 47.77%, 93.51% 35.29%, 72.73% 20.34%, 47.19% 10.02% ); --arsenal-london-2627-emirates-zone-color: rgba(0, 255, 0, 0.90); } /* 1층 숏사이드 */ .arsenal-london-2627-emirates-shortside-left { left: 21.481%; top: 29.352%; width: 10.463%; height: 41.111%; clip-path: polygon( 68.14% 0.00%, 36.28% 5.41%, 20.35% 10.36%, 4.42% 18.47%, 0.00% 25.23%, 2.65% 79.95%, 26.55% 91.89%, 66.37% 99.77%, 99.12% 84.23%, 73.45% 79.73%, 61.06% 71.17%, 61.06% 27.25%, 73.45% 20.50%, 99.12% 15.77% ); --arsenal-london-2627-emirates-zone-color: rgba(255, 212, 9, 0.94); } .arsenal-london-2627-emirates-shortside-right { left: 68.796%; top: 29.630%; width: 9.907%; height: 40.741%; clip-path: polygon( 30.84% 0.00%, 0.00% 15.91%, 14.95% 18.86%, 30.84% 16.14%, 42.06% 17.50%, 42.06% 19.55%, 27.10% 22.73%, 35.51% 30.91%, 35.51% 68.86%, 23.36% 78.86%, 0.00% 83.86%, 31.78% 99.77%, 73.83% 91.14%, 96.26% 79.77%, 99.07% 24.77%, 83.18% 11.82%, 61.68% 5.23% ); --arsenal-london-2627-emirates-zone-color: rgba(255, 212, 9, 0.94); } /* 1층 롱사이드 */ .arsenal-london-2627-emirates-longside-top-left { left: 29.537%; top: 28.426%; width: 10.463%; height: 7.315%; clip-path: polygon( 99.12% 92.41%, 28.32% 98.73%, 0.00% 10.13%, 28.32% 0.00%, 99.12% 0.00% ); --arsenal-london-2627-emirates-zone-color: rgba(14, 180, 252, 0.92); } .arsenal-london-2627-emirates-longside-top-right { left: 60.833%; top: 28.426%; width: 10.370%; height: 7.500%; clip-path: polygon( 99.11% 12.35%, 70.54% 98.77%, 0.00% 91.36%, 0.00% 0.00%, 66.96% 0.00% ); --arsenal-london-2627-emirates-zone-color: rgba(14, 180, 252, 0.92); } .arsenal-london-2627-emirates-longside-bottom-left { left: 29.352%; top: 64.352%; width: 10.648%; height: 7.315%; clip-path: polygon( 0.00% 84.81%, 29.57% 0.00%, 99.13% 5.06%, 98.26% 98.73%, 33.04% 98.73% ); --arsenal-london-2627-emirates-zone-color: rgba(14, 180, 252, 0.92); } .arsenal-london-2627-emirates-longside-bottom-right { left: 60.833%; top: 64.074%; width: 10.370%; height: 7.593%; clip-path: polygon( 70.54% 0.00%, 99.11% 85.37%, 62.50% 98.78%, 0.00% 98.78%, 0.00% 8.54% ); --arsenal-london-2627-emirates-zone-color: rgba(14, 180, 252, 0.92); } /* 1층 센터석 */ .arsenal-london-2627-emirates-center-top { left: 40.741%; top: 28.426%; width: 19.444%; height: 7.037%; clip-path: polygon( 99.52% 0.00%, 99.05% 97.37%, 0.00% 98.68%, 0.00% 0.00% ); --arsenal-london-2627-emirates-zone-color: rgba(255, 143, 0, 0.92); } .arsenal-london-2627-emirates-center-bottom { left: 40.741%; top: 64.537%; width: 19.444%; height: 7.130%; clip-path: polygon( 0.00% 2.60%, 99.52% 2.60%, 99.52% 97.40%, 0.00% 98.70% ); --arsenal-london-2627-emirates-zone-color: rgba(255, 143, 0, 0.92); } /* Tooltip */ .arsenal-london-2627-emirates-seat-tooltip { position: fixed; left: 0; top: 0; z-index: 999999; display: none; width: 400px; padding: 28px; border: 2px solid var(--arsenal-london-2627-emirates-seat-color, #F00107); border-radius: 24px; background: rgba(255, 255, 255, 0.97); box-shadow: 0 20px 45px rgba(15, 23, 42, 0.22); pointer-events: none; line-height: 1.45; } .arsenal-london-2627-emirates-seat-tooltip.is-arsenal-london-2627-emirates-visible { display: block; animation: arsenalLondon2627EmiratesTooltipIn 0.12s ease-out; } @keyframes arsenalLondon2627EmiratesTooltipIn { from { opacity: 0; transform: translateY(8px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .arsenal-london-2627-emirates-tooltip-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .arsenal-london-2627-emirates-tooltip-head::before { content: ""; display: block; width: 74px; height: 12px; border-radius: 999px; background: var( --arsenal-london-2627-emirates-seat-bar-color, var(--arsenal-london-2627-emirates-seat-color, #F00107) ) !important; } #arsenal-london-2627-emirates-tooltip-tag { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 999px; background: #111827; color: #fff; font-size: 14px; font-weight: 900; } #arsenal-london-2627-emirates-tooltip-title { margin: 0 0 10px; color: #111827; font-size: 32px; font-weight: 900; letter-spacing: -0.8px; } #arsenal-london-2627-emirates-tooltip-subtitle { margin: 0 0 18px; color: var(--arsenal-london-2627-emirates-seat-color, #F00107); font-size: 19px; font-weight: 900; line-height: 1.45; } #arsenal-london-2627-emirates-tooltip-desc { margin: 0; color: #374151; font-size: 17px; line-height: 1.72; } .arsenal-london-2627-emirates-tooltip-bottom { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 22px; padding-top: 16px; border-top: 1px solid #e5e7eb; color: #6b7280; font-size: 15px; } .arsenal-london-2627-emirates-tooltip-bottom strong { color: #111827; font-size: 17px; font-weight: 900; } .arsenal-london-2627-emirates-tooltip-orange-sky-text { display: inline-block; font-weight: 900; background: linear-gradient( 90deg, #FF8F00 0%, #FF8F00 50%, #0EB4FC 50%, #0EB4FC 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent !important; } /* Legend */ .arsenal-london-2627-emirates-legend { position: relative; z-index: 30; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; width: 100%; max-width: 640px; margin: -66px auto 0; padding: 8px 0; } .arsenal-london-2627-emirates-legend-item { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 96px; padding: 9px 13px; border-radius: 999px; background: rgba(255, 255, 255, 0.94); color: #374151; font-size: 13px; font-weight: 900; cursor: pointer; user-select: none; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12); transition: opacity 0.18s ease, transform 0.18s ease, background 0.18s ease; } .arsenal-london-2627-emirates-legend-item::before { content: ""; display: block; width: 12px; height: 12px; border-radius: 3px; flex: 0 0 12px; background: #d1d5db; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="clubLevel"]::before { background: #F00107; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="firstLongside"]::before { background: #FF8F00; box-shadow: 14px 0 0 #0EB4FC; margin-right: 14px; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="firstCenter"]::before { background: #FF8F00; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="firstShortside"]::before { background: #FFD409; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="thirdLongside"]::before { background: #009630; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="thirdShortside"]::before { background: #00FF00; } .arsenal-london-2627-emirates-legend-item.is-arsenal-london-2627-emirates-active { transform: translateY(-4px); background: #fff; } .arsenal-london-2627-emirates-legend-item.is-arsenal-london-2627-emirates-dim { opacity: 0.35; } /* Notice */ .arsenal-london-2627-emirates-notice { max-width: 1000px; margin: 26px auto 0; padding: 0 8px; color: #374151; font-size: 17px; line-height: 1.9; } .arsenal-london-2627-emirates-notice p { margin: 0 0 10px; } .arsenal-london-2627-emirates-notice-title { font-weight: 700; } .arsenal-london-2627-emirates-notice-section { margin-top: 22px !important; margin-bottom: 8px !important; color: #111827; font-size: 17px; } .arsenal-london-2627-emirates-notice strong { font-weight: 900; } .arsenal-london-2627-emirates-red-text { color: #F00107; font-weight: 900; } .arsenal-london-2627-emirates-orange-text { color: #FF8F00; font-weight: 900; } .arsenal-london-2627-emirates-sky-text { color: #0EB4FC; font-weight: 900; } .arsenal-london-2627-emirates-yellow-text { color: #D6A700; font-weight: 900; } .arsenal-london-2627-emirates-green-text { color: #009630; font-weight: 900; } .arsenal-london-2627-emirates-lime-text { color: #00B800; font-weight: 900; } /* Mobile bottom sheet */ .arsenal-london-2627-emirates-mobile-backdrop { position: fixed; inset: 0; z-index: 999998; display: none; background: rgba(15, 23, 42, 0.34); } .arsenal-london-2627-emirates-mobile-backdrop.is-arsenal-london-2627-emirates-visible { display: block; } .arsenal-london-2627-emirates-mobile-close { display: none; } body.is-arsenal-london-2627-emirates-seat-sheet-open { overflow: hidden; } @media (max-width: 768px), (hover: none) and (pointer: coarse) { #arsenal-london-2627-emirates-seat-map { margin: 0 auto !important; padding: 0 6px !important; } .arsenal-london-2627-emirates-map-wrap { width: min(100%, 600px); max-width: 600px; min-width: 0; margin: 0 auto; overflow: visible; } .arsenal-london-2627-emirates-legend { margin: -54px auto 0 !important; padding: 4px 0 2px !important; column-gap: 5px !important; row-gap: 4px !important; } .arsenal-london-2627-emirates-legend-item { min-width: 0; padding: 6px 9px !important; font-size: 11px !important; gap: 4px !important; } .arsenal-london-2627-emirates-legend-item::before { width: 9px !important; height: 9px !important; flex-basis: 9px !important; } .arsenal-london-2627-emirates-legend-item[data-arsenal-london-2627-emirates-zone="firstLongside"]::before { box-shadow: 11px 0 0 #0EB4FC; margin-right: 11px; } .arsenal-london-2627-emirates-notice { margin: 14px auto 0 !important; } .arsenal-london-2627-emirates-seat-tooltip { position: fixed; left: 12px !important; right: 12px !important; bottom: 12px !important; top: auto !important; z-index: 999999; display: block; visibility: hidden; width: auto; max-height: 62vh; overflow-y: auto; padding: 22px 20px 20px; border-radius: 24px; background: rgba(255, 255, 255, 0.98); pointer-events: auto; opacity: 0; transform: translateY(18px); transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; animation: none; } .arsenal-london-2627-emirates-seat-tooltip.is-arsenal-london-2627-emirates-visible { visibility: visible; opacity: 1; transform: translateY(0); animation: none; } .arsenal-london-2627-emirates-mobile-close { position: absolute; top: 14px; right: 14px; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 0; border-radius: 999px; background: #f3f4f6; color: #111827; font-size: 22px; font-weight: 800; line-height: 1; cursor: pointer; } .arsenal-london-2627-emirates-tooltip-head { margin-bottom: 18px; padding-right: 42px; } #arsenal-london-2627-emirates-tooltip-title { font-size: 26px; } #arsenal-london-2627-emirates-tooltip-subtitle { margin-bottom: 14px; font-size: 16px; } #arsenal-london-2627-emirates-tooltip-desc { font-size: 14px; line-height: 1.65; } .arsenal-london-2627-emirates-tooltip-bottom { margin-top: 18px; padding-top: 14px; font-size: 14px; } .arsenal-london-2627-emirates-tooltip-bottom strong { font-size: 15px; } } @media (max-width: 480px) { #arsenal-london-2627-emirates-seat-map { padding: 0 8px !important; } .arsenal-london-2627-emirates-map-wrap { width: 100%; max-width: none; } .arsenal-london-2627-emirates-legend { margin-top: -43px !important; } .arsenal-london-2627-emirates-seat-tooltip { left: 10px !important; right: 10px !important; bottom: 10px !important; max-height: 64vh; padding: 20px 18px 18px; border-radius: 22px; } #arsenal-london-2627-emirates-tooltip-title { font-size: 24px; } .arsenal-london-2627-emirates-notice { width: 100%; max-width: none; font-size: 13.5px; } .arsenal-london-2627-emirates-notice-section { font-size: 14px; } }

알림

티켓 구매하기

후기게시판

공지사항