/*
Theme Name: Gimhae Derma Guide
Version: 1.0.0
*/
:root{--ink:#102a2d;--muted:#5f7475;--brand:#087b75;--brand2:#0e4b55;--mist:#edf7f5;--line:#d9e7e4;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(12,55,59,.1);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfdfc;font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;line-height:1.75;letter-spacing:-.015em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f2b84b;outline-offset:3px}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,253,252,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,231,228,.85)}.header-in{max-width:var(--max);margin:auto;min-height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:40px;height:40px;border-radius:12px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}.nav{display:flex;gap:8px;align-items:center}.nav a{padding:11px 14px;border-radius:12px;font-weight:650;font-size:14px}.nav a:hover{background:var(--mist);color:var(--brand)}.hero{min-height:680px;display:grid;place-items:center;position:relative;background:linear-gradient(90deg,rgba(4,35,41,.9),rgba(4,48,54,.5)),url('https://pds.tion.kr/wp-content/uploads/pds/2026/08/exec-f810b674-18ca-4482-b4b3-f30d1cdcf321.png') center/cover}.hero-in{width:min(var(--max),calc(100% - 48px));color:white;padding:100px 0}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#a9e5dd}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(54px,8vw,104px);line-height:1.05;margin:18px 0 28px;letter-spacing:-.055em}.hero p{max-width:630px;font-size:19px;color:#dbe9e7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;background:var(--brand);color:white;font-weight:750;border:1px solid transparent}.btn.alt{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}.section{padding:112px 24px}.section.alt{background:var(--mist)}.section-in{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:44px}.section h2{font-family:"Noto Serif KR",serif;font-size:clamp(34px,5vw,58px);line-height:1.2;margin:0}.section-head p{max-width:480px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(12,55,59,.04);transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:25px}.card h3{margin:5px 0 10px;font-size:21px}.card p{font-size:14px;color:var(--muted);margin:0}.search-panel{padding:36px;background:var(--ink);color:white;border-radius:28px;box-shadow:var(--shadow)}.search-grid{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:12px;margin-top:24px}.search-grid select,.search-grid input{width:100%;min-height:48px;border:1px solid #537071;border-radius:12px;background:#173c3f;color:white;padding:0 14px}.results{display:grid;gap:12px;margin-top:24px}.result{padding:18px;border:1px solid #426164;border-radius:14px;background:#153538}.result strong{display:block;font-size:18px}.result span{color:#bed2cf;font-size:14px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.split img{border-radius:28px;box-shadow:var(--shadow)}.site-footer{background:#092d31;color:#d3e2df;padding:72px 24px 28px}.footer-in{max-width:var(--max);margin:auto}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:40px;border-bottom:1px solid #315155}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.disclaimer{font-size:12px;line-height:1.65;color:#9cb3b0;margin-top:28px;max-width:920px}.copyright{font-size:12px;color:#78938f;margin-top:24px}.article-shell{max-width:820px;margin:0 auto;padding:80px 24px 120px}.article-head{text-align:center;margin-bottom:48px}.article-head h1{font-family:"Noto Serif KR",serif;font-size:clamp(40px,7vw,68px);line-height:1.15;letter-spacing:-.045em}.featured{border-radius:28px;aspect-ratio:16/9;object-fit:cover;box-shadow:var(--shadow);margin-bottom:54px}.entry-content{font-size:17px}.entry-content h2{font-family:"Noto Serif KR",serif;font-size:32px;line-height:1.35;margin:76px 0 22px}.entry-content p{margin:0 0 22px}.key-summary,.toc,.source-note{padding:25px;border:1px solid var(--line);background:var(--mist);border-radius:18px;margin:28px 0}.toc ol{columns:2}.article-image{margin:44px 0}.article-image img{border-radius:20px;width:100%;aspect-ratio:16/10;object-fit:cover}.article-image figcaption{font-size:12px;color:var(--muted);margin-top:10px}.entry-content blockquote{margin:34px 0;padding:22px 26px;border-left:4px solid var(--brand);background:#f2f8f7;border-radius:0 16px 16px 0;font-weight:650}.table-wrap{overflow-x:auto;margin:32px 0;border:1px solid var(--line);border-radius:16px}.entry-content table{border-collapse:collapse;width:100%;min-width:600px;background:white}.entry-content th,.entry-content td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.entry-content th{background:var(--mist);color:var(--brand2)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:34px 0}.steps span{padding:18px 12px;border-radius:14px;background:var(--ink);color:white;text-align:center;font-size:13px}.steps b{display:block;color:#8ddbd2;font-size:20px}.legal-notice{margin-top:60px}.page-copy{font-size:18px;min-height:40vh}.notice-strip{padding:18px 24px;background:#e4f3f0;color:#315b5c;text-align:center;font-size:13px}
@media(max-width:820px){.nav{display:none}.hero{min-height:620px}.section{padding:80px 20px}.cards{grid-template-columns:1fr}.section-head,.footer-top{display:block}.search-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:32px}.toc ol{columns:1}.steps{grid-template-columns:1fr 1fr}.entry-content{font-size:16px}.article-shell{padding-top:52px}.article-head h1{font-size:42px}.header-in{padding:0 18px}.brand span{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
