:root{--ink:#111;--text:#444;--muted:#888;--line:#e5e5e5;--beige:#f4f2ee;--point:#ffd400;--max:1200px;--header-h:76px;--font-title:"Noto Sans KR", "Noto Sans", "Nanum Gothic", "Malgun Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{color:var(--text);word-break:keep-all;-webkit-font-smoothing:antialiased;background:#fff;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit}.inner{max-width:var(--max);margin:0 auto;padding:0 24px}.pre{white-space:pre-line}.header{z-index:50;background:#fff;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.header.scrolled{border-color:var(--line)}.header .inner{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;color:var(--ink);font-size:26px;font-weight:300}.logo b{font-weight:800}.gnb{color:var(--ink);gap:36px;font-size:14px;font-weight:600;display:flex}.gnb a:hover{opacity:.6}.menu-btn{background:0 0;border:0;width:40px;height:40px;display:none;position:relative}.menu-btn span,.menu-btn:before,.menu-btn:after{content:"";background:var(--ink);height:2px;transition:all .2s;position:absolute;left:9px;right:9px}.menu-btn:before{top:13px}.menu-btn span{top:19px}.menu-btn:after{top:25px}.menu-btn.open:before{top:19px;transform:rotate(45deg)}.menu-btn.open span{opacity:0}.menu-btn.open:after{top:19px;transform:rotate(-45deg)}.hero{--fs:clamp(40px, 5.2vw, 100px);--pad:clamp(40px, 4vw, 72px);padding:var(--pad) 0 clamp(160px, 16vw, 320px);position:relative;overflow:hidden}.hero-bg{bottom:0;left:0;right:0;top:calc(var(--pad) + var(--fs) * 2.84);background:#2b3a48;position:absolute}.hero-bg img{object-fit:cover;opacity:0;transition:opacity 1.6s ease-in-out}.hero-bg img.on{opacity:1}.hero-text{z-index:1;position:relative}.hero h1{font-size:var(--fs);color:#0e1a17;letter-spacing:-.04em;white-space:nowrap;font-weight:800;line-height:1}.hero h1 span{display:block}.hero .ko{color:#fff;letter-spacing:-.02em;background:#000;margin-top:clamp(28px,3vw,56px);padding:2px 12px;font-size:clamp(18px,1.9vw,36px);font-weight:700;display:inline-block}.hero-sub{text-align:center;background:#f7f8fc;padding:120px 0}.hero-sub .eyebrow{color:#777;letter-spacing:-.03em;font-size:22px}.hero-sub h2{color:#000;letter-spacing:-.05em;margin-top:4px;font-size:40px;font-weight:800;line-height:1.3}.hero-sub .desc{color:#111;letter-spacing:-.03em;margin-top:20px;font-size:22px;font-weight:500;line-height:1.5}.section{padding:120px 0}.section.beige{background:var(--beige)}.sec-title{color:var(--ink);letter-spacing:-1px;margin-bottom:40px;font-size:40px;font-weight:800}.sec-title small{letter-spacing:2px;color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.intro{text-align:center}.intro-title{color:#999;letter-spacing:-.06em;margin-bottom:20px;font-size:44px;font-weight:800}.intro-text{color:#666;letter-spacing:-.03em;font-size:24px;line-height:1.85}.intro-promise{color:#000;letter-spacing:-.05em;margin-top:10px;font-size:26px;font-weight:700}.genres{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;display:grid}.genre{letter-spacing:-.05em;justify-content:center;align-items:center;height:178px;font-size:28px;font-weight:700;display:flex}.genre.g1{color:#fff;background:#a9c031}.genre.g2{color:#fff;background:#000}.genre.g3{color:#000;background:#f1f1f1}.genre.g4{color:#000;background:#f4fc00}.way3{color:#fff;text-align:center;font-family:var(--font-title);background:#2f2421;padding:100px 0}.way3-list{margin:0;padding:0;list-style:none}.way3-list li{letter-spacing:-.04em;font-size:26px;font-weight:700;line-height:1.75}.way3-note{color:#ffffff8c;margin:8px 0 0;font-size:15px}.way3-b2b{margin:36px 0 0;font-size:19px;font-weight:600}.way3-noai{color:#f5d327;margin:40px 0 0;font-size:20px;font-weight:800}.plans{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.plan{border:1px solid var(--line);background:#fff;flex-direction:column;padding:40px 32px;display:flex}.plan h3{color:var(--ink);letter-spacing:1px;font-size:28px;font-weight:800}.plan .price{color:var(--ink);margin-top:8px;font-size:22px;font-weight:700}.plan .price span{color:var(--muted);font-size:15px;font-weight:500}.plan .desc{margin-top:24px;font-size:15px}.plan .warn{color:#d33;margin-top:8px;font-size:13px}.plan .detail{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;font-size:14px}.plan .detail dt{color:var(--ink);margin-bottom:8px;font-weight:700}.plan .btn{margin-top:auto}.btn{background:var(--ink);color:#fff;border:0;justify-content:center;align-items:center;height:52px;padding:0 24px;font-size:16px;font-weight:700;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:default}.btn.line{color:var(--ink);border:1px solid var(--ink);background:#fff}.plan .btn{width:100%;margin-top:32px}.notice-lead{margin-bottom:32px;font-size:17px}.tabs{border-bottom:1px solid var(--ink);scrollbar-width:none;display:flex;overflow:auto hidden}.tabs button{min-width:120px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;margin-bottom:-1px;padding:16px 12px;font-weight:600}.tabs button.on{color:var(--ink);border-color:var(--ink)}.tab-body{white-space:pre-line;min-height:280px;padding:40px 8px;font-size:15px;line-height:1.9}.tab-body h4{color:var(--ink);margin-bottom:16px;font-size:20px}.career{grid-template-columns:1fr 1fr;gap:48px;display:grid}.career h4{color:var(--ink);margin-bottom:16px;font-size:18px}.career ul{font-size:15px;line-height:2;list-style:none}.career .note{color:var(--muted);white-space:pre-line;margin-top:12px;font-size:13px}.portfolio{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.portfolio iframe{border:0;width:100%;height:166px;display:block}.portfolio-more{text-align:center;margin-top:32px}.footer{color:#fff;letter-spacing:-.03em;background:#2f2421;padding:64px 0 72px;font-size:14px}.footer-in{gap:64px;display:flex}.footer-brand{flex:0 0 200px}.footer-logo{letter-spacing:-.5px;padding-left:8px;font-size:30px;font-weight:300}.footer-logo b{font-weight:800}.footer .copy{color:#9a8f8b;margin-top:44px;font-size:13px;line-height:1.5}.footer .links{align-items:center;gap:10px;margin-top:4px;margin-bottom:36px;font-size:15px;font-weight:700;display:flex}.footer .links .bar{background:#fff;width:1px;height:13px}.footer .biz{flex-wrap:wrap;align-items:center;gap:4px 16px;line-height:1.9;display:flex}.footer .biz em{color:#8f8380;margin-right:8px;font-style:normal}.footer .biz-check{color:#333;background:#fff;border-radius:3px;padding:1px 6px;font-size:12px;line-height:1.6}.float-chat{z-index:40;background:var(--ink);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:96px;right:24px;box-shadow:0 6px 20px #0003}.float-chat em{background:var(--point);color:var(--ink);border-radius:10px;margin-top:4px;padding:2px 8px;font-style:normal}.float-top{z-index:40;border:1px solid var(--line);width:48px;height:48px;color:var(--ink);background:#fff;border-radius:50%;font-size:18px;position:fixed;bottom:40px;right:44px}.page{max-width:640px;margin:0 auto;padding:72px 24px 120px}.page h1{color:var(--ink);margin-bottom:32px;font-size:32px;font-weight:800}.summary{border:1px solid var(--ink);margin-bottom:32px;padding:24px}.summary .row{justify-content:space-between;padding:6px 0;display:flex}.summary .total{border-top:1px solid var(--line);color:var(--ink);margin-top:8px;padding-top:14px;font-size:18px;font-weight:800}.plan-pick{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.plan-pick label{border:1px solid var(--line);text-align:center;cursor:pointer;padding:14px 8px;font-size:14px;display:block}.plan-pick label b{color:var(--ink);font-size:16px;display:block}.plan-pick input{display:none}.plan-pick input:checked+label{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.field{margin-bottom:18px}.field label{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input,.field textarea{background:#fff;border:1px solid #ccc;border-radius:0;width:100%;padding:13px 14px;font-size:16px}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:none}.field textarea{resize:vertical;min-height:120px}.agree{align-items:flex-start;gap:8px;margin:24px 0;font-size:14px;display:flex}.agree a{text-decoration:underline}.error{color:#d33;margin-bottom:12px;font-size:14px}.page .btn{width:100%}.result-box{border:1px solid var(--line);margin:24px 0 32px;padding:24px}.result-box .row{justify-content:space-between;gap:16px;padding:6px 0;font-size:15px;display:flex}.result-box .row span:first-child{color:var(--muted)}@media (max-width:1024px){.genres{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}.portfolio{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--header-h:60px}.inner{padding:0 16px}.logo{font-size:22px}.menu-btn{display:block}.gnb{top:var(--header-h);border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:0;display:none;position:absolute;left:0;right:0}.gnb.open{display:flex}.gnb a{border-top:1px solid var(--line);padding:16px;font-size:16px}.hero-sub{padding:64px 0}.hero-sub .eyebrow{font-size:15px}.hero-sub h2{font-size:24px}.hero-sub .desc{margin-top:14px;font-size:15px}.section{padding:72px 0}.sec-title{margin-bottom:28px;font-size:28px}.intro-title{font-size:28px}.intro-text{font-size:15px}.intro-text br{display:none}.intro-promise{font-size:16px}.way3{padding:60px 0}.way3-list li{font-size:17px}.way3-note{font-size:12px}.way3-b2b{margin-top:26px;font-size:14px}.way3-noai{margin-top:28px;font-size:16px}.genres{gap:10px;margin-top:28px}.genre{height:100px;font-size:18px}.plan{padding:28px 22px}.tabs button{flex:none}.tab-body{padding:28px 0;font-size:14px}.career{grid-template-columns:1fr;gap:32px}.portfolio{grid-template-columns:1fr}.float-chat{width:64px;height:64px;font-size:10px;bottom:76px;right:16px}.float-top{width:42px;height:42px;bottom:20px;right:24px}.page{padding:40px 16px 80px}.footer{padding:40px 0 100px;font-size:13px}.footer-in{flex-direction:column;gap:24px}.footer-brand{flex:none}.footer-logo{padding:0;font-size:24px}.footer .copy{margin-top:8px}.footer .links{margin-bottom:16px}.footer .biz{gap:0 12px}.page h1{font-size:26px}}.price-sec{background:#f6f5f1}.price-title{text-align:center;color:#000;margin-bottom:32px}.price-sec .plan{background:#fafafa;border:0}.price-sec .plan h3{font-size:34px}.price-sec .plan .price{font-size:26px}.price-sec .plan .desc{font-size:17px}.price-sec .plan .warn{font-size:15px}.price-sec .plan .detail{font-size:16px}.price-sec .plan .btn{color:#000;background:#f5d327;border-radius:4px;font-size:18px;font-weight:800}@media (max-width:768px){.price-sec .plan h3{font-size:28px}.price-sec .plan .price{font-size:22px}.price-sec .plan .desc{font-size:16px}.price-sec .plan .detail{font-size:15px}}.bgm-sec{color:#fff;text-align:center;letter-spacing:-.04em;background:linear-gradient(#0000009e,#0000009e),url(/section_3/bg_guitar.jpg) 50%/cover fixed;font-size:22px;font-weight:600;line-height:1.55}.bgm-title{letter-spacing:-.06em;color:#fff;margin-bottom:40px;font-size:56px;font-weight:800}.bgm-sec h4{margin:40px 0 28px;font-size:22px;font-weight:600}.bgm-sec h4:first-of-type{margin-top:0}.bgm-sec ul{list-style:none}.bgm-sec ul+ul{margin-top:34px}@media (max-width:768px){.bgm-sec{background-attachment:scroll;font-size:15px}.bgm-title{margin-bottom:28px;font-size:32px}.bgm-sec h4{margin:32px 0 16px;font-size:16px}.bgm-sec ul+ul{margin-top:24px}}.notice-sec{text-align:center;background:#f9f9f9}.notice-sec .price-title{margin-bottom:16px}.notice-sec .notice-lead{color:#d40000}.notice-sec .tabs{border-bottom-color:#ddd}.notice-sec .tabs button{color:#999}.notice-sec .tabs button.on{color:#e8875b;border-color:#e8875b}.notice-sec .tab-body h4{color:#000}.videos{grid-template-columns:repeat(3,1fr);gap:56px 16px;margin-top:64px;display:grid}.video{aspect-ratio:16/9;background:#000;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.video:after{content:"";background:#00000073;transition:background .3s;position:absolute;inset:0}.video .play{z-index:1;opacity:.85;width:64px;height:64px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.video:hover img{transform:scale(1.04)}button.video:hover:after{background:#00000040}button.video:hover .play{opacity:1}.video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}div.video:after{display:none}@media (max-width:1024px){.videos{grid-template-columns:repeat(2,1fr);gap:32px 12px}}@media (max-width:768px){.videos{grid-template-columns:1fr;gap:16px;margin-top:32px}}h1,h2,h3,h4,.hero .ko,.intro-title,.intro-promise,.genre,.bgm-title,.plan .price,.btn{font-family:var(--font-title)}.hero h1,.intro-title,.bgm-title{font-weight:900}.price-sec .plan h3,.price-sec .plan .price,.price-sec .plan .desc,.price-sec .plan .warn{font-family:var(--font-title);font-weight:700}.price-sec .plan h3{font-weight:900}.price-sec .plan .price span{font-size:inherit;font-weight:inherit;color:inherit}.bgm-sec{font-family:var(--font-title)}.notice-sec .notice-lead{font-family:var(--font-title);letter-spacing:-.04em;margin-bottom:40px;font-size:24px;font-weight:500}.notice-sec .notice-lead b{font-weight:800}.notice-sec .tabs button{padding:18px 12px;font-size:18px}.notice-sec .tab-body{padding:56px 8px;font-size:18px}.notice-sec .tab-body h4{letter-spacing:-.04em;margin-bottom:28px;font-size:30px;font-weight:900}@media (max-width:768px){.notice-sec .notice-lead{margin-bottom:28px;font-size:17px}.notice-sec .tabs button{padding:14px 12px;font-size:15px}.notice-sec .tab-body{padding:32px 0;font-size:15px}.notice-sec .tab-body h4{margin-bottom:18px;font-size:22px}}.portfolio-sec{font-family:var(--font-title)}.portfolio-sec .inner{max-width:1520px}.gnb{gap:48px;font-family:inherit;font-size:19px;font-weight:700}.logo{font-size:40px}:root{--header-h:88px}@media (max-width:1200px) and (min-width:769px){.gnb{gap:28px;font-size:16px}.logo{font-size:34px}}@media (max-width:768px){:root{--header-h:64px}.gnb{font-size:18px}.logo{font-size:28px}}.hero-sub h2{font-weight:900}@font-face{font-family:GangwonEduPowerExtraBoldA;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.hero h1{font-family:"GangwonEduPowerExtraBoldA", var(--font-title);-webkit-user-select:none;user-select:none;font-weight:400}.summary-head{justify-content:space-between;align-items:flex-start;display:flex}.summary-head h2{color:#000;font-size:30px;font-weight:900;line-height:1.2}.summary-price{font-family:var(--font-title);color:#000;font-size:24px;font-weight:700}.share-btn{color:#999;background:0 0;border:0;padding:4px;position:relative}.share-btn:hover{color:var(--ink)}.share-tip{white-space:nowrap;background:var(--ink);color:#fff;padding:4px 8px;font-size:12px;position:absolute;top:34px;right:0}.summary-desc{margin-top:16px;font-size:14px}.summary-desc em{color:#d33;font-size:13px;font-style:normal}.summary-detail{border-top:1px solid var(--line);color:var(--muted);gap:12px;margin:14px 0 8px;padding:12px 0;font-size:13px;display:flex}.summary-detail dt{color:var(--ink);flex:none;font-weight:700}.opt-row{border-top:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;display:flex}.opt-label{color:var(--ink);flex:0 0 72px;font-size:14px;font-weight:700}.opt-row select{background:#fff;border:1px solid #ccc;flex:1;min-width:0;padding:10px;font-size:14px}.qty{border:1px solid #ccc;display:flex}.qty button{background:#fff;border:0;width:40px;height:40px;font-size:18px}.qty button:hover{background:#f5f5f5}.qty span{border-left:1px solid #ccc;border-right:1px solid #ccc;justify-content:center;align-items:center;width:48px;display:flex}.summary .opt-row+.row{border-top:1px solid var(--line);margin-top:0;padding-top:14px}@media (max-width:768px){.summary{padding:18px}.summary-head h2{font-size:24px}.summary-price{font-size:20px}.summary-detail{flex-direction:column;gap:4px}.opt-label{flex-basis:60px;font-size:13px}.opt-row select{font-size:13px}}.summary-body{grid-template-rows:1fr;transition:grid-template-rows .35s;display:grid}.summary-body>div{min-height:0;overflow:hidden}.summary.folded .summary-body{grid-template-rows:0fr}.summary.folded .summary-head{margin-bottom:12px}.change-btn{background:#fff;border:1px solid #ccc;margin-left:auto;margin-right:8px;padding:6px 14px;font-size:13px;font-weight:600}.change-btn:hover{border-color:var(--ink)}.info-step{animation:.35s info-in}@keyframes info-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reveal-on [data-reveal]{opacity:0;transform:translateY(40px)}.reveal-on [data-reveal].in{opacity:1;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:none}@media (prefers-reduced-motion:reduce){.reveal-on [data-reveal]{opacity:1;transition:none;transform:none}}.float-chat{width:120px;height:120px;box-shadow:none;background:0 0;border-radius:0;transition:transform .2s;bottom:100px;right:20px}.float-chat:hover{transform:translateY(-4px)}.float-chat img{filter:drop-shadow(0 6px 14px #0000002e);width:100%;height:100%;display:block}.float-top{right:56px}@media (max-width:768px){.float-chat{width:84px;height:84px;bottom:76px;right:10px}.float-top{right:31px}}.test-banner{color:#6b5400;background:#fff4d6;border:1px solid #f5d327;margin-bottom:20px;padding:12px 14px;font-size:14px}.policy{color:#444;font-size:15px;line-height:1.85}.policy h1{margin-bottom:40px}.policy h2{color:var(--ink);border-top:1px solid var(--line);margin:40px 0 12px;padding-top:24px;font-size:19px;font-weight:800}.policy h2:first-of-type{border-top:0;margin-top:0;padding-top:0}.policy p{white-space:pre-line;margin-bottom:12px}@media (max-width:768px){.policy{font-size:14px}.policy h2{font-size:17px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
