*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,"Noto Sans KR",sans-serif;color:#222;background:#fff}
a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{border-bottom:1px solid #e5e5e5}.bar{display:flex;gap:16px;align-items:center;padding:12px 16px;flex-wrap:wrap}
.logo{font-weight:700;font-size:20px}.search{flex:1;display:flex;gap:4px;min-width:180px}.search input{flex:1}
nav a,nav .link{margin-left:12px}.link{background:none;border:0;cursor:pointer;font:inherit;padding:0}
.cats{display:flex;gap:20px;padding-bottom:8px;overflow-x:auto}.cat{position:relative}.cat .sub{display:none;position:absolute;background:#fff;border:1px solid #ddd;padding:8px;z-index:5;white-space:nowrap}.cat:hover .sub{display:block}.sub a{display:block;padding:2px 8px}
input,select,textarea,button{font:inherit;padding:8px 10px;border:1px solid #ccc;border-radius:4px}button{cursor:pointer;background:#f5f5f5}.primary{background:var(--brand,#222);color:#fff;border-color:var(--brand,#222)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:16px 0}
.card .thumb{aspect-ratio:1;background:#f3f3f3;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover}.card .nm{margin:6px 0 2px}.card b{display:block}.card s{color:#999;font-size:13px}
.detail{display:flex;gap:32px;flex-wrap:wrap;margin:24px 0}.pics{flex:1 1 340px}.pics img{width:100%}.buy{flex:1 1 340px;display:flex;flex-direction:column;gap:10px}.price{font-size:24px;font-weight:700;margin:0}
.btns{display:flex;gap:8px}.btns button{flex:1;padding:14px}.explan img{max-width:100%}
.tbl{width:100%;border-collapse:collapse;margin:12px 0}.tbl th,.tbl td{border-bottom:1px solid #e5e5e5;padding:10px 8px;text-align:left}
.form{display:flex;flex-direction:column;gap:8px;max-width:560px}.form.narrow{max-width:360px}.chk{display:flex;gap:6px;align-items:center}
.err{background:#fff1f0;border:1px solid #ffa39e;padding:8px 12px;margin:12px 0;border-radius:4px}.err p{margin:2px 0}
.sum{font-size:16px;margin:16px 0}.filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.foot{padding:32px 16px;color:#888}
.pagination{display:flex;gap:6px;list-style:none;padding:0}
.popup{position:fixed;z-index:100;background:#fff;border:1px solid #888;box-shadow:0 4px 18px rgba(0,0,0,.3);display:flex;flex-direction:column}.popup .pbody{flex:1;overflow:auto;padding:8px}.popup .pbody img{max-width:100%}.popup .pfoot{display:flex;justify-content:space-between;align-items:center;background:#333;color:#fff;padding:4px 8px;font-size:13px}.popup .pfoot button{padding:2px 8px}
.ok{background:#eaf7ee;border:1px solid #9bd5ab;padding:8px 12px;margin:12px 0;border-radius:4px}.btn{display:inline-block}
.foot{border-top:1px solid #e5e5e5;margin-top:40px;font-size:13px;line-height:1.7}.flinks a{margin-right:14px;color:#555}.biz{color:#888;margin:8px 0}.page h3{margin-top:20px}