*{box-sizing:border-box} body{margin:0;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#222;background:#f6f6f4}
a{color:inherit} .wrap{max-width:1080px;margin:0 auto;padding:16px}
.pager{display:flex;gap:8px;justify-content:center;margin:24px 0}
.pager a,.pager span{padding:6px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;text-decoration:none}
.thumb{height:110px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:28px}

.top{background:#1d3557;color:#fff;padding:10px 16px;display:flex;justify-content:space-between}
.top b{font-size:20px} ul.goods-list{list-style:none;padding:0;margin:0}
li.goods{display:flex;gap:14px;background:#fff;margin-bottom:10px;padding:12px;border:1px solid #e3e3e3}
li.goods .thumb{width:110px;flex:none} .info{flex:1}
.goods-name{font-size:15px;font-weight:600;text-decoration:none} .cost{margin:6px 0}
.cost .rate{color:#e63946;font-weight:700;margin-right:6px} .cost del{color:#999;font-size:13px;margin-right:8px}
.cost b.sale{font-size:18px} .cost.soldout{color:#999;font-weight:700}
ul.benefit{list-style:none;padding:0;margin:4px 0;font-size:12px;color:#457b9d} ul.benefit li:before{content:'· '}
ul.benefit button{font-size:11px;margin-left:4px} .ship{font-size:12px;color:#2a9d8f}
.pager .now{background:#1d3557;color:#fff}