/* Pharm24 24시·심야약국 — 지역별 실제 운영시간, 전화 행동, 확인 출처를 우선하는 야간 안내 UI. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@500;600;700&display=swap');
:root{--ink:#102a35;--night:#102a35;--green:#167b5b;--mint:#dff3e9;--paper:#fcfdfb;--fog:#f1f6f2;--line:#dce7e1;--muted:#607075;--orange:#a7642e;--serif:"Noto Serif KR",serif;--sans:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit;text-decoration:none}.skip{position:absolute;top:8px;left:-999px;padding:8px 12px;background:#fff;color:var(--ink);z-index:10}.skip:focus{left:8px}header{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:rgba(252,253,251,.97)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:700;letter-spacing:-1px}.brand span span{color:#42bd92}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border:2px solid #42bd92;border-radius:50% 50% 50% 0;color:#42bd92;font-size:23px;font-weight:700;transform:rotate(-45deg)}.brand-mark::first-letter{transform:rotate(45deg)}header nav{display:flex;gap:24px;color:#51666a;font-size:13px}header nav a:hover{color:var(--green)}.header-cta{border:1px solid var(--green);border-radius:99px;padding:8px 13px;color:var(--green);font-size:12px;font-weight:700}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#0d2732,#143e49 54%,#162d4a);color:#fff}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 81% 24%,rgba(96,220,177,.6) 0 3px,transparent 4px),radial-gradient(circle at 74% 57%,rgba(96,220,177,.35) 0 2px,transparent 3px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,auto,44px 44px;mask-image:linear-gradient(90deg,#000,transparent 86%)}.hero-inner{position:relative;z-index:1;max-width:1240px;margin:auto;padding:70px 28px}.crumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px;color:#b7d3cb;font-size:13px}.crumb a:hover{text-decoration:underline}.crumb i{font-style:normal;color:#82b8a6}.eyebrow{margin:0 0 11px;color:#88e4bd;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:790px;margin:0;font:600 clamp(34px,4.5vw,56px)/1.2 var(--serif);letter-spacing:-.06em}.hero p:not(.eyebrow){max-width:700px;margin:15px 0 0;color:#c6ded6}.facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.fact{padding:7px 9px;border:1px solid rgba(159,229,196,.28);background:rgba(255,255,255,.08);color:#d8efe6;font-size:12px}.shell{max-width:1240px;margin:auto;padding:64px 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:25px}.section-head h2{margin:0;font:600 clamp(25px,3vw,37px)/1.3 var(--serif);letter-spacing:-.05em}.section-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.count{color:var(--muted);font-size:13px;white-space:nowrap}.count b{color:var(--green);font-size:19px}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.region-card{position:relative;min-height:145px;padding:19px;border:1px solid var(--line);background:#fff;transition:.18s transform,.18s box-shadow}.region-card:after{content:"";position:absolute;right:0;bottom:0;left:0;border-bottom:2px solid rgba(22,123,91,.18)}.region-card:hover{border-color:var(--green);box-shadow:0 12px 28px rgba(16,42,53,.1);transform:translateY(-3px)}.region-card b{display:block;font-size:18px;letter-spacing:-.04em}.region-card small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.region-card em{position:absolute;right:17px;bottom:14px;color:var(--green);font-size:11px;font-style:normal}.notice{max-width:1184px;margin:0 auto 65px;padding:26px 30px;border-left:4px solid var(--orange);background:#f8f1eb}.notice b{display:block;font:600 23px var(--serif);letter-spacing:-.04em}.notice p{margin:5px 0 0;color:#6d523d;font-size:14px}.notice a{color:#8d4b1d;font-weight:700;text-decoration:underline;text-underline-offset:3px}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.city-link{display:flex;justify-content:space-between;gap:10px;padding:15px 16px;border:1px solid var(--line);background:#fff;font-size:14px}.city-link:hover{border-color:var(--green);color:var(--green)}.city-link small{color:var(--muted)}.directory{display:grid;grid-template-columns:225px minmax(0,1fr);gap:36px}.side{height:max-content;padding:20px;background:var(--fog)}.side h2{margin:0 0 9px;font:600 19px var(--serif)}.side p{margin:0;color:var(--muted);font-size:13px}.side a{display:block;margin-top:15px;color:var(--green);font-size:13px;font-weight:700}.pharmacy-list{display:grid;gap:10px}.pharmacy{padding:19px 21px;border:1px solid var(--line);background:#fff}.pharmacy-head{display:flex;justify-content:space-between;gap:15px}.pharmacy h2{margin:3px 0 0;font-size:19px;letter-spacing:-.04em}.badge{display:inline-block;padding:3px 6px;border-radius:99px;font-size:10px;font-weight:700}.after-midnight{background:#dff3e9;color:#126549}.night{background:#f8eee6;color:#8c5427}.hours{height:max-content;padding:5px 8px;background:var(--night);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.address{margin:12px 0;color:#50646a;font-size:14px}.actions{display:flex;gap:16px;flex-wrap:wrap}.actions a{color:#31515a;font-size:13px;font-weight:700}.actions .phone{color:var(--green);text-decoration:underline;text-underline-offset:3px}.verify{margin:11px 0 0;padding-top:9px;border-top:1px solid #edf1ef;color:#7a898b;font-size:11px}.prose{max-width:850px}.prose h2{margin:38px 0 10px;font:600 27px var(--serif);letter-spacing:-.04em}.prose p,.prose li{color:#4c6064}.prose ul{padding-left:20px}.source-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.source-table th,.source-table td{padding:12px;border:1px solid var(--line);text-align:left}.source-table th{background:var(--fog)}footer{display:flex;justify-content:space-between;gap:30px;padding:44px max(28px,calc((100% - 1240px)/2 + 28px));background:var(--night);color:#c9d9d4}footer p{margin:11px 0 0;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:9px 25px;font-size:13px}.footnote{padding:18px max(28px,calc((100% - 1240px)/2 + 28px));border-top:1px solid rgba(255,255,255,.12);background:var(--night);color:#9fb0ad;font-size:12px}.mobile{display:none}@media(max-width:900px){.region-grid{grid-template-columns:repeat(3,1fr)}.city-grid{grid-template-columns:repeat(2,1fr)}.directory{grid-template-columns:1fr}.side{display:flex;align-items:center;justify-content:space-between}.side h2,.side p,.side a{margin:0}}@media(max-width:640px){body{padding-bottom:64px}header{height:64px;padding:0 17px}header nav,.header-cta{display:none}.hero-inner,.shell{padding-right:18px;padding-left:18px}.hero-inner{padding-top:57px;padding-bottom:57px}.hero h1{font-size:37px}.section-head{display:block}.count{display:block;margin-top:9px}.region-grid{grid-template-columns:repeat(2,1fr);gap:8px}.region-card{min-height:120px;padding:15px}.city-grid{grid-template-columns:1fr}.pharmacy{padding:17px}.pharmacy-head{display:block}.hours{display:inline-block;margin-top:10px}.notice{margin:0 18px 50px;padding:21px}.directory{gap:18px}footer{display:block;padding:36px 18px 72px}.footer-links{margin-top:24px}.footnote{padding:16px 18px 72px}.mobile{position:fixed;right:0;bottom:0;left:0;z-index:5;height:64px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);background:rgba(255,255,255,.96);font-size:12px}.mobile a:first-child{color:var(--green);font-weight:700}}