@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Noto+Sans+KR:wght@400;500;700;800;900&display=swap");
@font-face{font-family:"NexonLv1Gothic";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF%20Light.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"NexonLv1Gothic";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"NexonLv1Gothic";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv1%20Gothic%20OTF%20Bold.woff") format("woff");font-weight:700;font-display:swap}

:root{
  --vt-bg:#000;
  --vt-panel:#0c0c0c;
  --vt-card:#141414;
  --vt-line:rgba(255,30,60,.32);
  --vt-gold:#ff1e3c;
  --vt-gold2:#ff4d6a;
  --vt-rose:#ff1e3c;
  --vt-ink:#f6f6f6;
  --vt-mute:#9a9a9a;
  --vt-ok:#3dd68c;
}
html,body.how-body.vt-portal{background:var(--vt-bg);color:var(--vt-ink);font-family:"NexonLv1Gothic","Noto Sans KR",sans-serif}
.vt-portal a{color:var(--vt-ink);text-decoration:none}
.vt-portal a:hover{color:var(--vt-gold)}
.vt-wrap{width:min(480px,calc(100% - 20px));margin:0 auto}
.vt-kicker{margin:0 0 8px;color:var(--vt-gold);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.vt-h2{margin:0 0 6px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(28px,4vw,42px);line-height:1.1}
.vt-lead{margin:0 0 22px;color:var(--vt-mute);font-size:14px}

/* age */
.vt-age{position:fixed;inset:0;z-index:20000;background:radial-gradient(900px 420px at 70% 10%,rgba(226,61,92,.28),transparent 50%),#07060a;display:flex;align-items:center;justify-content:center;padding:24px}
.vt-age[hidden]{display:none}
.vt-age-box{max-width:440px;text-align:center;color:#fff}
.vt-age-box strong{display:block;font-family:"Cormorant Garamond",serif;font-size:42px;margin-bottom:8px}
.vt-age-box p{color:#cfc6b8;line-height:1.7}
.vt-age-box .row{display:flex;gap:10px;justify-content:center;margin-top:22px}
.vt-age-box button{min-width:140px;height:48px;border:0;border-radius:999px;font-weight:800;cursor:pointer}
.vt-age-yes{background:var(--vt-gold);color:#fff}
.vt-age-no{background:#221f27;color:#fff}

/* header */
.vt-hd{position:sticky;top:0;z-index:200;background:rgba(9,8,11,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--vt-line)}
.vt-hd-in{display:flex;align-items:center;gap:18px;min-height:64px}
.vt-logo{display:flex;flex-direction:column;line-height:1.1;color:#fff!important}
.vt-logo b{font-family:"Cormorant Garamond",serif;font-size:26px;letter-spacing:.04em}
.vt-logo span{font-size:11px;color:var(--vt-gold);letter-spacing:.16em}
.vt-quick{display:none}
.vt-hd-in{max-width:480px;margin:0 auto;width:calc(100% - 20px)}
.vt-hd-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.vt-portal a.vt-auth{display:inline-flex!important;align-items:center;height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;color:#eee;border:1px solid var(--vt-line)}
.vt-portal a.vt-auth-on{background:var(--vt-gold);color:#fff!important;border-color:var(--vt-gold)}
.vt-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#1a1620;border:1px solid var(--vt-line);color:#fff;font-size:20px;border-radius:10px;cursor:pointer}
.vt-noscroll{overflow:hidden}
body.vt-noscroll #hd,.vt-portal.vt-noscroll #hd,.vt-noscroll .vt-hd{z-index:1!important}
.vt-portal .vt-drawer{z-index:10000!important}
.vt-drawer{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.45)}
.vt-drawer[hidden]{display:none}
.vt-drawer-in{position:absolute;top:0;right:0;bottom:0;width:min(320px,86%);margin:0;overflow:auto;padding:16px 16px 90px;background:#141414;box-shadow:-12px 0 40px #0008}
.vt-drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.vt-drawer-top strong{font-size:20px;font-weight:900}
.vt-drawer-top strong i{color:var(--vt-gold);font-style:normal}
.vt-drawer-top button{width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}
.vt-drawer-auth{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.vt-portal .vt-drawer-auth a{display:flex!important;align-items:center;justify-content:center;height:48px;border-radius:12px;border:0;font-weight:800;font-size:15px;width:100%}
.vt-portal .vt-drawer-auth a:first-child{background:var(--vt-gold);color:#fff!important}
.vt-portal .vt-drawer-auth a:last-child{background:#2a2a2a;color:#fff!important}
.vt-drawer-nav p{margin:18px 0 6px;color:var(--vt-gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.vt-drawer-nav a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px;font-weight:700}
.vt-ft-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}
.vt-ft-row a{color:var(--vt-gold);font-weight:800;font-size:13px}

/* hero */
.vt-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--vt-line);min-height:420px}
.vt-hero-bg{position:absolute;inset:0}
.vt-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.85) brightness(.42)}
.vt-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000f 8%,#000c 42%,#0006 100%),linear-gradient(#0000 40%,#000)}
.vt-hero-in{position:relative;z-index:2;padding:56px 0 42px}
.vt-hero h1{margin:0 0 10px;font-family:"Cormorant Garamond",serif;font-size:clamp(36px,6vw,64px);line-height:.95;max-width:16ch}
.vt-hero h1 i{font-style:italic;color:var(--vt-gold)}
.vt-hero .sub{max-width:520px;color:#d7cfc3;margin:0 0 22px;font-size:15px}
.vt-search{display:flex;gap:8px;max-width:720px;background:#0f0d12ee;border:1px solid var(--vt-line);padding:8px;border-radius:16px}
.vt-search input,.vt-search select{flex:1;min-width:0;height:48px;border:0;background:#1a1720;color:#fff;padding:0 14px;border-radius:10px}
.vt-search button{min-width:108px;border:0;border-radius:10px;background:linear-gradient(90deg,#b3001e,var(--vt-gold) 45%,#ff4d6a);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 0 18px rgba(255,30,60,.45)}
.vt-pops{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.vt-pops a,.vt-pops button{background:#1c1822;border:1px solid var(--vt-line);color:#f0e6d2;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer}

/* grids */
.vt-sec{padding:48px 0}
.vt-2{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.vt-area-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.vt-area{position:relative;display:block;min-height:168px;border-radius:16px;overflow:hidden;border:1px solid var(--vt-line)}
.vt-area img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.45)}
.vt-area div{position:relative;z-index:1;padding:16px}
.vt-area b{display:block;font-size:20px}
.vt-area em{color:var(--vt-gold);font-style:normal;font-size:12px}

.vt-rank{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:16px;padding:16px 16px 8px}
.vt-rank ol{margin:0;padding:0;list-style:none}
.vt-rank li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.vt-rank li:last-child{border-bottom:0}
.vt-rank .n{width:28px;font-family:"Cormorant Garamond",serif;font-size:22px;color:var(--vt-gold)}
.vt-rank img{width:42px;height:42px;object-fit:cover;border-radius:8px}
.vt-rank strong{display:block;font-size:14px}
.vt-rank small{color:var(--vt-mute);font-size:11px}
.vt-live{display:inline-flex;align-items:center;gap:6px;color:var(--vt-ok);font-size:11px;font-weight:800}
.vt-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--vt-ok);box-shadow:0 0 0 4px #3dd68c33}

.vt-guides{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.vt-guide{position:relative;min-height:220px;border-radius:16px;overflow:hidden;display:block;border:1px solid var(--vt-line)}
.vt-guide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38)}
.vt-guide span{position:relative;z-index:1;display:block;padding:18px}
.vt-guide .tag{display:inline-block;background:var(--vt-gold);color:#fff;font-size:10px;font-weight:900;padding:3px 8px;border-radius:4px;margin-bottom:10px}
.vt-guide h3{margin:0;font-size:22px;line-height:1.25}

.vt-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vt-rev a{background:var(--vt-card);border:1px solid var(--vt-line);border-radius:14px;overflow:hidden;display:block}
.vt-rev img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vt-rev div{padding:12px 14px 14px}
.vt-rev p{margin:0 0 6px;color:var(--vt-gold);font-size:11px;font-weight:800}
.vt-rev h3{margin:0;font-size:15px;line-height:1.4}

.vt-mag{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vt-mag article{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:14px;padding:16px}
.vt-mag h3{margin:0 0 12px;color:var(--vt-gold);font-size:13px;letter-spacing:.12em}
.vt-mag a{display:block;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:14px;line-height:1.45}

.vt-feat{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.vt-feat a{background:var(--vt-card);border:1px solid var(--vt-line);border-radius:12px;overflow:hidden;text-align:center}
.vt-feat img{width:100%;aspect-ratio:1;object-fit:cover}
.vt-feat b{display:block;padding:8px 6px 10px;font-size:12px}

.vt-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.vt-chips button{background:#151219;border:1px solid var(--vt-line);color:#ddd;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}
.vt-chips button.on,.vt-chips button:hover{background:var(--vt-gold);color:#fff;border-color:var(--vt-gold)}

.vt-dir{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vt-shop{display:grid;grid-template-columns:148px 1fr;gap:0;background:var(--vt-card);border:1px solid var(--vt-line);border-radius:16px;overflow:hidden}
.vt-shop > a.pic{display:block;background:#000}
.vt-shop img{width:100%;height:100%;min-height:168px;object-fit:cover;object-position:top}
.vt-shop .body{padding:14px 14px 12px}
.vt-shop .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.vt-shop .tags span{font-size:10px;font-weight:800;background:#2a2230;color:var(--vt-gold);padding:3px 7px;border-radius:4px}
.vt-shop h3{margin:0 0 4px;font-size:18px}
.vt-shop h3 small{display:block;color:var(--vt-mute);font-size:11px;font-weight:600;letter-spacing:.08em}
.vt-shop .meta{color:var(--vt-mute);font-size:12px;margin:0 0 10px}
.vt-shop .meta b{color:var(--vt-gold);font-weight:800}
.vt-chans{display:flex;flex-wrap:wrap;gap:6px}
.vt-chans a{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:32px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:800}
.vt-kakao{background:#fee500;color:#3c1e1e!important}
.vt-tg{background:#229ed9;color:#fff!important}
.vt-line{background:#06c755;color:#fff!important}
.vt-tel{background:#16a34a;color:#fff!important}
.vt-home{background:#2c2833;color:#fff!important;border:1px solid var(--vt-line)}

.vt-girls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.vt-girls a{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/4}
.vt-girls img{width:100%;height:100%;object-fit:cover}
.vt-girls span{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,#000);font-size:12px;font-weight:800}

.vt-vids{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.vt-vids article{background:var(--vt-card);border-radius:12px;overflow:hidden;border:1px solid var(--vt-line)}
.vt-vids .stage{position:relative;aspect-ratio:9/16;background:#000}
.vt-vids video,.vt-vids img{width:100%;height:100%;object-fit:cover}
.vt-vids .playbtn{position:absolute;inset:0;margin:auto;width:44px;height:44px;border:0;border-radius:50%;background:var(--vt-rose);color:#fff;font-size:16px;cursor:pointer}
.vt-vids h3{margin:0;padding:8px 10px 10px;font-size:12px;line-height:1.35}

.vt-ft,#ft.vt-ft{border-top:1px solid var(--vt-line);padding:36px 0 80px;color:var(--vt-mute);font-size:13px;background:#000}
.vt-ft .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:18px}
.vt-ft h3{color:var(--vt-gold);font-size:12px;letter-spacing:.14em}
.vt-ft a{color:#d7cfc3}
.vt-top,#top_btn.vt-top{position:fixed;right:max(12px,calc(50% - 215px + 12px));bottom:118px;width:44px;height:44px;border-radius:50%;border:1px solid var(--vt-gold);background:#120f16;color:var(--vt-gold);cursor:pointer;z-index:340}
.vt-home-wrap,.vt-home-wrap #container,.how-home-wrap.vt-home-wrap{max-width:none!important;width:100%!important;padding:0!important;background:transparent!important}
.vt-home-wrap .row{display:block!important;margin:0!important}
.vt-home-wrap #container{float:none!important}
.vt-portal #header_search,.vt-portal #tnb,.vt-portal #hd_pop{display:none!important}
.vt-portal #ft{background:transparent;border:0;color:inherit}
.vt-more{display:inline-block;margin-top:18px;padding:10px 18px;border:1px solid var(--vt-gold);border-radius:999px;color:var(--vt-gold)!important;font-size:13px;font-weight:800}
.vt-fxbar{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px;color:#d7cfc3;font-size:13px;font-weight:700}
.vt-fxbar a{color:var(--vt-gold)}
.vt-news3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vt-news3 article{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:14px;overflow:hidden}
.vt-news3 img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vt-news3 .pad{padding:14px}
.vt-news3 h3{margin:0 0 10px;font-size:13px;letter-spacing:.14em;color:var(--vt-gold)}
.vt-news3 a.item{display:block;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-size:14px;line-height:1.4}
.vt-news3 .lead a{display:block;font-size:16px;font-weight:800;line-height:1.35;margin-top:8px}
.vt-ev{display:flex;gap:10px;overflow:auto;padding-bottom:6px}
.vt-ev a{flex:0 0 240px;background:var(--vt-card);border:1px solid var(--vt-line);border-radius:12px;padding:12px}
.vt-ev b{display:block;color:var(--vt-gold);font-size:11px}
.vt-page #breadcrumb,.vt-portal #breadcrumb{padding:18px 0;color:var(--vt-mute);font-size:13px}
.vt-portal #breadcrumb a{color:var(--vt-gold)}
.vt-portal .how-pagehead h1,.vt-portal #post_title,.vt-portal #archive_headline{color:var(--vt-ink);font-family:"Cormorant Garamond",Georgia,serif}
.vt-portal #archive_desc,.vt-portal #post_date,.vt-portal .how-feed-item .meta{color:var(--vt-mute)}
.vt-portal .how-feed-item{background:var(--vt-card);border:1px solid var(--vt-line);border-radius:14px;margin-bottom:14px;overflow:hidden}
.vt-portal .how-feed-item .title a{color:var(--vt-ink)}
.vt-portal .post_content,.vt-portal #bo_v_con,.vt-portal #article{color:#ddd8ce;line-height:1.85}
.vt-portal #article{background:var(--vt-panel);border:1px solid var(--vt-line);border-radius:18px;padding:28px}
.vt-portal .nt-cta{background:#1a1510;border:1px solid var(--vt-line);border-radius:12px;padding:16px;margin:24px 0}
.vt-portal #aside .side_widget{background:var(--vt-card);border:1px solid var(--vt-line);color:#ddd}
.vt-portal #wrapper,.vt-portal #container_wr,.vt-portal #container,.vt-portal main{background:transparent;max-width:480px;margin-left:auto;margin-right:auto;float:none!important;width:100%!important}
.vt-vhero{position:relative;min-height:280px;border-radius:18px;overflow:hidden;margin:18px 0 22px}
.vt-vhero img{width:100%;height:320px;object-fit:cover;filter:brightness(.55)}
.vt-vhero div{position:absolute;left:20px;bottom:18px}
iframe.vt-map,.tn-page .vt-map{width:100%;height:360px;border:0;border-radius:14px;margin:12px 0}
.vt-src{font-size:12px;color:var(--vt-mute);margin-top:18px}
.tn-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.tn-tiles a{background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:14px;display:block}
.tn-tiles b{display:block;font-size:15px}
.tn-tiles span{color:#aaa;font-size:12px}
.tn-page{width:min(480px,calc(100% - 20px));margin:0 auto;padding:12px 0 88px;color:#eee}
.tn-badges{display:flex;gap:8px;margin:8px 0}
.tn-badges span{font-size:11px;font-weight:800;padding:4px 8px;border-radius:6px}
.tn-badges .ok{background:#143d2a;color:#3dd68c}
.tn-badges .on{background:#3a0a12;color:var(--vt-gold2)}
.tn-h1{margin:6px 0 4px;font-size:28px;font-weight:900}
.tn-type,.tn-meta{color:#9a9286;font-size:13px;margin:0 0 8px}
.tn-gallery,.tn-gal-grid{position:relative;border-radius:12px;overflow:hidden;background:#000}
.tn-gal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6px;aspect-ratio:4/3}
.tn-gal-grid .hero{width:100%;height:100%;object-fit:cover;object-position:top}
.tn-gal-grid .thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:100%}
.tn-gal-grid .thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}
.tn-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.tn-stats div{background:#141414;border-radius:10px;padding:10px}
.tn-stats b{display:block;color:var(--vt-gold);font-size:11px}
.tn-contact{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin:10px 0}
.tn-contact a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border-radius:12px;font-weight:800;font-size:11px;color:#fff!important;background:#1a1a1a;border:1px solid #2a2a2a}
.tn-contact .call{background:#16a34a}.tn-contact .line{background:#06c755}
.tn-contact .tg{background:#229ed9}.tn-contact .kakao{background:#fee500;color:#3c1e1e!important}
.tn-maplink{display:block;margin:8px 0 10px;color:var(--vt-gold);font-weight:800}
.tn-page section{margin:22px 0}
.tn-page h2{font-size:20px;margin:0 0 8px}
.tn-page h3{font-size:15px;margin:12px 0 6px}
.tn-page ul{padding-left:18px}
.tn-staff{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.tn-staff img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}
.tn-table{width:100%;border-collapse:collapse;font-size:13px}
.tn-table th,.tn-table td{border-bottom:1px solid #2a2a2a;padding:8px;text-align:left}
.tn-near{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tn-near a{background:#141414;border-radius:10px;overflow:hidden;display:block}
.tn-near img{width:100%;aspect-ratio:1;object-fit:cover}
.tn-near b,.tn-near small{display:block;padding:0 8px}
.tn-near small{padding-bottom:8px;color:#aaa;font-size:11px}
.tn-copy{color:#666;font-size:11px;margin-top:24px}
.tn-stick{display:none!important}
.tn-stick a{flex:1;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--vt-gold);color:#fff!important;font-weight:800;font-size:13px}
/* TNL mobile-always: PC is the same 430px phone column */
.vt-wrap,.vt-hd-in{width:min(430px,calc(100% - 16px))!important;max-width:430px;margin-left:auto;margin-right:auto}
.vt-search{flex-direction:column!important}
.vt-search input,.vt-search select,.vt-search button{width:100%!important}
.vt-2,.vt-guides,.vt-rev,.vt-mag,.vt-dir,.vt-news3,.vt-feat,.vt-area-grid,.vt-ft .grid{grid-template-columns:1fr!important}
.vt-girls,.vt-vids,.tn-tiles,.tn-stats,.tn-near{grid-template-columns:1fr 1fr!important}
.tn-contact{grid-template-columns:repeat(4,1fr)!important}
.vt-shop{grid-template-columns:1fr!important}
.vt-shop img{min-height:220px}
.vt-portal #wrapper,.vt-portal #container_wr,.vt-portal #container,.vt-portal main,.vt-portal #container_wr.how-wrap{
  background:transparent!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;
  float:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;
}
.vt-portal #wrapper{background:#000!important}
.vt-portal #aside,.vt-portal .row > #aside{display:none!important}
.vt-portal #container_wr.how-wrap > .row{display:block!important;margin:0!important}
.vt-portal body:not(.how-home) #container,.vt-portal #container{width:100%!important;max-width:100%!important;flex:none!important}
html,body.how-body.vt-portal{background:#050506!important;color:var(--vt-ink)}
.vt-portal #hd{background:#000!important}
.vt-hd{border-bottom:1px solid #1f1f1f}
.vt-hd-in{min-height:56px;gap:8px}
.vt-logo{flex-direction:column}
.vt-logo b{font-size:18px;letter-spacing:.02em;line-height:1.05;font-family:"Cormorant Garamond",Georgia,serif}
.vt-logo span{font-size:10px;letter-spacing:.16em;color:var(--vt-gold);font-weight:800}
.vt-hd-right{gap:6px}
.vt-hd-ico,.vt-hd-ask{
  display:inline-flex!important;align-items:center;justify-content:center;
  height:34px;border-radius:8px;border:1px solid var(--vt-gold);color:#fff!important;font-size:12px;font-weight:800;padding:0 10px;background:#111
}
.vt-hd-ico{width:34px;padding:0;font-size:16px;background:#1aa3d8;border-color:#1aa3d8}
.vt-menu-btn{width:38px;height:38px;border-radius:8px;background:#151515;border:1px solid #2a2a2a}
.vt-back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;font-size:20px;margin-right:2px}

/* overlay menu = TNL */
.vt-drawer{background:#0a0a0a}
.vt-drawer-in{padding:14px 16px 90px}
.vt-drawer-nav a{padding:14px 0;font-size:16px;border-bottom:1px solid #1a1a1a}
.vt-drawer-nav a em{display:inline-block;margin-left:8px;background:var(--vt-gold);color:#fff;font-style:normal;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:900}
.vt-drawer-auth a{flex:1;justify-content:center}

/* bottom tab */
.tn-tab{
  position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:360;
  width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);
  background:#0b0b0b;border-top:1px solid #222;padding:6px 0 calc(6px + env(safe-area-inset-bottom));
}
.tn-tab a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8a8a8a!important;font-size:10px;font-weight:700;padding:4px 0}
.tn-tab a.on,.tn-tab a:hover{color:var(--vt-gold)!important}
.tn-tab i{font-size:18px}
.vt-portal{padding-bottom:64px}
.tn-stick{display:none!important}
.tn-hero-shop .row{flex-wrap:nowrap;-webkit-overflow-scrolling:touch}

/* age = TNL card */
.vt-age{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.vt-age-box{width:min(360px,calc(100% - 28px));background:#161616;border:1px solid var(--vt-gold);border-radius:18px;padding:28px 22px 22px;box-shadow:0 0 40px var(--vt-gold)33}
.vt-age-box .brand{font-weight:900;font-size:22px;margin-bottom:12px}
.vt-age-box .brand i{color:var(--vt-gold);font-style:normal}
.vt-age-circle{width:84px;height:84px;margin:8px auto 14px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#ff6b81,var(--vt-gold) 55%,#8b0014);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#fff;box-shadow:0 0 24px rgba(255,30,60,.55)}
.vt-age-box h2{margin:0 0 8px;font-size:22px}
.vt-age-box p{color:#cfc6b8;line-height:1.6;font-size:13px}
.vt-age-box .row{display:flex;gap:10px;margin-top:18px}
.vt-age-yes{flex:1;background:var(--vt-gold);color:#fff;border-radius:12px}
.vt-age-no{flex:1;background:#2a2a2a;color:#ddd;border-radius:12px}

/* feed / article = TNL */
.vt-portal .how-feed-item{display:block!important;background:#141414!important;border:1px solid #242424!important;border-radius:14px!important;padding:0!important;margin:0 0 12px!important;overflow:hidden}
.vt-portal .how-feed-item .image{width:100%!important;display:block}
.vt-portal .how-feed-item .image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vt-portal .how-feed-item .info{padding:12px 14px 14px}
.vt-portal .how-feed-item .excerpt{color:#aaa}
.vt-portal #article{background:transparent!important;border:0!important;border-radius:0!important;padding:8px 12px 40px!important}
.vt-portal #article_header{background:transparent!important;border:0!important;padding:8px 0 12px!important}
.vt-portal #breadcrumb{background:transparent;border:0;height:auto;line-height:1.4;padding:10px 12px;color:#888;font-size:12px;margin:0}
.vt-portal #breadcrumb a{color:#aaa}
.vt-portal #breadcrumb span{color:var(--vt-gold)}
.vt-portal .how-pagehead{text-align:left;padding:8px 12px 0}
.vt-portal #archive_headline{color:#fff!important;font-size:26px;font-weight:900}
.vt-portal #archive_desc{color:#9a9286}
.vt-portal .post_content,.vt-portal #bo_v_con{color:#ddd8ce;line-height:1.8}
.vt-portal .post_content h2,.vt-portal #bo_v_con h2{color:var(--vt-gold);border-color:#2a2a2a}
.vt-portal #previous_next_post{border-color:#2a2a2a}
.vt-portal #previous_next_post a+a{border-color:#2a2a2a}
.vt-portal .page_navi a,.vt-portal .page_navi strong{background:#222;color:#ddd;border-radius:8px}
.vt-portal .page_navi strong{background:var(--vt-gold);color:#fff}
.vt-portal .nt-cta{background:#141414;border-color:#2a2a2a}
.vt-share{display:flex;justify-content:flex-end;margin:4px 0 8px}
.vt-share button{height:32px;padding:0 12px;border-radius:16px;border:1px solid #333;background:#151515;color:#eee;font-size:12px;font-weight:800}
.tn-pay{display:flex;flex-wrap:wrap;gap:6px}
.tn-pay span{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:700}
.tn-faq details{border-bottom:1px solid #222;padding:8px 0}
.tn-faq summary{cursor:pointer;font-weight:800}
.tn-cmt{background:#141414;border-radius:12px;padding:14px;margin-top:12px}
.tn-hero-shop{display:block;background:#141414;border:1px solid #2a2a2a;border-radius:16px;overflow:hidden;margin:8px 0 16px}
.tn-hero-shop .row{display:flex;gap:8px;overflow:auto;padding:8px}
.tn-hero-shop .row img{width:72px;height:88px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.tn-hero-shop .meta{display:flex;align-items:center;gap:10px;padding:10px 12px}
.tn-hero-shop .meta img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.tn-hero-shop .more{margin-left:auto;background:var(--vt-gold);color:#fff!important;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}
.tn-city{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.tn-city a{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800}
.tn-city a.on{background:var(--vt-gold);color:#fff!important;border-color:var(--vt-gold)}
.tn-toc a{display:block;padding:8px 0;border-bottom:1px solid #1f1f1f;font-weight:700}
.vt-shop .body .tn-card-act{display:flex;gap:8px;margin-top:10px}
.vt-shop .body .tn-card-act a{flex:1;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#1a1a1a;border:1px solid #333;font-size:12px;font-weight:800}
.vt-feat{grid-template-columns:1fr 1fr!important}
.vt-area-grid{grid-template-columns:1fr 1fr!important}
.vt-sec{padding:28px 0}
.vt-hero{min-height:auto}
.vt-hero-in{padding:22px 0 18px}
.vt-hero h1{font-size:28px!important;max-width:none}
.vt-hero .sub{font-size:13px;max-width:none}
.vt-ft{padding:24px 0 100px!important}
.vt-portal #bo_list,.vt-portal #article,.vt-page,.tn-page{padding-left:12px;padding-right:12px}
.tn-page{width:min(430px,100%);margin:0 auto;padding:8px 12px 120px}

/* TNL shop cards */
.sl-card{display:grid;grid-template-columns:118px 1fr auto;gap:0;background:#141414;border:1px solid #242424;border-radius:14px;overflow:hidden;margin:0 0 10px;color:#eee!important;align-items:stretch}
.sl-score{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px 8px 0;min-width:52px;color:#ffb000}
.sl-score b{font-size:20px;line-height:1;font-weight:900;letter-spacing:-.02em}
.sl-score span{font-size:11px;font-weight:800;margin-top:2px;white-space:nowrap}
.sl-ours-card .sl-score{color:#ffd24a}
.sl-pic{position:relative;background:#000}
.sl-pic img{width:100%;height:100%;min-height:118px;object-fit:cover;object-position:top}
.sl-open{position:absolute;left:6px;top:6px;background:#16a34a;color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:4px}
.sl-body{padding:10px 12px;min-width:0}
.sl-body h3{margin:0 0 4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
.sl-body h3 em{font-style:normal;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sl-body h3 small{color:var(--vt-gold2);font-size:12px;font-weight:800;flex:0 0 auto;white-space:nowrap}
.sl-loc,.sl-meta{margin:0 0 4px;color:#aaa;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-tags{display:flex;flex-wrap:nowrap;gap:4px;margin:0 0 6px;overflow:hidden}
.sl-tags span{font-size:11px;color:var(--vt-gold2);white-space:nowrap;flex:0 0 auto}
.sl-ours{position:absolute;left:6px;top:6px;background:linear-gradient(90deg,#e8356d,#ff6b35);color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:4px;z-index:1}
.sl-kb{position:absolute;left:6px;top:6px;background:#1a1a1a;border:1px solid var(--vt-gold);color:#fff;font-size:10px;font-weight:900;padding:2px 6px;border-radius:4px;z-index:1}
.sl-ours-card{border-color:#e8356d55}
.nm-pin-ours i{background:#e8356d!important}
.nm-pin-other i{
  width:9px!important;height:9px!important;
  background:#5a5a5a!important;border:1px solid #8a8a8a!important;
  opacity:.5;box-shadow:none!important
}
.hm-map .nm-pin-ours i{width:18px;height:18px}
.sl-h{font-size:15px;margin:18px 0 8px}
.sl-found{color:#aaa;font-size:13px;margin:8px 0 12px}

/* map */
body.vt-map{
  height:100dvh!important;min-height:100dvh!important;max-height:none!important;
  overflow:hidden!important;margin:0!important;padding:0!important;
}
body.vt-map.vt-portal{padding-bottom:0!important}
body.vt-map #wrapper,body.vt-map #container_wr,body.vt-map #container,body.vt-map main{
  max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
  overflow:hidden!important;height:auto!important;min-height:0!important;
}
body.vt-map .vt-phone{min-height:100dvh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body.vt-map #hd{flex:0 0 auto}
body.vt-map #wrapper{flex:1 1 auto;min-height:0!important}
body.vt-map .tn-tab{flex:0 0 auto}
.nm-app{position:relative;width:100%;max-width:390px;margin:0 auto;height:calc(100dvh - 52px - 58px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:#111;overflow:hidden}
#nm-map{position:absolute;inset:0;z-index:0}
.nm-pin i{display:block;width:18px;height:18px;border-radius:50% 50% 50% 0;background:var(--vt-gold);transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 2px 8px #0008}
.nm-app .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) saturate(.6)}
.nm-app .leaflet-control-zoom{margin-top:132px!important;border:0}
.nm-app .leaflet-control-zoom a{background:#141414;color:#fff;border:1px solid #333}
.nm-top{position:absolute;left:8px;right:8px;top:8px;z-index:4;display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nm-top::-webkit-scrollbar,.nm-filters::-webkit-scrollbar,.nm-dist::-webkit-scrollbar,.nm-stn::-webkit-scrollbar{display:none}
.nm-transit,.nm-mode{display:flex;gap:4px;background:#141414cc;border:1px solid #333;border-radius:10px;padding:4px;backdrop-filter:blur(8px);flex:0 0 auto}
.nm-transit button,.nm-mode button,.nm-filters button,.nm-dist button,.nm-stn button{border:0;background:#222;color:#ddd;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;flex:0 0 auto;line-height:1.1}
.nm-transit button.on,.nm-mode button.on,.nm-filters button.on,.nm-dist button.on,.nm-stn button.on{background:var(--vt-gold);color:#fff}
.nm-transit span{color:#3dd68c;font-size:11px;font-weight:800;padding:6px 4px;white-space:nowrap}
.nm-st{background:#141414cc;border:1px solid #333;border-radius:10px;padding:6px 8px;font-size:11px;font-weight:800;color:var(--vt-gold)!important;white-space:nowrap;flex:0 0 auto}
.nm-bar{position:absolute;left:8px;right:8px;top:48px;z-index:4}
.nm-filters,.nm-dist,.nm-stn{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;margin-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nm-gps{position:absolute;right:12px;bottom:calc(46% + 12px);z-index:6;border:0;border-radius:12px;background:var(--vt-gold);color:#fff;font-weight:800;padding:10px 12px;cursor:pointer}
.nm-sheet{position:absolute;left:0;right:0;bottom:0;z-index:8;height:46%;max-height:46%;overflow:hidden;display:flex;flex-direction:column;background:#121212f2;backdrop-filter:blur(12px);border-radius:16px 16px 0 0;padding:0 10px 8px;box-shadow:0 -8px 28px #0008}
.nm-sheet.open{height:78%;max-height:78%}
.nm-sheet-h{flex:0 0 auto;position:relative;font-size:13px;color:#aaa;margin:0;padding:16px 4px 8px;cursor:pointer;display:flex;align-items:center;gap:8px}
.nm-sheet-h:before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:#555;position:absolute;left:50%;top:6px;transform:translateX(-50%)}
.nm-sheet-h b{color:#fff}
#nm_list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}
body.vt-map .nm-app .sl-card{grid-template-columns:72px 1fr 56px;margin:0 0 8px;min-height:72px}
body.vt-map .nm-app .sl-pic{width:72px;height:72px;max-height:72px;min-height:72px}
body.vt-map .nm-app .sl-pic img{width:100%!important;height:100%!important;max-height:72px!important;object-fit:cover!important}
body.vt-map .nm-app .sl-body{padding:8px 8px 8px 10px}
body.vt-map .nm-app .sl-tags,body.vt-map .nm-app .sl-meta{display:none}
body.vt-map .nm-app .sl-score b{font-size:22px}
.leaflet-bottom{bottom:48%!important}

/* trending */
.bt-hero{display:grid;grid-template-columns:36px 72px 1fr;gap:10px;align-items:center;background:#141414;border:1px solid #242424;border-radius:12px;padding:8px;margin:0 0 8px}
.bt-hero .n{font-size:22px;font-weight:900;color:var(--vt-gold);text-align:center}
.bt-hero img{width:72px;height:72px;object-fit:cover;border-radius:8px}
.bt-hero b{display:block}
.bt-hero small{color:#aaa;font-size:12px}
.bt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.bt-stats div{background:#141414;border-radius:10px;padding:10px 6px;text-align:center}
.bt-stats b{display:block;font-size:18px}
.bt-stats span{color:#aaa;font-size:11px}
.bt-reg,.bt-cat{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bt-reg a,.bt-cat a{background:#141414;border:1px solid #242424;border-radius:12px;padding:12px}
.bt-cat em{display:block;color:var(--vt-gold);font-size:11px;font-weight:800;font-style:normal}
.bt-cat b,.bt-reg b{display:block}
.bt-cat small,.bt-reg small{color:#aaa;font-size:12px}

/* nightlife */
.nl-tabs{display:flex;gap:8px;border-bottom:1px solid #222;margin:12px 0}
.nl-tabs a{padding:10px 8px;font-weight:800;color:#888!important;border-bottom:2px solid transparent}
.nl-tabs a.on{color:var(--vt-gold)!important;border-color:var(--vt-gold)}
.nl-tabs em{background:#333;border-radius:8px;padding:1px 6px;font-size:11px;font-style:normal}
.nl-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.nl-types a{position:relative;min-height:110px;border-radius:12px;overflow:hidden;display:block}
.nl-types img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4)}
.nl-types span{position:relative;z-index:1;display:block;padding:12px}
.nl-types em{display:block;color:var(--vt-gold);font-size:11px;font-weight:800;font-style:normal}
.nl-mapcta{display:block;background:linear-gradient(180deg,#1a140e,#141414);border:1px solid var(--vt-gold)55;border-radius:14px;padding:16px;margin:8px 0 12px}
.nl-mapcta b{display:block;font-size:18px}
.nl-mapcta span{display:block;color:#aaa;margin:4px 0 8px}
.nl-mapcta em{color:var(--vt-gold);font-style:normal;font-weight:800}
.nl-posts a{display:grid;grid-template-columns:96px 1fr;gap:10px;background:#141414;border-radius:12px;overflow:hidden;margin:0 0 10px}
.nl-posts img{width:96px;height:96px;object-fit:cover}
.nl-posts em{color:var(--vt-gold);font-size:11px;font-style:normal}
.nl-posts b{display:block;font-size:14px}
.nl-posts small{color:#888}
body.vt-map #container_wr.how-wrap,body.vt-map #container,body.vt-map main{padding:0!important;max-width:430px!important}
body.vt-map #ft,body.vt-map .vt-top,body.vt-map #top_btn{display:none!important}

/* black + red */
html,body.how-body.vt-portal{background:#000!important}
.vt-hd{background:#000e;border-bottom:1px solid rgba(255,30,60,.35)}
.tn-tab{background:#000;border-top:1px solid rgba(255,30,60,.28)}
.vt-drawer-in{background:#0a0a0a;border-left:1px solid rgba(255,30,60,.25)}
.vt-age{background:rgba(0,0,0,.82)}
.vt-age-box{border-color:var(--vt-gold);box-shadow:0 0 48px rgba(255,30,60,.4)}
.tn-city a.on,.vt-chips button.on{box-shadow:0 0 12px rgba(255,30,60,.4)}
.vt-more{border-color:var(--vt-gold)}
.vt-top,#top_btn.vt-top{border-color:var(--vt-gold);color:var(--vt-gold);background:#000}

/* original-ratio images, letterbox on black */
.tn-gal-grid{
  display:flex!important;flex-direction:column;gap:6px;
  aspect-ratio:auto!important;background:#000;border-radius:12px;overflow:hidden
}
.tn-gal-grid .hero{
  width:100%;height:auto!important;max-height:72vh;
  object-fit:contain!important;object-position:center;display:block;background:#000
}
.tn-gal-grid .thumbs{
  display:flex!important;grid-template-columns:none!important;
  gap:6px;height:auto!important;overflow-x:auto;padding:0 0 4px
}
.tn-gal-grid .thumbs img{
  height:108px!important;width:auto!important;max-width:none;
  object-fit:contain!important;background:#000;flex:0 0 auto;border-radius:8px
}
.tn-staff{display:flex;flex-wrap:wrap;gap:6px}
.tn-staff img{
  width:calc(33.33% - 4px);height:auto;aspect-ratio:auto!important;
  object-fit:contain!important;background:#000;border-radius:8px
}
.tn-near{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tn-near img{width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;background:#000}
.sl-pic{
  background:#000;display:flex;align-items:center;justify-content:center;
  min-height:0;max-height:168px;overflow:hidden
}
.sl-pic img{
  width:auto!important;max-width:100%;height:auto!important;max-height:168px;
  min-height:0!important;object-fit:contain!important;object-position:center
}
.vt-shop img{
  width:auto!important;max-width:100%;height:auto!important;min-height:0!important;
  object-fit:contain!important;object-position:center;background:#000;display:block;margin:0 auto
}
.vt-shop > a.pic{background:#000;display:flex;align-items:center;justify-content:center;min-height:140px}
.vt-girls a{aspect-ratio:auto!important;background:#000}
.vt-girls img{width:100%;height:auto!important;object-fit:contain!important;background:#000}
.vt-feat img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;background:#000}
.vt-rev img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;background:#000}
.vt-news3 img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;background:#000}
.vt-portal .how-feed-item .image{background:#000}
.vt-portal .how-feed-item .image img{
  width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000
}
.tn-hero-shop .row{align-items:flex-end;background:#000}
.tn-hero-shop .row img{
  width:auto!important;height:104px!important;object-fit:contain!important;background:#000
}
.tn-hero-shop .meta img{object-fit:contain;background:#000}
.bt-hero img{object-fit:contain!important;background:#000}
.vt-rank img{object-fit:contain!important;background:#000}
.nl-posts img{width:96px;height:auto;max-height:120px;object-fit:contain!important;background:#000}
.vt-area,.vt-guide{background:#000}
.vt-area img,.vt-guide img,.nl-types img{object-fit:cover}
.vt-hero-bg img{object-fit:cover}

/* one-column mobile app shell */
html,body.how-body.vt-portal{
  background:#111!important;
  overflow-x:hidden;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
.vt-portal #wrapper,.vt-portal #container_wr,.vt-portal #container,.vt-portal main,
.vt-wrap,.vt-hd-in,.tn-page,.tn-tab,.nm-app{
  max-width:390px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;
}
.vt-portal #wrapper{
  min-height:100dvh;background:#000!important;
  box-shadow:0 0 0 1px #1a1a1a, 0 0 60px #000a;
}
.vt-hd{padding-top:env(safe-area-inset-top)}
.vt-hd-in{min-height:52px;width:calc(100% - 16px)!important}
.vt-h2{font-size:24px!important;font-family:"Noto Sans KR",sans-serif!important;font-weight:900}
.vt-hero{min-height:auto}
.vt-hero h1{font-size:28px!important}
.vt-sec{padding:20px 0}
.vt-ft{padding:10px 0 88px!important;text-align:center}
.vt-ft .grid,.vt-ft-row{display:none!important}
.vt-ft-mini p{margin:2px 0;color:#666;font-size:11px}
.tn-tab{width:min(390px,100%)!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.vt-top,#top_btn.vt-top{display:none!important}

.vt-phone{
  width:100%;max-width:390px;margin:0 auto;background:#000;min-height:100dvh;position:relative;
}
.vt-hd{width:100%;max-width:390px;margin:0 auto}

@media (min-width:720px){
  html,body.how-body.vt-portal{
    background:#171417!important;
    background-image:radial-gradient(720px 340px at 50% -60px,rgba(255,30,60,.2),transparent 62%)!important;
    padding:36px 0 40px!important;min-height:100%;
  }
  .vt-phone{
    height:calc(100vh - 76px);min-height:620px;max-height:calc(100vh - 76px);
    overflow:hidden;display:flex;flex-direction:column;
    border-radius:36px;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.06),
      0 0 0 8px #0e0e0e,
      0 0 0 9px rgba(255,30,60,.4),
      0 28px 80px rgba(0,0,0,.72);
  }
  .vt-hd{
    position:relative;top:auto;flex:0 0 auto;width:100%;max-width:none;margin:0;
    border-radius:36px 36px 0 0;border-bottom:1px solid rgba(255,30,60,.35);
  }
  .vt-portal #wrapper{
    flex:1 1 auto;min-height:0!important;overflow:auto;width:100%!important;max-width:none!important;
    box-shadow:none;-webkit-overflow-scrolling:touch;
  }
  .vt-ft{padding:18px 0 20px!important}
  .tn-tab{
    position:relative!important;left:auto!important;transform:none!important;
    width:100%!important;max-width:none!important;flex:0 0 auto;
    border-radius:0 0 36px 36px;border-top:1px solid rgba(255,30,60,.28);
  }
  .vt-portal{padding-bottom:0}
  .vt-drawer{
    position:absolute;inset:0;width:100%;height:100%;
  }
  .vt-drawer-in{width:100%;max-width:none;border-radius:0 0 36px 0}
  .vt-age{backdrop-filter:blur(10px)}
  .vt-age-box{box-shadow:0 0 60px rgba(255,30,60,.45)}
  body.vt-map .nm-app{height:100%;width:100%!important;max-width:none!important}
  .vt-hero-bg{border-radius:0}
}

/* map: pin app between header and tabs so the bottom list has real height */
body.vt-map,
body.vt-map.vt-portal{
  height:100dvh!important;max-height:100dvh!important;
  overflow:hidden!important;padding:0!important;
}
body.vt-map .vt-phone{
  height:100dvh!important;min-height:0!important;max-height:100dvh!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
body.vt-map #wrapper,
body.vt-map #container_wr,
body.vt-map #container_wr.how-wrap,
body.vt-map #container_wr > .row,
body.vt-map #container,
body.vt-map main{
  display:block!important;
  max-width:none!important;width:100%!important;
  margin:0!important;padding:0!important;overflow:visible!important;float:none!important;
  min-height:0!important;
}
body.vt-map .nm-app{
  position:fixed!important;
  left:50%!important;transform:translateX(-50%);
  top:calc(52px + env(safe-area-inset-top,0px))!important;
  bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;
  height:auto!important;min-height:280px!important;
  width:100%!important;max-width:390px!important;
  margin:0!important;z-index:8!important;
}
body.vt-map .nm-sheet{
  height:48%!important;max-height:48%!important;z-index:20!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
body.vt-map .nm-sheet.open{height:76%!important;max-height:76%!important}
body.vt-map .nm-gps{bottom:calc(48% + 10px)!important;z-index:21}
body.vt-map .nm-app:has(.nm-sheet.open) .nm-gps{bottom:calc(76% + 10px)!important}
body.vt-map .leaflet-bottom{bottom:50%!important}
body.vt-map .nm-sheet-h{
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.vt-map #nm_list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}
body.vt-map .nm-app .sl-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 52px!important;
  height:70px!important;max-height:70px!important;min-height:70px!important;
  overflow:hidden!important;margin:0 0 8px!important;align-items:center!important;
}
body.vt-map .nm-app .sl-pic{
  width:64px!important;height:70px!important;min-height:70px!important;max-height:70px!important;
  overflow:hidden!important;
}
body.vt-map .nm-app .sl-pic img{
  width:64px!important;height:70px!important;
  min-height:70px!important;max-height:70px!important;
  object-fit:cover!important;object-position:top center!important;
}
body.vt-map .nm-app .sl-body{min-width:0!important;padding:8px 8px 8px 10px!important}
body.vt-map .nm-app .sl-body h3,
body.vt-map .nm-app .sl-loc{
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 2px!important;
}
body.vt-map .nm-app .sl-body h3 small{color:#ffd24a;font-size:12px;font-weight:800;flex:0 0 auto}
body.vt-map .nm-app .sl-tags,
body.vt-map .nm-app .sl-meta{display:none!important}
body.vt-map .nm-app .sl-score{
  display:flex!important;visibility:visible!important;opacity:1!important;
  min-width:48px!important;
}
body.vt-map .nm-app .sl-ours-card .sl-score,
body.vt-map .nm-app .sl-ours-card .sl-score b{color:#ffd24a!important}
body.vt-map .nm-app .sl-score b{font-size:20px!important;line-height:1!important}

@media (min-width:720px){
  body.vt-map.vt-portal{padding:36px 0 40px!important;height:auto!important;max-height:none!important;overflow:auto!important}
  body.vt-map .vt-phone{
    height:calc(100vh - 76px)!important;max-height:calc(100vh - 76px)!important;
    position:relative!important;
  }
  body.vt-map #wrapper,
  body.vt-map #container_wr,
  body.vt-map #container_wr.how-wrap,
  body.vt-map #container_wr > .row,
  body.vt-map #container,
  body.vt-map main{
    display:flex!important;flex-direction:column!important;
    flex:1 1 auto!important;min-height:0!important;height:100%!important;
    overflow:hidden!important;
  }
  body.vt-map .nm-app{
    position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;flex:1 1 auto!important;
    height:100%!important;min-height:0!important;
    max-width:none!important;width:100%!important;z-index:1!important;
  }
}

/* home magazine + board + map */
.hm-search{padding:18px 0 8px}
.hm-search h1{margin:0 0 12px;font-family:"Cormorant Garamond",Georgia,serif;font-size:32px;line-height:1.15}
.hm-search h1 i{color:var(--vt-gold);font-style:italic}
.hm-mag,.hm-mapwrap,.hm-board,.hm-partners{padding:8px 0 22px}
.hm-lead{display:block;background:#141414;border:1px solid #242424;border-radius:16px;overflow:hidden;margin:0 0 12px;color:#eee!important}
.hm-lead img{width:100%;height:auto;max-height:220px;object-fit:cover;display:block;background:#000}
.hm-lead div{padding:14px}
.hm-lead em{color:var(--vt-gold);font-size:11px;font-weight:800;letter-spacing:.14em;font-style:normal}
.hm-lead h3{margin:6px 0 8px;font-size:20px;line-height:1.35}
.hm-lead p{margin:0 0 8px;color:#aaa;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hm-lead span{color:#888;font-size:12px}
.hm-mag-grid{display:flex;flex-direction:column;gap:10px}
.hm-mag-card{display:grid;grid-template-columns:108px 1fr;gap:10px;background:#141414;border:1px solid #242424;border-radius:14px;overflow:hidden;color:#eee!important}
.hm-mag-card img{width:108px;height:108px;object-fit:cover;background:#000}
.hm-mag-card div{padding:10px 10px 10px 0;min-width:0}
.hm-mag-card em{color:var(--vt-gold);font-size:11px;font-weight:800;font-style:normal}
.hm-mag-card h3{margin:4px 0 6px;font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-mag-card p{margin:0;color:#aaa;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-map{height:220px;border-radius:14px;overflow:hidden;margin:0 0 12px;border:1px solid #242424}
.hm-map .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) saturate(.6)}
.hm-map-cards .sl-card{margin-bottom:8px}
.hm-feed{display:flex;flex-direction:column;gap:8px}
.hm-feed-item{display:grid;grid-template-columns:86px 1fr;gap:10px;background:#141414;border:1px solid #242424;border-radius:14px;overflow:hidden;color:#eee!important;align-items:stretch}
.hm-feed-item .pic{display:block;background:#000}
.hm-feed-item img{width:86px;height:86px;object-fit:cover;display:block}
.hm-feed-item .body{padding:8px 10px 8px 0;min-width:0;display:flex;flex-direction:column;justify-content:center}
.hm-feed-item b{color:var(--vt-gold);font-size:11px;font-weight:800}
.hm-feed-item strong{display:block;margin:3px 0 4px;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-feed-item em{color:#999;font-size:12px;font-style:normal;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hm-shop{background:#141414;border:1px solid #e8356d55;border-radius:16px;overflow:hidden;margin:0 0 14px}
.hm-shop-pics{display:flex;gap:3px;background:#000;overflow:hidden}
.hm-shop-pics img{width:25%;height:118px;object-fit:cover;object-position:top}
.hm-shop-body{padding:12px}
.hm-shop-tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}
.hm-shop-tags span{font-size:11px;color:var(--vt-gold2);background:#1a1a1a;border-radius:4px;padding:2px 6px}
.hm-shop-tags .hm-star{color:#ffd24a;font-weight:900;background:#2a2208}
.hm-shop-body h3{margin:0 0 8px;font-size:20px}
.hm-shop-body h3 small{display:block;color:#888;font-size:11px;letter-spacing:.08em;margin-top:2px}
.hm-shop-intro{margin:0 0 8px;color:#ccc;font-size:13px;line-height:1.65}
.hm-shop-meta{margin:0 0 10px;color:#888;font-size:12px}
#article .mag-kicker,#bo_v_con .mag-kicker{color:var(--vt-gold);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 10px}
#article .mag-deck,#bo_v_con .mag-deck{font-size:16px;font-weight:700;line-height:1.55;color:#eee;margin:0 0 16px}
#bo_v_con .mag-hero,#bo_v_con .mag-spread{margin:14px 0}
#bo_v_con .mag-hero img{width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important;border-radius:12px;display:block;background:#000}
#bo_v_con .mag-spread{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}
#bo_v_con .mag-spread img{width:100%!important;height:132px!important;object-fit:cover!important;border-radius:10px;background:#000}
#bo_v_con .vt-src{color:#888;font-size:12px;line-height:1.5;border-top:1px solid #222;padding-top:12px;margin-top:20px}
#bo_v_con p{margin:0 0 14px;line-height:1.8;color:#ddd}
.hm-shop .vt-chans{display:flex;flex-wrap:wrap;gap:6px}
.hm-shop .vt-chans a{flex:1 1 calc(33% - 6px);min-width:72px;text-align:center;height:36px;line-height:36px;border-radius:8px;font-size:12px;font-weight:800}

/* comments on article */
#captcha, fieldset#captcha, .m_captcha, #captcha_img, #captcha_audio, #captcha_key, #captcha_reload, .captcha_box,
.cmt_btn, .pf_img, .bo_vl_opt, #bo_vc .sound_only {display:none!important}
.vt-cmt, #bo_vc.vt-cmt, #bo_vc{display:block!important;margin:22px 0 8px;color:#eee}
.vt-cmt h2, #bo_vc h2{font-size:16px;margin:0 0 12px;color:#fff;font-weight:800}
.vt-cmt-item, #bo_vc article.vt-cmt-item, #bo_vc article{
  background:#141414!important;border:1px solid #242424!important;border-radius:12px!important;
  padding:12px!important;margin:0 0 8px!important;color:#eee!important;display:block!important
}
.vt-cmt-item header{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;align-items:baseline}
.vt-cmt-item header b, #bo_vc article b, #bo_vc article .sv_member, #bo_vc article .sv_guest{color:#fff!important}
.vt-cmt-item time, .vt-cmt-item header time, #bo_vc .bo_vc_hdinfo{color:#888;font-size:12px}
.vt-cmt-body, #bo_vc .cmt_contents, #bo_vc .cm_wrap{color:#ddd;font-size:14px;line-height:1.65;background:transparent!important}
.vt-cmt-empty, #bo_vc_empty{color:#888;text-align:center;padding:18px 8px}
.vt-cmt-act a{color:var(--vt-gold2)!important;font-size:12px;margin-right:10px}
.vt-cmt-write, #bo_vc_w, aside#bo_vc_w{
  background:#141414!important;border:1px solid #242424!important;border-radius:14px!important;
  padding:14px!important;margin:12px 0 28px!important;color:#eee!important
}
.vt-cmt-write h2, #bo_vc_w h2{font-size:15px;margin:0 0 10px;color:#fff}
.vt-cmt-write textarea, #bo_vc_w textarea, #wr_content{
  width:100%!important;min-height:92px!important;background:#0d0d0d!important;color:#eee!important;
  border:1px solid #333!important;border-radius:10px!important;padding:10px!important;box-shadow:none!important
}
.vt-cmt-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.vt-cmt-bar input, #bo_vc_w .frm_input{
  flex:1 1 100px;min-width:0;height:40px!important;background:#0d0d0d!important;color:#eee!important;
  border:1px solid #333!important;border-radius:8px!important;padding:0 10px!important
}
.vt-cmt-bar .btn_submit, #bo_vc_w .btn_submit, #btn_submit{
  flex:0 0 auto;height:40px!important;padding:0 18px!important;background:var(--vt-gold)!important;color:#fff!important;
  border:0!important;border-radius:8px!important;font-weight:800!important
}
.vt-cmt-secret{color:#aaa;font-size:12px;white-space:nowrap}
.bo_vc_w_wr, .bo_vc_w_info{background:transparent!important;color:#eee!important}
.vt-vids{grid-template-columns:1fr 1fr!important}
.vt-vids .stage{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden}
.vt-vids .stage video,.vt-vids .stage img.thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111}
.vt-vids .stage img.thumb{z-index:1}
.vt-vids .playbtn{z-index:2}
.vt-portal #related_post,.vt-portal .side_widget{background:transparent!important;margin:18px 0 40px}
.vt-portal .side_headline,.vt-portal .side_headline a{color:#fff!important;font-size:16px;font-weight:800}
.vt-portal .styled_post_list1{border:0!important;background:transparent!important}
.vt-portal .styled_post_list1 li{border:1px solid #242424!important;background:#141414!important;border-radius:12px;margin:0 0 8px;padding:0!important}
.vt-portal .styled_post_list1 li a{color:#eee!important;display:grid!important;grid-template-columns:72px 1fr;gap:10px;padding:8px;align-items:center}
.vt-portal .styled_post_list1 .image{width:72px!important;background:#000!important}
.vt-portal .styled_post_list1 .image img{width:72px!important;height:72px!important;object-fit:cover!important}
.vt-portal .styled_post_list1 .title{color:#eee!important}
.vt-portal .styled_post_list1 .date{color:#888!important}
.vt-portal #previous_next_post{border:1px solid #242424!important;border-radius:12px;overflow:hidden;background:#141414}
.vt-portal #previous_next_post a{color:#eee!important}
.vt-portal #previous_next_post span{color:var(--vt-gold)!important}

/* nexon gothic + mobile one-column + original-ratio managers + motion */
html,body.how-body.vt-portal,.vt-portal,.vt-portal button,.vt-portal input,.vt-portal textarea,.vt-portal select{
  font-family:"NexonLv1Gothic","Noto Sans KR",sans-serif!important;
  letter-spacing:-.02em;
}
.vt-h2,.hm-search h1,.vt-logo b,.vt-hero h1,.vt-portal #post_title,.vt-portal #archive_headline,.vt-age-box strong{
  font-family:"NexonLv1Gothic","Noto Sans KR",sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.03em;
}
.hm-search h1{font-size:28px!important;line-height:1.25!important;text-align:left}
.vt-h2{font-size:22px!important;line-height:1.3!important;text-align:left}
.vt-lead{text-align:left;margin:0 0 14px}
.vt-wrap,.tn-page,.hm-search .vt-wrap,.hm-mag .vt-wrap,.hm-mapwrap .vt-wrap,.hm-board .vt-wrap,.hm-partners .vt-wrap{
  width:100%!important;max-width:390px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:14px!important;padding-right:14px!important;box-sizing:border-box;
}
.vt-pops{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.vt-pops a{white-space:nowrap}
.hm-mag-card,.hm-feed-item,.sl-card,.hm-lead,.hm-shop{width:100%;box-sizing:border-box}

@keyframes vtUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes vtGlow{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes vtPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,30,60,.45)}50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,30,60,0)}}
.vt-anim{animation:vtUp .55s ease both}
.vt-kicker{animation:vtGlow 2.6s ease-in-out infinite}
.vt-vids .playbtn{animation:vtPulse 1.8s ease-in-out infinite}
.hm-shop,.hm-feed-item,.hm-mag-card,.sl-card,.hm-lead{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
.hm-shop:active,.hm-feed-item:active,.sl-card:active,.hm-mag-card:active{transform:scale(.985)}

/* manager photos: original ratio, never crop */
.hm-shop-pics{
  display:flex!important;flex-wrap:nowrap!important;gap:4px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  background:#000!important;align-items:flex-end!important;
  -webkit-overflow-scrolling:touch;
}
.hm-shop-pics img{
  width:auto!important;height:168px!important;max-width:none!important;
  object-fit:contain!important;object-position:top center!important;
  flex:0 0 auto!important;background:#000
}
.sl-pic{
  background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;min-height:0!important;max-height:none!important
}
.sl-pic img,.sl-ours-card .sl-pic img,.sl-kb-card .sl-pic img{
  width:auto!important;height:auto!important;max-width:100%!important;max-height:148px!important;
  min-height:0!important;object-fit:contain!important;object-position:top center!important
}
body.vt-map .nm-app .sl-pic{
  width:72px!important;height:72px!important;max-height:72px!important;min-height:72px!important
}
body.vt-map .nm-app .sl-pic img{
  width:auto!important;height:auto!important;max-width:72px!important;max-height:72px!important;
  object-fit:contain!important;object-position:top center!important
}
.tn-staff{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.tn-staff img{
  width:auto!important;height:140px!important;max-width:100%!important;
  aspect-ratio:auto!important;object-fit:contain!important;background:#000!important
}
.tn-gal-grid .hero{
  width:100%!important;height:auto!important;max-height:72vh!important;
  object-fit:contain!important;object-position:top center!important;background:#000
}
.tn-gal-grid .thumbs img{
  height:108px!important;width:auto!important;max-width:none!important;
  object-fit:contain!important;background:#000
}
.vt-girls a{aspect-ratio:auto!important;background:#000}
.vt-girls img{width:100%!important;height:auto!important;object-fit:contain!important;background:#000}
.vt-shop img,.vt-shop > a.pic img{
  width:auto!important;max-width:100%!important;height:auto!important;
  object-fit:contain!important;object-position:top center!important;background:#000
}

/* board + pc polish */
.vt-portal #container_wr.how-wrap{padding:0!important;max-width:none!important}
.vt-portal .row{margin-left:0!important;margin-right:0!important;width:100%!important}
.vt-portal .row>[class*="col"],.vt-portal #container,.vt-portal main{padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;float:none!important}
.vt-portal #bo_list,.vt-portal #article{padding:8px 14px 28px!important;max-width:100%;box-sizing:border-box}
.vt-portal #breadcrumb{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 14px 0!important;font-size:12px;color:#888}
.vt-portal .how-pagehead{padding:6px 0 4px!important;text-align:left!important}
.vt-portal #archive_headline{font-family:"NexonLv1Gothic",sans-serif!important;font-size:24px!important;font-weight:700!important;color:#fff!important;line-height:1.3}
.vt-portal #archive_desc{color:#8a8a8a!important;font-size:13px;margin:6px 0 0}
.vt-board-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 14px}
.vt-board-bar span{color:#888;font-size:13px}
.vt-board-bar div{display:flex;gap:6px}
.vt-board-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:8px;border:1px solid #333;background:#1a1a1a;color:#eee!important;font-size:12px;font-weight:700;cursor:pointer}
.vt-board-btn.on{background:var(--vt-gold);border-color:var(--vt-gold);color:#fff!important}
.vt-portal .how-feed-item{background:#141414!important;border:1px solid #242424!important;border-radius:14px!important;margin:0 0 12px!important;overflow:hidden}
.vt-portal .how-feed-item .image{width:100%!important;background:#000!important;display:flex!important;align-items:center;justify-content:center}
.vt-portal .how-feed-item .image img{width:100%!important;height:auto!important;max-height:260px!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important;background:#000}
.vt-portal .how-feed-item .info{padding:12px 14px 14px}
.vt-portal .how-feed-item .title,.vt-portal .how-feed-item .title a{color:#fff!important;font-family:"NexonLv1Gothic",sans-serif!important;font-size:17px;font-weight:700;line-height:1.4}
.vt-portal .how-feed-item .excerpt{color:#9a9a9a!important;font-size:13px;line-height:1.55;margin:6px 0 0}
.vt-portal .how-feed-item .meta{margin:0 0 6px;padding:0;list-style:none}
.vt-portal .how-feed-item .meta .cat span{background:var(--vt-gold);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}
.vt-portal .how-feed-item .meta .date{color:#888;display:block;margin-top:6px;font-size:12px}
.nt-thumb-ph{display:flex;align-items:center;justify-content:center;min-height:88px;background:#111;color:#444;font-size:12px;letter-spacing:.14em}
.vt-portal .page_navi{margin:16px 0 8px}
.vt-portal .page_navi a,.vt-portal .page_navi strong{background:#1a1a1a!important;color:#ddd!important;border-radius:8px;min-width:36px;line-height:36px}
.vt-portal .page_navi strong{background:var(--vt-gold)!important;color:#fff!important}
.bo_sch_wrap .bo_sch{background:#161616!important;border:1px solid #333!important;color:#eee}
.bo_sch_wrap .bo_sch h3{color:#fff!important}
.vt-sch-sel,.vt-sch-input,.bo_sch .form-select,.bo_sch .form-control{
  width:100%;background:#0d0d0d!important;color:#eee!important;border:1px solid #333!important;border-radius:8px;height:40px;margin:0 0 8px;padding:0 10px
}
.vt-sch-row{display:flex;gap:8px}
.vt-sch-row .vt-sch-input{flex:1;margin:0}
#bo_v_con img,.post_content img,#bo_v_con .mag-hero img,.mag-hero img{
  width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;background:#000;border-radius:12px
}
.vt-portal #post_title{font-family:"NexonLv1Gothic",sans-serif!important;font-size:22px!important;line-height:1.35!important;font-weight:700!important;color:#fff!important}
.vt-portal #post_date{color:#888;font-size:12px;margin:8px 0 16px}
.vt-portal #article_header .meta .cat a,.vt-portal #article_header .cat a{background:var(--vt-gold);color:#fff!important;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}
#bo_w{background:#141414!important;border:1px solid #242424!important;border-radius:14px;padding:16px;margin:12px;color:#eee}
#bo_w h1,.nt-pagehead h1{color:#fff;font-size:20px;font-family:"NexonLv1Gothic",sans-serif}
#bo_w .frm_input,#bo_w textarea,#wr_subject,#bo_w select{
  background:#0d0d0d!important;color:#eee!important;border:1px solid #333!important;border-radius:8px;width:100%
}
.tn-hero-shop .row{align-items:flex-end;background:#000}
.tn-hero-shop .row img{width:auto!important;height:120px!important;object-fit:contain!important;background:#000;flex:0 0 auto}
.bt-hero{display:grid!important;grid-template-columns:28px 56px 1fr;gap:10px;align-items:center;background:#141414;border:1px solid #242424;border-radius:12px;padding:10px;margin:0 0 8px;color:#eee!important}
.bt-hero img{width:56px!important;height:56px!important;object-fit:contain!important;background:#000;border-radius:8px}
.vt-rank ol{list-style:none;margin:0;padding:0}
.vt-rank li{display:grid;grid-template-columns:28px 48px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #1f1f1f}
.vt-rank img{width:48px!important;height:48px!important;object-fit:contain!important;background:#000;border-radius:8px}
@media (min-width:720px){
  .vt-portal #wrapper{max-width:none!important}
  .vt-phone .vt-wrap,.vt-phone #bo_list,.vt-phone #article,.vt-phone .tn-page{max-width:100%!important}
  #bo_v_con img,.mag-hero img{max-height:none!important}
}

/* ========== UI polish: board / write / login / search / how.css leaks ========== */
.vt-portal, .vt-portal #wrapper, .vt-portal #container_wr, .vt-portal #container, .vt-portal main {
  background:#000!important; color:#eee!important;
}
.vt-portal #container_wr.how-wrap { padding:0!important; max-width:none!important; }
.vt-portal .row { --bs-gutter-x:0!important; margin:0!important; width:100%!important; display:block!important; }
.vt-portal .row > [class*="col"],
.vt-portal #container,
.vt-portal main {
  padding-left:0!important; padding-right:0!important;
  width:100%!important; max-width:100%!important; float:none!important; flex:none!important;
}

.vt-portal #bo_list,
.vt-portal #article,
.vt-portal .vt-write,
.vt-portal #bo_w {
  padding:4px 14px 32px!important;
  max-width:100%;
  box-sizing:border-box;
}
.vt-portal #breadcrumb {
  display:block!important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  height:auto!important; line-height:1.45!important;
  padding:10px 14px 0!important; margin:0!important;
  border:0!important; background:transparent!important;
  font-size:12px; color:#888;
}
.vt-portal #breadcrumb a { color:#aaa!important; }
.vt-portal #breadcrumb span { color:var(--vt-gold)!important; }
.vt-portal .how-pagehead { padding:8px 0 2px!important; text-align:left!important; margin:0!important; }
.vt-portal #archive_headline,
.vt-portal #post_title,
.vt-write h1, #bo_w h1 {
  font-family:"NexonLv1Gothic",sans-serif!important;
  font-size:22px!important; font-weight:700!important;
  color:#fff!important; line-height:1.35!important; letter-spacing:-.03em;
}
.vt-portal #archive_desc { color:#8a8a8a!important; font-size:13px; margin:6px 0 0; }

.vt-board-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 0 14px; }
.vt-board-bar span { color:#888; font-size:13px; }
.vt-board-bar div { display:flex; gap:6px; }
a.vt-board-btn, button.vt-board-btn, .vt-board-btn {
  display:inline-flex!important; align-items:center; justify-content:center;
  height:32px; padding:0 12px; border-radius:8px;
  border:1px solid #333!important; background:#1a1a1a!important;
  color:#eee!important; font-size:12px; font-weight:700; cursor:pointer;
  text-decoration:none!important;
}
a.vt-board-btn.on, button.vt-board-btn.on, .vt-board-btn.on {
  background:var(--vt-gold)!important; border-color:var(--vt-gold)!important; color:#fff!important;
}

.vt-portal .how-chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.vt-portal .how-chips a, .vt-portal .how-chips .btn {
  display:inline-flex!important; align-items:center; height:30px; padding:0 10px;
  border-radius:999px; border:1px solid #333!important; background:#1a1a1a!important;
  color:#ddd!important; font-size:12px; font-weight:700;
}
.vt-portal .how-chips a.on, .vt-portal .how-chips .btn.active {
  background:var(--vt-gold)!important; border-color:var(--vt-gold)!important; color:#fff!important;
}

.vt-portal .how-feed-item {
  display:block!important; background:#141414!important;
  border:1px solid #242424!important; border-radius:14px!important;
  margin:0 0 12px!important; padding:0!important; overflow:hidden;
}
.vt-portal .how-feed-item .image {
  width:100%!important; display:flex!important; align-items:center; justify-content:center;
  background:#000!important;
}
.vt-portal .how-feed-item .image img {
  width:100%!important; height:auto!important; max-height:220px!important;
  aspect-ratio:auto!important; object-fit:contain!important; object-position:center top!important;
  background:#000;
}
.vt-portal .how-feed-item .info { padding:12px 14px 14px; }
.vt-portal .how-feed-item .title,
.vt-portal .how-feed-item .title a {
  color:#fff!important; font-family:"NexonLv1Gothic",sans-serif!important;
  font-size:16px; font-weight:700; line-height:1.4;
}
.vt-portal .how-feed-item .excerpt { color:#9a9a9a!important; font-size:13px; line-height:1.55; margin:6px 0 0; }
.vt-portal .how-feed-item .meta { margin:0 0 6px; padding:0; list-style:none; }
.vt-portal .how-feed-item .meta .cat span {
  background:var(--vt-gold); color:#fff; border-radius:10px; padding:2px 8px; font-size:11px; font-weight:800;
}
.vt-portal .how-feed-item .meta .date { color:#888; display:block; margin-top:6px; font-size:12px; }
.nt-thumb-ph { display:none!important; }

.vt-portal .page_navi, .vt-portal .pg_wrap { margin:16px 0 8px; text-align:center; }
.vt-portal .page_navi a, .vt-portal .page_navi strong,
.vt-portal .pg_page, .vt-portal .pg_current, .vt-portal .pg_start, .vt-portal .pg_end {
  display:inline-flex!important; align-items:center; justify-content:center;
  min-width:36px; height:36px; border-radius:8px; margin:0 2px;
  background:#1a1a1a!important; color:#ddd!important;
}
.vt-portal .page_navi strong, .vt-portal .pg_current {
  background:var(--vt-gold)!important; color:#fff!important;
}

.bo_sch_wrap { z-index:20000!important; }
.bo_sch_wrap .bo_sch {
  background:#161616!important; border:1px solid #333!important; color:#eee;
  border-radius:16px; padding:18px; max-width:min(420px, calc(100% - 28px));
}
.bo_sch_wrap .bo_sch h3 { color:#fff!important; margin:0 0 12px; }
.vt-sch-sel, .vt-sch-input, .bo_sch .form-select, .bo_sch .form-control, .bo_sch select, .bo_sch input[type=text] {
  width:100%; background:#0d0d0d!important; color:#eee!important;
  border:1px solid #333!important; border-radius:8px; height:40px; margin:0 0 8px; padding:0 10px;
}
.vt-sch-row { display:flex; gap:8px; }
.vt-sch-row .vt-sch-input { flex:1; margin:0; }

.vt-view-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; }
.vt-view-top .meta { margin:0; padding:0; list-style:none; }
.vt-share { margin:0; }
.vt-share button {
  height:32px; padding:0 12px; border-radius:16px;
  border:1px solid #333; background:#151515; color:#eee; font-size:12px; font-weight:700;
}
.vt-portal #article { background:transparent!important; border:0!important; border-radius:0!important; }
.vt-portal #article_header { background:transparent!important; border:0!important; padding:8px 0 12px!important; }
.vt-portal #article_header .cat a {
  background:var(--vt-gold); color:#fff!important; border-radius:10px; padding:2px 8px; font-size:11px; font-weight:800;
}
.vt-portal #post_date { color:#888; font-size:12px; margin:8px 0 16px; }
.vt-portal .nt-toolbar a { color:var(--vt-gold)!important; margin-right:10px; font-size:13px; font-weight:700; }

#bo_v_atc, #bo_v_con, #bo_v_con .mag-hero, #bo_v_con .mag-spread, #bo_v_con p, #bo_v_con a.view_image, #post_image {
  display:block!important; height:auto!important; max-height:none!important;
  overflow:visible!important; flex:none!important; min-height:0!important;
}
#bo_v_con .mag-spread { display:grid!important; grid-template-columns:1fr 1fr; gap:6px; }
#bo_v_con img,
#bo_v_con .mag-hero img,
#bo_v_con .mag-spread img,
.post_content img,
#post_image img,
.mag-hero img {
  width:100%!important; max-width:100%!important;
  height:auto!important; max-height:none!important; min-height:0!important;
  object-fit:contain!important; object-position:center top!important;
  display:block!important; background:#000; border-radius:12px; margin:0 0 8px;
}
#bo_v_con .mag-kicker { color:var(--vt-gold); font-size:11px; font-weight:800; letter-spacing:.16em; margin:0 0 10px; }
#bo_v_con .mag-deck { font-size:16px; font-weight:700; line-height:1.55; color:#eee; margin:0 0 16px; }
#bo_v_con p { margin:0 0 14px; line-height:1.8; color:#ddd; }
#bo_v_con .vt-src { color:#888; font-size:12px; line-height:1.5; border-top:1px solid #222; padding-top:12px; margin-top:20px; }

.vt-portal .nt-cta {
  background:#141414!important; border:1px solid #242424!important; border-radius:14px;
  padding:16px; margin:20px 0; color:#ddd;
}
.vt-portal .nt-cta a {
  display:inline-flex!important; align-items:center; height:36px; padding:0 14px; margin-top:8px;
  border-radius:8px; background:var(--vt-gold); color:#fff!important; font-weight:800; font-size:13px;
}
.vt-portal #previous_next_post {
  display:flex; border:1px solid #242424!important; border-radius:12px; overflow:hidden; background:#141414; margin:16px 0;
}
.vt-portal #previous_next_post a { color:#eee!important; flex:1; padding:14px; min-height:0; }
.vt-portal #previous_next_post a + a { border-left:1px solid #242424; }
.vt-portal #previous_next_post span { color:var(--vt-gold)!important; }

@media (min-width:720px) {
  .vt-phone #bo_v_con,
  .vt-phone #bo_v_atc,
  .vt-phone #article,
  .vt-phone .mag-hero,
  .vt-phone .mag-spread {
    height:auto!important; max-height:none!important; overflow:visible!important; display:block!important;
  }
  .vt-phone #bo_v_con .mag-spread { display:grid!important; }
  .vt-phone #bo_v_con img,
  .vt-phone .mag-hero img {
    width:100%!important; height:auto!important; max-height:none!important;
    object-fit:contain!important; flex:none!important;
  }
}

/* write */
#bo_w, .vt-write {
  background:#141414!important; border:1px solid #242424!important; border-radius:14px;
  padding:16px!important; margin:12px 14px 28px!important; color:#eee;
}
#bo_w .write_div { margin:0 0 10px; }
#bo_w .bo_w_info {
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
}
#bo_w .frm_input, #bo_w textarea, #wr_subject, #bo_w select, #bo_w .full_input {
  background:#0d0d0d!important; color:#eee!important; border:1px solid #333!important;
  border-radius:8px; width:100%!important; height:42px; padding:0 10px; box-shadow:none!important;
}
#bo_w textarea, #bo_w .wr_content textarea {
  height:180px; padding:10px; line-height:1.6;
}
#bo_w .btn_confirm { display:flex; gap:8px; margin-top:16px; }
#bo_w .btn_submit, #bo_w .btn_cancel, #bo_w .btn {
  display:inline-flex!important; align-items:center; justify-content:center;
  flex:1; height:44px; border-radius:10px; font-weight:800; border:0;
}
#bo_w .btn_submit { background:var(--vt-gold)!important; color:#fff!important; }
#bo_w .btn_cancel { background:#1a1a1a!important; color:#eee!important; border:1px solid #333!important; }
#bo_w .bo_v_option, #bo_w .chk_box { color:#ccc; }
#captcha, #bo_w #captcha, #bo_w .write_div:has(#captcha) { filter:none; }
#bo_w #captcha { background:#111; color:#eee; border-radius:10px; padding:10px; }

/* how.css hid login/write — restore member surfaces */
.vt-portal #mb_login,
.vt-portal #ol_before,
.vt-portal #ol_after,
.vt-portal #fregister,
.vt-portal #fregisterform,
.vt-portal .mbskin,
.vt-portal #password_lost,
.vt-portal #find_info {
  display:block!important;
}
.vt-portal a[href*="login.php"],
.vt-portal a[href*="register.php"],
.vt-portal a[href*="write.php"],
.vt-portal a[title="글쓰기"] {
  display:inline-flex!important;
}
.vt-portal .vt-drawer-auth a { display:flex!important; }

#mb_login, .mbskin, #fregister, #fregisterform, #find_info, .new_win {
  background:#141414!important; color:#eee!important;
  border:1px solid #242424!important; border-radius:16px;
  padding:22px 16px!important; margin:16px 14px 32px!important; max-width:none!important;
}
#mb_login h1, #mb_login h2, #fregister h2, .mbskin h1, .mbskin h2 { color:#fff!important; font-size:20px; margin:0 0 14px; }
.mb_log_cate { display:flex; justify-content:space-between; align-items:center; margin:0 0 14px; }
#mb_login a, #fregister a, .mbskin a, #find_info a { color:var(--vt-gold)!important; display:inline!important; }
#login_fs { border:0!important; padding:0; margin:0; }
#login_id, #login_pw, #mb_login .frm_input, #fregister .frm_input, #fregisterform input[type=text],
#fregisterform input[type=password], #fregisterform input[type=email], #find_info .frm_input {
  width:100%!important; height:44px; background:#0d0d0d!important; color:#eee!important;
  border:1px solid #333!important; border-radius:8px; margin:0 0 8px; padding:0 10px;
}
#mb_login .btn_submit, #fregister .btn_submit, #fregisterform .btn_submit, #find_info .btn_submit {
  width:100%; height:44px; background:var(--vt-gold)!important; color:#fff!important;
  border:0!important; border-radius:10px; font-weight:800;
}
#login_info { display:flex; justify-content:space-between; gap:8px; margin-top:10px; color:#aaa; font-size:13px; }
.chk_box, .login_if_auto { color:#ccc; }
.mbskin_box { background:transparent!important; border:0!important; }

/* search */
#sch_res_detail, #sch_res_ov, #sch_res_list, .sch_res_list {
  background:#141414!important; border:1px solid #242424!important; color:#eee!important;
  border-radius:14px; padding:14px; margin:10px 14px;
}
#sch_res_detail legend { color:#fff; }
#sch_res_detail select, #sch_res_detail input, #sch_res_detail .frm_input {
  background:#0d0d0d!important; color:#eee!important; border:1px solid #333!important;
  border-radius:8px; height:40px; padding:0 10px;
}
#sch_res_detail .btn_submit, .sch_wr button {
  height:40px; padding:0 14px; background:var(--vt-gold)!important; color:#fff!important;
  border:0!important; border-radius:8px; font-weight:800;
}
.sch_res_board { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0 14px; margin:0 0 8px; }
.sch_res_board a {
  display:inline-flex!important; align-items:center; gap:4px; height:30px; padding:0 10px;
  border-radius:999px; background:#1a1a1a; border:1px solid #333; color:#ddd!important; font-size:12px;
}
.sch_res_board a.sch_on { background:var(--vt-gold); border-color:var(--vt-gold); color:#fff!important; }
.sch_res_list li, #sch_res_list li {
  background:#141414!important; border:1px solid #242424!important; border-radius:12px;
  padding:12px!important; margin:0 0 8px!important; color:#eee!important;
}
.sch_res_list a, #sch_res_list a { color:#fff!important; }
.sch_res_list p, #sch_res_list p, .sch_word { color:#aaa; }

.vt-portal .btn, .vt-portal .btn-dark, .vt-portal .btn-outline-dark, .vt-portal .btn-outline-secondary {
  background:#1a1a1a!important; border:1px solid #333!important; color:#eee!important;
  border-radius:8px!important;
}
.vt-portal .btn-primary, .vt-portal .btn-danger {
  background:var(--vt-gold)!important; border-color:var(--vt-gold)!important; color:#fff!important;
}

#hd_login_msg { display:none!important; }

.sl-page .tn-city a { white-space:nowrap; }
.tn-page { padding-bottom:28px!important; }
.vt-more { margin:8px 8px 0 0; }

@media (min-width:720px) {
  .vt-phone .vt-wrap,
  .vt-phone .tn-page,
  .vt-phone #bo_list,
  .vt-phone #article {
    max-width:100%!important; width:100%!important;
  }
}

.sound_only, legend.sound_only, label.sound_only, h2.sound_only,
.visually-hidden, caption.sound_only {
  position:absolute!important; width:1px!important; height:1px!important;
  padding:0!important; margin:-1px!important; overflow:hidden!important;
  clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important;
}
#bo_w .bo_w_info { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
#bo_w h2.sound_only { display:none!important; }
#login_fs legend, #sch_res_detail legend { position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden; }
#mb_login > h1 { display:none!important; }
.mb_log_cate { display:flex; gap:8px; margin:0 0 16px; }
.mb_log_cate h2 {
  flex:1; margin:0!important; height:42px; display:flex; align-items:center; justify-content:center;
  background:var(--vt-gold)!important; color:#fff!important; border-radius:10px; font-size:15px; font-weight:800;
}
.mb_log_cate a.join, #mb_login a.join {
  flex:1; height:42px; display:flex!important; align-items:center; justify-content:center;
  background:#1a1a1a!important; color:#eee!important; border:1px solid #333!important; border-radius:10px;
  font-weight:800;
}
#login_info a { color:var(--vt-gold)!important; }
#sch_res_detail { display:flex; flex-direction:column; gap:8px; }
#sch_res_detail > label { position:absolute!important; left:-9999px; }
.sch_wr { display:flex; gap:8px; width:100%; }
.sch_wr .frm_input { flex:1; margin:0; }
#sch_res_detail select { width:100%; }
.switch_field, .sch_res_detail .chk_box, #sop_and, #sop_or { accent-color:var(--vt-gold); }
.switch_field label, label[for=sop_and], label[for=sop_or] {
  display:inline-flex!important; align-items:center; height:32px; padding:0 12px; margin:0 4px 0 0;
  border-radius:8px; background:#1a1a1a; border:1px solid #333; color:#ddd; position:static!important;
  width:auto!important; height:32px!important; clip:auto!important;
}
input[name=sop]:checked + label { background:var(--vt-gold); color:#fff; border-color:var(--vt-gold); }
#fregister .fregister_agree, #fregisterform .form_01 { background:transparent!important; color:#eee!important; }
#fregisterform .btn_confirm { margin-top:12px; }

#mb_login h1, .mbskin_box > h1 { display:none!important; }
#sch_res_board, ul#sch_res_board, .sch_res_board {
  display:flex!important; flex-wrap:wrap!important; gap:6px;
  list-style:none!important; padding:0 14px 12px!important; margin:0!important;
  background:transparent!important; border:0!important;
}
#sch_res_board li, .sch_res_board li {
  margin:0!important; padding:0!important; border:0!important; background:transparent!important;
  width:auto!important; display:block;
}
#sch_res_board a, .sch_res_board a {
  display:inline-flex!important; align-items:center; gap:4px;
  height:30px; padding:0 10px; border-radius:999px;
  background:#1a1a1a!important; border:1px solid #333!important;
  color:#ddd!important; font-size:12px; font-weight:700;
}
#sch_res_board a.sch_on, .sch_res_board a.sch_on {
  background:var(--vt-gold)!important; border-color:var(--vt-gold)!important; color:#fff!important;
}
.sch_wr { display:flex!important; flex-direction:column; gap:8px; width:100%!important; position:relative!important; }
.sch_wr .frm_input { width:100%!important; padding-right:10px!important; }
.sch_wr button, #sch_res_detail .btn_submit {
  position:static!important; width:100%!important; height:42px!important; margin:0!important;
  background:var(--vt-gold)!important; color:#fff!important; border:0!important; border-radius:10px!important;
}
#sch_res_detail, #sch_res_ov { overflow:hidden; box-sizing:border-box; }
#fregister textarea, #fregisterform textarea, .fregister_agree textarea, #fregister .chk_all,
#fregister .fregister_term {
  background:#0d0d0d!important; color:#bbb!important; border:1px solid #333!important; border-radius:8px;
  width:100%!important; padding:10px; box-sizing:border-box;
}
#fregister table, #fregisterform table { width:100%; font-size:12px; color:#ccc; background:transparent!important; }
#fregister th, #fregister td, #fregisterform th, #fregisterform td {
  border-bottom:1px solid #222; padding:6px 4px; color:#ccc; background:transparent!important;
}
#fregister .btn_confirm .btn, #fregisterform .btn_confirm .btn_submit { width:100%; }

/* hamburger + big home map + types */
.vt-menu-btn{position:relative;z-index:30;pointer-events:auto;touch-action:manipulation}
.vt-drawer[hidden]{display:none!important}
.vt-drawer:not([hidden]){
  display:block!important;position:fixed!important;inset:0!important;
  z-index:50000!important;background:rgba(0,0,0,.55)!important;
}
.vt-drawer-in{z-index:50001;pointer-events:auto}
html.vt-noscroll, body.vt-noscroll, body.vt-noscroll .vt-phone{overflow:hidden!important}
.hm-search{padding:12px 0 6px}
.hm-search h1{font-size:24px!important;margin:0 0 10px}
.hm-map{
  height:252px!important;min-height:252px!important;
  border-radius:16px;overflow:hidden;margin:0 0 10px;border:1px solid #242424;
  cursor:pointer;
}
.hm-mapwrap{padding:4px 0 10px}
.hm-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.hm-type-grid a{
  background:#141414;border:1px solid #242424;border-radius:14px;padding:14px 12px;color:#eee!important
}
.hm-type-grid em{display:block;color:var(--vt-gold);font-size:11px;font-weight:800;font-style:normal;letter-spacing:.12em;margin:0 0 6px}
.hm-type-grid b{font-size:13px;font-weight:700;line-height:1.35}
.hm-types{padding:8px 0 18px}
.hm-shop-pics img{height:176px!important}
@media (min-width:720px){
  .vt-phone .vt-drawer:not([hidden]){position:absolute!important}
}
#bo_w .bo_w_link, #bo_w .bo_w_flie { display:flex; align-items:center; gap:8px; }
#bo_w .bo_w_link label, #bo_w .bo_w_flie label { color:#888; width:24px; flex:0 0 auto; }
#bo_w .btn_confirm { position:sticky; bottom:8px; }