#odk-event-popup{--cream:#faf6ec;--green:#234d3e;--red:#b43c2e;--pink:#f4e3e7;--sage:#e8eee2;--muted:#677166;box-sizing:border-box;font-family:"PingFang TC","Noto Sans TC",Arial,sans-serif;line-height:1.5;}
#odk-event-popup img{max-height:none;margin:0;display:block;}
#odk-event-popup h1,#odk-event-popup h2,#odk-event-popup h3{font-family:inherit;}
#odk-event-popup p{text-align:left;}
#odk-event-popup footer{border:0;}
#odk-event-popup *{box-sizing:border-box}
#odk-event-popup a{color:inherit}
#odk-event-popup button{font:inherit;cursor:pointer}
#odk-event-popup button:focus-visible,#odk-event-popup a:focus-visible{outline:3px solid #b43c2e;outline-offset:4px}
#odk-event-popup{padding:0;width:min(990px,calc(100vw - 48px));max-height:calc(100dvh - 44px);border:0;border-radius:22px;background:var(--cream);box-shadow:0 32px 120px #10281d66;color:var(--green);overflow:auto}
#odk-event-popup::backdrop{background:#152a22a6;backdrop-filter:blur(5px)}
#odk-event-popup .dialog-head{padding:20px 32px 15px;position:relative;background:var(--cream)}
#odk-event-popup .brandline{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.4px;font-weight:700}
#odk-event-popup .brandline img{width:30px;height:30px}
#odk-event-popup .head-kicker{margin-left:auto;margin-right:48px;color:#8b6151;font-size:11px}
#odk-event-popup .dialog-head h1{font-size:29px;letter-spacing:.03em;margin:12px 0 0;line-height:1.3;font-weight:750}
#odk-event-popup .dialog-head p{font-size:13px;margin:9px 0 0;color:var(--muted)}
#odk-event-popup .close{position:absolute;right:20px;top:20px;border:1px solid #d3d8cb;border-radius:50%;background:#fffaf0;color:var(--green);width:38px;height:38px;display:grid;place-items:center;font-size:26px;line-height:1}
#odk-event-popup .campaigns{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:0 24px}
#odk-event-popup .campaign{position:relative;border-radius:16px;overflow:hidden;background:var(--sage);display:flex;flex-direction:column}
#odk-event-popup .campaign.pack{background:var(--pink)}
#odk-event-popup .copy{padding:19px 24px 0}
#odk-event-popup .campaign-kicker{display:inline-block;margin:0;font-size:12px;letter-spacing:.04em;font-weight:750}
#odk-event-popup .campaign-kicker .date{display:inline-block;background:var(--green);color:#fff8e9;margin-right:7px;padding:5px 8px;border-radius:5px;font-size:11px}
#odk-event-popup .pack .campaign-kicker .date{background:#935363}
#odk-event-popup .campaign h2{font-size:25px;line-height:1.15;letter-spacing:-.02em;margin:15px 0 9px}
#odk-event-popup .campaign .intro{font-size:13px;line-height:1.6;margin:0;color:#536350}
#odk-event-popup .pack .intro{color:#75535b}
#odk-event-popup .product-art{height:192px;position:relative;margin:0 16px;isolation:isolate}
#odk-event-popup .pron-art .video{position:absolute;width:66%;height:165px;object-fit:contain;left:1%;top:17px;transform:rotate(-5deg);border:5px solid #fffaf0;border-radius:13px;box-shadow:0 14px 22px #18372827;z-index:2}
#odk-event-popup .pron-art .vowel{position:absolute;width:29%;height:175px;right:7%;top:18px;object-fit:cover;object-position:top;border:5px solid #fffaf0;border-radius:14px;transform:rotate(7deg);box-shadow:0 10px 24px #18372826}
#odk-event-popup .art-label{position:absolute;bottom:1px;left:10px;color:#546452;font-size:10px;letter-spacing:.04em}
#odk-event-popup .pack-art .pack1-group{position:absolute;left:-7%;top:22px;width:70%;height:163px;object-fit:cover;object-position:center;border-radius:7px;transform:rotate(-6deg);box-shadow:0 10px 20px #59233414}
#odk-event-popup .pack-art .cover{position:absolute;object-fit:contain;width:20%;height:133px;top:48px;filter:drop-shadow(0 8px 5px #43241c2c)}
#odk-event-popup .pack-art .cover.one{left:50%;transform:rotate(-6deg)}
#odk-event-popup .pack-art .cover.two{left:62%;top:33px}
#odk-event-popup .pack-art .cover.three{left:74%;transform:rotate(8deg)}
#odk-event-popup .stamp{position:absolute;right:8px;bottom:0;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;background:#fffaf0;border:1px solid #dfc2c8;border-radius:50px;box-shadow:0 5px 15px #7a414b14;font-size:11px;font-weight:750;z-index:4}
#odk-event-popup .stamp img{height:34px;width:34px;border-radius:50%}
#odk-event-popup .offer{padding:12px 24px 22px;flex:1;display:flex;flex-direction:column}
#odk-event-popup .price-line{display:flex;align-items:baseline;gap:10px;margin:0 0 7px}
#odk-event-popup .price{color:var(--red);font-size:36px;line-height:1;font-weight:850;letter-spacing:-.03em}
#odk-event-popup .price small{font-size:15px;margin-right:3px;font-weight:750}
#odk-event-popup .price-note{font-size:11px;color:#6b6e64}
#odk-event-popup .summary{font-size:12px;line-height:1.7;margin:0 0 7px}
#odk-event-popup .smallprint{font-size:10px;line-height:1.7;margin:0;color:#697162;min-height:34px}
#odk-event-popup .pack .smallprint{color:#795f61}
#odk-event-popup .cta{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#fffaf0;text-decoration:none;padding:13px 16px;border-radius:8px;font-size:14px;font-weight:750;margin-top:17px;min-height:46px;transition:filter .16s,transform .16s}
#odk-event-popup .cta:hover{filter:brightness(1.15);transform:translateY(-1px)}
#odk-event-popup .pack .cta{background:#875363}
#odk-event-popup .cta span{font-size:19px}
#odk-event-popup .footer{padding:12px 28px 14px;display:flex;gap:12px;justify-content:space-between;align-items:center}
#odk-event-popup .footer p{font-size:11px;color:var(--muted);margin:0}
#odk-event-popup .quiet-close{border:0;background:none;color:var(--green);font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap;padding:7px 0}
#odk-event-popup .shared-includes{font-size:12px;margin:0 0 10px;line-height:1.6}
#odk-event-popup .pron-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
#odk-event-popup .pron-plan{min-width:0;background:#fffcf3;border:1px solid #d3ddcd;border-radius:10px;padding:12px 11px 0;overflow:hidden}
#odk-event-popup .pron-plan.coach{border-color:#a5b79b}
#odk-event-popup .pron-plan h3{font-size:13px;margin:0 0 8px}
#odk-event-popup .option-price{font-size:32px;font-weight:850;line-height:1;letter-spacing:-.035em;color:var(--red);margin:0 0 8px}
#odk-event-popup .option-price small{font-size:12px;margin-right:2px}
#odk-event-popup .option-note{font-size:10px;line-height:1.65;color:#687463;margin:0 0 10px}
#odk-event-popup .plan-cta{margin:0 -11px;display:flex;justify-content:space-between;padding:10px 11px;background:var(--green);color:#fffaf0;text-decoration:none;font-size:12px;font-weight:700;min-height:38px}
#odk-event-popup .pack .cta{margin-top:auto}
#odk-event-popup .pack .smallprint{padding-bottom:18px}
#odk-event-popup .pron-offer{padding-top:10px}
#odk-event-popup .campaign-kicker{white-space:normal}
@media(min-width:661px){#odk-event-popup .dialog-head p{display:none}
#odk-event-popup .dialog-head h1{font-size:25px}
#odk-event-popup .product-art{height:172px}
#odk-event-popup .pron-art .video{height:148px;top:15px}
#odk-event-popup .pron-art .vowel{height:155px;top:9px}
#odk-event-popup .pack-art .pack1-group{height:150px;top:12px}
#odk-event-popup .pack-art .cover{height:123px;top:30px}
#odk-event-popup .pack-art .cover.two{top:17px}
#odk-event-popup .copy{padding-top:16px}
#odk-event-popup .campaign h2{font-size:24px;margin:11px 0 7px}
#odk-event-popup .footer{padding-top:9px;padding-bottom:9px}
}
@media(max-width:660px){#odk-event-popup{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:17px}
#odk-event-popup .dialog-head{padding:21px 19px 18px}
#odk-event-popup .brandline{font-size:10px;letter-spacing:.6px;gap:7px}
#odk-event-popup .brandline img{width:25px;height:25px}
#odk-event-popup .head-kicker{display:none}
#odk-event-popup .dialog-head h1{font-size:24px;max-width:85%;line-height:1.4;margin-top:13px}
#odk-event-popup .dialog-head p{font-size:12px;line-height:1.7}
#odk-event-popup .close{right:13px;top:15px;width:34px;height:34px}
#odk-event-popup .campaigns{grid-template-columns:1fr;gap:13px;padding:0 12px}
#odk-event-popup .copy{padding:19px 20px 0}
#odk-event-popup .campaign h2{font-size:25px}
#odk-event-popup .product-art{height:199px;margin:0 12px}
#odk-event-popup .pron-art .video{top:26px;height:159px}
#odk-event-popup .pron-art .vowel{right:5%;height:171px;width:30%}
#odk-event-popup .offer{padding:14px 20px 21px}
#odk-event-popup .pack-art .pack1-group{left:-3%;width:65%;height:150px;top:32px}
#odk-event-popup .pack-art .cover{top:55px;height:125px}
#odk-event-popup .pack-art .cover.two{top:42px}
#odk-event-popup .stamp{bottom:0;right:4px}
#odk-event-popup .footer{padding:13px 20px 17px;align-items:flex-start}
#odk-event-popup .footer p{max-width:60%;font-size:10px;line-height:1.6}
#odk-event-popup .price{font-size:34px}
}
@media(prefers-reduced-motion:reduce){#odk-event-popup *{transition:none!important}
}

/* 2026-10-17: 11月直播班招生 배너 (팝업 맨 위) */
#odk-event-popup .dialog-head{position:static}
#odk-event-popup .close{z-index:5}
#odk-event-popup .live-banner{background:var(--cream);padding:20px 76px 16px 24px;border-bottom:1px dashed #d3d8cb}
#odk-event-popup .live-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 11px 4px;font-size:15px;font-weight:850;letter-spacing:.04em;color:var(--green)}
#odk-event-popup .live-tag::before{content:'LIVE';background:var(--red);color:#fff8e9;font-size:10px;letter-spacing:.12em;padding:4px 8px;border-radius:5px}
#odk-event-popup .live-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#odk-event-popup .live-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"name go" "detail detail";align-items:center;gap:6px 10px;background:var(--sage);border-radius:14px;padding:14px 16px;text-decoration:none;color:var(--green);transition:filter .16s,transform .16s}
#odk-event-popup .live-item+.live-item{background:var(--pink)}
#odk-event-popup .live-item:hover{filter:brightness(.98);transform:translateY(-1px)}
#odk-event-popup .live-name{grid-area:name;font-size:20px;font-weight:850;letter-spacing:-.01em}
#odk-event-popup .live-go{grid-area:go;justify-self:end;background:var(--green);color:#fffaf0;font-size:12px;font-weight:750;padding:7px 13px;border-radius:8px;white-space:nowrap}
#odk-event-popup .live-item+.live-item .live-go{background:#875363}
#odk-event-popup .live-detail{grid-area:detail;font-size:12.5px;color:#536350}
#odk-event-popup .live-item+.live-item .live-detail{color:#75535b}
#odk-event-popup .live-note{margin:10px 0 0 4px;font-size:11.5px;color:#8b6151;font-weight:700}
#odk-event-popup .live-note::before{content:'✓ ';color:var(--red)}
@media(max-width:660px){#odk-event-popup .live-banner{padding:17px 56px 14px 14px}
#odk-event-popup .live-items{grid-template-columns:1fr;gap:10px}
#odk-event-popup .live-name{font-size:18px}}
html.odk-events-open,html.odk-events-open body{overflow:hidden;}
.odk-event-reopen{font:inherit;font-size:13px;font-weight:700;border:1px solid #b43c2e;border-radius:99px;padding:7px 13px;background:#fff7ee;color:#a73729;white-space:nowrap;cursor:pointer}.odk-event-reopen:focus-visible{outline:3px solid #a73729;outline-offset:3px}
#odk-event-popup{max-width:calc(100vw - 48px)}
#odk-event-popup .price small{display:inline;color:inherit;line-height:1;margin:0 3px 0 0;letter-spacing:inherit}
@media(max-width:660px){#odk-event-popup{max-width:calc(100vw - 24px)}}

/* November course popup: the approved poster and separate live-class links. */
#odk-event-popup [hidden]{display:none!important}
#odk-event-popup .dialog-head{position:sticky;top:0;z-index:6;padding:18px 26px 16px;border-bottom:1px solid #e2dfd1}
#odk-event-popup .dialog-head h1{font-size:32px;line-height:1.2;letter-spacing:.015em;margin:9px 0 0;font-weight:850}
#odk-event-popup .head-kicker{color:#875363}
#odk-event-popup .close{right:18px;top:22px;min-width:44px;min-height:44px}
#odk-event-popup .opening-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;padding:20px 24px 24px;align-items:start}
#odk-event-popup .checkup-feature{min-width:0}
#odk-event-popup .checkup-poster{display:block;border:1px solid #e2dfd1;border-radius:12px;overflow:hidden;background:#fffaf0}
#odk-event-popup .checkup-poster img{width:100%;height:auto;max-width:100%;object-fit:contain}
#odk-event-popup .checkup-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--green);color:#fffaf0;text-decoration:none;border-radius:9px;padding:13px 16px;margin-top:10px;min-height:48px;font-size:15px;font-weight:750}
#odk-event-popup .live-banner{padding:5px 0 0;border:0;background:transparent;min-width:0}
#odk-event-popup .live-tag{font-size:18px;margin:0 0 13px;letter-spacing:0}
#odk-event-popup .live-tag::before{content:none}
#odk-event-popup .live-items{grid-template-columns:1fr;gap:14px}
#odk-event-popup .live-item{grid-template-columns:1fr;grid-template-areas:"name" "detail" "go";gap:12px;padding:20px}
#odk-event-popup .live-name{font-size:22px;line-height:1.35}
#odk-event-popup .live-detail{font-size:15px;line-height:1.8}
#odk-event-popup .live-detail b{color:#a33129;font-size:16px}
#odk-event-popup .live-go{justify-self:start;font-size:14px;padding:11px 15px;min-height:44px}
#odk-event-popup .live-note{font-size:12px;font-weight:500;line-height:1.8;margin:15px 0 0;color:var(--muted)}
#odk-event-popup .live-note::before{content:none}
#odk-event-popup .opening-grid:has(.live-banner[hidden]){grid-template-columns:1fr;max-width:560px;margin:auto}
#odk-event-popup .campaigns{padding-top:20px;border-top:1px dashed #d3d8cb}
@media(max-width:660px){
 #odk-event-popup .dialog-head{padding:14px 18px 13px}
 #odk-event-popup .dialog-head h1{font-size:27px;max-width:calc(100% - 30px)}
 #odk-event-popup .close{right:11px;top:15px}
 #odk-event-popup .opening-grid{display:flex;flex-direction:column;gap:18px;padding:16px 14px 20px}
 #odk-event-popup .live-banner{order:-1;width:100%;padding:0}
 #odk-event-popup .live-tag{display:none}
 #odk-event-popup .live-items{gap:9px}
 #odk-event-popup .live-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name go" "detail go";gap:4px 8px;padding:13px 12px}
 #odk-event-popup .live-name{font-size:16px}
 #odk-event-popup .live-detail{font-size:12px;line-height:1.65}
 #odk-event-popup .live-detail b{font-size:12px}
 #odk-event-popup .live-go{font-size:12px;padding:10px 8px;align-self:center;white-space:nowrap}
 #odk-event-popup .live-note{font-size:11px;margin-top:9px}
 #odk-event-popup .checkup-feature{width:100%}
 #odk-event-popup .checkup-cta{font-size:14px}
}

/* Approved November live-class posters: retain complete artwork on every screen. */
#odk-event-popup .live-poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 24px 24px;background:var(--cream)}
#odk-event-popup .live-poster-grid.single-poster{grid-template-columns:minmax(0,460px);justify-content:center}
#odk-event-popup .live-poster-card{min-width:0;margin:0;overflow:hidden;border:1px solid #d4dfd3;border-radius:18px;background:var(--cream)}
#odk-event-popup .live-poster-link{display:block;line-height:0}
#odk-event-popup .live-poster-link img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
#odk-event-popup .live-poster-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 18px;background:var(--green);color:#fff;font-size:17px;font-weight:800;line-height:1.5;text-decoration:none}
#odk-event-popup .live-poster-link:focus-visible,#odk-event-popup .live-poster-cta:focus-visible{outline:3px solid #71906c;outline-offset:-4px}
.site-header nav .odk-event-reopen{border-color:#234d3e;color:#234d3e;background:#e8eee2}
@media(max-width:660px){
 #odk-event-popup .live-poster-grid,#odk-event-popup .live-poster-grid.single-poster{grid-template-columns:minmax(0,1fr);gap:18px;padding:14px}
 #odk-event-popup .live-poster-cta{font-size:16px;padding:13px 15px}
}

#odk-event-popup .workshop-card{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;background:var(--sage)}
#odk-event-popup .workshop-info{padding:24px;color:var(--green);min-width:0}
#odk-event-popup .workshop-kicker{margin:0 0 8px;font-size:15px;font-weight:800;letter-spacing:.12em}
#odk-event-popup .workshop-info h2{margin:0 0 16px;font-size:30px;line-height:1.25}
#odk-event-popup .workshop-audience{margin:0 0 12px;font-size:22px;font-weight:800;line-height:1.5}
#odk-event-popup .workshop-teacher{margin:0 0 16px;font-size:16px;line-height:1.6}
#odk-event-popup .workshop-date{margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.4}
#odk-event-popup .workshop-date strong{font-size:30px}
#odk-event-popup .workshop-price{margin:0 0 14px;font-size:21px;font-weight:800}
#odk-event-popup .workshop-info ul{padding-left:21px;margin:0 0 14px;font-size:15px;line-height:1.8}
#odk-event-popup .workshop-note{font-size:13px;line-height:1.7;margin:0 0 18px}
#odk-event-popup .workshop-info .live-poster-cta{border-radius:12px}
#odk-event-popup .single-poster .workshop-card{grid-template-columns:minmax(0,1fr)}
@media(max-width:660px){
 #odk-event-popup .workshop-card{grid-template-columns:minmax(0,1fr)}
 #odk-event-popup .workshop-info{padding:20px}
 #odk-event-popup .workshop-info h2{font-size:26px}
 #odk-event-popup .workshop-audience{font-size:20px}
}

#odk-event-popup .close:focus{outline-color:#71906c}
#odk-event-popup .workshop-note a{color:inherit;text-underline-offset:3px}