index.html

<!doctype html><html lang="ko"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>비교노트 | 사기 전에 보는 비교와 계산 도구</title><meta name="description" content="살림·육아·반려 용품의 사양과 판매처를 비교해 둔 모음이에요."><link rel="canonical" href="https://whereisdw.github.io/picknote/"><meta property="og:type" content="article"><meta property="og:locale" content="ko_KR"><meta property="og:title" content="비교노트 | 사기 전에 보는 비교와 계산 도구"><meta property="og:description" content="살림·육아·반려 용품의 사양과 판매처를 비교해 둔 모음이에요."><meta property="og:url" content="https://whereisdw.github.io/picknote/"><style>:root{--bg:#F5F5F5;--accent:#333;--text:#222}
details{margin:16px 0}summary{cursor:pointer;padding:12px 0;font-weight:700}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",
"Noto Sans KR",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
main{max-width:640px;margin:0 auto;padding:24px 16px 64px}
.disc{background:#fff;border:2px solid var(--accent);border-radius:12px;padding:12px 14px;font-size:15px;
font-weight:600;margin:0 0 20px}
h1{font-size:24px;margin:8px 0 4px}.sub{margin:0 0 20px;opacity:.8}
.item{background:#fff;border-radius:16px;padding:18px;margin:0 0 16px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.num{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;
font-weight:700;font-size:14px}.date{font-size:13px;opacity:.6;margin-left:8px}
h2{font-size:19px;margin:10px 0 8px}ul{margin:0 0 12px;padding-left:18px}li{margin:2px 0}li a{display:inline-block;padding:10px 0}
.scene{font-size:15px;font-weight:800;color:#d9480f;margin:0 0 10px}
.prod{font-size:14px;opacity:.75;margin:0 0 12px}
.btn{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;
font-weight:700;border-radius:12px;padding:13px}.more{display:block;text-align:center;font-size:14px;padding:11px 0;
margin-top:8px;color:var(--text);opacity:.7}
.item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:0 0 12px}
.meta{display:flex;align-items:center}.sec{font-size:17px;margin:24px 0 12px}.sec small{font-weight:400;opacity:.6;font-size:13px}
.deal{background:#fff;border-radius:18px;padding:18px;margin:0 0 14px;box-shadow:0 2px 8px rgba(49,130,246,.12);
border:1px solid #e5eefc}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.badge{font-size:13px;font-weight:700;border-radius:999px;padding:3px 10px;background:#eef4ff;color:#1b64da}
.badge.hot{background:#fff1f0;color:#e5372b}.hook{font-size:30px;font-weight:800;line-height:1.15;margin:2px 0 6px;
color:#191f28}.deal h2{font-size:17px;margin:0 0 6px}.deal h2 small{font-weight:400;opacity:.6;font-size:13px}
.btn.toss{background:#3182f6;font-size:17px;padding:16px}
.btn.naver{background:#03c75a;font-size:17px;padding:16px}
.acc{display:block;background:#fff;border-radius:16px;padding:18px;margin:0 0 12px;color:inherit;
text-decoration:none}.acc b{font-size:18px}footer{font-size:13px;opacity:.6;margin-top:24px}
</style></head><body><main><p class="disc">이 페이지는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.</p><h1>비교노트</h1><p class="sub">살림·육아·반려 용품을 사기 전에 빠르게 고르도록 정리한 비교와 계산 도구예요. 후기가 아니라 사양표와 제조사 표기 기준이에요.</p><h2 class="sec">🎯 나에게 맞는 제품 고르기</h2><a class="acc" href="salim/tools/mat-finder/"><b>탄소매트·온수매트 고르기</b></a><a class="acc" href="salim/tools/food-waste-finder/"><b>음식물처리기 고르기</b></a><a class="acc" href="salim/tools/humidifier-finder/"><b>에어메이드 가습기 고르기</b></a><a class="acc" href="baby/tools/kickboard-finder/"><b>스쿳앤라이드 킥보드 고르기</b></a><a class="acc" href="pet/tools/dryroom-finder/"><b>펫드라이룸 고르기</b></a><a class="acc" href="pet/tools/feeder-finder/"><b>디클펫 자동급식기 고르기</b></a><h2 class="sec">🧮 바로 계산하기</h2><a class="acc" href="salim/tools/heater-cost/"><b>전기장판·전기매트 전기세 계산기</b></a><a class="acc" href="baby/tools/baby-months/"><b>아기 개월수 계산기</b></a><a class="acc" href="pet/tools/dog-age/"><b>강아지 나이 계산기</b></a><a class="acc" href="pet/tools/cat-age/"><b>고양이 나이 계산기</b></a><h2 class="sec">🔎 분야별 비교</h2><a class="acc" href="salim/"><b>살림템 정리노트</b><br>주방·수납·청소 생활템과 생활 가전</a><a class="acc" href="baby/"><b>육아템 정리노트</b><br>젖병·카시트·유모차 등 육아용품</a><a class="acc" href="pet/"><b>멍냥템 정리노트</b><br>강아지·고양이 용품과 펫 가전</a><p class="prod" style="text-align:center;margin-top:20px"><a style="display:inline-block;padding:14px 8px" href="https://whereisdw.github.io/picknote/about/">비교노트는 어떻게 만드나요?</a></p></main></body></html>