// --- Nearby Stations Logic Start (Adapted from venues/detail_data.php) ---
$nearby_stations = []; // Subway stations
$display_stations = []; // KTX/SRT stations
$subway_summary = null;
$train_summary = null;

// Use performance's venue data
if (!empty($performance['venue_lat']) && !empty($performance['venue_lng']) && !empty($performance['venue_area'])) {
    $venue_lat = $performance['venue_lat'];
    $venue_lon = $performance['venue_lng'];
    $venue_area = $performance['venue_area'];

    // --- Subway Stations ---
    $subway_radius = ($venue_area === '수도권') ? 1 : 2; 
    if (function_exists('get_nearby_subway_stations')) {
        $nearby_stations = get_nearby_subway_stations($conn, $venue_lat, $venue_lon, $subway_radius, $is_jp_domain);
    }

    // --- KTX/SRT Stations ---
    $ktx_station_most_lines = null;
    $ktx_station_nearest = null;
    $nearby_srt_station = null;
    
    $search_radius = ($venue_area === '수도권') ? 30 : 40; 

    // KTX Logic 1: Most relevant lines
    $ktx_stations_candidates = [];
    $ktx_query_lines = "
        SELECT title, station_type, srt, latitude, longitude, ktx_line,
               ST_Distance_Sphere(point(?, ?), point(longitude, latitude)) / 1000 AS distance
        FROM train_stations 
        WHERE station_type = 'ktx' AND ktx_line IS NOT NULL AND ktx_line != ''
        HAVING distance <= ? 
    "; 
    $stmt_ktx_lines = mysqli_prepare($conn, $ktx_query_lines);
    if ($stmt_ktx_lines) {
        mysqli_stmt_bind_param($stmt_ktx_lines, 'ddi', $venue_lon, $venue_lat, $search_radius); 
        mysqli_stmt_execute($stmt_ktx_lines);
        $ktx_result_lines = mysqli_stmt_get_result($stmt_ktx_lines);
        while ($row = mysqli_fetch_assoc($ktx_result_lines)) {
            $lines = explode(',', trim($row['ktx_line'], ','));
            $relevant_lines = ['ktx1', 'ktx3', 'ktx5', 'ktx6'];
            $count = 0; $found_lines = []; 
            foreach ($lines as $line) {
                $trimmed_line = trim($line);
                if (in_array($trimmed_line, $relevant_lines) && !in_array($trimmed_line, $found_lines)) {
                    $count++; $found_lines[] = $trimmed_line;
                }
            }
            if ($count > 0) { $row['relevant_line_count'] = min($count, 4); $ktx_stations_candidates[] = $row; }
        }
        mysqli_stmt_close($stmt_ktx_lines);
        if (!empty($ktx_stations_candidates)) {
            usort($ktx_stations_candidates, function($a, $b) {
                if ($a['relevant_line_count'] != $b['relevant_line_count']) { return $b['relevant_line_count'] <=> $a['relevant_line_count']; }
                return $a['distance'] <=> $b['distance']; 
            });
            $ktx_station_most_lines = $ktx_stations_candidates[0]; 
        }
    }

    // KTX Logic 2: Nearest
    $ktx_query_nearest = "
        SELECT title, station_type, srt, latitude, longitude, ktx_line,
               ST_Distance_Sphere(point(?, ?), point(longitude, latitude)) / 1000 AS distance
        FROM train_stations WHERE station_type = 'ktx' HAVING distance <= ? ORDER BY distance ASC LIMIT 1";
    $stmt_ktx_nearest = mysqli_prepare($conn, $ktx_query_nearest);
    if ($stmt_ktx_nearest) {
        mysqli_stmt_bind_param($stmt_ktx_nearest, 'ddi', $venue_lon, $venue_lat, $search_radius); 
        mysqli_stmt_execute($stmt_ktx_nearest);
        $ktx_result_nearest = mysqli_stmt_get_result($stmt_ktx_nearest);
        $ktx_station_nearest = mysqli_fetch_assoc($ktx_result_nearest);
        mysqli_stmt_close($stmt_ktx_nearest);
    }

    // SRT Logic: Nearest
    $srt_query = "
        SELECT title, station_type, srt, latitude, longitude,
               ST_Distance_Sphere(point(?, ?), point(longitude, latitude)) / 1000 AS distance
        FROM train_stations WHERE station_type = 'srt' HAVING distance <= ? ORDER BY distance ASC LIMIT 1";
    $stmt_srt = mysqli_prepare($conn, $srt_query);
    if ($stmt_srt) {
        mysqli_stmt_bind_param($stmt_srt, 'ddi', $venue_lon, $venue_lat, $search_radius); 
        mysqli_stmt_execute($stmt_srt);
        $srt_result = mysqli_stmt_get_result($stmt_srt);
        $nearby_srt_station = mysqli_fetch_assoc($srt_result);
        mysqli_stmt_close($stmt_srt);
    }

    // Combine and filter train stations for display
    $added_titles = []; 
    $icon_color = 'text-green-600'; 
    if ($ktx_station_most_lines) {
        $station_info = $ktx_station_most_lines;
        $station_info['display_type'] = ($station_info['srt'] == 1) ? 'KTX/SRT' : 'KTX';
        $station_info['icon_color'] = $icon_color;
        $display_stations[] = $station_info; 
        $added_titles[] = $station_info['title'];
    }
    if ($ktx_station_nearest && !in_array($ktx_station_nearest['title'], $added_titles)) {
        $station_info = $ktx_station_nearest;
        $station_info['display_type'] = ($station_info['srt'] == 1) ? 'KTX/SRT' : 'KTX';
        $station_info['icon_color'] = $icon_color;
        $display_stations[] = $station_info; 
        $added_titles[] = $station_info['title'];
    }
    if ($nearby_srt_station) {
        if (!in_array($nearby_srt_station['title'], $added_titles)) {
             $station_info = $nearby_srt_station;
             $station_info['display_type'] = 'SRT';
             $station_info['icon_color'] = $icon_color;
             $display_stations[] = $station_info; 
        } else {
             foreach ($display_stations as $key => $station) {
                 if ($station['title'] === $nearby_srt_station['title'] && $station['display_type'] === 'KTX') {
                     $display_stations[$key]['display_type'] = 'KTX/SRT'; 
                     break;
                 }
             }
        }
    }
    usort($display_stations, function($a, $b) { return $a['distance'] <=> $b['distance']; });

    // Fallback: Find the absolute closest station if both arrays are still empty
    if (empty($nearby_stations) && empty($display_stations)) {
        $fallback_query = "
            SELECT type, title, distance, line_info, srt_flag, lat, lng FROM (
                SELECT 'subway' AS type, station_name AS title, 
                       (6371 * ACOS(COS(RADIANS(?)) * COS(RADIANS(lat)) * COS(RADIANS(lng) - RADIANS(?)) + SIN(RADIANS(?)) * SIN(RADIANS(lat)))) AS distance,
                       line_names AS line_info, NULL AS srt_flag, lat, lng
                FROM release_subway
                UNION ALL
                SELECT station_type AS type, title, 
                       (6371 * ACOS(COS(RADIANS(?)) * COS(RADIANS(latitude)) * COS(RADIANS(longitude) - RADIANS(?)) + SIN(RADIANS(?)) * SIN(RADIANS(latitude)))) AS distance,
                       ktx_line AS line_info, srt AS srt_flag, latitude AS lat, longitude AS lng
                FROM train_stations WHERE station_type IN ('ktx', 'srt')
            ) AS combined_stations ORDER BY distance ASC LIMIT 1";
        
        $stmt_fallback = mysqli_prepare($conn, $fallback_query);
        if ($stmt_fallback) {
            mysqli_stmt_bind_param($stmt_fallback, 'dddddd', $venue_lat, $venue_lon, $venue_lat, $venue_lat, $venue_lon, $venue_lat);
            mysqli_stmt_execute($stmt_fallback);
            $fallback_result = mysqli_stmt_get_result($stmt_fallback);
            $closest_station = mysqli_fetch_assoc($fallback_result);
            mysqli_stmt_close($stmt_fallback);

            if ($closest_station) {
                if ($closest_station['type'] === 'subway') {
                    $station_data = ['station_name' => $closest_station['title'], 'distance' => $closest_station['distance'], 'line_names' => $closest_station['line_info'], 'lat' => $closest_station['lat'], 'lng' => $closest_station['lng']];
                    if ($is_jp_domain) {
                        if (!function_exists('trans_station')) { @include_once '/var/www/stagepick/includes/languages/ja_station.php'; }
                        $station_data['station_name_jp'] = function_exists('trans_station') ? trans_station($station_data['station_name']) : '';
                    }
                    $nearby_stations[] = $station_data; 
                } else { 
                    $display_type = ($closest_station['type'] === 'ktx') ? (($closest_station['srt_flag'] == 1) ? 'KTX/SRT' : 'KTX') : 'SRT';
                    $display_stations[] = ['title' => $closest_station['title'], 'distance' => $closest_station['distance'], 'display_type' => $display_type, 'icon_color' => 'text-green-600', 'latitude' => $closest_station['lat'], 'longitude' => $closest_station['lng']];
                }
            }
        }
    }
}
// --- Nearby Stations Logic End ---

?>
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 기본 메타 태그 -->
<title>2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt; (2019.11.12) - ステージピック</title>
<meta name="description" content="2019 11ウォル マチネコンソツ 。 出演: Pudditorium（プディトリウム）。 公演日: 2019. 11. 12。 場所: ヨンファウイジョンダン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta name="keywords" content="コンサート, 公演情報, コンサート, フェスティバル, 来韓公演, 公演日程, チケットオープン">

<!-- 오픈그래프 태그 -->
<meta property="og:site_name" content="ステージピック">
<meta property="og:title" content="2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt; (2019.11.12) - ステージピック">
<meta property="og:description" content="2019 11ウォル マチネコンソツ 。 出演: Pudditorium（プディトリウム）。 公演日: 2019. 11. 12。 場所: ヨンファウイジョンダン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jp.stagepick.co.kr/performances/detail/174884">
<meta property="og:image" content="https://image.stagepick.co.kr/performance_large/174884_66d10.webp">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1719">
<meta property="og:locale" content="ja_JP">

<!-- 트위터 카드 -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@stagepick">
<meta name="twitter:title" content="2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt; (2019.11.12) - ステージピック">
<meta name="twitter:description" content="2019 11ウォル マチネコンソツ 。 出演: Pudditorium（プディトリウム）。 公演日: 2019. 11. 12。 場所: ヨンファウイジョンダン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta name="twitter:image" content="https://image.stagepick.co.kr/performance/174884_66d10.webp">

<!-- 검색엔진 제어 태그 -->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<link rel="canonical" href="https://jp.stagepick.co.kr/performances/detail/174884">
<link rel="alternate" href="https://www.stagepick.co.kr/performances/detail/174884" hreflang="ko-KR">
<link rel="alternate" href="https://jp.stagepick.co.kr/performances/detail/174884" hreflang="ja-JP">

<!-- 모바일 최적화 -->
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#ffffff">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<!-- 파비콘 세트 -->
<link rel="apple-touch-icon" sizes="192x192" href="https://asset.jp.stagepick.co.kr/common/images/apple-touch-icon.png">
<link rel="mask-icon" sizes="any" href="https://asset.jp.stagepick.co.kr/common/images/icon.svg" color="#1D9BF0">
<link rel="shortcut icon" href="/favicon.ico">

<!-- 페이지 구조화된 데이터 -->
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Event",
    "name": "2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt; (2019.11.12) - ステージピック",
    "description": "2019 11ウォル マチネコンソツ 。 出演: Pudditorium（プディトリウム）。 公演日: 2019. 11. 12。 場所: ヨンファウイジョンダン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。",
    "url": "https://jp.stagepick.co.kr/performances/detail/174884",
    "image": {
        "@type": "ImageObject",
        "url": "https://image.stagepick.co.kr/performance_large/174884_66d10.webp",
        "width": 1200,
        "height": 1719
    },
    "datePublished": "2024-10-14T16:06:43+09:00",
    "dateModified": "2025-04-04T12:18:57+09:00",
    "startDate": "2019-11-12T00:00:00+09:00",
    "endDate": "2019-11-12T00:00:00+09:00",
    "eventStatus": "https://schema.org/EventScheduled",
    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
    "location": {
        "@type": "Place",
        "name": "ヨンファウイジョンダン",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Busan > Haeundae-gu > 120 Suyeonggangbyeon-daero"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "35.1708347",
            "longitude": "129.1269361"
        }
    },
    "performer": [
        {
            "@type": "Person",
            "name": "Pudditorium（プディトリウム）"
        }
    ]
}
</script>
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "qj9ecw0d15");
</script>
<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setCookieDomain", "*.stagepick.co.kr"]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//analytics.stagepick.co.kr/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '1']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img referrerpolicy="no-referrer-when-downgrade" src="//analytics.stagepick.co.kr/matomo.php?idsite=1&amp;rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Matomo Code -->    
<!-- Tailwind 설정 -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap&subset=japanese"><script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<script>
tailwind.config = {
  theme: {
    extend: {
      fontFamily: {
        sans: ['Noto Sans JP', 'Hiragino Sans', 'Meiryo', '-apple-system', 'BlinkMacSystemFont', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
      },
      lineClamp: {
        2: '2',
        3: '3',
      }
    },
  },
  plugins: [
    function({ addUtilities }) {
      addUtilities({
        '.scrollbar-hide': {
          '-ms-overflow-style': 'none',
          'scrollbar-width': 'none',
          '&::-webkit-scrollbar': {
            display: 'none'
          }
        },
        '.overflow-y-scroll-always': {
          'overflow-y': 'scroll'
        },
        '.nav-item-active': {
          'color': '#2563eb',
          'svg': {
            'fill': 'currentColor'
          }
        }
      })
    }
  ]
}
</script>
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" as="style">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
    <style>
        /* 스크롤바 숨김 클래스 */
        .scrollbar-hide {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;  /* Chrome, Safari, Opera */
        }
    </style>
    
    <!-- Core API & Utils -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/api.js?v=1743589125"></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/auth.js?v=1743490204"></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/ui-utils.js?v=1743408609" defer></script>
    
    <!-- UI Components -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/artist-follow-popup.js?v=1743408607" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/toast.js?v=1742965628" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/header.js?v=1743604505" defer></script>
    
    <!-- Location Components -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/location/utils.js?v=1742965072" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/location/storage.js?v=1742965073" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/location/manager.js?v=1743408602" defer></script>

    <!-- Performance Detail Components -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/swiper-init.js?v=1742966299" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/follow-button.js?v=1743408602" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/follow-handler.js?v=1743408605" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/ticket-reminder-popup.js?v=1743408603" defer></script>
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/ticket-reminder.js?v=1743408604" defer></script>
    
    <!-- Taxi Card Modal Component -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/taxi-card-modal.js?v=1743356565" defer></script>
</head>
<body class="bg-white mobile-style pb-20">
    <!-- 직접 구현한 헤더 (width를 페이지와 맞춤) -->
        <!-- 외부 레퍼러인 경우: 로고와 타이틀이 있는 헤더 -->
    <header class="fixed top-0 left-0 right-0 z-[1000] bg-white">
        <div class="bg-white border-b">
            <div class="w-full px-4">
                <div class="h-[60px] flex items-center justify-between">
                    <div class="flex items-center gap-2">
                        <a href="/" class="flex items-center gap-2">
                            <img src="https://asset.jp.stagepick.co.kr/common/images/logoS.svg?v=1742966302" alt="" width="32" height="32" class="h-8 w-8">
                            <img src="https://asset.jp.stagepick.co.kr/common/images/logoT.svg?v=1742966302" alt="StagePick" width="113" height="24" class="h-6 w-auto hidden md:block">
                        </a>
                        <h1 class="text-lg font-bold ml-2">公演詳細情報</h1>
                    </div>
                    <div class="flex items-center gap-2">
                        <!-- 오른쪽 영역 비워둠 -->
                    </div>
                </div>
            </div>
        </div>
    </header>
        <div class="h-[60px]"></div>

    <div class="pb-0">
        <div class="w-full bg-[#111]">
            <div class="w-full md:max-w-lg md:mx-auto aspect-[4/3] flex items-center justify-center">
                <img src="https://image.stagepick.co.kr/performance/174884_66d10.webp"
                     alt="2019 11월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" 
                     class="w-full h-full object-contain">
            </div>
        </div>
        
        <div class="px-4 mt-4">
            <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden p-5">
                                <h1 class="text-2xl font-bold mb-6">
                    <span onclick="copyToClipboard('2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;', this)" data-copy-type="title-jp" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2019 11ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</span><p class="text-sm text-gray-500 mt-1"><span onclick="copyToClipboard('2019 11월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;', this)" data-copy-type="title-ko" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2019 11월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;</span></p>                </h1>
                <div class="space-y-6">
                    <div class="space-y-5">
                        <div>
                            <p class="inline-block text-[13px] font-medium text-gray-500 mb-2 px-2.5 py-1 bg-gray-50 rounded-md">公演期間</p>
                            <p class="font-medium text-gray-900">
                                                                    2019. 11. 12                                                            </p>
                            
                                                    </div>

                        
                        <div data-lat="35.1708347"
                             data-lng="129.1269361">
                            <p class="inline-block text-[13px] font-medium text-gray-500 mb-2 px-2.5 py-1 bg-gray-50 rounded-md">公演場所</p>
                                                        <a href="/venues/detail/279" class="block hover:bg-gray-50 rounded-lg p-2 -mx-2 transition-colors">
                                <div class="flex items-center justify-between">
                                    <div>
                                        <p class="font-medium text-gray-900">ヨンファウイジョンダン</p><p class="text-sm text-gray-500 mt-1">영화의전당</p>                                    </div>
                                    <span class="inline-flex items-center text-blue-600">
                                        <span class="text-sm">詳細を見る</span>
                                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                        </svg>
                                    </span>
                                </div>
                                                                    <!-- 일본어 도메인: 영문 주소(역순) + 한글 주소 함께 표시 -->
                                    <p class="block text-[13px] text-gray-900 mt-0.5 text-left">
                                        Busan &gt; Haeundae-gu &gt; 120 Suyeonggangbyeon-daero                                    </p>
                                    <p class="block text-[13px] text-gray-500 mt-0.5 text-left">
                                        <span style="display: inline-block;">부산광역시</span> <span style="display: inline-block;">해운대구</span> <span style="display: inline-block;">수영강변대로</span> <span style="display: inline-block;">120</span>                                    </p>
                                                                
                                                            </a>
                                                        
                                                        <div class="mt-3">
                                                                <div class="flex space-x-2">
                                    <a href="https://map.kakao.com/link/to/%EC%98%81%ED%99%94%EC%9D%98%EC%A0%84%EB%8B%B9+%ED%95%98%EB%8A%98%EC%97%B0%EA%B7%B9%EC%9E%A5,35.1708347,129.1269361"
                                       id="venue-navi-link"
                                       target="_blank"
                                       class="inline-flex items-center px-3 py-2 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors">
                                        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/>
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/>
                                        </svg>
                                        道順案内                                    </a>
                                    
                                    <button onclick="openTaxiCardModal(279, '영화의전당 하늘연극장', '부산광역시 해운대구 수영강변대로 120', 35.1708347, 129.1269361, true, 'Busan &gt; Haeundae-gu &gt; 120 Suyeonggangbyeon-daero')"
                                       class="inline-flex items-center px-3 py-2 text-sm font-medium text-white bg-yellow-500 rounded-lg hover:bg-yellow-600 transition-colors">
                                        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                        タクシーカード
                                    </button>
                                </div>
                                                            </div>
                                                        <div class="distance-info mt-2 text-[13px] text-blue-500"></div>
                        </div>

                                                <div>
                            <p class="inline-block text-[13px] font-medium text-gray-500 mb-2 px-2.5 py-1 bg-gray-50 rounded-md">ジャンル</p>
                            <p class="font-medium text-gray-900">
                                コンサート                            </p>
                        </div>
                                                
                                            </div>
                    
                                        <div class="pt-2">
    <p class="inline-block text-[13px] font-medium text-gray-500 mb-3 px-2.5 py-1 bg-gray-50 rounded-md">出演者</p>
    <div class="relative">
        <button class="scroll-btn scroll-left absolute -left-6 top-1/2 -translate-y-1/2 w-12 h-12 bg-white/90 rounded-full shadow-lg hidden md:flex items-center justify-center z-20 hover:bg-white transition-opacity duration-200 opacity-100" aria-label="前のアーティストを見る">
            <i class="fa-solid fa-chevron-left text-gray-600 text-xl"></i>
        </button>
        <div class="upcoming-artists-slider flex overflow-hidden scrollbar-hide min-h-[180px] w-full">
                            <div class="flex-none min-w-[96px] text-center snap-start block">
                                            <a href="/artists/detail/2520">
                            <div class="relative w-24 h-24 mx-auto mb-2">
                                <img src="https://image.stagepick.co.kr/artist/2520_1297f.webp" 
                                     alt="Pudditorium（プディトリウム）" 
                                     class="w-full h-full rounded-full object-cover ring-1 ring-gray-100 shadow-md">
                            </div>
                            <h3 class="font-medium text-sm h-[15px] leading-[15px] line-clamp-1 truncate">
                                Pudditorium（プディトリウム）                            </h3>
                        </a>
                        <div class="follow-button-container mt-3 flex justify-center" data-artist-id="2520" data-artist-name="Pudditorium（プディトリウム）" data-artist-image="https://image.stagepick.co.kr/artist/2520_1297f.webp"></div>
                                    </div>
                                    </div>
        <button class="scroll-btn scroll-right absolute -right-6 top-1/2 -translate-y-1/2 w-12 h-12 bg-white/90 rounded-full shadow-lg hidden md:flex items-center justify-center z-20 hover:bg-white transition-opacity duration-200 opacity-100" aria-label="次のアーティストを見る">
            <i class="fa-solid fa-chevron-right text-gray-600 text-xl"></i>
        </button>
    </div>
</div>
                                        
                                        <div class="pt-6 border-t border-gray-100">
                        <p class="text-[13px] font-medium text-gray-400 mb-3">公演紹介</p>
                        <p class="text-[15px] text-gray-800 whitespace-pre-line leading-relaxed">매월 두 번째 화요일 영화음악감독 푸디토리움과 함께하는 영화이야기, 영화 음악 그리고 커피 한 잔... 그 두 번째 이야기</p>
                    </div>
                                        
                    <!-- 공연 정보 업데이트 날짜 표시 -->
                    <div class="pt-4 border-t border-gray-100 mt-4">
                                                <p class="text-[13px] text-gray-500">
                            <span class="font-medium">最終更新：</span> 2025年04月04日                        </p>
                                                                        <p class="text-[13px] text-gray-500">
                            <span class="font-medium">登録日:</span> 2024年10月14日                        </p>
                                            </div>

                                        <div class="pt-6 border-t border-gray-100 mt-6">
                        <h3 class="text-xl font-bold mb-4">他の回のコンサート</h3>
                        <div class="space-y-4">                                                         <a href="/performances/detail/177733" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/177733_7a20a.webp" alt="2021 영화의전당 마티네콘서트 - 시네마 뮤직 파라다이스 11월" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2021 ヨンファウイジョンダン マチネコンソツ - シネマ ミュジッ パラダイス 11ウォル</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.11.24</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/177475" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/177475_7a20a.webp" alt="2021 영화의전당 마티네콘서트 - 시네마 뮤직 파라다이스 10월" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2021 ヨンファウイジョンダン マチネコンソツ - シネマ ミュジッ パラダイス 10ウォル</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.10.27</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/177258" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/177258_7a20a.webp" alt="2021 영화의전당 마티네콘서트 - 시네마 뮤직 파라다이스 8월" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2021 ヨンファウイジョンダン マチネコンソツ - シネマ ミュジッ パラダイス 8ウォル</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.08.25</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/177106" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/177106_7a20a.webp" alt="2021 영화의전당 마티네콘서트 - 시네마 뮤직 파라다이스 7월" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2021 ヨンファウイジョンダン マチネコンソツ - シネマ ミュジッ パラダイス 7ウォル</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.07.28</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176908" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/176908_10f2e.webp" alt="2021 영화의전당 마티네콘서트 - 시네마 뮤직 파라다이스 5월" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2021 ヨンファウイジョンダン マチネコンソツ - シネマ ミュジッ パラダイス 5ウォル</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.05.26</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/174494" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/174494_66d10.webp" alt="2019 10월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 10ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.10.15</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/174294" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/174294_66d10.webp" alt="2019 9월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 9ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.09.03</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/174001" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/174001_66d10.webp" alt="2019 8월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 8ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.08.06</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/173748" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/173748_66d10.webp" alt="2019 7월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 7ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.07.02</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/173343" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/173343_66d10.webp" alt="2019 6월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 6ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.06.11</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/172963" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/172963_66d10.webp" alt="2019 5월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 5ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.05.14</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/172696" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/172696_66d10.webp" alt="2019 4월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 4ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.04.09</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/172332" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/172332_66d10.webp" alt="2019 3월 마티네콘서트 &lt;푸디토리움의 시네마 브런치 시즌2&gt;" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2019 3ウォル マチネコンソツ &lt;プヂトリウムイ シネマ プロンチ シジュン2&gt;</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.03.12</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/171503" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/171503_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 12월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 12ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.12.11</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/170842" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/170842_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 11월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 11ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.11.13</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/170480" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/170480_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 10월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 10ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.10.16</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/170163" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/170163_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 9월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 9ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.09.11</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/169900" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/169900_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 8월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 8ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.08.14</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/169652" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/169652_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 7월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 7ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.07.10</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/169320" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/169320_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 6월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 6ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.06.12</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/169059" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/169059_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 5월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 5ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.05.08</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/168755" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/168755_4184a.webp" alt="2018 영화의전당 마티네콘서트 - 푸디토리움의 시네마 브런치 4월 - 부산" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2018 ヨンファウイジョンダン マチネコンソツ - プヂトリウムイ シネマ プロンチ 4ウォル - プサン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.04.10</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/164698" class="flex items-center space-x-4 p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors group">
                                <div class="flex-shrink-0">
                                    <div class="relative w-16 h-16 overflow-hidden rounded-md">
                                        <img src="https://image.stagepick.co.kr/performance/164698_1c9c1.webp" alt="2017 마티네콘서트 2월 시인의 사랑" class="absolute inset-0 w-full h-full object-cover">
                                        <span class="absolute bottom-1 right-1 text-white text-[9px] px-1 py-0.5 rounded bg-gray-500">公演終了</span>                                     </div>
                                </div>
                                <div class="flex-grow min-w-0">
                                    <h4 class="text-sm font-semibold text-gray-900 truncate group-hover:text-blue-700 transition-colors">2017 マチネコンソツ 2ウォル シイヌイ サラン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2017.02.14</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">ヨンファウイジョンダン</p>
                                </div>
                            </a>
                                                    </div>                     </div>                 </div>
            </div>
        </div>
    </div>

<script>
        document.addEventListener('DOMContentLoaded', function() {
            try {
                // 로그인 상태 확인
                const auth = localStorage.getItem('auth');
                const containers = document.querySelectorAll('.follow-button-container');
                
                if (!auth) {
                    // 비로그인 상태: 기본 팔로우 버튼 추가
                    containers.forEach(container => {
                        const { artistId, artistName, artistImage } = container.dataset;
                        const button = createFollowButton(artistId, artistName, artistImage);
                        container.appendChild(button);
                    });
                } else {
                    // 로그인 상태: API 요청 후 팔로우 상태에 따라 버튼 추가
                    checkLoginAndUpdateFollowStatus();
                }
                // 로그인 상태와 관계없이 팔로우 버튼 초기화
                setupFollowButtons();
                
                // 위치 관련 기능 초기화
                const locationInfo = window.getLocationInfo();
                if (locationInfo && window.isLocationValid(locationInfo)) {
                    window.updateDistanceInfo(locationInfo);
                }
            } catch (error) {
                console.error('초기화 중 오류:', error);
            }
        });
    </script>

    <!-- 검색 레이어 스크립트 로드 -->
    <script src="https://asset.jp.stagepick.co.kr/common/js/components/search-layer.js?v=1743408604"></script>
<footer class="bg-gray-100 mt-12 py-8">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto">
                <div class="text-gray-600 text-sm">
                    <div class="mb-4">
                        <h3 class="font-bold text-base mb-2">スナップイット株式会社</h3>
                        <p class="mb-1">代表者: イ・ヨンホ</p>
                        <p class="mb-1">事業者登録番号: 866-87-02753</p>
                        <p class="mb-1">京畿道城南市盆唐区内井路17番ギル4-9</p>
                        <p>電話: 1577-4051</p>
                    </div>
                    
                    <!-- 법적 문서 링크 -->
                    <div class="flex flex-wrap gap-x-4 gap-y-2 mb-4">
                        <a href="/legal/terms" class="text-gray-600 hover:text-blue-600 transition-colors">利用規約</a>
                        <a href="/legal/privacy" class="text-gray-600 hover:text-blue-600 transition-colors">プライバシーポリシー</a>
                        <a href="/legal/operation-policy" class="text-gray-600 hover:text-blue-600 transition-colors">運営ポリシー</a>
                        <a href="/legal/youth-policy" class="text-gray-600 hover:text-blue-600 transition-colors">青少年保護方針</a>
                        <a href="/legal/location-policy" class="text-gray-600 hover:text-blue-600 transition-colors">位置情報利用規約</a>
                        <a href="/legal/notices" class="text-gray-600 hover:text-blue-600 transition-colors">お知らせ</a>
                    </div>
                    
                    <div class="text-xs text-gray-500">
                        © 2025 StagePick. All rights reserved.
                    </div>
                </div>
            </div>
        </div>
    </footer>
    </body>
</html>