/* 링크모음 — 산길 이정표 테마. 한지 #F4EFE4 · 먹 #2B2B2B · 단청 녹 #2F6B5A · 주홍 #C2502E · 황토 #B9893F */
:root{
  --hanji:#F4EFE4;--paper:#FBF8F1;--line:#DDD3C0;--dot:#CBBFA8;
  --ink:#2B2B2B;--ink2:#46423C;--mute:#6B655B;
  --green:#2F6B5A;--green2:#24584A;--red:#C2502E;--ochre:#B9893F;--blue:#3B5E8C;--gold:#E8C77A;
  --serif:'Gowun Batang',serif;--sans:'IBM Plex Sans KR',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ws-body{margin:0;background:var(--hanji);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.78;word-break:keep-all;overflow-wrap:anywhere}
.ws-body a{color:var(--green);text-decoration:none}
.ws-body a:hover{color:var(--red)}
.ws-body img{max-width:100%;height:auto}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wskip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff!important;padding:8px 14px;z-index:99}
.wskip:focus{left:8px}
:focus-visible{outline:3px solid var(--ochre);outline-offset:2px}

/* 헤더 — 먹색 + 단청 띠 */
.wtop{background:var(--ink);color:var(--hanji)}
.wtop-in{min-height:62px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.wbrand{display:flex;align-items:center;gap:10px;color:var(--hanji)!important}
.wbrand span{font-family:var(--serif);font-weight:700;font-size:23px;letter-spacing:-.3px}
.wbrand img{display:block;height:40px;width:auto}
.wnav{margin-left:auto;display:flex;flex-wrap:wrap;gap:2px 4px;font-size:15px}
.wnav a{color:#E9E2D2!important;padding:6px 10px;border-radius:4px}
.wnav a:hover{background:#3A3833;color:#fff!important}
.wmbtn{display:none;margin-left:auto;background:none;border:1px solid #6B655B;color:var(--hanji);font:inherit;font-size:14px;padding:6px 12px;border-radius:4px;cursor:pointer;min-height:40px}
.wdan{display:flex;height:6px}
.wdan i{flex:1}
.wdan i:nth-child(1){background:var(--green)}
.wdan i:nth-child(2){background:var(--red)}
.wdan i:nth-child(3){background:var(--ochre)}
.wdan i:nth-child(4){background:var(--blue)}
.wdan i:nth-child(5){background:#E9E2D2}

/* 갈림길 표지 */
.wgate{position:relative;padding:46px 0 70px;background:radial-gradient(circle at 18% 20%,#FFFDF7 0,transparent 55%),radial-gradient(circle at 85% 70%,#EFE6D3 0,transparent 50%),var(--hanji);overflow:hidden}
.wgate-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:center}
.wtag{display:inline-block;margin:0 0 10px;padding:2px 10px;border:1px solid var(--red);border-radius:3px;font-size:13px;font-weight:700;color:var(--red);background:#FFF8F2}
.wgate h1{margin:0 0 14px;font-family:var(--serif);font-weight:700;font-size:50px;line-height:1.2;color:var(--ink);letter-spacing:-1px}
.wgate h1 span{display:block;margin-top:6px;font-size:26px;color:var(--green);letter-spacing:-.3px}
.wsub{margin:0 0 20px;max-width:560px;font-size:17px;color:var(--ink2)}
.wsub b{color:var(--ink);font-weight:500}
.wsearch{display:flex;max-width:560px;background:#fff;border:2px solid var(--ink);border-radius:999px;overflow:hidden;box-shadow:0 3px 0 #D7CCB6}
.wsearch input{flex:1;min-width:0;border:0;outline:none;padding:13px 20px;font:inherit;font-size:15px;background:none;color:var(--ink)}
.wsearch button{flex:none;border:0;background:var(--green);color:#fff;font:inherit;font-weight:700;padding:0 26px;cursor:pointer;min-height:48px}
.wsearch button:hover{background:var(--green2)}
.wst-line{margin:14px 0 0;font-size:13px;color:var(--mute)}
.wridge{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px}
.wpost{position:relative;display:flex;flex-direction:column;gap:14px;padding:6px 0 30px}
.wpost .pole{position:absolute;left:50%;top:0;bottom:0;width:12px;margin-left:-6px;background:linear-gradient(90deg,#9C7230,#C79A4E 45%,#9C7230);border-radius:3px}
.wpost .arm{position:relative;z-index:1;display:block;width:86%;margin-left:14%;padding:12px 34px 12px 18px;color:#fff!important;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);box-shadow:0 2px 0 rgba(0,0,0,.15);transition:transform .15s}
.wpost .arm.l{margin-left:0;padding:12px 18px 12px 34px;clip-path:polygon(12% 0,100% 0,100% 100%,12% 100%,0 50%);text-align:right}
.wpost .arm:hover{transform:translateX(3px)}
.wpost .arm.l:hover{transform:translateX(-3px)}
.wpost .arm b{display:block;font-family:var(--serif);font-size:19px;line-height:1.3}
.wpost .arm span{font-size:13px;opacity:.9}
.b-daily .arm,.wpost .arm.b-daily{background:var(--green)}
.wpost .arm.b-sansim{background:var(--red)}
.wpost .arm.b-town{background:var(--blue)}

/* 본문 공통 */
.wmain{padding-bottom:64px}
.wblock{padding-top:52px}
.wfirst{padding-top:34px}
.wsec{margin:0 0 12px;font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.35;color:var(--ink)}
.wsec .kw{color:var(--red)}
.wlead{margin:10px 0 18px;color:var(--ink2)}
.whead2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}
.whead2 .wsec{margin:0}
.wmore{margin-left:auto;font-size:14px;font-weight:700;color:var(--red)!important}
.wmore::after,.wgo::after{content:" ›"}
.wmini{font-size:13px;color:var(--mute)}
.wempty{color:var(--mute)}
.wnohit{margin:24px 0 0;padding:14px 18px;background:#FBEAE4;border:1px solid #E7B9A8;border-radius:8px;color:var(--red)}

/* 갈림길 한눈에 */
.wmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wmap-g{background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--green);border-radius:6px;padding:14px 16px}
.wmap-g.b-sansim{border-top-color:var(--red)}
.wmap-g.b-town{border-top-color:var(--blue)}
.wmap-g .h{margin:0 0 8px;font-family:var(--serif);font-size:18px;color:var(--ink)}
.wmap-g .h b{color:var(--green)}
.wmap-g.b-sansim .h b{color:var(--red)}
.wmap-g.b-town .h b{color:var(--blue)}
.wmap-g ul{list-style:none;margin:0;padding:0}
.wmap-g li a{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--dot);color:var(--ink)!important;font-size:15px}
.wmap-g li:last-child a{border-bottom:0}
.wmap-g li a:hover{color:var(--red)!important}
.wmap-g .c{flex:none;width:28px;height:24px;border-radius:12px 12px 4px 4px;background:#D9D1C1;color:var(--ink2);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}

/* 세 갈래 — 현판 + 산길 구간 */
.wbranch{padding-top:56px;--bc:var(--green)}
.wbranch.b-sansim{--bc:var(--red)}
.wbranch.b-town{--bc:var(--blue)}
.whyeon{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding:16px 22px;background:var(--ink);color:#E9E2D2;border:3px double var(--ochre);border-radius:4px;box-shadow:0 4px 0 #CFC3AC}
.whyeon .ord{font-size:13px;font-weight:700;color:var(--gold)}
.whyeon h2{margin:0;font-family:var(--serif);font-weight:700;font-size:30px;color:#FFF8E8;letter-spacing:-.5px}
.whyeon h2 .kw{color:var(--gold)}
.whyeon .sub{font-size:14px;color:#BDB4A3}
.wtrail{position:relative;margin-top:6px}
.wtrail::before{content:"";position:absolute;left:25px;top:10px;bottom:10px;border-left:3px dashed var(--dot)}
.wleg{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:18px 0 8px;scroll-margin-top:16px}
.wstone{position:relative;z-index:1;width:52px;height:46px;border-radius:24px 24px 8px 8px;background:#D9D1C1;border:2px solid #BDB19A;color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:18px}
.wleg .wstone{background:var(--paper);border-color:var(--bc);color:var(--bc)}
.wstone.sm{width:38px;height:34px;font-size:14px;border-radius:18px 18px 6px 6px}
.wleg-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding-top:6px}
.wleg-h h3{margin:0;font-family:var(--serif);font-size:22px;color:var(--ink)}
.wleg-h .d{font-size:13px;color:var(--mute)}
.wlinks{list-style:none;margin:10px 0 6px;padding:4px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;background:var(--paper);border:1px solid var(--line);border-radius:6px}
.wlinks li{border-bottom:1px dotted var(--dot)}
.wlinks li:nth-last-child(-n+2){border-bottom:0}
.wlinks a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nm dm" "ft dm";gap:0 10px;align-items:center;padding:9px 0 9px 16px;position:relative;color:var(--ink)!important}
.wlinks a::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-4px;border-top:2px solid var(--bc);border-right:2px solid var(--bc);transform:rotate(45deg)}
.wlinks .nm{grid-area:nm;font-weight:500;line-height:1.45}
.wlinks .ft{grid-area:ft;font-size:13px;color:var(--mute);line-height:1.5}
.wlinks .dm{grid-area:dm;font-size:12.5px;color:var(--green);text-align:right;max-width:170px;line-height:1.4}
.wlinks a:hover .nm{color:var(--red)}
.wlinks .rep .nm::after{content:"대표";margin-left:6px;font-size:11px;font-weight:700;color:#fff;background:var(--bc);padding:0 5px;border-radius:3px;vertical-align:2px}
.wgo{display:inline-block;font-size:14px;font-weight:700;color:var(--bc)!important}
.whero-img{display:block;width:100%;margin:48px 0 0;border-radius:8px;border:1px solid var(--line)}

/* 길 상태 */
.wcheck{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:18px 20px}
.wcheck-t{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--mute)}
.wstat4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wstat4>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:12px 14px 12px 18px;font-size:14px;color:var(--mute)}
.wstat4>div::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:5px;border-radius:0 3px 3px 0;background:var(--green)}
.wstat4 b{display:block;font-family:var(--serif);font-size:30px;line-height:1.3;color:var(--green)}
.wstat4 .s-mv::before{background:var(--ochre)}.wstat4 .s-mv b{color:#8C6421}
.wstat4 .s-blk::before{background:#9A9384}.wstat4 .s-blk b{color:var(--mute)}
.wstat4 .s-down::before{background:var(--red)}.wstat4 .s-down b{color:var(--red)}
.whist{list-style:none;margin:14px 0 0;padding:0;font-size:13px;color:var(--mute)}
.whist li{padding:4px 0;border-bottom:1px dotted var(--dot)}
.whist .d{color:var(--ink2);font-weight:700}
.wcheck-n{margin:12px 0 0;font-size:13px;color:var(--mute)}

/* 길 노트 · 길잡이 */
.wjournal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wjournal a{display:flex;gap:14px;height:100%;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:14px;color:var(--ink)!important}
.wjournal a:hover{border-color:var(--ink)}
.wjournal a:hover b{color:var(--red)}
.wjournal time{flex:none;width:52px;text-align:center;border-right:1px dashed var(--dot);padding-right:12px;font-size:12px;color:var(--mute);line-height:1.3}
.wjournal time b{display:block;font-family:var(--serif);font-size:26px;color:var(--green)}
.wjournal .b-sansim time b{color:var(--red)}
.wjournal .b-town time b{color:var(--blue)}
.wjournal .pc{display:block;font-size:12px;font-weight:700;color:var(--mute)}
.wjournal .tx b{font-weight:500;line-height:1.5}
.wplanks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.wplanks a{display:block;width:88%;padding:14px 56px 14px 20px;background:linear-gradient(180deg,#C69B55,#AE8340);color:#2B1F0C!important;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.wplanks li.l a{margin-left:12%;padding:14px 20px 14px 56px;clip-path:polygon(5% 0,100% 0,100% 100%,5% 100%,0 50%)}
.wplanks a:hover{filter:brightness(1.07)}
.wplanks .no{display:inline-block;margin-right:10px;font-size:12px;font-weight:700;color:#5B3E12}
.wplanks b{font-family:var(--serif);font-size:18px}
.wplanks .ex{display:block;font-size:13px;color:#4A3511;line-height:1.5}
.wguides{list-style:none;margin:0;padding:0}
.wguides li{border-bottom:1px dotted var(--dot)}
.wguides a{display:block;padding:10px 0;color:var(--ink)!important}
.wguides .no{display:inline-block;margin-right:8px;font-size:12px;font-weight:700;color:var(--red)}
.wguides .ex{display:block;color:var(--mute);font-size:14px}

/* 급상승 */
.trends{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 20px}
.trends .thead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.trends .live{color:var(--mute);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.trends .dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.trend-grid a{display:flex;gap:12px;padding:8px 0;border-bottom:1px dotted var(--dot);color:var(--ink)!important}
.trend-grid .rk{width:22px;font-weight:700;color:var(--mute)}
.trend-grid .rk.top{color:var(--red)}
.lead{color:var(--ink2)}

/* 물음/대답 */
.wfaq{display:flex;flex-direction:column;gap:8px}
.wfaq details{background:var(--paper);border:1px solid var(--line);border-radius:6px}
.wfaq summary{cursor:pointer;padding:13px 16px;min-height:48px;font-weight:500;list-style:none;display:flex;gap:10px;align-items:baseline}
.wfaq summary::-webkit-details-marker{display:none}
.wfaq .q,.wfaq .t{flex:none;font-size:12px;font-weight:700;padding:1px 8px;border-radius:3px;color:#fff;background:var(--green)}
.wfaq .t{background:var(--red);margin-right:8px}
.wfaq details[open]{border-color:var(--green)}
.wfaq .a{margin:0;padding:0 16px 14px 16px;color:var(--ink2)}

/* 푸터 */
.wfoot{background:var(--ink);color:#CFC7B6;font-size:14px;margin-top:20px}
.wfoot a{color:#E2DACA!important}
.wfoot a:hover{color:#fff!important}
.wfoot-g{padding-top:30px;padding-bottom:18px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px 30px}
.wfoot-brand{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-family:var(--serif);font-weight:700;font-size:21px;color:var(--hanji)}
.wfoot p{margin:0 0 8px}
.wfoot-stat{color:#A9A190;font-size:13px}
.wfh{font-weight:700;color:var(--gold)}
.wfl{list-style:none;margin:0;padding:0;line-height:1.9}
.wfoot-b{padding-top:12px;padding-bottom:24px;border-top:1px solid #45413A;font-size:13px;color:#A9A190}
.wcp{color:#8C8576}

/* 하위 페이지 */
.wpage{padding-top:20px;--bc:var(--green)}
.wpage.b-sansim{--bc:var(--red)}
.wpage.b-town{--bc:var(--blue)}
.wcrumb{font-size:13px;color:var(--mute);padding:6px 0 0}
.wcrumb a{color:var(--mute)!important}
.wphead{padding:18px 0 4px}
.wphead h1{margin:4px 0 8px;font-family:var(--serif);font-weight:700;font-size:36px;line-height:1.3;color:var(--ink);letter-spacing:-.5px}
.wboard{margin-top:12px;padding:22px 26px;background:linear-gradient(180deg,#F0E4CA,#E8D9B9);border:2px solid #C9A86A;border-radius:6px;box-shadow:0 5px 0 #CDBB95}
.wrange{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--red)}
.wboard .wrange{color:#7A5A20}
.wboard .wstone{background:var(--paper);border-color:var(--bc);color:var(--bc)}
.wstatl{margin:0;font-size:14px;color:var(--ink2)}
.wdate{margin:0;font-size:14px;color:var(--mute)}
.wpimg{display:block;width:100%;margin:16px 0 4px;border-radius:8px;border:1px solid var(--line)}
.wpimg img{display:block;width:100%;border-radius:8px}
.wrows{list-style:none;counter-reset:r;margin:0;padding:4px 18px;background:var(--paper);border:1px solid var(--line);border-radius:6px}
.wrows li{counter-increment:r;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:6px 14px;align-items:center;padding:12px 0;border-bottom:1px dotted var(--dot)}
.wrows li::before{content:counter(r);width:28px;height:24px;border-radius:12px 12px 4px 4px;background:#E2DACA;color:var(--ink2);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wrows li.rep::before{background:var(--bc);color:#fff}
.wrows li:last-child{border-bottom:0}
.wrows .tt b{font-size:16px}
.wrows .tt em{font-style:normal;margin-left:8px;font-size:11px;font-weight:700;color:#fff;background:var(--bc);border-radius:3px;padding:1px 6px;vertical-align:2px}
.wrows .ft{display:block;font-size:13px;color:var(--mute)}
.wrows .dm{font-size:14px;color:var(--green);white-space:nowrap}
.wst{display:inline-block;font-size:12px;font-weight:700;border-radius:3px;padding:2px 9px;white-space:nowrap;background:#ECE7DC;color:var(--mute)}
.wst-ok{background:#E0EDE8;color:var(--green)}
.wst-mv{background:#F5E9D2;color:#8C6421}
.wst-blk{background:#ECE7DC;color:var(--mute)}
.wst-down{background:#FBE5DD;color:var(--red)}
.wsteps ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.wsteps ol::before{content:"";position:absolute;left:16%;right:16%;top:19px;border-top:3px dashed var(--dot)}
.wsteps li{counter-increment:s;position:relative;text-align:center;padding:48px 10px 0;font-weight:500}
.wsteps li::before{content:counter(s);position:absolute;left:50%;top:0;margin-left:-20px;width:40px;height:40px;border-radius:50%;background:var(--paper);border:3px solid var(--bc);color:var(--bc);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700}
.wsteps .tip{margin:18px 0 0;padding:12px 16px;background:#E6EEEA;border-radius:6px;font-size:15px;color:var(--ink2)}
.wsteps .tip b{color:var(--green);margin-right:6px}
.wmemo{margin-top:40px;padding:18px 22px;background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--ochre);border-radius:6px}
.wmemo-h{margin:0 0 4px;font-family:var(--serif);font-weight:700;color:#7A5A20}
.wmemo p:last-child{margin:0}
.wtbl{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:6px;background:#fff}
.wtbl table{width:100%;border-collapse:collapse;font-size:15px}
.wtbl th,.wtbl td{padding:10px 12px;border-bottom:1px solid #ECE4D4;text-align:left;vertical-align:top}
.wtbl th{background:#2B2B2B;color:#F1EADB;font-weight:500;white-space:nowrap}
.wtbl tr:last-child td{border-bottom:0}
.wprose{color:var(--ink2)}
.wprose h2{margin:40px 0 10px;font-family:var(--serif);font-weight:700;font-size:24px;color:var(--ink);line-height:1.4;padding-left:12px;border-left:5px solid var(--ochre)}
.wprose h3{margin:24px 0 8px;font-size:18px;color:var(--green)}
.wprose p{margin:0 0 14px}
.wprose ol,.wprose ul{padding-left:22px;margin:0 0 14px}
.wprose li{margin:4px 0}
.wprose a{text-decoration:underline;text-decoration-color:#C9B98F;text-underline-offset:3px}
.wchk{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wchk li{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:6px 14px 6px 30px;position:relative;font-size:14px}
.wchk li::before{content:"";position:absolute;left:11px;top:50%;width:9px;height:9px;margin-top:-5px;background:var(--ochre);transform:rotate(45deg)}
.wposts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wposts a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px;color:var(--ink)!important}
.wposts a:hover{border-color:var(--ink)}
.wposts .pc{font-size:12px;font-weight:700;color:var(--red)}
.wposts b{line-height:1.45;font-weight:500}
.wposts .ex{font-size:14px;color:var(--mute);line-height:1.6}
.wposts .meta{margin-top:auto;font-size:12px;color:#8C8576}
.wsub2{margin:18px 0 8px;font-size:14px;font-weight:700;color:var(--mute)}
.wpn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.wpn a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px 16px;font-weight:700;color:var(--ink)!important}
.wpn small{display:block;font-weight:400;font-size:12px;color:var(--mute)}
.wpn .n{text-align:right;grid-column:2}
.wrel{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wrel a{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:6px 14px;font-size:14px;color:var(--green)!important}
.wrel a:hover{border-color:var(--red);color:var(--red)!important}
.wrel.plain{display:block}
.wrel.plain li{padding:4px 0}
.wrel.plain a{border:0;background:none;padding:0;text-decoration:underline}
.whome{margin:14px 0 0;font-size:14px;color:var(--mute)}
.wpager{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.wpager .page-numbers{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}
.wpager .current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* 반응형 */
@media (max-width:900px){
  .wgate-in{grid-template-columns:1fr}
  .wpost{max-width:420px}
  .wmap{grid-template-columns:1fr 1fr}
  .wjournal,.wposts{grid-template-columns:1fr 1fr}
  .wfoot-g{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .wmbtn{display:block}
  .wnav{display:none;width:100%;flex-direction:column;gap:0;padding:4px 0 10px}
  .wnav.on{display:flex}
  .wnav a{padding:10px 4px;border-top:1px solid #3A3833;border-radius:0}
  .wgate{padding:28px 0 56px}
  .wgate h1{font-size:38px}
  .wgate h1 span{font-size:21px}
  .wsub{font-size:16px}
  .wsearch button{padding:0 18px}
  .wpost{max-width:none;padding-bottom:10px}
  .wsec{font-size:24px}
  .whyeon{padding:14px 16px}
  .whyeon h2{font-size:24px}
  .wmap{grid-template-columns:1fr}
  .wtrail::before{left:19px}
  .wleg{grid-template-columns:40px minmax(0,1fr);gap:10px}
  .wleg .wstone{width:40px;height:36px;font-size:15px;border-radius:18px 18px 6px 6px}
  .wleg-h h3{font-size:19px}
  .wlinks{grid-template-columns:1fr;padding:2px 12px}
  .wlinks li:nth-last-child(2){border-bottom:1px dotted var(--dot)}
  .wlinks a{grid-template-columns:1fr;grid-template-areas:"nm" "ft" "dm"}
  .wlinks .dm{text-align:left;max-width:none}
  .wstat4{grid-template-columns:1fr 1fr}
  .wjournal,.wposts{grid-template-columns:1fr}
  .wplanks a,.wplanks li.l a{width:100%;margin-left:0}
  .trend-grid{grid-template-columns:1fr}
  .wrows{padding:4px 12px}
  .wrows li{grid-template-columns:32px minmax(0,1fr)}
  .wrows .dm,.wrows .sc{grid-column:2}
  .wrows .dm{white-space:normal}
  .wphead h1{font-size:28px}
  .wboard{padding:18px}
  .wsteps ol{grid-template-columns:1fr;gap:12px}
  .wsteps ol::before{display:none}
  .wsteps li{text-align:left;padding:8px 0 8px 54px;min-height:40px}
  .wsteps li::before{left:0;margin-left:0;top:0}
  .wpn{grid-template-columns:1fr}
  .wpn .n{grid-column:1;text-align:left}
  .wfoot-g{grid-template-columns:1fr}
}