/* LottoJD editorial redesign · 2026-10-12 */
:root{--accent:#dc9c24;--deep:#15263a;--soft:#fff7e5;--body:#f5f7f9}body{color:#1a2a3e;background:#f5f7f9}header{background:#fff;border-bottom:1px solid #e5e9ed}body:not(.redesign-home) header .brand b{background:#15263a;color:#f7c25b}body:not(.redesign-home) .header-inner{max-width:1240px}body:not(.redesign-home) main{max-width:1240px}body:not(.redesign-home) h1{font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.04em}body:not(.redesign-home) .card{border-radius:16px;border-color:#e2e8ed;box-shadow:0 4px 15px #15263a09}body:not(.redesign-home) .button,body:not(.redesign-home) button{background:#173450;color:#fff}body:not(.redesign-home) .card:hover{border-color:#deb26a}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d69630;outline-offset:3px}
.redesign-home{margin:0;background:#f7f8fa;color:#183047;font-family:system-ui,-apple-system,'Noto Sans KR',sans-serif}.redesign-home *{box-sizing:border-box}.redesign-home a{text-decoration:none}.redesign-home .site-header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e5e9ec}.redesign-home .site-bar{max-width:1240px;margin:auto;min-height:78px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.redesign-home .site-mark{font-size:1.35rem;font-weight:900;letter-spacing:-.05em;display:flex;align-items:center;gap:12px;white-space:nowrap}.mark-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#18324a;color:#f3c26b;font-weight:900}.mark-accent{color:#bb841e}.redesign-home .site-mark small{display:block;font-size:9px;letter-spacing:.19em;font-weight:750;color:#8694a0;margin-top:-5px}.redesign-home nav{display:flex;gap:25px;flex-wrap:wrap}.redesign-home nav a{font-size:14px;font-weight:750;color:#334d61}.redesign-home nav a:hover{color:#ba801a}.redesign-home .redesign-main{max-width:none;padding:0;min-height:auto}.new-hero{background:linear-gradient(130deg,#172f47 0%,#193b53 48%,#21394a 100%);color:#fff;padding:70px 24px 86px}.hero-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr .91fr;align-items:center;gap:70px}.hero-kicker,.section-eyebrow{font-size:12px;font-weight:800;letter-spacing:.21em;color:#dba94e}.hero-copy h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.075em;line-height:1.23;margin:24px 0}.hero-copy em{font-style:normal;color:#f0be64}.hero-copy>p{color:#cfdae4;line-height:1.85;max-width:500px;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:35px}.primary-action{display:flex;gap:22px;align-items:center;background:#e8b55d;color:#162d42!important;font-weight:850;border-radius:10px;padding:14px 19px}.secondary-action{color:#e6ebee!important;font-weight:700}.hero-note{margin-top:30px;font-size:12px;color:#9eb1c2}.feature-card{background:#fff;color:#182e42;border-radius:19px;padding:32px;box-shadow:0 25px 60px #03152550}.feature-top{display:flex;justify-content:space-between;gap:8px;color:#8392a0;font-size:11px;font-weight:750}.feature-label{letter-spacing:.12em}.feature-round{display:flex;align-items:baseline;gap:12px;margin:23px 0 28px}.feature-round strong{font-size:42px;letter-spacing:-.06em}.feature-round>span{color:#748292;font-size:13px}.feature-balls{display:flex;gap:9px;flex-wrap:wrap}.new-ball{display:inline-grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#adb8c5;color:#fff;font-weight:850;font-size:15px;box-shadow:inset 0 -4px 0 #00000012}.new-ball.gold{background:#e9ad31}.new-ball.blue{background:#5e9bd5}.new-ball.red{background:#e67c72}.new-ball.gray{background:#87929f}.new-ball.green{background:#66ad92}.feature-bonus{display:flex;align-items:center;gap:12px;margin:20px 0 22px;color:#697c8d;font-size:13px}.feature-bonus .new-ball{width:34px;height:34px;font-size:12px}.feature-bottom{border-top:1px solid #e4e8ec;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:22px;font-size:12px;color:#80909b}.feature-bottom strong{color:#24384b;font-size:19px}.feature-link{display:flex;justify-content:space-between;margin-top:25px;padding:15px 17px;border-radius:10px;background:#eff3f6;font-weight:850;font-size:13px}.quick-grid{max-width:1180px;margin:-36px auto 0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 16px}.quick-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:23px 22px;background:#fff;box-shadow:0 10px 32px #2131410c;border:1px solid #e5ebf0;border-radius:13px}.quick-icon{color:#bb811d;font-size:13px;font-weight:900;letter-spacing:.16em}.quick-card strong{font-size:17px}.quick-card small{color:#718393;font-size:12px}.quick-card .arrow{position:absolute;right:18px;top:19px;color:#9daebb}.archive-section,.info-grid,.trust-note{max-width:1180px;margin:74px auto 0;padding:0 16px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.insight h2{margin:12px 0 5px;font-size:clamp(25px,3vw,35px);letter-spacing:-.06em}.section-heading p,.insight p{font-size:14px;color:#728292}.view-all{font-size:13px;font-weight:850;color:#51647b;white-space:nowrap}.archive-list{background:#fff;border:1px solid #e1e8ed;border-radius:14px;overflow:hidden;margin-top:25px}.archive-row{display:flex;align-items:center;gap:26px;padding:16px 23px;border-bottom:1px solid #edf0f3}.archive-row:last-child{border:0}.archive-row:hover{background:#f9fafb}.archive-index{font-weight:850;width:76px;white-space:nowrap}.archive-balls{display:flex;gap:6px;flex:1;flex-wrap:wrap}.archive-balls .new-ball{width:31px;height:31px;font-size:11px}.archive-date{font-size:12px;color:#8493a0;min-width:80px}.archive-row>span:last-child{color:#a5b2bb}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.insight{background:#eaf0f3;padding:35px;border-radius:16px}.insight.alt{background:#f3ebdd}.insight p{max-width:530px;line-height:1.9;margin:18px 0}.insight a{font-size:13px;font-weight:850;color:#243c52}.trust-note{display:flex;gap:25px;padding:23px 25px;margin-bottom:75px;background:#fff;border:1px solid #e4ebef;border-radius:12px;font-size:13px;color:#778897}.trust-note strong{color:#24394d;white-space:nowrap}.redesign-home .site-footer{max-width:none;background:#182d40;color:#b5c1cc;padding:32px max(24px,calc((100vw - 1180px)/2));display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px}.site-footer>div:first-child{display:flex;flex-direction:column;gap:7px}.site-footer strong{color:#fff;font-size:18px}.site-footer>div:nth-child(2){display:flex;gap:20px}.site-footer p{flex-basis:100%;border-top:1px solid #496073;padding-top:18px;margin:0;font-size:11px}@media(max-width:950px){.hero-inner{grid-template-columns:1fr;gap:30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.redesign-home .site-bar{align-items:flex-start;flex-wrap:wrap}.new-hero{padding-top:50px}.feature-card{max-width:600px}}@media(max-width:600px){.redesign-home .site-bar{padding:13px 16px;gap:12px}.redesign-home nav{gap:12px}.redesign-home nav a{font-size:12px}.new-hero{padding:40px 16px 65px}.hero-copy h1{font-size:36px}.feature-card{padding:21px}.feature-round strong{font-size:36px}.feature-balls .new-ball{width:36px;height:36px;font-size:12px}.quick-grid{gap:10px;margin-top:-30px}.quick-card{padding:17px 13px;min-height:135px}.quick-card strong{font-size:14px}.quick-card small{font-size:11px}.archive-section,.info-grid,.trust-note{margin-top:48px}.archive-row{gap:10px;padding:15px 12px}.archive-balls{gap:3px}.archive-balls .new-ball{width:25px;height:25px;font-size:10px}.archive-index{width:47px;font-size:12px}.archive-date{display:none}.info-grid{grid-template-columns:1fr}.insight{padding:26px}.trust-note{flex-direction:column;gap:9px;margin-bottom:45px}.section-heading{align-items:start}.view-all{margin-top:26px}}