/* races.pacers.kr home — 페이서트립 CSS 흑백+라임 스킨에서 실제 렌더 페이지가 쓰는 규칙만 남긴 것(2026-10-09, 7개 페이지×2폭 픽셀 비교로 화면 동일 확인). 새 class 를 쓰면 여기에 규칙을 더할 것 */
html{background:#fff}
@media(prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition{pointer-events:none;background:#fff}
::view-transition-group(root){animation-duration:220ms;animation-timing-function:cubic-bezier(.22,.8,.25,1)}
::view-transition-old(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:ptPageFade 160ms ease-out both;mix-blend-mode:normal}

html[data-pt-motion="tab"]::view-transition-group(root),html[data-pt-motion="tab"]::view-transition-new(root){animation:none}
html[data-pt-motion="push"]::view-transition-old(root){animation:ptPageAway 300ms cubic-bezier(.32,.72,0,1) both}
html[data-pt-motion="push"]::view-transition-new(root){animation:ptPageIn 300ms cubic-bezier(.32,.72,0,1) both}
html[data-pt-motion="back"]::view-transition-old(root){animation:ptPageBackAway 260ms cubic-bezier(.32,.72,0,1) both}
html[data-pt-motion="back"]::view-transition-new(root){animation:ptPageBackIn 260ms cubic-bezier(.32,.72,0,1) both}
::view-transition-group(pt-hero){animation-duration:340ms;animation-timing-function:cubic-bezier(.32,.72,0,1);border-radius:12px;overflow:hidden}
::view-transition-old(pt-hero),::view-transition-new(pt-hero){height:100%;object-fit:cover;animation-duration:340ms}
::view-transition-group(pt-bottom-nav),::view-transition-old(pt-bottom-nav),::view-transition-new(pt-bottom-nav){animation:none}
html[data-pt-motion] .ui-nav-bar,html[data-pt-motion] .ptl{visibility:hidden}
html[data-pt-sheet-static] .ps,html[data-pt-sheet-static] .ps-dim{animation:none}
html[data-pt-sheet-static] .ps-body{background:#fff}
::view-transition-group(pt-plan-body){animation-duration:220ms;animation-timing-function:cubic-bezier(.22,.8,.25,1)}
::view-transition-old(pt-plan-body){animation:none;mix-blend-mode:normal}
::view-transition-new(pt-plan-body){animation:ptPageFade 160ms ease-out both;mix-blend-mode:normal}
html[data-pt-motion^="step"]::view-transition-new(root){animation:none}
html[data-pt-motion="step-push"]::view-transition-new(pt-plan-body){animation:ptPageIn 220ms cubic-bezier(.22,.8,.25,1) both}
html[data-pt-motion="step-back"]::view-transition-new(pt-plan-body){animation:ptPageBackIn 220ms cubic-bezier(.22,.8,.25,1) both}
html[data-pt-motion="step"]::view-transition-group(pt-plan-body),html[data-pt-motion="step"]::view-transition-new(pt-plan-body){animation:none}
@keyframes ptPageFade{from{opacity:0}to{opacity:1}}
@keyframes ptPageIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes ptPageAway{to{transform:translateX(-8px)}}
@keyframes ptPageBackIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes ptPageBackAway{to{transform:translateX(24px)}}
}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm3K8-C8CSKlvPfE.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm3K9-C8CSKlvPfE.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/anton/v27/1Ptgg87LROyAm3Kz-C8CSKlv.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html,body{margin:0;padding:0;background:#ffffff}
a{color:#111111;text-decoration:none}
a:hover{color:#767676}
*::-webkit-scrollbar{height:0;width:0}
[role="button"]:focus-visible,a:focus-visible{outline:2px solid #111111;outline-offset:3px;border-radius:8px}
@keyframes ptSlide{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
@keyframes ptRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ptSheet{from{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes ptFade{from{opacity:0}to{opacity:1}}
@keyframes ptToast{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes ptFloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-9px) rotate(var(--r))}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
body{font-family:Pretendard,-apple-system,sans-serif;color:#111111}
.sec{max-width:var(--wrap,1920px);box-sizing:border-box;margin:0 auto;padding:clamp(30px,4vw,48px) var(--gut,clamp(16px,4vw,80px)) 0}
.sec:not(#majors):not(#near):not(#best){content-visibility:auto;contain-intrinsic-size:auto 420px}
.sec-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sec-hd>div:first-child{flex:1 1 0;min-width:0}
.sec-hd>.seeall{flex-shrink:0}
.kicker{font-family:Anton,Pretendard,sans-serif;font-size:12px;letter-spacing:0.2em;color:#767676;font-weight:400;margin:0}
.sec-t{font-size:clamp(20px,2.8vw,26px);font-weight:800;letter-spacing:-0.025em;margin-top:10px}
.sec-s{font-size:13.5px;color:#767676;margin-top:8px}
.seeall{cursor:pointer;font-size:13px;font-weight:700;color:#767676;padding:11px 4px;display:inline-flex;align-items:center;min-height:44px}
.tile{position:relative;width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background-color:#111111;background-size:cover;background-position:center;display:block;box-sizing:border-box;transform:translateZ(0);transition:transform 260ms cubic-bezier(.2,.8,.2,1)}
.tile::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,0.075) 44%,transparent 66%);
  background-size:220% 100%;animation:ptShim 1.3s linear infinite}
.tile.bg-in::before{content:none}
@keyframes ptShim{from{background-position:120% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.tile::before{animation:none}}
.tile.bg-reveal{animation:ptFade .35s ease}
.tile::after{content:"";position:absolute;inset:0;background:rgba(17,17,17,0);transition:background 260ms ease;pointer-events:none}
@media (hover:hover){.card:hover .tile{transform:translateZ(0) scale(1.015)}
.card:hover .tile::after{background:rgba(17,17,17,.05)}}
.pill{position:absolute;top:12px;left:12px;font-size:11px;font-weight:800;padding:5px 11px;border-radius:9999px}
.tile{container-type:inline-size}
.tov-top{position:absolute;left:10px;top:10px;right:52px;z-index:4;display:flex;align-items:center;min-height:32px;gap:6px;flex-wrap:nowrap}
.tov-top .pill{position:static;font-size:clamp(8px,4.8cqw,11px);padding:clamp(2px,1.8cqw,4px) clamp(5px,3.6cqw,8px);line-height:1;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.tov-dd{font-size:clamp(8.5px,5.2cqw,12px);font-weight:800;color:#111;background:#d6ff3d;border-radius:7px;padding:4px 7px;line-height:1;white-space:nowrap;flex:none}
.tov-c,.tov-b{position:absolute;z-index:3;opacity:0;transition:opacity 300ms ease;pointer-events:none;color:#fff}
.tile.bg-in .tov-c,.tile.bg-in .tov-b{opacity:1}
.tov-c{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 10px;text-align:center;
  text-shadow:0 1px 8px rgba(0,0,0,.65),0 0 2px rgba(0,0,0,.4);
  background:radial-gradient(ellipse 85% 34% at 50% 50%,rgba(0,0,0,.42),rgba(0,0,0,0) 72%),linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.06) 36%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.66))}
.tov-c b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:19cqw;line-height:1.05;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tov-c[data-len="m"] b{font-size:14.5cqw}
.tov-c[data-len="l"] b{font-size:11cqw}
.tov-c small{font-size:clamp(8px,5.45cqw,12.5px);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@container (max-width:178px){.tov-top .pill{display:none}}
.tov-b{left:clamp(6px,5cqw,12px);right:clamp(6px,5cqw,12px);bottom:clamp(6px,4.5cqw,11px);display:flex;justify-content:space-between;align-items:baseline;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.tov-b>span{display:flex;flex-direction:column;line-height:1.15}
.tov-b>span:last-child:not(:first-child){text-align:right;align-items:flex-end}
.tov-b b{font-size:clamp(9px,6.8cqw,15.5px);font-weight:800;white-space:nowrap}
.tov-b small{font-size:clamp(7px,4.5cqw,10.5px);font-weight:700;opacity:.85}
@media (prefers-reduced-motion:reduce){.tov-c,.tov-b{transition:none}}
@media (max-width:519px){.tov-top{min-height:26px}
.tov-dd{font-size:9.5px;padding:2.5px 6px}}
.c-city{display:block;font-size:15px;font-weight:700;color:#111111;letter-spacing:-0.01em;margin-top:14px}
.c-namewrap{display:flex;align-items:center;gap:6px;margin-top:3px;min-width:0}
.c-name2{font-size:14px;color:#767676;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-date{display:block;font-size:12.5px;color:#767676;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-reg{display:block;font-size:12.5px;font-weight:700;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-reg-muted{color:#767676}
.card{display:block;color:inherit}
.card:focus:not(:focus-visible){outline:none}
.card:hover{color:inherit}
.tile .tb{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.tile.bg-in .tb{display:none}
.tile-big{font-family:Anton,Pretendard,sans-serif;font-size:clamp(21px,2.6vw,30px);line-height:0.92;color:#ffffff;letter-spacing:-0.015em;
  text-shadow:0 1px 12px rgba(0,0,0,.55);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-sub{font-size:10.5px;font-weight:800;letter-spacing:0.22em;color:rgba(255,255,255,.5);margin-top:12px;text-transform:uppercase}
a,button,summary,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
summary::-webkit-details-marker{display:none}
summary::marker{content:""}
button{font-family:inherit;cursor:pointer}
a:active,button:active,[role="button"]:active{opacity:.72}
.card:active,.chip:active,.seeall:active{transform:scale(.97);opacity:.9}
button,[role="button"]{-webkit-user-select:none;user-select:none}
#majors.sec{padding-top:clamp(14px,1.8vw,24px)}
@media (max-width:767px){.qnav{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;padding:0 2px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent)}
.qnav::-webkit-scrollbar{display:none}
.qnav>a{flex:0 0 auto;min-height:44px}
header [data-langbtn]{min-width:44px}
.qnav>span{flex:0 0 auto}
.qnav-chips>:first-child{margin-left:auto}
.qnav-chips>:last-child{margin-right:auto}
header nav{flex-wrap:nowrap!important;overflow-x:auto;gap:8px!important;scrollbar-width:none}
header nav::-webkit-scrollbar{display:none}
#mega summary span[data-i18n="web_mega_all"]{display:none}
#mega summary{padding:12px!important;gap:0}
header [data-langbtn]>span:last-child{display:none}
header [data-langbtn]{padding:12px!important}}
.rail{--rgap:clamp(12px,1.4vw,18px);display:flex;gap:var(--rgap);overflow-x:auto;overscroll-behavior-x:contain;padding:20px 2px 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.rail{--cols:2.1;--gaps:2}
.rail .card{flex:0 0 calc((100% - var(--gaps) * var(--rgap)) / var(--cols));width:auto;min-width:0;scroll-snap-align:start}
@media (min-width:520px){.rail{--cols:2.6;--gaps:2}}
@media (min-width:640px){.rail{--cols:3.1;--gaps:3}}
@media (min-width:768px){.rail{--cols:3;--gaps:2}}
@media (min-width:960px){.rail{--cols:4;--gaps:3}}
@media (min-width:1024px){.rail{--cols:5;--gaps:4}}
@media (min-width:1280px){.rail{--cols:6;--gaps:5}}
@media (min-width:1600px){.rail{--cols:7;--gaps:6}}
@media (hover:hover) and (pointer:fine){.rail{cursor:grab}}
#near-grid,#best-rail,#bq-rail{min-height:241px}
#bucket-rail{min-height:243px}
#closing-grid{min-height:261px}
#talk-grid{min-height:120px}
#majors-rail{min-height:259px}
@media (max-width:767px){header #pt-auth-slot{display:none !important}
header a[data-i18n="nav_notify"]{display:none !important}}
#pt-a2hs-h[hidden]{display:none!important}
@keyframes ptAuthFade{from{opacity:0}to{opacity:1}}
@keyframes ptAuthSheet{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media (min-width:640px){@keyframes ptAuthPop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
@media (prefers-reduced-motion:reduce){*:active{transform:none!important}}
.pnav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #ededed;font-family:Pretendard,-apple-system,sans-serif}
.pnav-in{max-width:1120px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}
.pnav-mark{font:400 24px/1 Anton,sans-serif;letter-spacing:.02em;color:#111;text-decoration:none}
.pnav-nav{display:flex;align-items:center;gap:24px}
.pnav-nav a{font-size:14px;font-weight:700;color:#111;text-decoration:none}
.pnav-nav a.dim{color:#8a8a8a;font-weight:600}
.pnav-cta{background:#111;color:#fff!important;padding:9px 18px;border-radius:9999px;font-weight:800}
@media(min-width:1000px){.pnav-in{padding:0 32px;height:64px}}
.pnav-nav a{white-space:nowrap}
@media(max-width:720px){.pnav-nav a.dim{display:none}.pnav-nav{gap:16px}.pnav-cta{padding:8px 14px}}
.pfoot{max-width:1120px;margin:64px auto 0;padding:28px 20px 72px;border-top:1px solid #ededed;font-size:12.5px;color:#6b6b6b;font-family:Pretendard,sans-serif}
.pfoot .pnav-mark{font-size:22px}
.appflow{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:760px){.appflow{grid-template-columns:repeat(3,1fr)}}
.af-step{background:#f5f5f5;border-radius:14px;padding:20px 20px 22px}
.af-step b{display:block;font:400 40px/1 Anton,Pretendard,sans-serif;color:#111}
.af-step h3{font-size:16px;font-weight:800;letter-spacing:-.02em;margin:12px 0 0;color:#111}
.af-step p{font-size:13.5px;line-height:1.6;color:#555;margin:6px 0 0}
.af-cta{display:flex;align-items:center;justify-content:center;height:52px;border-radius:9999px;background:#111;color:#fff;font-weight:800;font-size:15px;text-decoration:none;margin-top:16px;max-width:360px}
.af-note{font-size:12px;color:#767676;margin:8px 0 0}
.art-list{display:grid;grid-template-columns:1fr;border-top:1px solid #111}
@media(min-width:760px){.art-list{grid-template-columns:1fr 1fr;column-gap:40px}}
.art-list a{display:flex;gap:14px;align-items:baseline;padding:15px 0;border-bottom:1px solid #ededed;color:#111;text-decoration:none}
.art-list span{flex:none;width:44px;font-size:12px;font-weight:700;color:#767676}
.art-list b{font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.45}
.ui-bnav{display:none}
@media (max-width:767px){.ui-bnav{display:block;position:fixed;left:0;right:0;bottom:0;z-index:920;
    background:#ffffff;border-top:1px solid #ededed;
    padding-bottom:env(safe-area-inset-bottom,0px)}}
@media (max-width:767px){.ui-bnav-in{display:flex;align-items:stretch}}
@media (max-width:767px){.ui-bnav a{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    text-decoration:none;color:#767676;font-size:11px;font-weight:700;letter-spacing:-0.01em;
    transition:color 140ms ease}}
@media (max-width:767px){.ui-bnav a.on{color:#111111}}
@media (max-width:767px){.ui-bnav a.on svg{stroke-width:2.5}}
@media (max-width:767px){.ui-bnav a.on b{font-weight:800}}
@media (max-width:767px){.ui-bnav a:active{background:#fafafa}}
@media (max-width:767px){.ui-bnav svg{width:22px;height:22px;display:block}}
@media (max-width:767px){.ui-bnav b{font-weight:700;font-size:10.5px;line-height:1.15;text-align:center;max-width:100%;
    overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    
    word-break:normal;overflow-wrap:break-word}}
@media (max-width:767px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}}
footer{background:#111;color:rgba(255,255,255,.45)}
@media(max-width:480px){.dc-prods{grid-template-columns:1fr}}
html:not(.kb) :focus-visible{outline:none!important}