/* ===== 모던 & 심플 (2026-10-17 시온님 요청: "화려해서 조잡해 보인다") =====
   style.css 위에 덮어쓰는 층. 되돌리려면 index.html 의 simple.css 한 줄만 빼면 된다.
   원칙: 흰 바탕 + 검정 글씨 + 포인트 색 1개(보라, 주요 버튼·선택 상태만), 그라데이션·그림자·알록달록 배지 없앰, 마감 임박만 빨강 */
:root{--acc:#5b3fd6;--acc-d:#4630b0;--tint:#f3f1fb;--line:#eeeef0;--soft:#f4f4f6}
body{background:#fff}
.disclose{background:#fafafa;color:#9a9aa2;font-size:11px;padding:6px 16px}

/* 제목: 보라 강조 대신 검정 한 가지 */
.sh h2 em,.hsh h2 em,.adbox h2 em,.wm i{color:inherit}
.reco h2,.hsh h2,.sh h2{font-weight:800}

/* 메뉴 아이콘: 색 배경·테두리 없이 연회색 하나로 */
.hmi,.hmenu a:nth-child(n+6) .hmi,.hmenu a:nth-child(n+7) .hmi,.chi,.chmenu a .chi{background:#f5f5f7!important;box-shadow:none!important}
.hmenu a,.chmenu a{color:#333;font-weight:600}

/* 체험단 종류 배지: 회색 글자 배지(그라데이션 없음). 페이백만 포인트 색 글자 */
.chb,[class*="chb-"]{background:#f2f2f4!important;color:#55555e!important;font-weight:600;border-radius:4px}
.chb-payback{background:var(--tint)!important;color:var(--acc)!important}
.chb-premier,.chb-ret{background:#fff!important;color:#333!important;box-shadow:inset 0 0 0 1px #d9d9de}

/* 사진 테두리 반짝이(마감 임박) 끄기, 사진 모서리 살짝만 */
.th.hotth::before{display:none!important}
.th,.hc .th{border-radius:12px}

/* 카드·박스 그림자/그라데이션 없애고 얇은 선만 */
.hdl{background:#fafafa;border:1px solid var(--line)}
.hdk{color:#333}.hdh b{color:#111}.hdh small{color:#777}
.hdi{box-shadow:none;border:1px solid var(--line)}
.adbox{background:#fafafa}
.lgcard{background:#f7f7f9}
.gb{background:linear-gradient(125deg,#8b6cf5 0%,#5b3fd6 55%,#3f27a8 100%)!important;box-shadow:none}
.gb:nth-child(2){background:linear-gradient(125deg,#7a8bff 0%,#5b3fd6 60%,#4430b5 100%)!important}
.gb:nth-child(3){background:linear-gradient(125deg,#b06cf5 0%,#6a3fd6 55%,#4a2aae 100%)!important}
.pushbox.hpb{margin:12px 16px 0}
.bigbtn .gb{background:#f5f5f7!important;color:#333}
.kv:not(.dark){background:var(--acc)!important}

/* 하단 탭: 가운데 떠 있는 보라 원을 다른 탭과 같게 */
.tabbar{box-shadow:none;border-top:1px solid var(--line)}
.tabbar a{color:#9a9aa2;font-weight:500}
.tabbar a.on{color:#111;font-weight:700}
.tabbar a.on .tib{background:transparent}
.tabbar a.tc{justify-content:center;padding-bottom:0;color:#9a9aa2;font-weight:500}
.tabbar a.tc.on{color:#111;font-weight:700}
.tcb,.tabbar a.tc.on .tcb{position:static;transform:none;width:auto;height:auto;background:none!important;color:inherit;box-shadow:none;border:0;border-radius:0}
.tcb .ti{width:25px;height:25px;stroke-width:1.8}
.tabbar a.tc.on .tcb .ti{stroke-width:2.4}

/* 큰 배너: 반짝이 장식 빼고 그림자 줄이기 */
.spk{display:none}
.hart>span{filter:none}


/* 이벤트: 최저가 특가 (마이리얼트립) */
.kv[style*="#111"]{background:#111!important}
.evtab{display:flex;gap:6px;margin:14px 4px 4px}
.evtab a{padding:8px 18px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:600;color:#666}
.evtab a.on{background:#111;border-color:#111;color:#fff}
.evnote{margin:8px 4px 4px;font-size:12.5px;color:var(--mute);line-height:1.5}
.evgrid2{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:12px}
.evd{display:flex;flex-direction:column;gap:3px;min-width:0}
.evi{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--soft)}
.evi img{width:100%;height:100%;object-fit:cover}
.evi em{position:absolute;left:8px;top:8px;font-style:normal;font-size:11.5px;font-weight:600;background:rgba(255,255,255,.92);color:#333;padding:2px 7px;border-radius:6px}
.evn{margin-top:5px;font-size:14px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.evs{font-size:12px;color:var(--mute)}
.evp{display:flex;align-items:baseline;gap:5px}.evp i{font-style:normal;color:var(--red);font-weight:800;font-size:15px}.evp b{font-size:16px;font-weight:800}
.evd s{font-size:12px;color:#aaa}
.evfoot{margin:24px 4px 0;font-size:12px;color:var(--mute);line-height:1.6}
.yeo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:16px;border-radius:14px;background:#f5f5f7}
.yeo span{display:flex;flex-direction:column;gap:2px;min-width:0}.yeo small{font-size:11.5px;color:var(--mute)}.yeo b{font-size:16px;font-weight:800}.yeo em{font-style:normal;font-size:12.5px;color:var(--sub);word-break:keep-all}
.yeo i{flex:none;font-style:normal;font-size:13.5px;font-weight:700;background:#111;color:#fff;padding:9px 14px;border-radius:10px}
.evmid{grid-column:1/-1}.evmid .yeo{margin:4px 0}
.sitenav{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px;font-size:12px}.sitenav b{width:100%;font-size:12px}.sitenav a{color:#777;text-decoration:none}
.gdbox{margin:22px 0 8px;border:1px solid var(--line);border-radius:14px;padding:6px 16px 4px}
.gdh{display:flex;justify-content:space-between;align-items:center;padding:10px 0 6px}.gdh b{font-size:17px;font-weight:800}.gdh a{font-size:13px;color:var(--mute)}
.gdi{display:block;padding:12px 0;border-top:1px solid var(--line)}.gdi b{display:block;font-size:15px;font-weight:600}.gdi small{display:block;font-size:12.5px;color:var(--mute);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* 경쟁률 */
.apl{margin:3px 0 0;font-size:13px;color:#666;font-variant-numeric:tabular-nums}
.apl b{color:#111;font-weight:800;margin-left:2px}
.apl.low b{color:var(--acc,#6d28d9)}
.grid.v3 .apl,.hc .apl{font-size:12px}
.apnote{margin:4px 20px 10px;font-size:12px;color:#888;line-height:1.5}
button.hmore{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:13px;font-weight:700;color:#666}
.trow button.hmore{color:#666}
#petbox .bx{border-radius:50%}
.cheapb .cbi{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f2f2f4;color:#5b3fd6}
/* 상세 페이지·가격보기 (2026-10-18) */
a.tl{color:inherit;text-decoration:none}
.act.act2{grid-template-columns:1fr 1fr}
.grid.v1 .act.act2{grid-template-columns:auto auto}
.pricel{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12.5px;font-weight:600;color:#777;text-decoration:none}
.pricel:hover{color:#5b3fd6}
.adm{font-style:normal;font-size:10px;font-weight:600;color:#999;border:1px solid #ddd;border-radius:4px;padding:0 4px;line-height:15px}
.act3 .pricel,.hact .pricel{margin-top:8px;justify-content:center}
.hact{display:flex;flex-direction:column;align-items:stretch}
.dpg{padding-bottom:28px}
.dthimg{position:relative;margin:-4px -4px 14px;border-radius:16px;overflow:hidden;background:#f2f2f4;aspect-ratio:4/3}
.dthimg img{width:100%;height:100%;object-fit:cover;display:block}
.dhd{position:relative;padding-right:84px}
.dhd h1{font-size:21px;line-height:1.35;margin:6px 0 12px}
.dico{position:absolute;right:0;top:0;display:flex;gap:6px}
.dico .shb,.dico .fv{position:static;width:36px;height:36px;border-radius:50%;background:#f2f2f4;color:#333;display:grid;place-items:center;border:0}
.dico .fv.on{color:#e5484d}
.dtl{display:grid;grid-template-columns:84px 1fr;gap:10px 12px;margin:0 0 16px;padding:14px;border:1px solid #eee;border-radius:14px;font-size:14px;line-height:1.55}
.dtl dt{color:#888;font-weight:600}
.dtl dd{margin:0;color:#222;word-break:keep-all}
.dtl .apl{display:inline;margin:0}
.dd2{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;color:#5b3fd6}
.dd2.hot{color:#e5484d}
.dmap{margin-bottom:12px}
.dapply .b.wide{display:flex;width:100%;min-height:50px;font-size:16px}
.dnote{font-size:12px;color:#999;margin:6px 2px 0;line-height:1.5}
.dprice{margin-top:22px;padding-top:16px;border-top:1px solid #f0f0f0}
.b.pbig{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;background:#fff;border:1px solid #ddd;color:#333;font-size:14px;font-weight:700;border-radius:12px;text-decoration:none}
.pbig .via{font-weight:500;color:#888;font-size:12.5px}
article.card,article.mini,article.hc{cursor:pointer}
.pricel{color:#5b3fd6;font-weight:700}
/* 가격보기: 굵게·보라 화살표·왼쪽 정렬 (2026-10-18) */
.pricel{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:fit-content;margin:10px 0 0;font-size:13.5px;font-weight:800;color:#5b3fd6;text-decoration:none}
.act3 .pricel,.hact .pricel{justify-content:flex-start;margin-top:8px}
.hact{align-items:flex-start}
.pricel svg{flex-shrink:0;color:#5b3fd6}
/* 가격보기: 위 글줄에 붙여서 (2026-10-18) */
.pricel{margin:3px 0 0;gap:2px;font-size:13px;line-height:1.4}
.act3 .pricel,.hact .pricel{margin-top:3px}
.act3{padding-top:0}
.pricel svg{width:14px;height:14px}
.b.dlow{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;margin-bottom:8px;background:#f2f2f4;color:#333;font-size:15px;font-weight:700;border-radius:12px;text-decoration:none}
.b.dlow .via{font-weight:500;color:#888;font-size:12.5px}
/* 상세 페이지 아래 고정 버튼 줄 (토스 상세 스타일, 2026-10-18) */
.dpg{padding-bottom:96px}
.dhd{padding-right:44px}
.dbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--tab) + env(safe-area-inset-bottom));z-index:29;width:100%;max-width:var(--frame);display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-top:1px solid #f0f0f0;box-sizing:border-box}
.dbar .dbfav{position:static;flex:0 0 44px;width:44px;height:48px;border:0;background:none;color:#555;display:grid;place-items:center}
.dbar .dbfav svg{width:26px;height:26px}
.dbar .dbfav.on{color:#e5484d}
.dbar .dbl,.dbar .b.dbp{flex:1 1 0;width:0;min-width:0;margin:0;padding:0 8px;box-sizing:border-box;height:50px;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none}
.dbar .dbl{background:#efeafd;color:#5b3fd6}
.dbar .b.dbp{background:#5b3fd6;color:#fff}
.dbar .b.dis{flex:1;min-height:50px;border-radius:14px}
body:has(.dbar) .kchat{bottom:calc(var(--tab) + 128px + env(safe-area-inset-bottom))}

.dclosed{margin:14px 0 4px;padding:14px 16px;border-radius:14px;background:#f6f6f8;display:flex;flex-direction:column;gap:4px}
.dclosed b{font-size:15px;color:#222}.dclosed span{font-size:13px;color:#666;line-height:1.5}
.dbar button.b.dbp{flex:1 1 0;width:0;min-width:0;margin:0;padding:0 8px;height:50px;border:0;border-radius:14px;font-size:15px;font-weight:700;white-space:nowrap;background:#5b3fd6;color:#fff;cursor:pointer}
.dbar button.b.dbp.dbon{background:#f0f0f3;color:#5b3fd6}
.drel{margin-top:22px}

/* 오늘 마감 스티커(사진 위) */
.th .cdst{position:absolute;left:0;right:0;top:0;height:46%;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:9px;gap:0;background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.32) 55%,rgba(0,0,0,0) 100%);color:#fff;font-size:12.5px;font-weight:700;pointer-events:none;font-variant-numeric:tabular-nums;line-height:1.25;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.th .cdst em{font-style:normal}
.th .cdst b{font-weight:800;font-size:17px;letter-spacing:.02em}
.grid.v3 .th .cdst,.hc .th .cdst{font-size:11px;padding-top:6px}
.grid.v3 .th .cdst b,.hc .th .cdst b{font-size:14px}

/* 뒤로 가기 */
.appbar .abl{display:flex;align-items:center;gap:2px;min-width:0}
.backbtn{display:grid;place-items:center;width:36px;height:44px;margin-left:-10px;border:0;background:none;color:#222;cursor:pointer;-webkit-tap-highlight-color:transparent}
.backbtn[hidden]{display:none}
.backbtn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.th:has(.cdst) .rgs{display:none}

/* AI 요약 */
.aisum{margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:#f7f5fe}
.aisum .aisl{display:inline-block;font-size:11.5px;font-weight:800;color:#5b3fd6;margin-bottom:4px}
.aisum p{margin:0;font-size:13.5px;line-height:1.6;color:#333}
.aisum small{display:block;margin-top:6px;font-size:11px;color:#999}


/* 신청 팝업: 페이백 안내 */
.applym .paynote{margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:#fff6e5;text-align:left;display:flex;flex-direction:column;gap:4px}
.applym .paynote b{font-size:14px;color:#8a5a00}
.applym .paynote span{font-size:13px;line-height:1.55;color:#5c4a24}

/* TOP 버튼: 톡상담 바로 위 */
.totop{position:fixed;z-index:29;right:max(14px,calc(50% - var(--frame)/2 + 14px));bottom:calc(var(--tab) + 62px + env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;border:1px solid #e6e6ea;background:rgba(255,255,255,.96);color:#333;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.totop[hidden]{display:none}
.totop svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:-2px}
.totop span{font-size:9.5px;font-weight:800;letter-spacing:.02em}
body:has(.dbar) .totop{bottom:calc(var(--tab) + 176px + env(safe-area-inset-bottom))}

/* 인트로 = 광고 화면 */
#intro{position:fixed;inset:0;z-index:1000;background:#f4e7d0;display:flex;justify-content:center;transition:opacity .35s ease}
#intro[hidden]{display:none}
#intro.out{opacity:0;pointer-events:none}
#intro .inad{position:relative;width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;overflow:hidden}
#intro .intop{display:flex;align-items:center;gap:8px;padding:calc(18px + env(safe-area-inset-top)) 20px 0}
#intro .intop img{border-radius:8px}#intro .intop b{font-size:15px;font-weight:800;color:#2b2b2b}
#intro .intop em{margin-left:auto;font-style:normal;font-size:11px;color:#7a6a50;border:1px solid #cdbb9a;border-radius:4px;padding:1px 6px}
#intro .intx{padding:9vh 24px 0;text-align:center;animation:inpop .6s ease both}
#intro .intx small{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#4f7a4d;border-radius:999px;padding:5px 12px}
#intro .intx h1{margin:16px 0 10px;font-size:46px;line-height:1.12;font-weight:900;letter-spacing:-.04em;color:#23452c}
#intro .intx h1 span{color:#d0582f}
#intro .intx p{margin:0;font-size:15px;color:#6b5a3e}
#intro .inart{position:absolute;left:0;right:0;bottom:0;width:100%;height:52%;object-fit:cover;object-position:bottom}
@keyframes inpop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}

/* 광고 팝업(아래에서 올라옴) */
.promom{position:fixed;inset:0;z-index:900;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;animation:pfade .25s ease}
.promom.out{opacity:0;transition:opacity .25s}
:is(.promom,.pmband) .psheet{width:100%;max-width:var(--frame);background:#fff;border-radius:20px 20px 0 0;overflow:hidden;animation:pup .3s ease;padding-bottom:env(safe-area-inset-bottom)}
:is(.promom,.pmband) .pcard{position:relative;display:block;height:300px;text-decoration:none;overflow:hidden}
:is(.promom,.pmband) .pcard img{position:absolute;left:0;right:0;bottom:0;width:100%;height:62%;object-fit:cover;object-position:bottom}
:is(.promom,.pmband) .ptx{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 22px 0}
:is(.promom,.pmband) .ptx i{font-style:normal;font-size:11px;color:#7a6a50}
:is(.promom,.pmband) .ptx small{font-size:15px;font-weight:700;color:#3b3b3b}
:is(.promom,.pmband) .ptx b{font-size:30px;line-height:1.2;font-weight:900;color:#23452c;letter-spacing:-.03em}
:is(.promom,.pmband) .ptx b span{color:#d0582f}
:is(.promom,.pmband) .pbtn{margin-top:6px;background:#fff;color:#222;font-size:14px;font-weight:700;border-radius:999px;padding:9px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
:is(.promom,.pmband) .pfoot{display:flex;justify-content:space-between;padding:14px 22px}
:is(.promom,.pmband) .pfoot button{border:0;background:none;font-size:15px;color:#333;padding:6px 0;cursor:pointer}
@keyframes pup{from{transform:translateY(100%)}to{transform:none}}
@keyframes pfade{from{opacity:0}to{opacity:1}}
/* 배너용 그림 */
.kv .hart.part{overflow:hidden}.kv .hart.part img{position:absolute;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:bottom}

/* 상세: 남은 시간 · 말풍선 · 깜박임 */
.dcd{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:2;background:rgba(255,255,255,.92);color:#333;font-size:15px;font-weight:600;border-radius:999px;padding:7px 16px;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.12);font-variant-numeric:tabular-nums}
.dcd b{color:#5b3fd6;font-weight:800}
.dcdfix{position:fixed;top:auto;bottom:calc(var(--tab) + 80px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;transition:opacity .25s, transform .25s;transform:translate(-50%,8px)}
.dcdfix.on{opacity:1;transform:translate(-50%,0)}
.dhd .chtip{position:absolute;left:0;bottom:calc(100% + 2px);z-index:3;max-width:80%;background:var(--acc);color:#fff;font-size:13px;line-height:1.45;border-radius:10px;padding:8px 12px;transition:opacity .4s;animation:tipin .3s ease}
.dhd .chtip::after{content:"";position:absolute;left:18px;top:100%;border:7px solid transparent;border-top-color:var(--acc)}
.dhd .chtip.hide{opacity:0;pointer-events:none}
.dico .shtip{position:absolute;right:-2px;bottom:calc(100% + 8px);white-space:nowrap;background:#2b2b30;color:#fff;font-size:12px;font-weight:600;border-radius:8px;padding:6px 10px;pointer-events:none}
.dico .shtip::after{content:"";position:absolute;right:14px;top:100%;border:6px solid transparent;border-top-color:#2b2b30}
.dtl .blink{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5b3fd6;margin-right:6px;vertical-align:1px;animation:blink 1.1s ease-in-out infinite}
.dtl dt:has(.blink){color:#5b3fd6}
@keyframes blink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(91,63,214,.45)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(91,63,214,0)}}
@keyframes tipin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* 날씨·계절 추천 */
.wxsec .wxt{display:flex;align-items:center;gap:6px;margin:4px 2px 10px;font-size:14px;color:#555}
.wxsec .wxt b{color:#222}.wxsec .wxt span{font-size:18px}
.wxsec .tgrid+.wxt{margin-top:18px}
.wxsec .wxsrc{margin:10px 2px 0;font-size:11px;color:#aaa}

/* 로켓배송 스티커(쿠팡 API isRocket, 사진 왼쪽 위) — 쿠팡 로켓 로고·디자인은 쓰지 않고 글자만 */
.tim .rks{position:absolute;left:8px;top:8px;z-index:1;background:rgba(255,255,255,.95);color:#1f6fe5;font-size:11px;font-weight:800;padding:3px 7px;border-radius:6px;border:1px solid #d6e4ff;pointer-events:none;line-height:1.3}
.tim em~.rks{top:42px}

/* 광고 팝업 v2 (키즈노트 참고: 진한 남색 카드 + 가운데 큰 제목 + 흘러가는 상품 카드 2줄) */
.promom{align-items:flex-end;padding:0 12px calc(12px + env(safe-area-inset-bottom))}
.promom .psheet2{position:relative;width:100%;max-width:calc(var(--frame) - 24px);background:#0c1a6b;border-radius:22px;overflow:hidden;animation:pup .3s ease;color:#fff}
:is(.promom,.pmband) .pad{position:absolute;right:14px;top:12px;font-size:10.5px;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.35);border-radius:4px;padding:0 5px}
:is(.promom,.pmband) .phead{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 16px 16px;color:#fff;text-decoration:none}
:is(.promom,.pmband) .phead small{font-size:14px;opacity:.9}
:is(.promom,.pmband) .phead b{margin-top:8px;font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.2}
:is(.promom,.pmband) .phead em{margin-top:4px;font-style:normal;font-size:28px;font-weight:900;color:#ffe14d;letter-spacing:-.03em}
:is(.promom,.pmband) .pmrow{overflow:hidden;padding:5px 0}
:is(.promom,.pmband) .pmtrack{display:flex;gap:10px;width:max-content;animation:pmscroll 38s linear infinite}
:is(.promom,.pmband) .pmrow.r2 .pmtrack{animation-direction:reverse;animation-duration:44s}
@keyframes pmscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
:is(.promom,.pmband) .pmc{position:relative;display:block;width:210px;height:82px;background:#fff;border-radius:12px;padding:10px 72px 10px 12px;color:#222;text-decoration:none;flex:0 0 auto;box-sizing:border-box}
:is(.promom,.pmband) .pmt{display:flex;align-items:center;gap:6px}:is(.promom,.pmband) .pmt b{color:#1f6fe5;font-size:15px;font-weight:800}
:is(.promom,.pmband) .pmt i{font-style:normal;font-size:10px;color:#1f6fe5;background:#eef4ff;border-radius:4px;padding:1px 5px}
:is(.promom,.pmband) .pmn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:12.5px;line-height:1.35;color:#444}
:is(.promom,.pmband) .pmc img{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;object-fit:cover;background:#f2f2f4}
.promom .pmart img{display:block;width:100%;height:150px;object-fit:cover;object-position:bottom}
.promom .psheet2 .pfoot{display:flex;justify-content:space-between;padding:14px 20px 16px}
.promom .psheet2 .pfoot button{border:0;background:none;color:rgba(255,255,255,.85);font-size:14.5px;cursor:pointer;padding:4px 0}
@media (prefers-reduced-motion:reduce){:is(.promom,.pmband) .pmtrack{animation:none}}

/* 하단 탭 '체험단' 강조 (2026-10-18 시온님 요청) */
.tabbar a.tc,.tabbar a.tc.on{color:var(--acc);font-weight:800}
.tcb,.tabbar a.tc.on .tcb{width:46px;height:46px;margin-top:-16px;border-radius:50%;background:var(--acc)!important;color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(91,63,214,.35);border:3px solid #fff}
.tcb .ti{width:24px;height:24px;stroke:#fff;stroke-width:2.2}

/* 배너 위 한 줄 소식 (실제 데이터) */
.tkr{display:flex;align-items:center;gap:8px;margin:10px 16px 10px;padding:0 14px;height:44px;border-radius:14px;background:#1c1c1f;color:#fff;overflow:hidden}
.tkw{flex:1;min-width:0;height:44px;overflow:hidden}
.tkl{transition:transform .5s ease}
.tki{display:flex;align-items:center;gap:8px;height:44px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.tkt{overflow:hidden;text-overflow:ellipsis}.tkt b{color:#e9f77b;font-weight:800}
.tke{font-size:18px;flex:none}
.tka{flex:none;color:#777;font-size:11px;line-height:9px;text-align:center}

/* 곧 열려요 '오픈 알림' · 앱 알림 '알림 받기' 버튼 같은 모양(2026-10-19 시온님 요청) */
.upbox .ug,.pushbox.hpb .b{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:116px;height:44px;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:800;white-space:nowrap;box-sizing:border-box}
.upbox,.pushbox.hpb{padding:14px 16px;border-radius:16px}
.pushbox.hpb small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pushbox.hpb span{min-width:0}

.feebox{margin:12px 0 4px;padding:12px 14px;border:1px solid #ece8fb;border-radius:12px;background:#fff}
.feebox .fbt{display:block;font-size:13px;font-weight:800;color:#111;margin-bottom:6px}
.feebox dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.feebox dt{font-size:12.5px;color:#666;white-space:nowrap}
.feebox dd{margin:0;font-size:13px;line-height:1.5;color:#222}
.feebox small{display:block;margin-top:8px;font-size:11px;color:#999}

.pmband{position:relative;margin:22px 16px 6px;background:#0c1a6b;border-radius:20px;overflow:hidden;color:#fff}
.pmband .phead{padding:22px 16px 12px}
.pmband .phead small{font-size:13px}
.pmband .phead b{font-size:24px;margin-top:6px}
.pmband .phead em{font-size:21px}
.pmband .pmgap{height:12px}

/* 공짜여행 인트로·기획전(2026-10-19) */
#intro:has(.inad.ft){background:radial-gradient(120% 80% at 50% 30%,#5b2fd6 0%,#3a1aa8 45%,#12063f 100%)}
#intro .inad.ft{color:#fff}
#intro .inad.ft .ftbg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;pointer-events:none}
#intro .inad.ft .intop b{color:#fff}
#intro .inad.ft .intx{position:relative;z-index:1;padding-top:15vh}
#intro .inad.ft .intx small{background:rgba(255,255,255,.16);color:#fff;font-size:15px;border:1px solid rgba(255,255,255,.35)}
#intro .inad.ft .intx h1{color:#fff;font-size:44px;text-shadow:0 4px 18px rgba(20,4,70,.5)}
#intro .inad.ft .intx h1 span{color:#ffe14d}
#intro .inad.ft .intx p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.5;font-weight:600}
#intro .ingo{display:inline-block;margin-top:26px;padding:15px 30px;border-radius:999px;background:#ffe14d;color:#2a0f74;font-size:17px;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(10,0,40,.35);animation:ingo 1.4s ease-in-out infinite}
@keyframes ingo{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
#intro .innote{display:block;margin-top:14px;font-style:normal;font-size:11.5px;color:rgba(255,255,255,.6)}
.kv.ftkv .hart.part img{object-position:center 18%}
.kv.ftkv .htx b span{color:#ffe14d}
.trp{padding-bottom:20px}
.trhero{position:relative;overflow:hidden;min-height:420px;background:radial-gradient(120% 80% at 50% 25%,#5b2fd6 0%,#3a1aa8 45%,#12063f 100%);color:#fff;text-align:center}
.trhero .trart{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;pointer-events:none}
.trhero .trtx{position:relative;z-index:1;padding:64px 20px 36px}
.trhero small{display:inline-block;font-size:14px;font-weight:700;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px}
.trhero h1{margin:14px 0 10px;font-size:38px;line-height:1.15;font-weight:900;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(20,4,70,.5)}
.trhero h1 span{color:#ffe14d}
.trhero p{margin:0;font-size:15.5px;line-height:1.5;font-weight:600;color:rgba(255,255,255,.9)}
.trnum{display:inline-block;margin-top:22px;padding:9px 16px;border-radius:999px;background:rgba(10,0,40,.45);font-size:13.5px}
.trnum b{color:#ffe14d}
.trhow{margin:18px 16px 4px;padding:18px 16px;border-radius:16px;background:#f7f5fe}
.trhow h2{margin:0 0 12px;font-size:17px}
.trhow ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trhow li{display:flex;gap:12px;align-items:center}
.trhow li b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.trhow li span{display:flex;flex-direction:column;font-size:12.5px;color:#666}
.trhow li em{font-style:normal;font-size:14.5px;font-weight:800;color:#111}
.trnote{margin:12px 0 0;font-size:11.5px;color:#888;line-height:1.5}
.trchips{display:flex;gap:6px;overflow-x:auto;padding:0 16px 12px;scrollbar-width:none}
.trchips::-webkit-scrollbar{display:none}
.trchips a{flex:none;padding:7px 13px;border-radius:999px;border:1px solid #e3e0ef;font-size:13px;color:#333;text-decoration:none;background:#fff}
.trchips a.on{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:700}
.trlist .grid{padding:0 16px}
.kv.ftkv .hart{width:40%}
#intro .inad.ft .intx{padding-top:17vh}
#intro .inad.ft .intx small{font-size:18px;padding:7px 16px}
#intro .inad.ft .intx h1{font-size:min(13vw,58px);margin:20px 0 16px;line-height:1.15}
#intro .inad.ft .intx p{font-size:21px;line-height:1.5}
#intro .inad.ft .innote{margin-top:22px;font-size:13px}

/* 가로 기획전 배너(2026-10-19) */
.wbs{margin:14px 16px 4px}
.wbtrack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:14px}
.wbtrack::-webkit-scrollbar{display:none}
.wb{position:relative;flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;height:76px;padding:0 18px;color:#fff;text-decoration:none;overflow:hidden;box-sizing:border-box}
.wbt{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.wbt small{font-size:12.5px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbt b{font-size:17px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbt b em{font-style:normal;color:#ffe14d}
.wbt small span{font-variant-numeric:tabular-nums;color:#ffd0d0;font-weight:700}
.wba{position:absolute;right:-10px;top:50%;width:150px;height:150px;transform:translateY(-50%);object-fit:cover;object-position:center 25%;opacity:.95;pointer-events:none}
.wbe{position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-8deg);font-size:46px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.wbn{position:absolute;right:10px;bottom:8px;z-index:2;font-size:11px;color:#fff;background:rgba(0,0,0,.38);border-radius:999px;padding:2px 8px}
.wbn b{font-weight:800}
.wbad{position:absolute;right:10px;top:8px;z-index:2;font-style:normal;font-size:10px;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:0 4px}

/* 홈 메뉴 오늘 오픈·마감임박 강조(2026-10-19) */
.hmenu a.hmhot .hmi{position:relative;overflow:visible;background:#f5f5f7!important;box-shadow:inset 0 0 0 2.5px var(--acc)!important}
.hmb{position:absolute;top:-8px;right:-8px;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1;color:#fff;background:var(--acc);border:2px solid #fff;border-radius:999px;padding:3px 6px}

/* 오늘 마감 시계 글씨 작게(2026-10-19) */
.th .cdst{font-size:11px;padding-top:7px;height:40%}
.th .cdst b{font-size:13.5px}
.grid.v3 .th .cdst,.hc .th .cdst{font-size:10px;padding-top:5px}
.grid.v3 .th .cdst b,.hc .th .cdst b{font-size:12px}
.span .wbs.wb1{margin:4px 0}

/* 목록 필터 정리(2026-10-19): 지역·테마·매체 각 한 줄 가로 스크롤, 체크 네모 없이 알약 */
.fltbox{margin:6px 0 2px;border-top:1px solid #f0eef5;border-bottom:1px solid #f0eef5;padding:6px 0}
.fltbox .rgbox{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px 16px;margin:0}
.fltbox .rgbox::-webkit-scrollbar{display:none}
.fltbox .rgl{flex:none;width:52px;font-size:12.5px;font-weight:700;color:#888;margin:0}
.fltbox .rck{flex:none;height:30px;padding:0 11px;gap:3px;border:1px solid #e6e3ee;font-size:13px;font-weight:600;white-space:nowrap}
.fltbox .rck .bx{display:none}
.fltbox .rck.on{border-color:var(--acc);background:var(--acc);color:#fff}
.fltbox .rck.on small{color:rgba(255,255,255,.85)}
.fltbox .rck small{margin-left:2px}

/* 다꾸 수익화 1:1 코칭(2026-10-19) */
.edu{padding-bottom:24px}
.eduhero{margin:0 -16px;padding:40px 22px 30px;background:linear-gradient(150deg,#3a1670,#8a3fd0 58%,#d46fd8);color:#fff;text-align:center}
.eduhero small{display:inline-block;font-size:13px;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px}
.eduhero h1{margin:14px 0 10px;font-size:27px;line-height:1.3;font-weight:900;letter-spacing:-.03em}
.eduhero h1 span{color:#ffe14d}
.eduhero p{margin:0 0 20px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.eduhero .b{display:inline-block;background:#ffe14d;color:#3a1670;font-weight:900;border-radius:999px;padding:13px 26px;text-decoration:none}
.edusec{margin-top:26px}
.edusec h2{margin:0 0 12px;font-size:18px}
.educhk{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.educhk li{padding:12px 14px 12px 38px;border-radius:12px;background:#faf3fd;font-size:14.5px;font-weight:600;position:relative}
.educhk li::before{content:"✓";position:absolute;left:14px;top:11px;color:#9b3fd0;font-weight:900}
.educards{display:grid;gap:10px}
.educ{display:flex;gap:12px;padding:14px;border:1px solid #f0e3f8;border-radius:14px}
.educ b{flex:none;width:28px;height:28px;border-radius:50%;background:#9b3fd0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}
.educ span{font-size:13.5px;color:#555;line-height:1.5}
.educ em{display:block;font-style:normal;font-size:15px;font-weight:800;color:#111;margin-bottom:2px}
.eduway{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px}
.edunote{margin:12px 0 0;font-size:12px;color:#888;line-height:1.5}
.eduform{display:grid;gap:12px}
.eduform .fl{display:grid;gap:6px;font-size:14px;font-weight:700}
.eduform .fl i{color:#e5484d;font-style:normal}
.edupick{display:flex;flex-wrap:wrap;gap:6px}
.edupick .rck .bx{display:none}
.edupick .rck:has(input:checked){border-color:#9b3fd0;background:#9b3fd0;color:#fff}
.eduform .agree{font-size:12.5px;color:#666;display:flex;gap:6px;align-items:flex-start;line-height:1.5}
.eduform .ferr{margin:0;color:#e5484d;font-size:13px;min-height:1em}
.eduhp{margin:0 0 18px;font-size:14px;color:rgba(255,255,255,.9)}.eduhp b{color:#ffe14d;font-size:17px}
.eduprice{margin-top:14px;padding:18px 16px;border-radius:16px;background:#faf3fd;border:1.5px solid #e8cdf5;text-align:center}
.eduprice small{display:block;font-size:12.5px;font-weight:700;color:#9b3fd0}
.eduprice b{display:block;margin:4px 0 2px;font-size:30px;font-weight:900;letter-spacing:-.02em;color:#111}
.eduprice span{display:block;font-size:14.5px;font-weight:700;color:#333}
.eduprice em{display:block;margin-top:8px;font-style:normal;font-size:12.5px;line-height:1.55;color:#666}
.edunote2{margin:8px 0 0;font-size:12.5px;color:#666;text-align:center}
.eduprice .edugift{display:inline-block;margin-top:8px;font-style:normal;font-size:13.5px;font-weight:800;color:#9b3fd0;background:#fff;border:1px solid #e8cdf5;border-radius:999px;padding:4px 12px}
.educur{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:none}
.educur li{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #f0e3f8;border-radius:14px;font-size:15px;font-weight:700;color:#111}
.educur li b{flex:none;min-width:48px;padding:4px 8px;border-radius:999px;background:#9b3fd0;color:#fff;font-size:12.5px;font-weight:800;text-align:center}
.eduprice .blurp{filter:blur(9px);user-select:none;opacity:.75}
.eduprice.edulock .b{display:inline-block;margin-top:12px;padding:11px 22px;border-radius:999px;background:#9b3fd0;color:#fff;font-weight:800;font-size:14.5px;text-decoration:none}
.eduhero .edumonth{display:inline-block;margin:10px 0 0;padding:6px 14px;border-radius:999px;background:#ffe14d;color:#3a1670;font-size:14.5px;font-weight:900}
.eduhp b{color:#ffe14d;font-size:14px}
.edumonth2{margin:-4px 0 12px;font-size:15px;font-weight:900;color:#9b3fd0}
.educur li b{min-width:66px}
.eduhero .edumonth{display:table;margin:12px auto 0;padding:8px 18px;font-size:17px}
.eduhp span{display:block;white-space:nowrap}
.eduhero h1 .one{font-style:normal;white-space:nowrap;font-size:min(6.6vw,27px)}
.eduprice .edugift{margin:6px 3px 0}
.educur .cpt{font-size:12.5px;font-weight:800;color:#9b3fd0}
.eduguar{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#3a1670,#8a3fd0);color:#fff}
.eduguar b{display:block;font-size:18px;font-weight:900;color:#ffe14d}
.eduguar p{margin:6px 0 8px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.92)}
.eduguar small{display:block;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.75)}

.eduhero .edu50{display:table;margin:8px auto 0;padding:7px 16px;border-radius:999px;background:#fff;color:#9b3fd0;font-size:16px;font-weight:900}
.edubk50{display:flex;gap:16px;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(135deg,#ffe9f4,#f3e3ff);margin-bottom:12px}
.edubk50 img{width:104px;height:156px;object-fit:cover;border-radius:6px;box-shadow:0 6px 16px rgba(58,22,112,.25);flex:none}
.edubk50 b{display:block;font-size:21px;line-height:1.3;font-weight:900;color:#3a1670}
.edubk50 p{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:#5b3b7a}
.edubks{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.edubks::-webkit-scrollbar{display:none}
.edubks img{width:76px;height:114px;object-fit:cover;border-radius:5px;flex:none;box-shadow:0 3px 8px rgba(0,0,0,.12)}

.edupts{margin:16px 0;padding:24px 16px;border-radius:18px;background:#0e0a14;color:#fff;text-align:center}
.edupts>small{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.06em;color:#d9c2ff;border-bottom:1px solid #d9c2ff}
.edupts h2{margin:10px 0 16px;font-size:22px;line-height:1.35;font-weight:900;color:#fff}
.edupts h2 span{background:linear-gradient(90deg,#ff7a7a,#d46fd8,#a46bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.edupt{margin:10px 0 0;padding:14px 12px;border-radius:16px;border:1px solid #ff9a6a}
.edupt.p2{border-color:#e46fc8}.edupt.p3{border-color:#a45cf0}
.edupt i{display:block;font-style:normal;font-size:12px;font-weight:700;color:#ddd}
.edupt b{display:block;margin:4px 0;font-size:17px;font-weight:900;color:#fff}
.edupt.p1 em{color:#ff9a5a}.edupt.p2 em{color:#ff6fc8}.edupt.p3 em{color:#c07bff}.edupt em{font-style:normal}
.edupt p{margin:0;font-size:13px;color:#cfcfd6}
.edurv{margin:16px 0;padding:24px 14px;border-radius:18px;background:#05060d;color:#fff}
.edurv>small{display:block;text-align:center;font-size:12px;font-weight:800;letter-spacing:.1em;color:#2ee6f0}
.edurv h2{margin:6px 0 4px;text-align:center;font-size:22px;font-weight:900;color:#fff}
.edurvn{margin:0 0 14px;text-align:center;font-size:12.5px;line-height:1.5;color:#bdbdc8}
.edurvs{display:grid;gap:10px}
@media(min-width:600px){.edurvs{grid-template-columns:1fr 1fr}}
.edurvc{padding:16px;border-radius:16px;background:#2a2a30}
.edurvc small{display:block;font-size:12.5px;color:#e8e8ee}
.edurvc b{display:block;margin:4px 0 8px;font-size:16px;line-height:1.4;font-weight:900;color:#a8f046}
.edurvc p{margin:0;font-size:13.5px;line-height:1.6;color:#e6e6ec}
.edurvx{margin:12px 0 0;text-align:center;font-size:11.5px;color:#8f8f9c}

.edurvc .rvn{display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:6px;background:#a8f046;color:#111;font-style:normal;font-size:11.5px;font-weight:900;letter-spacing:.06em}
.edurvc{position:relative;border-radius:18px 18px 18px 4px}
.eduhook{margin:16px 0;padding:30px 18px;border-radius:18px;background:linear-gradient(180deg,#0e0a14,#1d0f2e);color:#fff;text-align:center}
.eduhook p{margin:0;font-size:17px;line-height:1.5;color:#eee}
.eduhook p b{display:block;margin-top:2px;font-size:22px;font-weight:900;color:#e9a6ff}
.eduhook .st{margin:22px 0 0;font-size:16px;font-weight:700}
.eduhook .st s{color:#8f8a99;text-decoration-thickness:2px}
.eduhook h2{margin:22px 0 0;font-size:28px;line-height:1.3;font-weight:900;color:#fff}
.eduhook h2 span{color:#ffe14d}
.pg.edu{padding-bottom:84px}
.edubar .b{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:52px;margin:0;border-radius:14px;background:linear-gradient(90deg,#8a3fd0,#d46fd8);color:#fff;font-size:16.5px;font-weight:900;text-decoration:none;line-height:1.2}
.edubar .b small{font-size:11.5px;font-weight:700;opacity:.9}

.eduwhy{margin:16px 0;padding:34px 16px;border-radius:18px;background:#000;color:#fff;text-align:center}
.eduwhy>p{margin:0;font-size:21px;line-height:1.45;font-weight:900}
.eduwhy .hl{display:inline-block;margin:18px 0 0;padding:12px 16px;background:linear-gradient(90deg,#8a3fd0,#d46fd8);color:#fff;font-size:20px;line-height:1.4;font-weight:900}
.eduwhy .st{margin-top:18px;font-size:14.5px;line-height:1.6;font-weight:700;color:#ddd}
.eduwhy .st s{color:#8f8a99}
.eduall{margin:16px 0;padding:24px 12px;border-radius:18px;background:#000;color:#fff}
.eduall h2{margin:0 0 16px;text-align:center;font-size:20px;font-weight:900;color:#fff}
.eagrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
@media(min-width:600px){.eagrid{grid-template-columns:repeat(3,1fr)}}
.ea{position:relative;padding:16px 8px 12px;border-radius:14px;border:2px solid transparent;background:linear-gradient(#141018,#141018) padding-box,linear-gradient(135deg,#c5ff4a,#8a3fd0 55%,#d46fd8) border-box;text-align:center}
.ea i{position:absolute;left:-6px;top:-8px;width:22px;height:22px;border-radius:50%;background:#2fd36b;color:#fff;font-style:normal;font-weight:900;font-size:17px;line-height:21px}
.ea .eae{display:block;font-size:30px;line-height:1.1}
.ea b{display:block;margin-top:6px;font-size:14.5px;font-weight:900;color:#fff}
.ea small{display:block;margin-top:2px;font-size:12px;color:#c9c4d3}
.ea em{display:block;margin-top:6px;font-style:normal;font-size:14px;font-weight:900;color:#ffe14d}
.eduprice.edulock{background:#000;border:2px solid #8a3fd0;color:#fff;box-shadow:0 0 24px rgba(138,63,208,.45)}
.eduprice.edulock b,.eduprice.edulock span{color:#fff}
.eduprice.edulock small{color:#e9a6ff}
.eduprice.edulock em{color:#bdb6c8}
.eduprice.edulock .edugift{background:#1a1222;border-color:#4b2a6b;color:#e9a6ff}
.eduprice.edulock .b{background:linear-gradient(90deg,#8a3fd0,#d46fd8)}

.educoach{position:relative;margin-top:14px;min-height:240px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(212,111,216,.45),transparent 60%),#000;color:#fff}
.educoach img{position:absolute;right:0;bottom:0;height:100%;width:52%;object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}
.educoach .ect{position:relative;z-index:1;width:62%;padding:22px 0 22px 16px}
.educoach small{display:block;font-size:11.5px;font-weight:800;color:#e9a6ff}
.educoach b{display:block;margin:6px 0 10px;font-size:23px;line-height:1.25;font-weight:900}
.educoach p{margin:0;font-size:12.5px;line-height:1.55;color:#ddd}

/* 수익화 교육: 한 장짜리 통 이미지처럼 (2026-10-19) */
.pg.edu{background:#000;color:#fff}
.pg.edu>section{margin:0 -16px;border-radius:0;padding:34px 16px;box-shadow:none}
.pg.edu>section+section{margin-top:0}
.pg.edu .eduhero{background:linear-gradient(180deg,#3a1670 0%,#8a3fd0 45%,#b558d6 72%,#000 100%);padding-bottom:44px}
.pg.edu .edupts,.pg.edu .eduwhy,.pg.edu .eduall,.pg.edu .edurv,.pg.edu .edusec{background:#000}
.pg.edu .edusec h2{color:#fff;font-size:21px;font-weight:900;text-align:center;margin-bottom:16px}
.pg.edu .educhk li{background:#15101c;color:#eee;border:1px solid #2c2236}
.pg.edu .educhk li::before{color:#d46fd8}
.pg.edu .educur li{background:#15101c;border-color:#2c2236;color:#fff}
.pg.edu .edumonth2{text-align:center;color:#e9a6ff}
.pg.edu .educur .cpt{color:#e9a6ff}
.pg.edu .edubk50{background:linear-gradient(135deg,#2a1240,#4a1d63)}
.pg.edu .edubk50 b{color:#fff}.pg.edu .edubk50 p{color:#e3d4ef}
.pg.edu .eduway{color:#e6e6ec}
.pg.edu .eduway li{padding:10px 12px;border-radius:12px;background:#15101c}
.pg.edu .edunote,.pg.edu .edunote2{color:#9a93a6}
.pg.edu .edunote a,.pg.edu .edunote2 a{color:#e9a6ff}
.pg.edu .eduform .fl{color:#fff}
.pg.edu .eduform .agree{color:#bbb}
.pg.edu .edupick .rck{background:#15101c;color:#eee;border-color:#3a2d48}
.pg.edu .eduform .b.pri{background:linear-gradient(90deg,#8a3fd0,#d46fd8);border:0}
.pg.edu .edupt{background:#0b0810}
.eagrid{grid-template-columns:repeat(3,1fr)!important;gap:10px 8px}
.ea{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px}
.ea .eae{font-size:26px}
.ea b{font-size:12.5px;line-height:1.3;margin-top:4px}
.ea small{font-size:10.5px;line-height:1.3}
.ea em{font-size:12px;margin-top:3px}
.pg.edu .eduhero .edumonth{display:block;margin:12px auto 0;padding:0;background:none;border-radius:0;color:#fff;font-size:16px;font-weight:800}

.edustage{position:relative;margin:14px -16px 0;padding:30px 16px 26px;overflow:hidden;color:#fff;text-align:center;background:linear-gradient(115deg,transparent 52%,rgba(255,255,255,.07) 52%,rgba(255,255,255,.07) 58%,transparent 58%),radial-gradient(circle at 78% 55%,rgba(212,111,216,.55),transparent 55%),radial-gradient(circle at 20% 0,rgba(138,63,208,.35),transparent 50%),#000}
.edustage .esk{margin:0;font-size:14px;font-weight:900;color:#e9a6ff}
.edustage h3{margin:6px 0 0;font-size:26px;font-weight:900;letter-spacing:-.02em;color:#fff}
.esbody{position:relative;height:330px;margin-top:10px}
.esimg{position:absolute;right:-22px;bottom:0;height:330px;width:auto;filter:drop-shadow(0 0 18px rgba(212,111,216,.45))}
.esf{position:absolute;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:24px;background:linear-gradient(135deg,#8a3fd0,#d46fd8);box-shadow:0 8px 20px rgba(212,111,216,.5)}
.esf.f1{right:150px;top:58px;transform:rotate(-10deg)}
.esf.f2{right:6px;top:18px;transform:rotate(12deg);background:linear-gradient(135deg,#ffe14d,#ff9a5a)}
.esbox{position:absolute;left:0;top:44px;width:58%;padding:16px 10px 12px;border-radius:6px;background:#fff;color:#111;border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#c5ff4a,#8a3fd0,#d46fd8) border-box;box-shadow:0 0 24px rgba(138,63,208,.6);z-index:1}
.esbox small{display:block;font-size:12px;font-weight:800;color:#333}
.esbox hr{margin:8px 0;border:0;border-top:1px solid #ccc}
.esbox .blurp{display:block;font-size:30px;font-weight:900;color:#111;filter:blur(8px);user-select:none}
.esbox strong{display:block;margin-top:4px;font-size:14px;font-weight:900;background:linear-gradient(transparent 60%,#e9c4ff 60%);color:#111}
.esbox em{display:block;margin-top:6px;font-style:normal;font-size:10.5px;line-height:1.4;color:#666}
.esbadge{position:absolute;left:-14px;top:-30px;width:60px;height:60px;display:grid;place-items:center;font-size:11.5px;line-height:1.2;font-weight:900;color:#fff;background:#e5322d;clip-path:polygon(50% 0,61% 12%,75% 6%,79% 21%,94% 25%,88% 39%,100% 50%,88% 61%,94% 75%,79% 79%,75% 94%,61% 88%,50% 100%,39% 88%,25% 94%,21% 79%,6% 75%,12% 61%,0 50%,12% 39%,6% 25%,21% 21%,25% 6%,39% 12%);transform:rotate(-12deg)}
.esgift{position:relative;margin:16px 0 0;font-size:13.5px;line-height:1.6;font-weight:700;color:#ddd}
.esgift b{font-size:16px;color:#fff;background:linear-gradient(transparent 55%,rgba(212,111,216,.6) 55%)}
.edustage .esbtn{display:inline-block;margin-top:14px;padding:12px 26px;border-radius:999px;background:linear-gradient(90deg,#8a3fd0,#d46fd8);color:#fff;font-weight:900;text-decoration:none}
.esf{z-index:2}.esf.f1{right:12px;top:auto;bottom:70px;transform:rotate(-10deg)}
.esbox .esmon{display:block;margin:2px 0;font-size:30px;font-weight:900;letter-spacing:-.03em;color:#111;background:linear-gradient(transparent 62%,#c5ff4a 62%)}
.esbox .esask{display:inline-block;margin-top:6px;font-size:14px;font-weight:900;color:#111;text-decoration:none;background:linear-gradient(transparent 60%,#e9c4ff 60%)}
.esf.f2{right:auto;left:24px;top:auto;bottom:26px;transform:rotate(12deg)}

.pg.edu .educta{padding:40px 16px 34px;text-align:center;background:radial-gradient(circle at 50% 60%,rgba(212,111,216,.35),transparent 65%),#000}
.educta p{margin:0;font-size:15px;font-weight:800;color:#e9a6ff}
.educta h2{margin:8px 0 0;font-size:27px;line-height:1.35;font-weight:900;color:#fff}
.educta h2 span{color:#ffe14d}
.educta small{display:block;margin-top:10px;font-size:11px;color:#8f8a99}
/* 입장권 팝업 보라 (2026-10-19) */
.promom .psheet2,.pmband{background:linear-gradient(160deg,#3a1670 0%,#8a3fd0 55%,#b558d6 100%)}

/* 강사 사진 뺀 수강료 칸 (2026-10-19) */
.esbody{height:auto;padding:46px 0 34px;display:flex;justify-content:center}
.esbox{position:relative;left:auto;top:auto;width:82%;max-width:320px;padding:20px 14px 16px}
.esbox .esmon{font-size:34px}
.esf.f1{left:4px;right:auto;top:6px;bottom:auto;transform:rotate(-12deg)}
.esf.f2{right:4px;left:auto;top:auto;bottom:6px;transform:rotate(12deg)}
.esf.f3{right:10px;top:16px;transform:rotate(10deg);background:linear-gradient(135deg,#ff7ab8,#d46fd8)}

/* 수익화 교육 상단 마감 바 (2026-10-19) */
.pg.edu .edudl{position:sticky;top:var(--hdrh,56px);z-index:15;margin:0 -16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;padding:10px 12px;background:#ffe14d;color:#1d0b3a;font-size:13.5px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.edudl b{font-weight:900}
.edudl em{font-style:normal;padding:3px 10px;border-radius:999px;background:#1d0b3a;color:#ffe14d;font-variant-numeric:tabular-nums;font-weight:900}

.pg.edu .edudl{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:9px 14px;font-size:12.5px;white-space:nowrap}
.edudl b{overflow:hidden;text-overflow:ellipsis}
.edudl .dlt{display:flex;align-items:center;gap:2px;flex:none}
.edudl .dlt i{font-style:normal;display:inline-grid;place-items:center;width:17px;height:24px;border-radius:5px;background:#fff;color:#1d0b3a;font-size:14px;font-weight:900;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.edudl .dlt u{text-decoration:none;font-size:11px;font-weight:800;margin:0 4px 0 2px}
.edudl .dlt u:last-child{margin-right:0}

.pg.edu .edudl{margin-top:-6px;top:63px}
.edudl .dlm{display:none}
@media(max-width:480px){.edudl .dlw{display:none}.edudl .dlm{display:inline}}

/* 이런 분들께 맞아요 말풍선 (2026-10-19) */
.edutalk{display:grid;gap:10px;margin-bottom:16px}
.et{display:flex;align-items:flex-end;gap:8px}
.et.r{flex-direction:row-reverse}
.et i{font-style:normal;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#2a1d38}
.et p{margin:0;max-width:74%;padding:10px 14px;border-radius:18px 18px 18px 4px;background:#1f1a26;color:#fff;font-size:14.5px;font-weight:700;line-height:1.45}
.et.r p{border-radius:18px 18px 4px 18px;background:linear-gradient(135deg,#8a3fd0,#b558d6)}
.et small{display:block;font-size:11.5px;font-weight:800;color:#e9a6ff;margin-bottom:2px}
.et.r small{color:#ffe14d}
.esf.f1{left:6px;right:auto;top:auto;bottom:4px;transform:rotate(-12deg)}.esbox{z-index:3}
.pg.edu .edurefund{margin:0 -16px;padding:18px 16px 26px;text-align:center;font-size:13px;background:#000}.pg.edu .edurefund a{color:#bdb6c8;text-decoration:underline}
.promom{align-items:center;padding:16px}
/* 필터 바·필터 시트 (2026-10-19 시온님, 스타일씨 필터 참고) */
.fbar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px;margin:0 -16px;padding-left:16px;padding-right:16px}
.fbar::-webkit-scrollbar{display:none}
.fbar button{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:17px;border:1px solid #e3e3ea;background:#fff;color:#333;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.fbar .fbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.fbar .fbtn b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#5b3fd6;color:#fff;font-size:11px;padding:0 4px}
.fbar .on{border-color:#5b3fd6;color:#5b3fd6;background:#f4f0ff}
.fbar .fpill i{font-style:normal;font-size:10px;color:#999}
.fbar .fchip,.fschips .fchip{border:1px solid #5b3fd6;color:#5b3fd6;background:#fff}
.fsheet{position:fixed;inset:0;z-index:200;pointer-events:none}
.fsheet .fsbg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.fsheet .fsbox{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:100%;max-width:var(--frame,480px);max-height:82vh;display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;transition:transform .25s ease;box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom)}
.fsheet.on{pointer-events:auto}.fsheet.on .fsbg{opacity:1}.fsheet.on .fsbox{transform:translate(-50%,0)}
body.fsopen{overflow:hidden}
.fsgrab{width:44px;height:5px;border-radius:3px;background:#e5e5ea;margin:10px auto 2px}
.fshead{position:relative;text-align:center;padding:8px 16px 4px}.fshead b{font-size:18px}
.fsx{position:absolute;right:12px;top:2px;width:40px;height:40px;border:0;background:none;font-size:20px;color:#333;cursor:pointer}
.fsbody{flex:1;overflow-y:auto;min-height:0}
.fstabs{display:flex;border-bottom:1px solid #f0f0f3;position:sticky;top:0;background:#fff;z-index:1;overflow-x:auto;scrollbar-width:none}
.fstabs::-webkit-scrollbar{display:none}
.fstabs button{flex:1 0 auto;padding:14px 10px 12px;border:0;background:none;font-size:15px;color:#555;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}
.fstabs button.on{color:#5b3fd6;font-weight:800;border-bottom-color:#5b3fd6}
.fschips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0}
.fschips:empty{display:none}
.fschips .fchip{height:32px;padding:0 12px;border-radius:16px;font-size:13.5px;font-weight:700;cursor:pointer}
.fslist{padding:6px 8px 12px}
.fsrow{display:flex;align-items:center;gap:14px;width:100%;padding:14px 10px;border:0;background:none;text-align:left;font-size:16px;color:#222;cursor:pointer}
.fsck{flex:0 0 24px;height:24px;border:2px solid #d5d5dc;border-radius:7px;box-sizing:border-box;display:grid;place-items:center}
.fsrow.on .fsck{background:#5b3fd6;border-color:#5b3fd6}
.fsrow.on .fsck::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.fsem{font-size:20px;width:26px;text-align:center}
.fsnm{flex:1}
.fsrow small{color:#999;font-size:13px}
.fsrow.on .fsnm{font-weight:700}
.fsfoot{display:flex;gap:10px;padding:10px 16px 14px;border-top:1px solid #f0f0f3}
.fsreset{flex:0 0 38%;height:52px;border:0;border-radius:14px;background:#f2f2f5;color:#555;font-size:16px;font-weight:700;cursor:pointer}
.fsgo{flex:1;height:52px;border:0;border-radius:14px;background:#5b3fd6;color:#fff;font-size:17px;font-weight:800;cursor:pointer}
.fsheet .fsbox{width:min(100vw,var(--frame,480px))}
.fstabs button{flex:1 0 auto;padding:14px 8px 12px;font-size:14px}
.fsrow{padding:13px 12px}
/* 확대 잠금: 더블탭 확대 막기, 입력칸 16px(아이폰은 16px 미만 입력칸을 누르면 자동 확대) */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}
input,select,textarea{font-size:16px!important}
.dbar .dbl::after{content:"↗";margin-left:4px;font-weight:800}
/* 필터 시트 통일감(2026-10-19 시온님): 모든 탭 같은 줄 높이·같은 체크 네모·같은 창 높이, 탭 3~5개 같은 폭 */
.fsheet .fsbox{height:min(78vh,640px)}
.fstabs button{flex:1 1 0;min-width:0}
.fsrow{box-sizing:border-box;width:100%;height:58px;min-height:58px;padding:0 12px;gap:14px;border-radius:12px}
.fsrow+.fsrow{margin-top:2px}
.fsrow:active{background:#f6f4fd}
.fsem{flex:0 0 28px;width:28px;font-size:22px;line-height:1;text-align:center}
.fsnm{font-size:16px}
.fsrow small{min-width:32px;text-align:right}
.fsrow.on{background:#f8f6ff}
.fschips{min-height:32px}
/* 입장권 팝업 자리 정리(2026-10-19 시온님 "위치가 애매"): 가운데 작은 카드, 위아래 여백 같게, 흐르는 상품 줄 양끝 흐리게 */
.promom{align-items:center;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom));z-index:1000}
.promom .psheet2{width:100%;max-width:340px;margin:auto;box-shadow:0 18px 50px rgba(30,0,60,.35)}
.promom .phead{padding:24px 16px 14px}
.promom .phead b{font-size:26px}.promom .phead em{font-size:22px}
.promom .pmc{width:190px;height:76px;padding:9px 64px 9px 12px}
.promom .pmc img{width:48px;height:48px}
.promom .psheet2 .pfoot{padding:12px 20px 14px}

/* 공구 탭(2026-10-19) */
.shopempty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;text-align:center}.shopempty b{font-size:18px;color:#1c1b22}.shopempty span{font-size:14px;color:#6b6a75}.shopempty .btn{margin-top:6px;background:#fee500;color:#191919;border-radius:12px;padding:12px 18px;font-weight:700;text-decoration:none}
.shopnote{font-size:12.5px;color:#8a8994;text-align:center;line-height:1.7;margin:18px 0 8px}.shopnote a{color:#6a3fc8;font-weight:600}