:root{--bg:#03070b;--panel:#07111b;--line:#12344a;--blue:#24c8ff;--text:#f5fbff;--muted:#7f9bad;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 28px));margin:auto}.site-head{position:sticky;top:0;z-index:20;background:#03070bf2;border-bottom:1px solid #0d2434}.head-inner{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;font-size:22px}.brand b{color:var(--blue)}
.nav{display:flex;gap:8px}.nav a{padding:10px 12px;border-radius:8px;color:#b7c8d3;font-size:13px;font-weight:800}.nav a:hover{background:#0c2232;color:#fff}
.hero{padding:58px 0 34px}.hero-box{padding:38px;border:1px solid #17527c;border-radius:16px;background:radial-gradient(circle at 80% 15%,#247cff2e,transparent 38%),linear-gradient(145deg,#07111b,#06101a 58%,#081a2c)}
.eyebrow{color:#4dd4ff;font-size:12px;font-weight:900}.hero h1{font-size:42px;line-height:1.15;letter-spacing:-2px;margin:12px 0 16px}.hero h1 span{color:#33caff}.hero p{margin:0;color:#a5bac7;line-height:1.9;font-size:14px;max-width:760px}
.btn{display:inline-flex;padding:13px 18px;border-radius:9px;border:1px solid #1d5e86;background:#0a2030;font-weight:900;font-size:13px}.btn.primary{background:linear-gradient(90deg,#0b91d1,#1c69d9);border-color:#42cfff}.hero-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}
.section{padding:22px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title h2{margin:0;font-size:24px}.section-title p{margin:0;color:var(--muted);font-size:12px}
.post-list{display:grid;gap:10px}.post{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #102a3b;border-radius:11px;background:#071019}.post:hover{border-color:#1e739c}.badge{width:72px;padding:7px 8px;text-align:center;border-radius:7px;background:#0a2433;border:1px solid #1a5c7b;color:#62dbff;font-size:10px;font-weight:900}.post h3{margin:0 0 7px;font-size:15px}.post p{margin:0;color:#7994a5;font-size:11px}.date{color:#5f7888;font-size:10px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#07111b}.card h3{margin:0 0 9px}.card p{margin:0;color:#7f9bad;font-size:12px;line-height:1.75}
.article{max-width:900px;margin:auto;padding:38px 0 56px}.article .meta{color:#618092;font-size:11px}.article h1{font-size:34px;letter-spacing:-1.5px;line-height:1.25}.article-body{padding:28px;border:1px solid #14384e;border-radius:14px;background:#07111b;color:#c4d3dc;line-height:1.95;font-size:14px}.article-body h2{color:#fff;margin-top:28px}
.footer{border-top:1px solid #0d2434;padding:25px 0 38px;color:#577080;font-size:11px}
@media(max-width:800px){.head-inner{height:auto;padding:14px 0;flex-direction:column;align-items:flex-start}.nav{width:100%;overflow:auto}.hero{padding-top:28px}.hero-box{padding:24px}.hero h1{font-size:31px}.grid{grid-template-columns:1fr}.post{grid-template-columns:70px 1fr}.post .date{grid-column:2}.article h1{font-size:28px}.article-body{padding:20px}}


/* ===== 공식 보증업체 ===== */
.partner-center{padding:6px 0 24px;text-align:center}
.partner-center .partner-main-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:280px;padding:15px 22px;border:1px solid #27cfff;border-radius:10px;
  background:linear-gradient(90deg,#0b7fbd,#175bd0);color:#fff;font-size:14px;font-weight:900;
  box-shadow:0 0 18px rgba(0,188,255,.2)
}
.partner-center .partner-main-btn:hover{filter:brightness(1.08)}
.partner-showcase{padding:8px 0 30px}
.partner-showcase h2{margin:0 0 6px;text-align:center;font-size:24px;letter-spacing:-1px}
.partner-showcase .sub{margin:0 0 16px;text-align:center;color:#7f9bad;font-size:12px}
.partner-marquee{
  position:relative;overflow:hidden;border:1px solid #123d59;border-radius:14px;
  background:#05101a;padding:12px 0;touch-action:pan-y
}
.partner-track{
  display:flex;gap:12px;width:max-content;padding:0 12px;
  animation:partnerRoll 48s linear infinite;will-change:transform
}
.partner-marquee:hover .partner-track,
.partner-marquee:focus-within .partner-track,
.partner-marquee.is-paused .partner-track{animation-play-state:paused}
.partner-card{
  flex:0 0 250px;height:90px;border:1px solid #17628a;border-radius:9px;overflow:hidden;
  background:#071722;box-shadow:0 0 12px rgba(0,166,255,.12)
}
.partner-card img{width:100%;height:100%;object-fit:fill}
@keyframes partnerRoll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){
  .partner-center .partner-main-btn{width:100%;min-width:0}
  .partner-card{flex-basis:210px;height:76px}
  .partner-track{gap:10px;animation-duration:42s}
}


/* ===== 전문 콘텐츠 게시글 ===== */
.article{max-width:900px;margin:34px auto 60px;padding:0 18px}
.article-head{padding:28px;border:1px solid #153a52;border-radius:14px;background:#06121d}
.article-cat{display:inline-block;padding:6px 10px;border:1px solid #08bfe8;border-radius:6px;color:#38d9ff;font-size:12px;font-weight:800}
.article h1{margin:14px 0 10px;font-size:30px;line-height:1.35;letter-spacing:-1.2px}
.article-desc{color:#9bb2c3;line-height:1.8}
.article-date{margin-top:14px;color:#66869b;font-size:12px}
.article-body{margin-top:18px;padding:28px;border:1px solid #102f43;border-radius:14px;background:#030b12}
.article-body h2{margin:30px 0 10px;color:#fff;font-size:20px}
.article-body h2:first-child{margin-top:0}
.article-body p{margin:0;color:#b9cad5;font-size:15px;line-height:1.95}
.article-note{margin-top:24px;padding:15px;border-left:3px solid #18c9f5;background:#071724;color:#91b3c7;font-size:13px;line-height:1.7}
.article-back{display:inline-block;margin-top:20px;padding:11px 16px;border:1px solid #1b536f;border-radius:8px;color:#50d7ff;text-decoration:none}
@media(max-width:700px){.article h1{font-size:24px}.article-head,.article-body{padding:20px}}

/* ===== 최신 콘텐츠 카드 정리 ===== */

/* ===== 최신 콘텐츠 카드 정리 ===== */
.latest-wrap{
  padding:18px 0 24px;
}
.latest-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.latest-head h2{
  margin:0;
  font-size:26px;
  line-height:1.2;
  letter-spacing:-1px;
  color:#fff;
}
.latest-head p{
  margin:6px 0 0;
  color:#6f8da1;
  font-size:12px;
}
.latest-more{
  flex:0 0 auto;
  color:#45d4ff;
  font-size:12px;
  font-weight:800;
}
.latest-list{
  display:grid;
  gap:10px;
}
.latest-item{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 92px;
  align-items:center;
  gap:16px;
  min-height:82px;
  padding:14px 16px;
  border:1px solid #123248;
  border-radius:12px;
  background:linear-gradient(90deg,#07121c,#08131e);
  transition:.18s ease;
}
.latest-item:hover{
  transform:translateY(-1px);
  border-color:#2182aa;
  background:linear-gradient(90deg,#081722,#091823);
  box-shadow:0 8px 24px rgba(0,135,190,.08);
}
.latest-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  height:30px;
  padding:0 10px;
  border:1px solid #0a8bb7;
  border-radius:7px;
  background:#072333;
  color:#55dcff;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.latest-main{
  min-width:0;
}
.latest-main strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:15px;
  line-height:1.35;
  letter-spacing:-.3px;
}
.latest-main small{
  display:block;
  margin-top:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#7f9bad;
  font-size:11px;
  line-height:1.4;
}
.latest-date{
  justify-self:end;
  color:#5d7a8e;
  font-size:10px;
  white-space:nowrap;
}
.info-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}
.info-card{
  display:block;
  min-height:98px;
  padding:20px;
  border:1px solid #123248;
  border-radius:12px;
  background:#07121c;
  transition:.18s ease;
}
.info-card:hover{
  border-color:#2182aa;
  transform:translateY(-1px);
}
.info-card h3{
  margin:0 0 9px;
  color:#fff;
  font-size:19px;
}
.info-card p{
  margin:0;
  color:#7896aa;
  font-size:12px;
  line-height:1.7;
}
@media(max-width:800px){
  .latest-head{
    display:block;
  }
  .latest-more{
    display:none;
  }
  .latest-item{
    grid-template-columns:78px minmax(0,1fr);
    gap:12px;
    min-height:96px;
    padding:13px;
  }
  .latest-badge{
    min-width:64px;
    height:28px;
    font-size:10px;
  }
  .latest-date{
    grid-column:2;
    justify-self:start;
    margin-top:-2px;
  }
  .latest-main strong{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .latest-main small{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .info-cards{
    grid-template-columns:1fr;
  }
}


/* =========================
   V7 COLOR SYSTEM
========================= */
:root{
 --v7-bg:#03070b;
 --v7-panel:#07111a;
 --v7-line:#153247;
 --v7-cyan:#1fd7ff;
 --v7-blue:#238cff;
 --v7-red:#ff4e67;
 --v7-red2:#a91d39;
 --v7-gold:#ffc64a;
 --v7-gold2:#9b6412;
 --v7-purple:#9b78ff;
}
body{background:
 radial-gradient(circle at 18% 8%,rgba(32,116,255,.08),transparent 26%),
 radial-gradient(circle at 82% 30%,rgba(255,190,65,.035),transparent 24%),
 #03070b!important}
.v7-head{background:rgba(2,7,11,.96)!important;border-bottom:1px solid #142b3a!important}
.brand span{color:var(--v7-cyan)}
.v7-nav a{position:relative;color:#a7bac8!important}
.v7-nav a:hover{color:#fff!important;background:#0c1b27!important}
.v7-nav .banner-link{color:#ffe19a!important;border:1px solid rgba(255,198,74,.32);background:rgba(255,198,74,.06)}
.v7-hero{padding:54px 0 30px}
.v7-hero-box{
 border:1px solid #1e5d82!important;
 background:
 radial-gradient(circle at 86% 12%,rgba(31,215,255,.19),transparent 26%),
 radial-gradient(circle at 8% 100%,rgba(155,120,255,.11),transparent 28%),
 linear-gradient(135deg,#07131d,#091827 62%,#08121d)!important;
 box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 40px rgba(23,111,160,.06)
}
.v7-hero-box .eyebrow{color:#6de6ff}
.v7-hero-box h1 span{background:linear-gradient(90deg,#30d7ff,#8a8cff,#ffd064);-webkit-background-clip:text;background-clip:text;color:transparent}
.danger-btn{border-color:#a9324a!important;background:linear-gradient(90deg,#7c142b,#b92343)!important;color:#fff!important}
.gold-btn{border-color:#a87920!important;background:linear-gradient(90deg,#51380b,#8d5c0d)!important;color:#ffe7a4!important}
.telegram-btn{border-color:#166f9d!important;background:#082334!important;color:#7adfff!important}

/* partner marquee becomes its own visual language */
.partner-center{padding-top:0!important}
.partner-main-btn{background:linear-gradient(90deg,#075f85,#0c7fb0)!important;border-color:#1fd7ff!important}
.partner-showcase{padding-top:15px!important}
.partner-showcase h2{font-size:25px!important}
.partner-marquee{border-color:#1a5270!important;background:linear-gradient(90deg,#041019,#071722)!important}
.partner-card{border-color:#27596e!important;box-shadow:none!important}
.partner-card:hover{border-color:#38dfff!important;box-shadow:0 0 18px rgba(31,215,255,.18)!important}

/* two clearly different feed panels */
.live-content{padding:42px 0 38px}
.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feed-panel{overflow:hidden;border-radius:16px;background:#071019}
.verify-panel{border:1px solid rgba(255,78,103,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.partner-panel{border:1px solid rgba(255,198,74,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:20px 20px 17px}
.verify-panel .feed-head{background:linear-gradient(135deg,rgba(137,23,48,.28),rgba(27,10,17,.22))}
.partner-panel .feed-head{background:linear-gradient(135deg,rgba(129,87,15,.27),rgba(25,19,7,.16))}
.feed-head h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.8px}
.feed-head p{margin:0;color:#7f97a8;font-size:11px}
.feed-head>a{font-size:11px;font-weight:900;white-space:nowrap}
.verify-panel .feed-head>a{color:#ff8294}
.partner-panel .feed-head>a{color:#ffd36e}
.feed-kicker{font-size:9px;font-weight:950;letter-spacing:1.4px}
.feed-kicker.red{color:#ff647b}
.feed-kicker.gold{color:#ffd36e}
.feed-list{padding:8px}
.feed-item{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:8px;align-items:center;min-height:52px;padding:8px 10px;border-radius:9px;border:1px solid transparent;transition:.16s}
.feed-item+.feed-item{margin-top:4px}
.feed-item.verify:hover{background:rgba(255,78,103,.07);border-color:rgba(255,78,103,.23)}
.feed-item.partner:hover{background:rgba(255,198,74,.065);border-color:rgba(255,198,74,.23)}
.feed-no{font-size:10px;font-weight:950;color:#587080}
.verify .feed-no{color:#d64b61}
.partner .feed-no{color:#c89432}
.feed-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf3f8;font-size:13px;font-weight:800}
.feed-arrow{justify-self:end;color:#607888}
.verify:hover .feed-arrow{color:#ff7085}
.partner:hover .feed-arrow{color:#ffd064}
.feed-loading,.feed-empty{padding:35px 18px;text-align:center;color:#6c8494;font-size:12px}

/* bottom utility strip */
.trust-strip{padding:0 0 45px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.trust-grid>div{padding:17px 18px;border-radius:12px;background:#07111a;border:1px solid #163044}
.trust-grid>div:nth-child(1){border-top:2px solid #ff536c}
.trust-grid>div:nth-child(2){border-top:2px solid #ffc64a}
.trust-grid>div:nth-child(3){border-top:2px solid #27cfff}
.trust-grid b{display:block;font-size:14px}
.trust-grid span{display:block;margin-top:5px;color:#7892a3;font-size:10px}
.v7-footer{background:#02060a!important}

@media(max-width:850px){
 .v7-nav{gap:5px!important}
 .v7-nav a{padding:9px 10px!important}
 .live-grid{grid-template-columns:1fr}
 .trust-grid{grid-template-columns:1fr}
 .feed-head{align-items:flex-start}
}


/* =========================
   V8 INFO HUB
========================= */
.feed-item{grid-template-columns:92px minmax(0,1fr) 24px!important}
.feed-no{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  width:auto!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;
  letter-spacing:-.2px
}
.verify .feed-no{color:#ff667b!important}
.partner .feed-no{color:#ffd064!important}

.info-hub-section{padding:6px 0 52px}
.info-hub-head{margin-bottom:16px}
.info-hub-head>span{color:#6bdcff;font-size:9px;font-weight:950;letter-spacing:1.5px}
.info-hub-head h2{margin:7px 0 6px;font-size:23px;letter-spacing:-.8px}
.info-hub-head p{margin:0;color:#7893a5;font-size:11px}

.info-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.info-hub-card{
  position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;
  min-height:180px;padding:21px;border-radius:15px;background:#07111a;
  border:1px solid #173247;overflow:hidden;transition:.18s ease
}
.info-hub-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.85
}
.about-card{border-color:rgba(47,198,255,.35)}
.about-card:before{background:radial-gradient(circle at 92% 10%,rgba(47,198,255,.10),transparent 36%)}
.guarantee-card{border-color:rgba(255,198,74,.34)}
.guarantee-card:before{background:radial-gradient(circle at 92% 10%,rgba(255,198,74,.09),transparent 36%)}
.safety-card{border-color:rgba(157,123,255,.34)}
.safety-card:before{background:radial-gradient(circle at 92% 10%,rgba(157,123,255,.09),transparent 36%)}
.info-hub-card:hover{transform:translateY(-2px);background:#08151f}
.info-icon{
  position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;
  background:#0a1c29;border:1px solid #21455d;font-size:14px;font-weight:950;color:#fff
}
.about-card .info-icon{color:#6ee4ff;border-color:#1d708d}
.guarantee-card .info-icon{color:#ffd36e;border-color:#80621e}
.safety-card .info-icon{color:#bca8ff;border-color:#5b4897}
.info-hub-card>div{position:relative;z-index:1;min-width:0}
.info-hub-card small{display:block;font-size:8px;font-weight:950;letter-spacing:1.2px;color:#607e91}
.info-hub-card h3{margin:7px 0 8px;font-size:18px;color:#fff}
.info-hub-card p{margin:0;color:#84a0b1;font-size:11px;line-height:1.75}
.info-hub-card b{display:block;margin-top:14px;font-size:10px}
.about-card b{color:#57dcff}.guarantee-card b{color:#ffd16a}.safety-card b{color:#b9a7ff}

/* detail information pages */
.info-page{max-width:940px;margin:0 auto;padding:46px 18px 65px}
.info-page-head{
  padding:30px;border:1px solid #18405a;border-radius:16px;
  background:linear-gradient(135deg,#07141e,#091927)
}
.info-page-head .label{font-size:9px;font-weight:950;letter-spacing:1.4px;color:#62dcff}
.info-page-head h1{margin:10px 0 10px;font-size:33px;letter-spacing:-1.3px;line-height:1.25}
.info-page-head p{margin:0;color:#91a9b8;font-size:13px;line-height:1.85}
.info-page-body{
  margin-top:18px;padding:29px;border:1px solid #112f43;border-radius:15px;background:#061019
}
.info-page-body h2{margin:30px 0 10px;font-size:20px;color:#fff}
.info-page-body h2:first-child{margin-top:0}
.info-page-body p{margin:0;color:#b6c8d3;font-size:14px;line-height:1.95}
.info-page-body ul{margin:9px 0 0;padding-left:20px;color:#a9bdc9;line-height:1.9;font-size:14px}
.info-callout{
  margin-top:24px;padding:17px 18px;border-left:3px solid #28cfff;border-radius:8px;background:#081a26;
  color:#91aebb;font-size:13px;line-height:1.8
}
.info-actions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}
.info-actions a{padding:11px 15px;border:1px solid #20506c;border-radius:8px;background:#081823;font-size:11px;font-weight:900}
@media(max-width:850px){
  .feed-item{grid-template-columns:82px minmax(0,1fr) 20px!important}
  .info-hub-grid{grid-template-columns:1fr}
  .info-hub-card{min-height:0}
  .info-page-head,.info-page-body{padding:21px}
  .info-page-head h1{font-size:27px}
}


/* ===== V8.4 SEO HERO ===== */
.v7-hero-box h1{
  max-width:980px;
  margin:12px 0 18px!important;
  font-size:44px!important;
  line-height:1.16!important;
  letter-spacing:-1.9px!important;
}
.v7-hero-box h1 span{
  display:inline-block;
  margin-top:4px;
}
.seo-hero-copy{
  max-width:980px!important;
  margin:0!important;
  color:#a8bdca!important;
  font-size:14px!important;
  line-height:1.85!important;
}
.seo-hero-copy span{
  display:block;
}
.seo-hero-copy span + span{
  margin-top:2px;
}
@media(max-width:900px){
  .v7-hero-box h1{
    font-size:35px!important;
    line-height:1.2!important;
    letter-spacing:-1.4px!important;
  }
}
@media(max-width:600px){
  .v7-hero-box h1{
    font-size:29px!important;
    line-height:1.24!important;
    letter-spacing:-1.1px!important;
  }
  .seo-hero-copy{
    font-size:12px!important;
    line-height:1.75!important;
  }
}