/* 찌올림 — 파스텔 애니메이션 바다 테마. 크림 #FFFBF5 · 하늘 #BFE6F5 · 민트 #B8EBD9 · 복숭아 #FFD6C2 · 레몬 #FFF3B0 · 라벤더 #D9D2F5 · 남보라 #3A3F6B */
:root{
  --cream:#FFFBF5;--white:#FFFFFF;--sky:#BFE6F5;--sky2:#E3F4FB;--mint:#B8EBD9;--mint2:#E4F7EF;--peach:#FFD6C2;--peach2:#FFEDE4;
  --lemon:#FFF3B0;--lav:#D9D2F5;--lav2:#EFEBFB;--ink:#3A3F6B;--ink2:#555B86;--mute:#7E83A6;--coral:#F2876B;--line:#3A3F6B;
  --ok:#3BA584;--mv:#4E8FD6;--blk:#C49A1B;--down:#E0614A;
  --head:'Jua',sans-serif;--sans:'Gothic A1',system-ui,-apple-system,sans-serif;
  --shadow:0 5px 0 var(--ink);--shadow-s:0 3px 0 var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.gf-body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.gf-body a{color:#2F6FB3;text-decoration:none}
.gf-body a:hover{color:var(--coral)}
.gf-body img{max-width:100%;height:auto}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.jskip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff!important;padding:8px 14px;z-index:99;border-radius:10px}
.jskip:focus{left:8px}
:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* 구역 색 */
.k-juso{--k:var(--sky);--k2:var(--sky2);--kd:#2F7FB0}
.k-site{--k:var(--mint);--k2:var(--mint2);--kd:#2E8C6C}
.k-moa{--k:var(--lav);--k2:var(--lav2);--kd:#6F5BB8}

/* 헤더: 하늘 + 물결 */
.jtop{background:var(--sky);position:relative;z-index:2}
.jtop-in{min-height:66px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.jbrand{display:flex;align-items:center;gap:8px;color:var(--ink)!important}
.jbrand span{font-family:var(--head);font-size:28px;letter-spacing:-.5px}
.jbrand img{display:block;height:40px;width:auto}
.jnav{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px}
.jnav a{color:var(--ink)!important;font-size:15px;font-weight:600;padding:5px 13px;border-radius:999px;border:2px solid transparent}
.jnav a:hover{background:var(--white);border-color:var(--ink)}
.jnav a.k-juso,.jnav a.k-site,.jnav a.k-moa{background:var(--white);border-color:var(--ink);box-shadow:inset 0 -4px 0 var(--k)}
.jmbtn{display:none;margin-left:auto;width:46px;height:42px;border:2px solid var(--ink);border-radius:14px;background:var(--white);cursor:pointer;padding:10px 11px;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-s)}
.jmbtn span{display:block;height:2.5px;border-radius:2px;background:var(--ink)}
.jtop-wave{display:block;width:100%;height:18px;margin-bottom:-1px}

/* 첫 화면: 하늘 → 바다 */
.jhero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--cream) 0%,#FFF7EC 100%);padding:34px 0 0}
.jclouds{position:absolute;left:0;top:6px;width:100%;height:200px;pointer-events:none}
.jhero-in{position:relative;z-index:1}
.jtag{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink2)}
.jtag .pill{display:inline-block;padding:1px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--peach);color:var(--ink);box-shadow:var(--shadow-s)}
.jhero h1{margin:0 0 16px;font-family:var(--head);font-weight:400;font-size:62px;line-height:1.1;color:var(--ink);letter-spacing:-1px;text-shadow:3px 3px 0 var(--peach)}
.jhero h1 span{display:inline-block;margin-top:10px;font-size:25px;letter-spacing:-.3px;background:var(--lemon);border:2px solid var(--ink);border-radius:14px;padding:4px 14px;text-shadow:none;box-shadow:var(--shadow-s)}
.jsub{margin:0 0 22px;max-width:820px;font-size:16.5px;color:var(--ink2)}
.jsub b{color:var(--ink)}
.jsearch{display:flex;max-width:640px;background:var(--white);border:2.5px solid var(--ink);border-radius:999px;overflow:hidden;box-shadow:var(--shadow)}
.jsearch input{flex:1;min-width:0;border:0;outline:none;padding:14px 22px;font:inherit;font-size:16px;background:transparent;color:var(--ink)}
.jsearch button{border:0;border-left:2.5px solid var(--ink);background:var(--peach);color:var(--ink);font-family:var(--head);font-size:19px;padding:0 26px;cursor:pointer}
.jsearch button:hover{background:var(--lemon)}
.jspec{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.jspec div{background:var(--white);border:2px solid var(--ink);border-radius:22px 22px 22px 6px;padding:8px 16px;box-shadow:var(--shadow-s)}
.jspec div:nth-child(1){background:var(--sky2)}.jspec div:nth-child(2){background:var(--mint2)}.jspec div:nth-child(3){background:var(--lav2)}.jspec div:nth-child(4){background:var(--peach2)}
.jspec dt{font-size:12.5px;color:var(--mute);font-weight:600}
.jspec dd{margin:0;font-family:var(--head);font-size:21px;line-height:1.3}
.jsea{position:relative;margin-top:26px;height:70px}
.jsea>svg{position:absolute;left:0;bottom:0;width:100%;height:60px;z-index:0}
.jbob{position:absolute;left:68%;bottom:24px;z-index:2;display:block;line-height:0;animation:bob 3.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}

/* 본문 공통 */
.jmain{padding-top:34px;padding-bottom:40px}
.jblock{margin:0 0 50px}
.jsec{margin:0 0 14px;font-family:var(--head);font-weight:400;font-size:30px;line-height:1.35;color:var(--ink);letter-spacing:-.4px}
.jsec .kw{background:var(--lemon);border-radius:8px;padding:0 6px}
.jlead,.lead{color:var(--ink2);margin:0 0 18px}
.jempty{color:var(--mute);background:var(--white);border:2px dashed var(--ink);padding:16px;border-radius:18px}
.jhead2{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}
.jmore{font-size:14.5px;font-weight:700}
.jmini{font-size:13px;color:var(--mute)}
.jnohit[hidden]{display:none}
.jnohit{display:flex;align-items:center;gap:10px;background:var(--peach2);border:2px solid var(--ink);color:var(--ink);padding:12px 16px;border-radius:18px;margin:0 0 24px}

/* 세 낱말 풀이: 말풍선 */
.jwords .jbubbles{display:grid;gap:22px;margin:0 0 20px}
.jbubble{position:relative;background:var(--k2);border:2.5px solid var(--ink);border-radius:26px;padding:18px 22px 14px;box-shadow:var(--shadow)}
.jbubble::after{content:"";position:absolute;left:38px;bottom:-15px;width:22px;height:22px;background:var(--k2);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg) skew(8deg,8deg)}
.jbubble:nth-child(2)::after{left:auto;right:48px}
.jw-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px}
.jbubble dfn{font-style:normal;font-family:var(--head);font-size:27px;color:var(--ink)}
.jbubble .pr{font-size:14px;color:var(--mute)}
.jbubble .tag{font-size:12.5px;font-weight:800;background:var(--k);border:2px solid var(--ink);border-radius:999px;padding:0 10px}
.jbubble p{margin:0 0 6px;color:var(--ink2)}
.jbubble b{display:inline-block;margin-right:6px;font-size:12.5px;color:var(--ink);background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:0 8px;line-height:1.7}
.jbubble .go{font-size:14.5px;color:var(--mute)}
.jbubble .go a{font-weight:800;color:var(--kd)!important}
.jwords-n{margin:0;font-size:15px;color:var(--ink2);background:var(--lemon);border:2px solid var(--ink);padding:10px 16px;border-radius:18px}

/* 수심 지도 */
.jdepth{list-style:none;margin:0;padding:0 0 0 46px;position:relative}
.jdepth::before{content:"";position:absolute;left:16px;top:6px;bottom:6px;width:8px;border-radius:8px;background:linear-gradient(var(--sky),var(--mint),var(--lav));border:2px solid var(--ink)}
.jdepth>li{position:relative;background:var(--k2);border:2.5px solid var(--ink);border-radius:22px;padding:14px 18px;margin:0 0 14px;box-shadow:var(--shadow-s)}
.jdepth>li::before{content:"";position:absolute;left:-36px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--k);border:2.5px solid var(--ink)}
.jdepth .h{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jdepth .dp,.jzone-h .dp,.jrange .dp{display:inline-block;font-family:var(--head);font-size:14px;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:0 9px;line-height:1.6}
.jdepth .h a{font-weight:800;color:var(--ink)!important}
.jdepth .h b{background:var(--white);border-radius:6px;padding:0 4px}
.jdepth ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.jdepth ul a{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:3px 12px 3px 4px;font-size:14.5px;color:var(--ink)!important}
.jdepth ul a:hover{background:var(--lemon)}
.jdepth .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--peach);border:2px solid var(--ink);font-family:var(--head);font-size:13px}

/* 구역 */
.jzone{margin:0 0 54px;scroll-margin-top:10px}
.jzone-h{position:relative;background:var(--k);border:2.5px solid var(--ink);border-radius:28px 28px 0 0;padding:18px 24px 14px;box-shadow:var(--shadow)}
.jzone-h .ord{margin:0 0 2px;font-size:14px;font-weight:800;display:flex;align-items:center;gap:8px}
.jzone-h h2{margin:0;font-family:var(--head);font-weight:400;font-size:34px;line-height:1.25}
.jzone-h .kw{background:var(--white);border:2px solid var(--ink);border-radius:12px;padding:0 10px}
.jzone-h .sub{margin:6px 0 0;font-size:14px;color:var(--ink2)}
.jzone-lead{background:var(--white);border:2.5px solid var(--ink);border-top:0;border-radius:0 0 28px 28px;padding:14px 24px;margin:0 0 20px}
.jpoints{display:grid;gap:18px}

/* 포인트 카드 */
.jpoint{background:var(--white);border:2.5px solid var(--ink);border-radius:24px;padding:16px 20px 14px;box-shadow:var(--shadow);scroll-margin-top:10px}
.jpt-h{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.jfloat{flex:0 0 auto;display:grid;place-items:center;width:46px;height:56px;border-radius:50% 50% 50% 50%/58% 58% 42% 42%;background:linear-gradient(var(--peach) 55%,var(--white) 55%);border:2.5px solid var(--ink);font-family:var(--head);font-size:18px;position:relative;margin-top:8px}
.jfloat::before{content:"";position:absolute;top:-12px;left:50%;width:6px;height:12px;margin-left:-3px;border-radius:3px;background:var(--lemon);border:2px solid var(--ink)}
.jfloat.big{width:58px;height:70px;font-size:22px}
.jpt-t h3{margin:0;font-family:var(--head);font-weight:400;font-size:24px;line-height:1.3}
.jpt-t p{margin:0;font-size:14px;color:var(--mute)}
.jtide{list-style:none;margin:0;padding:0;border:2px solid var(--ink);border-radius:16px;overflow:hidden}
.jtide li{border-top:1.5px dashed #C9CDE3}
.jtide li:first-child{border-top:0}
.jtide li:nth-child(even){background:var(--k2)}
.jtide a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto;gap:2px 14px;align-items:center;padding:8px 14px;color:var(--ink)!important}
.jtide .nm{font-weight:800}
.jtide .ft{font-size:13.5px;color:var(--ink2)}
.jtide .dm{font-size:12.5px;color:var(--kd);font-family:ui-monospace,Menlo,monospace;text-align:right}
.jtide li.rep{background:var(--lemon)}
.jtide a:hover .nm{color:var(--coral)}
.jpoint .go{display:inline-block;margin-top:12px;font-size:14.5px;font-weight:800;color:var(--ink)!important;background:var(--k);border:2px solid var(--ink);border-radius:999px;padding:3px 14px;box-shadow:var(--shadow-s)}
.jpoint .go:hover{background:var(--lemon)}
.jhero-img{display:block;width:100%;margin:0 0 50px;border:2.5px solid var(--ink);border-radius:28px;box-shadow:var(--shadow)}

/* 입질 점검 */
.jmeter{background:var(--white);border:2.5px solid var(--ink);border-radius:26px;padding:18px 22px;box-shadow:var(--shadow)}
.jmeter-t{margin:0 0 12px;font-family:var(--head);font-size:21px}
.jdrops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.jdrops div{text-align:center;border:2px solid var(--ink);padding:10px 4px 8px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:var(--sky2)}
.jdrops b{display:block;font-family:var(--head);font-size:30px;line-height:1.2}
.jdrops span{font-size:13px;font-weight:700;color:var(--ink2)}
.s-ok b{color:var(--ok)}.s-mv b{color:var(--mv)}.s-blk b{color:var(--blk)}.s-down b{color:var(--down)}
.jhist{list-style:none;margin:0 0 10px;padding:0;font-size:14px;color:var(--ink2)}
.jhist li{border-top:1.5px dashed #C9CDE3;padding:5px 0}
.jhist .d{font-weight:800;color:var(--ink)}
.jwait{display:flex;gap:14px;align-items:center;margin:0 0 10px}
.jwait p{margin:0}
.jmeter-n{margin:0;font-size:14px;color:var(--mute)}

/* 조행 노트(홈) */
.jnotes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.jnotes a{display:flex;gap:14px;align-items:center;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:8px 18px 8px 8px;color:var(--ink)!important;box-shadow:var(--shadow-s)}
.jnotes time{flex:0 0 auto;position:relative;background:var(--k);border:2px solid var(--ink);border-radius:40% 60% 60% 40%/50%;padding:4px 20px 4px 12px;font-family:var(--head);font-size:16px;white-space:nowrap}
.jnotes time::after{content:"";position:absolute;right:-9px;top:50%;margin-top:-8px;border-left:10px solid var(--ink);border-top:8px solid transparent;border-bottom:8px solid transparent}
.jnotes .tx{min-width:0;padding-left:6px}
.jnotes .pc,.jposts .pc{display:block;font-size:12.5px;color:var(--mute);font-weight:600}
.jnotes b{font-weight:800}
.jnotes a:hover{background:var(--lemon)}

/* 카드형 글 */
.jposts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.jposts a{display:block;background:var(--white);border:2.5px solid var(--ink);border-radius:22px;padding:14px 20px;color:var(--ink)!important;box-shadow:var(--shadow-s)}
.jposts b{display:block;font-family:var(--head);font-weight:400;font-size:21px;line-height:1.4;margin:2px 0 4px}
.jposts .ex{display:block;font-size:14.5px;color:var(--ink2)}
.jposts .meta{display:block;font-size:13px;color:var(--mute);margin-top:6px}
.jposts a:hover{background:var(--peach2)}

/* 가이드 */
.jcards,.jguides{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.jcards a,.jguides a{display:block;background:var(--white);border:2.5px solid var(--ink);border-radius:22px;padding:14px 20px;color:var(--ink)!important;box-shadow:var(--shadow-s)}
.jcards li:nth-child(5n+1) a{background:var(--sky2)}.jcards li:nth-child(5n+2) a{background:var(--mint2)}.jcards li:nth-child(5n+3) a{background:var(--peach2)}.jcards li:nth-child(5n+4) a{background:var(--lav2)}.jcards li:nth-child(5n) a{background:#FFF9D6}
.jcards .no,.jguides .no{display:inline-block;font-size:12.5px;font-weight:800;background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:0 9px}
.jcards b,.jguides b{display:block;font-family:var(--head);font-weight:400;font-size:21px;line-height:1.4;margin:4px 0}
.jcards .ex,.jguides .ex{display:block;font-size:14.5px;color:var(--ink2)}
.jcards a:hover,.jguides a:hover{transform:translateY(-2px)}

/* 급상승 검색어 */
.trends{background:var(--white);border:2.5px solid var(--ink);border-radius:24px;padding:12px 22px;box-shadow:var(--shadow-s)}
.trends .thead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:14px;padding-bottom:8px;border-bottom:2px dashed var(--ink)}
.trends .live{color:var(--mute);font-size:13px;display:inline-flex;align-items:center;gap:6px}
.trends .dot{width:9px;height:9px;border-radius:50%;background:var(--coral);display:inline-block;border:1.5px solid var(--ink)}
.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:1.5px dashed #C9CDE3;color:var(--ink)!important}
.trend-grid .rk{width:24px;font-family:var(--head);color:var(--mute)}
.trend-grid .rk.top{color:var(--coral)}

/* FAQ */
.jfaq details{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;margin:0 0 10px;box-shadow:var(--shadow-s);overflow:hidden}
.jfaq summary{cursor:pointer;padding:13px 50px 13px 18px;font-weight:800;list-style:none;position:relative}
.jfaq summary::-webkit-details-marker{display:none}
.jfaq summary::after{content:"+";position:absolute;right:14px;top:9px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--peach);border:2px solid var(--ink);font-weight:800}
.jfaq details[open] summary{background:var(--sky2)}
.jfaq details[open] summary::after{content:"−";background:var(--lemon)}
.jfaq .a{margin:0;padding:10px 18px 14px;color:var(--ink2)}

/* 하위 페이지 */
.jpg{padding-top:22px}
.jcrumb{font-size:13.5px;color:var(--mute);margin:0 0 16px}
.jcrumb a{color:var(--mute)!important}
.jphead{margin:0 0 28px}
.jphead h1{margin:6px 0 10px;font-family:var(--head);font-weight:400;font-size:42px;line-height:1.25;letter-spacing:-.6px}
.jrange{margin:0;font-size:14px;color:var(--ink2);font-weight:800;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jdate{margin:0;font-size:14px;color:var(--mute)}
.jcard-head{position:relative;background:var(--k2);border:2.5px solid var(--ink);border-radius:28px;padding:22px 24px 16px 96px;box-shadow:var(--shadow)}
.jcard-head .jfloat{position:absolute;left:22px;top:30px;margin:0}
.jcard-head .jlead{margin-bottom:12px}
.jside{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:14px}
.jside div{display:flex;gap:6px;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:2px 12px}
.jside dt{color:var(--mute)}
.jside dd{margin:0;font-weight:800}
.jrows{list-style:none;margin:0;padding:0;background:var(--white);border:2.5px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-s)}
.jrows li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 16px;align-items:center;padding:11px 18px;border-top:1.5px dashed #C9CDE3}
.jrows li:first-child{border-top:0}
.jrows li.rep{background:var(--lemon)}
.jrows .tt b{font-weight:800}
.jrows em{font-style:normal;font-size:12px;font-weight:800;background:var(--peach);border:1.5px solid var(--ink);border-radius:999px;padding:0 8px;margin-left:6px}
.jrows .ft{display:block;font-size:13.5px;color:var(--mute)}
.jrows .dm{font-size:13px;color:var(--kd,#2F6FB3);font-family:ui-monospace,Menlo,monospace}
.jst{display:inline-block;font-size:12.5px;font-weight:800;padding:1px 10px;border-radius:999px;white-space:nowrap;border:2px solid currentColor;background:var(--white)}
.jst-ok{color:var(--ok)}.jst-mv{color:var(--mv)}.jst-blk{color:var(--blk)}.jst-down{color:var(--down)}.jst-none{color:var(--mute)}
.jsteps ol{margin:0 0 14px;padding:0;list-style:none;counter-reset:s}
.jsteps li{counter-increment:s;position:relative;padding:4px 0 4px 44px;margin:0 0 8px}
.jsteps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--k,var(--sky));border:2px solid var(--ink);font-family:var(--head)}
.jsteps .tip{margin:0;background:var(--lemon);border:2px solid var(--ink);border-radius:18px;padding:10px 16px}
.jsteps .tip b{margin-right:6px}
.jmemo{display:flex;gap:14px;align-items:flex-start;background:var(--peach2);border:2.5px solid var(--ink);border-radius:26px;padding:16px 20px;margin:0 0 50px;box-shadow:var(--shadow-s)}
.jmemo svg{flex:0 0 auto}
.jmemo-h{margin:0 0 4px;font-family:var(--head);font-size:18px}
.jmemo p{margin:0}
.jtbl{overflow-x:auto;margin:0 0 18px;background:var(--white);border:2.5px solid var(--ink);border-radius:20px}
.jtbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.jtbl th,.jtbl td{padding:9px 12px;border-bottom:1.5px dashed #C9CDE3;text-align:left;vertical-align:top}
.jtbl th{background:var(--sky);font-weight:800;border-bottom:2px solid var(--ink)}
.jtbl tr:last-child td{border-bottom:0}
.jchk{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.jchk li{position:relative;background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:5px 14px 5px 36px}
.jchk li::before{content:"✓";position:absolute;left:8px;top:50%;margin-top:-11px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--mint);border:1.5px solid var(--ink);font-size:12px;font-weight:800}
.jsub2{margin:20px 0 10px;font-family:var(--head);font-size:19px}
.jrel{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.jrel a{display:inline-block;background:var(--white);border:2px solid var(--ink);padding:4px 14px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--ink)!important}
.jrel a:hover{background:var(--lemon)}
.jrel.plain{display:block}
.jrel.plain li{margin:0 0 8px}
.jpn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
.jpn a{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;padding:10px 16px;font-weight:800;color:var(--ink)!important;box-shadow:var(--shadow-s)}
.jpn a small{display:block;font-weight:600;color:var(--mute);font-size:13px}
.jpn .n{text-align:right;grid-column:2}
.jhome{font-size:15px;color:var(--ink2);margin:8px 0 0}
.jpimg{display:block;width:100%;margin:0 0 26px;border:2.5px solid var(--ink);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}
.jpimg img{display:block;width:100%;height:auto}
.jpager{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.jpager .page-numbers{padding:4px 13px;background:var(--white);border:2px solid var(--ink);border-radius:999px}
.jpager .current{background:var(--peach)}

/* 본문 글 */
.jprose{font-size:16.5px}
.jprose h2{margin:36px 0 12px;font-family:var(--head);font-weight:400;font-size:27px;line-height:1.4}
.jprose h2::before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%;background:var(--peach);border:2px solid var(--ink);vertical-align:2px}
.jprose h3{margin:22px 0 8px;font-size:18px;font-weight:800}
.jprose p{margin:0 0 14px}
.jprose ol,.jprose ul{margin:0 0 16px;padding-left:22px}
.jprose li{margin:0 0 6px}
.jprose a{text-decoration:underline;text-decoration-color:var(--peach);text-decoration-thickness:3px;text-underline-offset:3px}
.jprose strong{color:var(--ink)}

/* 푸터: 깊은 바다 */
.jfoot{margin-top:40px;font-size:14.5px}
.jfoot-wave{display:block;width:100%;height:24px;margin-bottom:-1px}
.jfoot-in{background:var(--ink);color:#DCDFF3}
.jfoot a{color:#FFFFFF!important}
.jfoot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding-top:30px;padding-bottom:20px}
.jfoot-brand{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-family:var(--head);font-size:24px;color:#fff}
.jfoot-a p{margin:0 0 10px}
.jfoot-stat{color:var(--lemon)}
.jfh{margin:0 0 8px;font-weight:800;color:#fff;border-bottom:3px solid var(--k);padding-bottom:4px}
.jfl{list-style:none;margin:0;padding:0}
.jfl li{margin:0 0 3px}
.jfoot-b{border-top:1.5px dashed rgba(255,255,255,.3);padding-top:14px;padding-bottom:26px}
.jfoot-b p{margin:0 0 6px}
.jcp{color:#B4B8D6;font-size:13px}

@media (max-width:900px){
  .jfoot-g{grid-template-columns:1fr 1fr}
  .jfoot-a{grid-column:1/-1}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .jmbtn{display:flex}
  .jnav{display:none;width:100%;margin:0 0 10px;flex-direction:column;gap:6px}
  .jnav.on{display:flex}
  .jnav a{background:var(--white);border-color:var(--ink)}
  .jhero{padding-top:24px}
  .jhero h1{font-size:44px}
  .jhero h1 span{font-size:18px;padding:3px 10px}
  .jsearch button{padding:0 16px}
  .jsearch input{padding:12px 16px}
  .jspec div{padding:6px 12px}
  .jspec dd{font-size:18px}
  .jbob{left:auto;right:10%}
  .jsec{font-size:25px}
  .jbubble{padding:16px 16px 12px}
  .jdepth{padding-left:34px}
  .jdepth::before{left:8px}
  .jdepth>li{padding:12px 14px}
  .jdepth>li::before{left:-32px}
  .jzone-h{padding:16px 16px 12px}
  .jzone-h h2{font-size:27px}
  .jzone-lead{padding:12px 16px}
  .jpoint{padding:14px 14px 12px}
  .jtide a{grid-template-columns:1fr;padding:8px 12px}
  .jtide .dm{text-align:left}
  .jdrops{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trend-grid{grid-template-columns:1fr}
  .jphead h1{font-size:31px}
  .jcard-head{padding:18px 16px 14px 16px}
  .jcard-head .jfloat{position:relative;left:auto;top:auto;margin:14px 0 6px}
  .jrows li{grid-template-columns:1fr auto;padding:10px 14px}
  .jrows .dm{grid-column:1/-1;grid-row:2}
  .jpn{grid-template-columns:1fr}
  .jpn .n{grid-column:auto}
  .jnotes a{border-radius:22px}
  .jfoot-g{grid-template-columns:1fr}
}