/* krxvideos.com ・ 2026 v2 성인 비디오 플랫폼 (6열 밀집 격자) */

:root{
  --bg:#0a0a0c;
  --card:#151515;
  --card2:#1b1b1e;
  --line:#26262a;
  --line2:#1b1b1f;
  --txt:#ededf0;
  --dim:#9b9ba3;
  --dim2:#797982;
  --red:#e11d2e;
  --disp:"Oswald","Noto Sans KR",sans-serif;
  --body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);
  font-family:var(--body);font-size:15px;line-height:1.68;
  letter-spacing:-0.002em;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--disp);font-weight:600;line-height:1.16;margin:0;letter-spacing:.005em}
p{margin:0 0 13px}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}

.kx-wrap{width:min(1240px,100% - 32px);margin-inline:auto}
.kx-skip{position:absolute;left:-9999px}
.kx-skip:focus{left:10px;top:8px;z-index:99;background:var(--red);color:#fff;padding:8px 12px}

/* ---------- util strip ---------- */
.kx-util{background:#050506;border-bottom:1px solid #1a1a1e;color:var(--dim)}
.kx-util-in{display:flex;align-items:center;gap:9px;height:31px;font-size:11px;letter-spacing:.01em;white-space:nowrap}
.kx-18{background:var(--red);color:#fff;font-family:var(--disp);font-weight:600;font-size:11px;line-height:1;padding:4px 6px 3px;letter-spacing:.08em}
.kx-util-r{margin-left:auto;overflow:hidden;text-overflow:ellipsis}

/* ---------- main bar ---------- */
.kx-head{position:sticky;top:-31px;z-index:60}
.kx-bar{background:rgba(10,10,12,.97);border-bottom:1px solid var(--line)}
.kx-bar-in{display:flex;align-items:center;gap:22px;min-height:64px;padding:9px 0;min-width:0}
.kx-logo{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.kx-mark{width:29px;height:29px;background:var(--red);border-radius:2px;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:18px;color:#fff;line-height:1}
.kx-word{font-family:var(--disp);font-weight:600;font-size:21px;letter-spacing:.10em;color:#fff;line-height:1}
.kx-word b{color:var(--red);font-weight:600}
.kx-nav{display:flex;flex-wrap:wrap;gap:4px 19px;min-width:0;margin-left:4px}
.kx-nav a{font-size:13.5px;color:#c4c4cd;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.kx-nav a:hover{color:#fff}
.kx-nav a.is-on{color:#fff;border-color:var(--red)}
.kx-cta{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:7px;background:var(--red);color:#fff;font-size:13px;font-weight:600;padding:9px 13px;border-radius:2px;line-height:1.2}
.kx-cta span{font-family:var(--disp);font-size:9.5px;font-weight:600;background:rgba(0,0,0,.26);padding:2px 4px;letter-spacing:.08em}
.kx-cta:hover{background:#f02437}

/* ---------- chips ---------- */
.kx-chips{background:#0d0d10;border-bottom:1px solid var(--line)}
.kx-chips-in{display:flex;align-items:center;gap:6px;height:43px;overflow-x:auto;scrollbar-width:none}
.kx-chips-in::-webkit-scrollbar{display:none}
.kx-chips-lb{flex:0 0 auto;font-family:var(--disp);font-size:10px;letter-spacing:.22em;color:var(--red);padding-right:4px}
.kx-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#b8b8c1;background:#121215;border:1px solid #232328;padding:5px 9px;border-radius:2px;line-height:1.2}
.kx-chip b{font-family:var(--disp);font-weight:500;font-size:10.5px;color:var(--red);letter-spacing:.03em}
.kx-chip.is-on{border-color:var(--red);color:#fff;background:rgba(225,29,46,.12)}

/* ---------- hero ---------- */
.kx-hero{position:relative;padding:40px 0 30px;background:
  radial-gradient(900px 380px at 86% -6%,rgba(225,29,46,.17),transparent 60%),
  radial-gradient(600px 300px at 4% 100%,rgba(225,29,46,.06),transparent 70%),
  #0a0a0c;
  border-bottom:1px solid var(--line2);overflow:hidden}
.kx-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:40px;align-items:center}
.kx-eyebrow{font-family:var(--disp);font-size:11px;letter-spacing:.2em;color:#a9a9b2;text-transform:uppercase;margin:0 0 12px}
.kx-eyebrow b{color:var(--red);font-weight:500}
.kx-hero h1{font-size:clamp(36px,4.3vw,58px);line-height:.99;letter-spacing:-.012em;font-weight:600;color:#fff}
.kx-hero h1 em{font-style:normal;color:var(--red)}
.kx-hero h1 small{display:block;font-size:clamp(15px,1.5vw,19px);letter-spacing:.12em;color:#8e8e97;font-weight:400;margin-top:12px;line-height:1.4}
.kx-lead{margin:18px 0 0;max-width:37em}
.kx-lead p{color:#c2c2ca;font-size:14.5px;line-height:1.72}
.kx-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 0}
.kx-btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-size:14px;font-weight:600;padding:12px 18px;border-radius:2px;line-height:1.2}
.kx-btn:hover{background:#f02437}
.kx-btn i{font-family:var(--disp);font-style:normal;font-size:10px;background:rgba(0,0,0,.24);padding:2px 5px;letter-spacing:.06em}
.kx-btn.ghost{background:transparent;border:1px solid #35353c;color:#e4e4ea}
.kx-btn.ghost:hover{border-color:#5b5b66;background:#141417}
.kx-hint{font-size:11px;color:var(--dim2);letter-spacing:.02em}

/* screenshot + floating stats */
.kx-shot{position:relative;margin:0;min-width:0}
.kx-frame{position:relative;border:1px solid #2c2c33;border-radius:3px;overflow:hidden;background:#000;box-shadow:0 22px 48px rgba(0,0,0,.55)}
.kx-frame img{width:100%;height:auto;aspect-ratio:1440/1000;object-fit:cover;object-position:top center}
.kx-fbadge{position:absolute;top:8px;left:8px;background:rgba(8,8,10,.86);border:1px solid #3a3a42;color:#fff;font-size:10px;letter-spacing:.08em;padding:3px 7px;font-family:var(--disp)}
.kx-fq{position:absolute;top:8px;right:8px;background:var(--red);color:#fff;font-family:var(--disp);font-size:10.5px;font-weight:600;padding:3px 6px;letter-spacing:.04em}
.kx-stats{position:absolute;left:0;bottom:0;display:flex;background:rgba(7,7,9,.9);border-top:1px solid #2f2f37;border-right:1px solid #2f2f37}
.kx-stats div{padding:9px 15px 10px;border-right:1px solid #2a2a31}
.kx-stats div:last-child{border-right:0}
.kx-stats b{display:block;font-family:var(--disp);font-weight:600;font-size:19px;line-height:1.1;color:#fff}
.kx-stats span{font-size:10px;color:#9a9aa4;letter-spacing:.02em}
.kx-figcap{margin:9px 0 0;font-size:11.5px;line-height:1.55;color:#86868f}

/* ---------- partners ---------- */
.kx-partners{background:#0d0d10;border-bottom:1px solid var(--line);padding:17px 0 19px}
.kx-plabel{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-size:10px;letter-spacing:.26em;color:#8c8c96;margin:0 0 12px;font-weight:400}
.kx-plabel::after{content:"";flex:1;height:1px;background:#232328}
.kx-pw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kx-pw a{display:flex;align-items:center;justify-content:center;height:84px;background:#141417;border:1px solid #232328;border-radius:2px;padding:0 8px}
.kx-pw a:hover{border-color:#3d3d46}
.kx-pw img{height:60px;width:auto;max-width:94%;object-fit:contain}

/* ---------- sections ---------- */
.kx-sec{padding:40px 0 6px;border-bottom:1px solid var(--line2)}
.kx-sec:last-of-type{border-bottom:0}
.kx-shead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:17px;flex-wrap:wrap}
.kx-shead h2{font-size:clamp(21px,2.4vw,28px);color:#fff}
.kx-shead h2 span{color:var(--red)}
.kx-shead .kx-side{font-size:11.5px;color:var(--dim2);letter-spacing:.02em}
.kx-lede{max-width:62em;color:#b9b9c2;font-size:14.5px;margin:0 0 20px}
.kx-lede b{color:#e8e8ee;font-weight:600}

/* ---------- dense grid ---------- */
.kx-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.kx-card{background:var(--card);border:1px solid #202024;border-radius:2px;overflow:hidden;transition:border-color .15s}
.kx-card:hover{border-color:var(--red)}
.kx-thumb{position:relative;aspect-ratio:16/9;background:#111113;overflow:hidden}
.kx-thumb img{width:100%;height:100%;object-fit:cover}
.kx-dur{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,.84);color:#fff;font-family:var(--disp);font-size:10.5px;line-height:1.2;padding:2px 4px;letter-spacing:.02em}
.kx-ct{display:block;font-size:11.5px;line-height:1.4;color:#d6d6dd;padding:6px 7px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kx-card:hover .kx-ct{color:#fff}

/* pager */
.kx-pager{display:flex;justify-content:center;align-items:center;gap:5px;margin:20px 0 4px;flex-wrap:wrap}
.kx-pager a,.kx-pager span{min-width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:12.5px;color:#a7a7b0;border:1px solid #26262c;background:#111114;border-radius:2px;padding:0 8px}
.kx-pager .is-now{background:var(--red);border-color:var(--red);color:#fff}
.kx-pager .dots{border:0;background:none;color:#5c5c66}
.kx-pager a:hover{border-color:#4a4a55;color:#fff}

/* ---------- category tiles ---------- */
.kx-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.kx-cat{background:#131316;border:1px solid #222228;border-top:2px solid #2c2c33;padding:15px 15px 14px;border-radius:2px}
.kx-cat:hover{border-top-color:var(--red)}
.kx-cat .n{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.kx-cat h3{font-size:15.5px;color:#fff;font-weight:600}
.kx-cat .c{font-family:var(--disp);font-size:12px;color:var(--red);letter-spacing:.03em}
.kx-cat p{font-size:12.5px;color:#a4a4ad;margin:7px 0 0;line-height:1.62}

/* ---------- spec panel ---------- */
.kx-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:6px}
.kx-spec > div{border-top:1px solid #33333a;padding-top:13px}
.kx-spec h3{font-size:14px;color:#fff;letter-spacing:.06em;margin-bottom:7px}
.kx-spec h3 b{color:var(--red);font-weight:500}
.kx-spec p{font-size:13px;color:#a8a8b1;line-height:1.65}
.kx-spec .num{display:block;font-family:var(--disp);font-size:24px;color:#fff;line-height:1.1;margin-bottom:2px}

/* ---------- tag wall ---------- */
.kx-wall{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:6px}
.kx-tag{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;color:#b3b3bd;border:1px solid #242429;background:#111114;padding:4px 8px;border-radius:2px}
.kx-tag b{font-family:var(--disp);font-weight:500;font-size:10.5px;color:var(--red);letter-spacing:.02em}
.kx-tag:hover{border-color:#42424c;color:#e6e6ee}

/* ---------- video rows ---------- */
.kx-vrows{border-top:1px solid #202024}
.kx-vrow{display:grid;grid-template-columns:38px 208px minmax(0,1fr);gap:16px;padding:17px 0;border-bottom:1px solid #1c1c20;align-items:start}
.kx-vrank{font-family:var(--disp);font-size:21px;color:#46464f;line-height:1;padding-top:2px}
.kx-vrow:nth-child(-n+3) .kx-vrank{color:var(--red)}
.kx-vth{position:relative;aspect-ratio:16/9;background:#111113;border:1px solid #232328;overflow:hidden;border-radius:2px}
.kx-vth img{width:100%;height:100%;object-fit:cover}
.kx-vth .kx-dur{font-size:11px;padding:2px 5px}
.kx-vbody{min-width:0}
.kx-vbody h2{font-size:18px;color:#fff;line-height:1.3}
.kx-vorig{font-size:11.5px;color:#7f7f89;margin:3px 0 6px;line-height:1.4;word-break:break-word}
.kx-vmeta{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11.5px;color:#9d9da7;margin:0 0 7px}
.kx-vmeta b{color:#dedee5;font-weight:500}
.kx-vmeta .kx-hd{background:#232329;color:#fff;font-family:var(--disp);font-size:10px;padding:1px 4px;letter-spacing:.04em}
.kx-vbody p{font-size:13.5px;color:#b4b4bd;line-height:1.66;margin:0}

/* ---------- category rows ---------- */
.kx-crows{border-top:1px solid #202024}
.kx-crow{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid #1c1c20}
.kx-crow .cl{min-width:0}
.kx-crow h2{font-size:20px;color:#fff}
.kx-crow .cn{font-family:var(--disp);font-size:12.5px;color:var(--red);letter-spacing:.05em;margin-top:3px}
.kx-crow .cd{font-size:13.5px;color:#b4b4bd}
.kx-crow .cd b{color:#eaeaef;font-weight:600}
.kx-crow .use{font-size:12px;color:#8f8f99;margin-top:6px}

/* ---------- prose pages ---------- */
.kx-pagehead{padding:34px 0 22px;border-bottom:1px solid var(--line2);background:linear-gradient(180deg,#0d0d10,#0a0a0c)}
.kx-pagehead .kx-eyebrow{margin-bottom:9px}
.kx-pagehead h1{font-size:clamp(27px,3.4vw,40px);color:#fff;letter-spacing:-.01em}
.kx-pagehead p{max-width:52em;color:#b0b0b9;font-size:14px;margin:10px 0 0}
.kx-chap{padding:26px 0 8px;border-bottom:1px solid #1c1c20}
.kx-chap:last-of-type{border-bottom:0}
.kx-chap h2{font-size:clamp(19px,2.1vw,23px);color:#fff;margin-bottom:10px}
.kx-chap h2 span{font-family:var(--disp);color:var(--red);font-size:13px;letter-spacing:.1em;margin-right:9px;vertical-align:2px}
.kx-chap p{max-width:64em;color:#b8b8c1;font-size:14.2px}
.kx-chap p b{color:#e9e9ef;font-weight:600}

/* faq */
.kx-qa{border-top:1px solid #202024}
.kx-q{padding:15px 0;border-bottom:1px solid #1b1b1f}
.kx-q h2{font-size:15.5px;color:#fff;line-height:1.45;font-weight:600;font-family:var(--body);letter-spacing:0}
.kx-q h2 span{font-family:var(--disp);color:var(--red);font-size:12px;margin-right:8px;letter-spacing:.08em}
.kx-q p{font-size:13.5px;color:#adadb7;margin:6px 0 0 26px;line-height:1.7}

/* about */
.kx-about section{padding:22px 0 6px;border-bottom:1px solid #1c1c20}
.kx-about h2{font-size:18px;color:#fff;margin-bottom:8px}
.kx-about p{max-width:64em;color:#b6b6bf;font-size:14px}

/* 404 */
.kx-404{padding:64px 0 70px}
.kx-404 .big{font-family:var(--disp);font-size:clamp(80px,16vw,170px);line-height:.85;color:#1d1d22;letter-spacing:-.02em;margin:0}
.kx-404 h1{font-size:clamp(24px,3vw,34px);color:#fff;margin:6px 0 10px}
.kx-404 p{color:#a8a8b2;max-width:42em}
.kx-404 .lnks{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.kx-404 .lnks a{border:1px solid #2b2b32;background:#121215;padding:8px 12px;font-size:13px;color:#d8d8e0;border-radius:2px}

/* footer */
.kx-foot{background:#070708;border-top:1px solid var(--line);padding:30px 0 24px;margin-top:36px}
.kx-foot-in{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:30px;align-items:start}
.kx-foot h3{font-family:var(--disp);font-size:11px;letter-spacing:.2em;color:#7e7e88;margin:0 0 9px;font-weight:500}
.kx-foot p,.kx-foot a{font-size:12px;color:#8d8d97;line-height:1.7}
.kx-foot a:hover{color:#dedee5}
.kx-foot .kx-flogo{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.kx-foot .kx-flogo .kx-mark{width:22px;height:22px;font-size:14px;border-radius:2px}
.kx-foot .kx-flogo span{font-family:var(--disp);font-size:16px;letter-spacing:.1em;color:#dcdce4}
.kx-foot nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.kx-adult{border:1px solid #2a2a31;color:#b9b9c2;font-size:12px;line-height:1.6;padding:10px 12px;background:#0d0d10}
.kx-adult b{color:var(--red);font-family:var(--disp);letter-spacing:.1em;font-size:13px;margin-right:5px}
.kx-copy{border-top:1px solid #17171b;margin-top:22px;padding-top:12px;font-size:11px;color:#66666f;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* ---------- responsive ---------- */
@media (max-width:1120px){
  .kx-hero-in{gap:28px}
  .kx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:900px){
  .kx-hero-in{grid-template-columns:1fr}
  .kx-hero{padding:30px 0 24px}
  .kx-shot{max-width:760px}
  .kx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kx-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kx-spec{grid-template-columns:1fr;gap:14px}
  .kx-vrow{grid-template-columns:30px 160px minmax(0,1fr);gap:12px}
  .kx-crow{grid-template-columns:1fr;gap:6px}
  .kx-foot-in{grid-template-columns:1fr 1fr;gap:22px}
  .kx-bar-in{flex-wrap:wrap;gap:10px 18px}
  .kx-nav{order:3;width:100%;margin-left:0;gap:14px}
  .kx-nav a{font-size:12.5px}
}
@media (max-width:620px){
  .kx-wrap{width:calc(100% - 24px)}
  .kx-util-in{font-size:10px;height:28px}
  .kx-util-r{display:none}
  .kx-word{font-size:19px}
  .kx-bar-in{min-height:56px;padding:8px 0}
  .kx-cta{font-size:12px;padding:8px 10px}
  .kx-chips-in{height:39px}
  .kx-head{top:-28px}
  .kx-util{overflow:hidden}
  .kx-hero h1{font-size:clamp(30px,8.6vw,40px)}
  .kx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kx-ct{font-size:11px}
  .kx-cats{grid-template-columns:1fr}
  .kx-stats div{padding:7px 10px 8px}
  .kx-stats b{font-size:16px}
  .kx-stats span{font-size:9px}
  .kx-vrow{grid-template-columns:104px minmax(0,1fr);gap:10px}
  .kx-vrank{display:none}
  .kx-vbody h2{font-size:15.5px}
  .kx-vorig{font-size:10.5px}
  .kx-pw a{height:64px}
  .kx-pw img{height:38px}
  .kx-foot-in{grid-template-columns:1fr}
  .kx-q p{margin-left:0}
  .kx-btn{font-size:13px;padding:11px 14px}
}
@media (max-width:400px){
  .kx-cta span{display:none}
  .kx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kx-vrow{grid-template-columns:92px minmax(0,1fr)}
}