/* 몽선생 이벤트 (목록·상세 공용) */
.mgev{font-family:Pretendard,'Noto Sans KR',sans-serif;color:#1B1F2A;letter-spacing:-.02em;line-height:normal;word-break:keep-all;overflow-x:clip}
.mgev *{box-sizing:border-box;margin:0;padding:0}
.mgev a{text-decoration:none;color:inherit}.mgev a:hover{text-decoration:none}
.mgev ul,.mgev ol{list-style:none}.mgev img{max-width:none;border:0;display:block}
.mgev button{font-family:inherit;cursor:pointer}
.ev-in{max-width:1080px;margin:0 auto;padding:0 20px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease-out,transform .6s ease-out}.rv.in{opacity:1;transform:none}

/* ── 목록 ── */
.evl{padding:56px 0 120px}
.evl h2{font-size:30px;font-weight:700;line-height:1.35;letter-spacing:-.03em}
.evl-tab{display:flex;justify-content:flex-end;gap:6px;margin:-34px 0 26px}
.evl-tab button{height:36px;padding:0 16px;border-radius:20px;border:1px solid #D9DDE3;background:#fff;font-size:14px;font-weight:600;color:#5A626B}
.evl-tab button.on{background:#1B1F2A;border-color:#1B1F2A;color:#fff}
.evl-g{display:grid;grid-template-columns:1fr 1fr;gap:52px 28px}
.evl-c{display:block}
.evl-c .th{display:block;overflow:hidden;border-radius:6px;aspect-ratio:1120/542;background:#EEF0F4}
.evl-c .th img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}
.evl-c:hover .th img{transform:scale(1.03)}
.evl-c .lb,.ev-rel .lb{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:12px;font-weight:700;color:#3B4150;letter-spacing:.02em}
.evl-c .lb:before,.ev-rel .lb:before{content:"";width:12px;height:12px;border-radius:50%;background:#4B52E8;box-shadow:inset 0 0 0 3px #C9CCFA}
.evl-c b{display:block;margin-top:8px;font-size:22px;font-weight:700;letter-spacing:-.03em}
.evl-c p{margin-top:6px;font-size:15px;color:#6B7280}
.evl-c em{display:block;margin-top:10px;font-style:normal;font-size:13px;color:#9AA1AB}
.evl-c.off .th{filter:grayscale(1);opacity:.55}
.evl-empty{grid-column:1/-1;padding:90px 0;text-align:center;color:#9AA1AB;display:none}

/* ── 상세 공통 ── */
.ev-h{position:relative;overflow:hidden;margin:24px 20px 0;text-align:center}
.ev-kick{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ev-h h1{margin-top:14px;font-size:58px;font-weight:800;line-height:1.22;letter-spacing:-.04em}
.ev-h .sub{margin-top:14px;font-size:24px;font-weight:600;line-height:1.45;letter-spacing:-.03em}
.ev-meta{max-width:760px;margin:0 auto;padding:26px 34px;text-align:left;font-size:16px;line-height:1.8;border-radius:16px}
.ev-meta div{display:flex;gap:14px}
.ev-meta dt{flex:none;width:44px;font-weight:700}
.ev-meta dd{margin:0}
.ev-sec{padding:100px 0}
.ev-sec h2{text-align:center;font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.3}
.ev-sec .lead{margin:14px auto 0;max-width:680px;text-align:center;font-size:18px;line-height:1.7;color:#5A6170}
.ev-btns{display:flex;justify-content:center;gap:10px;margin-top:48px;flex-wrap:wrap}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;min-width:220px;padding:0 28px;border-radius:32px;font-size:17px;font-weight:700;transition:transform .15s,filter .2s}
.ev-btn:hover{filter:brightness(1.06)}.ev-btn:active{transform:scale(.97)}
.ev-btn.line{border:1.5px solid #D2D7DF;background:#fff;color:#2B303B}
.ev-btn.kakao{background:#FEE500;color:#191600}

/* 구역 이동 탭 */
.ev-nav{position:sticky;top:0;z-index:50;background:#1B1F2A;margin:0 20px}
.ev-nav .ev-in{display:flex;max-width:1080px}
.ev-nav a{flex:1;text-align:center;padding:17px 0;font-size:15px;font-weight:600;color:rgba(255,255,255,.55);border-bottom:3px solid transparent;transition:color .2s}
.ev-nav a.on{color:#fff;border-bottom-color:var(--ac,#FFD84A)}

/* 번호 단계 */
.ev-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.ev-steps.n3{grid-template-columns:repeat(3,1fr);max-width:860px;margin-left:auto;margin-right:auto}
.ev-step{text-align:center}
.ev-step .no{display:inline-grid;place-items:center;width:28px;height:28px;background:#1B1F2A;color:#fff;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.ev-step h4{margin-top:12px;font-size:19px;font-weight:700;letter-spacing:-.03em}
.ev-step small{display:block;margin-top:4px;font-size:13.5px;color:#7A8190;line-height:1.5}
.ev-step .vis{margin-top:20px;height:250px;border-radius:24px;background:#fff;box-shadow:0 0 0 6px #E9EBF0,0 22px 40px -18px rgba(20,30,70,.35);overflow:hidden;position:relative;text-align:left}

/* FAQ */
.ev-faq{background:#F4F5F7;padding:90px 0 110px;margin:0 20px}
.ev-faq h2{font-size:30px;font-weight:800;letter-spacing:-.03em;text-align:center}
.ev-faq .lead{text-align:center;margin-top:10px;color:#7A8190;font-size:15px}
.ev-faq ul{max-width:880px;margin:40px auto 0;border-top:2px solid #1B1F2A}
.ev-faq details{border-bottom:1px solid #DDE0E5}
.ev-faq summary{list-style:none;display:flex;align-items:center;gap:14px;padding:24px 8px;font-size:17.5px;font-weight:700;cursor:pointer;letter-spacing:-.03em}
.ev-faq summary::-webkit-details-marker{display:none}
.ev-faq summary:before{content:"Q";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ac2,#4B52E8);color:#fff;font-size:14px;font-weight:800}
.ev-faq summary:after{content:"";margin-left:auto;flex:none;width:10px;height:10px;border-right:2px solid #8A909C;border-bottom:2px solid #8A909C;transform:rotate(45deg);transition:transform .25s}
.ev-faq details[open] summary:after{transform:rotate(-135deg)}
.ev-faq .a{padding:0 8px 26px 52px;font-size:15.5px;line-height:1.8;color:#555C69}
.ev-faq .a b{color:#1B1F2A;font-weight:700}
.ev-notes{max-width:880px;margin:44px auto 0;font-size:13.5px;color:#8A909C;line-height:1.8}
.ev-notes li{padding-left:10px;position:relative}.ev-notes li:before{content:"·";position:absolute;left:0}

/* 학교 탭 */
.ev-stab{max-width:960px;margin:44px auto 0}
.ev-stab .tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.ev-stab .tabs button{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;border-radius:30px;border:1.5px solid #D6D9EC;background:#fff;font-size:16px;font-weight:700;color:#4A5068;transition:all .2s}
.ev-stab .tabs button img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.ev-stab .tabs button.on{background:var(--ac2,#4B52E8);border-color:var(--ac2,#4B52E8);color:#fff}
.ev-stab .pn{margin-top:28px;background:#fff;border-radius:20px;padding:34px 40px 30px;box-shadow:0 1px 0 #E3E6F2,0 20px 40px -24px rgba(40,50,140,.25)}
.ev-stab .pn h5{display:flex;align-items:baseline;justify-content:space-between;font-size:15px;font-weight:800;color:var(--ac2,#4B52E8);margin:18px 0 6px}
.ev-stab .pn h5:first-child{margin-top:0}
.ev-stab .pn h5 span{font-size:13px;color:#9AA1AB;font-weight:600}
.ev-stab ol{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px}
.ev-stab ol.two{grid-template-columns:1fr 1fr}
.ev-stab li{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px dotted #D3D7E3;min-width:0}
.ev-stab li i{font-style:normal;flex:none;width:20px;font-size:12px;font-weight:700;color:#A9AFBC;font-variant-numeric:tabular-nums}
.ev-stab li b{flex:none;font-size:15.5px;font-weight:700}
.ev-stab li span{min-width:0;font-size:13px;color:#7A8190;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-stab .nt{margin-top:18px;font-size:13px;color:#8A909C}

/* 관련 이벤트 */
.ev-rel{padding:80px 0 130px}
.ev-rel h3{font-size:22px;font-weight:700;letter-spacing:-.03em}
.ev-rel-g{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.ev-rel-g a{display:block}
.ev-rel-g img{width:100%;aspect-ratio:1120/542;object-fit:cover;border-radius:6px;transition:transform .4s}
.ev-rel-g a:hover img{transform:translateY(-3px)}
.ev-rel-g b{display:block;margin-top:6px;font-size:16px;font-weight:700}
.ev-rel-g p{margin-top:4px;font-size:13px;color:#7A8190;line-height:1.5}
.ev-rel .lb{margin-top:12px;font-size:11px}

/* 하단 기간 바 */
.ev-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:999;display:flex;align-items:center;gap:18px;width:470px;padding:12px 14px 12px 26px;border-radius:40px;background:rgba(27,31,42,.92);color:#fff;font-size:15px;box-shadow:0 10px 30px rgba(0,0,0,.22);backdrop-filter:blur(6px)}
.ev-bar b{flex:1;font-weight:700}.ev-bar span{opacity:.9;font-variant-numeric:tabular-nums}
.ev-share{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.ev-toast{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);background:#fff;color:#1B1F2A;font-style:normal;font-size:13px;font-weight:600;padding:8px 14px;border-radius:20px;box-shadow:0 6px 18px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}
.ev-toast.on{opacity:1}

@media(max-width:768px){
  .ev-in{padding:0 16px}
  .evl{padding:36px 0 90px}.evl h2{font-size:23px}.evl-tab{margin:18px 0 20px;justify-content:flex-start}
  .evl-g{grid-template-columns:1fr;gap:36px}.evl-c b{font-size:19px}.evl-c p{font-size:14px}
  .ev-h,.ev-nav,.ev-faq{margin-left:0;margin-right:0}.ev-h{margin-top:0}
  .ev-kick{font-size:14px}.ev-h h1{font-size:34px}.ev-h .sub{font-size:17px}
  .ev-meta{padding:18px 18px;font-size:14px}.ev-meta div{gap:10px}.ev-meta dt{width:36px}
  .ev-sec{padding:64px 0}.ev-sec h2{font-size:26px}.ev-sec .lead{font-size:15.5px}
  .ev-nav a{font-size:13px;padding:14px 0}
  .ev-steps,.ev-steps.n3{grid-template-columns:1fr 1fr;gap:34px 12px;margin-top:36px}
  .ev-step h4{font-size:16px}.ev-step small{font-size:12px}.ev-step .vis{height:200px;border-radius:18px}
  .ev-faq{padding:60px 0 80px}.ev-faq h2{font-size:23px}.ev-faq summary{font-size:15.5px;padding:18px 4px;gap:10px}.ev-faq summary:before{width:26px;height:26px;font-size:13px}.ev-faq .a{padding:0 4px 20px 40px;font-size:14px}
  .ev-stab .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}.ev-stab .tabs button{flex:none;height:44px;padding:0 16px;font-size:14px}
  .ev-stab .pn{padding:22px 18px}.ev-stab ol,.ev-stab ol.two{grid-template-columns:1fr}
  .ev-btn{min-width:0;flex:1;height:52px;font-size:15.5px}
  .ev-rel{padding:56px 0 110px}.ev-rel-g{grid-template-columns:1fr 1fr;gap:22px 12px}
  .ev-bar{width:calc(100% - 32px);bottom:14px;padding:10px 10px 10px 20px;font-size:13.5px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mgev *{animation:none!important}}
.ev-faq ul.ev-notes{border-top:0;margin-top:36px}

/* ── 간단 상세(코오롱식): 배너 이미지 → 제목·기간 → 혜택 → 적용 학교 → FAQ ── */
.evs-top{max-width:1120px;margin:30px auto 0;padding:0 20px}
.evs-top img{width:100%;height:auto;border-radius:10px}
.evs-hd{max-width:880px;margin:44px auto 0;padding:0 20px;text-align:center}
.evs-hd .k{font-size:14px;font-weight:700;color:var(--ac2,#4B52E8)}
.evs-hd h1{margin-top:10px;font-size:38px;font-weight:800;letter-spacing:-.04em;line-height:1.3}
.evs-hd p{margin-top:10px;font-size:18px;color:#5A6170;line-height:1.6}
.evs-hd .ev-meta{margin-top:30px;background:#F6F7F9}
.evs-hd .ev-meta dt{color:var(--ac2,#4B52E8)}
.evs-sec{max-width:1080px;margin:0 auto;padding:80px 20px 0}
.evs-sec h2{font-size:28px;font-weight:800;letter-spacing:-.03em;text-align:center}
.evs-sec .lead{margin-top:10px;text-align:center;font-size:16px;color:#6B7280}
.evs-bn{display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:16px;margin-top:36px}
.evs-bn li{padding:28px 24px;border-radius:16px;background:#F5F6FA;text-align:center}
.evs-bn .t{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#5A6170}
.evs-bn .t img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.evs-bn h4{margin-top:10px;font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.4;color:#1B1F2A}
.evs-bn h4 em{font-style:normal;color:var(--ac2,#4B52E8)}
.evs-bn p{margin-top:8px;font-size:14.5px;color:#6B7280;line-height:1.6}
.evs-step{display:flex;justify-content:center;gap:10px;margin-top:30px;flex-wrap:wrap}
.evs-step li{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:30px;background:#fff;box-shadow:0 0 0 1px #E1E4EA;font-size:15.5px;font-weight:700}
.evs-step li i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ac2,#4B52E8);color:#fff;font-size:13px}
.evs-step li small{font-size:13px;font-weight:500;color:#8A909C}
.evs-wrap .ev-btns{margin-top:36px}
.evs-wrap .ev-faq{margin-top:90px}
@media(max-width:768px){
 .evs-top{margin-top:0;padding:0}.evs-top img{border-radius:0}
 .evs-hd{margin-top:28px;padding:0 16px}.evs-hd h1{font-size:27px}.evs-hd p{font-size:15.5px}
 .evs-sec{padding:56px 16px 0}.evs-sec h2{font-size:22px}
 .evs-bn{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.evs-bn li{padding:20px 14px}.evs-bn h4{font-size:16.5px}.evs-bn p{font-size:13px}
 .evs-bn.one{grid-template-columns:1fr}
 .evs-step{flex-direction:column;align-items:stretch}.evs-step li{font-size:14.5px}
 .evs-wrap .ev-faq{margin-top:60px}
}

/* ── 사이트 톤 고정(mongs.co.kr procedure_intro 기준) ──
   글꼴 Pretendard / 제목 34px 700 #0F3233 / 강조 틸 #398A8F / 본문 #454545 / 바탕 #F9F9F9·#F6F9F8 */
.mgev{font-family:Pretendard,sans-serif;color:#212121}
.evl h2,.evl-c b,.evs-sec h2,.ev-faq h2,.evs-bn h4{color:#0F3233}
.evl h2{font-size:34px;font-weight:700}
.evl-c .lb:before,.ev-rel .lb:before{background:#398A8F;box-shadow:inset 0 0 0 3px #CFE5E3}
.evl-tab button.on{background:#0F3233;border-color:#0F3233}
.evl-c b{font-size:20px;font-weight:700}
.evs-sec h2{font-size:34px;font-weight:700}
.evs-bn li{background:#F6F9F8}.evs-bn h4 em{color:#398A8F}
.evs-step li i{background:#398A8F}
.evs-wrap .ev-btn.cta{background:#398A8F!important;color:#fff!important}
.ev-faq{background:#F9F9F9}.ev-faq ul{border-top-color:#0F3233}.ev-faq summary:before{background:#398A8F}
.ev-stab .tabs button.on{background:#398A8F;border-color:#398A8F}.ev-stab .pn h5{color:#398A8F}
/* 상세 머리: 코오롱 Event/250329처럼 두 색(바탕+글자)만 */
.evs-hero{margin:24px 20px 0;padding:90px 20px 80px;text-align:center;background:var(--hb);color:var(--hf)}
.evs-hero .k{font-size:18px;font-weight:600;letter-spacing:.02em}
.evs-hero .k span{margin:0 10px;opacity:.7}
.evs-hero h1{margin-top:22px;font-size:52px;font-weight:700;line-height:1.3;letter-spacing:-.02em}
.evs-hero .sub{margin-top:16px;font-size:19px;font-weight:500;line-height:1.6;opacity:.85}
.evs-hero .ev-meta{margin-top:50px;max-width:680px;background:none;padding:0;box-shadow:none;font-size:15px;color:inherit}
.evs-hero .ev-meta dt{color:inherit;font-weight:700}
@media(max-width:768px){
 .evl h2{font-size:24px}
 .evs-hero{margin:0;padding:56px 16px 48px}.evs-hero .k{font-size:14px}.evs-hero h1{font-size:30px}.evs-hero .sub{font-size:15px}.evs-hero .ev-meta{margin-top:32px;font-size:13.5px}
 .evs-sec h2{font-size:24px}
}
.evs-hero .ev-meta{width:fit-content;margin-left:auto;margin-right:auto}
.evs-hd .k{color:#398A8F}.evs-hd h1{color:#0F3233;font-weight:700}.evs-hd p{color:#454545}
.evs-hd .ev-meta{background:#F6F9F8}.evs-hd .ev-meta dt{color:#398A8F}
/* 목록: 코오롱처럼 정사각형 3열 — 썸네일은 확정 배너의 그림 부분(img/thumb/q1~q5) */
.evl-g{grid-template-columns:repeat(3,1fr);gap:56px 24px}
.evl-c .th,.ev-rel-g img{aspect-ratio:1/1;border-radius:0}
@media(max-width:768px){.evl-g{grid-template-columns:1fr 1fr;gap:32px 12px}.evl-c b{font-size:16px}.evl-c p{font-size:13px}}

/* ── 상세 머리(2026-11-05 확정 규칙): 썸네일과 같은 배너 배경·패턴·포인트색 + 문구 + 소품, 코오롱 250329처럼 가운데 ── */
.evh{position:relative;overflow:hidden;margin:24px 20px 0;padding:84px 20px 64px;text-align:center;background:var(--bg);color:var(--fc);font-family:Pretendard,sans-serif;letter-spacing:-.035em}
.evh .pt,.evh .gw{position:absolute;pointer-events:none}.evh .pt{inset:0;background:var(--pt)}
.evh .gw{right:-160px;bottom:-200px;width:640px;height:640px;background:var(--gl)}
.evh>*:not(.pt):not(.gw){position:relative}
.evh .k{font-size:17px;font-weight:700;color:var(--ac);letter-spacing:0}
.evh h1{margin-top:16px;font-size:56px;font-weight:700;line-height:1.4}
.evh h1 em{font-style:normal;color:var(--ac)}
.evh .s{margin-top:14px;font-size:21px;font-weight:500;opacity:.82}
.evh .ob{display:block;margin:34px auto 0;height:220px;width:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}
.evh .ev-meta{margin:36px auto 0;width:fit-content;max-width:720px;padding:20px 30px;border-radius:14px;background:rgba(255,255,255,var(--mb,.1));box-shadow:none;font-size:15.5px;color:inherit;letter-spacing:-.02em}
.evh .ev-meta dt{color:var(--ac);font-weight:700}
.evh .ac{display:block;width:56px;height:6px;border-radius:3px;background:var(--ac);margin:36px auto 0}
@media(max-width:768px){.evh{margin:0;padding:52px 16px 40px}.evh .k{font-size:14px}.evh h1{font-size:30px}.evh .s{font-size:15px}.evh .ob{height:140px;margin-top:24px}.evh .ev-meta{margin-top:26px;padding:16px 18px;font-size:13.5px;text-align:left}}
.evh{padding:90px 20px 70px}.evh .ob{height:330px;margin-top:40px}
@media(max-width:768px){.evh{padding:52px 16px 40px}.evh .ob{height:190px;margin-top:26px}}
/* 13:32 단순화: 포인트색 하나 + 잉크 + 회색만 */
.evs-wrap .ev-btn.cta{background:#0F2033!important}
.evs-step li{box-shadow:none;background:none;padding:6px 10px;font-weight:600}.evs-step li i{background:#0F2033}
.ev-stab .tabs button.on{background:#0F2033;border-color:#0F2033}.ev-stab .pn h5{color:#0F2033}.ev-stab .pn{box-shadow:0 0 0 1px #E6E8EC}
.ev-faq summary:before{background:#0F2033}
.evs-wrap .ev-faq{margin-top:0}.evs-sec{padding-bottom:80px}
/* 13:33 이벤트 내용이 딱 보이게: 내용 줄 크게 */
.evh .ev-meta{font-size:18px;line-height:1.75;padding:26px 36px;max-width:820px}
.evh .ev-meta div:first-child dd{font-weight:700}
.evh .ev-meta dt{width:48px}
@media(max-width:768px){.evh .ev-meta{font-size:15px;padding:18px 18px}.evh .ev-meta dt{width:38px}}
/* 13:33 정신없음·색 남발 → 위쪽: 배경 하나 + 그림 하나, 빛·패턴 없음, 강조색은 강조 단어에만 */
.evh .pt,.evh .gw{display:none}
.evh .k{color:inherit;opacity:.7}
.evh .ev-meta dt{color:inherit;opacity:.65}
.evh .ob{filter:none}
/* 13:34 아래는 글만 깔끔하게 정렬 */
.evt{padding:72px 0 64px}.evt .ev-in{max-width:880px}
.evt h2{font-size:22px;font-weight:700;color:#0F2033;padding-bottom:14px;border-bottom:2px solid #0F2033;margin-top:52px}
.evt h2:first-child{margin-top:0}
.evt-sch{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid #E6E8EC}
.evt-sch h3{flex:none;width:200px;font-size:16px;font-weight:700;color:#0F2033}.evt-sch h3 span{font-weight:500;color:#8A909C;font-size:14px}
.evt-sch p{font-size:15px;line-height:1.8;color:#454545}
.evt-ol{counter-reset:n}.evt-ol li,.evt-ul li{padding:14px 0;border-bottom:1px solid #E6E8EC;font-size:16px;color:#212121}
.evt-ol li{counter-increment:n}.evt-ol li:before{content:counter(n)'.';font-weight:700;margin-right:10px;color:#0F2033}
.evt-ol li span{color:#8A909C}
.evt-ul li b{display:inline-block;width:200px;font-weight:700;color:#0F2033}
.evt-nt{margin-top:14px;font-size:13.5px;color:#8A909C}
.evt-btn{margin-top:36px;display:flex;gap:24px}.evt-btn a{font-size:16px;font-weight:700;color:#0F2033;border-bottom:1.5px solid #0F2033;padding-bottom:2px}
.evt-g{background:#F6F7F9;padding:64px 0 90px}
.evt-g h2{border-bottom:1px solid #C9CDD4}
.evt-qa dt{margin-top:22px;font-size:16px;font-weight:700;color:#0F2033}.evt-qa dt:before{content:"Q. "}
.evt-qa dd{margin:6px 0 0;font-size:15px;line-height:1.75;color:#5A6170}
.evt-li{margin-top:32px;font-size:13.5px;color:#8A909C;line-height:1.8}.evt-li li:before{content:"· "}
@media(max-width:768px){.evt{padding:48px 0}.evt-sch{flex-direction:column;gap:6px}.evt-ul li b{display:block;width:auto;margin-bottom:2px}.evt h2{font-size:19px}}
/* 13:36 기간·대상 구분선, 꼭 읽어주세요 = 짧은 안내 문장 목록 */
.evh .ev-meta div{align-items:baseline}
.evh .ev-meta dt{position:relative;width:auto;padding-right:16px;margin-right:4px}
.evh .ev-meta dt:after{content:"";position:absolute;right:0;top:50%;width:1px;height:13px;margin-top:-6px;background:currentColor;opacity:.45}
.evt-rd{margin-top:22px}
.evt-rd li{position:relative;padding:7px 0 7px 14px;font-size:15px;line-height:1.7;color:#5A6170}
.evt-rd li:before{content:"-";position:absolute;left:0}
/* 13:37 책처럼: 장 번호, 좁은 글 폭, 표 머리줄 */
.evt .ev-in{max-width:760px}
.evt h2{display:flex;align-items:baseline;gap:14px;font-size:21px;border-bottom-width:1.5px}
.evt h2 i{font-style:normal;font-size:14px;font-weight:700;color:#8A909C;letter-spacing:.04em}
.evt-th{display:flex;gap:24px;padding:10px 0;border-bottom:1px solid #C9CDD4;font-size:13px;font-weight:700;color:#8A909C}
.evt-th span:first-child{width:200px}
.evt-sch p,.evt-rd li,.evt-ol li,.evt-ul li{line-height:1.85}
@media(max-width:768px){.evt-th{display:none}}
/* 영어 수업 신청 방법: 코오롱 Event/255196 '선물하는 방법'처럼 4단계 + 휴대폰 화면 */
.evk{background:#EEF1FD;padding:80px 0 0;overflow:hidden}
.evk h2{text-align:center;font-size:28px;font-weight:700;color:#0F2033;letter-spacing:-.03em}
.evk-g{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px;text-align:center}
.evk-g>li>b{display:inline-grid;place-items:center;width:22px;height:22px;background:#111;color:#fff;font-size:13px;font-weight:700}
.evk-g h4{margin-top:10px;font-size:17px;font-weight:700;color:#111}
.evk-g small{display:block;margin-top:4px;font-size:12.5px;color:#7A8190;min-height:18px}
.evk .ph{position:relative;margin:26px auto 0;width:200px;height:250px;background:#fff;text-align:left;overflow:hidden;
 border:7px solid #CFD2D9;border-bottom:0;border-radius:30px 30px 0 0;-webkit-mask:linear-gradient(180deg,#000 75%,transparent);mask:linear-gradient(180deg,#000 75%,transparent)}
.evk .ph .bar{height:40px;display:flex;align-items:center;padding:0 14px;font-size:12.5px;font-weight:700;border-bottom:1px solid #EEF0F4}
.evk .v1 img{width:100%;height:100%;object-fit:cover}.evk .v1 span{position:absolute;left:12px;bottom:46px;background:rgba(17,17,17,.85);color:#fff;font-size:12px;font-weight:700;padding:6px 11px;border-radius:16px}
.evk .v2 .rv2{padding:14px}.evk .v2 .st{color:#FFB400;font-size:16px;letter-spacing:2px}.evk .v2 .ln{height:8px;border-radius:4px;background:#E9ECF2;margin-top:9px}
.evk .v2 .pl{display:flex;gap:5px;margin-top:14px}.evk .v2 .pl em{font-style:normal;font-size:11px;font-weight:700;padding:5px 8px;border-radius:12px;background:#F1F2F5;color:#454545}
.evk .v2 .ok{margin-top:14px;height:34px;border-radius:8px;background:#111;color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center}
.evk .v3{background:#B9CCE0}.evk .v3 .bar{background:#FEE500;border:0;color:#191600}
.evk .v3 .msg{padding:12px 10px;display:flex;flex-direction:column;gap:7px}
.evk .v3 .msg p{max-width:84%;font-size:11.5px;line-height:1.45;padding:8px 10px;border-radius:11px;background:#fff}
.evk .v3 .msg p.me{align-self:flex-end;background:#FEE500}
.evk .v3 .msg p.img{align-self:flex-end;width:96px;height:48px;padding:0;position:relative}.evk .v3 .msg p.img:after{content:"후기 캡처";position:absolute;inset:0;display:grid;place-items:center;font-size:10.5px;color:#8A909C}
.evk .v4 .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:10px 12px 0;text-align:center;font-size:11px;color:#8A909C}
.evk .v4 .cal span{padding:4px 0;border-radius:50%}.evk .v4 .cal span.on{background:#111;color:#fff;font-weight:700}
.evk .v4 .cd{margin:12px;padding:11px 12px;border-radius:10px;background:#F5F6FA;font-size:12px;line-height:1.5}.evk .v4 .cd strong{display:block;font-size:13px}
@media(max-width:768px){.evk{padding:52px 0 0}.evk h2{font-size:21px}.evk-g{grid-template-columns:1fr 1fr;gap:30px 10px;margin-top:32px}.evk .ph{width:150px;height:200px;border-width:5px;border-radius:22px 22px 0 0}.evk-g h4{font-size:14.5px}.evk-g small{font-size:11.5px}}
.evh .ob.ppl{height:360px;filter:none;margin-top:30px}
.evh .ob.ppl+.ev-meta{margin-top:0;position:relative;z-index:2;background:rgba(20,32,110,.75);backdrop-filter:blur(4px)}
@media(max-width:768px){.evh .ob.ppl{height:220px}}
/* 설명회 할인: 코오롱 '첫 구매 지원금'처럼 아이콘+글+오른쪽 회색 표시 줄 */
.evm{padding:80px 0 60px;text-align:center}
.evm h2{font-size:28px;font-weight:700;color:#111;letter-spacing:-.03em}
.evm .lead{margin-top:12px;font-size:16px;line-height:1.6;color:#454545}
.evm-l{max-width:640px;margin:34px auto 0;text-align:left}
.evm-l li{display:flex;align-items:center;gap:18px;padding:18px 18px 18px 22px;background:#F5F5F5;margin-top:10px}
.evm-l img{width:40px;height:40px;flex:none}
.evm-l p{flex:1;font-size:15.5px;color:#212121}.evm-l p b{font-weight:700}
.evm-l small{display:block;margin-top:2px;font-size:13px;color:#8A909C}
.evm-l span{flex:none;padding:9px 14px;background:#B5B7BC;color:#fff;font-size:12.5px;font-weight:700}
.evm-nt{margin-top:16px;font-size:13px;color:#8A909C}
.evm-bn{display:flex;align-items:center;gap:16px;margin:56px auto 90px;max-width:880px;padding:22px 30px;background:#1B2A5C;color:#fff;border-radius:6px}
.evm-bn img{width:44px;height:44px}.evm-bn span{flex:1;font-size:16px;opacity:.85}.evm-bn b{font-size:17px;font-weight:700;color:#FFC24B}
@media(max-width:768px){.evm{padding:52px 0 40px}.evm h2{font-size:22px}.evm-l li{gap:12px;padding:14px}.evm-l img{width:32px;height:32px}.evm-l p{font-size:14px}.evm-l span{padding:7px 9px;font-size:11px}
 .evm-bn{margin:40px 0 60px;padding:16px 18px;flex-wrap:wrap}.evm-bn span{font-size:13.5px}.evm-bn b{font-size:15px}}
.mgev .evm-bn,.mgev .evm-bn span{color:#fff}.mgev .evm-bn b{color:#FFC24B}
.evt.evm{text-align:left;padding:72px 0 64px}.evt.evm .evm-l{max-width:none;margin-top:18px}
.evt.evm .evm-nt{text-align:left}
/* 1단계 화면: 사진 대신 상담 신청 화면(2026-11-05 사진 금지) */
.evk .v1 .rv2{padding:14px}.evk .v1 .ln{height:8px;border-radius:4px;background:#E9ECF2;margin-top:12px}
.evk .v1 .pl{display:flex;gap:5px}.evk .v1 .pl em{font-style:normal;font-size:11px;font-weight:700;padding:5px 8px;border-radius:12px;background:#F1F2F5;color:#454545}.evk .v1 .pl em:first-child{background:#111;color:#fff}
.evk .v1 .ok{margin-top:16px;height:34px;border-radius:8px;background:#111;color:#fff;font-size:12.5px;font-weight:700;display:grid;place-items:center}
/* 영어수업 상단: 선물상자+카드 (코오롱 Event/255196 선물하기 가이드식, 순서대로 나타남) */
.evh .gf{position:relative;width:520px;height:320px;margin:40px auto 0}
.gf-box{position:absolute;left:40px;bottom:0;width:250px;height:230px;animation:gfL .9s cubic-bezier(.2,.7,.2,1) .2s both}
.gf-box .bd{position:absolute;left:20px;bottom:0;width:210px;height:160px;background:#5BC4EE;border-radius:4px}
.gf-box .lid{position:absolute;left:0;bottom:156px;width:250px;height:50px;background:#7FE0FF;border-radius:4px;box-shadow:0 6px 0 rgba(0,0,0,.08)}
.gf-box .rb{position:absolute;left:107px;bottom:0;width:36px;height:206px;background:#fff}
.gf-box .bw{position:absolute;bottom:200px;width:62px;height:38px;border:12px solid #fff;border-radius:50%;box-sizing:border-box}
.gf-box .bw.l{left:66px;transform:rotate(-24deg)}.gf-box .bw.r{left:122px;transform:rotate(24deg)}
.gf-card{position:absolute;right:20px;bottom:24px;width:230px;padding:22px 22px 20px;background:#fff;border-radius:12px;text-align:left;transform:rotate(6deg);box-shadow:0 18px 30px rgba(10,20,80,.25);animation:gfR .9s cubic-bezier(.2,.7,.2,1) .5s both}
.gf-card span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#2338A8}
.gf-card strong{display:block;margin-top:10px;font-size:30px;line-height:1.25;font-weight:700;color:#0F2033}
.gf-card em{display:block;margin-top:14px;padding-top:12px;border-top:1px dashed #C9D0E4;font-style:normal;font-size:13px;font-weight:500;color:#6B7385}
.gf-sp{position:absolute;width:14px;height:14px;background:#7FE0FF;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:gfU .7s ease-out both}
.gf-sp.s1{left:12px;top:40px;animation-delay:.9s}.gf-sp.s2{right:6px;top:10px;width:20px;height:20px;background:#fff;animation-delay:1.05s}.gf-sp.s3{left:300px;top:70px;width:10px;height:10px;animation-delay:1.2s}
@keyframes gfL{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes gfR{from{opacity:0;transform:translateX(60px) rotate(6deg)}to{opacity:1;transform:rotate(6deg)}}
@keyframes gfU{from{opacity:0;transform:translateY(16px) scale(.6)}to{opacity:1;transform:none}}
@media(max-width:768px){.evh .gf{transform:scale(.6);transform-origin:top center;margin:26px auto -128px}}
@media(prefers-reduced-motion:reduce){.gf-box,.gf-card,.gf-sp{animation:none}}
/* 이달의 설명회 배너: 01 혜택 목록 바로 아래(2026-11-05) */
.evt.evm .evm-bn{margin:28px 0 0;max-width:none}
@media(max-width:768px){.evt.evm .evm-bn{margin:22px 0 0}}
@media(max-width:768px){.evh .gf{left:50%;margin:26px 0 -128px -260px}.evk .v1 .pl em,.evk .v2 .pl em{white-space:nowrap}}
/* 이 달의 설명회 배너 다시: 남색 덩어리+노랑 글자 X → 혜택 줄과 같은 결의 얇은 줄(2026-11-05 "이상하다") */
.evt.evm .evm-bn,.mgev .evt.evm .evm-bn{gap:14px;padding:16px 22px;background:#fff;border:1px solid #0F2033;border-radius:0;color:#0F2033}
.evt.evm .evm-bn img{width:30px;height:30px}
.evt.evm .evm-bn span,.mgev .evt.evm .evm-bn span{font-size:15px;font-weight:500;opacity:1;color:#0F2033}
.evt.evm .evm-bn b,.mgev .evt.evm .evm-bn b{font-size:15px;font-weight:700;color:#0F2033}
.evt.evm .evm-bn:hover{background:#0F2033}.evt.evm .evm-bn:hover span,.evt.evm .evm-bn:hover b{color:#fff}
@media(max-width:768px){.evt.evm .evm-bn{padding:14px 16px;flex-wrap:nowrap}.evt.evm .evm-bn span{font-size:13.5px}.evt.evm .evm-bn b{font-size:13.5px;white-space:nowrap}}
/* 선물상자 조금 작게(2026-11-05) */
.gf-box{scale:.76;transform-origin:50% 100%;left:56px}
/* 영어수업 상단: 글을 내리고 그림과의 빈 곳 줄임(2026-11-05) */
.evh:has(.gf){padding-top:130px}
.evh .gf{height:250px;margin-top:6px}
.gf-sp.s1{top:20px}.gf-sp.s2{top:0}.gf-sp.s3{top:40px}
@media(max-width:768px){.evh:has(.gf){padding-top:64px}.evh .gf{margin:10px 0 -100px -260px}}
/* 영어수업 01: 4칸 나란히(신청 방법 4단계와 맞춤, 설명회 줄과 다르게) */
.evc{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-bottom:1px solid #E3E6EC}
.evc li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 10px 30px}
.evc li+li{border-left:1px solid #E3E6EC}
.evc img{width:52px;height:52px}
.evc small{margin-top:16px;font-size:13px;font-weight:500;color:#8A909C}
.evc b{margin-top:6px;font-size:15.5px;line-height:1.5;font-weight:700;color:#0F2033}
@media(max-width:768px){.evc{grid-template-columns:repeat(2,1fr)}.evc li{padding:24px 8px}.evc li:nth-child(3){border-left:0}.evc li:nth-child(n+3){border-top:1px solid #E3E6EC}.evc img{width:40px;height:40px}.evc b{font-size:14px}}
/* 영어수업 01: 이모지 빼고 글만(2026-11-05 "이모티콘이 안 어울려") — 분야명은 이벤트 색 */
.evc li{padding:30px 12px 28px;justify-content:center}
.evc small{margin-top:0;font-size:13.5px;font-weight:700;color:#2338A8}
.evc b{margin-top:10px;font-size:16px}
@media(max-width:768px){.evc li{padding:22px 8px}.evc b{font-size:14px}}
.evh:has(.gf){padding-top:100px}
@media(max-width:768px){.evh:has(.gf){padding-top:48px}}
/* 상단 그림 모션(2026-11-05): 수수료=카드 들어오고 동전 떨어짐, 설명회=빵빠레 터짐 */
.evh .mo{position:relative;margin:40px auto 0;height:330px}
.mo-fee{width:298px}.mo-fee .c{position:absolute;inset:0;width:100%;height:100%;animation:moR .9s cubic-bezier(.2,.7,.2,1) .2s both,moFl 4s ease-in-out 1.4s infinite}
.mo-fee .k{position:absolute;left:53px;top:227px;width:71px;animation:moDrop .9s cubic-bezier(.3,1.4,.5,1) .8s both}
.mo .sp{position:absolute;width:16px;height:16px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:moTw 2.4s ease-in-out 1.2s infinite both}
.mo-fee .s1{left:-30px;top:70px}.mo-fee .s2{right:-24px;top:20px;width:11px;height:11px;animation-delay:1.8s}
.mo-pop{width:330px}.mo-pop .c{position:absolute;inset:0;width:100%;height:100%;transform-origin:30% 80%;animation:moPop .8s cubic-bezier(.3,1.5,.5,1) .2s both}
.mo-pop .burst{position:absolute;left:62%;top:30%}
.mo-pop .cf{position:absolute;left:0;top:0;width:10px;height:16px;border-radius:2px;background:var(--c);opacity:0;animation:moCf 1.4s cubic-bezier(.15,.7,.3,1) calc(.75s + var(--d)) both}
.mo-pop .cf:nth-child(3n){width:10px;height:10px;border-radius:50%}
@keyframes moR{from{opacity:0;transform:translateX(70px) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes moFl{50%{transform:translateY(-8px)}}
@keyframes moDrop{0%{opacity:0;transform:translateY(-120px) rotate(-30deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes moTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
@keyframes moPop{0%{opacity:0;transform:scale(.6) rotate(-14deg)}100%{opacity:1;transform:none}}
@keyframes moCf{0%{opacity:0;transform:translate(0,0) rotate(0)}12%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--x),calc(var(--y) + 60px)) rotate(var(--r))}}
@media(max-width:768px){.evh .mo{height:190px;margin-top:26px}.mo-fee{width:172px}.mo-fee .k{left:31px;top:131px;width:41px}.mo-pop{width:190px}.mo-pop .cf{--s:.6}.mo-pop .burst{transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.mo *{animation:none!important}.mo-pop .cf{display:none}}
/* 영어수업 선물상자+카드 전체 조금 작게(2026-11-05) */
.evh .gf{scale:.84;transform-origin:50% 0;margin-bottom:-40px}
@media(max-width:768px){.evh .gf{scale:1}}
/* 영어수업: 선택 가능한 무료 수업 = 신청 방법 제목과 통일(가운데, 번호 X, 같은 크기) + 국기 */
.evt-c h2{display:block;text-align:center;font-size:28px;font-weight:700;color:#0F2033;letter-spacing:-.03em;border:0;padding:0;margin-bottom:34px}
.evt-c h2 span{font-weight:500;color:#8A909C;font-size:.72em}
.evt-c .evc{border-top:1px solid #0F2033}
.evc small{display:inline-flex;align-items:center;gap:6px}.evc small img{width:20px;height:20px;border-radius:50%;object-fit:cover}
@media(max-width:768px){.evt-c h2{font-size:21px;margin-bottom:24px}}
/* 꼭 읽어주세요: 작게, 촘촘하게(2026-11-05 "폰트 더 작아도 돼") */
.evt-g{padding:56px 0 64px}
.evt-g h2{font-size:17px!important;padding-bottom:12px;margin-bottom:16px}
.evt-g h2 i{font-size:12px}
.evt-rd li{font-size:13px;line-height:1.65;color:#6B7385;margin-top:6px;padding-left:12px}
@media(max-width:768px){.evt-g{padding:40px 0 48px}.evt-rd li{font-size:12.5px}}
.evt-g .evt-rd{margin-top:14px}.evt-g .evt-rd li{margin:0;padding:3px 0 3px 12px;line-height:1.7}
/* 카드 오른쪽 빈 곳 줄임 */
.gf-card{width:auto;padding:20px 24px 18px 22px;right:50px}
.gf-card strong{white-space:nowrap}
.gf-card span{font-size:10px;letter-spacing:.03em}.gf-card strong{font-size:31px}