Contact – JJ Music Academy<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&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 \/\/ [\uc911\uc694 \uc218\uc815] preflight\ub97c false\ub85c \ud558\uc5ec WP \ud5e4\ub354 \uac04\uc12d \ucc28\ub2e8\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n 'jj-teal': '#17b194',\n 'jj-teal-light': '#2dd4b3',\n 'jj-dark': '#0f1115',\n 'jj-dark-sec': '#161920',\n 'jj-card': '#1e222b',\n },\n fontFamily: {\n sans: ['\"Noto Sans KR\"', 'sans-serif'],\n serif: ['\"Playfair Display\"', 'serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n :root { --jj-teal: #17b194; }\n \n \/* [\uc911\uc694 \uc218\uc815] html \ud0dc\uadf8\uc5d0\uc11c \ubb38\uc81c\ub418\ub294 \uc18d\uc131 \uc81c\uac70 *\/\n html { scroll-behavior: smooth; }\n \n \/* [\uc911\uc694 \uc218\uc815] body \ud0dc\uadf8 \uc9c1\uc811 \ud0c0\uaca9 \uae08\uc9c0 -> \uae30\ubcf8\uac12 \uc720\uc9c0 *\/\n body {\n margin: 0;\n padding: 0;\n \/* overflow-x: hidden \uc81c\uac70\ud568 (\ud5e4\ub354 \uc9e4\ub9bc \ubc29\uc9c0) *\/\n }\n\n \/* [\ucd94\uac00] \ubcf8\ubb38 \uc601\uc5ed\ub9cc \ub530\ub85c \uac10\uc2f8\uc11c \uc2a4\ud0c0\uc77c \uc801\uc6a9 (\ud5e4\ub354 \ubcf4\ud638) *\/\n .jj-content-wrapper {\n background-color: #0f1115;\n color: #f3f4f6;\n font-family: 'Noto Sans KR', sans-serif;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden; \/* \uc5ec\uae30\uc11c\ub9cc \ub118\uce68 \ubc29\uc9c0 *\/\n width: 100%;\n }\n\n \/* Preflight\ub97c \uaed0\uae30 \ub54c\ubb38\uc5d0 \ud544\uc694\ud55c \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc218\ub3d9 \ucd94\uac00 *\/\n .jj-content-wrapper *, .jj-content-wrapper ::before, .jj-content-wrapper ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n }\n\n \/* Scroll Reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 1s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Hero *\/\n .hero-container {\n height: 600px;\n position: relative;\n overflow: hidden;\n background-color: #000;\n }\n .hero-bg {\n background-image: url('https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/43-contact_head.jpg');\n background-size: cover;\n background-position: center;\n width: 100%; height: 100%;\n filter: brightness(0.6) saturate(1.2);\n transform: scale(1.05);\n }\n .hero-gradient {\n background: linear-gradient(180deg, rgba(15,17,21,0) 0%, rgba(15,17,21,0.4) 50%, #0f1115 100%);\n }\n\n \/* Form Customizing *\/\n .jj-contact-form input:not([type=\"submit\"]),\n .jj-contact-form textarea {\n width: 100%; padding: 18px 24px; margin-bottom: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05); \n border-radius: 16px;\n background-color: rgba(30, 34, 43, 0.6); \n color: #fff; font-size: 16px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n backdrop-filter: blur(5px);\n box-sizing: border-box; \/* Preflight \ub054 \ub300\ube44 *\/\n }\n .jj-contact-form input:focus, .jj-contact-form textarea:focus { \n border-color: var(--jj-teal); \n background-color: rgba(30, 34, 43, 0.9); \n box-shadow: 0 0 20px rgba(23, 177, 148, 0.15);\n transform: translateY(-2px);\n }\n \n \/* Submit Button *\/\n .jj-contact-form input[type=\"submit\"] {\n background: transparent; color: var(--jj-teal); border: 1px solid var(--jj-teal);\n padding: 16px 60px; border-radius: 9999px; font-weight: 800;\n font-size: 15px; cursor: pointer; transition: all 0.4s ease;\n text-transform: uppercase; letter-spacing: 0.1em;\n margin-top: 10px;\n appearance: none; \/* iOS \ubc84\ud2bc \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc81c\uac70 *\/\n -webkit-appearance: none;\n }\n .jj-contact-form input[type=\"submit\"]:hover { \n background: var(--jj-teal); color: white; \n box-shadow: 0 10px 25px rgba(23, 177, 148, 0.3);\n transform: translateY(-3px);\n }\n\n \/* Glass Panel *\/\n .glass-panel {\n background: rgba(30, 34, 43, 0.4);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.05);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n\n \/* Back to top *\/\n #back-to-top {\n opacity: 0; visibility: hidden; transition: all 0.4s;\n cursor: pointer;\n }\n #back-to-top.show { opacity: 1; visibility: visible; }\n\n .text-glow { text-shadow: 0 0 15px rgba(23, 177, 148, 0.3); }\n .keep-all { word-break: keep-all; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"jj-content-wrapper antialiased selection:bg-jj-teal selection:text-white\">\n\n <section class=\"hero-container flex items-center justify-center text-center\">\n <div class=\"absolute inset-0 z-0\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-gradient absolute inset-0\"><\/div>\n <\/div>\n \n <div class=\"relative z-10 px-6 max-w-5xl mx-auto pt-20\">\n <div class=\"overflow-hidden mb-4\">\n <h4 class=\"text-jj-teal font-black tracking-[0.5em] uppercase text-xs md:text-sm animate-[fadeInDown_1s_ease-out]\">\n Get In Touch\n <\/h4>\n <\/div>\n \n <h1 class=\"text-6xl md:text-8xl font-black text-white leading-tight mb-8 tracking-tighter animate-[fadeInUp_1s_ease-out_0.3s_forwards] opacity-0\">\n Contact\n <\/h1>\n \n <p class=\"text-gray-300 text-lg md:text-xl font-light tracking-widest animate-[fadeInUp_1s_ease-out_0.6s_forwards] opacity-0\">\n \uc74c\uc545\uc744 \ud5a5\ud55c \uccab \uac78\uc74c, JJ\uac00 \ud568\uaed8\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark relative border-t border-white\/5\">\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-jj-teal\/5 rounded-full blur-[120px] pointer-events-none transform translate-x-1\/4 -translate-y-1\/4\"><\/div>\n\n <div class=\"container mx-auto px-6 max-w-7xl relative z-10\">\n <div class=\"flex flex-col lg:flex-row gap-16 lg:gap-20\">\n \n <div class=\"w-full lg:w-7\/12 reveal\">\n <div class=\"mb-12 border-b border-white\/10 pb-8 flex flex-col md:flex-row md:items-end justify-between gap-4\">\n <div>\n <span class=\"text-jj-teal font-bold text-xs tracking-[0.3em] uppercase block mb-3\">Online Inquiry<\/span>\n <h2 class=\"text-4xl font-bold text-white tracking-tight\">\ubb38\uc758\ud558\uae30<\/h2>\n <\/div>\n <a href=\"https:\/\/ccjjmusic.com\/?page_id=3\" target=\"_blank\" class=\"text-xs text-gray-500 hover:text-jj-teal transition-colors flex items-center group\">\n \uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac\ubc29\uce68 \n <i class=\"fas fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"jj-contact-form\">\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1241-o1\" lang=\"ko-KR\" dir=\"ltr\" data-wpcf7-id=\"1241\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F544#wpcf7-f1241-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\ubb38\uc758 \uc591\uc2dd\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1241\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ko_KR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1241-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"flex_column av_one_half av-zero-column-padding first\">\n\t<p><label>\uc774\ub984<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"flex_column av_one_half av-zero-column-padding\">\n\t<p><label>\uc774\uba54\uc77c<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"flex_column av_one_half av-zero-column-padding first\">\n\t<p><label>\ub0b4\uc6a9<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-5\/12 reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"glass-panel p-8 md:p-12 rounded-[2.5rem] sticky top-32\">\n <h2 class=\"text-2xl font-black text-white mb-10 flex items-center\">\n <span class=\"w-8 h-[2px] bg-jj-teal mr-4\"><\/span>\n Information\n <\/h2>\n \n <div class=\"space-y-12\">\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-map-marker-alt text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Office Address<\/h5>\n <\/div>\n <p class=\"text-gray-200 pl-14 leading-relaxed text-lg font-light keep-all\">\n \uac15\uc6d0\ud2b9\ubcc4\uc790\uce58\ub3c4 \ucd98\ucc9c\uc2dc \ucd98\uc8fc\ub85c 89<br>\n <span class=\"text-gray-500 text-base\">\ud2b8\ub9ac\ud50c\ud0c0\uc6cc \uc624\ud53c\uc2a4\ud154 305-309\ud638<\/span>\n <\/p>\n <\/div>\n\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-envelope text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Email Inquiry<\/h5>\n <\/div>\n <p class=\"text-gray-200 pl-14 text-lg font-light hover:text-jj-teal transition-colors\">ccjjmusic@gmail.com<\/p>\n <\/div>\n\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-phone-alt text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Customer Center<\/h5>\n <\/div>\n <p class=\"text-white pl-14 font-black text-3xl tracking-tighter text-glow transition-all\">033-253-1107<\/p>\n <\/div>\n\n <div class=\"pt-6 border-t border-white\/5\">\n <h5 class=\"text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6\">Social Connect<\/h5>\n <div class=\"flex space-x-3 pl-0\">\n <a href=\"http:\/\/instagram.com\/jj_music_academy\/\" target=\"_blank\" \n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-gradient-to-tr hover:from-yellow-400 hover:via-red-500 hover:to-purple-500 transition-all duration-500 group shadow-xl\">\n <i class=\"fab fa-instagram text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@ccjjmusic\" target=\"_blank\"\n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-red-600 transition-all duration-500 group shadow-xl\">\n <i class=\"fab fa-youtube text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <a href=\"https:\/\/blog.naver.com\/jjmusic1107\" target=\"_blank\"\n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#03C75A] transition-all duration-500 group shadow-xl\">\n <i class=\"fas fa-blog text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <button id=\"back-to-top\" class=\"fixed bottom-10 right-10 z-[100] w-14 h-14 bg-jj-teal text-white rounded-full shadow-[0_10px_30px_rgba(23,177,148,0.3)] flex items-center justify-center hover:bg-white hover:text-jj-teal transition-all duration-300 transform hover:-translate-y-2\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <\/div> <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 reveals.forEach((reveal) => {\n const elementTop = reveal.getBoundingClientRect().top;\n if (elementTop < windowHeight - 100) {\n reveal.classList.add(\"active\");\n }\n });\n };\n window.addEventListener(\"scroll\", revealOnScroll);\n revealOnScroll();\n\n \/\/ 2. Back to Top Logic\n const backToTopBtn = document.getElementById('back-to-top');\n if (backToTopBtn) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 400) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n });\n backToTopBtn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n\n \/\/ 3. Simple Fade Animations\n const styleSheet = document.createElement(\"style\");\n styleSheet.innerText = `\n @keyframes fadeInUp {\n from { opacity: 0; transform: translate3d(0, 30px, 0); }\n to { opacity: 1; transform: translate3d(0, 0, 0); }\n }\n @keyframes fadeInDown {\n from { opacity: 0; transform: translate3d(0, -30px, 0); }\n to { opacity: 1; transform: translate3d(0, 0, 0); }\n }\n `;\n document.head.appendChild(styleSheet);\n });\n<\/script>\n<\/body> \n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact – JJ Music Academy Get In Touch Contact \uc74c\uc545\uc744 \ud5a5\ud55c \uccab \uac78\uc74c, JJ\uac00 \ud568\uaed8\ud569\ub2c8\ub2e4. Online Inquiry \ubb38\uc758\ud558\uae30 \uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac\ubc29\uce68 Information Office Address \uac15\uc6d0\ud2b9\ubcc4\uc790\uce58\ub3c4 \ucd98\ucc9c\uc2dc \ucd98\uc8fc\ub85c 89 \ud2b8\ub9ac\ud50c\ud0c0\uc6cc \uc624\ud53c\uc2a4\ud154 305-309\ud638 Email Inquiry ccjjmusic@gmail.com Customer Center 033-253-1107 Social Connect<\/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-544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544","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=544"}],"version-history":[{"count":82,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":3538,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions\/3538"}],"wp:attachment":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":544,"date":"2025-11-20T10:42:54","date_gmt":"2025-11-20T10:42:54","guid":{"rendered":"http:\/\/localhost:8888\/wordpress1\/contact\/"},"modified":"2026-02-09T02:26:27","modified_gmt":"2026-02-09T02:26:27","slug":"contact","status":"publish","type":"page","link":"https:\/\/ccjjmusic.com\/?page_id=544","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n \n \n Contact – JJ Music Academy<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Playfair+Display:ital,wght@0,400;0,700;1,400&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 \/\/ [\uc911\uc694 \uc218\uc815] preflight\ub97c false\ub85c \ud558\uc5ec WP \ud5e4\ub354 \uac04\uc12d \ucc28\ub2e8\n corePlugins: { preflight: false },\n theme: {\n extend: {\n colors: {\n 'jj-teal': '#17b194',\n 'jj-teal-light': '#2dd4b3',\n 'jj-dark': '#0f1115',\n 'jj-dark-sec': '#161920',\n 'jj-card': '#1e222b',\n },\n fontFamily: {\n sans: ['\"Noto Sans KR\"', 'sans-serif'],\n serif: ['\"Playfair Display\"', 'serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n :root { --jj-teal: #17b194; }\n \n \/* [\uc911\uc694 \uc218\uc815] html \ud0dc\uadf8\uc5d0\uc11c \ubb38\uc81c\ub418\ub294 \uc18d\uc131 \uc81c\uac70 *\/\n html { scroll-behavior: smooth; }\n \n \/* [\uc911\uc694 \uc218\uc815] body \ud0dc\uadf8 \uc9c1\uc811 \ud0c0\uaca9 \uae08\uc9c0 -> \uae30\ubcf8\uac12 \uc720\uc9c0 *\/\n body {\n margin: 0;\n padding: 0;\n \/* overflow-x: hidden \uc81c\uac70\ud568 (\ud5e4\ub354 \uc9e4\ub9bc \ubc29\uc9c0) *\/\n }\n\n \/* [\ucd94\uac00] \ubcf8\ubb38 \uc601\uc5ed\ub9cc \ub530\ub85c \uac10\uc2f8\uc11c \uc2a4\ud0c0\uc77c \uc801\uc6a9 (\ud5e4\ub354 \ubcf4\ud638) *\/\n .jj-content-wrapper {\n background-color: #0f1115;\n color: #f3f4f6;\n font-family: 'Noto Sans KR', sans-serif;\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden; \/* \uc5ec\uae30\uc11c\ub9cc \ub118\uce68 \ubc29\uc9c0 *\/\n width: 100%;\n }\n\n \/* Preflight\ub97c \uaed0\uae30 \ub54c\ubb38\uc5d0 \ud544\uc694\ud55c \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc218\ub3d9 \ucd94\uac00 *\/\n .jj-content-wrapper *, .jj-content-wrapper ::before, .jj-content-wrapper ::after {\n box-sizing: border-box;\n border-width: 0;\n border-style: solid;\n border-color: #e5e7eb;\n }\n\n \/* Scroll Reveal *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 1s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Hero *\/\n .hero-container {\n height: 600px;\n position: relative;\n overflow: hidden;\n background-color: #000;\n }\n .hero-bg {\n background-image: url('https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/43-contact_head.jpg');\n background-size: cover;\n background-position: center;\n width: 100%; height: 100%;\n filter: brightness(0.6) saturate(1.2);\n transform: scale(1.05);\n }\n .hero-gradient {\n background: linear-gradient(180deg, rgba(15,17,21,0) 0%, rgba(15,17,21,0.4) 50%, #0f1115 100%);\n }\n\n \/* Form Customizing *\/\n .jj-contact-form input:not([type=\"submit\"]),\n .jj-contact-form textarea {\n width: 100%; padding: 18px 24px; margin-bottom: 20px;\n border: 1px solid rgba(255, 255, 255, 0.05); \n border-radius: 16px;\n background-color: rgba(30, 34, 43, 0.6); \n color: #fff; font-size: 16px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n backdrop-filter: blur(5px);\n box-sizing: border-box; \/* Preflight \ub054 \ub300\ube44 *\/\n }\n .jj-contact-form input:focus, .jj-contact-form textarea:focus { \n border-color: var(--jj-teal); \n background-color: rgba(30, 34, 43, 0.9); \n box-shadow: 0 0 20px rgba(23, 177, 148, 0.15);\n transform: translateY(-2px);\n }\n \n \/* Submit Button *\/\n .jj-contact-form input[type=\"submit\"] {\n background: transparent; color: var(--jj-teal); border: 1px solid var(--jj-teal);\n padding: 16px 60px; border-radius: 9999px; font-weight: 800;\n font-size: 15px; cursor: pointer; transition: all 0.4s ease;\n text-transform: uppercase; letter-spacing: 0.1em;\n margin-top: 10px;\n appearance: none; \/* iOS \ubc84\ud2bc \uae30\ubcf8 \uc2a4\ud0c0\uc77c \uc81c\uac70 *\/\n -webkit-appearance: none;\n }\n .jj-contact-form input[type=\"submit\"]:hover { \n background: var(--jj-teal); color: white; \n box-shadow: 0 10px 25px rgba(23, 177, 148, 0.3);\n transform: translateY(-3px);\n }\n\n \/* Glass Panel *\/\n .glass-panel {\n background: rgba(30, 34, 43, 0.4);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.05);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n\n \/* Back to top *\/\n #back-to-top {\n opacity: 0; visibility: hidden; transition: all 0.4s;\n cursor: pointer;\n }\n #back-to-top.show { opacity: 1; visibility: visible; }\n\n .text-glow { text-shadow: 0 0 15px rgba(23, 177, 148, 0.3); }\n .keep-all { word-break: keep-all; }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"jj-content-wrapper antialiased selection:bg-jj-teal selection:text-white\">\n\n <section class=\"hero-container flex items-center justify-center text-center\">\n <div class=\"absolute inset-0 z-0\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-gradient absolute inset-0\"><\/div>\n <\/div>\n \n <div class=\"relative z-10 px-6 max-w-5xl mx-auto pt-20\">\n <div class=\"overflow-hidden mb-4\">\n <h4 class=\"text-jj-teal font-black tracking-[0.5em] uppercase text-xs md:text-sm animate-[fadeInDown_1s_ease-out]\">\n Get In Touch\n <\/h4>\n <\/div>\n \n <h1 class=\"text-6xl md:text-8xl font-black text-white leading-tight mb-8 tracking-tighter animate-[fadeInUp_1s_ease-out_0.3s_forwards] opacity-0\">\n Contact\n <\/h1>\n \n <p class=\"text-gray-300 text-lg md:text-xl font-light tracking-widest animate-[fadeInUp_1s_ease-out_0.6s_forwards] opacity-0\">\n \uc74c\uc545\uc744 \ud5a5\ud55c \uccab \uac78\uc74c, JJ\uac00 \ud568\uaed8\ud569\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark relative border-t border-white\/5\">\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-jj-teal\/5 rounded-full blur-[120px] pointer-events-none transform translate-x-1\/4 -translate-y-1\/4\"><\/div>\n\n <div class=\"container mx-auto px-6 max-w-7xl relative z-10\">\n <div class=\"flex flex-col lg:flex-row gap-16 lg:gap-20\">\n \n <div class=\"w-full lg:w-7\/12 reveal\">\n <div class=\"mb-12 border-b border-white\/10 pb-8 flex flex-col md:flex-row md:items-end justify-between gap-4\">\n <div>\n <span class=\"text-jj-teal font-bold text-xs tracking-[0.3em] uppercase block mb-3\">Online Inquiry<\/span>\n <h2 class=\"text-4xl font-bold text-white tracking-tight\">\ubb38\uc758\ud558\uae30<\/h2>\n <\/div>\n <a href=\"https:\/\/ccjjmusic.com\/?page_id=3\" target=\"_blank\" class=\"text-xs text-gray-500 hover:text-jj-teal transition-colors flex items-center group\">\n \uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac\ubc29\uce68 \n <i class=\"fas fa-arrow-right ml-2 transform group-hover:translate-x-1 transition-transform\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"jj-contact-form\">\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1241-o1\" lang=\"ko-KR\" dir=\"ltr\" data-wpcf7-id=\"1241\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F544#wpcf7-f1241-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\ubb38\uc758 \uc591\uc2dd\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1241\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ko_KR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1241-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"flex_column av_one_half av-zero-column-padding first\">\n\t<p><label>\uc774\ub984<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"flex_column av_one_half av-zero-column-padding\">\n\t<p><label>\uc774\uba54\uc77c<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"flex_column av_one_half av-zero-column-padding first\">\n\t<p><label>\ub0b4\uc6a9<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send\" \/>\n<\/p><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"w-full lg:w-5\/12 reveal\" style=\"transition-delay: 0.2s;\">\n <div class=\"glass-panel p-8 md:p-12 rounded-[2.5rem] sticky top-32\">\n <h2 class=\"text-2xl font-black text-white mb-10 flex items-center\">\n <span class=\"w-8 h-[2px] bg-jj-teal mr-4\"><\/span>\n Information\n <\/h2>\n \n <div class=\"space-y-12\">\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-map-marker-alt text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Office Address<\/h5>\n <\/div>\n <p class=\"text-gray-200 pl-14 leading-relaxed text-lg font-light keep-all\">\n \uac15\uc6d0\ud2b9\ubcc4\uc790\uce58\ub3c4 \ucd98\ucc9c\uc2dc \ucd98\uc8fc\ub85c 89<br>\n <span class=\"text-gray-500 text-base\">\ud2b8\ub9ac\ud50c\ud0c0\uc6cc \uc624\ud53c\uc2a4\ud154 305-309\ud638<\/span>\n <\/p>\n <\/div>\n\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-envelope text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Email Inquiry<\/h5>\n <\/div>\n <p class=\"text-gray-200 pl-14 text-lg font-light hover:text-jj-teal transition-colors\">ccjjmusic@gmail.com<\/p>\n <\/div>\n\n <div class=\"group cursor-default\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-10 h-10 rounded-xl bg-jj-teal\/10 flex items-center justify-center mr-4 group-hover:bg-jj-teal group-hover:text-white transition-all duration-300\">\n <i class=\"fas fa-phone-alt text-sm\"><\/i>\n <\/div>\n <h5 class=\"text-xs font-bold text-gray-400 uppercase tracking-widest\">Customer Center<\/h5>\n <\/div>\n <p class=\"text-white pl-14 font-black text-3xl tracking-tighter text-glow transition-all\">033-253-1107<\/p>\n <\/div>\n\n <div class=\"pt-6 border-t border-white\/5\">\n <h5 class=\"text-[10px] font-bold text-gray-500 uppercase tracking-[0.3em] mb-6\">Social Connect<\/h5>\n <div class=\"flex space-x-3 pl-0\">\n <a href=\"http:\/\/instagram.com\/jj_music_academy\/\" target=\"_blank\" \n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-gradient-to-tr hover:from-yellow-400 hover:via-red-500 hover:to-purple-500 transition-all duration-500 group shadow-xl\">\n <i class=\"fab fa-instagram text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@ccjjmusic\" target=\"_blank\"\n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-red-600 transition-all duration-500 group shadow-xl\">\n <i class=\"fab fa-youtube text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <a href=\"https:\/\/blog.naver.com\/jjmusic1107\" target=\"_blank\"\n class=\"w-12 h-12 bg-white\/5 rounded-2xl flex items-center justify-center text-gray-400 hover:text-white hover:bg-[#03C75A] transition-all duration-500 group shadow-xl\">\n <i class=\"fas fa-blog text-xl group-hover:scale-110 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <button id=\"back-to-top\" class=\"fixed bottom-10 right-10 z-[100] w-14 h-14 bg-jj-teal text-white rounded-full shadow-[0_10px_30px_rgba(23,177,148,0.3)] flex items-center justify-center hover:bg-white hover:text-jj-teal transition-all duration-300 transform hover:-translate-y-2\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n <\/div> <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 reveals.forEach((reveal) => {\n const elementTop = reveal.getBoundingClientRect().top;\n if (elementTop < windowHeight - 100) {\n reveal.classList.add(\"active\");\n }\n });\n };\n window.addEventListener(\"scroll\", revealOnScroll);\n revealOnScroll();\n\n \/\/ 2. Back to Top Logic\n const backToTopBtn = document.getElementById('back-to-top');\n if (backToTopBtn) {\n window.addEventListener('scroll', () => {\n if (window.scrollY > 400) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n });\n backToTopBtn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n\n \/\/ 3. Simple Fade Animations\n const styleSheet = document.createElement(\"style\");\n styleSheet.innerText = `\n @keyframes fadeInUp {\n from { opacity: 0; transform: translate3d(0, 30px, 0); }\n to { opacity: 1; transform: translate3d(0, 0, 0); }\n }\n @keyframes fadeInDown {\n from { opacity: 0; transform: translate3d(0, -30px, 0); }\n to { opacity: 1; transform: translate3d(0, 0, 0); }\n }\n `;\n document.head.appendChild(styleSheet);\n });\n<\/script>\n<\/body> \n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact – JJ Music Academy Get In Touch Contact \uc74c\uc545\uc744 \ud5a5\ud55c \uccab \uac78\uc74c, JJ\uac00 \ud568\uaed8\ud569\ub2c8\ub2e4. Online Inquiry \ubb38\uc758\ud558\uae30 \uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac\ubc29\uce68 Information Office Address \uac15\uc6d0\ud2b9\ubcc4\uc790\uce58\ub3c4 \ucd98\ucc9c\uc2dc \ucd98\uc8fc\ub85c 89 \ud2b8\ub9ac\ud50c\ud0c0\uc6cc \uc624\ud53c\uc2a4\ud154 305-309\ud638 Email Inquiry ccjjmusic@gmail.com Customer Center 033-253-1107 Social Connect<\/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-544","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544","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=544"}],"version-history":[{"count":82,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":3538,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/544\/revisions\/3538"}],"wp:attachment":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}