@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&family=Noto+Serif+KR:wght@500&display=swap');

:root{--배경:#f5f0e6;--종이:#fbf8f1;--글:#25221f;--보조:#6e675f;--검정:#191715;--금:#bd9657;--연금:#e4ca99;--선:#cfc5b5;--폭:920px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--배경);color:var(--글);font-family:"Noto Sans KR",sans-serif;word-break:keep-all}
a{color:inherit;text-decoration:none}
.본문바로가기{position:absolute;left:-9999px;top:8px;padding:10px 14px;background:#fff;color:#000;z-index:10}.본문바로가기:focus{left:8px}
.상단{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:12px max(22px,calc((100% - var(--폭))/2));background:var(--종이);border-bottom:1px solid var(--선)}
.브랜드{display:flex;align-items:center;gap:12px}.로고기호{width:42px;height:42px;display:grid;place-items:center;background:var(--검정);color:var(--연금);font-family:Georgia,serif;font-size:0;border:1px solid var(--금);transform:rotate(45deg)}.로고기호::before{content:"UP";font-size:13px;transform:rotate(-45deg)}
.브랜드>span:last-child{display:flex;flex-direction:column;gap:2px}.브랜드 strong{font-family:"Noto Serif KR",serif;font-size:23px;font-weight:500;letter-spacing:-.05em}.브랜드 small{color:var(--보조);font-size:11px}
.상단 nav{display:flex;gap:30px;color:#514b44;font-size:13px}.상단 nav a:hover{text-decoration:underline;text-underline-offset:5px}
main{max-width:var(--폭);margin:auto;padding:28px 22px 90px}
.바로가기영역{display:flex;justify-content:center;padding:8px 0 48px}
.골드바로가기{width:min(450px,100%);min-height:90px;display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:16px;padding:13px 18px;background:var(--검정);color:#f4ead8;border:1px solid var(--금);transition:transform .18s ease,background .18s ease}
.골드바로가기:hover{transform:translateY(-2px);background:#25211d}.바로가기기호{width:48px;height:48px;display:grid;place-items:center;color:#d0aa6d;border:1px solid var(--금);transform:rotate(45deg)}.바로가기기호 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.바로가기문구{display:flex;flex-direction:column;gap:5px}.바로가기문구 small{color:#aaa094;font-size:11px}.바로가기문구 strong{font-family:"Noto Serif KR",serif;color:#f4ead8;font-size:20px;font-weight:500;letter-spacing:-.04em}.바로가기화살표{color:#d0aa6d;font-size:21px}
.아티클{max-width:780px;margin:auto;text-align:center}.글머리,.아티클>section{padding:0 0 54px;margin:0 0 54px;border-bottom:1px solid var(--선)}
.상단표시{margin:0 0 15px!important;color:#90703f!important;font-size:12px!important;letter-spacing:.08em}
h1,h2{margin:0 0 30px;font-family:"Noto Serif KR",serif;font-weight:500;line-height:1.4;letter-spacing:-.055em}h1{font-size:clamp(33px,5vw,48px)}h2{font-size:clamp(26px,4vw,36px)}h3{margin:32px 0 11px;color:#3a3128;font-size:18px;font-weight:500;letter-spacing:-.025em}
.아티클 p{margin:0 0 20px;color:#5f5851;font-size:15px;line-height:2}.아티클 p strong{color:#2f2924;font-weight:500}
.아티클 ul{list-style:none;margin:30px 0 0;padding:0;border-top:2px solid var(--검정);text-align:left}.아티클 li{display:grid;grid-template-columns:140px 1fr;gap:22px;padding:17px 4px;border-bottom:1px solid var(--선)}.아티클 li strong{font-weight:500}.아티클 li span{color:#675f57;line-height:1.8}
.질문목록{text-align:left;border-top:2px solid var(--검정)}details{border-bottom:1px solid var(--선)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 4px;list-style:none;font-weight:500}summary::-webkit-details-marker{display:none}details p{padding:0 4px 20px!important;margin:0!important}details[open] summary span{transform:rotate(45deg)}
.하단{min-height:140px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 30px;padding:30px max(22px,calc((100% - var(--폭))/2));background:var(--검정);color:#f4ead8}.하단>div{display:flex;flex-direction:column;gap:5px}.하단 strong{font-family:"Noto Serif KR",serif;font-size:23px;font-weight:500}.하단 span{color:#a99f92;font-size:12px}
@media(max-width:680px){.상단{min-height:68px}.상단 nav{display:none}main{padding:20px 14px 66px}.바로가기영역{padding-bottom:38px}.골드바로가기{grid-template-columns:50px 1fr 18px;gap:12px;padding:11px 13px}.바로가기기호{width:43px;height:43px}.바로가기문구 strong{font-size:16px}.아티클{text-align:left}.글머리,.아티클>section{padding-bottom:40px;margin-bottom:40px}.상단표시,h1,h2{text-align:center}h1 br{display:none}.아티클 p{font-size:14px;line-height:1.9}.아티클 li{grid-template-columns:1fr;gap:5px}.하단{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.골드바로가기{transition:none}}