CINXE.COM
한경arte필하모닉
<!DOCTYPE html> <html lang="ko"> <head> <title>한경arte필하모닉</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="title" content="한경arte필하모닉"> <meta name="description" content="경제와 문화의 가교, 한경필하모닉 오케스트라입니다."> <meta name="author" content="한경arte필하모닉"> <meta property="og:type" content="website"> <meta property="og:title" content="한경arte필하모닉"> <meta property="og:url" content="https://www.hkphil.com/"> <meta property="og:description" content="경제와 문화의 가교, 한경필하모닉 오케스트라입니다."> <meta property="og:image" content="https://hkstatic.hankyung.com/hkphil/img/thumbnail.jpg"> <meta property="og:site_name" content="hkphil.com"> <meta property="twitter:card" content="summary"> <meta property="twitter:title" content="한경arte필하모닉"> <meta property="twitter:image" content="https://hkstatic.hankyung.com/hkphil/img/thumbnail.jpg"> <meta property="twitter:description" content="경제와 문화의 가교, 한경필하모닉 오케스트라입니다."> <link rel="shortcut icon" href="https://www.hankyung.com/favicon.ico"> <link rel="stylesheet" href="https://hkstatic.hankyung.com/plugin/swiper-8.2.6/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://hkstatic.hankyung.com/hkphil/css/common.css?v=202502201054"> <script src="https://hkstatic.hankyung.com/plugin/jquery-1.12.4.min.js"></script> <script src="https://hkstatic.hankyung.com/plugin/swiper-8.2.6/js/swiper-bundle.min.js"></script> </head> <body class="main"> <div class="wrap "> <div class="audio-wrap"> <audio preload="metadata"> <source src="https://static.hankyung.com/hkphil/file/main-audio.wav" type="audio/wav"> </audio> <div class="audio-control"> <!-- [D] 활성화 클래스 active --> <button type="button" class="on active"><span class="blind">재생</span></button> <button type="button" class="off"><span class="blind">정지</span></button> </div> </div> <script> const mainAudio = $(".audio-wrap audio"); mainAudio.on("loadedmetadata", function(){ $(".audio-wrap .audio-control button").on("click", function(){ $(".audio-wrap .audio-control button").addClass("active"); $(this).removeClass("active"); // 정지 -> 재생 if($(this).hasClass("on") == true){ mainAudio[0].play(); } // 재생 -> 정지 else{ mainAudio[0].pause(); } }); }); mainAudio.on("ended", function(){ $(".audio-wrap .audio-control button").removeClass("active"); $(".audio-wrap .audio-control button.on").addClass("active"); }); </script> <header class="header"> <div class="header-top"> <div class="inner"> <h1 class="logo"><a href="/"><span class="blind">한경arte필하모닉</span></a></h1> <div class="gnb-wrap"> <ul class="gnb"> <li ><a href="/about/ceo">ABOUT</a></li> <li ><a href="/schedule/upcoming">SCHEDULE</a></li> <li ><a href="/video">VIDEO</a></li> <li ><a href="/news">NEWS</a></li> <li ><a href="/notice/list">NOTICE</a></li> </ul> </div> </div> </div> <button type="button" class="btn-allmenu"> <span class="blind">전체메뉴</span> <div class="line-area"><span class="bar"></span></div> </button> <!-- [D] 모바일 메뉴 --> <div class="layer-allmenu"> <ul class="menu-wrap"> <!-- [D] 활성화 클래스 : on --> <li > <button type="button" class="menu-tit">ABOUT</button> <div class="sub-menu" > <ul> <li><a href="/about/ceo">CEO 인사말</a></li> <li><a href="/about/orchestra">오케스트라 소개</a></li> <li><a href="/about/member">단원소개</a></li> </ul> </div> </li> <li > <button type="button" class="menu-tit">SCHEDULE</button> <div class="sub-menu" > <ul> <li><a href="/schedule/upcoming">진행중인 공연</a></li> <li><a href="/schedule/ended">종료된 공연</a></li> </ul> </div> </li> <li class="single-menu"><a href="/video" class="menu-tit">VIDEO</a></li> <li class="single-menu"><a href="/news" class="menu-tit">NEWS</a></li> <li class="single-menu"><a href="/notice/list" class="menu-tit">NOTICE</a></li> </ul> <button class="btn-close-allmenu"><span class="blind">전체메뉴 닫기</span></button> </div> </header> <script> history.scrollRestoration = "manual"; </script> <div class="contents"> <div class="visual-top"> <div class="swiper main-slide"> <div class="swiper-wrapper"> <div class="swiper-slide main-item1" style="background-image:url(/data/service/hkphil/topimg/7441de8544063c25150d8a6547cf8c29.jpg)"><span class="blind">한경arte필하모닉1</span></div> <div class="swiper-slide main-item2" ><span class="blind">한경arte필하모닉2</span></div> <div class="swiper-slide main-item3" ><span class="blind">한경arte필하모닉3</span></div> <div class="swiper-slide main-item4" ><span class="blind">한경arte필하모닉4</span></div> <div class="swiper-slide main-item5" ><span class="blind">한경arte필하모닉5</span></div> <div class="swiper-slide main-item6" ><span class="blind">한경arte필하모닉6</span></div> <div class="swiper-slide main-item7" ><span class="blind">한경arte필하모닉7</span></div> <div class="swiper-slide main-item8" ><span class="blind">한경arte필하모닉8</span></div> <div class="swiper-slide main-item9" ><span class="blind">한경arte필하모닉9</span></div> <div class="swiper-slide main-item10" ><span class="blind">한경arte필하모닉10</span></div> </div> <div class="swiper-pagination"></div> <div class="btn-prev"></div> <div class="btn-next"></div> </div> </div> <div class="schedule-wrap"> <div class="inner"> <h3 class="section-tit">SCHEDULE</h3> <div class="swiper schedule-slide"> <div class="swiper-wrapper"> <div class="swiper-slide schedule-item"> <div class="date-info"> <span class="year">2025</span> <span class="month">March</span> <span class="date">25</span> <span class="day">화요일</span> </div> <div class="concert-info"> <a href="/schedule/view/89" class="concert-tit">[더클래식 2025] 시리즈2 왈츠의 왕 '요한 슈트라우스 2세'</a> <span class="concert-date">2025.03.25 ~ 2025.03.25</span> <span class="concert-time">오후 7시 30분</span> <span class="concert-place">롯데콘서트홀</span> </div> <div class="concert-img"> <a href="/schedule/view/89"> <img src="https://img.hankyung.com/data/service/hkphil/concert/thumbimg/62382394d04b85db27fcc2b53f471b2d.jpg" alt="[더클래식 2025] 시리즈2 왈츠의 왕 '요한 슈트라우스 2세'"> </a> </div> </div> </div> </div> <div class="btn-area"> <a href="/schedule/upcoming" class="btn-basic more"><span>More</span></a> </div> </div> </div> <div class="orchestra-wrap"> <div class="tit-area"> <h3 class="section-tit">Orchestra <br class="is-pc">Members</h3> <div class="slide-control"> <div class="swiper-button-prev"></div><span>|</span><div class="swiper-button-next"></div> </div> </div> <div class="swiper orchestra-slide"> <div class="swiper-wrapper"> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/eceb0880af62762b6aace24e41d12b2f.jpg" class="orchestra-img" alt="백수련"> <div class="orchestra-name"> <strong> CONCERTMASTER </strong> <em>백수련</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/654e06fc1da9b3b5ebbdfdd16048bcc8.jpg" class="orchestra-img" alt="이지수"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>이지수</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/04993ca31353d024c83184101a90b573.jpg" class="orchestra-img" alt="박주연"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>박주연</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/027579c717a06589a55f7e2fc54e9dce.jpg" class="orchestra-img" alt="홍유빈"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>홍유빈</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/9bc20068352234683239c465d84763a8.jpg" class="orchestra-img" alt="최상아"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>최상아</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/409dff4296b1b580a5bf8334883c58f1.jpg" class="orchestra-img" alt="옥유아"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>옥유아</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/8d0c55f1d84b7944785d146ab5a3e758.jpg" class="orchestra-img" alt="최아현"> <div class="orchestra-name"> <strong> ASSISTANT PRINCIPAL </strong> <em>최아현</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/7089db6a265e942b04ee53e1867a49ff.jpg" class="orchestra-img" alt="박주연"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>박주연</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/cd967c2ea9cb4e4da4ec75e22cba3113.jpg" class="orchestra-img" alt="전하영"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>전하영</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/60964235b78ee1f379d4833d4dc1974d.jpg" class="orchestra-img" alt="이하은"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>이하은</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/6ad1b58a8e5d301d8f2186f9601c0218.jpg" class="orchestra-img" alt="옥영미"> <div class="orchestra-name"> <strong> VIOLIN </strong> <em>옥영미</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/70af522e259ae79397e8ea96d9d49a6c.jpg" class="orchestra-img" alt="김선주"> <div class="orchestra-name"> <strong> VIOLA </strong> <em>김선주</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/ac983735ecef80ccee6448f9aeae319b.jpg" class="orchestra-img" alt="황유선"> <div class="orchestra-name"> <strong> VIOLA </strong> <em>황유선</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/5ae4d72a19ea4ae2c7c2434c8d7a2b8f.jpg" class="orchestra-img" alt="정승원"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>정승원</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/d930d05881df72375bed3956951af935.jpg" class="orchestra-img" alt="조수린"> <div class="orchestra-name"> <strong> CELLO </strong> <em>조수린</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/0b039d34e9ecb4ed667f8c0504b9a58c.jpg" class="orchestra-img" alt="김정현"> <div class="orchestra-name"> <strong> CELLO </strong> <em>김정현</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/7b70a86f6f52f8fadb69a863dc16f562.jpg" class="orchestra-img" alt="조용우"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>조용우</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/9583c78452c83dd07d4f53c6e0118d91.jpg" class="orchestra-img" alt="박성진"> <div class="orchestra-name"> <strong> DOUBLE BASS </strong> <em>박성진</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/6214a8ae81cae3acf551d961abaee7f7.jpg" class="orchestra-img" alt="윤혜순"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>윤혜순</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/7aca8342abd067e78e116fd00d6e7283.jpg" class="orchestra-img" alt="최유나"> <div class="orchestra-name"> <strong> ASSISTANT PRINCIPAL </strong> <em>최유나</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/cd8346f820f6a84ea1e79f023d9bb05b.jpg" class="orchestra-img" alt="김채연"> <div class="orchestra-name"> <strong> FLUTE </strong> <em>김채연</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/6f919f565ec9c78913c82c213d0348ef.jpg" class="orchestra-img" alt="김예은"> <div class="orchestra-name"> <strong> ASSISTANT PRINCIPAL </strong> <em>김예은</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/d4836ee1ccfdf6aca0cc9ceb5d0fffce.jpg" class="orchestra-img" alt="문빛찬"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>문빛찬</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/bb6f17240faa0952bdec06e2a4ba77e4.jpg" class="orchestra-img" alt="윤지수"> <div class="orchestra-name"> <strong> CLARINET </strong> <em>윤지수</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/8e0baecf0a5efeb609a69679605f444f.jpg" class="orchestra-img" alt="고태원"> <div class="orchestra-name"> <strong> CLARINET </strong> <em>고태원</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/8152bf213c0f615ba8b58999f613261c.jpg" class="orchestra-img" alt="정현수"> <div class="orchestra-name"> <strong> HORN </strong> <em>정현수</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/100e68ed67c1905a2c62458da1947bc6.jpg" class="orchestra-img" alt="김서현"> <div class="orchestra-name"> <strong> HORN </strong> <em>김서현</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/5714b72bf8d8488262c6c9376e302e70.jpg" class="orchestra-img" alt="김승언"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>김승언</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/c78461084e2fee8bf3f53fb0c28e09f6.jpg" class="orchestra-img" alt="방승용"> <div class="orchestra-name"> <strong> TRUMPET </strong> <em>방승용</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/337cc4a69eec9a56b058f886720217dc.jpg" class="orchestra-img" alt="허지행"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>허지행</em> </div> </div> <div class="swiper-slide orchestra-item"> <img src="/data/service/hkphil/member/img/6bfba289aadb34aaf0ee0d5089733312.jpg" class="orchestra-img" alt="강현수"> <div class="orchestra-name"> <strong> PRINCIPAL </strong> <em>강현수</em> </div> </div> </div> <div class="swiper-scrollbar"></div> </div> <div class="btn-area"> <a href="/about/member" class="btn-basic more"><span>More</span></a> </div> </div> <div class="news-wrap"> <div class="inner"> <h3 class="section-tit">NEWS</h3> <div class="swiper news-list"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="thumb"><img class="lazy" data-src="https://img.hankyung.com/photo/202502/AA.39490964.3.jpg" alt="교향곡의 절정에서 탄생한 새 시대의 희망 찬가…홍석원의 '말러 3번'"></div> <h4 class="news-tit"><a href="https://www.hankyung.com/article/2025021212661" target="_blank" rel="nofollow">교향곡의 절정에서 탄생한 새 시대의 희망 찬가…홍석원의 '말러 3번'</a></h4> <p class="lead">베토벤의 9번 교향곡 초연 이후 작곡가들은 고뇌에 빠졌다. 교향곡이라는 장르가 할 수 있는 모든 것을 보여준 이 곡에서 한 발짝도 더 나아가기 힘들었기 때문이다. 말러의 세 번째 교향곡은 베토벤 9번 교향곡과 가장 긴밀하게 연결되는 곡이다. 베토벤과 말러의 두 작품은 같은 조성으로 시작하고 끝나며, 합창이 포함돼 있고, 각자의 가장 긴 교향곡이라는 공통점을 가지고 있다.작년 말 베토벤의 9번 교향곡으로 한경아르떼필하모닉과 피날레를 장식했던 홍석원은 11일 서울 예술의전당에서 열린 아르떼필의 ‘더클래식 2025’ 공연에선 말러의 3번 교향곡을 선택했다.호른의 합주로 힘차게 시작되는 1악장은 ‘목신 판(Pan)의 기상과 여름의 행진’을 주제로 한다. 행진곡 혹은 대학 축전 서곡 같은 당찬 분위기의 서주인데, 이날 공연은 사뭇 차분하고 투박한 느낌의 음표로 시작을 알렸다. 자칫 일체감이 부족하다고 느껴질 만큼 수더분한 연주는 트롬본과 튜바, 콘트라베이스가 안정적으로 저음부를 연주하며 자리를 잡아갔다. 바이올린과 비올라가 마치 대화하듯 관악 주자들의 에너지를 끌어내는 모습도 인상적이었다.그 에너지를 받아 이어진 2악장은 ‘목장의 꽃들이 말하는 것’이라는 부제가 붙어 있다. 오케스트라는 마치 새로 태어난 듯 세련된 음색을 뽐내기 시작했다. 현악기의 피치카토 위로 목관악기들이 유려하게 춤추기 시작했는데, 활력이 넘치면서도 섬세한 표현력이 돋보였다.뻐꾸기와 나이팅게일의 소리를 묘사한 3악장은 이 교향곡의 백미 중 하나다. 클라리넷과 피콜로, 오보에가 저공비행을 하는 새들처럼 무대를 누비자, 생명력을 더한 오케스트라는 결속력을 높</p> </div> <div class="swiper-slide"> <div class="thumb"><img class="lazy" data-src="https://img.hankyung.com/photo/202502/01.39485037.3.jpg" alt="교향곡의 절정에서 탄생한 새 시대의 희망 교향곡, 홍석원의 '말러 3번'"></div> <h4 class="news-tit"><a href="https://www.hankyung.com/article/202502129817i" target="_blank" rel="nofollow">교향곡의 절정에서 탄생한 새 시대의 희망 교향곡, 홍석원의 '말러 3번'</a></h4> <p class="lead">베토벤의 9번 교향곡 초연 이후 작곡가들은 고뇌에 빠졌다. 교향곡이라는 장르가 할 수 있는 모든 것을 보여준 이 곡에서 한 발짝도 더 나아가기 힘들었기 때문이다. 브람스는 “그 거인이 항상 내 뒤에서 행진하는 소리가 들리는 것이 어떤 느낌인지 상상도 못 할 것”이라고 말하기도 했다. 그가 20년에 걸쳐 작곡한 첫 번째 교향곡은 베토벤의 10번째 교향곡이라고 불리기도 했다.말러의 세 번째 교향곡은 브람스의 작품과 함께 베토벤 9번 교향곡과 가장 긴밀하게 연결되는 곡이다. 베토벤과 말러의 두 작품은 같은 조성으로 시작하고 끝나며, 합창이 포함돼 있고, 각자의 가장 긴 교향곡이라는 공통점을 가지고 있다. 그리고 베토벤의 작품에 대해 보수적이고 고전적인 해석을 했던 브람스와 달리, 말러는 더 거대하고 웅장한 작품을 만들고자 했다. 말러의 세 번째 교향곡은 그동안 작곡했던 작품보다 더 풍부하고 기이한 주제를 담았으며, 행진곡과 장송곡, 동물 소리와 종소리 등 다양한 소재를 활용해 기존의 논리를 무너뜨렸다.지난 연말, 베토벤의 9번 교향곡으로 한경 아르떼 필하모닉과 피날레를 장식했던 홍석원은 새해의 첫 연주로 말러의 3번 교향곡을 선택했다. 우주의 탄생과 인류의 화합을 노래하는 곡에서 존재에 의문을 던지고 사랑의 힘으로 희망을 찾아가는 곡을 연결한 것이다. 혼란의 시대에 음악이 위로될 수 있기를 바라는 진심이 우러난 선곡이다.교향곡 중에서도 대작으로 꼽히는 두 곡을 연이어 연주하기 위해서는 지휘자뿐만 아니라 오케스트라의 체력도 따라야 한다. 한경 아르떼 필하모닉은 지난해 생상스, 리스트, 번스타인, 코른골트 등 쉽게 연주되지 않는 교향악 작품을</p> </div> <div class="swiper-slide"> <div class="thumb"><img class="lazy" data-src="https://img.hankyung.com/photo/202502/01.39393520.3.jpg" alt="아르떼가 뽑은 이번 주 공연 전시 6선...연극 '꽃의 비밀' 8일 개막"></div> <h4 class="news-tit"><a href="https://www.hankyung.com/article/202502030203i" target="_blank" rel="nofollow">아르떼가 뽑은 이번 주 공연 전시 6선...연극 '꽃의 비밀' 8일 개막</a></h4> <p class="lead">문화예술 플랫폼 아르떼는 국내에서 열리는 주요 전시와 공연을 취재해 독자 여러분께 전하고 있습니다. 개막 예정이거나 현재 진행 중인 전시·공연에 대해서는 프리뷰와 리뷰를 제공합니다. 이번 주에 열리는 전시·공연 가운데 볼만한 작품들을 아르떼가 엄선해 소개합니다.아르떼 PICK 공연<피아노 파 드 되- Dancing with Pierrot>'피아노 파 드 되'의 앙코르 공연이 2월 9일 서울 유니버설아트센터 대극장에서 열린다. 발레리노 전민철이 40분 정도의 독무와 함께 발레리나와 이인무(파드되)를 펼치는 주역 무용수로 등장한다.▶공연 정보(더보기)<한경arte필하모닉 더클래식2025 시리즈1>한경arte필하모닉의 '더클래식 2025 시리즈1'이 오는 11일 서울 예술의전당 콘서트홀에서 열린다. 홍석원이 지휘하며 구스타프 말러의 교향곡 제3번을 연주한다.▶[이벤트]한경arte필하모닉 <더클래식2025 시리즈1 : 말러 교향곡 제3번>▶공연 정보(더보기)연극 <꽃의 비밀>연극 '꽃의 비밀'이 오는 2월 8일부터 5월 11일까지 서울 링크아트센터 벅스홀에서 공연한다. 여인 4명이 하루아침에 사라진 남편들을 대신해 보험금을 타기 위해 각자의 남편으로 변장하는 이야기다.▶[관련 기사] '코미디 천재' 장진 "지금이야말로 코미디가 빛을 발해야"▶공연 정보(더보기)뮤지컬 <시라노>뮤지컬 '시라노'가 2월 23일까지 서울 예술의전당 CJ토월극장에서 공연한다. 17세기 프랑스 파리를 배경으로 코가 기형적으로 큰 추남 시라노를 포함한 남녀 3명의 엇갈린 운명과 사랑을 그린다.▶[관련 리뷰] "거인과 맞서리라" … 시라노는 못생겨서 낭만적이다▶공연</p> </div> </div> <div class="swiper-pagination"></div> </div> <div class="btn-area"> <a href="/news" class="btn-basic more"><span>More</span></a> </div> </div> </div> </div> <script> // Img Lazy Loading document.addEventListener("DOMContentLoaded", function() { var lazyloadImages = document.querySelectorAll("img.lazy"); var lazyloadThrottleTimeout; function lazyload () { if(lazyloadThrottleTimeout) { clearTimeout(lazyloadThrottleTimeout); } lazyloadThrottleTimeout = setTimeout(function() { var scrollTop = window.pageYOffset; lazyloadImages.forEach(function(img) { if(img.offsetTop < (window.innerHeight + scrollTop)) { img.src = img.dataset.src; img.classList.remove('lazy'); } }); if(document.querySelectorAll("img.lazy").length == 0) { document.removeEventListener("scroll", lazyload); window.removeEventListener("resize", lazyload); window.removeEventListener("orientationChange", lazyload); } }, 20); } document.addEventListener("scroll", lazyload); window.addEventListener("resize", lazyload); window.addEventListener("orientationChange", lazyload); }); let imgArr = [{"filename":"7441de8544063c25150d8a6547cf8c29.jpg","filename_org":"2024 \ub2e8\uccb4(\uc9c0\ud718\uc790X)_\uc6f9\uc5c5\ub85c\ub4dc(3).jpg"},{"filename":"412c54acf13f868232b38bee56e5614b.jpg","filename_org":"MINO5086 (3).jpg"},{"filename":"b99b5ca2299ffa7840dc9df8eb4cc4a5.jpg","filename_org":"MINO4024(2.1)web.jpg"},{"filename":"67504e1e83b0798a06f18d6b551e16cc.jpg","filename_org":"\ud55c\uacbdarte\ud544\ud558\ubaa8\ub2c9(230524)_2.1web.jpg"},{"filename":"b0c4208077c163b91aa38d39ae41d90a.jpg","filename_org":"\ud55c\uacbdarte\ud544\ud558\ubaa8\ub2c9(230726)_2.1web.jpg"},{"filename":"4db55f5e92a1b0cdff661bd828b2de9e.jpg","filename_org":"2023 \uc628\ub4dc\ub9bc _500(16.9)web.jpg"},{"filename":"d46d644808270bcc7668147b0458ece3.jpg","filename_org":"\ud55c\uacbdarte\ud544\ud558\ubaa8\ub2c9(230830)_16.9web.jpg"},{"filename":"fee0b47a32dd0d6f7bdbbc9547b4e838.jpg","filename_org":"MINO3316(16.9)web.jpg"},{"filename":"0f7d3250f637beb700c50ef8a09b033f.jpg","filename_org":"MINO2871(16.9)_\uc6f9\uc5c5\ub85c\ub4dc.jpg"},{"filename":"de50ac2a0d9edbf4fbec28d0ab65bca7.jpg","filename_org":"HKAF_16.9(\uc6f9\uc5c5\ub85c\ub4dc).jpg"}]; $(window).load(function(){ imgArr.forEach(function(el, index){ if(index == 0){ return; } let imgUrl = '/data/service/hkphil/topimg/' + el.filename; var img = $("<img>").attr('src', imgUrl) .load(function() { if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { console.log('broken image!'); } else { $(this).remove(); // prevent memory leaks as @benweet suggested $('.main-item'+(index+1)).css('background-image', 'url('+imgUrl+')'); if(index == (imgArr.length-1)){ startMainSlide(); } } }); }); }); function startMainSlide(){ let mainSlide = new Swiper(".main-slide", { loop: true, effect: "fade", autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: ".main-slide .swiper-pagination", clickable: true }, breakpoints: { 1024: { navigation: { nextEl: ".main-slide .btn-next", prevEl: ".main-slide .btn-prev", } } } }); } /* // 메인 헤더 슬라이드 let mainSlide = new Swiper(".main-slide", { loop: true, effect: "fade", autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: ".main-slide .swiper-pagination", clickable: true }, breakpoints: { 1024: { navigation: { nextEl: ".main-slide .btn-next", prevEl: ".main-slide .btn-prev", } } } }); */ // 스케줄 슬라이드 let scheduleSize = $(".schedule-slide .schedule-item").length; let scheduleSlide = new Swiper(".schedule-slide", { loop: true, pagination: { el: ".schedule-slide .swiper-pagination", clickable: true }, autoHeight: true, on : { init: function() { $('.custom-fraction .current').text(this.realIndex + 1); $('.custom-fraction .total').text(scheduleSize); } }, breakpoints: { 1024: { cssMode: true, autoHeight: false, navigation: { nextEl: ".schedule-slide .swiper-button-next", prevEl: ".schedule-slide .swiper-button-prev", } } } }); /* scheduleSlide.on('slideChange', function(){ $('.custom-fraction .current').text(this.realIndex + 1); }); */ // 오케스트라 슬라이드 $('.orchestra-slide').each(function() { var orchestraSlide = new Swiper(".orchestra-slide", { slidesPerView: "auto", spaceBetween: 15, scrollbar: { el: ".orchestra-slide .swiper-scrollbar" }, breakpoints: { 1024: { spaceBetween: 20, navigation: { nextEl: ".orchestra-wrap .swiper-button-next", prevEl: ".orchestra-wrap .swiper-button-prev", } } } }); }); // 뉴스 슬라이드 var swiper = new Swiper(".news-list", { loop: true, autoHeight: true, pagination: { el: ".news-list .swiper-pagination", clickable: true }, breakpoints: { 1024: { loop: false, slidesPerView: 3, spaceBetween: 20 } } }); </script> <!-- [D] 공통 푸터 --> <footer class="footer"> <div class="ft-top"> <div class="inner"> <strong class="ft-logo"><span class="blind">한경arte필하모닉</span></strong> <ul class="sns-list"> <li class="youtube"><a href="https://www.youtube.com/channel/UCYNMCElCctuMeIBWjgu2EOQ" target="_blank" rel="nofollow"><span class="blind">유튜브</span></a></li> <li class="insta"><a href="https://www.instagram.com/hankyung_arte_philharmonic/" target="_blank" rel="nofollow"><span class="blind">인스타그램</span></a></li> <li class="facebook"><a href="https://www.facebook.com/hankyungphil/" target="_blank" rel="nofollow"><span class="blind">페이스북</span></a></li> </ul> </div> </div> <div class="ft-cont"> <div class="inner"> <ul class="ft-contact"> <li class="ft-item"> <em>OFFICE</em> <a href="tel:02-360-4071">02-360-4071</a> </li> <li class="ft-item"> <em>FAX</em> <a href="tel:02-360-4077">02-360-4077</a> </li> <li class="ft-item"> <em>MAIL</em> <a href="mailto:hkphil@hankyung.com">hkphil@hankyung.com</a> </li> </ul> <div class="ft-info"> <div class="ft-item"> <em>주소</em> <span>04505 서울시 중구 청파로 463 한국경제신문사 17층</span> </div> <div class="ft-item"> <em>사업자번호</em> <span>670-88-00113</span> </div> </div> <ul class="family-list"> <li class="ft-bold">한국경제 Family</li> <li><a href="https://www.hankyung.com" target="_blank" rel="nofollow">한국경제신문</a></li> <li><a href="https://www.wowtv.co.kr/" target="_blank" rel="nofollow">한국경제 TV</a></li> <li><a href="https://magazine.hankyung.com/" target="_blank" rel="nofollow">한국경제매거진</a></li> <li><a href="https://tenasia.hankyung.com/" target="_blank" rel="nofollow">텐아시아</a></li> <li><a href="https://www.kedglobal.com/" target="_blank" rel="nofollow">KED Global</a></li> </ul> <p class="copyright">Copyright © Copyright @ Hankyung arte Philharmonic<br class="is-mo"> All Right Reserved 2022 All Rights Reserved</p> </div> </div> </footer> </div> <script> $(document).ready(function(){ $(window).scroll(function() { if ($(this).scrollTop() > 0) { $('html').addClass('sticky'); } else { $('html').removeClass('sticky'); } }); $(window).resize(function() { if($(window).width() > 1024) { $(".btn-allmenu").removeClass("active"); } }); // 모바일 전체메뉴 버튼 클릭 $('.btn-allmenu').on("click", function(e){ $(this).toggleClass('active'); $("html").toggleClass("open-allmenu"); }); $('.menu-tit').on("click", function(){ $(this).parent().siblings().removeClass("on"); $(this).parent().toggleClass("on"); $(this).next(".sub-menu").slideToggle(300); $(this).parent().siblings().find(".sub-menu").slideUp(300); }); // 서브gnb 클릭 $('.nav-tit').on("click", function(){ if($(this).hasClass("on") == true){ $(this).removeClass('on'); }else{ $('.nav-tit').removeClass('on'); $(this).toggleClass('on'); } }); $(document).on("mouseup", function(e){ if(!$(e.target).is('.nav-tit')){ $('.nav-tit').removeClass('on'); } }); }); </script> </body> </html>