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

<!-- 오픈그래프 태그 -->
<meta property="og:site_name" content="ステージピック">
<meta property="og:title" content="2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン (2021.07.21) - ステージピック">
<meta property="og:description" content="2021 コピコンソツ V. イヒョヌ  - インチョン。 出演: イ・ヒョヌ。 公演日: 2021. 07. 21。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://jp.stagepick.co.kr/performances/detail/177086">
<meta property="og:image" content="https://image.stagepick.co.kr/performance_large/177086_dae9e.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="2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン (2021.07.21) - ステージピック">
<meta name="twitter:description" content="2021 コピコンソツ V. イヒョヌ  - インチョン。 出演: イ・ヒョヌ。 公演日: 2021. 07. 21。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。">
<meta name="twitter:image" content="https://image.stagepick.co.kr/performance/177086_dae9e.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/177086">
<link rel="alternate" href="https://www.stagepick.co.kr/performances/detail/177086" hreflang="ko-KR">
<link rel="alternate" href="https://jp.stagepick.co.kr/performances/detail/177086" 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": "2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン (2021.07.21) - ステージピック",
    "description": "2021 コピコンソツ V. イヒョヌ  - インチョン。 出演: イ・ヒョヌ。 公演日: 2021. 07. 21。 場所: インチョンムヌァイェスルフェグァンソゴンギョンジャン。 ジャンル: コンサート。 ステージピックで公演情報をご確認ください。",
    "url": "https://jp.stagepick.co.kr/performances/detail/177086",
    "image": {
        "@type": "ImageObject",
        "url": "https://image.stagepick.co.kr/performance_large/177086_dae9e.webp",
        "width": 1200,
        "height": 1719
    },
    "datePublished": "2024-10-14T16:07:29+09:00",
    "dateModified": "2025-03-29T00:51:52+09:00",
    "startDate": "2021-07-21T00:00:00+09:00",
    "endDate": "2021-07-21T00: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/177086_dae9e.webp"
                     alt="2021 커피콘서트 V. 이현우 &lt;썸머타임&gt; - 인천" 
                     class="w-full h-full object-contain">
            </div>
        </div>
        
        <div class="px-4 mt-4">
            <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden p-5">
                                <h1 class="text-2xl font-bold mb-6">
                    <span onclick="copyToClipboard('2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン', this)" data-copy-type="title-jp" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2021 コピコンソツ V. イヒョヌ &lt;ッソッモタイム&gt; - インチョン</span><p class="text-sm text-gray-500 mt-1"><span onclick="copyToClipboard('2021 커피콘서트 V. 이현우 &lt;썸머타임&gt; - 인천', this)" data-copy-type="title-ko" class="cursor-pointer hover:bg-gray-100 p-1 rounded">2021 커피콘서트 V. 이현우 &lt;썸머타임&gt; - 인천</span></p>                </h1>
                <div class="space-y-6">
                    <div class="space-y-5">
                        <div>
                            <p class="inline-block text-[13px] font-medium text-gray-500 mb-2 px-2.5 py-1 bg-gray-50 rounded-md">公演期間</p>
                            <p class="font-medium text-gray-900">
                                                                    2021. 07. 21                                                            </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">
                                        2021. 07. 21 
                                        <span class="ml-2 text-gray-600">
                                            14:00                                        </span>
                                    </li>
                                                                    </ul>
                            </div>
                                                    </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%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/8678">
                            <div class="relative w-24 h-24 mx-auto mb-2">
                                <img src="https://image.stagepick.co.kr/artist/8678_97c1c.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="8678" data-artist-name="イ・ヒョヌ" data-artist-image="https://image.stagepick.co.kr/artist/8678_97c1c.webp"></div>
                                    </div>
                                    </div>
        <button class="scroll-btn scroll-right absolute -right-6 top-1/2 -translate-y-1/2 w-12 h-12 bg-white/90 rounded-full shadow-lg hidden md:flex items-center justify-center z-20 hover:bg-white transition-opacity duration-200 opacity-100" aria-label="次のアーティストを見る">
            <i class="fa-solid fa-chevron-right text-gray-600 text-xl"></i>
        </button>
    </div>
</div>
                                        
                                        <div class="pt-6 border-t border-gray-100">
                        <p class="text-[13px] font-medium text-gray-400 mb-3">公演紹介</p>
                        <p class="text-[15px] text-gray-800 whitespace-pre-line leading-relaxed">특유의 웃음소리와 어눌한 말투로 대중의 사랑을 받아온 이현우는 드라마, CF, 방송인, 뮤지컬배우를 넘나드는 만능 연예인이자 싱어송라이터 가수이다. 시원한 가창력에 더욱 깊은 감성으로 돌아온 가수 이현우가 기타와 건반으로 구성된 어쿠스틱 버전을 준비해 그 진면목을 보여줄 것이다. 젠틀 발라더를 기억하는 관객들에게 큰 선물 같은 시간이 될 것이다.</p>
                    </div>
                                        
                    <!-- 공연 정보 업데이트 날짜 표시 -->
                    <div class="pt-4 border-t border-gray-100 mt-4">
                                                <p class="text-[13px] text-gray-500">
                            <span class="font-medium">最終更新：</span> 2025年03月29日                        </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/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/159222" 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/159222_33b00.webp" alt="2015 커피콘서트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">2015 コピコンソツ7 ラ ペンタナ - インチョン</h4>
                                    <p class="text-xs text-gray-600 mt-1">2015.07.15</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>