https://cdn.inflearn.com/monolith/courses/_next/static/chunks/pages/package/[id]-f2701946f298ce7b.js

1(self.webpackChunkhostApp_courses=self.webpackChunkhostApp_courses||[]).push([[5394],{28314:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/package/[id]",function(){return a(84522)}])},84522:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return eS},default:function(){return ek}});var r=a(86843),i=a(50482),o=a(71455),n=a(25823),l=a(30875),c=a(63816),d=a(58606),p=a(43537),s=a(53813),f=a(92561),g=a(25639),m=a(80963),h=a(51343),x=a(55945);let u=function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter(e=>!!e).join(" ")};function b(e){let{children:t,delay:a=0,className:i="",style:o}=e,l=(0,n.useRef)(null),[c,d]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e,t;let r=l.current;if(!r)return;let i=!1,o=()=>{i||(i=!0,e=setTimeout(()=>d(!0),a))},n=setTimeout(o,400);try{(t=new IntersectionObserver(e=>{for(let a of e)a.isIntersecting&&t&&(o(),t.unobserve(r))},{threshold:.05,rootMargin:"0px 0px -10% 0px"})).observe(r)}catch{o()}return()=>{clearTimeout(n),e&&clearTimeout(e),t?.disconnect()}},[a]),(0,r.Y)("div",{ref:l,className:u("reveal",c&&"yh-in",i),style:o,children:t})}let v=e=>e.toLocaleString("ko-KR"),y=e=>String(e).padStart(2,"0"),w=e=>void 0===e?" ":`${v(e)}원`,S=e=>void 0===e?" ":`${e}%`,k=[{key:"Java",label:"JAVA"},{key:"Spring",label:"SPRING"},{key:"JPA",label:"JPA"},{key:"DB",label:"DB"}],Y="target";function z(e){let{isAllOwned:t,hasOwned:a,ownedCount:i,nonOwnedCount:o,owned:n,courses:l}=e;return(0,r.Y)("section",{className:u("dark"),children:(0,r.FD)("div",{className:u("container"),children:[(0,r.Y)(b,{children:(0,r.Y)("div",{className:u("section-badge"),children:"CURRICULUM"})}),(0,r.Y)(b,{delay:80,children:(0,r.Y)("h2",{className:u("section-title"),style:{color:"#fff"},children:"패스, 이렇게 따라가면 됩니다."})}),(0,r.Y)(b,{delay:140,children:(0,r.FD)("p",{className:u("section-sub"),children:["최적의 커리어를 위해 김영한이 직접 설계한",(0,r.Y)("br",{}),"23개의 강의, 4개의 로드맵"]})}),(0,r.Y)(b,{children:(0,r.Y)("div",{className:u("inst-split-inner"),style:{marginBottom:40},children:(0,r.Y)("div",{className:u("inst-split-video"),children:(0,r.Y)("iframe",{src:"https://www.youtube.com/embed/8hsFZg-i6wo",title:"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})})}),(0,r.Y)(b,{delay:180,children:(0,r.FD)("div",{id:Y,className:u("curr-panel"),children:[(0,r.FD)("div",{className:u("curr-panel-header"),children:[(0,r.Y)("div",{style:{display:"flex",alignItems:"baseline",gap:10},children:(0,r.Y)("span",{className:u("curr-panel-cat"),children:"전체 커리큘럼"})}),!t&&(0,r.FD)("div",{style:{display:"flex",gap:8},children:[a&&(0,r.FD)("span",{className:u("curr-item-owned-badge"),children:["✓ 보유 ",i,"개"]}),(0,r.FD)("span",{style:{fontFamily:"var(--font-mono)",fontSize:13,fontWeight:700,color:"var(--primary)",background:"rgba(255,107,53,0.15)",borderRadius:999,padding:"4px 12px",letterSpacing:"0.02em",lineHeight:"normal",display:"inline-flex",alignItems:"center"},children:["미보유 ",o,"개"]})]})]}),k.map((e,a)=>{let i=l.filter(t=>t.cat===e.key);return(0,r.FD)("div",{style:{padding:"20px 24px",borderBottom:a<k.length-1?"1px solid rgba(255,255,255,0.05)":"none"},children:[(0,r.Y)("div",{style:{fontFamily:"var(--font-mono)",fontSize:16,fontWeight:700,letterSpacing:"0.08em",color:"var(--primary)",marginBottom:14},children:e.label}),(0,r.Y)("div",{className:u("curr-card-grid"),children:i.map(e=>{let a=n.has(e.id)&&!t;return e.upcoming?(0,r.FD)("div",{className:u("curr-card-upcoming"),style:{background:"rgba(255,255,255,0.07)",border:"1px solid rgba(255,255,255,0.09)",borderRadius:12,padding:"16px",display:"flex",flexDirection:"column",gap:0},children:[(0,r.FD)("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[(0,r.Y)("div",{style:{color:"#fff",fontWeight:700,fontSize:15,lineHeight:1.3},children:e.title}),(0,r.FD)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,r.Y)("span",{className:u("curr-card-badge curr-card-badge--new"),children:"2026년 7월 내 출시 예정"}),(0,r.FD)("span",{style:{color:"rgba(255,255,255,0.3)",fontSize:13,textDecoration:"line-through"},children:[v(e.price),"원"]})]})]}),(0,r.Y)("div",{style:{height:1,background:"rgba(255,255,255,0.08)",margin:"14px 0"}}),(0,r.FD)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,r.FD)("div",{style:{fontSize:12,color:"rgba(255,255,255,0.45)"},children:["패스 구매 시",(0,r.Y)("br",{}),(0,r.Y)("span",{style:{fontSize:11,color:"rgba(255,255,255,0.3)"},children:"출시 후 자동 제공"})]}),(0,r.Y)("div",{style:{fontSize:32,fontWeight:900,color:"var(--primary)",lineHeight:1,fontFamily:"var(--font-sans)"},children:"0원"})]})]},e.id):(0,r.FD)("div",{className:u("curr-card",!t&&(a&&!e.free||e.free)&&"curr-card--owned"),style:t?{minHeight:"unset"}:{},children:[(0,r.Y)("div",{className:u("curr-card-title"),style:t?{minHeight:"unset"}:{},children:e.title}),!t&&(0,r.FD)("div",{className:u("curr-card-price-row"),children:[!e.free&&(0,r.FD)("span",{className:u("curr-card-price"),children:[v(e.price),"원"]}),e.free&&(0,r.Y)("span",{className:u("curr-card-badge curr-card-badge--owned"),children:"무료"}),a&&!e.free&&(0,r.Y)("span",{className:u("curr-card-badge curr-card-badge--owned"),children:"✓ 보유"})]}),e.rating&&(0,r.FD)("div",{className:u("curr-card-meta"),style:{marginTop:"auto",paddingTop:t?0:8},children:[(0,r.FD)("span",{children:[(0,r.Y)("span",{style:{color:"var(--primary)"},children:"★"})," ",e.rating,(0,r.FD)("span",{children:[" (",e.reviews,")"]})]}),(0,r.Y)("span",{style:{color:"rgba(255,255,255,0.25)"},children:"\xb7"}),(0,r.FD)("span",{children:[e.students,"명 수강"]})]})]},e.id)})})]},e.key)})]})})]})})}let F=[{q:"이미 보유한 강의는 어떻게 제외되나요?",a:"구매 시점에 보유 강의를 자동으로 감지하여 결제 금액에서 자동 차감됩니다."},{q:"할부로 결제할 수 있나요?",a:"신용카드 5개월 무이자 할부가 가능합니다."},{q:"환불 정책이 어떻게 되나요?",a:"수강 시작 전에는 전액 환불이 가능합니다. 단, 어느 한 강의라도 진도율이 7%를 넘으면 환불이 불가하며 부분 환불은 지원하지 않습니다. 결제 전에 신중하게 결정해주세요."},{q:"강의가 리뉴얼되면 추가 비용이 드나요?",a:"패스 구매자는 포함 강의의 신규 리뉴얼판

1을 무료로 제공받습니다."},{q:"수강 기간이 따로 있나요?",a:"패스에 포함된 모든 강의는 무제한 반복 수강이 가능합니다. 본인의 페이스에 맞춰 학습할 수 있습니다."},{q:"신규 강의 1개는 언제 추가되나요?",a:"신규 강의는 2026년 7월 내 출시 예정이며, 패스 구매자분들은 별도 결제 없이 자동으로 수강권한이 부여됩니다."}];function D(){let{onQuestionOpen:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},[t,a]=(0,n.useState)(-1);return(0,r.Y)("section",{className:u("light"),id:"faq",children:(0,r.FD)("div",{className:u("container"),children:[(0,r.Y)(b,{children:(0,r.Y)("div",{className:u("section-badge"),children:"FAQ"})}),(0,r.Y)(b,{delay:80,children:(0,r.Y)("h2",{className:u("section-title"),children:"자주 묻는 질문"})}),(0,r.Y)(b,{delay:140,children:(0,r.Y)("p",{className:u("section-sub"),children:"아래 답변으로도 부족하다면, 고객센터로 문의해주세요."})}),(0,r.Y)("div",{className:u("faq-list"),children:F.map((i,o)=>(0,r.FD)(b,{delay:40*o,className:u("faq-item",t===o&&"open"),children:[(0,r.FD)("button",{type:"button",className:u("faq-q"),onClick:()=>{let r=t!==o;a(r?o:-1),r&&e?.(i.q)},children:[(0,r.Y)("span",{children:i.q}),(0,r.Y)("span",{className:u("ic"),children:"+"})]}),(0,r.Y)("div",{className:u("faq-a"),children:(0,r.Y)("p",{children:i.a})})]},i.q))})]})})}let N=e=>String(e).padStart(3,"0");function C(e){let{target:t}=e,a=t?.getTime(),[i,o]=(0,n.useState)(()=>a??0);(0,n.useEffect)(()=>{o(Date.now());let e=setInterval(()=>o(Date.now()),31);return()=>clearInterval(e)},[]);let l=void 0===a?0:Math.max(0,a-i),c=Math.floor(l/864e5),d=Math.floor(l%864e5/36e5),p=Math.floor(l%36e5/6e4),s=Math.floor(l%6e4/1e3),f=0===c;return(0,r.Y)("div",{className:u("fcta-countdown"),children:f?(0,r.FD)(r.FK,{children:[(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(d)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"HOURS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(p)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"MINS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(s)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"SECS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:N(l%1e3)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"MS"})]})]}):(0,r.FD)(r.FK,{children:[(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(c)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"DAYS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(d)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"HOURS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(p)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"MINS"})]}),(0,r.Y)("div",{className:u("fcta-cd-sep"),children:":"}),(0,r.FD)("div",{className:u("fcta-cd-cell"),children:[(0,r.Y)("div",{className:u("fcta-cd-num"),children:y(s)}),(0,r.Y)("div",{className:u("fcta-cd-lab"),children:"SECS"})]})]})})}function W(e){let{isAllOwned:t,isPurchased:a,isClosed:i,countdown:o,visible:n,motion:l,onCtaClick:c}=e,d=R({isPurchased:a,isClosed:i,isAllOwned:t});return(0,r.Y)("div",{className:`sticky-cta-bar ${n?"show":""} ${l?"sticky-cta-motion":null}`,"data-testid":"sticky-cta",children:(0,r.FD)("div",{className:"sticky-cta-inner",style:a?{justifyContent:"center",padding:"8px 12px"}:void 0,children:[!a&&(0,r.FD)("div",{className:"sticky-left",children:[(0,r.Y)("span",{className:"sticky-deadline-label",children:"마감까지"}),(0,r.Y)("span",{className:"sticky-timer mono",children:`${o.d}일 ${y(o.h)}:${y(o.m)}:${y(o.s)}`})]}),(0,r.Y)("button",{type:"button",className:`btn btn-primary sticky-btn ${i?"cta-btn--disabled":""}`,onClick:i?void 0:c,"data-testid":"sticky-cta-btn",style:a?{background:"#fff",color:"#0B1020",boxShadow:"none"}:void 0,children:d})]})})}let R=e=>{let{isPurchased:t,isClosed:a,isAllOwned:r}=e;return t?"구매 완료! 학습하러 가기 →":a?"마감된 이벤트입니다.":r?"무료로 패스 시작하고 신규 강의 받기 →":"김영한 백엔드 마스터 패스 시작하기 →"};function T(e){let{isAllOwned:t,isPurchased:a,isClosed:i,onClick:o}=e,n=R({isPurchased:a,isClosed:i,isAllOwned:t});return(0,r.Y)("button",{type:"button",className:`fcta-btn ${i?"cta-btn--disabled":""} `,onClick:i?void 0:o,"data-testid":"final-cta-btn",style:a?{background:"#fff",color:"#0B1020",boxShadow:"none",marginTop:12}:{marginTop:12},children:n})}function B(e){let{visible:t,tiers:a=[],onDetailOpen:i}

1=e,[o,l]=(0,n.useState)(!1);return t?(0,r.FD)("div",{className:"fcta-promo","data-testid":"final-cta-promo",children:[(0,r.Y)("div",{className:"fcta-promo-header",children:(0,r.Y)("span",{className:"fcta-promo-brand",children:"토스페이 결제 혜택"})}),(0,r.FD)("ul",{className:"fcta-promo-list",children:[(0,r.FD)("li",{className:"fcta-promo-li--clickable",onClick:()=>{l(e=>{let t=!e;return t&&i?.(),t})},children:[(0,r.Y)("span",{className:"fcta-promo-check",children:"✓"}),(0,r.FD)("span",{children:["인프페이로 결제 시 ",(0,r.Y)("b",{children:"최대 5,000원 즉시할인"})]}),(0,r.FD)("span",{className:`fcta-tier-arrow${o?" open":""}`,children:["상세보기",(0,r.Y)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",style:{marginLeft:4,transition:"transform 0.2s",transform:o?"rotate(180deg)":"rotate(0deg)"},children:(0,r.Y)("path",{d:"M2 4L6 8L10 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]}),o&&(0,r.Y)("ul",{className:"fcta-detail-list",children:a.map(e=>(0,r.FD)("li",{children:[(0,r.Y)("span",{children:e.range}),(0,r.Y)("span",{children:e.amount})]},e.range))}),(0,r.FD)("li",{children:[(0,r.Y)("span",{className:"fcta-promo-check",children:"✓"}),"무이자 할부 지원"," ",(0,r.Y)("span",{className:"fcta-promo-muted",children:"(기간/카드사별 상이)"})]})]})]}):null}let I=[{lab:"누적 수강생",val:"59",sub:"만+",desc:"김영한 강의 누적 수강생"},{lab:"평균 평점",val:"5.0",sub:"/5",desc:"평균 평점 (4만+ 건)"},{lab:"포함 강의",val:"22+1",sub:"개",desc:"Java\xb7Spring\xb7JPA\xb7DB 전체 + 신규강의"},{lab:"커리어 범위",val:"입문",sub:" → 시니어",desc:"4단계 로드맵",text:!0}];

1function A(e){let{countdown:t,ctaLabel:a,ownedCount:i,finalPrice:o,discountPct:l,onTicketClick:c,isPurchased:d,isClosed:p}=e,s=(0,n.useRef)(null);return(0,r.FD)("section",{className:u("hero"),children:[(0,r.FD)("div",{className:u("container hero-center"),children:[(0,r.Y)(b,{delay:60,children:(0,r.Y)("p",{className:u("hero-sub-copy"),children:"평생의 백엔드 커리어를 위한 단 한 번의 선택"})}),(0,r.Y)(b,{delay:100,children:(0,r.FD)("h1",{className:u("hero-display-title"),children:["어차피,",(0,r.Y)("br",{}),"백엔드는",(0,r.Y)("br",{}),(0,r.Y)("span",{style:{color:"var(--primary)"},children:"김영한"})]})}),(0,r.Y)(b,{delay:200,children:(0,r.Y)("div",{className:u("hero-ticket-wrap"),children:(0,r.FD)("div",{className:u("hero-ticket"),ref:s,onMouseMove:e=>{let t=s.current;if(!t)return;let a=t.getBoundingClientRect(),r=(e.clientX-a.left)/a.width-.5,i=(e.clientY-a.top)/a.height-.5,o=18*r,n=-(10*i);t.style.transform=`perspective(800px) rotateX(${n}deg) rotateY(${o}deg) scale3d(1.03,1.03,1.03)`,t.style.boxShadow=`${-(1.5*o)}px ${1.5*n}px 40px rgba(0,0,0,0.4), 0 20px 80px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.22)`},onMouseLeave:()=>{let e=s.current;e&&(e.style.transform="perspective(800px) rotateX(0deg) rotateY(0deg) scale3d(1,1,1)",e.style.boxShadow="")},style:{transition:"transform 0.15s ease, box-shadow 0.15s ease"},children:[(0,r.Y)("div",{className:u("ticket-notch ticket-notch-l")}),(0,r.Y)("div",{className:u("ticket-notch ticket-notch-r")}),(0,r.FD)("div",{className:u("ticket-body"),children:[(0,r.Y)("div",{className:u(`ticket-countdown ${p?"ticket-countdown--closed":""}`),children:p?"마감되었습니다":`${t.d}일 ${y(t.h)}:${y(t.m)}:${y(t.s)} 후 마감`}),(0,r.Y)("div",{className:u("ticket-name"),style:{fontFamily:"var(--font-display, sans-serif)"},children:"BACKEND MASTER PASS"}),(0,r.FD)("div",{className:u("ticket-meta-row"),children:[(0,r.FD)("div",{className:u("ticket-meta-item"),children:[(0,r.Y)("span",{className:u("tstat-val"),children:"22+1"}),(0,r.Y)("span",{className:u("tstat-label"),children:"강의"})]}),(0,r.Y)("div",{className:u("ticket-meta-sep")}),(0,r.FD)("div",{className:u("ticket-meta-item"),children:[(0,r.Y)("span",{className:u("tstat-val"),children:"∞"}),(0,r.Y)("span",{className:u("tstat-label"),children:"무제한 반복 수강"})]})]})]}),(0,r.FD)("div",{className:u(`ticket-footer ticket-footer-cta ${d?"purchased":""} ${p&&!d?"ticket-btn--disabled":""}`),onClick:c,children:[0===i&&void 0!==o&&o>0&&(0,r.Y)("span",{className:u("ticket-cta-badge"),children:S(l)}),(0,r.Y)("span",{className:u("ticket-cta-text"),children:a})]})]})})})]}),(0,r.Y)("div",{className:u("container"),children:(0,r.Y)(b,{delay:280,children:(0,r.Y)("div",{className:u("hero-stats"),children:I.map(e=>(0,r.FD)("div",{className:u("hero-stat-item"),children:[(0,r.Y)("div",{className:u("hsi-lab"),children:e.lab}),(0,r.FD)("div",{className:u("hsi-val","text"in e&&e.text&&"hsi-val-text"),style:"text"in e&&e.text?void 0:{fontFamily:"var(--font-display, sans-serif)",color:"var(--primary)"},children:[e.val,(0,r.Y)("span",{className:u("hsi-sub"),children:e.sub})]}),(0,r.Y)("div",{className:u("hsi-desc"),children:e.desc})]},e.lab))})})})]})}let P={1:function(){return(0,r.FD)("svg",{className:u("character-svg"),viewBox:"-10 -8 84 84",xmlns:"http://www.w3.org/2000/svg",shapeRendering:"crispEdges",role:"img","aria-label":"새싹",children:[(0,r.Y)("rect",{x:"22",y:"38",width:"20",height:"12",fill:"#5a3f2a"}),(0,r.Y)("rect",{x:"22",y:"38",width:"20",height:"2",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"20",y:"36",width:"24",height:"3",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"24",y:"36",width:"16",height:"2",fill:"#3a2010"}),(0,r.Y)("rect",{x:"31",y:"18",width:"2",height:"20",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"22",y:"22",width:"9",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"24",y:"20",width:"6",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"20",y:"24",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"33",y:"16",width:"9",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"34",y:"14",width:"6",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"42",y:"18",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"30",y:"16",width:"4",height:"2",fill:"#5fcf7a"})]})},2:function(){return(0,r.FD)("svg",{className:u("character-svg"),viewBox:"-10 -6 84 84",xmlns:"http://www.w3.org/2000/svg",shapeRendering:"crispEdges",role:"img","aria-label":"어린 식물",children:[(0,r.Y)("rect",{x:"22",y:"44",width:"20",height:"12",fill:"#5a3f2a"}),(0,r.Y)("rect",{x:"22",y:"44",width:"20",height:"2",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"20",y:"42",width:"24",height:"3",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"24",y:"42",width:"16",height:"2",fill:"#3a2010"}),(0,r.Y)("rect",{x:"31",y:"12",width:"2",height:"32",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"20",y:"32",width:"11",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"22",y:"30",width:"7",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"18",y:"34",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"33",y:"26",width:"11",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"34",y:"24",width:"7",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"44",y:"28",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"20",y:"22",width:"11",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"22",y:"20",width:"7",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"18",y:"24",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"33",y:"16",width:"11",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"34",y:"14",width:"7",height:"2",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"44",y:"18",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"29",y:"8",width:"6",height:"4",fill:"#5fcf7a"}

1),(0,r.Y)("rect",{x:"30",y:"6",width:"4",height:"2",fill:"#8fe89a"})]})},3:function(){return(0,r.FD)("svg",{className:u("character-svg"),viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg",shapeRendering:"crispEdges",role:"img","aria-label":"동그란 나무 두 그루",children:[(0,r.Y)("rect",{x:"19",y:"46",width:"5",height:"12",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"20",y:"46",width:"3",height:"12",fill:"#9a7a5a"}),(0,r.Y)("rect",{x:"16",y:"10",width:"10",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"11",y:"14",width:"20",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"7",y:"18",width:"28",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"5",y:"22",width:"32",height:"6",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"4",y:"28",width:"34",height:"6",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"5",y:"34",width:"32",height:"6",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"7",y:"40",width:"28",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"11",y:"44",width:"20",height:"3",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"13",y:"14",width:"8",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"9",y:"18",width:"10",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"7",y:"22",width:"10",height:"6",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"6",y:"28",width:"8",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"16",y:"10",width:"4",height:"4",fill:"#8fe89a"}),(0,r.Y)("rect",{x:"47",y:"48",width:"3",height:"8",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"48",y:"48",width:"1",height:"8",fill:"#9a7a5a"}),(0,r.Y)("rect",{x:"45",y:"30",width:"6",height:"3",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"42",y:"33",width:"12",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"40",y:"37",width:"16",height:"5",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"42",y:"42",width:"12",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"45",y:"46",width:"6",height:"2",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"44",y:"33",width:"4",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"42",y:"37",width:"5",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"31",y:"54",width:"2",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"29",y:"52",width:"6",height:"2",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"28",y:"54",width:"2",height:"2",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"35",y:"54",width:"2",height:"2",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"31",y:"52",width:"2",height:"2",fill:"#ffcc44"}),(0,r.Y)("rect",{x:"37",y:"57",width:"2",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"36",y:"55",width:"4",height:"2",fill:"#ffaa44"}),(0,r.Y)("rect",{x:"37",y:"55",width:"2",height:"2",fill:"#ffdd66"})]})},4:function(){return(0,r.FD)("svg",{className:u("character-svg"),viewBox:"0 0 64 64",xmlns:"http://www.w3.org/2000/svg",shapeRendering:"crispEdges",role:"img","aria-label":"울창한 숲",children:[(0,r.Y)("rect",{x:"8",y:"4",width:"4",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"6",y:"8",width:"8",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"5",y:"12",width:"10",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"5",y:"16",width:"10",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"6",y:"20",width:"8",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"8",y:"24",width:"4",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"9",y:"28",width:"2",height:"16",fill:"#3a2010"}),(0,r.Y)("rect",{x:"52",y:"6",width:"4",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"50",y:"10",width:"8",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"49",y:"14",width:"10",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"49",y:"18",width:"10",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"50",y:"22",width:"8",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"52",y:"26",width:"4",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"53",y:"30",width:"2",height:"16",fill:"#3a2010"}),(0,r.Y)("rect",{x:"14",y:"8",width:"6",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"11",y:"12",width:"12",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"9",y:"16",width:"16",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"8",y:"20",width:"18",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"9",y:"24",width:"16",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"11",y:"28",width:"12",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"14",y:"32",width:"6",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"16",y:"36",width:"3",height:"18",fill:"#5a3a20"}),(0,r.Y)("rect",{x:"30",y:"2",width:"4",height:"4",fill:"#256e3a"}

1),(0,r.Y)("rect",{x:"27",y:"6",width:"10",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"24",y:"10",width:"16",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"22",y:"14",width:"20",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"22",y:"18",width:"20",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"24",y:"22",width:"16",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"27",y:"26",width:"10",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"30",y:"30",width:"4",height:"4",fill:"#256e3a"}),(0,r.Y)("rect",{x:"30",y:"34",width:"4",height:"20",fill:"#5a3a20"}),(0,r.Y)("rect",{x:"31",y:"34",width:"2",height:"20",fill:"#6a4a28"}),(0,r.Y)("rect",{x:"44",y:"10",width:"6",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"41",y:"14",width:"12",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"39",y:"18",width:"16",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"38",y:"22",width:"18",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"39",y:"26",width:"16",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"41",y:"30",width:"12",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"44",y:"34",width:"6",height:"4",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"46",y:"38",width:"3",height:"16",fill:"#5a3a20"}),(0,r.Y)("rect",{x:"10",y:"20",width:"6",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"7",y:"24",width:"12",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"5",y:"28",width:"16",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"4",y:"32",width:"18",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"4",y:"36",width:"18",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"5",y:"40",width:"16",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"7",y:"44",width:"12",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"10",y:"48",width:"6",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"12",y:"24",width:"4",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"9",y:"28",width:"5",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"6",y:"32",width:"5",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"6",y:"36",width:"4",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"12",y:"20",width:"2",height:"4",fill:"#8fe89a"}),(0,r.Y)("rect",{x:"11",y:"52",width:"4",height:"10",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"12",y:"52",width:"2",height:"10",fill:"#9a7a5a"}),(0,r.Y)("rect",{x:"48",y:"22",width:"6",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"45",y:"26",width:"12",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"43",y:"30",width:"16",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"42",y:"34",width:"18",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"42",y:"38",width:"18",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"43",y:"42",width:"16",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"45",y:"46",width:"12",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"48",y:"50",width:"6",height:"4",fill:"#2d8a4a"}),(0,r.Y)("rect",{x:"50",y:"26",width:"4",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"47",y:"30",width:"5",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"50",y:"22",width:"2",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"50",y:"54",width:"4",height:"8",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"51",y:"54",width:"2",height:"8",fill:"#9a7a5a"}),(0,r.Y)("rect",{x:"29",y:"12",width:"6",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"26",y:"16",width:"12",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"24",y:"20",width:"16",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"23",y:"24",width:"18",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"23",y:"28",width:"18",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"24",y:"32",width:"16",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"26",y:"36",width:"12",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"29",y:"40",width:"6",height:"4",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"31",y:"16",width:"4",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"28",y:"20",width:"5",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"27",y:"24",width:"5",height:"4",fill:"#5fcf7a"}),(0,r.Y)("rect",{x:"31",y:"12",width:"2",height:"4",fill:"#8fe89a"}),(0,r.Y)("rect",{x:"30",y:"44",width:"4",height:"12",fill:"#7a5a3a"}),(0,r.Y)("rect",{x:"31",y:"44",width:"2",height:"12",fill:"#9a7a5a"}),(0,r.Y)("rect",{x:"0",y:"60",width:"64",height:"4",fill:"#163f20"}),(0,r.Y)("rect",{x:"0",y:"58",width:"64",height:"2",fill:"#1e6b35"}),(0,r.Y)("rect",{x:"0",y:"56",width:"10",height:"2",fill:"#256e3a"}

1),(0,r.Y)("rect",{x:"20",y:"56",width:"8",height:"2",fill:"#256e3a"}),(0,r.Y)("rect",{x:"38",y:"57",width:"6",height:"2",fill:"#256e3a"}),(0,r.Y)("rect",{x:"54",y:"56",width:"10",height:"2",fill:"#256e3a"}),(0,r.Y)("rect",{x:"6",y:"57",width:"4",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"28",y:"58",width:"4",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"48",y:"57",width:"4",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"3",y:"58",width:"1",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"2",y:"57",width:"3",height:"1",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"3",y:"56",width:"1",height:"1",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"3",y:"57",width:"1",height:"1",fill:"#ffcc44"}),(0,r.Y)("rect",{x:"8",y:"58",width:"1",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"7",y:"57",width:"3",height:"1",fill:"#ffdd44"}),(0,r.Y)("rect",{x:"8",y:"56",width:"1",height:"1",fill:"#ffdd44"}),(0,r.Y)("rect",{x:"8",y:"57",width:"1",height:"1",fill:"#fffacc"}),(0,r.Y)("rect",{x:"21",y:"57",width:"1",height:"3",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"20",y:"56",width:"3",height:"1",fill:"#ffaacc"}),(0,r.Y)("rect",{x:"21",y:"55",width:"1",height:"1",fill:"#ffaacc"}),(0,r.Y)("rect",{x:"21",y:"56",width:"1",height:"1",fill:"#ffe0ec"}),(0,r.Y)("rect",{x:"26",y:"58",width:"1",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"25",y:"57",width:"3",height:"1",fill:"#ffffff"}),(0,r.Y)("rect",{x:"26",y:"56",width:"1",height:"1",fill:"#ffffff"}),(0,r.Y)("rect",{x:"26",y:"57",width:"1",height:"1",fill:"#ffeeaa"}),(0,r.Y)("rect",{x:"38",y:"57",width:"1",height:"3",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"37",y:"56",width:"3",height:"1",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"38",y:"55",width:"1",height:"1",fill:"#ff7a3a"}),(0,r.Y)("rect",{x:"38",y:"56",width:"1",height:"1",fill:"#ffcc44"}),(0,r.Y)("rect",{x:"45",y:"58",width:"1",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"44",y:"57",width:"3",height:"1",fill:"#ffdd44"}),(0,r.Y)("rect",{x:"45",y:"56",width:"1",height:"1",fill:"#ffdd44"}),(0,r.Y)("rect",{x:"45",y:"57",width:"1",height:"1",fill:"#fffacc"}),(0,r.Y)("rect",{x:"59",y:"58",width:"1",height:"2",fill:"#3aa05a"}),(0,r.Y)("rect",{x:"58",y:"57",width:"3",height:"1",fill:"#ffaacc"}),(0,r.Y)("rect",{x:"59",y:"56",width:"1",height:"1",fill:"#ffaacc"}),(0,r.Y)("rect",{x:"59",y:"57",width:"1",height:"1",fill:"#ffe0ec"})]})}},H=[{title:"배달의민족 최연소 기술 이사",items:["연매출 5조, MAU 2,100만 서비스의 레거시 개편 주도","월 1억건의 대규모 주문, 결제, 정산 시스템 설계"]},{title:"국내 JPA의 도입과 표준의 기준을 세운 전문가",items:["「자바 ORM 표준 JPA 프로그래밍」 집필 — 10년째 국내 JPA 필독서","배달의민족, SK플래닛 등 기업의 JPA 도입 주도"]},{title:"국내 개발자의 성장 멘토",items:["인프런(IT 교육플랫폼) 누적 수강생 59만+명","DAUM DEVON, 스프링캠프, 우아콘 등 2012년부터 국내 컨퍼런스 기술 공유"]}];function E(){let{onEmbedPlay:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,n.useRef)(!1),a=()=>{t.current||(t.current=!0,e?.())};return(0,r.FD)("section",{className:u("inst-split"),id:"instructor",children:[(0,r.Y)("div",{className:u("container"),children:(0,r.FD)(b,{children:[(0,r.FD)("h2",{className:u("inst-headline inst-headline-top"),children:[(0,r.Y)("span",{style:{fontSize:"0.55em",fontWeight:600,display:"block",marginBottom:8,opacity:.75},children:"고졸출신 개발자에서 우아한 형제들 최연소 기술이사까지"}),"개발자 커리어의",(0,r.Y)("br",{}),"모든 길을 걸어온 선배 개발자"]}),(0,r.FD)("p",{className:u("inst-desc inst-desc-top"),children:["국비학원에서 개발을 배웠고, ",(0,r.Y)("span",{className:u("inst-desc-break"),children:" "}),"SI에서 커리어를 시작했기에",(0,r.Y)("br",{}),"누구보다 그 길의 험난함을 알고 있습니다."]})]})}),(0,r.FD)("div",{className:u("container inst-split-inner"),children:[(0,r.Y)(b,{className:u("inst-split-left"),children:(0,r.Y)("div",{className:u("inst-split-video"),onClickCapture:a,onMouseDownCapture:a,children:(0,r.Y)("iframe",{src:"https://www.youtube.com/embed/_HTj5b59Em0",title:"김영한 소개",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}),(0,r.Y)(b,{delay:120,className:u("inst-split-right"),children:(0,r.Y)("div",{className:u("inst-career-card"),children:(0,r.Y)("div",{style:{display:"flex",flexDirection:"column",gap:20},children:H.map(e=>(0,r.FD)("div",{children:[(0,r.Y)("div",{style:{fontWeight:700,color:"#fff",fontSize:"15px",marginBottom:8},children:e.title}),(0,r.Y)("div",{style:{display:"flex",flexDirection:"column",gap:4},children:e.items.map(e=>(0,r.FD)("div",{style:{display:"flex",gap:8,color:"rgba(255,255,255,0.6)",fontSize:"14px",lineHeight:1.7},children:[(0,r.Y)("span",{style:{flexShrink:0,color:"rgba(255,255,255,0.4)"},children:"\xb7"}),(0,r.Y)("span",{children:e})]},e))})]},e.title))})})})]})]})}function L(e){let{onClose:t}=e;return(0,n.useEffect)(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow=""}),[]),(0,r.Y)("div",{onClick:t,style:{position:"fixed",inset:0,zIndex:99999,background:"rgba(0,0,0,0.7)",display:"flex",alignItems:"center",justifyContent:"center",padding:"24px"},children:(0,r.FD)("div",{onClick:e=>e.stopPropagation(),style:{background:"#1a1a1a",color:"#e8e8e8",borderRadius:16,padding:"32px",maxWidth:560,width:"100%",maxHeight:"80vh",overflowY:"auto",position:"relative",textAlign:"left"},children:[(0,r.Y)("button",{type:"button",onClick:t,style:{position:"absolute",top:16,right:16,background:"none",border:"none",color:"#888",fontSize:20,cursor:"pointer",lineHeight:1},children:"✕"}),(0,r.FD)("p",{style:{fontSize:15,lineHeight:1.7,marginBottom:20,color:"#ccc"},children:["본 상품은 복수의 강의를 하나의 묶음으로 구성한"," ",(0,r.Y)("strong",{style:{color:"#fff"},children:"패키지 상품"}),"으로, 아래의 별도 환불 규정이 적용됩니다."]}),(0,r.FD)("ul",{style:{paddingLeft:0,listStyle:"none",display:"flex",flexDirection:"column",gap:14,margin:0},children:[(0,r.FD)("li",{style:{fontSize:14,lineHeight:1.7,color:"#bbb",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"•"}

1),"유료 수강기간은 최초 30일 , 이후로는 구매자 대상의 무료 수강 기간이며 , 두 기간 모두 시청에 있어서 동일하게 제공됩니다."]}),(0,r.FD)("li",{style:{fontSize:14,lineHeight:1.7,color:"#bbb",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"•"}),"패키지 상품은 부분환불이 불가하며, 환불 시 패키지 전체에 대한"," ",(0,r.Y)("strong",{style:{color:"#fff"},children:"전액 환불"}),"만 가능합니다."]}),(0,r.FD)("li",{style:{fontSize:14,lineHeight:1.7,color:"#bbb",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"•"}),"패키지 구매일로부터 ",(0,r.Y)("strong",{style:{color:"#fff"},children:"7일 이내"}),"에, 패키지에 포함된 모든 개별 강의의 ",(0,r.Y)("strong",{style:{color:"#fff"},children:"진도율이 각각 7% 미만"}),"인 경우 전액 환불이 가능합니다.",(0,r.FD)("ul",{style:{paddingLeft:0,listStyle:"none",marginTop:8,display:"flex",flexDirection:"column",gap:6},children:[(0,r.FD)("li",{style:{fontSize:13,color:"#888",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"◦"}),"패키지 구매일로부터 7일이 경과한 경우 환불이 불가합니다."]}),(0,r.FD)("li",{style:{fontSize:13,color:"#888",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"◦"}),"패키지에 포함된 강의 중 하나라도 진도율이 7%를 초과한 경우 환불이 불가합니다."]})]})]}),(0,r.FD)("li",{style:{fontSize:14,lineHeight:1.7,color:"#bbb",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"•"}),"패키지에 포함된 강의의 ",(0,r.Y)("strong",{style:{color:"#fff"},children:"학습자료를 다운로드"})," ","받은 경우, 환불이 불가합니다."]}),(0,r.FD)("li",{style:{fontSize:14,lineHeight:1.7,color:"#bbb",paddingLeft:16,position:"relative"},children:[(0,r.Y)("span",{style:{position:"absolute",left:0},children:"•"}),"모바일 앱에서 패키지에 포함된"," ",(0,r.Y)("strong",{style:{color:"#fff"},children:"강의 영상을 다운로드"})," 한 경우, 환불이 불가합니다."]})]})]})})}let j=[{name:"794**********",initial:"7",course:"스프링 핵심 원리 - 기본편",stars:5,text:"단순한 지식 제공을 떠나 진짜 개발자의 사고방식을 레벨업 시키는 명품강의입니다."},{name:"rsh******",initial:"r",course:"모든 개발자를 위한 HTTP 웹 기본 지식",stars:5,text:'"선수지식은 알아서 배워오세요"가 아니라 "내가 알려줄게 나만 믿고 따라와"가 되겠네요.'},{name:"seo********",initial:"s",course:"자바 ORM 표준 JPA 프로그래밍 - 기본편",stars:5,text:'무엇보다 "아 이부분 좀 어려운데?" 라고 생각하는 순간 초보자도 이해하기 쉽게 설명해줍니다.'},{name:"xod********",initial:"x",course:"실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화",stars:5,text:"좋은 방법뿐 아니라 잘못된 방법도 함께 설명해주셔서, 무엇이 왜 더 나은지 명확히 이해됐습니다."},{name:"iop****",initial:"i",course:"김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션",stars:5,text:"백엔드 개발자 커리어를 김영한의 도움을 받아 만들어갈 수 있는 시기에 태어났으니 운이 좋다고 할 수 있다."},{name:"yoz******",initial:"y",course:"스프링 MVC 2편 - 백엔드 웹 개발 활용 기술",stars:5,text:"스프링이 '과학'이라는 걸 명쾌하게 알려주는 강의입니다."},{name:"wns********",initial:"w",course:"실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화",stars:5,text:"결제하고 듣기만해도 내가 오히려 돈을 벌어가는 강의."},{name:"201****",initial:"2",course:"실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발",stars:5,text:"무슨 내용을 설명하는거야 라고 생각할때마다 나오는 부연설명에 매순간 이해가 되는 강의"},{name:"rsha******",initial:"r",course:"스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술",stars:5,text:"스프링 기술이 국내에서 사라지는 날까지 스프링 최고의 입문 강좌이지 않을까 생각합니다."}],M=[{id:"BnS6343GTkY",label:"[우아콘 2020] 배달의민족 마이크로서비스 여행기",sub:"우아콘2020"},{id:"jmjLLNYVJwU",label:"[폴인] 송길영X김영한, 고졸 개발자->배민 기술이사->1타강사 커리어 리뷰",sub:"폴인"}];function q(){let{onEmbedPlay:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,n.useRef)(new Set),a=(a,r)=>

1{t.current.has(a)||(t.current.add(a),e?.(r))};return(0,r.Y)("section",{className:u("white"),id:"reviews",children:(0,r.FD)("div",{className:u("container"),children:[(0,r.Y)(b,{children:(0,r.Y)("div",{className:u("section-badge"),children:"REVIEWS \xb7 4만+"})}),(0,r.Y)(b,{delay:80,children:(0,r.Y)("h2",{className:u("section-title"),children:"59만명의 수강생이 선택한 이유"})}),(0,r.Y)("div",{className:u("review-grid"),children:j.map((e,t)=>(0,r.FD)(b,{delay:t%3*80,className:u("review-card"),children:[(0,r.FD)("div",{className:u("review-stars"),children:["★".repeat(e.stars),"☆".repeat(5-e.stars)]}),(0,r.Y)("p",{className:u("review-text"),children:e.text}),(0,r.FD)("div",{className:u("review-meta"),children:[(0,r.Y)("div",{className:u("avatar"),children:e.initial}),(0,r.FD)("div",{children:[(0,r.Y)("div",{className:u("who"),children:e.name}),(0,r.Y)("div",{className:u("course"),children:e.course})]})]})]},e.name))}),(0,r.Y)(b,{children:(0,r.FD)("p",{className:u("review-video-intro"),children:["강사를 넘어 멘토로.",(0,r.Y)("br",{}),"수많은 개발자들이 김영한에 공감하는 이유는?",(0,r.Y)("br",{}),"지금 직접 확인하세요."]})}),(0,r.Y)("div",{className:u("review-video-grid"),children:M.map((e,t)=>(0,r.FD)(b,{delay:80*t,children:[(0,r.Y)("div",{className:u("review-video-wrap"),onClickCapture:()=>a(e.id,e.label),onMouseDownCapture:()=>a(e.id,e.label),children:(0,r.Y)("iframe",{src:`https://www.youtube.com/embed/${e.id}`,title:e.label,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})}),(0,r.FD)("div",{className:u("review-video-caption"),children:[(0,r.Y)("span",{className:u("review-video-caption-title"),children:e.label}),(0,r.Y)("span",{className:u("review-video-caption-sub"),children:e.sub})]})]},e.id))})]})})}function _(e){let{isAllOwned:t}=e;return(0,r.Y)("section",{style:{background:"var(--dark)",padding:"120px 0"},"data-testid":"story-section",children:(0,r.FD)("div",{className:u("container"),children:[(0,r.FD)(b,{style:{textAlign:"center"},children:[(0,r.Y)("div",{"data-testid":"story-badge",style:{display:"inline-block",fontFamily:"var(--font-mono)",fontSize:11,fontWeight:700,letterSpacing:"0.1em",textTransform:"uppercase",color:"rgba(255,255,255,0.4)",border:"1px solid rgba(255,255,255,0.15)",borderRadius:999,padding:"4px 12px",marginBottom:24},children:t?"ALMOST THERE":"WHY NOW"}),(0,r.FD)("h2",{style:{fontSize:"clamp(28px,4vw,48px)",fontWeight:700,color:"#fff",margin:"0 0 40px",letterSpacing:"-0.03em",lineHeight:1.2,textAlign:"center"},children:["59만 개발자의 선택",(0,r.Y)("br",{}),"7년의 대장정"]})]}),(0,r.Y)(b,{children:(0,r.Y)("div",{className:u("inst-split-inner"),style:{marginBottom:40},children:(0,r.Y)("div",{className:u("inst-split-video"),children:(0,r.Y)("iframe",{src:"https://www.youtube.com/embed/l6tFEQSRHIw",title:"김영한 로드맵 소개",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})})}),(0,r.Y)(b,{delay:100,children:(0,r.FD)("div",{style:{textAlign:"center",display:"flex",flexDirection:"column",gap:16,maxWidth:600,margin:"0 auto"},children:[(0,r.FD)("p",{style:{color:"rgba(255,255,255,0.65)",fontSize:19,lineHeight:1.9,margin:0},children:["자바부터 스프링, JPA, 데이터베이스까지.",(0,r.Y)("br",{}),"59만 명의 개발자 여러분이 있었기에",(0,r.Y)("br",{}),"2026년, 4개의 로드맵이 모두 완성되었습니다."]}),(0,r.FD)("p",{style:{color:"rgba(255,255,255,0.65)",fontSize:19,lineHeight:1.9,margin:0},children:["그리고 처음으로,",(0,r.Y)("br",{}),(0,r.Y)("span",{style:{color:"var(--primary)",fontWeight:700},children:"이 모든 강의를 하나의 패스로 묶었습니다."})]})]})}),(0,r.Y)(b,{delay:200,children:(0,r.FD)("div",{className:u("story-chevron"),children:[(0,r.Y)("svg",{width:"26",height:"16",viewBox:"0 0 40 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M4 4L20 18L36 4",stroke:"var(--primary)",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:"0.4"})}),(0,r.Y)("svg",{width:"26",height:"16",viewBox:"0 0 40 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.Y)("path",{d:"M4 4L20 18L36 4",stroke:"var(--primary)",strokeWidth:"4.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})})]})})}let J={INSTRUCTOR_THRESHOLD:5,ALL_OWNED:22};var O=a(28149),K=a(47278),$=a(61967),V=a(94137),G=a(65531),U=a(34725),X=a(60304),Q=a(33463),Z=a(42044),ee=a(34264),et=a(68652),ea=a(6864);let er=Q.u3.PACKAGE_ONLINE.on,ei=function(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return Object.assign({},...t)},eo=(0,o.css)((e=>{let t={},a={};for(let r of Object.keys(e))r.startsWith("@media")?a[r]=e[r]:t[r]=e[r];return{...t,...a}})({"&":{"--primary":"#ff6b35","--primary-soft":"#ffe6d9","--primary-deep":"#d9521f","--dark":"#111111","--dark-2":"#1a1a1a","--dark-3":"#222222","--light":"#f7f5f2","--light-2":"#ece8e1","--ink":"#0b1020","--ink-2":"#2a2f40","--muted":"#6a7287","--muted-2":"#9099ab","--line":"rgba(11, 16, 32, 0.08)","--line-dark":"rgba(255, 255, 255, 0.1)","--success":"#10b981","--danger":"#e11d48","--warn":"#f59e0b","--radius-sm":"6px","--radius":"10px","--radius-lg":"18px","--container":"1200px","--gutter":"24px","--shadow-sm":"0 1px 2px rgba(11, 16, 32, 0.06), 0 1px 1px rgba(11, 16, 32, 0.04)","--shadow":"0 8px 24px rgba(11, 16, 32, 0.08), 0 2px 6px rgba(11, 16, 32, 0.04)","--shadow-lg":"0 24px 48px rgba(11, 16, 32, 0.16), 0 6px 12px rgba(11, 16, 32, 0.06)","--font-sans":"'Pretendard', 'Pretendard Variable', -apple-system, BlinkMacSystemFont,\n    'Apple SD Gothic Neo', 'Helvetica Neue', Arial, sans-serif","--font-mono":"'JetBrains Mono', 'SF Mono', ui-monospace, 'Menlo', monospace",fontFamily:"var(--font-sans)",color:"var(--ink)",background:"#ffffff",WebkitFontSmoothing:"antialiased",textRendering:"optimizeLegibility",fontFeatureSettings:"'ss01', 'tnum'",letterSpacing:"-0.01em",lineHeight:1.55},"& *":{boxSizing:"border-box"},"&,\n&":{margin:"0",padding:"0"},"& img":{maxWidth:"100%",display:"block"},"& a":{color:"inherit",textDecoration:"none"}

1,"& button":{fontFamily:"inherit",cursor:"pointer"},"& .mono":{fontFamily:"var(--font-mono)",fontFeatureSettings:"'tnum'",letterSpacing:"-0.02em"},"& .container":{maxWidth:"var(--container)",margin:"0 auto",padding:"0 var(--gutter)"},"& .urgency-bar":{position:"sticky",top:"0",zIndex:60,background:"var(--danger)",color:"#fff",fontSize:"14px",fontWeight:500,letterSpacing:"-0.005em"},"& .urgency-bar .container":{display:"flex",alignItems:"center",justifyContent:"center",gap:"16px",height:"40px",flexWrap:"wrap"},"& .urgency-bar .dot":{width:"6px",height:"6px",borderRadius:"50%",background:"#fff",opacity:.6},"& .urgency-bar .ub-timer":{fontFamily:"var(--font-mono)",fontWeight:600,whiteSpace:"nowrap"},"& .urgency-bar .ub-timer b":{fontWeight:700},"& .nav":{position:"sticky",top:"40px",zIndex:50,background:"rgba(11, 16, 32, 0.85)",backdropFilter:"saturate(140%) blur(10px)",WebkitBackdropFilter:"saturate(140%) blur(10px)",color:"#fff",borderBottom:"1px solid var(--line-dark)"},"& .nav .container":{display:"flex",alignItems:"center",justifyContent:"space-between",height:"60px"},"& .nav .brand":{display:"flex",alignItems:"center",gap:"10px",fontWeight:700,fontSize:"15px",letterSpacing:"-0.02em"},"& .nav .brand-mark":{width:"26px",height:"26px",borderRadius:"7px",background:"var(--primary)",display:"grid",placeItems:"center",color:"#fff",fontWeight:800,fontSize:"13px",fontFamily:"var(--font-mono)"},"& .nav .links":{display:"flex",gap:"28px",fontSize:"14px",color:"rgba(255, 255, 255, 0.75)"},"& .nav .links a:hover":{color:"#fff"},"& .nav .nav-cta":{background:"var(--primary)",color:"#fff",border:"none",padding:"10px 16px",borderRadius:"8px",fontSize:"14px",fontWeight:600,transition:"background 0.15s ease, transform 0.15s ease"},"& .nav .nav-cta:hover":{background:"var(--primary-deep)",transform:"translateY(-1px)"},"& section":{position:"relative",padding:"100px 0"},"& section.dark":{background:"var(--dark)",color:"#f2f4fa"},"& section.darker":{background:"var(--dark-2)",color:"#f2f4fa"},"& section.light":{background:"var(--light)",color:"var(--ink)"},"& section.white":{background:"#fff",color:"var(--ink)"},"& #curriculum":{background:"#0f0f10"},"& #final":{background:"#0f0f10"},"& #reviews":{background:"#12192a",color:"#ffffff"},"& #reviews .section-title":{marginBottom:"56px",color:"#ffffff"},"& #reviews .section-badge":{borderColor:"rgba(255, 255, 255, 0.15)",color:"rgba(255, 255, 255, 0.6)",background:"rgba(255, 255, 255, 0.06)"},"& #reviews .section-sub":{color:"rgba(255, 255, 255, 0.75)"},"& #reviews .review-video-intro":{color:"#ffffff"},"& #reviews .review-video-caption":{background:"rgba(255, 255, 255, 0.07)"},"& #reviews .review-video-caption-title":{color:"#ffffff"},"& #reviews .review-video-caption-sub":{color:"rgba(255, 255, 255, 0.65)"},"& #reviews .review-disclaimer":{background:"rgba(255, 255, 255, 0.07)",color:"rgba(255, 255, 255, 0.6)"},"& #reviews .review-card":{background:"rgba(255, 255, 255, 0.07)",borderColor:"rgba(255, 255, 255, 0.1)"},"& #reviews .review-card:hover":{boxShadow:"0 8px 24px rgba(0, 0, 0, 0.3)",borderColor:"rgba(255, 255, 255, 0.2)"},"& #reviews .review-text":{color:"rgba(255, 255, 255, 0.88)"},"& #reviews .review-meta":{borderTopColor:"rgba(255, 255, 255, 0.1)"},"& #reviews .review-meta .avatar":{background:"rgba(255, 255, 255, 0.1)",color:"rgba(255, 255, 255, 0.85)"},"& #reviews .review-meta .who":{color:"#ffffff"},"& #reviews .review-meta .course":{color:"rgba(255, 255, 255, 0.6)"},"& #faq":{background:"#12192a",color:"#ffffff"},"& #faq .section-badge":{borderColor:"rgba(255, 255, 255, 0.3)",color:"rgba(255, 255, 255, 0.85)",background:"rgba(255, 255, 255, 0.12)"},"& #faq .section-title":{color:"#ffffff"},"& #faq .section-sub":{color:"rgba(255, 255, 255, 0.75)"},"& #faq .faq-item":{borderBottomColor:"rgba(255, 255, 255, 0.2)"},"& #faq .faq-item:first-child":{borderTopColor:"rgba(255, 255, 255, 0.2)"},"& #faq .faq-q":{color:"#ffffff"},"& #faq .faq-q .ic":{color:"rgba(255, 255, 255, 0.7)"},"& #faq .faq-item.open .faq-q .ic":{color:"#ffffff"},"& #faq .faq-a":{color:"rgba(255, 255, 255, 0.8)"},"& .section-badge":{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",fontFamily:"var(--font-mono)",fontSize:"12px",letterSpacing:"0.02em",padding:"6px 12px",borderRadius:"999px",textTransform:"uppercase",border:"1px solid var(--line)",color:"var(--muted)",background:"rgba(11, 16, 32, 0.02)",marginBottom:"24px",width:"fit-content",marginLeft:"auto",marginRight:"auto"}

1,"& .dark .section-badge,\n& .darker .section-badge":{borderColor:"var(--line-dark)",color:"rgba(255, 255, 255, 0.6)",background:"rgba(255, 255, 255, 0.04)"},"& h1,\n& h2,\n& h3,\n& h4":{margin:"0",letterSpacing:"-0.025em",lineHeight:1.15,fontWeight:700},"& h1":{fontSize:"clamp(36px, 5.2vw, 64px)"},"& h2":{fontSize:"clamp(28px, 3.6vw, 44px)"},"& h3":{fontSize:"clamp(20px, 2.2vw, 26px)"},"& .section-title":{fontFamily:"var(--font-sans)",fontSize:"40px",fontWeight:700,letterSpacing:"-0.03em",textWrap:"balance",textAlign:"center",margin:"0 0 16px",wordBreak:"keep-all"},"& .section-sub":{fontSize:"17px",color:"var(--muted)",textWrap:"pretty",maxWidth:"680px",margin:"0 auto 56px",textAlign:"center"},"& .dark .section-sub,\n& .darker .section-sub":{color:"rgba(255, 255, 255, 0.65)"},"& .btn":{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"10px",padding:"16px 26px",borderRadius:"10px",fontSize:"16px",fontWeight:600,border:"none",transition:"transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease",whiteSpace:"nowrap",letterSpacing:"-0.01em"},"& .btn-primary":{background:"var(--primary)",color:"#fff",boxShadow:"0 4px 14px rgba(255, 107, 53, 0.35)"},"& .btn-primary:hover":{background:"var(--primary-deep)",transform:"translateY(-2px)",boxShadow:"0 8px 20px rgba(255, 107, 53, 0.45)"},"& .btn-ghost":{background:"transparent",color:"inherit",border:"1px solid var(--line)"},"& .dark .btn-ghost,\n& .darker .btn-ghost":{borderColor:"var(--line-dark)"},"& .btn-ghost:hover":{background:"rgba(11, 16, 32, 0.04)"},"& .dark .btn-ghost:hover,\n& .darker .btn-ghost:hover":{background:"rgba(255, 255, 255, 0.06)"},"& .btn-lg":{padding:"20px 32px",fontSize:"17px"},"& .reveal":{opacity:0,transform:"translateY(16px)",transition:"opacity 0.7s ease, transform 0.7s ease"},"& .reveal.yh-in":{opacity:1,transform:"translateY(0)"},"& .hero":{background:"#0f0f10",color:"#fff",padding:"64px 0 0",overflow:"hidden",position:"relative"},"& .hero::before":{content:"''",position:"absolute",inset:"0",background:"radial-gradient(900px 500px at 50% 60%, rgba(255, 107, 53, 0.12), transparent 65%),\n    radial-gradient(600px 400px at 10% 10%, rgba(255, 107, 53, 0.06), transparent 60%)",pointerEvents:"none"},"& .hero .container":{position:"relative",zIndex:1,paddingLeft:"24px",paddingRight:"24px"},"& .hero-center":{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"},"& .hero-eyebrow-copy":{fontSize:"15px",color:"rgba(255, 255, 255, 0.5)",margin:"0 0 8px",letterSpacing:"0.01em"},"& .hero-sub-copy":{fontSize:"18px",color:"rgba(255, 255, 255, 0.75)",margin:"36px 0 28px",fontWeight:500},"& .hero-sub-copy strong":{color:"#fff",fontWeight:700},"& .hero-display-title":{fontFamily:"var(--font-display, 'Black Han Sans', sans-serif)",fontSize:"clamp(64px, 10vw, 130px)",lineHeight:1,letterSpacing:"-0.02em",color:"#fff",margin:"0 0 40px",textShadow:"0 4px 40px rgba(255, 107, 53, 0.2)"},"& .hero-ticket-wrap":{position:"relative",marginBottom:"32px"},"& .hero-ticket":{position:"relative",background:"linear-gradient(\n    160deg,\n    rgba(255, 255, 255, 0.14) 0%,\n    rgba(255, 255, 255, 0.08) 55%,\n    rgba(255, 255, 255, 0.1) 100%\n  )",border:"1px solid rgba(255, 255, 255, 0.28)",borderRadius:"20px",minWidth:"620px",overflow:"visible",boxShadow:"0 0 0 1px rgba(255, 255, 255, 0.12), 0 20px 80px rgba(0, 0, 0, 0.5),\n    inset 0 1px 0 rgba(255, 255, 255, 0.22)"},"& .ticket-accent-bar":{height:"3px",background:"linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.3) 20%,\n    rgba(255, 255, 255, 0.8) 50%,\n    rgba(255, 255, 255, 0.3) 80%,\n    transparent 100%\n  )",borderRadius:"20px 20px 0 0"},"& .ticket-notch":{position:"absolute",width:"26px",height:"26px",background:"var(--dark)",borderRadius:"50%",top:"50%",transform:"translateY(-50%)",zIndex:2},"& .ticket-notch-l":{left:"-13px",boxShadow:"inset -2px 0 0 rgba(255, 255, 255, 0.08)"},"& .ticket-notch-r":{right:"-13px",boxShadow:"inset 2px 0 0 rgba(255, 255, 255, 0.08)"},"& .ticket-body":{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",padding:"24px 48px 20px",gap:"12px"},"& .ticket-brand":{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.2em",color:"rgba(255, 255, 255, 0.55)"},"& .ticket-countdown":{fontFamily:"var(--font-mono)",fontSize:"18px",fontWeight:600,letterSpacing:"0.08em",color:"var(--primary)"},"& .cta-btn--disabled":{opacity:.45,cursor:"not-allowed",pointerEvents:"none"},"& .ticket-series":{fontFamily:"var(--font-sans)",fontSize:"11px",letterSpacing:"0.12em",fontWeight:600,color:"var(--primary)",textTransform:"uppercase"},"& .ticket-name":{fontFamily:"var(--font-display)",fontSize:"clamp(20px, 2.8vw, 34px)",fontWeight:700,letterSpacing:"0.08em",lineHeight:1.1,whiteSpace:"nowrap",textAlign:"center",color:"#fff",WebkitTextStroke:"0.6px #fff",textShadow:"0 0 40px rgba(255, 107, 53, 0.4)"},"& .ticket-meta-row":{display:"flex",alignItems:"center",gap:"16px",marginTop:"4px"},"& .ticket-meta-item":{display:"flex",flexDirection:"column",alignItems:"center",gap:"3px"},"& .ticket-meta-sep":{width:"1px",height:"28px",borderLeft:"1px dashed rgba(255, 255, 255, 0.28)",flexShrink:0},"& .tstat-val":{fontFamily:"var(--font-mono)",fontSize:"18px",fontWeight:700,color:"#fff",lineHeight:1,letterSpacing:"0.02em"},"& .tstat-label":{fontFamily:"var(--font-sans)",fontSize:"10px",letterSpacing:"0.04em",color:"rgba(255, 255, 255, 0.5)"},"& .ticket-footer":{borderTop:"1px solid rgba(255, 255, 255, 0.15)",padding:"14px 36px",display:"flex",alignItems:"center",justifyContent:"center"},"& .ticket-footer-cta":{background:"var(--primary)",borderTop:"none",borderRadius:"0 0 20px 20px",padding:"16px 36px",cursor:"pointer",transition:"background 0.2s, opacity 0.2s",display:"flex",alignItems:"center",justifyContent:"center",gap:"10px","&.purchased":{background:"#fff",boxShadow:"none","& .ticket-cta-text":{color:"#0B1020"}},"&.ticket-btn--disabled":{cursor:"not-allowed",opacity:.55,background:"rgba(255, 255, 255, 0.04)"}},"& .ticket-footer-cta:hover":{background:"var(--primary-deep)"},"& .ticket-cta-badge":{fontFamily:"var(--font-mono)",fontSize:"12px",fontWeight:700,color:"var(--primary)",background:"#fff",borderRadius:"999px",padding:"2px 8px",letterSpacing:"0.02em",flexShrink:0},"& .ticket-cta-text":{fontFamily:"var(--font-sans)",fontSize:"15px",fontWeight:700,letterSpacing:"0.02em",color:"#fff"},"& .hero-price-badge":{position:"absolute",top:"-20px",right:"-20px",width:"90px",height:"90px",background:"var(--primary)",borderRadius:"50%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"2px",boxShadow:"0 4px 20px rgba(255, 107, 53, 0.5)",animation:"badge-float 3s ease-in-out infinite"},"@keyframes badge-float":{"0%,\n  100%":{transform:"translateY(0) rotate(-8deg)"},"50%":{transform:"translateY(-6px) rotate(-8deg)"}},"& .badge-label":{fontSize:"10px",fontWeight:700,color:"rgba(255, 255, 255, 0.85)",letterSpacing:"0.02em"},"& .badge-price":{fontFamily:"var(--font-mono)",fontSize:"13px",fontWeight:700,color:"#fff",letterSpacing:"-0.02em"},"& .hero-deadline":{display:"inline-flex",alignItems:"center",gap:"10px",fontFamily:"var(--font-mono)",fontSize:"16px",fontWeight:600,color:"#fff",letterSpacing:"0.05em",background:"rgba(255, 107, 53, 0.18)",border:"1px solid rgba(255, 107, 53, 0.45)",borderRadius:"999px",padding:"10px 22px",boxShadow:"0 0 16px rgba(255, 107, 53, 0.2)"},"& .hero-deadline::before":{content:"''",display:"inline-block",width:"8px",height:"8px",background:"#fff",borderRadius:"50%",boxShadow:"0 0 8px rgba(255, 255, 255, 0.8)",animation:"deadline-blink 1.8s ease-in-out infinite"},"@keyframes deadline-blink":{"0%,\n  100%":{opacity:1},"50%":{opacity:.3}},"& .hero-stats":{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",width:"100%",marginTop:"72px",borderTop:"1px solid rgba(255, 255, 255, 0.1)"},"& .hero-stat-item":{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"32px 24px 32px",borderRight:"1px solid rgba(255, 255, 255, 0.1)"},"& .hero-stat-item:last-child":{borderRight:"none"},"& .hsi-lab":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"rgba(255, 255, 255, 0.65)",letterSpacing:"0.02em",marginBottom:"12px"},"& .hsi-val":{fontFamily:"var(--font-display)",fontSize:"clamp(32px, 3.6vw, 48px)",fontWeight:700,color:"var(--primary)",lineHeight:1,letterSpacing:"-0.02em",marginBottom:"10px"},"& .hsi-val-text":{fontSize:"clamp(22px, 2.4vw, 32px)",letterSpacing:"-0.02em",lineHeight:1,height:"40px",display:"flex",alignItems:"center"},"& .hsi-val-text .hsi-sub":{fontSize:"1em",color:"var(--primary)",fontWeight:700,marginLeft:"0"},"& .hsi-sub":{fontSize:"55%",color:"var(--primary)",fontWeight:400,letterSpacing:"0",marginLeft:"2px"},"& .hsi-desc":{fontSize:"13px",color:"rgba(255, 255, 255, 0.65)"},"@media (max-width: 760px)":ei({"&":{"--gutter":"20px"},"& .ticket-name":{fontSize:"22px"},"& .ticket-countdown":{fontSize:"16px"},"& .inst-desc-break":{display:"block"},"& .pi-info-row":{margin:"0 !important",borderRadius:0}},{"& .hero-stats":{gridTemplateColumns:"repeat(2, 1fr)"},"& .hero-stat-item:nth-child(2)":{borderRight:"none"},"& .hero-stat-item:nth-child(1),\n  & .hero-stat-item:nth-child(2)":{borderBottom:"1px solid rgba(255, 255, 255, 0.1)"}},{"& .stats-grid":{gridTemplateColumns:"repeat(2, 1fr)"}},{"& .stat:nth-child(2)":{borderRight:"none"},"& .stat:nth-child(1),\n  & .stat:nth-child(2)":{borderBottom:"1px solid var(--line)"}},{"& .pc-card":{gridTemplateColumns:"1fr"},"& .pc-divider":{width:["100%","calc(100% - 64px)"],height:"1px",margin:"0 32px"},"& .pc-left,\n  & .pc-right":{padding:"32px 24px"},"& .pc-discount-num":{fontSize:"56px"},"& .pc-price":{fontSize:"36px"}},{"& .value-grid":{gridTemplateColumns:"1fr"}},{"& .value-cell":{borderRight:"none",borderBottom:"1px solid var(--line-dark)"},"& .value-cell:last-child":{borderBottom:"none"}},{"& .cmp-grid":{gridTemplateColumns:"1fr"},"& .cmp-card--dark":{order:-1}},{"& .curr-cmp-grid":{gridTemplateColumns:"1fr"}},{"& .curr-card-grid":{gridTemplateColumns:"repeat(2, 1fr)"}}),"@keyframes pulse":{"0%":{boxShadow:"0 0 0 0 rgba(255, 107, 53, 0.6)"},"100%":{boxShadow:"0 0 0 12px rgba(255, 107, 53, 0)"}},"@keyframes chevron-bounce":{"0%,\n  100%":{transform:"translateY(0)",opacity:1},"50%":{transform:"translateY(8px)",opacity:.5}},"& .story-chevron":{display:"flex",flexDirection:"column",alignItems:"center",gap:"2px",marginTop:"80px",animation:"chevron-bounce 1.6s ease-in-out infinite"},"@media (max-width: 640px)":ei({"& .curr-panel-header":{padding:"16px",flexDirection:"column",alignItems:"flex-start",ga

1p:"10px"}},{"& .hero-ticket":{minWidth:"min(480px, 90vw)"},"& .ticket-body":{padding:"22px 32px 18px",gap:"10px"},"& .ticket-left":{paddingRight:"20px"},"& .ticket-right":{paddingLeft:"20px"},"& .hero-price-badge":{width:"72px",height:"72px",top:"-12px",right:"-12px"},"& .badge-price":{fontSize:"11px"}},{"& .inst-headline-top":{fontSize:"28px",marginBottom:"32px"},"& .inst-split-name":{fontSize:"26px"}},{"& .pi-info-row":{gridTemplateColumns:"1fr"},"& .pi-pp-pct":{fontSize:"36px"},"& .pi-pp-pct-sym":{fontSize:"22px"},"& .pi-pp-main":{fontSize:"40px"},"& .pi-pp-won":{fontSize:"20px"}},{"& .cmp-header":{flexDirection:"column",alignItems:"flex-start",gap:"8px"},"& .cmp-tagline":{textAlign:"left"}},{"& .fcta-card":{padding:"20px"}},{"& .sticky-cta-bar":{left:"16px",right:"16px",bottom:"16px",paddingLeft:0,paddingRight:0,transform:"translateY(16px)"},"& .sticky-cta-bar.show":{transform:"translateY(0)"},"& .sticky-left, & .sticky-sep, & .sticky-price-block":{display:"none"},"& .sticky-cta-inner":{width:"100%",borderRadius:"20px",padding:"10px",justifyContent:"center"},"& .sticky-btn":{width:"100%",justifyContent:"center",padding:"16px",fontSize:"17px"}},{"& .review-video-grid":{gridTemplateColumns:"1fr"}},{"& .roadmap-wrap .category-block":{gridTemplateColumns:"1fr",gap:"8px"},"& .roadmap-wrap .category-head":{flexDirection:"row",alignItems:"center",justifyContent:"flex-start",gap:"8px"},"& .roadmap-title-accent":{display:"block"}}),"& .hero-points":{listStyle:"none",padding:"0",margin:"28px 0 36px",display:"flex",flexDirection:"column",gap:"14px"},"& .hero-points li":{display:"flex",alignItems:"center",gap:"12px",fontSize:"19px",color:"rgba(255, 255, 255, 0.82)",lineHeight:1.4},"& .hero-points li strong":{color:"#fff",fontWeight:600},"& .hp-check":{color:"var(--primary)",fontWeight:700,fontSize:"17px",flexShrink:0,width:"20px"},"& .price-card":{background:"var(--dark-2)",border:"1px solid var(--line-dark)",borderRadius:"18px",padding:"28px",position:"relative"},"& .price-card .ribbon":{position:"absolute",top:"-12px",left:"24px",background:"var(--primary)",color:"#fff",fontFamily:"var(--font-mono)",fontSize:"11px",fontWeight:700,letterSpacing:"0.05em",padding:"6px 12px",borderRadius:"6px"},"& .price-old":{display:"flex",alignItems:"baseline",gap:"10px",color:"rgba(255, 255, 255, 0.6)",fontSize:"17px",marginBottom:"6px"},"& .price-old .strike":{textDecoration:"line-through",color:"rgba(255, 255, 255, 0.7)",fontFamily:"var(--font-mono)",fontSize:"18px"},"& .price-old .pct":{background:"var(--primary)",color:"#fff",padding:"3px 8px",fontSize:"12px",fontWeight:700,borderRadius:"4px",fontFamily:"var(--font-mono)"},"& .price-now":{display:"flex",alignItems:"baseline",gap:"8px",margin:"4px 0 14px"},"& .price-now .num":{fontFamily:"var(--font-mono)",fontSize:"56px",fontWeight:700,letterSpacing:"-0.04em",lineHeight:1,color:"#fff"},"& .price-now .won":{fontSize:"24px",fontWeight:600,color:"rgba(255, 255, 255, 0.7)"},"& .price-installment":{fontSize:"14px",color:"rgba(255, 255, 255, 0.65)",padding:"12px 14px",background:"rgba(255, 255, 255, 0.04)",borderRadius:"8px",marginBottom:"18px",display:"flex",alignItems:"center",justifyContent:"space-between"},"& .price-installment b":{color:"#fff",fontFamily:"var(--font-mono)"},"& .countdown":{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"8px",marginBottom:"18px"},"& .cd-cell":{background:"rgba(255, 255, 255, 0.04)",border:"1px solid var(--line-dark)",borderRadius:"10px",padding:"16px 6px 12px",textAlign:"center"},"& .cd-cell .num":{fontFamily:"var(--font-mono)",fontWeight:700,fontSize:"36px",color:"#fff",letterSpacing:"-0.04em",lineHeight:1},"& .cd-cell .lab":{fontSize:"11px",color:"rgba(255, 255, 255, 0.5)",marginTop:"8px",letterSpacing:"0.02em",fontFamily:"var(--font-mono)"},"& .cd-header":{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",gap:"4px",marginBottom:"12px"},"& .cd-header > span:first-child":{fontSize:"14px",fontWeight:700,color:"rgba(255, 255, 255, 0.9)",letterSpacing:"0.01em"},"& .cd-deadline":{fontFamily:"var(--font-mono)",fontSize:"11px",color:"rgba(255, 255, 255, 0.45)"},"& .countdown-primary .cd-cell":{background:"rgba(255, 107, 53, 0.14)",borderColor:"rgba(255, 107, 53, 0.4)"},"& .countdown-primary .cd-cell .num":{color:"var(--primary)",textShadow:"0 0 20px rgba(255, 107, 53, 0.4)"},"& .countdown-primary .cd-cell .lab":{color:"rgba(255, 107, 53, 0.7)"},"& .price-cta":{display:"flex",flexDirection:"column",gap:"10px",marginTop:"20px"},"& .price-period":{fontSize:"13px",color:"rgba(255, 255, 255, 0.55)",textAlign:"center",fontFamily:"var(--font-mono)",marginTop:"6px"},"& .stats-grid":{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"0",borderTop:"1px solid var(--line)",borderBottom:"1px solid var(--line)"},"& .stat":{padding:"36px 28px",borderRight:"1px solid var(--line)"},"& .stat:last-child":{borderRight:"none"},"& .stat .lab":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"var(--muted)",letterSpacing:"0.02em",marginBottom:"10px"},"& .stat .val":{fontFamily:"var(--font-mono)",fontSize:"38px",fontWeight:700,letterSpacing:"-0.04em",lineHeight:1,color:"var(--ink)"},"& .stat .val .sub":{fontSize:"18px",color:"var(--muted)",marginLeft:"4px"},"& .stat .val.val-text":{fontSize:"22px",letterSpacing:"-0.02em"},"& .stat .desc":{fontSize:"13px",color:"var(--muted)",marginTop:"8px"},"& .inst-split":{background:"#0f0f10",padding:"120px 0"},"& .inst-headline-top":{textAlign:"center",margin:"0 0 16px",fontFamily:"var(--font-sans)",fontSize:"40px",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.03em",color:"#fff"},"& .inst-split-inner":{display:"flex",flexDirection:"column",gap:"32px",paddingTop:"16px",maxWidth:"860px",margin:"0 auto"},"& .inst-split-left":{display:"flex",flexDirection:"column",alignItems:"flex-start",minWidth:"0"},"& .inst-split-photo":{width:"100%",height:"auto",borderRadius:"16px",display:"block"},"& .inst-split-right":{display:"flex",flexDirection:"column"},"& .inst-split-label":{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.12em",color:"var(--primary)",marginTop:"20px",marginBottom:"4px",textTransform:"uppercase",textAlign:"left"},"& .inst-split-name":{fontFamily:"var(--font-sans)",fontSize:"32px",fontWeight:700,color:"#fff",letterSpacing:"-0.02em",lineHeight:1.1,marginBottom:"16

1px",textAlign:"left"},"& .inst-headline":{fontFamily:"var(--font-sans)",fontSize:"40px",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.03em",color:"#fff",margin:"0 0 20px"},"& .inst-desc":{fontSize:"18px",fontWeight:500,lineHeight:1.5,color:"rgba(255, 255, 255, 0.55)",margin:"0 0 16px",maxWidth:"560px"},"& .inst-desc-top":{textAlign:"center",margin:"0 auto 32px"},"& .inst-desc-break":{display:"none"},"& .inst-cards":{display:"flex",flexDirection:"column",gap:"12px",width:"100%",maxWidth:"600px",textAlign:"left"},"& .inst-card":{display:"flex",alignItems:"center",gap:"14px",background:"rgba(255, 255, 255, 0.06)",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"12px",padding:"16px 20px"},"& .inst-card-icon":{fontSize:"20px",flexShrink:0,color:"#fff"},"& .inst-card-info":{display:"flex",flexDirection:"column",gap:"3px"},"& .inst-card-title":{fontSize:"14px",fontWeight:700,color:"#fff",letterSpacing:"-0.01em"},"& .inst-card-desc":{fontSize:"14px",color:"rgba(255, 255, 255, 0.45)",lineHeight:1.5},"@media (max-width: 860px)":ei({"& .inst-split-left":{alignItems:"center"},"& .inst-split-label":{textAlign:"center"},"& .inst-split-name":{textAlign:"center"},"& .inst-split-right":{alignItems:"stretch"},"& .inst-career-card":{width:"100%",boxSizing:"border-box"},"& .inst-cards":{textAlign:"center"},"& .inst-card":{textAlign:"left"}},{"& .aud-grid":{gridTemplateColumns:"1fr"}},{"& .roadmap-wrap":{padding:"60px 20px"},"& .roadmap-header":{marginBottom:"40px"},"& .roadmap-wrap .level-tabs":{gridTemplateColumns:"repeat(2, 1fr)",gap:"10px"},"& .roadmap-wrap .courses-header":{padding:"20px"},"& .roadmap-wrap .courses-content":{padding:"20px"}}),"& .pass-card-section":{background:"var(--light)"},"& .pc-title":{fontFamily:"var(--font-sans)",fontSize:"clamp(28px, 3.6vw, 48px)",fontWeight:700,color:"var(--ink)",lineHeight:1.2,letterSpacing:"-0.03em",margin:"0 0 40px"},"& .pc-card":{border:"1px solid var(--line)",borderRadius:"16px",display:"grid",gridTemplateColumns:"1fr auto 1fr",overflow:"hidden",background:"#fff",marginTop:"48px"},"& .pc-left,\n& .pc-right":{padding:"40px 48px"},"& .pc-divider":{width:"1px",background:"var(--line)",margin:"32px 0"},"& .pc-mono-label":{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.14em",color:"var(--muted)",marginBottom:"24px"},"& .pc-svg":{width:"100%",maxWidth:"420px",display:"block",margin:"0 0 16px"},"& .pc-roadmap-desc":{fontSize:"14px",color:"var(--muted)"},"& .pc-discount-row":{display:"flex",alignItems:"baseline",gap:"4px",marginBottom:"16px"},"& .pc-discount-num":{fontFamily:"var(--font-sans)",fontSize:"72px",fontWeight:700,color:"var(--primary)",lineHeight:1,letterSpacing:"-0.04em"},"& .pc-discount-pct":{fontSize:"28px",fontWeight:700,color:"var(--primary)"},"& .pc-off":{fontFamily:"var(--font-mono)",fontSize:"13px",fontWeight:600,color:"var(--muted)",letterSpacing:"0.08em",marginLeft:"4px"},"& .pc-original":{fontSize:"14px",color:"var(--muted)",textDecoration:"line-through",marginBottom:"4px"},"& .pc-price-row":{display:"flex",alignItems:"baseline",gap:"4px",marginBottom:"12px"},"& .pc-price":{fontFamily:"var(--font-sans)",fontSize:"48px",fontWeight:700,color:"var(--ink)",letterSpacing:"-0.03em"},"& .pc-price-unit":{fontSize:"20px",fontWeight:600,color:"var(--ink)"},"& .pc-note":{fontSize:"13px",color:"var(--muted)"},"& .pc-footer-wrap":{marginTop:"12px"},"& .pc-footer-bar":{background:"var(--ink)",borderRadius:"12px 12px 0 0",padding:"16px 32px",display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"13px",fontWeight:600,color:"#fff"},"& .pc-footer-right":{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.1em",color:"rgba(255, 255, 255, 0.45)"},"& .pc-cta-btn":{width:"100%",background:"var(--primary)",color:"#fff",border:"none",borderRadius:"0 0 12px 12px",padding:"20px",fontSize:"17px",fontWeight:700,letterSpacing:"-0.01em",cursor:"pointer",transition:"background 0.2s"},"& .pc-cta-btn:hover":{background:"var(--primary-deep)"},"& .pi-split-wrap":{marginTop:"52px",overflow:"hidden"},"& .pi-roadmap-area":{padding:"0 0 24px"},"& .pi-roadmap-heading":{fontSize:"18px",fontWeight:700,color:"var(--ink)",lineHeight:1.55,textAlign:"center",margin:"0 0 12px",letterSpacing:"-0.01em"},"& .pi-roadmap-track":{display:"flex",alignItems:"center",justifyContent:"center"},"& .pi-node":{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"6px",flex:1,minWidth:"120px",padding:"18px 0",border:"1px solid var(--primary)",borderRadius:"10px",background:"transparent"},"& .pi-node-ticket":{position:"relative",display:"inline-block",background:"rgba(255, 107, 53, 0.15)",padding:"1px 12px",borderRadius:"3px"},"& .pi-node-ticket::before,\n& .pi-node-ticket::after":{content:"''",position:"absolute",top:"50%",transform:"translateY(-50%)",width:"7px",height:"7px",borderRadius:"50%",background:"var(--light)"},"& .pi-node-ticket::before":{left:"-3.5px"},"& .pi-node-ticket::after":{right:"-3.5px"},"& .pi-node-num":{fontFamily:"var(--font-mono)",fontSize:"11px",fontWeight:700,color:"var(--primary-deep)",letterSpacing:"0.08em"},"& .pi-node-label":{fontFamily:"'MonaS', var(--font-sans)",fontSize:"24px",fontWeight:700,color:"var(--ink)"},"& .pi-connector":{flex:"none",width:"32px",height:"2px",backgroundImage:"repeating-linear-gradient(\n    to right,\n    var(--primary) 0,\n    var(--primary) 2px,\n    transparent 2px,\n    transparent 8px\n  )"},"@media (max-width: 560px)":ei({"& .pi-roadmap-track":{flexDirection:"column",alignItems:"stretch",gap:"0",maxWidth:"100%"},"& .pi-node":{flexDirection:"row",justifyContent:"flex-start",alignItems:"center",width:"auto",gap:"12px",padding:"12px 16px",marginBottom:"8px"},"& .pi-node-num":{fontSize:"14px"},"& .pi-node-label":{fontSize:"20px"},"& .pi-connector":{display:"none"}},{"& .pi-value-grid":{gridTemplateColumns:"1fr"}},{"& .curr-footer":{flexDirection:"column",alignItems:"flex-start",ga

1p:"12px"},"& .curr-footer-col--right":{alignItems:"flex-start"},"& .curr-footer-arrow":{display:"none"}},{"& .curr-card-upcoming":{gridColumn:"span 2"}}),"& .pi-info-row":{background:"var(--primary-soft)",borderRadius:"16px"},"& .pi-info-col":{padding:"32px 28px"},"& .pi-info-price-block":{textAlign:"center"},"& .pi-pp-original-line":{fontFamily:"var(--font-sans)",fontSize:"15px",color:"var(--muted-2)",textDecoration:"line-through",marginBottom:"0"},"& .pi-pp-main-row":{display:"flex",alignItems:"baseline",justifyContent:"center",gap:"4px",marginBottom:"0"},"& .pi-pp-pct":{fontFamily:"var(--font-sans)",fontSize:"42px",fontWeight:700,color:"var(--primary)",lineHeight:1,letterSpacing:"-0.03em"},"& .pi-pp-pct-sym":{fontFamily:"var(--font-sans)",fontSize:"28px",fontWeight:700,color:"var(--primary)",marginRight:"6px"},"& .pi-pp-main":{fontFamily:"var(--font-sans)",fontSize:"48px",fontWeight:700,color:"var(--ink)",letterSpacing:"-0.03em",lineHeight:1.1},"& .pi-pp-won":{fontSize:"24px",fontWeight:600},"& .pi-pp-sub":{fontSize:"14px",color:"var(--muted)",lineHeight:1.55,whiteSpace:"normal"},"& .pi-pp-sub strong":{fontWeight:700,color:"var(--ink-2)"},"& .aud-promise-card":{marginTop:"20px",background:"#fffbeb",borderRadius:"16px",padding:"32px 36px",textAlign:"center"},"& .aud-promise-title":{fontSize:"clamp(18px, 2.2vw, 24px)",fontWeight:700,color:"#0b1020",lineHeight:1.5,margin:"0 0 12px"},"& .aud-promise-sub":{fontSize:"15px",color:"var(--muted)",margin:"0",lineHeight:1.7},"& .aud-grid":{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gap:"20px"},"& .aud-card":{border:"1px solid var(--line)",borderRadius:"14px",overflow:"hidden",background:"#fff",display:"flex",flexDirection:"column"},"& .aud-card-top":{padding:"28px 28px 24px",flex:1},"& .aud-card-header":{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"14px"},"& .aud-level":{fontFamily:"var(--font-mono)",fontSize:"12px",letterSpacing:"0.04em",color:"var(--primary)"},"& .aud-card-num":{fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--muted)",letterSpacing:"0.04em"},"& .aud-card h3":{fontSize:"22px",marginBottom:"12px",letterSpacing:"-0.025em",color:"var(--ink)"},"& .aud-card-top > p":{color:"var(--muted)",margin:"0",fontSize:"15px",lineHeight:1.6},"& .aud-review":{background:"transparent",padding:"20px 28px 24px",borderTop:"1px solid var(--line)"},"& .aud-review-header":{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.08em",color:"var(--primary)",marginBottom:"10px"},"& .aud-review-stars":{color:"var(--primary)",fontSize:"13px",letterSpacing:"2px",marginBottom:"10px"},"& .aud-review-text":{fontSize:"14px",color:"var(--ink)",lineHeight:1.65,margin:"0 0 16px"},"& .aud-reviewer":{display:"flex",alignItems:"center",gap:"10px"},"& .aud-avatar":{width:"28px",height:"28px",borderRadius:"50%",background:"rgba(11, 16, 32, 0.12)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:600,color:"var(--ink)",flexShrink:0},"& .aud-reviewer span":{fontSize:"12px",color:"var(--muted)",fontFamily:"var(--font-mono)",letterSpacing:"0.02em"},"& .value-grid":{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"0",border:"1px solid var(--line-dark)",borderRadius:"18px",overflow:"hidden"},"& .value-cell":{padding:"36px",borderRight:"1px solid var(--line-dark)",borderBottom:"1px solid var(--line-dark)",position:"relative",transition:"background 0.2s ease"},"& .value-cell:hover":{background:"rgba(255, 255, 255, 0.02)"},"& .value-cell:nth-child(2n)":{borderRight:"none"},"& .value-cell:nth-last-child(-n + 2)":{borderBottom:"none"},"& .value-num":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"var(--primary)",letterSpacing:"0.04em",marginBottom:"16px"},"& .value-cell h3":{fontSize:"22px",letterSpacing:"-0.025em",marginBottom:"10px",color:"#fff"},"& .value-cell p":{fontSize:"15px",color:"rgba(255, 255, 255, 0.65)",margin:"0"},"& .pi-value-grid":{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"10px",marginTop:"48px"},"& .pi-value-cell":{padding:"24px 28px",background:"rgba(11, 16, 32, 0.04)",borderRadius:"14px",border:"none",transition:"background 0.2s ease"},"& .pi-value-cell--bonus":{background:"rgba(11, 16, 32, 0.04)"},"& .pi-value-header":{display:"flex",alignItems:"center",gap:"14px",marginBottom:"10px"},"& .pi-value-badge":{display:"inline-flex",alignItems:"center",flexShrink:0,fontFamily:"var(--font-mono)",fontSize:"11px",fontWeight:700,letterSpacing:"0.05em",color:"var(--ink-2)"},"& .pi-value-cell--bonus .pi-value-badge":{color:"var(--primary)"},"& .pi-value-cell h3":{fontSize:"18px",fontWeight:700,letterSpacing:"-0.02em",color:"var(--ink)",margin:"0"},"& .pi-value-cell p":{fontSize:"14px",color:"var(--muted)",margin:"0",lineHeight:1.65},"& .calc-wrap":{display:"grid",gridTemplateColumns:"1.4fr 1fr",gap:"24px",alignItems:"start"},"@media (max-width: 960px)":ei({"& .calc-wrap":{gridTemplateColumns:"1fr"}},{"& .review-grid":{columns:"2"}}),"& .calc-list":{background:"#fff",border:"1px solid var(--line)",borderRadius:"14px",overflow:"hidden"},"& .calc-list-header":{padding:"18px 22px",background:"var(--light-2)",borderBottom:"1px solid var(--line)",fontFamily:"var(--font-mono)",fontSize:"13px",color:"var(--muted)",display:"flex",justifyContent:"space-between",alignItems:"center"},"& .calc-list-header .actions":{display:"flex",gap:"12px",fontSize:"12px"},"& .calc-list-header .actions button":{background:"transparent",border:"1px solid var(--line)",padding:"5px 10px",borderRadius:"6px",fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--ink-2)",transition:"background 0.15s"},"& .calc-list-header .actions button:hover":{background:"#fff"},"& .calc-list ul":{listStyle:"none",margin:"0",padding:"0",maxHeight:"520px",overflowY:"auto"},"& .calc-row":{display:"grid",gridTemplateColumns:"28px 1fr auto",gap:"14px",alignItems:"center",padding:"14px 22px",borderBottom:"1px solid var(--line)",cursor:"pointer",transition:"background 0.12s",userSelect:"none"},"& .calc-row:last-child":{borderBottom:"none"},"& .calc-row:hover":{background:"var(--light)"},"& .calc-row.owned":{background:"rgba(16, 185, 129, 0.06)"},"& .calc-row.locked":{cursor:"default",background:"var(--light) !important",opacity:.7},"& .calc-row.locked:hover":{background:"var(--light) !important"},"& .calc-row.locked .title":{color:"var(--muted)"},"& .calc-row.locked .check":{background:"var(--muted-2) !important",borderColor:"var(--muted-2) !important"},"& .calc-row.locked .check svg":{opacity:"1 !important"},"& .calc-row .locked-price":{color:"var(--muted-2)"},"& .owned-badge":{fontFamily:"var(--font-mono)",fontSize:"10px",fontWeight:600,padding:"2px 8px",borderRadius:"4px",background:"rgba(11, 16, 32, 0.06)",color:"var(--muted)",whiteSpace:"nowrap",letterSpacing:"0.03em",flexShrink:0},"& .user-account-bar":{display:"flex",alignItems:"center",gap:"12px",padding:"12px 22px",background:"rgba(16, 185, 129, 0.05)",borderBottom:"1px solid rgba(16, 185, 129, 0.18)"},"& .user-avatar":{width:"28px",height:"28px",borderRadius:"50%",background:"var(--success)",color:"#fff",fontWeight:700,fontSize:"12px",display:"grid",placeItems:"center",flexShrink:0},"& .user-info":{flex:1,lineHeight:1.3},"& .user-name":{fontSize:"13px",fontWeight:600,color:"var(--ink)"},"& .user-sub":{display:"block",fontFamily:"var(--font-mono)",fontSize:"11px",color:"var(--muted)",marginTop:"2px"},"& .user-auto-tag":{fontFamily:"var(--font-mono)",fontSize:"10px",fontWeight:600,padding:"3px 9px",background:"rgba(16, 185, 129, 0.12)",border:"1px solid rgba(16, 185, 129, 0.3)",borderRadius:"999px",color:"var(--success)",letterSpacing:"0.04em",whiteSpace:"nowrap",flexShrink:0},"& .calc-row .check":{width:"20px",height:"20px",border:"1.5px solid var(--line)",borderRadius:"5px",position:"relative",display:"grid",placeItems:"center",background:"#fff",transition:"background 0.15s, border-color 0.15s"},"& .calc-row.owned .check":{background:"var(--success)",borderColor:"var(--success)"},"& .calc-row .check svg":{opacity:0,transition:"opacity 0.15s"},"& .calc-row.owned .check svg":{opacity:1},"& .calc-row .title":{fontSize:"14px",color:"var(--ink)",fontWeight:500},"& .calc-row .meta":{display:"flex",gap:"8px",alignItems:"center",fontFamily:"var(--font-mono)",fontSize:"12px",color:"var(--muted)"},"& .calc-row .price-old":{fontSize:"12px",color:"var(--muted)"},"& .calc-row .lvl":{fontSize:"10px",padding:"2px 6px",borderRadius:"4px",background:"var(--light-2)",color:"var(--muted)",textTransform:"uppercase",letterSpacing:"0.04em"},"& .calc-row .lvl.lvl-i":{background:"rgba(16, 185, 129, 0.12)",color:"var(--success)"},"& .calc-row .lvl.lvl-j":{background:"rgba(245, 158, 11, 0.12)",color:"#b45309"},"& .calc-row .lvl.lvl-s":{background:"rgba(255, 107, 53, 0.12)",color:"var(--primary-deep)"},"& .calc-receipt":{background:"var(--dark)",color:"#fff",borderRadius:"14px",padding:"28px",position:"sticky",top:"120px",border:"1px solid var(--line-dark)"},"& .calc-receipt .receipt-title":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"rgba(255, 255, 255, 0.55)",letterSpacing:"0.04em",marginBottom:"18px",display:"flex",justifyContent:"space-between"},"& .r-line":{display:"flex",justifyContent:"space-between",fontSize:"14px",padding:"10px 0",fontFamily:"var(--font-mono)",color:"rgba(255, 255, 255, 0.75)"},"& .r-line.discount":{color:"var(--success)"},"& .r-line .lab span":{color:"rgba(255, 255, 255, 0.4)",marginLeft:"4px",fontSize:"12px"},"& .r-divider":{height:"1px",background:"var(--line-dark)",margin:"8px 0"},"& .r-divider.dashed":{background:"none",borderTop:"1px dashed var(--line-dark)"},"& .r-total":{display:"flex",justifyContent:"space-between",alignItems:"baseline",marginTop:"12px",paddingTop:"16px",borderTop:"2px solid rgba(255, 255, 255, 0.2)"},"& .r-total .lab":{fontSize:"14px",color:"rgba(255, 255, 255, 0.7)",fontFamily:"var(--font-mono)"},"& .r-total .val":{fontFamily:"var(--font-mono)",fontSize:"34px",fontWeight:700,letterSpacing:"-0.04em",color:"var(--primary)"},"& .r-total .val.zero":{color:"var(--success)"},"& .r-section-label":{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.08em",textTransform:"uppercase",color:"rgba(255, 255, 255, 0.35)",marginBottom:"10px"},"& .r-course-item":{display:"flex",alignItems:"center",gap:"12px",padding:"8px 0"},"& .r-course-count":{fontFamily:"var(--font-mono)",fontSize:"22px",fontWeight:700,color:"#fff",letterSpacing:"-0.04em",lineHeight:1,minWidth:"44px",flexShrink:0},"& .r-course-count span":{fontSize:"13px",fontWeight:500,color:"rgba(255, 255, 255, 0.5)",marginLeft:"1px"},"& .r-bonus-count":{color:"var(--success)"},"& .r-bonus-count span":{color:"rgba(16, 185, 129, 0.6)"},"& .r-course-info":{flex:1},"& .r-course-name":{fontSize:"14px",fontWeight:500,color:"rgba(255, 255, 255, 0.9)"},"& .r-course-bonus .r-course-name":{color:"var(--success)"},"& .r-course-sub":{fontFamily:"var(--font-mono)",fontSize:"11px",color:"rgba(255, 255, 255, 0.4)",marginTop:"2px"},"& .r-course-bonus .r-course-sub":{color:"rgba(16, 185, 129, 0.55)"},"& .r-free-tag":{fontFamily:"var(--font-mono)",fontSize:"11px",fontWeight:700,padding:"3px 8px",borderRadius:"5px",background:"rgba(16, 185, 129, 0.15)",color:"var(--success)",border:"1px solid rgba(16, 185, 129, 0.3)",flexShrink:0},"& .r-note":{marginTop:"14px",padding:"12px",background:"rgba(255, 107, 53, 0.1)",border:"1px solid rgba(255, 107, 53, 0.25)",borderRadius:"8px",fontSize:"12px",color:"rgba(255, 255, 255, 0.85)",lineHeight:1.5},"& .r-note.success":{background:"rgba(16, 185, 129, 0.12)",borderColor:"rgba(16, 185, 129, 0.3)"},"& .r-cta":{width:"100%",marginTop:"16px"},"& .r-fineprint":{fontSize:"11px",color:"rgba(255, 255, 255, 0.4)",marginTop:"14px",textAlign:"center",fontFamily:"var(--font-mono)",letterSpacing:"0.02em",lineHeight:1.5},"& .cmp-header":{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginBottom:"40px"},"& .cmp-eyebrow":{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.1em",color:"var(--muted)",marginBottom:"8px"},"& .cmp-title":{fontFamily:"var(--font-sans)",fontSize:"clamp(26px, 3vw, 40px)",fontWeight:700,letterSpacing:"-0.03em",color:"var(--ink)",margin:"0"},"& .cmp-tagline":{fontSize:"15px",color:"var(--muted)",margin:"0",textAlign:"right"},"& .cmp-grid":{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"16px",alignItems:"stretch",maxWidth:"860px",marginLeft:"auto",marginRight:"auto"},"@media (max-width: 480px)":ei({"& .hero-display-title":{fontSize:"60px"}},{"& .cmp-card":{padding:"24px"}},{"& .inst-career-card":{padding:"20px",borderRadius:"8px"}},{"& .inst-split-video":{borderRadius:"8px"}}),"& .cmp-card":{border:"1px solid var(--line)",borderRadius:"16px",padding:"32px",background:"#fff",position:"relative",display:"flex",flexDirection:"column"},"& .cmp-card--dark":{background:"var(--dark)",borderColor:"var(--primary)",borderWidth:"2px"},"& .cmp-recommended":{position:"absolute",top:"-1px",right:"24px",background:"var(--primary)",color:"#fff",fontFamily:"var(--font-mono)",fontSize:"10px",fontWeight:700,letterSpacing:"0.08em",padding:"5px 12px",borderRadius:"0 0 8px 8px"},"& .cmp-option-label":{fontFamily:"var(--font-mono)",fontSize:"11px",letterSpacing:"0.08em",color:"var(--muted)",marginBottom:"10px"},"& .cmp-card-title":{fontSize:"24px",fontWeight:700,letterSpacing:"-0.025em",color:"var(--ink)",marginBottom:"4px"},"& .cmp-card-sub":{fontSize:"14px",color:"var(--muted)",marginBottom:"20px"},"& .cmp-price-wrap":{display:"flex",alignItems:"baseline",gap:"4px",marginBottom:"6px"},"& .cmp-price":{fontFamily:"var(--font-sans)",fontSize:"44px",fontWeight:700,letterSpacing:"-0.04em",color:"var(--ink)"},"& .cmp-card:not(.cmp-card--dark) .cmp-price":{color:"var(--muted)",textDecoration:"line-through",textDecorationThickness:"2px"},"& .cmp-price-unit":{fontSize:"18px",color:"var(--muted)",fontWeight:500},"& .cmp-price-note":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"var(--muted)",marginBottom:"24px"},"& .cmp-divider":{height:"1px",background:"var(--line)",marginBottom:"16

1px"},"& .cmp-list":{listStyle:"none",padding:"0",margin:"0 0 24px",flex:1,wordBreak:"keep-all"},"& .cmp-list li":{display:"flex",gap:"10px",padding:"6px 0",fontSize:"14px",color:"var(--muted)"},"& .cmp-icon":{width:"20px",height:"20px",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"10px",fontWeight:700,flexShrink:0},"& .cmp-icon--no":{border:"1.5px solid rgba(11, 16, 32, 0.2)",color:"rgba(11, 16, 32, 0.3)"},"& .cmp-icon--yes":{background:"var(--primary)",color:"#fff"},"& .cmp-list--dark li":{color:"rgba(255, 255, 255, 0.75)"},"& .cmp-list--dark li b":{color:"#fff",fontWeight:600},"& .cmp-btn-outline":{width:"100%",padding:"14px",border:"1px solid var(--line)",borderRadius:"10px",background:"transparent",fontSize:"14px",fontWeight:600,color:"var(--ink)",cursor:"default",pointerEvents:"none",marginTop:"auto"},"& .cmp-btn-primary":{width:"100%",padding:"16px",border:"none",borderRadius:"10px",background:"var(--primary)",fontSize:"15px",fontWeight:700,color:"#fff",cursor:"pointer",marginTop:"auto"},"& .cmp-btn-primary:hover":{background:"var(--primary-deep)"},"& .cmp-stats-bar":{display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",marginTop:"16px",border:"1px solid var(--line)",borderRadius:"14px",background:"#fff",overflow:"hidden"},"& .cmp-stat":{padding:"24px 32px"},"& .cmp-stat-divider":{width:"1px",background:"var(--line)",alignSelf:"stretch"},"& .cmp-stat-eyebrow":{fontFamily:"var(--font-mono)",fontSize:"10px",letterSpacing:"0.1em",color:"var(--muted)",marginBottom:"4px"},"& .cmp-stat-desc":{fontSize:"13px",color:"var(--muted)",marginBottom:"6px"},"& .cmp-stat-val":{fontFamily:"var(--font-sans)",fontSize:"32px",fontWeight:700,color:"var(--primary)",letterSpacing:"-0.03em"},"& .cmp-stat-val span":{fontSize:"14px",fontWeight:500,color:"var(--muted)",letterSpacing:"0"},"& .curr-tabs":{display:"flex",gap:"8px",flexWrap:"wrap",marginTop:"64px",marginBottom:"20px"},"& .curr-tab":{display:"inline-flex",alignItems:"center",gap:"7px",padding:"9px 20px",borderRadius:"999px",border:"1.5px solid rgba(255, 255, 255, 0.18)",background:"transparent",color:"rgba(255, 255, 255, 0.55)",fontSize:"14px",fontWeight:600,letterSpacing:"-0.01em",cursor:"pointer",transition:"background 0.15s, border-color 0.15s, color 0.15s"},"& .curr-tab:hover":{borderColor:"rgba(255, 255, 255, 0.4)",color:"rgba(255, 255, 255, 0.85)"},"& .curr-tab--active,\n& .curr-tab--active:hover":{background:"#fff",borderColor:"#fff",color:"var(--dark)"},"& .curr-tab-count":{fontFamily:"var(--font-mono)",fontSize:"12px",opacity:.6},"& .curr-tab--active .curr-tab-count":{opacity:.45},"& .curr-panel":{background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"16px",overflow:"hidden",marginTop:"64px"},"& .curr-panel-header":{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"18px 24px",borderBottom:"1px solid rgba(255, 255, 255, 0.07)"},"& .curr-panel-cat":{fontSize:"18px",fontWeight:700,color:"rgba(255, 255, 255, 0.9)",letterSpacing:"-0.01em"},"& .curr-panel-total":{fontFamily:"var(--font-mono)",fontSize:"12px",color:"rgba(255, 255, 255, 0.4)"},"& .curr-list":{listStyle:"none",padding:"0",margin:"0"},"& .curr-item":{display:"flex",alignItems:"center",gap:"16px",padding:"15px 24px",borderBottom:"1px solid rgba(255, 255, 255, 0.05)",transition:"background 0.12s"},"& .curr-item:last-child":{borderBottom:"none"},"& .curr-item:hover":{background:"rgba(255, 255, 255, 0.03)"},"& .curr-dot":{width:"10px",height:"10px",borderRadius:"50%",border:"2px solid rgba(255, 255, 255, 0.25)",flexShrink:0},"& .curr-dot--first":{background:"var(--primary)",borderColor:"var(--primary)"},"& .curr-item-title":{flex:1,fontSize:"14px",color:"rgba(255, 255, 255, 0.8)",lineHeight:1.4},"& .curr-item-price":{fontFamily:"var(--font-mono)",fontSize:"13px",color:"rgba(255, 255, 255, 0.35)",flexShrink:0},"& .curr-item--owned":{opacity:.5},"& .curr-item-owned-badge":{fontFamily:"var(--font-mono)",fontSize:"13px",fontWeight:600,color:"rgba(255, 255, 255, 0.45)",background:"rgba(255, 255, 255, 0.08)",padding:"4px 12px",borderRadius:"999px",flexShrink:0,letterSpacing:"0.02em"},"& .curr-footer":{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"16px",padding:"20px 24px",borderTop:"1px solid rgba(255, 255, 255, 0.07)",background:"rgba(255, 255, 255, 0.025)"},"& .curr-footer-col":{display:"flex",flexDirection:"column",gap:"4px"},"& .curr-footer-col--right":{alignItems:"flex-end"},"& .curr-footer-label":{fontFamily:"var(--font-mono)",fontSize:"11px",color:"rgba(255, 255, 255, 0.35)",letterSpacing:"0.04em"},"& .curr-footer-col--right .curr-footer-label":{fontSize:"14px",fontWeight:600,color:"var(--primary)",letterSpacing:"0.02em"},"& .curr-footer-sum":{fontFamily:"var(--font-mono)",fontSize:"20px",fontWeight:700,color:"rgba(255, 255, 255, 0.45)",letterSpacing:"-0.03em",textDecoration:"line-through"},"& .curr-footer-arrow":{fontSize:"18px",color:"rgba(255, 255, 255, 0.2)"},"& .curr-footer-pass":{fontFamily:"var(--font-mono)",fontSize:"20px",fontWeight:700,color:"var(--primary)",letterSpacing:"-0.03em"},"& .curr-cmp-grid":{display:"grid",gridTemplateColumns:"1fr 1fr",gap:"16px",marginTop:"64px",maxWidth:"860px",marginLeft:"auto",marginRight:"auto"},"& .curr-chip":{display:"inline-flex",alignItems:"center",gap:"5px",fontSize:"13px",fontWeight:600,color:"rgba(255, 255, 255, 0.85)",border:"1.5px solid rgba(255, 255, 255, 0.18)",borderRadius:"999px",padding:"5px 14px",whiteSpace:"nowrap"},"& .curr-chip--owned":{color:"rgba(255, 255, 255, 0.25)",borderColor:"rgba(255, 255, 255, 0.08)",background:"rgba(255, 255, 255, 0.03)",fontWeight:400,textDecoration:"line-through",textDecorationColor:"rgba(255, 255, 255, 0.15)"},"& .curr-chip-check":{fontSize:"11px",color:"rgba(255, 255, 255, 0.25)",textDecoration:"none",display:"inline-block"},"& .curr-chip--new":{borderColor:"var(--primary)",color:"var(--primary)",background:"rgba(255, 107, 53, 0.08)"},"& .curr-chip-new-badge":{fontSize:"10px",fontWeight:700,color:"#fff",background:"var(--primary)",borderRadius:"999px",padding:"1px 6px",letterSpacing:"0.04em"},"& .curr-chip--free":{borderColor:"rgba(255, 255, 255, 0.1)",color:"rgba(255, 255, 255, 0.4)"},"& .curr-chip-free-badge":{fontSize:"10px",fontWeight:500,color:"rgba(255, 255, 255, 0.35)",letterSpacing:"0.02em"},"& .curr-card-grid":{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"10px"},"& .curr-card":{background:"rgba(255, 255, 255, 0.07)",border:"1px solid rgba(255, 255, 255, 0.09)",borderRadius:"10px",padding:"16px",display:"flex",flexDirection:"column",gap:"6px",transition:"background 0.15s",minHeight:"113.74px"},"& .curr-card:hover":{background:"rgba(255, 255, 255, 0.07)"},"& .curr-card--owned":{opacity:.42},"& .curr-card--new":{borderColor:"rgba(255, 107, 53, 0.7)"},"& .curr-card-price-row":{display:"flex",alignItems:"center",gap:"6px",flexWrap:"wrap"},"& .curr-card-badge":{fontFamily:"var(--font-mono)",fontSize:"10px",fontWeight:700,letterSpacing:"0.05em",borderRadius:"999px",padding:"2px 7px"},"& .curr-card-badge--free":{color:"rgba(255, 255, 255, 0.4)",background:"rgba(255, 255, 255, 0.06)"},"& .curr-card-badge--new":{color:"var(--primary)",background:"rgba(255, 107, 53, 0.12)"},"& .curr-card-badge--owned":{color:"rgba(255, 255, 255, 0.35)",background:"rgba(255, 255, 255, 0.05)"},"& .curr-card-title":{fontSize:"14px",fontWeight:700,color:"rgba(255, 255, 255, 0.9)",lineHeight:1.5,minHeight:"calc(14px * 1.5)",display:"-webkit-box",lineClamp:2,WebkitLineClamp:"2",WebkitBoxOrient:"vertical",overflow:"hidden"},"& .curr-card-price":{fontFamily:"var(--font-mono)",fontSize:"13px",fontWeight:600,color:"rgba(255, 255, 255, 0.4)"},"& .curr-card-price--free":{color:"rgba(255, 255, 255, 0.35)",fontWeight:500,fontSize:"13px"},"& .curr-card-meta":{display:"flex",alignItems:"center",gap:"4px",fontSize:"12px",fontWeight:400,color:"rgba(255, 255, 255, 0.8)"},"& .curr-cmp-card--muted":{background:"rgba(255, 255, 255, 0.04)",borderColor:"rgba(255, 255, 255, 0.1)"},"& .review-disclaimer":{display:"inline-flex",alignItems:"center",gap:"8px",fontSize:"13px",color:"var(--muted)",background:"var(--light)",padding:"8px 14px",borderRadius:"999px",marginBottom:"32px",fontFamily:"var(--font-mono)"},"& .review-grid":{columns:"3",columnGap:"20px"},"@media (max-width: 600px)":{"& .review-grid":{columns:"1"}},"& .review-card":{breakInside:"avoid",background:"#fff",border:"1px solid var(--line)",borderRadius:"12px",padding:"22px",marginBottom:"20px",transition:"transform 0.2s ease, box-shadow 0.2s ease"},"& .review-card:hover":{transform:"translateY(-2px)",boxShadow:"var(--shadow)"},"& .review-stars":{color:"var(--primary)",fontSize:"13px",letterSpacing:"2px",marginBottom:"12px",fontFamily:"var(--font-mono)"},"& .review-text":{fontSize:"14.5px",color:"var(--ink)",lineHeight:1.6,margin:"0 0 16px",textWrap:"pretty"},"& .review-meta":{display:"flex",alignItems:"center",gap:"10px",paddingTop:"14px",borderTop:"1px solid var(--line)"},"& .review-meta .avatar":{width:"32px",height:"32px",borderRadius:"50%",background:"var(--light-2)",fontFamily:"var(--font-mono)",fontWeight:700,fontSize:"13px",display:"grid",placeItems:"center",color:"var(--ink-2)"},"& .review-meta .who":{fontSize:"13px",fontWeight:600},"& .review-meta .course":{fontSize:"11px",color:"var(--muted)",marginTop:"1px"},"& .faq-list":{maxWidth:"820px",margin:"0 auto"},"& .faq-item":{borderBottom:"1px solid var(--line)"},"& .faq-item:first-child":{borderTop:"1px solid var(--line)"}

1,"& .faq-q":{width:"100%",background:"transparent",border:"none",padding:"22px 0",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"20px",textAlign:"left",fontSize:"17px",fontWeight:600,color:"var(--ink)",letterSpacing:"-0.015em"},"& .faq-q .ic":{width:"24px",height:"24px",flexShrink:0,display:"grid",placeItems:"center",color:"var(--muted)",transition:"transform 0.2s ease",fontFamily:"var(--font-mono)",fontSize:"18px"},"& .faq-item.open .faq-q .ic":{transform:"rotate(45deg)",color:"var(--primary)"},"& .faq-a":{maxHeight:"0",overflow:"hidden",transition:"max-height 0.3s ease, padding 0.3s ease",fontSize:"15px",color:"var(--ink-2)",lineHeight:1.65},"& .faq-item.open .faq-a":{maxHeight:"600px",padding:"0 0 22px"},"& .faq-a p":{margin:"0 0 8px"},"& .faq-a p:last-child":{marginBottom:"0"},"& .final-cta":{textAlign:"center"},"& .final-cta h2":{fontSize:"clamp(34px, 4.6vw, 56px)",letterSpacing:"-0.035em",marginBottom:"20px",textWrap:"balance",color:"#fff"},"& .fcta-card":{background:"rgba(255, 255, 255, 0.06)",border:"1px solid rgba(255, 255, 255, 0.12)",borderRadius:"24px",padding:"40px",maxWidth:"480px",margin:"0 auto",textAlign:"left"},"& .fcta-pills":{display:"flex",flexWrap:"wrap",gap:"8px",marginBottom:"28px"},"& .fcta-pill":{padding:"6px 14px",borderRadius:"999px",border:"1px solid rgba(255, 255, 255, 0.2)",fontSize:"13px",color:"rgba(255, 255, 255, 0.65)",background:"rgba(255, 255, 255, 0.05)"},"& .fcta-price-old-row":{display:"flex",alignItems:"center",gap:"10px",marginBottom:"8px"},"& .fcta-price-old":{fontSize:"16px",color:"rgba(255, 255, 255, 0.35)",textDecoration:"line-through",fontFamily:"var(--font-sans)"},"& .fcta-discount-text":{fontSize:"14px",fontWeight:700,color:"var(--primary)"},"& .fcta-price-row":{display:"flex",alignItems:"baseline",gap:"4px",marginBottom:"28px"},"& .fcta-price":{fontFamily:"var(--font-sans)",fontSize:"clamp(44px, 6vw, 64px)",fontWeight:700,color:"#fff",letterSpacing:"-0.04em",lineHeight:1},"& .fcta-price-unit":{fontSize:"22px",color:"rgba(255, 255, 255, 0.6)",fontWeight:500},"& .fcta-countdown":{display:"flex",alignItems:"center",gap:"6px",marginBottom:"20px"},"& .fcta-cd-cell":{flex:1,background:"rgba(255, 255, 255, 0.06)",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"10px",padding:"12px 8px 10px",textAlign:"center"},"& .fcta-cd-num":{fontFamily:"var(--font-mono)",fontSize:"26px",fontWeight:700,color:"#fff",letterSpacing:"-0.03em",lineHeight:1,fontVariantNumeric:"tabular-nums"},"& .fcta-cd-lab":{fontFamily:"var(--font-mono)",fontSize:"10px",color:"rgba(255, 255, 255, 0.4)",letterSpacing:"0.04em",marginTop:"6px"},"& .fcta-cd-sep":{fontFamily:"var(--font-mono)",fontSize:"22px",fontWeight:700,color:"rgba(255, 255, 255, 0.25)",flexShrink:0,paddingBottom:"14px"},"& .fcta-btn":{display:"block",width:"100%",padding:"18px",borderRadius:"12px",border:"none",background:"var(--primary)",color:"#fff",fontSize:"17px",fontWeight:700,letterSpacing:"-0.01em",cursor:"pointer",transition:"background 0.15s, transform 0.15s",boxShadow:"0 4px 20px rgba(255, 107, 53, 0.4)",marginTop:"32px",marginBottom:"0"},"& .fcta-btn:hover":{background:"var(--primary-deep)",transform:"translateY(-1px)"},"& .fcta-note":{textAlign:"center",fontSize:"13px",color:"rgba(255, 255, 255, 0.35)",fontFamily:"var(--font-mono)",letterSpacing:"0.01em"},"& .fcta-promo":{maxWidth:"480px",margin:"20px auto 0",padding:"16px 20px",background:"rgba(255, 255, 255, 0.04)",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"12px"},"& .fcta-promo-header":{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"},"& .fcta-promo-brand":{fontSize:"13px",fontWeight:700,color:"#5b9bff",background:"rgba(0, 100, 255, 0.18)",padding:"3px 10px",borderRadius:"999px",letterSpacing:"-0.01em"},"& .fcta-promo-label":{fontSize:"12px",color:"rgba(255, 255, 255, 0.45)",fontFamily:"var(--font-mono)",letterSpacing:"0.04em"},"& .fcta-promo-list":{listStyle:"none",padding:"0",margin:"0",display:"flex",flexDirection:"column",gap:"8px"},"& .fcta-promo-list li":{display:"flex",alignItems:"center",gap:"8px",fontSize:"13px",color:"rgba(255, 255, 255, 0.7)",flexWrap:"wrap"},"& .fcta-promo-list b":{color:"#fff",fontWeight:600},"& .fcta-promo-check":{color:"#0064ff",fontWeight:700,fontSize:"12px",flexShrink:0},"& .fcta-promo-muted":{color:"rgba(255, 255, 255, 0.35)",fontSize:"12px"},"& .fcta-promo-li--clickable":{cursor:"pointer",userSelect:"none"},"& .fcta-promo-li--clickable:hover":{color:"rgba(255, 255, 255, 0.9)"},"& .fcta-tier-arrow":{display:"inline-flex",alignItems:"center",fontSize:"12px",fontWeight:600,color:"rgba(255, 255, 255, 0.6)",background:"rgba(255, 255, 255, 0.1)",borderRadius:"999px",padding:"2px 8px",marginLeft:"4px",whiteSpace:"nowrap"},"& .fcta-tier-arrow.open":{opacity:.7},"& .fcta-promo-arrow":{display:"inline-block",transition:"transform 0.2s ease",fontSize:"11px"},"& .fcta-promo-arrow.open":{transform:"rotate(180deg)"},"& .fcta-promo-detail":{marginTop:"14px",paddingTop:"14px",borderTop:"1px solid rgba(255, 255, 255, 0.08)",display:"flex",flexDirection:"column",gap:"14px"},"& .fcta-detail-group":{display:"flex",flexDirection:"column",gap:"6px"},"& .fcta-detail-title":{fontSize:"12px",fontWeight:600,color:"rgba(255, 255, 255, 0.6)",letterSpacing:"-0.01em"},"& .fcta-detail-list":{listStyle:"none",padding:"0",margin:"8px 0 0",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"8px",overflow:"hidden"},"& .fcta-detail-list li":{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"13px",color:"rgba(255, 255, 255, 0.6)",padding:"10px 14px",borderBottom:"1px solid rgba(255, 255, 255, 0.06)",background:"rgba(255, 255, 255, 0.02)"},"& .fcta-detail-list li:last-child":{borderBottom:"none"},"& .fcta-detail-list li span:last-child":{color:"#fff",fontWeight:700,fontFamily:"var(--font-mono)",fontSize:"13px",whiteSpace:"nowrap"},"& .fcta-detail-note":{fontSize:"11px",color:"rgba(255, 255, 255, 0.3)",fontFamily:"var(--font-mono)"},"& .footer":{background:"var(--dark)",color:"rgba(255, 255, 255, 0.5)",padding:"32px 0",fontSize:"13px",borderTop:"1px solid var(--line-dark)",fontFamily:"var(--font-mono)"},"& .footer .container":{display:"flex",justifyContent:"space-between",flexWrap:"wrap",gap:"12px"},"& .sticky-cta-bar":{position:"fixed",left:0,right:0,bottom:"28px",display:"flex",justifyContent:"center",alignItems:"flex-end",paddingLeft:"16px",paddingRight:"16px",boxSizing:"border-box",transform:"translateY(16px)",opacity:0,zIndex:70,pointerEvents:"none",transition:"none",background:"none",border:"none",boxShadow:"none"},"& .sticky-cta-bar.sticky-cta-motion":{transition:"transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s ease"},"& .sticky-cta-bar.show":{transform:"translateY(0)",opacity:1},"& .sticky-cta-bar:not(.show) .sticky-cta-inner":{pointerEvents:"none"},"& .sticky-cta-inner":{pointerEvents:"auto",padding:"8px 8px 8px 28px",display:"flex",alignItems:"center",gap:"20px",width:"max-content",maxWidth:"100%",whiteSpace:"nowrap",background:"rgba(255, 255, 255, 0.65)",backdropFilter:"saturate(180%) blur(24px)",WebkitBackdropFilter:"saturate(180%) blur(24px)",border:"1px solid rgba(255, 255, 255, 0.5)",borderRadius:"999px",color:"#0b1020",boxShadow:"0 12px 48px rgba(0, 0, 0, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06)"},"& .sticky-left":{display:"flex",flexDirection:"column",gap:"2px"},"& .sticky-deadline-label":{fontSize:"11px",color:"rgba(0, 0, 0, 0.4)",letterSpacing:"0.03em"},"& .sticky-timer":{fontSize:"18px",fontWeight:700,color:"#0b1020",letterSpacing:"-0.02em"},"& .sticky-sep":{width:"1px",height:"32px",background:"rgba(0, 0, 0, 0.1)",flexShrink:0},"& .sticky-price-block":{display:"flex",flexDirection:"column",gap:"2px"},"& .sticky-price-old":{fontSize:"11px",color:"rgba(0, 0, 0, 0.35)",textDecoration:"line-through",fontFamily:"var(--font-mono)"},"& .sticky-price-final-row":{display:"flex",alignItems:"baseline",gap:"8px"},"& .sticky-discount-text":{fontFamily:"var(--font-mono)",fontSize:"22px",fontWeight:700,color:"var(--primary-deep)",letterSpacing:"-0.03em"},"& .sticky-price-final":{fontSize:"14px",color:"rgba(0, 0, 0, 0.5)"},"& .sticky-price-final b":{fontFamily:"var(--font-mono)",fontSize:"22px",fontWeight:700,color:"#0b1020",letterSpacing:"-0.03em",marginRight:"1px"},"& .sticky-btn":{flexShrink:0,padding:"14px 20px",fontSize:"16px",fontWeight:700,borderRadius:"999px",boxShadow:"0 4px 20px rgba(255, 107, 53, 0.4)"},"& .tweaks-section":{marginBottom:"14px"},"& .hl":{color:"var(--primary)"},"& .fade-section":{transition:"background 0.4s ease"},"& .inst-split-video":{width:"100%",aspectRatio:"16 / 9",borderRadius:"16px",overflow:"hidden"},"& .inst-split-video iframe":{width:"100%",height:"100%",border:"none",display:"block"},"& .inst-career-card":{background:"rgba(255, 255, 255, 0.06)",border:"1px solid rgba(255, 255, 255, 0.1)",borderRadius:"16px",padding:"28px 32px",display:"flex",flexDirection:"column",gap:"20px"},"& .inst-career-path":{display:"flex",alignItems:"center",flexWrap:"wrap",gap:"8px"},"& .inst-career-item":{fontFamily:"var(--font-mono)",fontSize:"13px",fontWeight:700,color:"#fff",background:"rgba(255, 255, 255, 0.1)",borderRadius:"999px",padding:"4px 12px",letterSpacing:"0.02em"},"& .inst-career-arrow":{color:"rgba(255, 255, 255, 0.3)",fontSize:"13px"},"& .inst-career-desc":{fontSize:"15px",color:"rgba(255, 255, 255, 0.65)",lineHeight:1.75,margin:"0"},"& .inst-career-list":{margin:"0",padding:"0",listStyle:"none",display:"flex",flexDirection:"column",gap:"4px"},"& .inst-career-list li":{fontSize:"15px",color:"rgba(255, 255, 255, 0.7)",lineHeight:1.7,paddingLeft:"16px",position:"relative"},"& .inst-career-list li::before":{content:"'\xb7'",position:"absolute",left:"0",color:"var(--primary)",fontWeight:700},"& .review-video-intro":{fontSize:"20px",fontWeight:600,color:"var(--ink)",letterSpacing:"-0.02em",lineHeight:1.55,margin:"56px 0 24px",textAlign:"center"},"& .review-video-grid":{display:"grid",gridTemplateColumns:"repeat(2, 1fr)",gap:"20px",marginTop:"56px"},"& .review-video-caption":{background:"#ffffff",borderRadius:"0 0 12px 12px",padding:"14px 18px",display:"flex",flexDirection:"column"},"& .review-video-caption-title":{fontSize:"16px",fontWeight:600,color:"var(--ink)",letterSpacing:"-0.01em"},"& .review-video-caption-sub":{fontSize:"12px",color:"var(--muted)"},"& .review-video-wrap":{width:"100%",aspectRatio:"16 / 9",borderRadius:"12px 12px 0 0",overflow:"hidden"},"& .review-video-wrap iframe":{width:"100%",height:"100%",border:"none",display:"block"},"& .roadmap-wrap":{"--rm-accent":"#ff6a2a","--rm-accent-bright":"#ff8550","--rm-accent-dim":"rgba(255, 106, 42, 0.08)","--rm-accent-line":"rgba(255, 106, 42, 0.3)","--rm-cat-java":"#ff6a2a","--rm-cat-spring":"#2ea34a","--rm-cat-jpa":"#d9a414","--rm-cat-db":"#3a7fd5","--rm-text-primary":"#ffffff","--rm-text-secondary":"rgba(255, 255, 255, 0.82)","--rm-text-muted":"rgba(255, 255, 255, 0.45)","--rm-border":"rgba(255, 255, 255, 0.1)","--rm-border-strong":"rgba(255, 255, 255, 0.2)","--rm-bg-surface":"rgba(255, 255, 255, 0.07)","--rm-bg-surface-3":"rgba(255, 255, 255, 0.12)","--rm-radius-sm":"6px","--rm-radius-md":"10px","--rm-radius-lg":"14px",position:"relative",padding:"80px 24px",background:"#12192a",overflow:"hidden",fontFamily:"'Pretendard Variable', Pretendard, sans-serif"},"& .roadmap-wrap::before":{content:"''",position:"absolute",top:"0",left:"50%",transform:"translateX(-50%)",width:"80%",height:"60%",background:"none",pointerEvents:"none"},"& .roadmap-container":{position:"relative",maxWidth:"1200px",margin:"0 auto"},"& .roadmap-header":{textAlign:"center",marginBottom:"56px"},"& .roadmap-eyebrow":{display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"'JetBrains Mono', ui-monospace, monospace",fontSize:"12px",letterSpacing:"0.02em",textTransform:"uppercase",padding:"6px 12px",borderRadius:"999px",border:"1px solid var(--line)",color:"var(--muted)",background:"rgba(11, 16, 32, 0.02)",marginBottom:"24px",width:"fit-content",marginLeft:"auto",marginRight:"auto"},"& .roadmap-title":{fontSize:"40px",fontWeight:700,letterSpacing:"-0.03em",lineHeight:1.2,color:"var(--rm-text-primary)",marginBottom:"14px",wordBreak:"keep-all",textAlign:"center"},"& .roadmap-sub":{fontSize:"17px",color:"var(--muted)",textWrap:"pretty",maxWidth:"680px",margin:"0 auto 56px",textAlign:"center"},"& .roadmap-wrap .roadmap-eyebrow":{borderColor:"rgba(255, 255, 255, 0.15)",color:"rgba(255, 255, 255, 0.6)",background:"rgba(255, 255, 255, 0.06)"},"& .roadmap-wrap .roadmap-sub":{color:"rgba(255, 255, 255, 0.65)"},"& .roadmap-wrap .pi-info-row":{background:"#12192a"},"& .roadmap-wrap .pi-roadmap-heading":{color:"#ffffff"},"& .roadmap-wrap .pi-pp-main":{color:"#ffffff"},"& .roadmap-wrap .pi-pp-original-line":{color:"rgba(255, 255, 255, 0.5)"},"& .roadmap-wrap .pi-pp-sub":{color:"rgba(255, 255, 255, 0.65)"},"& .roadmap-wrap .level-tabs":{display:"grid",gridTemplateColumns:"repeat(4, 1fr)",gap:"12px",marginBottom:"24px"}

1,"& .roadmap-wrap .level-card":{position:"relative",cursor:"pointer",background:"var(--rm-bg-surface)",border:"1px solid var(--rm-border)",borderRadius:"var(--rm-radius-lg)",padding:"20px 18px 18px",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.04)",transition:"transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease"},"& .roadmap-wrap .level-card:hover":{borderColor:"var(--rm-border-strong)",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.06)"},"& .roadmap-wrap .level-card.active":{borderColor:"var(--rm-accent)",transform:"translateY(-3px)",boxShadow:"0 8px 20px rgba(255, 106, 42, 0.15)"},"& .roadmap-wrap .level-card::before":{content:"''",position:"absolute",top:"-1px",left:"50%",transform:"translateX(-50%) scaleX(0)",width:"50%",height:"3px",background:"var(--rm-accent)",borderRadius:"0 0 3px 3px",transition:"transform 0.25s ease",transformOrigin:"center"},"& .roadmap-wrap .level-card.active::before":{transform:"translateX(-50%) scaleX(1)"},"& .roadmap-wrap .level-card-head":{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"16px"},"& .roadmap-wrap .lv-badge":{fontFamily:"'MonaS', monospace",fontSize:"0.8rem",fontWeight:700,letterSpacing:"0.05em",color:"var(--rm-text-muted)",transition:"color 0.25s"},"& .roadmap-wrap .level-card.active .lv-badge":{color:"var(--rm-accent)"},"& .roadmap-wrap .lv-stars":{display:"inline-flex",gap:"2px",color:"var(--rm-text-muted)",fontSize:"0.85rem",transition:"color 0.25s"},"& .roadmap-wrap .level-card.active .lv-stars":{color:"var(--rm-accent)"},"& .roadmap-wrap .character-frame":{aspectRatio:"1 / 1",maxWidth:"100px",margin:"0 auto 14px",background:"transparent",borderRadius:"var(--rm-radius-sm)",overflow:"hidden"},"& .roadmap-wrap .level-card.active .character-frame":{background:"var(--rm-bg-surface)"},"& .roadmap-wrap .character-svg":{width:"100%",height:"100%",objectFit:"contain",imageRendering:["pixelated","crisp-edges"]},"& .roadmap-wrap .level-title":{fontFamily:"'MonaS', monospace",textAlign:"center",fontSize:"0.85rem",fontWeight:700,color:"var(--rm-text-secondary)",lineHeight:1.4,minHeight:"2.6em",display:"flex",alignItems:"center",justifyContent:"center",transition:"color 0.25s"},"& .roadmap-wrap .level-card.active .level-title":{color:"var(--rm-text-primary)"},"& .roadmap-wrap .mini-stats":{marginTop:"10px",paddingTop:"12px",display:"flex",flexDirection:"column",gap:"2px"},"& .roadmap-wrap .mini-stat":{display:"grid",gridTemplateColumns:"44px 1fr 24px",alignItems:"center",gap:"6px"},"& .roadmap-wrap .mini-stat-label":{fontSize:"0.7rem",fontWeight:500,color:"var(--rm-text-muted)"},"& .roadmap-wrap .mini-stat-track":{height:"4px",background:"var(--rm-bg-surface-3)",borderRadius:"2px",overflow:"hidden"},"& .roadmap-wrap .mini-stat-fill":{height:"100%",borderRadius:"2px",transition:"width 0.5s cubic-bezier(0.22, 1, 0.36, 1)"},"& .roadmap-wrap .mini-stat[data-stat='java'] .mini-stat-fill":{background:"var(--rm-cat-java)"},"& .roadmap-wrap .mini-stat[data-stat='spring'] .mini-stat-fill":{background:"var(--rm-cat-spring)"},"& .roadmap-wrap .mini-stat[data-stat='jpa'] .mini-stat-fill":{background:"var(--rm-cat-jpa)"},"& .roadmap-wrap .mini-stat[data-stat='db'] .mini-stat-fill":{background:"var(--rm-cat-db)"},"& .roadmap-wrap .mini-stat-value":{fontFamily:"'JetBrains Mono', ui-monospace, monospace",fontSize:"0.75rem",color:"var(--rm-text-muted)",textAlign:"right"},"& .roadmap-wrap .level-card.active .mini-stat-label,\n& .roadmap-wrap .level-card.active .mini-stat-value":{color:"var(--rm-text-secondary)"},"& .roadmap-wrap .courses-panel":{background:"var(--rm-bg-surface)",border:"1px solid var(--rm-border)",borderRadius:"var(--rm-radius-lg)",overflow:"hidden",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.04)",marginTop:"20px"},"& .roadmap-wrap .courses-header":{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"16px",padding:"24px 28px",borderBottom:"1px solid var(--rm-border)"},"& .roadmap-wrap .courses-header-main":{display:"flex",flexDirection:"row",alignItems:"center",gap:"12px"},"& .roadmap-wrap .courses-header-skills":{display:"flex",flexWrap:"wrap",justifyContent:"flex-start",ga

1p:"6px"},"& .roadmap-wrap .lv-text":{fontFamily:"'MonaS', monospace",fontSize:"1.1rem",fontWeight:700,color:"var(--rm-accent)",letterSpacing:"0.05em"},"& .roadmap-wrap .courses-header-text h3":{fontFamily:"'MonaS', monospace",fontSize:"1.15rem",fontWeight:700,color:"var(--rm-text-primary)",letterSpacing:"-0.01em"},"& .roadmap-wrap .courses-content":{padding:"24px 28px 28px"},"& .roadmap-wrap .core-skill-tag":{padding:"5px 12px",background:"var(--rm-bg-surface)",border:"1px solid var(--rm-border)",borderRadius:"999px",fontSize:"0.78rem",color:"var(--rm-text-secondary)",fontWeight:500},"& .roadmap-wrap .category-grid":{display:"flex",flexDirection:"column",gap:"10px"},"& .roadmap-wrap .category-block":{display:"grid",gridTemplateColumns:"80px 1fr",gap:"16px",alignItems:"center"},"& .roadmap-wrap .category-head":{display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:"2px",marginBottom:0},"& .roadmap-wrap .cat-dot":{flexShrink:0,fontFamily:"'MonaS', monospace",fontSize:"0.7rem",fontWeight:700,color:"var(--cat-color)",lineHeight:1},"& .roadmap-wrap .cat-name":{fontFamily:"'MonaS', monospace",fontWeight:700,fontSize:"0.95rem",color:"var(--rm-text-primary)"},"& .roadmap-wrap .cat-count":{fontFamily:"'JetBrains Mono', ui-monospace, monospace",fontSize:"0.8rem",color:"var(--rm-text-muted)",letterSpacing:"0.05em"},"& .roadmap-wrap .course-list":{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"8px",alignContent:"flex-start"},"& .roadmap-wrap .course-item":{display:"flex",alignItems:"flex-start",gap:"8px",padding:"8px 12px 8px 12px",background:"rgba(255, 255, 255, 0.05)",borderRadius:"var(--rm-radius-sm)",fontSize:"0.82rem",fontWeight:500,lineHeight:1.45,color:"var(--rm-text-primary)",width:"auto"},"& .roadmap-wrap .course-item.note":{background:"transparent",border:"1px dashed var(--rm-border)",color:"var(--rm-text-muted)",fontSize:"0.76rem"},"& .roadmap-wrap .course-num":{flexShrink:0,fontFamily:"'MonaS', monospace",fontSize:"0.7rem",fontWeight:700,color:"var(--cat-color)",lineHeight:1.45,minWidth:"14px"},"& .roadmap-wrap .course-item.note .course-num":{color:"var(--rm-text-muted)"},"& .roadmap-wrap .course-text":{flex:1},"& .roadmap-wrap .course-upcoming":{display:"inline-block",marginTop:"6px",fontSize:"0.62rem",padding:"2px 6px",background:"var(--rm-accent-dim)",color:"var(--rm-accent-bright)",borderRadius:"3px",fontWeight:600},"& .roadmap-wrap .keyboard-hint":{marginBottom:"16px",textAlign:"center",fontSize:"0.72rem",color:"var(--rm-text-muted)",letterSpacing:"0.04em"},"& .roadmap-wrap .keyboard-hint kbd":{display:"inline-block",padding:"2px 7px",margin:"0 2px",background:"var(--rm-bg-surface)",border:"1px solid var(--rm-border-strong)",borderBottomWidth:"2px",borderRadius:"4px",fontFamily:"'MonaS', monospace",fontSize:"0.58rem",color:"var(--rm-text-secondary)"},"@media (max-width: 1100px)":{"& .roadmap-wrap .category-block":{gridTemplateColumns:"72px 1fr"}},"@media (max-width: 520px)":{"& .roadmap-wrap":{padding:"48px 20px"},"& .roadmap-header":{marginBottom:"32px"},"& .roadmap-wrap .level-tabs":{gridTemplateColumns:"1fr",gap:"8px",marginBottom:"16px"},"& .roadmap-wrap .level-card":{padding:"12px 14px",display:"flex",alignItems:"center",gap:"12px"},"& .roadmap-wrap .level-card .character-frame,\n  & .roadmap-wrap .level-card .lv-stars,\n  & .roadmap-wrap .level-card .mini-stats":{display:"none"},"& .roadmap-wrap .level-card .level-card-head":{marginBottom:"0",flexShrink:0},"& .roadmap-wrap .level-card .level-title":{flex:1,textAlign:"left",minHeight:"auto",justifyContent:"flex-start",fontSize:"0.88rem"},"& .roadmap-wrap .level-card.active":{transform:"none",background:"var(--rm-accent-dim)",borderColor:"var(--rm-accent)"},"& .roadmap-wrap .level-card.active::before":{display:"none"},"& .roadmap-wrap .keyboard-hint":{display:"none"}}})),en={JAVA:"Java",SPRING:"Spring",JPA:"JPA",DB:"DB"},el=[{matchKey:"실전 자바 - 기본편",displayTitle:"실전 자바 - 기본편",level:"I",rating:5,reviews:"2,041",students:"6만+"},{matchKey:"실전 자바 - 중급 1편",displayTitle:"실전 자바 - 중급 1편",level:"I",rating:5,reviews:"1,823",students:"5만+"},{matchKey:"실전 자바 - 중급 2편",displayTitle:"실전 자바 - 중급 2편",level:"I",rating:5,reviews:"1,542",students:"4.5만+"},{matchKey:"실전 자바 - 고급 1편",displayTitle:"실전 자바 - 고급 1편",level:"I",rating:5,reviews:"989",students:"3만+"},{matchKey:"실전 자바 - 고급 2편",displayTitle:"실전 자바 - 고급 2편",level:"I",rating:5,reviews:"821",students:"2.5만+"},{matchKey:"실전 자바 - 고급 3편",displayTitle:"실전 자바 - 고급 3편",level:"I",rating:5,reviews:"312",students:"1만+"},{matchKey:"스프링 핵심 원리 - 기본편",displayTitle:"스프링 핵심 원리 - 기본편",level:"J",rating:5,reviews:"6,541",students:"20만+"},{matchKey:"HTTP 웹 기본 지식",displayTitle:"모든 개발자를 위한 HTTP 웹 기본 지식",level:"J",rating:5,reviews:"4,821",students:"15만+"},{matchKey:"스프링 MVC 1편",displayTitle:"스프링 MVC 1편",level:"J",rating:5,reviews:"3,921",students:"12만+"},{matchKey:"스프링 MVC 2편",displayTitle:"스프링 MVC 2편",level:"J",rating:5,reviews:"3,142",students:"10만+"},{matchKey:"스프링 DB 1편",displayTitle:"스프링 DB 1편",level:"J",rating:5,reviews:"2,241",students:"7만+"},{matchKey:"스프링 DB 2편",displayTitle:"스프링 DB 2편",level:"J",rating:5,reviews:"1,921",students:"6만+"},{matchKey:"스프링 핵심 원리 - 고급편",displayTitle:"스프링 핵심 원리 - 고급편",level:"S",rating:5,reviews:"1,641",students:"5만+"},{matchKey:"스프링 부트 - 핵심 원리",displayTitle:"스프링 부트",level:"S",rating:5,reviews:"621",students:"2만+"},{matchKey:"자바 ORM 표준 JPA",displayTitle:"자바 ORM 표준 JPA - 기본편",level:"J",rating:5,reviews:"4,821",students:"15만+"},{matchKey:"JPA 활용1",displayTitle:"실전! 스프링 부트와 JPA 활용 1편",level:"S",rating:5,reviews:"3,241",students:"10만+"},{matchKey:"JPA 활용2",displayTitle:"실전! 스프링 부트와 JPA 활용 2편",level:"S",rating:5,reviews:"2,641",students:"8만+"},{matchKey:"실전! 스프링 데이터 JPA",displayTitle:"실전! 스프링 데이터 JPA",level:"S",rating:5,reviews:"2,941",students:"9만+"},{matchKey:"Querydsl",displayTitle:"실전! Querydsl",level:"S",rating:5,reviews:"2,241",students:"7만+"},{matchKey:"데이터베이스 - 기본편",displayTitle:"실전 데이터베이스 - 기본편",level:"J",rating:5,reviews:"921",students:"3만+"},{matchKey:"데이터베이스 - 설계 1편",displayTitle:"실전 데이터베이스 - 설계 1편",level:"S",rating:5,reviews:"621",students:"2만+"},{matchKey:"데이터베이스 - 설계 2편",displayTitle:"실전 데이터베이스 - 설계 2편",level:"S",rating:5,reviews:"421",students:"1.5만+"}],ec=[{id:-1,level:"I",cat:"Java",title:"자바 입문",price:0,free:!0,rating:5,reviews:"5,231",students:"15만+"},{id:-2,level:"J",cat:"Spring",title:"스프링 입문",price:0,free:!0,rating:5,reviews:"9,821",students:"30만+"},{id:-3,level:"I",cat:"DB",title:"실전 데이터베이스 입문",price:0,free:!0,rating:5,reviews:"2,421",students:"8만+"}],ed=[{id:-100,level:"S",cat:"DB",title:"DB 성능최적화",price:154e3,upcoming:!0}],ep=["java","spring","jpa","db"],es={java:{name:"Java",color:"#ff7a3d"},spring:{name:"Spring",color:"#5fcf7a"},jpa:{name:"JPA",color:"#f4c041"},db:{name:"DB",color:"#6aa9ff"}},ef={java:"Java",spring:"Spring",jpa:"JPA",db:"DB"},eg={1:{title:"백엔드 입문 / 취업 준비",stars:"★",plate:"LV.01"},2:{title:"실무 투입 / 주니어 성장",stars:"★ ★",plate:"LV.02"},3:{title:"문제 해결형 개발자",stars:"★ ★ ★",plate:"LV.03"},4:{title:"설계와 성능까지 보는 개발자",stars:"★ ★ ★ ★",plate:"LV.04"}},em={1:{java:["김영한의 실전 자바 - 기본편","김영한의 실전 자바 - 중급 1편","김영한의 실전 자바 - 중급 2편"],spring:["모든 개발자를 위한 HTTP 웹 기본 지식","스프링 핵심 원리 - 기본편","스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술","스프링 DB 1편 - 데이터 접근 핵심 원리"],jpa:[],db:["김영한의 실전 데이터베이스 - 기본편"]},2:{java:[],spring:["스프링 MVC 2편 - 백엔드 웹 개발 활용 기술","스프링 DB 2편 - 데이터 접근 활용 기술"],jpa:["자바 ORM 표준 JPA 프로그래밍 - 기본편","실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발","실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화"],db:[]},3:{java:["김영한의 실전 자바 - 고급 1편, 멀티스레드와 동시성","김영한의 실전 자바 - 고급 2편, I/O, 네트워크, 리플렉션","김영한의 실전 자바 - 고급 3편, 람다, 스트림, 함수형 프로그래밍"],spring:["스프링 부트 - 핵심 원리와 활용"],jpa:["실전! 스프링 데이터 JPA","실전! Querydsl"],db:[]},4:{java:[],spring:["스프링 핵심 원리 - 고급편"],jpa:[],db:["김영한의 실전 데이터베이스 - 설계 1편, 현대적 데이터 모델링 완전 정복","김영한의 실전 데이터베이스 - 설계 2편, 실무에서 반드시 마주치는 9가지 설계 패턴",{name:"김영한의 DB 성능최적화",upcoming:"2026년 7월 내 출시 예정"}]}},eh={1:["Java 기본 문법과 객체지향","HTTP와 웹 기본 지식","SQL/DB 기본기","Spring 기반 지식 및 핵심 원리","MVC 기본 구조 이해"],2:["API 개발 및 웹 기능 구현","검증과 예외 처리","트랜잭션 이해 및 데이터 접근 기술 선택","JPA 기본 개념 및 실무 활용","API 성능 최적화 기반 지식"],3:["멀티스레드와 동시성","I/O, 네트워크, 리플렉션, 애노테이션","람다, 스트림, 함수형 프로그래밍","스프링 부트 내부 원리 파악","편리한 데이터 접근 기술 적용 (Data JPA)","동적 쿼리 작성 (Querydsl)"],4:["프레임워크 내부 핵심 원리 및 고급 설계 패턴 (AOP, 프록시 등)","DB 모델링, 정규화와 물리 설계","실무 DB 설계 패턴 및 이력 관리","통계/집계 설계 및 대용량 데이터 처리","애플리케이션 및 DB 성능 최적화"]},ex={1:{java:20,spring:15,jpa:10,db:15},2:{java:40,spring:35,jpa:30,db:30},3:{java:65,spring:60,jpa:55,db:60},4:{java:90,spring:85,jpa:80,db:85}};function eu(e){let{catKey:t,items:a}=e,i=es[t];return a.length?(0,r.FD)("div",{className:u("category-block"),style:{"--cat-color":i.color},children:[(0,r.Y)("div",{className:u("category-head"),children:(0,r.Y)("span",{className:u("cat-name"),children:i.name})}),(0,r.Y)("div",{className:u("course-list"),children:a.map((e,a)=>{if("object"==typeof e&&"note"in e)return(0,r.Y)("div",{className:u("course-item note"),children:(0,r.Y)("div",{className:u("course-text"),children:e.note})},`${t}-note-${a}`);let i="object"==typeof e&&"upcoming"in e,o=i?e.name:e;return(0,r.FD)("div",{className:u("course-item"),children:[(0,r.Y)("div",{className:u("course-num"),"aria-hidden":"true",children:"◆"}),(0,r.FD)("div",{className:u("course-text"),children:[o,i&&(0,r.FD)(r.FK,{children:[(0,r.Y)("br",{}),(0,r.Y)("span",{className:u("course-upcoming"),children:e.upcoming})]})]})]},`${t}-item-${a}`)}

1)})]}):null}function eb(e){let{ownedCount:t,finalPrice:a,regularPrice:i,onLevelClick:o}=e,[l,c]=(0,n.useState)(1);(0,n.useEffect)(()=>{let e=e=>{"ArrowRight"===e.key?c(e=>Math.min(e+1,4)):"ArrowLeft"===e.key&&c(e=>Math.max(e-1,1))};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[]);let d=eg[l],p=em[l];return(0,r.Y)("section",{className:u("roadmap-wrap"),id:"roadmap","aria-labelledby":"roadmap-title",children:(0,r.FD)("div",{className:u("roadmap-container"),children:[(0,r.FD)("header",{className:u("roadmap-header"),children:[(0,r.Y)("div",{className:u("roadmap-eyebrow"),children:"LEVEL ROADMAP"}),(0,r.Y)("h2",{className:u("roadmap-title"),id:"roadmap-title",children:"입문부터 설계와 성능 최적화까지"}),(0,r.FD)("p",{className:u("roadmap-sub"),children:["입문부터 시니어까지,",(0,r.Y)("br",{}),"커리어 단계별 필요한 모든 지식을 하나의 패스로"]})]}),(0,r.FD)("div",{className:u("keyboard-hint"),"aria-hidden":"true",children:[(0,r.Y)("kbd",{children:"←"})," ",(0,r.Y)("kbd",{children:"→"})," 으로 레벨 이동"]}),(0,r.Y)("div",{className:u("level-tabs"),role:"tablist","aria-label":"레벨 선택",children:[1,2,3,4].map(e=>{let t=eg[e],a=ex[e],i=P[e],n=l===e;return(0,r.FD)("div",{className:u("level-card",n&&"active"),"data-level":e,role:"tab",tabIndex:n?0:-1,"aria-selected":n,onClick:()=>{c(e),o?.(e)},children:[(0,r.FD)("div",{className:u("level-card-head"),children:[(0,r.Y)("span",{className:u("lv-badge"),children:t.plate}),(0,r.Y)("span",{className:u("lv-stars"),"aria-hidden":"true",children:t.stars})]}),(0,r.Y)("div",{className:u("character-frame"),children:(0,r.Y)(i,{})}),(0,r.Y)("div",{className:u("level-title"),children:t.title}),(0,r.Y)("div",{className:u("mini-stats"),children:ep.map(e=>(0,r.FD)("div",{className:u("mini-stat"),"data-stat":e,children:[(0,r.Y)("span",{className:u("mini-stat-label"),children:ef[e]}),(0,r.Y)("div",{className:u("mini-stat-track"),role:"progressbar","aria-valuenow":a[e],"aria-valuemin":0,"aria-valuemax":100,children:(0,r.Y)("div",{className:u("mini-stat-fill"),style:{width:`${a[e]}%`}})}),(0,r.Y)("span",{className:u("mini-stat-value"),children:a[e]})]},e))})]},e)})}),(0,r.FD)("div",{className:u("courses-panel"),role:"tabpanel",children:[(0,r.FD)("div",{className:u("courses-header"),children:[(0,r.FD)("div",{className:u("courses-header-main"),children:[(0,r.Y)("span",{className:u("lv-text"),children:d.plate}),(0,r.Y)("div",{className:u("courses-header-text"),children:(0,r.Y)("h3",{children:d.title})})]}),(0,r.Y)("div",{className:u("courses-header-skills"),children:eh[l].map(e=>(0,r.Y)("span",{className:u("core-skill-tag"),children:e},e))})]}),(0,r.Y)("div",{className:u("courses-content"),children:(0,r.Y)("div",{className:u("category-grid"),children:ep.map(e=>(0,r.Y)(eu,{catKey:e,items:p[e]},e))})})]})]})})}let ev=e=>(0,o.css)("@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Black+Han+Sans&family=Do+Hyeon&family=Hahmlet:wght@700;900&family=Noto+Serif+KR:wght@700;900&display=swap');@font-face{font-family:'MonaS';src:url('",e,"/font/MonaS12.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap;}@font-face{font-family:'MonaS';src:url('",e,"/font/MonaS12-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}");function ey(e){let{packageId:t}=e,a=(0,d.useRouter)(),{trackMixpanelEvent:i}=(0,g.h)();(0,n.useEffect)(()=>{document.documentElement.style.setProperty("--primary","#FF6B35"),document.documentElement.style.setProperty("--primary-deep","#D9521F"),document.documentElement.style.setProperty("--primary-soft","#FFE6D9"),document.documentElement.style.setProperty("--font-display","'Do Hyeon', sans-serif")},[]);let{data:v}=(0,s.N)({id:String(t),options:{staleTime:6e4}}),y=v?.order,S=v?.coursePackage.totalCourseCount||0,k=String(t),F=v?.coursePackage.title??"",{owned:N,ownedCount:R,nonOwnedCount:I,courses:P}=(0,n.useMemo)(()=>{let e=v?.items;if(!e)return{owned:new Set,ownedCount:0,nonOwnedCount:23,courses:[...ec,...ed]};let t=new Set,a=[],r=0;for(let i of e){i.hasVoucher&&(t.add(i.courseId),r+=1);let e=el.find(e=>i.title.includes(e.matchKey));a.push({id:i.courseId,level:e?.level??"I",cat:en[i.category],title:e?.displayTitle??i.title,price:i.regularPrice,rating:e?.rating,reviews:e?.reviews,students:e?.students})}return{owned:t,ownedCount:r,nonOwnedCount:S-r,courses:[...ec,...a,...ed]}},[v]),H=R>0,j=!!v&&0===I,M=y?.regularPrice,ei=j?0:y?.paymentPrice,ep=(0,n.useMemo)(()=>{let e=v?.coursePackage.endedAt;return e?new Date(e):void 0},[v?.coursePackage.endedAt]),es=!!ep&&ep.getTime()<=Date.now(),ef=!!v?.hasPass,eg=()=>{if(v?.hasPass){a.push(h.tl.MY_COURSES());return}!function(e){let t=document.getElementById(e);if(!t)return;let a=t.getBoundingClientRect().top+window.scrollY-90;window.scrollTo({top:a,behavior:"smooth"})}(Y)},em=ef?"구매 완료! 학습하러 가기 →":es?"마감된 이벤트입니다.":0===R?void 0===ei?"":`${w(ei)}에 패스 시작하기 →`:"내 마스터패스 가격 확인하기 →",{openPayment:eh,modals:ex,orderBuilder:eu}

1=function(e){let{packageId:t,finalPrice:a,regularPrice:i}=e,{checkLogin:o}=(0,$.f)(),{isKo:l}=(0,O.uU)(),{handlePaymentError:c}=(0,G.k)(),[d,p]=(0,K.j)(!1),[s,f]=(0,K.j)(!1),{data:g}=(0,V.P)({}),m=(0,n.useMemo)(()=>new U.J,[]),h=(0,n.useMemo)(()=>new Q.mi,[]),x=(0,n.useRef)(null),u=(0,n.useRef)(!1),b=0===a;(0,n.useEffect)(function(){g?.name&&g?.email&&g?.phoneNumber&&g?.countryCode&&m.setBuyer({name:g.name,email:g.email,phoneNumber:g.phoneNumber,countryCode:g.countryCode})},[g,m]),(0,n.useEffect)(function(){m.setDomainData({packageId:t,price:{regularPrice:i,paymentPrice:a},ownedCourseIds:[]})},[m,t,a,i]);let v=async()=>{if(!u.current){u.current=!0;try{x.current||(x.current=new X.M);let e=x.current;await e.initialize(Z.L.PACKAGE,{amount:0,isGlobal:!l}),await e.requestPayment(m.setPayMetadata(e.payMetadata))}catch(e){c(et.b.createPaymentSystemError({message:"무료 결제 처리 중 오류가 발생했습니다.",errorCode:et.n.PAYMENT_ERROR,errorContext:{packageId:t,serviceName:Z.L.PACKAGE}},e)),x.current?.resetPayment(),x.current=null,u.current=!1}}},y=()=>{if(b){v();return}p.open()};return{openPayment:o(()=>{if(!g?.phoneNumber||!g?.countryCode||!g?.name||!g?.email){f.open();return}y()}),modals:(0,r.FD)(r.FK,{children:[(0,r.Y)(ea.r,{opened:s,onClose:f.close,onSaveSuccess:y}),(0,r.Y)(ee.F,{serviceDomain:Z.L.PACKAGE,opened:d,close:p.close,orderRequestBuilder:m,variantKey:er,onRequestPayment:()=>{},pgPaymentInstance:h})]}),orderBuilder:m}}({packageId:t,finalPrice:ei??0,regularPrice:y?.regularPrice??0}),ey=function(e){let t=e?.getTime(),[a,r]=(0,n.useState)(()=>t??0);(0,n.useEffect)(()=>{r(Date.now());let e=setInterval(()=>r(Date.now()),1e3);return()=>clearInterval(e)},[]);let i=void 0===t?0:Math.max(0,t-a);return{d:Math.floor(i/864e5),h:Math.floor(i%864e5/36e5),m:Math.floor(i%36e5/6e4),s:Math.floor(i%6e4/1e3),done:0===i}}(ep);(0,n.useEffect)(()=>{F&&i(f.Z.VIEW_PACKAGE_PAGE,{package_id:k,package_title:F},{once:!0})},[F,k,i]),(0,m.Q)({enabled:!!F,onScroll:e=>{i(f.Z.SCROLL_PACKAGE_PAGE_DEPTH,{package_id:k,package_title:F,depth_percent:e})}});let ew=e=>{i(f.Z.CLICK_PACKAGE_CHECKOUT,{enrolled_course_count:R,payment_price:ei??0,spot:e})},eS=(e,t)=>{i(f.Z.CLICK_PACKAGE_PAGE_SECTION,{package_id:k,package_title:F,section_type:e,section_title:t})},ek=e=>{i(f.Z.CLICK_PACKAGE_EMBED_PLAY,{package_id:k,package_title:F,video_title:e})},[eY,ez]=(0,n.useState)(!1),[eF,eD]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=()=>{let e=document.getElementById("final"),t=window.scrollY>.6*window.innerHeight,a=!!e&&e.getBoundingClientRect().top<.6*window.innerHeight;ez(t&&!a)};e();let t=!1,a=requestAnimationFrame(()=>{requestAnimationFrame(()=>{t||eD(!0)})});return window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),()=>{t=!0,cancelAnimationFrame(a),window.removeEventListener("scroll",e),window.removeEventListener("resize",e)}},[]);let eN=void 0===M||void 0===ei?void 0:M>0?Math.round((1-ei/M)*100):0,[eC,eW]=(0,n.useState)(!1),eR=(p.EO??"").replace(/'/g,"\\'");return(0,r.FD)(x.a,{orderBuilder:eu,children:[(0,r.Y)(o.Global,{styles:[ev(eR)]}),(0,r.FD)("div",{css:eo,children:[(0,r.Y)(A,{isPurchased:ef,countdown:ey,isClosed:es,ctaLabel:em,ownedCount:R,finalPrice:ei,discountPct:eN,onTicketClick:eg}),R<J.INSTRUCTOR_THRESHOLD&&(0,r.Y)(E,{onEmbedPlay:()=>ek("한국 개발자 최고 1타강사 김영한의 인생 [1부]")}),R>=J.INSTRUCTOR_THRESHOLD&&(0,r.Y)(_,{isAllOwned:j}),(0,r.Y)(eb,{ownedCount:R,isAllOwned:j,finalPrice:ei,regularPrice:y?.regularPrice,onLevelClick:e=>{i(f.Z.CLICK_YOUNGHAN_PACKAGE_ROADMAP_LEVEL,{level:e})},isPurchased:ef}),(0,r.Y)(q,{onEmbedPlay:ek}),(0,r.FD)(l.a,{px:32,py:100,css:{backgroundColor:"#010209"},children:[(0,r.FD)(b,{delay:100,children:[(0,r.Y)(b,{children:(0,r.Y)("div",{css:{backgroundColor:"rgb(32 39 55) !important"},className:u("section-badge"),children:"BENEFIT"})}),(0,r.FD)("h2",{css:{color:"#fff",fontWeight:700,fontFamily:"var(--font-display, 'Black Han Sans', sans-serif)",textAlign:"center"},children:["백엔드 마스터 패스\xa0",(0,r.Y)("span",{css:{color:"var(--primary)"},children:"특별 혜택"})]})]}),(0,r.FD)(l.a,{w:"100%",css:{borderRadius:32},children:[(0,r.Y)(c.j,{w:1200,width:600,css:{maxWidth:600,display:"block",margin:"0 auto"},alt:"백엔드 마스터 패스 특별 혜택 이미지",src:"https://cdn.inflearn.c

1om/public/static-images/773cf424-e28b-4f09-b4e5-0a8408584896.png"}),(0,r.Y)(b,{children:(0,r.FD)("p",{css:{color:"rgba(255, 255, 255, 0.65)",textAlign:"center",paddingTop:32},children:["신규 강의는 2026년 7월 내 출시 예정이며, 패스 구매자분들은 별도 결제 없이 자동으로 수강권한이 부여됩니다.",(0,r.Y)("br",{}),"신규 강의는 패스 강의 출시 이전 구매 또는 패스 강의 구매를 통해 모든 강의의 수강권을 보유하고 있는 경우에 한하여 부여됩니다."]})})]})]}),(0,r.Y)(z,{isAllOwned:j,hasOwned:H,ownedCount:R,nonOwnedCount:I,owned:N,courses:P}),(0,r.Y)(D,{onQuestionOpen:e=>{eS("faq",e)}}),(0,r.Y)("section",{className:u("dark final-cta"),id:"final",children:(0,r.FD)("div",{className:u("container"),children:[(0,r.Y)(b,{children:(0,r.FD)("h2",{children:["백엔드 커리어 전체를 위한",(0,r.Y)("br",{}),"단 한 번의 선택"]})}),(0,r.Y)(b,{delay:160,children:ef?(0,r.Y)(l.a,{p:"40",mx:"auto",css:{maxWidth:398},children:(0,r.Y)(T,{isAllOwned:j,isPurchased:ef,isClosed:es,onClick:ef?eg:()=>{ew("bottom"),eh()}})}):(0,r.FD)(r.FK,{children:[(0,r.FD)("div",{className:u("fcta-card"),children:[(0,r.Y)(C,{target:ep}),(0,r.Y)(T,{isAllOwned:j,isPurchased:ef,isClosed:es,onClick:ef?eg:()=>{ew("bottom"),eh()}}),!j&&(0,r.FD)("p",{style:{margin:"12px 0 0",fontSize:13,color:"rgba(255,255,255,0.45)",textAlign:"center",lineHeight:1.6},children:["본인은 이 상품이 복수의 강의를 하나의 묶음으로 구성한 패키지 상품임을 확인했으며,"," ",(0,r.Y)("button",{type:"button",onClick:()=>{eW(!0),eS("refund_policy",null)},style:{background:"none",border:"none",padding:0,cursor:"pointer",fontSize:13,color:"rgba(255,255,255,0.7)",fontWeight:700,textDecoration:"underline",textUnderlineOffset:2},children:"별도 환불 규정"}),"이 적용됨에 동의합니다."]})]}),eC&&(0,r.Y)(L,{onClose:()=>eW(!1)}),(0,r.Y)(B,{visible:R<J.ALL_OWNED,onDetailOpen:()=>

1{eS("payment_benefit",null)},tiers:[{range:"10만원 이상 ~ 30만원 미만",amount:"1,000원 할인"},{range:"30만원 이상 ~ 50만원 미만",amount:"2,000원 할인"},{range:"50만원 이상 ~ 60만원 미만",amount:"3,000원 할인"},{range:"60만원 이상 ~ 80만원 미만",amount:"4,000원 할인"},{range:"80만원 이상",amount:"5,000원 할인"}]})]})})]})}),(0,r.Y)(W,{isAllOwned:j,isPurchased:ef,countdown:ey,isClosed:es,visible:eY,motion:eF,onCtaClick:eg})]}),ex]})}var ew=a(14943),eS=!0;function ek(e){let{packageId:t}=e;return(0,r.FD)(r.FK,{children:[(0,r.Y)(ew.A,{title:"김영한의 백엔드 마스터 패스",description:"59만 개발자가 선택한 백엔드 커리어 마스터 패스",imageAlt:"김영한의 백엔드 마스터 패스",imageUrl:"https://cdn.inflearn.com/public/static-images/4731ddfb-abab-4ee6-b2cb-712dcf48a73e.webp",disableLocaleInCanonical:!0}),(0,r.Y)(i.A,{disableFNB:!0,disableHeaderUnderTablet:!0,disableBottomNavigation:!0,disableHeaderBoxShadow:!0,showChanneltalk:!1,showHeaderNotice:!1,showOnlyFooter:!0,children:(0,r.Y)(ey,{packageId:t})})]})}ek.disableAppShell=!0,ek.disableBottomNavigation=!0}},function(e){e.x(),_N_E=Promise.all([e.f.consumes||function(e,t){},e.f.remotes||function(e,t){}].reduce(function(e,t){return t("5394",e),e},[])).then(function(){return e.X(0,[636,8792,5949,737,1207,7550,7670,8636,9154,9589,8847,1720,4529,3817,2628,9457,1563],function(){return e(e.s=28314)})})}]);
2//# sourceMappingURL=[id]-f2701946f298ce7b.js.map