:root{--green:#1d302b;--cream:#f7f4ee;--orange:#d96e3d;--line:#ddd8ce}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--green);font-family:Arial,"Noto Sans KR",sans-serif}.top{height:82px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:"Nanum Myeongjo",serif;font-weight:800;font-size:22px;text-decoration:none;color:var(--green)}.brand small{display:block;font:7px Arial;letter-spacing:.15em;margin-top:4px}.back{font-size:13px;color:var(--green);text-decoration:none}.wrap{max-width:1140px;margin:auto;padding:82px 25px}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--orange);font-weight:bold;margin:0 0 18px}.title{font-family:"Nanum Myeongjo",serif;font-size:clamp(38px,5vw,62px);letter-spacing:-.08em;margin:0}.description{margin:22px 0 52px;line-height:1.8;color:#69736f;font-size:14px}.tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.count{font-size:13px}.write{background:var(--green);color:white;text-decoration:none;padding:12px 17px;font-size:13px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{display:block;color:var(--green);text-decoration:none}.photo{aspect-ratio:1.16;background-size:cover;background-position:center;position:relative;transition:transform .25s}.card:hover .photo{transform:translateY(-4px)}.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,40,32,.32),transparent 55%)}.label{display:inline-block;color:var(--orange);font-size:10px;letter-spacing:.11em;margin:17px 0 9px}.card h2{font-family:"Nanum Myeongjo",serif;letter-spacing:-.06em;font-size:20px;margin:0 0 9px}.card p{margin:0;color:#78817d;font-size:12px}.search{margin:48px auto 0;display:flex;justify-content:center}.search input{width:220px;padding:11px;border:1px solid var(--line);background:#fff}.search button{border:0;background:var(--orange);color:white;padding:0 18px}.pagination{text-align:center;margin-top:30px;font-size:13px}.pagination b{display:inline-block;background:var(--green);color:#fff;width:28px;height:28px;line-height:28px;border-radius:50%}@media(max-width:700px){.top{height:70px}.wrap{padding:58px 20px}.gallery{grid-template-columns:1fr 1fr;gap:22px 14px}.card h2{font-size:17px}.description{margin-bottom:35px}}@media(max-width:420px){.gallery{grid-template-columns:1fr}}
