// --- 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>2015 コピコンソツ7 ラ ペンタナ - インチョン (2015.07.15) - ステージピック</title>
<meta name="description" content="2015 コピコンソツ7 ラ ペンタナ - インチョン。 出演: ラ・ベンタナ。 公演日: 2015. 07. 15。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta name="keywords" content="コンサート, 公演情報, コンサート, フェスティバル, 来韓公演, 公演日程, チケットオープン">

<!-- 오픈그래프 태그 -->
<meta property="og:site_name" content="ステージピック">
<meta property="og:title" content="2015 コピコンソツ7 ラ ペンタナ - インチョン (2015.07.15) - ステージピック">
<meta property="og:description" content="2015 コピコンソツ7 ラ ペンタナ - インチョン。 出演: ラ・ベンタナ。 公演日: 2015. 07. 15。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jp.stagepick.co.kr/performances/detail/159222">
<meta property="og:image" content="https://image.stagepick.co.kr/performance_large/159222_33b00.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="2015 コピコンソツ7 ラ ペンタナ - インチョン (2015.07.15) - ステージピック">
<meta name="twitter:description" content="2015 コピコンソツ7 ラ ペンタナ - インチョン。 出演: ラ・ベンタナ。 公演日: 2015. 07. 15。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta name="twitter:image" content="https://image.stagepick.co.kr/performance/159222_33b00.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/159222">
<link rel="alternate" href="https://www.stagepick.co.kr/performances/detail/159222" hreflang="ko-KR">
<link rel="alternate" href="https://jp.stagepick.co.kr/performances/detail/159222" 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": "2015 コピコンソツ7 ラ ペンタナ - インチョン (2015.07.15) - ステージピック",
    "description": "2015 コピコンソツ7 ラ ペンタナ - インチョン。 出演: ラ・ベンタナ。 公演日: 2015. 07. 15。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。",
    "url": "https://jp.stagepick.co.kr/performances/detail/159222",
    "image": {
        "@type": "ImageObject",
        "url": "https://image.stagepick.co.kr/performance_large/159222_33b00.webp",
        "width": 1200,
        "height": 1719
    },
    "datePublished": "2024-10-14T15:33:58+09:00",
    "dateModified": "2025-02-27T21:34:25+09:00",
    "startDate": "2015-07-15T00:00:00+09:00",
    "endDate": "2015-07-15T00: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.4471596",
            "longitude": "126.699625"
        }
    },
    "performer": [
        {
            "@type": "Person",
            "name": "ラ・ベンタナ"
        }
    ]
}
</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/159222_33b00.webp"
                     alt="2015 커피콘서트7 라 벤타나 - 인천" 
                     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('2015 コピコンソツ7 ラ ペンタナ - インチョン', this)" data-copy-type="title-jp" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2015 コピコンソツ7 ラ ペンタナ - インチョン</span><p class="text-sm text-gray-500 mt-1"><span onclick="copyToClipboard('2015 커피콘서트7 라 벤타나 - 인천', this)" data-copy-type="title-ko" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2015 커피콘서트7 라 벤타나 - 인천</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">
                                                                    2015. 07. 15                                                            </p>
                            
                                                    </div>

                        
                        <div data-lat="37.4471596"
                             data-lng="126.699625">
                            <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/153" 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%EC%A2%85%ED%95%A9%EB%AC%B8%ED%99%94%EC%98%88%EC%88%A0%ED%9A%8C%EA%B4%80+%EC%86%8C%EA%B3%B5%EC%97%B0%EC%9E%A5,37.4471596,126.699625"
                                       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(153, '인천종합문화예술회관 소공연장', '인천광역시 남동구 예술로 149', 37.4471596, 126.699625, 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/2959">
                            <div class="relative w-24 h-24 mx-auto mb-2">
                                <img src="https://image.stagepick.co.kr/artist/2959_37cd0.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="2959" data-artist-name="ラ・ベンタナ" data-artist-image="https://image.stagepick.co.kr/artist/2959_37cd0.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-4 border-t border-gray-100 mt-4">
                                                <p class="text-[13px] text-gray-500">
                            <span class="font-medium">最終更新：</span> 2025年02月27日                        </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/195787" 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/195787_cbd31.webp" alt="2025커피콘서트II. 신현필x고희안 &lt;시네마 인 재즈&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-green-500">D-7</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コピコンソツII. シニョンピルxコフイアン &lt;シネマ イン チェジュ&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.04.16</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/194508" 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/194508_56be0.webp" alt="2025커피콘서트I. 박혜경&amp;조윤성트리오 &quot;Flower Dance&quot; - 인천" 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">2025コピコンソツI. パキェギョン&amp;チョユンソンツリオ &quot;Flower Dance&quot; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2025.03.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/191796" 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/191796_43520.webp" alt="2024 커피콘서트 - 카리나 네뷸라 &lt;스캣의 디바들&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">2024 コピコンソツ - カリナ ネビュルラ &lt;スケッスイ チバデュル&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.11.13</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/190550" 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/190550_fbee8.webp" alt="2024 커피콘서트 - 킹스턴 루디스카 &lt;스카 잔치&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">2024 コピコンソツ - キンストン ルヂスカ &lt;スカ チャンチ&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.09.25</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/187915" 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/187915_b49ed.webp" alt="2024 커피콘서트 - 빛과 소금 &lt;오래된 친구처럼&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">2024 コピコンソツ - ピツクァ ソグム &lt;オレデュェン チングチョロム&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2024.03.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/186104" 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/186104_67351.webp" alt="2023 커피콘서트 블루스 디바, 강허달림 〈LOVE〉 - 인천" 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 コピコンソツ プルルス チバ, カンホダルリム 〈LOVE〉 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.11.22</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/184832" 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/184832_c2868.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.08.23</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/184516" 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/184516_2e4f5.webp" alt="2023 커피콘서트 in 동구문화체육센터 김종서 〈In my life〉 - 인천" 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 コピコンソツ in トンッグムヌァチェユクセント キムジョンソ 〈In my life〉 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2023.07.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">トンッグムヌァチェユクセント</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/181873" 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/181873_42b1b.webp" alt="2022커피콘서트Ⅹ. 장필순＆한동준 &lt;크리스마스 N 포크콘서트&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">2022コピコンソツⅩ. チャンピルスン＆ハンドンジュン &lt;クリスマス N ポクコンソツ&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2022.12.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/180936" 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/180936_e331a.webp" alt="2022커피콘서트Ⅷ. 소리새 &lt;그대 그리고 나&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">2022コピコンソツⅧ. ソリセ &lt;クデ クリゴ ナ&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2022.10.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/178295" 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/178295_b2803.webp" alt="2021 커피콘서트Ⅹ. 홍경민 &lt;스페셜 스테이지&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">2021 コピコンソツⅩ. ホンッギョンミン &lt;スペショル ステイジ&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.12.08</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンデゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/177086" 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/177086_dae9e.webp" alt="2021 커피콘서트 V. 이현우 &lt;썸머타임&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">2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2021.07.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/176414" 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/176414_48c30.webp" alt="2020 커피콘서트VIII. 부미스 재즈 오딧세이 &quot;TANGO&quot; - 인천" 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">2020 コピコンソツVIII. プミス チェジュ オヂツセイ &quot;TANGO&quot; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2020.10.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/175444" 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/175444_721a0.webp" alt="2019 커피콘서트 X 로스 아미고스 &quot;라틴 크리스마스&quot; - 인천" 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 コピコンソツ X ロス アミゴス &quot;ラチン クリスマス&quot; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.12.18</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/173871" 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/173871_21452.webp" alt="2019 커피콘서트 VI 추가열 &quot;포크 콘서트&quot; - 인천" 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 コピコンソツ VI チュガヨル &quot;ポク コンソツ&quot; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.08.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/173600" 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/173600_5cea8.webp" alt="2019 커피콘서트 V 박학기 콘서트 &#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">2019 コピコンソツ V パカッキ コンソツ &#039;キェジョルハッキ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.07.17</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/172593" 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/172593_8c01d.webp" alt="2019 커피콘서트 II 김성녀의 &#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">2019 コピコンソツ II キムソンニョウイ &#039;ナウイ インセン, ナウイ ムデ&#039; - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2019.04.17</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/171397" 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/171397_68f60.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.12.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/168993" 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/168993_1205e.webp" alt="2018 커피콘서트3 - 인천" 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 コピコンソツ3 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2018.05.16</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/167540" 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/167540_f1dc1.webp" alt="2017 커피콘서트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">2017 コピコンソツ10 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2017.12.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/166499" 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/166499_fa117.webp" alt="2017 커피콘서트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">2017 コピコンソツ7 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2017.09.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/166253" 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/166253_17d31.webp" alt="2017 커피콘서트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">2017 コピコンソツ6 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2017.08.23</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/165998" 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/165998_b22fd.webp" alt="2017 커피콘서트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">2017 コピコンソツ5 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2017.07.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/164112" 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/164112_adc25.webp" alt="2016 커피콘서트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">2016 コピコンソツ12 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.12.21</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンデゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/163654" 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/163654_3c400.webp" alt="2016 커피콘서트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">2016 コピコンソツ11 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.11.16</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/162533" 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/162533_1dad7.webp" alt="2016 커피콘서트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">2016 コピコンソツ7 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.07.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/162302" 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/162302_d0938.webp" alt="2016 커피콘서트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">2016 コピコンソツ6 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.06.15</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/161943" 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/161943_04835.webp" alt="2016 커피콘서트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">2016 コピコンソツ5 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.05.18</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/161638" 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/161638_73f8b.webp" alt="2016 커피콘서트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">2016 コピコンソツ4 - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2016.04.20</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/160644" 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/160644_059be.webp" alt="2015 커피콘서트 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">2015 コピコンソツ 12 チョンジェドッ - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2015.12.16</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/159422" 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/159422_955a7.webp" alt="2015 커피콘서트 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">2015 コピコンソツ 8 ククリッヒョンデムヨンダン - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2015.08.19</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/159072" 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/159072_998d8.webp" alt="2015 커피콘서트 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">2015 コピコンソツ 6 イムジンモ - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2015.06.17</p>
                                    <p class="text-xs text-gray-600 mt-0.5 truncate">インチョンムヌァイェスルフェグァンソゴンギョンジャン</p>
                                </div>
                            </a>
                                                        <a href="/performances/detail/158410" 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/158410_53064.webp" alt="2015 커피콘서트 3 박준면 - 인천" 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">2015 コピコンソツ 3 パクチュンミョン - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2015.03.18</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>