// --- 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>サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ... (2024.05.06) - ステージピック</title>
<meta name="description" content="サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ...。 出演: ザ・ウォームスとMoho Project。 公演日: 2024. 05. 06。 場所: インチョンムヌァイェスルフェグァン。 ジャンル: コンサート。 ステージピックで公演情報をご確認く">
<meta name="keywords" content="コンサート, 公演情報, コンサート, フェスティバル, 来韓公演, 公演日程, チケットオープン">

<!-- 오픈그래프 태그 -->
<meta property="og:site_name" content="ステージピック">
<meta property="og:title" content="サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ... (2024.05.06) - ステージピック">
<meta property="og:description" content="サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ...。 出演: ザ・ウォームスとMoho Project。 公演日: 2024. 05. 06。 場所: インチョンムヌァイェスルフェグァン。 ジャンル: コンサート。 ステージピックで公演情報をご確認く">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jp.stagepick.co.kr/performances/detail/188920">
<meta property="og:image" content="https://image.stagepick.co.kr/performance_large/188920_61b10.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="サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ... (2024.05.06) - ステージピック">
<meta name="twitter:description" content="サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ...。 出演: ザ・ウォームスとMoho Project。 公演日: 2024. 05. 06。 場所: インチョンムヌァイェスルフェグァン。 ジャンル: コンサート。 ステージピックで公演情報をご確認く">
<meta name="twitter:image" content="https://image.stagepick.co.kr/performance/188920_61b10.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/188920">
<link rel="alternate" href="https://www.stagepick.co.kr/performances/detail/188920" hreflang="ko-KR">
<link rel="alternate" href="https://jp.stagepick.co.kr/performances/detail/188920" 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": "サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ... (2024.05.06) - ステージピック",
    "description": "サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - ...。 出演: ザ・ウォームスとMoho Project。 公演日: 2024. 05. 06。 場所: インチョンムヌァイェスルフェグァン。 ジャンル: コンサート。 ステージピックで公演情報をご確認く",
    "url": "https://jp.stagepick.co.kr/performances/detail/188920",
    "image": {
        "@type": "ImageObject",
        "url": "https://image.stagepick.co.kr/performance_large/188920_61b10.webp",
        "width": 1200,
        "height": 1719
    },
    "datePublished": "2024-10-14T16:10:18+09:00",
    "dateModified": "2025-03-08T00:33:17+09:00",
    "startDate": "2024-05-06T00:00:00+09:00",
    "endDate": "2024-05-06T00:00:00+09:00",
    "eventStatus": "https://schema.org/EventScheduled",
    "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
    "location": {
        "@type": "Place",
        "name": "インチョンムヌァイェスルフェグァン",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "Incheon > Namdong-gu > 149 Yesul-ro"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "37.4478061",
            "longitude": "126.6999624"
        }
    },
    "performer": [
        {
            "@type": "Person",
            "name": "ザ・ウォームス"
        },
        {
            "@type": "Person",
            "name": "Moho Project"
        }
    ]
}
</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/188920_61b10.webp"
                     alt="살롱콘서트 &#039;휴&#039; (休,HUE) + Local Stage &#039;모호프로젝트 x 더웜스&#039; - 인천" 
                     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('サルロンコンソツ \&#039;ヒュ\&#039; (休,HUE) + Local Stage \&#039;モホプロジェッツ x トウォムス\&#039; - インチョン', this)" data-copy-type="title-jp" class="cursor-pointer hover:bg-gray-100 p-1 rounded">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) + Local Stage &#039;モホプロジェッツ x トウォムス&#039; - インチョン</span><p class="text-sm text-gray-500 mt-1"><span onclick="copyToClipboard('살롱콘서트 \&#039;휴\&#039; (休,HUE) + Local Stage \&#039;모호프로젝트 x 더웜스\&#039; - 인천', this)" data-copy-type="title-ko" class="cursor-pointer hover:bg-gray-100 p-1 rounded">살롱콘서트 &#039;휴&#039; (休,HUE) + Local Stage &#039;모호프로젝트 x 더웜스&#039; - 인천</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">
                                                                    2024. 05. 06                                                            </p>
                            
                                                        <div class="mt-2">
                                <p class="text-sm text-gray-600 font-medium">公演時間：</p>
                                <ul class="mt-1 space-y-1">
                                                                        <li class="text-sm">
                                        2024. 05. 06 
                                        <span class="ml-2 text-gray-600">
                                            18:00                                        </span>
                                    </li>
                                                                    </ul>
                            </div>
                                                    </div>

                        
                        <div data-lat="37.4478061"
                             data-lng="126.6999624">
                            <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/483" 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">
                                        Incheon &gt; Namdong-gu &gt; 149 Yesul-ro                                    </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;">149</span>                                    </p>
                                                                
                                                            </a>
                                                        
                                                        <div class="mt-3">
                                                                <div class="flex space-x-2">
                                    <a href="https://map.kakao.com/link/to/%EC%9D%B8%EC%B2%9C%EB%AC%B8%ED%99%94%EC%98%88%EC%88%A0%ED%9A%8C%EA%B4%80+%EB%B3%B5%ED%95%A9%EB%AC%B8%ED%99%94%EA%B3%B5%EA%B0%84,37.4478061,126.6999624"
                                       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(483, '인천문화예술회관 복합문화공간', '인천광역시 남동구 예술로 149', 37.4478061, 126.6999624, true, 'Incheon &gt; Namdong-gu &gt; 149 Yesul-ro')"
                                       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/5019">
                            <div class="relative w-24 h-24 mx-auto mb-2">
                                <img src="https://image.stagepick.co.kr/artist/5019_2fe0f.webp" 
                                     alt="ザ・ウォームス" 
                                     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">
                                ザ・ウォームス                            </h3>
                        </a>
                        <div class="follow-button-container mt-3 flex justify-center" data-artist-id="5019" data-artist-name="ザ・ウォームス" data-artist-image="https://image.stagepick.co.kr/artist/5019_2fe0f.webp"></div>
                                    </div>
                                    <div class="w-6 flex-none"></div>
                                            <div class="flex-none min-w-[96px] text-center snap-start block">
                                            <a href="/artists/detail/3344">
                            <div class="relative w-24 h-24 mx-auto mb-2">
                                <img src="https://asset.stagepick.co.kr/common/images/icons/default-profile.svg" 
                                     alt="Moho Project" 
                                     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">
                                Moho Project                            </h3>
                        </a>
                        <div class="follow-button-container mt-3 flex justify-center" data-artist-id="3344" data-artist-name="Moho Project" data-artist-image="https://asset.stagepick.co.kr/common/images/icons/default-profile.svg"></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-4 border-t border-gray-100 mt-4">
                                                <p class="text-[13px] text-gray-500">
                            <span class="font-medium">最終更新：</span> 2025年03月08日                        </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/196099" 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/196099_31c6a.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;산만한 시선 X 조은세&#039; - 인천" 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-green-500">D-17</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;サンマナン シソン X チョウンセ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.26</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196040" 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/196040_12684.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;나희경&#039; - 인천" 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-green-500">D-16</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;ナフイギョン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.25</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196039" 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/196039_3f99e.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;단편선 순간들&#039; - 인천" 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-green-500">D-15</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;タンピョンソン スンガンデュル&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.24</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196075" 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/196075_3df41.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;루카 마이너&#039; - 인천" 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-green-500">D-10</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;ルカ マイノ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196036" 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/196036_459d1.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;모허&#039; - 인천" 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-green-500">D-9</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;モホ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.18</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196033" 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/196033_f43a5.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;삼산&#039; - 인천" 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-green-500">D-3</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;サムサン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.12</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/196073" 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/196073_7525d.webp" alt="2025 살롱콘서트 &#039;휴&#039; &#039;강지원&#039; - 인천" 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-green-500">D-2</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">2025 サルロンコンソツ &#039;ヒュ&#039; &#039;カンジウォン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.11</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188962" 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/188962_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 6. &#039;생각의 여름&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 6. &#039;センッガグイ ヨルム&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.05.04</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188975" 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/188975_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 5. &#039;김목인&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 5. &#039;キッモギン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.05.03</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188216" 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/188216_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 4. &#039;이설아&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 4. &#039;イソラ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.04.27</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188252" 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/188252_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 3. &#039;잭킹콩&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 3. &#039;チェッキンコン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.04.26</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188359" 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/188359_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 2. &#039;사공&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 2. &#039;サゴン&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.04.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/188396" 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/188396_61b10.webp" alt="살롱콘서트 &#039;휴&#039; (休,HUE) 1. &#039;패치워크로드&#039; - 인천" 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">サルロンコンソツ &#039;ヒュ&#039; (休,HUE) 1. &#039;ペチウォクロデュ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.04.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183752" 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/183752_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇여유와 설빈＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇ヨユウァ ソルビン＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.05.13</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183774" 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/183774_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇황푸하＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇ファンプハ＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.05.12</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183838" 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/183838_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇남유선 퀄텟＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇ナミュソン クォルテツ＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.05.06</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183877" 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/183877_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇김유진 퀸텟＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇キミュジン クィンテツ＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.05.05</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183155" 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/183155_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇선과영＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇ソングァヨン＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.04.29</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183182" 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/183182_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇전진희＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇チョンジヌイ＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.04.28</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183271" 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/183271_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇이장혁＇- 인천" 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">2023 サルロンコンソツ＇ヒュ＇＇イジャンヒョッ＇- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.04.22</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/183290" 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/183290_6bcf0.webp" alt="2023 살롱콘서트＇휴＇＇9＇（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">2023 サルロンコンソツ＇ヒュ＇＇9＇（9ウァ スツチャデュル）- インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.04.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176265" 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/176265_6c5f9.webp" alt="&lt;살롱콘서트 휴(休), HUE&gt; &#039;신나는 섬&#039; - 인천" 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">&lt;サルロンコンソツ ヒュ(休), HUE&gt; &#039;シンナヌン ソム&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.08.27</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176244" 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/176244_6c5f9.webp" alt="&lt;살롱콘서트 휴(休), HUE&gt; &#039;데이먼 &amp; 추승엽(악퉁)&#039; - 인천" 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">&lt;サルロンコンソツ ヒュ(休), HUE&gt; &#039;テイモン &amp; チュスンギョッ(アッツン)&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.08.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176310" 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/176310_6c5f9.webp" alt="&lt;살롱콘서트 휴(休), HUE&gt; &#039;타쿤 &amp; 호와호&#039; - 인천" 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">&lt;サルロンコンソツ ヒュ(休), HUE&gt; &#039;タクン &amp; ホウァホ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.08.13</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176324" 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/176324_6c5f9.webp" alt="&lt;살롱콘서트 휴(休), HUE&gt; &#039;태히언&amp;상흠&#039; - 인천" 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">&lt;サルロンコンソツ ヒュ(休), HUE&gt; &#039;テヒオン&amp;サンフム&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.08.06</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176167" 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/176167_6c5f9.webp" alt="&lt;살롱콘서트 휴(休), HUE&gt; &#039;정밀아&#039; - 인천" 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">&lt;サルロンコンソツ ヒュ(休), HUE&gt; &#039;チョンミラ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.07.09</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>