Curriculum – JJ Music Academy<\/title>\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&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 darkMode: 'class',\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 animation: {\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n }\n }\n }\n }\n <\/script>\n\n <style>\n :root { --jj-teal: #17b194; }\n html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }\n body {\n background-color: #0f1115;\n color: #f3f4f6;\n font-family: 'Noto Sans KR', sans-serif !important;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, p, span, a { transform: translateZ(0); }\n\n \/* Scroll Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\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 Section *\/\n .hero-container {\n height: 600px;\n position: relative;\n overflow: hidden;\n }\n .hero-img {\n width: 100%; height: 100%;\n object-fit: cover; object-position: center 20%;\n filter: brightness(0.7) contrast(1.1);\n transform: scale(1.0);\n transition: transform 10s linear;\n }\n .hero-container.loaded .hero-img { transform: scale(1.1); }\n \n .hero-gradient {\n background: linear-gradient(180deg, rgba(15,17,21,0.2) 0%, rgba(15,17,21,0.4) 50%, #0f1115 100%);\n }\n\n \/* Text Effects *\/\n .text-glow { text-shadow: 0 0 20px rgba(23, 177, 148, 0.4); }\n .divider-glow {\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--jj-teal), transparent);\n box-shadow: 0 0 15px var(--jj-teal);\n }\n\n \/* Curriculum Cards Hover Effects *\/\n .curr-card-img-container {\n position: relative;\n overflow: hidden;\n }\n .curr-overlay {\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 0.6s ease;\n pointer-events: none;\n }\n .reveal.group:hover .curr-overlay,\n .reveal.group.is-focused .curr-overlay {\n background-color: rgba(0, 0, 0, 0);\n }\n .curr-card-img {\n transition: transform 0.5s ease;\n }\n .reveal.group:hover .curr-card-img,\n .reveal.group.is-focused .curr-card-img {\n transform: scale(1.05);\n }\n \n \/* Glass Box *\/\n .glass-box {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n transition: all 0.3s ease;\n }\n .glass-box:hover {\n border-color: rgba(23, 177, 148, 0.3);\n background: rgba(23, 177, 148, 0.05);\n }\n\n \/* Process Timeline *\/\n .process-node {\n position: relative;\n z-index: 10;\n transition: all 0.3s ease;\n }\n .process-node:hover { transform: translateY(-5px); }\n .process-line {\n position: absolute;\n top: 2rem;\n left: 0;\n width: 100%;\n height: 2px;\n background: #2d313a;\n z-index: 0;\n }\n @media (max-width: 768px) {\n .process-line { display: none; }\n }\n\n #custom-back-to-top {\n opacity: 0; visibility: hidden; transition: all 0.3s;\n }\n #custom-back-to-top.show {\n opacity: 1; visibility: visible;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans text-slate-200\">\n\n <section class=\"hero-container flex items-center justify-center text-center relative w-full\" id=\"hero\">\n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\uc5d8\ube44\uc2a4-\ud504\ub808\uc2ac\ub9ac.jpg\" class=\"hero-img\" alt=\"Background\">\n <\/div>\n <div class=\"hero-gradient absolute inset-0 z-[1]\"><\/div>\n\n <div class=\"relative z-10 px-1 md:px-6 max-w-5xl mx-auto w-full pt-10\">\n <h4 class=\"text-jj-teal font-extrabold tracking-[0.5em] uppercase mb-4 text-xs md:text-sm animate-[fadeInDown_1s_ease-out_forwards]\">\n Systematic Learning\n <\/h4>\n \n <h1 class=\"text-[14vw] sm:text-5xl md:text-7xl lg:text-8xl font-black text-white leading-none mb-6 drop-shadow-2xl opacity-0 animate-[fadeInUp_1s_ease-out_0.3s_forwards] tracking-tighter md:tracking-normal whitespace-nowrap\">\n CURRICULUM\n <\/h1>\n \n <p class=\"text-slate-200 text-lg md:text-2xl font-light tracking-wide opacity-0 animate-[fadeInUp_1s_ease-out_0.6s_forwards]\">\n Professional Course Step by Step\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark relative overflow-hidden\">\n <div class=\"container mx-auto px-6 text-center max-w-4xl relative z-10 reveal\">\n <i class=\"fas fa-quote-left text-3xl text-jj-teal mb-8 block opacity-50\"><\/i>\n \n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-10 leading-snug break-keep\">\n \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0,<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-jj-teal via-white to-jj-teal text-glow\">\uc74c\uc545\uc744 \uc628\uc804\ud788 \uccb4\ub4dd\ud558\ub294<\/span> \uc131\uc7a5 \uacfc\uc815\n <\/h2>\n \n <div class=\"divider-glow w-24 mx-auto mb-10\"><\/div>\n \n <p class=\"text-gray-400 text-lg leading-relaxed font-light break-keep max-w-2xl mx-auto\">\n \uc774 \ucee4\ub9ac\ud058\ub7fc\uc740 <strong>‘\uc774\ud574 \u2192 \uc5f0\uc8fc \u2192 \uacbd\ud5d8 \u2192 \uc644\uc131’<\/strong>\ud558\ub294 \uad6c\uc870\ub85c \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\n \ub2e8\uc21c\ud55c \uc218\uc5c5 \ub098\uc5f4\uc774 \uc544\ub2cc, <span class=\"text-white\">\uc74c\uc545\uac00\ub85c \uc131\uc7a5\ud558\ub294 \ud558\ub098\uc758 \ud750\ub984<\/span>\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-10 pb-32 bg-jj-dark relative\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-002.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Theory\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 01<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uc774\ub860 \ub808\uc2a8<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc5f0\uc8fc\ub97c \uc774\ud574\ud558\ub294 \ud798\uc744 \uae30\ub985\ub2c8\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uc74c\uc545 \uc774\ub860\uc740 \uc678\uc6b0\ub294 \uacf5\ubd80\uac00 \uc544\ub2c8\ub77c \uc5f0\uc8fc\uc640 \uc18c\ub9ac\ub97c \uc774\ud574\ud558\uae30 \uc704\ud55c \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \ub9ac\ub4ec, \ucf54\ub4dc, \uc2a4\ucf00\uc77c, \uace1 \uad6c\uc870\ub97c \uc2e4\uc81c \uc5f0\uc8fc\uc640 \uc5f0\uacb0\ud574 \ubc30\uc6b0\uba70 \uc774\ud6c4 \ubaa8\ub4e0 \uc218\uc5c5\uc758 \uae30\ubc18\uc774 \ub418\ub294 \uc0ac\uace0\ub825\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uc545\uae30 \ub808\uc2a8\uacfc \ud569\uc8fc \uc218\uc5c5\uc758 \uc774\ud574\ub3c4\ub97c \ub192\uc774\ub294 \ucd9c\ubc1c\uc810\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-003.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Instrument\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 02<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uc545\uae30 \ub808\uc2a8<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc774\ub860\uc774 \uc190\uc73c\ub85c \uc5f0\uacb0\ub418\ub294 \uc21c\uac04”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uac1c\uc778 \ub9de\ucda4 \uc545\uae30 \ub808\uc2a8\uc744 \ud1b5\ud574 \uc790\uc2e0\uc758 \uc545\uae30\uc5d0\uc11c \uc18c\ub9ac\ub97c \uc815\ud655\ud788 \uad6c\ud604\ud558\ub294 \ubc95\uc744 \ubc30\uc6c1\ub2c8\ub2e4. \uae30\ubcf8\uae30, \ud14c\ud06c\ub2c9, \ud45c\ud604\ub825\uae4c\uc9c0 \ub2e8\uacc4\uc801\uc73c\ub85c \uc9c0\ub3c4\ud558\uba70 \uc774\ub860 \uc218\uc5c5\uc5d0\uc11c \ubc30\uc6b4 \ub0b4\uc6a9\uc744 \uc2e4\uc81c \uc5f0\uc8fc\ub85c \uc5f0\uacb0\ud569\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n \ud569\uc8fc\uc640 \ub808\ucf54\ub529\uc744 \uc704\ud55c \uc5f0\uc8fc\uc758 \uc644\uc131\ub3c4 \uac15\ud654 <i class=\"fas fa-check text-jj-teal ml-3\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-005.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Ensemble\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 03<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ud569\uc8fc \uc218\uc5c5<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\ud63c\uc790\uc5d0\uc11c \ud568\uaed8\ub85c”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \ud569\uc8fc\ub294 \uc74c\uc545\uc774 \uc0b4\uc544 \uc6c0\uc9c1\uc774\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4. \ub9ac\ub4ec\uc744 \ub9de\ucd94\uace0, \uc18c\ub9ac\ub97c \ub4e3\uace0, \uc11c\ub85c \ubc18\uc751\ud558\ub294 \uacbd\ud5d8\uc744 \ud1b5\ud574 \ud0c0\uc774\ubc0d\u00b7\ubc38\ub7f0\uc2a4\u00b7\ud300\uc6cc\ud06c\ub97c \ubab8\uc73c\ub85c \uc775\ud788\uac8c \ub429\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uacf5\uc5f0\uacfc \ub808\ucf54\ub529\uc73c\ub85c \uc774\uc5b4\uc9c0\ub294 \uc2e4\uc804 \ud6c8\ub828 \ub2e8\uacc4\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-004.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Recording\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 04<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ub808\ucf54\ub529 \uc218\uc5c5<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\ub098\uc758 \uc5f0\uc8fc\ub97c \uac1d\uad00\uc801\uc73c\ub85c \ub9c8\uc8fc\ud558\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \ub808\ucf54\ub529\uc740 \uac00\uc7a5 \uc815\ud655\ud55c \ud53c\ub4dc\ubc31\uc785\ub2c8\ub2e4. \ub9c8\uc774\ud06c \uc55e\uc5d0\uc11c \uc5f0\uc8fc\ud558\uba70 \ub9ac\ub4ec, \ud1a4, \ud45c\ud604\uc744 \uc2a4\uc2a4\ub85c \uc810\uac80\ud558\uace0 \ubcf4\uc644\ud569\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ub179\uc74c\uc744 \ub118\uc5b4 \uc2e4\ub825 \ud5a5\uc0c1\uc744 \uc704\ud55c \ud559\uc2b5 \ub3c4\uad6c\ub85c \ud65c\uc6a9\ud569\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n \uacf5\uc5f0 \uc644\uc131\ub3c4\uc640 \uc74c\uc545\uc801 \uc790\uac01\ub2a5\ub825 \uc0c1\uc2b9 <i class=\"fas fa-check text-jj-teal ml-3\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-001.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Community\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 05<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ucee4\ubba4\ub2c8\ud2f0 \ud615\uc131<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc74c\uc545\uc73c\ub85c \uc5f0\uacb0\ub418\ub294 \uad00\uacc4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uc218\uc5c5\uc744 \ub118\uc5b4 \ud568\uaed8 \uc131\uc7a5\ud558\ub294 \uc74c\uc545 \ucee4\ubba4\ub2c8\ud2f0\ub97c \uc9c0\ud5a5\ud569\ub2c8\ub2e4. \ud569\uc8fc, \ud504\ub85c\uc81d\ud2b8, \uacf5\uc5f0 \uc900\ube44 \uacfc\uc815\uc744 \ud1b5\ud574 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uad50\ub958\ud558\uace0 \ub3d9\uae30\ubd80\uc5ec\ub97c \uc5bb\uc2b5\ub2c8\ub2e4. \ud63c\uc790\uac00 \uc544\ub2cc \ud568\uaed8\ud558\ub294 \uc74c\uc545 \ud658\uacbd\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uc9c0\uc18d\uc801\uc778 \uc131\uc7a5\uacfc \ubab0\uc785\uc744 \ub3d5\ub294 \ud575\uc2ec \uc694\uc18c\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\uacf5\uc5f0-\uc544\uc774\ucf58.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Stage\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">FINAL CHAPTER<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uacf5\uc5f0 (Performance)<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc74c\uc545\uc774 \ubb34\ub300 \uc704\uc5d0\uc11c \uc644\uc131\ub429\ub2c8\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uacf5\uc5f0\uc740 \ubaa8\ub4e0 \uc218\uc5c5\uc758 \uacb0\uacfc\ubb3c\uc774\uc790 \ubaa9\ud45c\uc785\ub2c8\ub2e4. \ubb34\ub300 \uacbd\ud5d8\uc744 \ud1b5\ud574 \uc5f0\uc8fc \uc2e4\ub825\ubfd0 \uc544\ub2c8\ub77c \uc790\uc2e0\uac10, \uc9d1\uc911\ub825, \ud45c\ud604\ub825\uc744 \uc644\uc131\ud569\ub2c8\ub2e4. \ubc30\uc6b4 \uac83\uc744 \ubcf4\uc5ec\uc8fc\uace0, \ub290\ub07c\uace0, \ub2e4\uc74c \ub2e8\uacc4\ub97c \ud5a5\ud574 \ub098\uc544\uac11\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-white bg-jj-teal\/20 border-jj-teal\/40\">\n \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0 \ud558\ub098\uc758 \ud750\ub984\uc73c\ub85c \uc644\uc131 <i class=\"fas fa-star ml-3 text-jj-teal\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark-sec border-t border-white\/5 relative\">\n <div class=\"container mx-auto px-6 text-center reveal\">\n <h3 class=\"text-2xl font-bold text-white mb-16\">JJ Music Academy Process<\/h3>\n \n <div class=\"relative max-w-5xl mx-auto hidden md:block\">\n <div class=\"process-line\"><\/div>\n \n <div class=\"grid grid-cols-6 gap-4\">\n <div class=\"process-node flex flex-col items-center group cursor-default\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-book text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\uc774\ub860<\/span>\n <\/div>\n \n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.1s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-guitar text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\uac1c\uc778\uc5f0\uc2b5<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.2s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-users text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ud569\uc8fc<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.3s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-microphone-lines text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ub808\ucf54\ub529<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.4s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-comments text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ucee4\ubba4\ub2c8\ud2f0<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.5s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-teal text-white shadow-[0_0_20px_rgba(23,177,148,0.4)] flex items-center justify-center mb-6 transform scale-110 z-10\">\n <i class=\"fas fa-star text-lg animate-pulse\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-jj-teal\">\uacf5\uc5f0 (Stage)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col items-center justify-center gap-2 md:hidden\">\n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\uc774\ub860<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\uc5f0\uc2b5<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ud569\uc8fc<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ub808\ucf54\ub529<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ucee4\ubba4\ub2c8\ud2f0<\/div>\n <i class=\"fas fa-arrow-down text-jj-teal text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-jj-teal text-sm text-white font-bold shadow-[0_0_15px_rgba(23,177,148,0.4)] mt-1\">\uacf5\uc5f0<\/div>\n <\/div>\n\n <p class=\"mt-16 text-gray-400 font-light text-sm\">\n \uc74c\uc545\uc744 \ubc30\uc6b0\ub294 \uc804 \uacfc\uc815\uc744 <span class=\"text-jj-teal font-medium\">\ud558\ub098\uc758 \uc720\uae30\uc801\uc778 \ud750\ub984<\/span>\uc73c\ub85c \uc124\uacc4\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <button id=\"custom-back-to-top\" class=\"fixed bottom-10 right-10 z-[9999] 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 transition-all duration-300 transform hover:-translate-y-2\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \n \/\/ 1. Hero Image Zoom Start\n setTimeout(() => {\n const container = document.getElementById('hero');\n if(container) container.classList.add('loaded');\n }, 100);\n\n \/\/ 2. Scroll Reveal Logic\n const reveals = document.querySelectorAll(\".reveal\");\n\n const revealOnScroll = () => {\n const windowHeight = window.innerHeight;\n const elementVisible = 120;\n\n reveals.forEach((reveal) => {\n const elementTop = reveal.getBoundingClientRect().top;\n if (elementTop < windowHeight - elementVisible) {\n reveal.classList.add(\"active\");\n }\n });\n };\n\n window.addEventListener(\"scroll\", revealOnScroll);\n revealOnScroll(); \n\n \/\/ 3. Back to Top Logic\n const backToTopBtn = document.getElementById('custom-back-to-top');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 400) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n });\n\n if (backToTopBtn) {\n backToTopBtn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n \n \/\/ Tailwind Keyframes setup\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 \/\/ Focus Observer\n const observerOptions = {\n root: null,\n rootMargin: '-20% 0px -20% 0px', \n threshold: 0.6 \n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"is-focused\");\n } else {\n entry.target.classList.remove(\"is-focused\");\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal.group').forEach(card => {\n observer.observe(card);\n });\n });\n<\/script>\n<\/body> \n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Curriculum – JJ Music Academy Systematic Learning CURRICULUM Professional Course Step by Step \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0, \uc74c\uc545\uc744 \uc628\uc804\ud788 \uccb4\ub4dd\ud558\ub294 \uc131\uc7a5 \uacfc\uc815 \uc774 \ucee4\ub9ac\ud058\ub7fc\uc740 ‘\uc774\ud574 \u2192 \uc5f0\uc8fc \u2192 \uacbd\ud5d8 \u2192 \uc644\uc131’\ud558\ub294 \uad6c\uc870\ub85c \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \uc218\uc5c5 \ub098\uc5f4\uc774 \uc544\ub2cc, \uc74c\uc545\uac00\ub85c \uc131\uc7a5\ud558\ub294 \ud558\ub098\uc758 \ud750\ub984\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. CHAPTER 01 \uc774\ub860 \ub808\uc2a8 “\uc5f0\uc8fc\ub97c \uc774\ud574\ud558\ub294 \ud798\uc744 \uae30\ub985\ub2c8\ub2e4” \uc74c\uc545 \uc774\ub860\uc740 \uc678\uc6b0\ub294 \uacf5\ubd80\uac00 \uc544\ub2c8\ub77c \uc5f0\uc8fc\uc640 \uc18c\ub9ac\ub97c […]<\/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-542","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542","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=542"}],"version-history":[{"count":92,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542\/revisions"}],"predecessor-version":[{"id":3594,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542\/revisions\/3594"}],"wp:attachment":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":542,"date":"2025-11-20T10:42:54","date_gmt":"2025-11-20T10:42:54","guid":{"rendered":"http:\/\/localhost:8888\/wordpress1\/services\/"},"modified":"2026-02-09T13:31:37","modified_gmt":"2026-02-09T13:31:37","slug":"services","status":"publish","type":"page","link":"https:\/\/ccjjmusic.com\/?page_id=542","title":{"rendered":"Curriculum"},"content":{"rendered":"\n\n\n\n \n \n Curriculum – JJ Music Academy<\/title>\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&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 darkMode: 'class',\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 animation: {\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n }\n }\n }\n }\n <\/script>\n\n <style>\n :root { --jj-teal: #17b194; }\n html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }\n body {\n background-color: #0f1115;\n color: #f3f4f6;\n font-family: 'Noto Sans KR', sans-serif !important;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n }\n\n h1, h2, h3, h4, p, span, a { transform: translateZ(0); }\n\n \/* Scroll Reveal Animation *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\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 Section *\/\n .hero-container {\n height: 600px;\n position: relative;\n overflow: hidden;\n }\n .hero-img {\n width: 100%; height: 100%;\n object-fit: cover; object-position: center 20%;\n filter: brightness(0.7) contrast(1.1);\n transform: scale(1.0);\n transition: transform 10s linear;\n }\n .hero-container.loaded .hero-img { transform: scale(1.1); }\n \n .hero-gradient {\n background: linear-gradient(180deg, rgba(15,17,21,0.2) 0%, rgba(15,17,21,0.4) 50%, #0f1115 100%);\n }\n\n \/* Text Effects *\/\n .text-glow { text-shadow: 0 0 20px rgba(23, 177, 148, 0.4); }\n .divider-glow {\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--jj-teal), transparent);\n box-shadow: 0 0 15px var(--jj-teal);\n }\n\n \/* Curriculum Cards Hover Effects *\/\n .curr-card-img-container {\n position: relative;\n overflow: hidden;\n }\n .curr-overlay {\n position: absolute;\n inset: 0;\n background-color: rgba(0, 0, 0, 0.4);\n transition: background-color 0.6s ease;\n pointer-events: none;\n }\n .reveal.group:hover .curr-overlay,\n .reveal.group.is-focused .curr-overlay {\n background-color: rgba(0, 0, 0, 0);\n }\n .curr-card-img {\n transition: transform 0.5s ease;\n }\n .reveal.group:hover .curr-card-img,\n .reveal.group.is-focused .curr-card-img {\n transform: scale(1.05);\n }\n \n \/* Glass Box *\/\n .glass-box {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n transition: all 0.3s ease;\n }\n .glass-box:hover {\n border-color: rgba(23, 177, 148, 0.3);\n background: rgba(23, 177, 148, 0.05);\n }\n\n \/* Process Timeline *\/\n .process-node {\n position: relative;\n z-index: 10;\n transition: all 0.3s ease;\n }\n .process-node:hover { transform: translateY(-5px); }\n .process-line {\n position: absolute;\n top: 2rem;\n left: 0;\n width: 100%;\n height: 2px;\n background: #2d313a;\n z-index: 0;\n }\n @media (max-width: 768px) {\n .process-line { display: none; }\n }\n\n #custom-back-to-top {\n opacity: 0; visibility: hidden; transition: all 0.3s;\n }\n #custom-back-to-top.show {\n opacity: 1; visibility: visible;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans text-slate-200\">\n\n <section class=\"hero-container flex items-center justify-center text-center relative w-full\" id=\"hero\">\n <div class=\"absolute inset-0 z-0\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\uc5d8\ube44\uc2a4-\ud504\ub808\uc2ac\ub9ac.jpg\" class=\"hero-img\" alt=\"Background\">\n <\/div>\n <div class=\"hero-gradient absolute inset-0 z-[1]\"><\/div>\n\n <div class=\"relative z-10 px-1 md:px-6 max-w-5xl mx-auto w-full pt-10\">\n <h4 class=\"text-jj-teal font-extrabold tracking-[0.5em] uppercase mb-4 text-xs md:text-sm animate-[fadeInDown_1s_ease-out_forwards]\">\n Systematic Learning\n <\/h4>\n \n <h1 class=\"text-[14vw] sm:text-5xl md:text-7xl lg:text-8xl font-black text-white leading-none mb-6 drop-shadow-2xl opacity-0 animate-[fadeInUp_1s_ease-out_0.3s_forwards] tracking-tighter md:tracking-normal whitespace-nowrap\">\n CURRICULUM\n <\/h1>\n \n <p class=\"text-slate-200 text-lg md:text-2xl font-light tracking-wide opacity-0 animate-[fadeInUp_1s_ease-out_0.6s_forwards]\">\n Professional Course Step by Step\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark relative overflow-hidden\">\n <div class=\"container mx-auto px-6 text-center max-w-4xl relative z-10 reveal\">\n <i class=\"fas fa-quote-left text-3xl text-jj-teal mb-8 block opacity-50\"><\/i>\n \n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-10 leading-snug break-keep\">\n \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0,<br>\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-jj-teal via-white to-jj-teal text-glow\">\uc74c\uc545\uc744 \uc628\uc804\ud788 \uccb4\ub4dd\ud558\ub294<\/span> \uc131\uc7a5 \uacfc\uc815\n <\/h2>\n \n <div class=\"divider-glow w-24 mx-auto mb-10\"><\/div>\n \n <p class=\"text-gray-400 text-lg leading-relaxed font-light break-keep max-w-2xl mx-auto\">\n \uc774 \ucee4\ub9ac\ud058\ub7fc\uc740 <strong>‘\uc774\ud574 \u2192 \uc5f0\uc8fc \u2192 \uacbd\ud5d8 \u2192 \uc644\uc131’<\/strong>\ud558\ub294 \uad6c\uc870\ub85c \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\n \ub2e8\uc21c\ud55c \uc218\uc5c5 \ub098\uc5f4\uc774 \uc544\ub2cc, <span class=\"text-white\">\uc74c\uc545\uac00\ub85c \uc131\uc7a5\ud558\ub294 \ud558\ub098\uc758 \ud750\ub984<\/span>\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <section class=\"py-10 pb-32 bg-jj-dark relative\">\n <div class=\"container mx-auto px-6 max-w-6xl\">\n \n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-002.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Theory\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 01<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uc774\ub860 \ub808\uc2a8<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc5f0\uc8fc\ub97c \uc774\ud574\ud558\ub294 \ud798\uc744 \uae30\ub985\ub2c8\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uc74c\uc545 \uc774\ub860\uc740 \uc678\uc6b0\ub294 \uacf5\ubd80\uac00 \uc544\ub2c8\ub77c \uc5f0\uc8fc\uc640 \uc18c\ub9ac\ub97c \uc774\ud574\ud558\uae30 \uc704\ud55c \uc5b8\uc5b4\uc785\ub2c8\ub2e4. \ub9ac\ub4ec, \ucf54\ub4dc, \uc2a4\ucf00\uc77c, \uace1 \uad6c\uc870\ub97c \uc2e4\uc81c \uc5f0\uc8fc\uc640 \uc5f0\uacb0\ud574 \ubc30\uc6b0\uba70 \uc774\ud6c4 \ubaa8\ub4e0 \uc218\uc5c5\uc758 \uae30\ubc18\uc774 \ub418\ub294 \uc0ac\uace0\ub825\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uc545\uae30 \ub808\uc2a8\uacfc \ud569\uc8fc \uc218\uc5c5\uc758 \uc774\ud574\ub3c4\ub97c \ub192\uc774\ub294 \ucd9c\ubc1c\uc810\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-003.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Instrument\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 02<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uc545\uae30 \ub808\uc2a8<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc774\ub860\uc774 \uc190\uc73c\ub85c \uc5f0\uacb0\ub418\ub294 \uc21c\uac04”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uac1c\uc778 \ub9de\ucda4 \uc545\uae30 \ub808\uc2a8\uc744 \ud1b5\ud574 \uc790\uc2e0\uc758 \uc545\uae30\uc5d0\uc11c \uc18c\ub9ac\ub97c \uc815\ud655\ud788 \uad6c\ud604\ud558\ub294 \ubc95\uc744 \ubc30\uc6c1\ub2c8\ub2e4. \uae30\ubcf8\uae30, \ud14c\ud06c\ub2c9, \ud45c\ud604\ub825\uae4c\uc9c0 \ub2e8\uacc4\uc801\uc73c\ub85c \uc9c0\ub3c4\ud558\uba70 \uc774\ub860 \uc218\uc5c5\uc5d0\uc11c \ubc30\uc6b4 \ub0b4\uc6a9\uc744 \uc2e4\uc81c \uc5f0\uc8fc\ub85c \uc5f0\uacb0\ud569\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n \ud569\uc8fc\uc640 \ub808\ucf54\ub529\uc744 \uc704\ud55c \uc5f0\uc8fc\uc758 \uc644\uc131\ub3c4 \uac15\ud654 <i class=\"fas fa-check text-jj-teal ml-3\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-005.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Ensemble\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 03<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ud569\uc8fc \uc218\uc5c5<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\ud63c\uc790\uc5d0\uc11c \ud568\uaed8\ub85c”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \ud569\uc8fc\ub294 \uc74c\uc545\uc774 \uc0b4\uc544 \uc6c0\uc9c1\uc774\ub294 \uacfc\uc815\uc785\ub2c8\ub2e4. \ub9ac\ub4ec\uc744 \ub9de\ucd94\uace0, \uc18c\ub9ac\ub97c \ub4e3\uace0, \uc11c\ub85c \ubc18\uc751\ud558\ub294 \uacbd\ud5d8\uc744 \ud1b5\ud574 \ud0c0\uc774\ubc0d\u00b7\ubc38\ub7f0\uc2a4\u00b7\ud300\uc6cc\ud06c\ub97c \ubab8\uc73c\ub85c \uc775\ud788\uac8c \ub429\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uacf5\uc5f0\uacfc \ub808\ucf54\ub529\uc73c\ub85c \uc774\uc5b4\uc9c0\ub294 \uc2e4\uc804 \ud6c8\ub828 \ub2e8\uacc4\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-004.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Recording\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 04<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ub808\ucf54\ub529 \uc218\uc5c5<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\ub098\uc758 \uc5f0\uc8fc\ub97c \uac1d\uad00\uc801\uc73c\ub85c \ub9c8\uc8fc\ud558\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \ub808\ucf54\ub529\uc740 \uac00\uc7a5 \uc815\ud655\ud55c \ud53c\ub4dc\ubc31\uc785\ub2c8\ub2e4. \ub9c8\uc774\ud06c \uc55e\uc5d0\uc11c \uc5f0\uc8fc\ud558\uba70 \ub9ac\ub4ec, \ud1a4, \ud45c\ud604\uc744 \uc2a4\uc2a4\ub85c \uc810\uac80\ud558\uace0 \ubcf4\uc644\ud569\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \ub179\uc74c\uc744 \ub118\uc5b4 \uc2e4\ub825 \ud5a5\uc0c1\uc744 \uc704\ud55c \ud559\uc2b5 \ub3c4\uad6c\ub85c \ud65c\uc6a9\ud569\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n \uacf5\uc5f0 \uc644\uc131\ub3c4\uc640 \uc74c\uc545\uc801 \uc790\uac01\ub2a5\ub825 \uc0c1\uc2b9 <i class=\"fas fa-check text-jj-teal ml-3\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row items-center gap-12 mb-24 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/KakaoTalk_Photo_2026-01-22-19-00-17-001.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Community\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">CHAPTER 05<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\ucee4\ubba4\ub2c8\ud2f0 \ud615\uc131<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc74c\uc545\uc73c\ub85c \uc5f0\uacb0\ub418\ub294 \uad00\uacc4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uc218\uc5c5\uc744 \ub118\uc5b4 \ud568\uaed8 \uc131\uc7a5\ud558\ub294 \uc74c\uc545 \ucee4\ubba4\ub2c8\ud2f0\ub97c \uc9c0\ud5a5\ud569\ub2c8\ub2e4. \ud569\uc8fc, \ud504\ub85c\uc81d\ud2b8, \uacf5\uc5f0 \uc900\ube44 \uacfc\uc815\uc744 \ud1b5\ud574 \uc790\uc5f0\uc2a4\ub7fd\uac8c \uad50\ub958\ud558\uace0 \ub3d9\uae30\ubd80\uc5ec\ub97c \uc5bb\uc2b5\ub2c8\ub2e4. \ud63c\uc790\uac00 \uc544\ub2cc \ud568\uaed8\ud558\ub294 \uc74c\uc545 \ud658\uacbd\uc744 \ub9cc\ub4ed\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-gray-200\">\n <i class=\"fas fa-check text-jj-teal mr-3\"><\/i> \uc9c0\uc18d\uc801\uc778 \uc131\uc7a5\uacfc \ubab0\uc785\uc744 \ub3d5\ub294 \ud575\uc2ec \uc694\uc18c\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row-reverse items-center gap-12 reveal group\">\n <div class=\"w-full md:w-1\/2\">\n <div class=\"relative rounded-2xl overflow-hidden shadow-2xl border border-white\/5 aspect-[4\/3]\">\n <img decoding=\"async\" src=\"https:\/\/ccjjmusic.com\/wp-content\/uploads\/2026\/01\/\uacf5\uc5f0-\uc544\uc774\ucf58.png\" class=\"w-full h-full object-cover curr-card-img\" alt=\"Stage\">\n <div class=\"curr-overlay\"><\/div>\n <\/div>\n <\/div>\n <div class=\"w-full md:w-1\/2 md:text-right\">\n <span class=\"text-jj-teal font-bold tracking-[0.2em] text-xs mb-3 block\">FINAL CHAPTER<\/span>\n <h3 class=\"text-4xl font-bold text-white mb-3\">\uacf5\uc5f0 (Performance)<\/h3>\n <p class=\"font-serif italic text-gray-400 text-lg mb-6\">“\uc74c\uc545\uc774 \ubb34\ub300 \uc704\uc5d0\uc11c \uc644\uc131\ub429\ub2c8\ub2e4”<\/p>\n <p class=\"text-gray-400 leading-relaxed mb-8 font-light\">\n \uacf5\uc5f0\uc740 \ubaa8\ub4e0 \uc218\uc5c5\uc758 \uacb0\uacfc\ubb3c\uc774\uc790 \ubaa9\ud45c\uc785\ub2c8\ub2e4. \ubb34\ub300 \uacbd\ud5d8\uc744 \ud1b5\ud574 \uc5f0\uc8fc \uc2e4\ub825\ubfd0 \uc544\ub2c8\ub77c \uc790\uc2e0\uac10, \uc9d1\uc911\ub825, \ud45c\ud604\ub825\uc744 \uc644\uc131\ud569\ub2c8\ub2e4. \ubc30\uc6b4 \uac83\uc744 \ubcf4\uc5ec\uc8fc\uace0, \ub290\ub07c\uace0, \ub2e4\uc74c \ub2e8\uacc4\ub97c \ud5a5\ud574 \ub098\uc544\uac11\ub2c8\ub2e4.\n <\/p>\n <div class=\"glass-box inline-flex items-center px-6 py-4 rounded-xl text-sm text-white bg-jj-teal\/20 border-jj-teal\/40\">\n \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0 \ud558\ub098\uc758 \ud750\ub984\uc73c\ub85c \uc644\uc131 <i class=\"fas fa-star ml-3 text-jj-teal\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <section class=\"py-24 bg-jj-dark-sec border-t border-white\/5 relative\">\n <div class=\"container mx-auto px-6 text-center reveal\">\n <h3 class=\"text-2xl font-bold text-white mb-16\">JJ Music Academy Process<\/h3>\n \n <div class=\"relative max-w-5xl mx-auto hidden md:block\">\n <div class=\"process-line\"><\/div>\n \n <div class=\"grid grid-cols-6 gap-4\">\n <div class=\"process-node flex flex-col items-center group cursor-default\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-book text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\uc774\ub860<\/span>\n <\/div>\n \n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.1s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-guitar text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\uac1c\uc778\uc5f0\uc2b5<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.2s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-users text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ud569\uc8fc<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.3s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-microphone-lines text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ub808\ucf54\ub529<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.4s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-dark border border-white\/10 flex items-center justify-center mb-6 group-hover:border-jj-teal group-hover:shadow-[0_0_15px_rgba(23,177,148,0.3)] transition-all z-10\">\n <i class=\"fas fa-comments text-gray-400 group-hover:text-jj-teal transition-colors\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-gray-300 group-hover:text-white transition-colors\">\ucee4\ubba4\ub2c8\ud2f0<\/span>\n <\/div>\n\n <div class=\"process-node flex flex-col items-center group cursor-default\" style=\"transition-delay: 0.5s\">\n <div class=\"w-16 h-16 rounded-full bg-jj-teal text-white shadow-[0_0_20px_rgba(23,177,148,0.4)] flex items-center justify-center mb-6 transform scale-110 z-10\">\n <i class=\"fas fa-star text-lg animate-pulse\"><\/i>\n <\/div>\n <span class=\"text-sm font-bold text-jj-teal\">\uacf5\uc5f0 (Stage)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"flex flex-col items-center justify-center gap-2 md:hidden\">\n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\uc774\ub860<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\uc5f0\uc2b5<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ud569\uc8fc<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ub808\ucf54\ub529<\/div>\n <i class=\"fas fa-arrow-down text-gray-600 text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-white\/5 border border-white\/10 text-sm text-gray-300 font-medium\">\ucee4\ubba4\ub2c8\ud2f0<\/div>\n <i class=\"fas fa-arrow-down text-jj-teal text-xs py-1\"><\/i>\n \n <div class=\"w-48 py-3 rounded-full bg-jj-teal text-sm text-white font-bold shadow-[0_0_15px_rgba(23,177,148,0.4)] mt-1\">\uacf5\uc5f0<\/div>\n <\/div>\n\n <p class=\"mt-16 text-gray-400 font-light text-sm\">\n \uc74c\uc545\uc744 \ubc30\uc6b0\ub294 \uc804 \uacfc\uc815\uc744 <span class=\"text-jj-teal font-medium\">\ud558\ub098\uc758 \uc720\uae30\uc801\uc778 \ud750\ub984<\/span>\uc73c\ub85c \uc124\uacc4\ud588\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n <\/section>\n\n <button id=\"custom-back-to-top\" class=\"fixed bottom-10 right-10 z-[9999] 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 transition-all duration-300 transform hover:-translate-y-2\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n \n \/\/ 1. Hero Image Zoom Start\n setTimeout(() => {\n const container = document.getElementById('hero');\n if(container) container.classList.add('loaded');\n }, 100);\n\n \/\/ 2. Scroll Reveal Logic\n const reveals = document.querySelectorAll(\".reveal\");\n\n const revealOnScroll = () => {\n const windowHeight = window.innerHeight;\n const elementVisible = 120;\n\n reveals.forEach((reveal) => {\n const elementTop = reveal.getBoundingClientRect().top;\n if (elementTop < windowHeight - elementVisible) {\n reveal.classList.add(\"active\");\n }\n });\n };\n\n window.addEventListener(\"scroll\", revealOnScroll);\n revealOnScroll(); \n\n \/\/ 3. Back to Top Logic\n const backToTopBtn = document.getElementById('custom-back-to-top');\n \n window.addEventListener('scroll', () => {\n if (window.scrollY > 400) {\n backToTopBtn.classList.add('show');\n } else {\n backToTopBtn.classList.remove('show');\n }\n });\n\n if (backToTopBtn) {\n backToTopBtn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n }\n \n \/\/ Tailwind Keyframes setup\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 \/\/ Focus Observer\n const observerOptions = {\n root: null,\n rootMargin: '-20% 0px -20% 0px', \n threshold: 0.6 \n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add(\"is-focused\");\n } else {\n entry.target.classList.remove(\"is-focused\");\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.reveal.group').forEach(card => {\n observer.observe(card);\n });\n });\n<\/script>\n<\/body> \n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Curriculum – JJ Music Academy Systematic Learning CURRICULUM Professional Course Step by Step \uc774\ub860\ubd80\ud130 \ubb34\ub300\uae4c\uc9c0, \uc74c\uc545\uc744 \uc628\uc804\ud788 \uccb4\ub4dd\ud558\ub294 \uc131\uc7a5 \uacfc\uc815 \uc774 \ucee4\ub9ac\ud058\ub7fc\uc740 ‘\uc774\ud574 \u2192 \uc5f0\uc8fc \u2192 \uacbd\ud5d8 \u2192 \uc644\uc131’\ud558\ub294 \uad6c\uc870\ub85c \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub2e8\uc21c\ud55c \uc218\uc5c5 \ub098\uc5f4\uc774 \uc544\ub2cc, \uc74c\uc545\uac00\ub85c \uc131\uc7a5\ud558\ub294 \ud558\ub098\uc758 \ud750\ub984\uc744 \ub9cc\ub4ed\ub2c8\ub2e4. CHAPTER 01 \uc774\ub860 \ub808\uc2a8 “\uc5f0\uc8fc\ub97c \uc774\ud574\ud558\ub294 \ud798\uc744 \uae30\ub985\ub2c8\ub2e4” \uc74c\uc545 \uc774\ub860\uc740 \uc678\uc6b0\ub294 \uacf5\ubd80\uac00 \uc544\ub2c8\ub77c \uc5f0\uc8fc\uc640 \uc18c\ub9ac\ub97c […]<\/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-542","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542","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=542"}],"version-history":[{"count":92,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542\/revisions"}],"predecessor-version":[{"id":3594,"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=\/wp\/v2\/pages\/542\/revisions\/3594"}],"wp:attachment":[{"href":"https:\/\/ccjjmusic.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}