{"id":543,"date":"2025-11-20T10:42:54","date_gmt":"2025-11-20T10:42:54","guid":{"rendered":"http:\/\/localhost:8888\/wordpress1\/projects\/"},"modified":"2026-02-09T13:25:20","modified_gmt":"2026-02-09T13:25:20","slug":"projects","status":"publish","type":"page","link":"https:\/\/ccjjmusic.com\/?page_id=543","title":{"rendered":"News"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n    <title>News &#038; Gallery &#8211; JJ Music Academy<\/title>\n    \n    <link rel=\"preload\" as=\"image\" href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ub274\uc2a4\ud398\uc774\ud37c.jpg\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'jj-teal': '#17b194',\n                        'jj-teal-dark': '#13967d',\n                        'jj-dark': '#0f1115',\n                        'jj-dark-sec': '#161920',\n                        'jj-card': '#1e222b',\n                    },\n                    fontFamily: {\n                        sans: ['\"Noto Sans KR\"', 'sans-serif'],\n                    },\n                    animation: {\n                        'slow-zoom': 'slowZoom 20s linear infinite alternate',\n                    },\n                    keyframes: {\n                        slowZoom: {\n                            '0%': { transform: 'scale(1)' },\n                            '100%': { transform: 'scale(1.1)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        \/* =========================================\n           Core & Animation Styles\n           ========================================= *\/\n        :root { --jj-teal: #17b194; }\n        html { -webkit-text-size-adjust: none; height: 100%; scroll-behavior: smooth; }\n        body {\n            font-family: 'Noto Sans KR', sans-serif !important;\n            background-color: #0f1115;\n            color: #f3f4f6;\n            overflow-x: hidden;\n            margin: 0; padding: 0;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* Scroll Reveal Effect *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Hero Styles *\/\n        .hero-overlay {\n            background: linear-gradient(to bottom, rgba(15,17,21,0.3) 0%, rgba(15,17,21,0.7) 70%, #0f1115 100%);\n        }\n\n        \/* Glassmorphism Card *\/\n        .glass-panel {\n            background: rgba(30, 34, 43, 0.4);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.5);\n            transition: border-color 0.3s ease;\n        }\n        .glass-panel:hover {\n            border-color: rgba(23, 177, 148, 0.3);\n        }\n\n        \/* Gallery Grid Styles *\/\n        .gallery-card {\n            position: relative; overflow: hidden;\n            border-radius: 1rem;\n            background-color: #1e222b;\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            aspect-ratio: 1 \/ 1;\n            transform: translateZ(0);\n        }\n        .gallery-img {\n            width: 100%; height: 100%; object-fit: cover;\n            transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n            filter: brightness(0.85);\n        }\n        .gallery-card:hover .gallery-img {\n            transform: scale(1.15);\n            filter: brightness(1.05);\n        }\n        .gallery-overlay {\n            position: absolute; inset: 0;\n            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\n            opacity: 0; transition: opacity 0.3s ease;\n            display: flex; align-items: flex-end; padding: 1.5rem;\n        }\n        .gallery-card:hover .gallery-overlay { opacity: 1; }\n        \n        .gallery-icon {\n            opacity: 0; transform: translateY(10px);\n            transition: all 0.4s ease 0.1s;\n        }\n        .gallery-card:hover .gallery-icon {\n            opacity: 1; transform: translateY(0);\n        }\n\n        \/* Lightbox Custom *\/\n        #jj-lightbox {\n            background-color: rgba(15, 17, 21, 0.95);\n            backdrop-filter: blur(10px);\n        }\n\n        \/* Back to Top *\/\n        #back-to-top {\n            opacity: 0; visibility: hidden; transform: translateY(20px);\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n        #back-to-top.show {\n            opacity: 1; visibility: visible; transform: translateY(0);\n        }\n\n        \/* ============================================================\n           [\uc218\uc815\ub428] \uac8c\uc2dc\uae00 \uc77d\uae30 \uc601\uc5ed \uc2a4\ud0c0\uc77c\ub9c1 (\ubaa8\ubc14\uc77c vs PC \ubd84\ub9ac)\n           ============================================================ *\/\n        \n        \/* 1. \uae30\ubcf8(\ubaa8\ubc14\uc77c): \uce74\ub4dc \uc2a4\ud0c0\uc77c \uc81c\uac70\ud558\uace0 \ud558\ub2e8 \uad6c\ubd84\uc120\ub9cc \ud45c\uc2dc *\/\n        #kboard-document {\n            background-color: transparent !important; \/* \ubc30\uacbd \ud22c\uba85 *\/\n            border: none !important; \/* \uc804\uccb4 \ud14c\ub450\ub9ac \uc81c\uac70 *\/\n            border-radius: 0 !important; \/* \ub465\uadfc \ubaa8\uc11c\ub9ac \uc81c\uac70 *\/\n            box-shadow: none !important; \/* \uadf8\ub9bc\uc790 \uc81c\uac70 *\/\n            padding: 0 !important; \/* \ud328\ub529 \uc81c\uac70 *\/\n            margin-bottom: 40px !important; \/* \ub9ac\uc2a4\ud2b8\uc640 \uac04\uaca9 *\/\n        }\n\n        \/* [\ud575\uc2ec] \ubaa8\ubc14\uc77c\uc5d0\uc11c '\ubaa9\ub85d\ubcf4\uae30' \ubc84\ud2bc\uc774 \uc788\ub294 \ud558\ub2e8 \uc601\uc5ed\uc5d0 \uad6c\ubd84\uc120 \ucd94\uac00 *\/\n        #kboard-document .kboard-control {\n            border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; \/* \uad6c\ubd84\uc120 \uc0c9\uc0c1 (\uc57d\uac04 \ubc1d\uac8c) *\/\n            padding-bottom: 30px !important; \/* \uc120\uacfc \ubc84\ud2bc \uc0ac\uc774 \uac04\uaca9 *\/\n            margin-bottom: 30px !important; \/* \uc120\uacfc \uc544\ub798 \ub9ac\uc2a4\ud2b8 \uc0ac\uc774 \uac04\uaca9 *\/\n        }\n\n        \/* 2. PC\/\ud0dc\ube14\ub9bf(768px \uc774\uc0c1): \uae30\uc874\uc758 '\uce74\ub4dc' \ub514\uc790\uc778 \uc801\uc6a9 *\/\n        @media (min-width: 768px) {\n            #kboard-document {\n                \/* \ubc30\uacbd\uc744 \ub9ac\uc2a4\ud2b8\ubcf4\ub2e4 \uc870\uae08 \ub354 \uc5b4\ub461\uac8c \ub20c\ub7ec\uc90c *\/\n                background-color: rgba(0, 0, 0, 0.3) !important;\n                \n                \/* \uc804\uccb4 \ud14c\ub450\ub9ac \ub2e4\uc2dc \uc801\uc6a9 *\/\n                border: 1px solid rgba(255, 255, 255, 0.1) !important;\n                \n                \/* \ubaa8\uc11c\ub9ac \ub465\uae00\uac8c *\/\n                border-radius: 16px !important;\n                \n                \/* \uc785\uccb4\uac10 \ucd94\uac00 *\/\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;\n                \n                \/* PC\uc5d0\uc11c\ub294 \ub109\ub109\ud55c \ud328\ub529 *\/\n                padding: 40px !important;\n                \n                \/* \ub9ac\uc2a4\ud2b8\uc640\uc758 \uac04\uaca9 *\/\n                margin-bottom: 60px !important;\n            }\n\n            \/* PC\uc5d0\uc11c\ub294 \ubaa8\ubc14\uc77c\uc6a9 \ud558\ub2e8 \uad6c\ubd84\uc120 \uc81c\uac70 (\uce74\ub4dc \uc548\uc5d0 \ud3ec\ud568\ub418\ubbc0\ub85c) *\/\n            #kboard-document .kboard-control {\n                border-bottom: none !important;\n                padding-bottom: 0 !important;\n                margin-bottom: 0 !important;\n            }\n        }\n\n        \/* =========================================\n           [KBoard CSS - DO NOT TOUCH]\n           ========================================= *\/\n        .kboard-container, #kboard-document, #kboard-default-document, #kboard-default-list, .kboard-document-wrap, .kboard-list {\n            background-color: transparent !important; border: none !important; color: #f3f4f6 !important;\n        }\n        #kboard-default-list .kboard-list-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; color: #cccccc !important; }\n        #kboard-default-list .kboard-total-count { color: #17b194 !important; }\n        #kboard-default-list .kboard-list table { border-top: 2px solid #17b194 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; background-color: transparent !important; }\n        #kboard-default-list .kboard-list table thead tr { background-color: rgba(255, 255, 255, 0.05) !important; color: #ffffff !important; }\n        #kboard-default-list .kboard-list table thead th, #kboard-default-list .kboard-list table thead td { color: #ffffff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; font-weight: bold !important; }\n        #kboard-default-list .kboard-list table tbody tr { background-color: transparent !important; color: #cccccc !important; }\n        #kboard-default-list .kboard-list table tbody tr:hover { background-color: rgba(23, 177, 148, 0.1) !important; }\n        #kboard-default-list .kboard-list table tbody td { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; color: #cccccc !important; }\n        #kboard-default-list .kboard-list table tbody td.kboard-list-title a { color: #ffffff !important; }\n        #kboard-default-list .kboard-list table tbody td.kboard-list-title .kboard-comments-count { color: #17b194 !important; }\n        #kboard-default-document .kboard-title { border-bottom: 2px solid #17b194 !important; padding-bottom: 15px !important; }\n        #kboard-default-document .kboard-title h1 { color: #ffffff !important; }\n        #kboard-default-document .kboard-detail { background-color: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #cccccc !important; }\n        #kboard-default-document .kboard-detail .detail-attr .detail-name { color: #17b194 !important; font-weight: bold !important; }\n        #kboard-default-document .kboard-detail .detail-attr .detail-value { color: #eeeeee !important; }\n        #kboard-default-document .kboard-content .content-view { background-color: transparent !important; color: #e5e7eb !important; border: none !important; font-size: 16px !important; line-height: 1.8 !important; }\n        .kboard-search input, .kboard-search select, #kboard-default-list select, input[type=\"text\"], input[type=\"password\"], textarea { background-color: #121212 !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }\n        a.kboard-default-button-small, button.kboard-default-button-small, input[type=\"submit\"], .kboard-button-action { background-color: #2a2a2a !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; transition: all 0.3s ease !important; }\n        a.kboard-default-button-small:hover, button.kboard-default-button-small:hover, input[type=\"submit\"]:hover, .kboard-button-action:hover { border-color: #17b194 !important; color: #17b194 !important; }\n        .kboard-pagination .kboard-pagination-pages li a { background: transparent !important; color: #888 !important; }\n        .kboard-pagination .kboard-pagination-pages li.active a { color: #17b194 !important; font-weight: bold !important; border: 1px solid #17b194 !important; }\n        .kboard-default-poweredby a { color: #666 !important; font-size: 11px !important; }\n    <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-jj-teal selection:text-white\">\n\n    <section class=\"relative h-[550px] md:h-[700px] flex items-center justify-center text-center text-white overflow-hidden w-full bg-jj-dark group\">\n        <div class=\"absolute inset-0 z-0 overflow-hidden\">\n            <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ub274\uc2a4\ud398\uc774\ud37c.jpg\" \n                 alt=\"News Hero\" \n                 class=\"w-full h-full object-cover object-center animate-slow-zoom\"\n                 fetchpriority=\"high\">\n            <div class=\"hero-overlay absolute inset-0 z-10\"><\/div>\n        <\/div>\n\n        <div class=\"relative z-20 px-6 max-w-5xl mx-auto w-full pt-20 text-center\">\n            <h4 class=\"text-jj-teal font-extrabold tracking-[0.5em] uppercase mb-6 text-sm md:text-lg animate-[fadeInDown_1s_ease-out_forwards]\">\n                Notice &#038; Facilities\n            <\/h4>\n            \n            <h1 class=\"text-6xl md:text-8xl font-black text-white leading-tight mb-8 drop-shadow-2xl opacity-0 animate-[fadeInUp_1s_ease-out_0.3s_forwards]\">\n                NEWS &#038; <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-gray-200 to-gray-500\">GALLERY<\/span>\n            <\/h1>\n            \n            <p class=\"text-slate-200 text-lg md:text-2xl font-light tracking-wide hidden md:block opacity-0 animate-[fadeInUp_1s_ease-out_0.6s_forwards] max-w-2xl mx-auto\">\n                JJ Music Academy\uc758 \uc0c8\ub85c\uc6b4 \uc18c\uc2dd\uacfc<br> \n                \uc74c\uc545\uc744 \uc704\ud55c \ucd5c\uc801\uc758 \uacf5\uac04\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4.\n            <\/p>\n        <\/div>\n\n        <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 z-20 animate-bounce text-white\/50\">\n            <i class=\"fas fa-chevron-down text-xl\"><\/i>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-24 bg-jj-dark border-b border-white\/5 relative\">\n        <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-[600px] h-[300px] bg-jj-teal\/5 blur-[100px] rounded-full pointer-events-none\"><\/div>\n\n        <div class=\"container mx-auto px-6 max-w-6xl relative z-10\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-12 px-2 reveal\">\n                <div>\n                    <span class=\"text-jj-teal font-bold tracking-widest uppercase mb-2 block text-xs border border-jj-teal\/30 px-2 py-1 rounded-full w-fit bg-jj-teal\/5\">ANNOUNCEMENTS<\/span>\n                    <h2 class=\"text-4xl md:text-5xl font-bold text-white mt-4\">\uacf5\uc9c0\uc0ac\ud56d<\/h2>\n                <\/div>\n                <p class=\"text-gray-400 text-sm mt-4 md:mt-0 font-light text-right\">\n                    \ud559\uc6d0\uc758 \uc8fc\uc694 \uc77c\uc815\uacfc \uc0c8\ub85c\uc6b4 \uc18c\uc2dd\uc744<br> \uac00\uc7a5 \uba3c\uc800 \ud655\uc778\ud558\uc138\uc694.\n                <\/p>\n            <\/div>\n            \n            <div class=\"glass-panel rounded-3xl p-6 md:p-10 reveal\" style=\"transition-delay: 0.1s;\">\n                <div class=\"kboard-container\">\n                    <div id=\"kboard-default-list\">\r\n\t\r\n\t<!-- \uac8c\uc2dc\ud310 \uc815\ubcf4 \uc2dc\uc791 -->\r\n\t<div class=\"kboard-list-header\">\r\n\t\t\t\t\t<div class=\"kboard-total-count\">\r\n\t\t\t\t\uc804\uccb4 1\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t<div class=\"kboard-sort\">\r\n\t\t\t<form id=\"kboard-sort-form-1\" method=\"get\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F543\">\r\n\t\t\t\t<input type=\"hidden\" name=\"rest_route\" value=\"\/wp\/v2\/pages\/543\"><input type=\"hidden\" name=\"mod\" value=\"list\"><input type=\"hidden\" name=\"pageid\" value=\"1\"><input type=\"hidden\" name=\"kboard_list_sort_remember\" value=\"1\">\t\t\t\t\r\n\t\t\t\t<select name=\"kboard_list_sort\" onchange=\"jQuery('#kboard-sort-form-1').submit();\">\r\n\t\t\t\t\t<option value=\"newest\" selected>\ucd5c\uc2e0\uc21c<\/option>\r\n\t\t\t\t\t<option value=\"best\">\ucd94\ucc9c\uc21c<\/option>\r\n\t\t\t\t\t<option value=\"viewed\">\uc870\ud68c\uc21c<\/option>\r\n\t\t\t\t\t<option value=\"updated\">\uc5c5\ub370\uc774\ud2b8\uc21c<\/option>\r\n\t\t\t\t<\/select>\r\n\t\t\t<\/form>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\t<!-- \uac8c\uc2dc\ud310 \uc815\ubcf4 \ub05d -->\r\n\t\r\n\t<!-- \uce74\ud14c\uace0\ub9ac \uc2dc\uc791 -->\r\n\t\t<!-- \uce74\ud14c\uace0\ub9ac \ub05d -->\r\n\t\r\n\t<!-- \ub9ac\uc2a4\ud2b8 \uc2dc\uc791 -->\r\n\t<div class=\"kboard-list\">\r\n\t\t<table>\r\n\t\t\t<thead>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td class=\"kboard-list-uid\">\ubc88\ud638<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-title\">\uc81c\ubaa9<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-user\">\uc791\uc131\uc790<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-date\">\uc791\uc131\uc77c<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-vote\">\ucd94\ucc9c<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-view\">\uc870\ud68c<\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t<\/thead>\r\n\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr class=\"\">\r\n\t\t\t\t\t<td class=\"kboard-list-uid\">1<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-title\">\r\n\t\t\t\t\t\t<a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F543&#038;uid=1&#038;mod=document\">\r\n\t\t\t\t\t\t\t<div class=\"kboard-default-cut-strings\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ud559\uc6d0 \ud648\ud398\uc774\uc9c0 \uac1c\ud3b8\t\t\t\t\t\t\t\t<span class=\"kboard-comments-count\"><\/span>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<div class=\"kboard-mobile-contents\">\r\n\t\t\t\t\t\t\t<span class=\"contents-item kboard-user\">jjmusic<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-separator kboard-date\">|<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-item kboard-date\">2026.01.27<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-separator kboard-vote\">|<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-item kboard-vote\">\ucd94\ucc9c 0<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-separator kboard-view\">|<\/span>\r\n\t\t\t\t\t\t\t<span class=\"contents-item kboard-view\">\uc870\ud68c 233<\/span>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-user\">jjmusic<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-date\">2026.01.27<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-vote\">0<\/td>\r\n\t\t\t\t\t<td class=\"kboard-list-view\">233<\/td>\r\n\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/tbody>\r\n\t\t<\/table>\r\n\t<\/div>\r\n\t<!-- \ub9ac\uc2a4\ud2b8 \ub05d -->\r\n\t\r\n\t<!-- \ud398\uc774\uc9d5 \uc2dc\uc791 -->\r\n\t<div class=\"kboard-pagination\">\r\n\t\t<ul class=\"kboard-pagination-pages\">\r\n\t\t\t<li class=\"active\"><a href=\"?pageid=1&rest_route=%2Fwp%2Fv2%2Fpages%2F543&mod=list\" onclick=\"return false\">1<\/a><\/li>\t\t<\/ul>\r\n\t<\/div>\r\n\t<!-- \ud398\uc774\uc9d5 \ub05d -->\r\n\t\r\n\t<!-- \uac80\uc0c9\ud3fc \uc2dc\uc791 -->\r\n\t<div class=\"kboard-search\">\r\n\t\t<form id=\"kboard-search-form-1\" method=\"get\" action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F543\">\r\n\t\t\t<input type=\"hidden\" name=\"rest_route\" value=\"\/wp\/v2\/pages\/543\"><input type=\"hidden\" name=\"mod\" value=\"list\"><input type=\"hidden\" name=\"pageid\" value=\"1\">\t\t\t\r\n\t\t\t<select name=\"target\">\r\n\t\t\t\t<option value=\"\">\uc804\uccb4<\/option>\r\n\t\t\t\t<option value=\"title\">\uc81c\ubaa9<\/option>\r\n\t\t\t\t<option value=\"content\">\ub0b4\uc6a9<\/option>\r\n\t\t\t\t<option value=\"member_display\">\uc791\uc131\uc790<\/option>\r\n\t\t\t<\/select>\r\n\t\t\t<input type=\"text\" name=\"keyword\" value=\"\">\r\n\t\t\t<button type=\"submit\" class=\"kboard-default-button-small\">\uac80\uc0c9<\/button>\r\n\t\t<\/form>\r\n\t<\/div>\r\n\t<!-- \uac80\uc0c9\ud3fc \ub05d -->\r\n\t\r\n\t\t\r\n\t\t<div class=\"kboard-default-poweredby\">\r\n\t\t<a href=\"https:\/\/www.cosmosfarm.com\/products\/kboard\" onclick=\"window.open(this.href);return false;\" title=\"\uc758\ubbf8\uc788\ub294 \uc6cc\ub4dc\ud504\ub808\uc2a4 \uac8c\uc2dc\ud310\">Powered by KBoard<\/a>\r\n\t<\/div>\r\n\t<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"py-24 bg-jj-dark-sec relative\">\n        <div class=\"container mx-auto px-6 max-w-6xl\">\n            <div class=\"text-center mb-24 reveal\">\n                <span class=\"text-jj-teal font-bold tracking-[0.3em] uppercase mb-4 block text-xs\">ACADEMY SPACE<\/span>\n                <h2 class=\"text-4xl md:text-5xl font-bold text-white mb-8\">Facilities <span class=\"text-gray-600 italic\">Gallery<\/span><\/h2>\n                <div class=\"w-20 h-1 bg-gradient-to-r from-transparent via-jj-teal to-transparent mx-auto rounded-full shadow-[0_0_15px_#17b194]\"><\/div>\n            <\/div>\n\n            <div class=\"mb-24 reveal\">\n                <div class=\"flex items-center mb-10 group\">\n                    <div class=\"w-1.5 h-10 bg-jj-teal mr-6 shadow-[0_0_15px_#17b194] rounded-full group-hover:h-12 transition-all duration-300\"><\/div>\n                    <div>\n                        <h3 class=\"text-3xl font-bold text-white mb-1\">\uac15\uc758\uc2e4 &#038; \ud569\uc8fc\uc2e4<\/h3>\n                        <p class=\"text-xs text-gray-500 tracking-wider uppercase\">Classroom &#038; Ensemble<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-17-011-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-17-011-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 1\">\n                        <div class=\"gallery-overlay\">\n                            <i class=\"fas fa-plus text-white text-2xl gallery-icon drop-shadow-md\"><\/i>\n                        <\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-34-016-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-34-016-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 2\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-30-015-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-30-015-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 3\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ud569\uc8fc\uc2e4-\uc804\uacbd-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ud569\uc8fc\uc2e4-\uc804\uacbd-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\ud569\uc8fc\uc2e4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-music text-jj-teal text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-13-004-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-13-004-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-50-028-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-50-028-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 5\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-06-006-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-06-006-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 6\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-40-007-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-40-007-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 7\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-38-006-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-38-006-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 8\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-56-012-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                         <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-56-012-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uac15\uc758\uc2e4 9\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"mb-24 reveal\">\n                <div class=\"flex items-center mb-10 group\">\n                    <div class=\"w-1.5 h-10 bg-jj-teal mr-6 shadow-[0_0_15px_#17b194] rounded-full group-hover:h-12 transition-all duration-300\"><\/div>\n                    <div>\n                        <h3 class=\"text-3xl font-bold text-white mb-1\">\uc5f0\uc2b5\uc2e4<\/h3>\n                        <p class=\"text-xs text-gray-500 tracking-wider uppercase\">Private Practice Rooms<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/home_\ud53c\uc544\ub178-\uc5f0\uc2b5\uc2e4.png\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/home_\ud53c\uc544\ub178-\uc5f0\uc2b5\uc2e4.png\" class=\"gallery-img\" loading=\"lazy\" alt=\"\ud53c\uc544\ub178 \uc5f0\uc2b5\uc2e4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-music text-jj-teal text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ub4dc\ub7fc-\uc5f0\uc2b5\uc2e4-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\ub4dc\ub7fc-\uc5f0\uc2b5\uc2e4-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\ub4dc\ub7fc \uc5f0\uc2b5\uc2e4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-drum text-jj-teal text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-22-011-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-22-011-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 1\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-11-008-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-11-008-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 2\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-56-013-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-56-013-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 3\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-001-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-001-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-007-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-007-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 5\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-004-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-004-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 6\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-003-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-003-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 7\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-002-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-002-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 8\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-006-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-45-006-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"\uc5f0\uc2b5\uc2e4 9\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"mb-10 reveal\">\n                <div class=\"flex items-center mb-10 group\">\n                    <div class=\"w-1.5 h-10 bg-gray-500 mr-6 shadow-[0_0_15px_gray] rounded-full group-hover:bg-jj-teal group-hover:shadow-[0_0_15px_#17b194] transition-all duration-300\"><\/div>\n                    <div>\n                        <h3 class=\"text-3xl font-bold text-white mb-1\">ETC.<\/h3>\n                        <p class=\"text-xs text-gray-500 tracking-wider uppercase\">Lounge &#038; Others<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-6\">\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-024-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-024-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 1\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-023-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-023-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 2\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                    <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-022-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-12-46-022-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 3\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-30-003-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-11-30-003-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 4\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-23-013-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-23-013-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 5\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-19-012-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-19-012-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 6\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-08-007-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-08-007-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 7\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-05-002-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-05-002-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 8\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-04-001-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-06-04-001-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 9\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                     <a href=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-29-017-scaled.jpeg\" class=\"gallery-card js-gallery-link group\">\n                        <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-26-17-04-29-017-scaled.jpeg\" class=\"gallery-img\" loading=\"lazy\" alt=\"ETC 10\">\n                        <div class=\"gallery-overlay\"><i class=\"fas fa-plus text-white text-2xl gallery-icon\"><\/i><\/div>\n                    <\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <button id=\"back-to-top\" class=\"fixed bottom-10 right-10 z-[120] w-14 h-14 bg-jj-teal text-white rounded-full shadow-[0_0_20px_rgba(23,177,148,0.4)] flex items-center justify-center hover:bg-white hover:text-jj-teal focus:outline-none transition-all duration-300 transform hover:-translate-y-2\">\n        <i class=\"fas fa-arrow-up text-xl\"><\/i>\n    <\/button>\n\n    <div id=\"jj-lightbox\" class=\"hidden flex items-center justify-center fixed inset-0 z-[9999]\">\n        <div class=\"w-full h-full flex items-center justify-between px-2 md:px-8 relative bg-black\/80 backdrop-blur-sm\">\n            \n            <button onclick=\"changeSlide(-1)\" class=\"absolute left-2 md:left-8 w-12 h-12 md:w-16 md:h-16 rounded-full border border-white\/20 bg-white\/5 hover:bg-jj-teal hover:border-jj-teal text-white transition-all duration-300 z-50 flex items-center justify-center\">\n                <i class=\"fas fa-chevron-left text-xl\"><\/i>\n            <\/button>\n            \n            <div class=\"flex-1 h-full flex items-center justify-center overflow-hidden relative p-4 w-full\" onclick=\"closeLightbox()\">\n                <img decoding=\"async\" id=\"lightbox-img\" src=\"\" alt=\"\ud655\ub300 \uc774\ubbf8\uc9c0\" class=\"max-h-[85vh] max-w-[95vw] shadow-2xl rounded-lg border border-white\/10 cursor-zoom-out transform transition-transform duration-300 select-none\">\n            <\/div>\n            \n            <button onclick=\"changeSlide(1)\" class=\"absolute right-2 md:right-8 w-12 h-12 md:w-16 md:h-16 rounded-full border border-white\/20 bg-white\/5 hover:bg-jj-teal hover:border-jj-teal text-white transition-all duration-300 z-50 flex items-center justify-center\">\n                <i class=\"fas fa-chevron-right text-xl\"><\/i>\n            <\/button>\n\n            <div class=\"absolute bottom-8 left-1\/2 transform -translate-x-1\/2 text-white\/70 font-mono text-sm pointer-events-none bg-black\/50 px-4 py-1 rounded-full border border-white\/10 z-50\">\n                <span id=\"current-index\" class=\"text-jj-teal font-bold\">1<\/span> \/ <span id=\"total-index\">1<\/span>\n            <\/div>\n            \n            <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ 1. Scroll Reveal Logic\n            const reveals = document.querySelectorAll(\".reveal\");\n            const revealOnScroll = () => {\n                const windowHeight = window.innerHeight;\n                const elementVisible = 120;\n                reveals.forEach((reveal) => {\n                    const elementTop = reveal.getBoundingClientRect().top;\n                    if (elementTop < windowHeight - elementVisible) {\n                        reveal.classList.add(\"active\");\n                    }\n                });\n            };\n            window.addEventListener(\"scroll\", revealOnScroll);\n            revealOnScroll(); \/\/ init\n\n            \/\/ 2. Custom Keyframes for Tailwind (FadeInUp\/Down)\n            const styleSheet = document.createElement(\"style\");\n            styleSheet.innerText = `\n                @keyframes fadeInUp {\n                    from { opacity: 0; transform: translate3d(0, 40px, 0); }\n                    to { opacity: 1; transform: translate3d(0, 0, 0); }\n                }\n                @keyframes fadeInDown {\n                    from { opacity: 0; transform: translate3d(0, -40px, 0); }\n                    to { opacity: 1; transform: translate3d(0, 0, 0); }\n                }\n            `;\n            document.head.appendChild(styleSheet);\n\n            \/\/ 3. Init Gallery\n            initGallery();\n\n            \/\/ 4. Back To Top\n            const backToTopBtn = document.getElementById('back-to-top');\n            let isTicking = false;\n\n            window.addEventListener('scroll', function() {\n                if (!isTicking) {\n                    window.requestAnimationFrame(function() {\n                        if (backToTopBtn) {\n                            if (window.scrollY > 400) {\n                                backToTopBtn.classList.add('show');\n                            } else {\n                                backToTopBtn.classList.remove('show');\n                            }\n                        }\n                        isTicking = false;\n                    });\n                    isTicking = true;\n                }\n            }, { passive: true });\n\n            if (backToTopBtn) {\n                backToTopBtn.addEventListener('click', () => {\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                });\n            }\n        });\n\n\/\/ --- Gallery Logic ---\n        let galleryImages = [];\n        let currentImageIndex = 0;\n        \n        \/\/ \uc694\uc18c \uac00\uc838\uc624\uae30\n        const lightbox = document.getElementById('jj-lightbox');\n        const lightboxImg = document.getElementById('lightbox-img');\n        const currentIndexSpan = document.getElementById('current-index');\n        const totalIndexSpan = document.getElementById('total-index');\n\n        \/\/ \ud130\uce58 \uc2ac\ub77c\uc774\ub4dc \ubcc0\uc218\n        let touchStartX = 0;\n        let touchEndX = 0;\n\n        function initGallery() {\n            const links = document.querySelectorAll('.js-gallery-link');\n            galleryImages = [];\n\n            links.forEach((link, index) => {\n                galleryImages.push(link.getAttribute('href'));\n                link.onclick = function(e) {\n                    e.preventDefault();\n                    openLightbox(index);\n                };\n            });\n\n            if(totalIndexSpan) totalIndexSpan.textContent = galleryImages.length;\n            \n            \/\/ \ubaa8\ubc14\uc77c \uc2a4\uc640\uc774\ud504 \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108 \ub4f1\ub85d\n            initSwipeEvents();\n        }\n\n        function openLightbox(index) {\n            currentImageIndex = index;\n            updateLightboxImage();\n            lightbox.classList.remove('hidden');\n            document.body.style.overflow = 'hidden'; \n        }\n\n        \/\/ \uc774\ubbf8\uc9c0\ub97c \ud074\ub9ad\ud558\uac70\ub098 \ubc30\uacbd\uc744 \ud074\ub9ad\ud588\uc744 \ub54c\ub9cc \ub2eb\ud798 (\ub4dc\ub798\uadf8\uc640 \uad6c\ubd84\ud558\uae30 \uc704\ud568)\n        function closeLightbox() {\n            \/\/ \uc2a4\uc640\uc774\ud504 \ub3d9\uc791 \uc911\uc5d0\ub294 \ub2eb\ud788\uc9c0 \uc54a\ub3c4\ub85d \uac04\ub2e8\ud55c \ub51c\ub808\uc774\ub098 \uc870\uac74\uc774 \ud544\uc694\ud560 \uc218 \uc788\uc73c\ub098,\n            \/\/ \uae30\ubcf8\uc801\uc73c\ub85c \ud074\ub9ad \uc774\ubca4\ud2b8\ub85c \ucc98\ub9ac\ud569\ub2c8\ub2e4.\n            lightbox.classList.add('hidden');\n            document.body.style.overflow = ''; \n        }\n\n        function changeSlide(direction) {\n            \/\/ \uc774\ubca4\ud2b8 \ubc84\ube14\ub9c1 \ubc29\uc9c0\n            if(window.event) window.event.stopPropagation();\n\n            currentImageIndex += direction;\n            if (currentImageIndex >= galleryImages.length) {\n                currentImageIndex = 0;\n            } else if (currentImageIndex < 0) {\n                currentImageIndex = galleryImages.length - 1;\n            }\n            updateLightboxImage();\n        }\n\n        function updateLightboxImage() {\n            const imgUrl = galleryImages[currentImageIndex];\n            lightboxImg.style.opacity = '0';\n            \n            \/\/ \ubd80\ub4dc\ub7ec\uc6b4 \uc804\ud658\uc744 \uc704\ud574 \uc57d\uac04\uc758 \ub51c\ub808\uc774\n            setTimeout(() => {\n                lightboxImg.src = imgUrl;\n                \/\/ \uc774\ubbf8\uc9c0\uac00 \ub85c\ub4dc\ub418\uba74 \ud22c\uba85\ub3c4\ub97c 1\ub85c \ubcc0\uacbd\n                lightboxImg.onload = () => { lightboxImg.style.opacity = '1'; };\n            }, 200);\n            \n            if(currentIndexSpan) currentIndexSpan.textContent = currentImageIndex + 1;\n        }\n\n        \/\/ --- [\ucd94\uac00\ub428] \ubaa8\ubc14\uc77c \uc2a4\uc640\uc774\ud504 \ub85c\uc9c1 ---\n        function initSwipeEvents() {\n            \/\/ \ub77c\uc774\ud2b8\ubc15\uc2a4 \uc804\uccb4 \uc601\uc5ed\uc5d0\uc11c \ud130\uce58 \uac10\uc9c0\n            lightbox.addEventListener('touchstart', function(e) {\n                touchStartX = e.changedTouches[0].screenX;\n            }, {passive: true});\n\n            lightbox.addEventListener('touchend', function(e) {\n                touchEndX = e.changedTouches[0].screenX;\n                handleSwipe();\n            }, {passive: true});\n        }\n\n        function handleSwipe() {\n            \/\/ \ucd5c\uc18c 50px \uc774\uc0c1 \uc6c0\uc9c1\uc5ec\uc57c \uc2a4\uc640\uc774\ud504\ub85c \uc778\uc815 (\uc624\ud130\uce58 \ubc29\uc9c0)\n            const threshold = 50; \n            \n            if (touchEndX < touchStartX - threshold) {\n                \/\/ \uc67c\ucabd\uc73c\ub85c \uc2a4\uc640\uc774\ud504 -> \ub2e4\uc74c \uc0ac\uc9c4 (Next)\n                changeSlide(1);\n            }\n            if (touchEndX > touchStartX + threshold) {\n                \/\/ \uc624\ub978\ucabd\uc73c\ub85c \uc2a4\uc640\uc774\ud504 -> \uc774\uc804 \uc0ac\uc9c4 (Prev)\n                changeSlide(-1);\n            }\n        }\n\n        \/\/ \ud0a4\ubcf4\ub4dc \uc774\ubca4\ud2b8\n        document.addEventListener('keydown', function(e) {\n            if (lightbox.classList.contains('hidden')) return;\n            if (e.key === 'Escape') closeLightbox();\n            if (e.key === 'ArrowLeft') changeSlide(-1);\n            if (e.key === 'ArrowRight') changeSlide(1);\n        });\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>News &#038; Gallery &#8211; JJ Music Academy Notice &#038; Facilities NEWS &#038; GALLERY JJ Music Academy\uc758 \uc0c8\ub85c\uc6b4 \uc18c\uc2dd\uacfc \uc74c\uc545\uc744 \uc704\ud55c \ucd5c\uc801\uc758 \uacf5\uac04\uc744 \uc18c\uac1c\ud569\ub2c8\ub2e4. ANNOUNCEMENTS \uacf5\uc9c0\uc0ac\ud56d \ud559\uc6d0\uc758 \uc8fc\uc694 \uc77c\uc815\uacfc \uc0c8\ub85c\uc6b4 \uc18c\uc2dd\uc744 \uac00\uc7a5 \uba3c\uc800 \ud655\uc778\ud558\uc138\uc694. ACADEMY SPACE Facilities Gallery \uac15\uc758\uc2e4 &#038; \ud569\uc8fc\uc2e4 Classroom &#038; Ensemble \uc5f0\uc2b5\uc2e4 Private Practice Rooms ETC. Lounge &#038; Others 1 \/ 1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-543","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=543"}],"version-history":[{"count":151,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/543\/revisions"}],"predecessor-version":[{"id":3591,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/543\/revisions\/3591"}],"wp:attachment":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}