:root{--ink:#1f2024;--muted:#6f7077;--line:#e8e4e2;--rose:#a96f72;--rose-dark:#835456;--soft:#f8f4f2;--soft2:#fcfaf9;--white:#fff;--shadow:0 14px 40px rgba(48,33,31,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand{font-size:22px;font-weight:800;letter-spacing:-.5px}.brand span{font-size:13px;color:var(--rose);margin-left:6px}.top nav{display:flex;gap:24px;font-size:14px;align-items:center}.top nav a:hover{color:var(--rose)}.navRank{padding:10px 14px;border:1px solid #d8b5b1;border-radius:999px;font-weight:800;color:var(--rose-dark)}
.hero{padding:76px 6vw 46px;background:radial-gradient(circle at 82% 20%,#f4e4df 0,transparent 30%),linear-gradient(135deg,#fff 0%,#fbf5f3 100%)}.heroInner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:42px;align-items:center;max-width:1280px;margin:auto}.hero h1{font-size:56px;line-height:1.09;margin:10px 0 18px;letter-spacing:-2.5px}.hero h1 em{font-style:normal;color:var(--rose-dark)}.heroLead{max-width:700px;color:var(--muted);font-size:17px;line-height:1.7;margin:0}.eyebrow{font-size:12px!important;color:var(--rose)!important;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.searchbar{display:flex;gap:10px;margin-top:30px;max-width:780px}.searchbar input,.searchbar select{border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;font-size:16px;box-shadow:0 8px 30px rgba(0,0,0,.025)}.searchbar input{flex:1}.searchbar select{min-width:150px}.searchbar input:focus,.searchbar select:focus{outline:3px solid rgba(169,111,114,.14);border-color:#cba09c}.quickLinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.quickLinks a{font-size:12px;font-weight:800;color:var(--rose-dark)}.heroPanel{background:rgba(255,255,255,.88);border:1px solid rgba(222,203,199,.9);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.heroPanelTitle{font-weight:800;margin-bottom:8px}.heroFact{display:flex;flex-direction:column;gap:4px;padding:15px 0;border-bottom:1px solid var(--line)}.heroFact:last-child{border-bottom:0}.heroFact strong{font-size:15px}.heroFact span{font-size:12px;color:var(--muted);line-height:1.5}.stats{display:flex;gap:54px;max-width:1280px;margin:42px auto 0}.stats div{display:flex;flex-direction:column}.stats strong{font-size:20px}.stats span{font-size:12px;color:var(--muted);margin-top:5px}.trustStrip{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:16px 6vw;border-top:1px solid #f0e9e6;border-bottom:1px solid #f0e9e6;background:#fff;font-size:12px;color:#6f615f}
.section{padding:66px 6vw;max-width:1440px;margin:auto}.soft{background:var(--soft);max-width:none}.soft>*{max-width:1268px;margin-left:auto;margin-right:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section h2{font-size:34px;margin:7px 0 15px;letter-spacing:-1.2px}.section-head>span{font-size:12px;color:var(--muted);white-space:nowrap}.sectionDesc{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}.card .area{font-size:12px;color:var(--rose);font-weight:700}.card h3{margin:9px 0;font-size:20px;letter-spacing:-.4px}.card p{font-size:13px;color:var(--muted);line-height:1.55;min-height:40px}.badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.badge{background:var(--soft);border-radius:999px;padding:7px 9px;font-size:11px}.price{font-weight:800;color:var(--rose)}.chips,.criteria{display:flex;flex-wrap:wrap;gap:10px}.chips button,.criteria span{border:1px solid var(--line);background:#fff;padding:11px 14px;border-radius:999px;cursor:pointer}.chips button:hover{border-color:#d2aaa6;color:var(--rose-dark)}.empty{color:var(--muted);font-size:13px;margin-top:20px}.clickable{cursor:pointer;transition:.18s}.clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dec4c1}.more{margin-top:18px;font-size:12px;font-weight:700;color:var(--rose)}
.compareIntro{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compareGrid div{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--soft2);display:flex;flex-direction:column;gap:7px}.compareGrid b{font-size:17px}.compareGrid span{font-size:13px;color:var(--muted);line-height:1.5}.methodSection{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;border-top:1px solid var(--line)}.methodCopy p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:700px}.criteria span{background:var(--soft2);font-weight:700;color:#655a58}
.cardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.dataReady{font-size:10px;font-weight:800;color:#6f554f;background:#f5e7e2;border-radius:999px;padding:5px 8px}.verifiedPrice{background:#f4e4df;color:#85544e}.pendingPrice{font-weight:700;color:#8b7a77;background:#f7f5f4}.card:focus-visible{outline:3px solid rgba(169,111,114,.28);outline-offset:3px}.listControls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.listControls button{border:1px solid #c99b96;background:#fff;color:#85544e;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer}.listControls button:hover{background:var(--soft)}
.detailHero{padding:62px 8vw;background:linear-gradient(135deg,#fbf5f3,#fff)}.detailHero h1{font-size:42px;margin:8px 0;letter-spacing:-1.5px}.back{font-size:13px;margin-bottom:35px;color:var(--muted)}.detailGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:28px}.detailBlock,.sideCard{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px;background:#fff}.detailBlock h2{font-size:22px;margin:0 0 10px}.blockHint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 16px}.kv{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.kv:last-child{border-bottom:0}.kv span{color:var(--muted)}.info-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.info-row span{color:var(--muted)}.pending{background:var(--soft);border-radius:12px;padding:18px;color:var(--muted);font-size:14px}.pending.big{text-align:center;padding:34px}.pending small{font-weight:400}.pricebox{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--soft);border-radius:14px;padding:18px;margin-bottom:12px}.pricebox div{display:flex;flex-direction:column}.pricebox small{color:var(--muted);margin-bottom:5px}.pricebox p{grid-column:1/-1;font-size:12px;color:var(--muted);margin:8px 0 0}.roleTabs{display:flex;gap:8px;margin-bottom:12px}.roleTabs span{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:12px}.sideCard{position:sticky;top:92px}.sideCard p{font-size:13px;color:var(--muted);line-height:1.7}.sideCta{display:block;margin-top:16px;text-align:center;border-radius:10px;background:var(--rose-dark);color:white;padding:11px;font-size:12px;font-weight:800}
.reviewScore{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.reviewScore strong{font-size:48px}.reviewScore small,.reviewScore span,.reviewScore p{color:var(--muted)}.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metricGrid div{display:flex;justify-content:space-between;background:var(--soft);padding:11px 13px;border-radius:10px;font-size:13px}.reviewItem{border-top:1px solid var(--line);padding:16px 0}.reviewItem>div{display:flex;justify-content:space-between;font-size:12px}.reviewItem span{color:var(--muted)}.reviewItem p{font-size:14px;line-height:1.65}.reviewNotice{font-size:12px;color:var(--muted);margin-top:15px}.reviewWrite{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.reviewWrite h3{margin:0 0 14px}.loginRow,.signed{display:flex;gap:8px;align-items:center;margin-bottom:8px}.loginRow input{flex:1;padding:12px;border:1px solid var(--line);border-radius:9px}.loginRow button,.signed button,.submitReview{padding:11px 15px;border:0;border-radius:9px;cursor:pointer;font-weight:700}.scoreInputs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}#reviewForm label,#consultForm label{display:flex;flex-direction:column;gap:6px;font-size:13px;margin:10px 0}#reviewForm select,#reviewForm textarea,#consultForm input,#consultForm textarea{padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}#reviewForm textarea,#consultForm textarea{min-height:110px;resize:vertical}.submitReview{margin-top:5px}.submitReview:disabled{opacity:.55;cursor:not-allowed}
.rankingHero{padding:70px max(6vw,30px) 34px;border-bottom:1px solid var(--line);background:#fbf8f7}.rankingHero h1{font-size:42px;margin:8px 0 12px}.rankingHero p{color:#6e6260}.rankingControls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0}.rankTabs{display:flex;gap:8px;flex-wrap:wrap}.rankTab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;cursor:pointer}.rankTab.active{font-weight:800;border-color:#b86b64}.rankingControls select{padding:10px 36px 10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.rankingNote{font-size:13px;color:#766a68;margin-bottom:16px}.rankRow{display:grid;grid-template-columns:70px 1fr 120px;gap:16px;align-items:center;padding:18px 10px;border-bottom:1px solid var(--line);cursor:pointer}.rankNo{font-size:26px;font-weight:800;text-align:center}.rankHall{display:flex;flex-direction:column;gap:4px}.rankHall small,.rankHall span{color:#776b69}.rankHall b{font-size:18px}.rankScore{text-align:right}.rankScore strong{font-size:25px}.rankScore span{display:block;color:#887b79;font-size:12px}.rankingEmpty{padding:65px 20px;text-align:center;background:#faf7f6;border-radius:14px}.rankingEmpty b,.rankingEmpty span{display:block}.rankingEmpty span{margin-top:9px;color:#776b69}.pendingRank{opacity:.7}.pendingRank .rankNo{font-size:13px;color:var(--muted)}.pendingRank .rankScore strong{font-size:14px;color:var(--muted)}
footer{padding:34px 6vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:grid;gap:8px;background:#fcfbfa}footer div{display:flex;gap:10px;align-items:center}footer b{color:var(--ink);font-size:15px}footer p{max-width:820px;line-height:1.6;margin:0}
@media(max-width:980px){.heroInner{grid-template-columns:1fr}.heroPanel{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.heroPanelTitle{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.compareIntro,.methodSection{grid-template-columns:1fr}}
@media(max-width:800px){.top{height:62px;padding:0 5vw}.brand{font-size:19px}.brand span{display:none}.top nav{display:none}.hero{padding:48px 5vw 38px}.hero h1{font-size:38px;letter-spacing:-1.6px}.heroLead{font-size:14px}.searchbar{position:sticky;top:70px;z-index:3;background:rgba(255,255,255,.96);padding:8px 0;margin-top:24px;flex-direction:column}.searchbar input,.searchbar select{width:100%;min-width:0;padding:14px}.heroPanel{grid-template-columns:1fr;padding:20px}.stats{margin-top:28px;gap:18px;flex-wrap:wrap}.stats strong{font-size:18px}.trustStrip{justify-content:flex-start;gap:10px;padding:14px 5vw}.section{padding:45px 5vw}.section-head{align-items:flex-start;gap:10px;flex-direction:column}.section h2{font-size:28px}.cards{grid-template-columns:1fr;gap:13px}.card{padding:18px}.card h3{font-size:19px}.card p{min-height:0}.listControls{align-items:stretch;flex-direction:column}.listControls button{width:100%}.compareGrid{grid-template-columns:1fr 1fr}.detailGrid{grid-template-columns:1fr}.detailHero{padding:42px 5vw}.detailHero h1{font-size:32px}.detailBlock,.sideCard{padding:18px}.kv{grid-template-columns:76px 1fr}.info-row{flex-direction:column;gap:5px}.pricebox{grid-template-columns:1fr 1fr}.pricebox b{font-size:14px}.sideCard{position:static}.rankingHero{padding:48px 5vw 28px}.rankingHero h1{font-size:32px}.rankingControls{align-items:stretch;flex-direction:column}.rankingControls select{width:100%}.rankTabs{display:grid;grid-template-columns:1fr 1fr}.rankTab{padding:10px 8px}.rankRow{grid-template-columns:42px minmax(0,1fr) 88px;gap:8px;padding:15px 2px}.rankNo{font-size:20px}.rankHall b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankHall span{font-size:11px}.rankScore strong{font-size:18px}.rankScore span{font-size:10px}.pendingRank .rankScore span{display:none}}
@media(max-width:650px){.reviewScore{grid-template-columns:1fr}.metricGrid{grid-template-columns:1fr}.scoreInputs{grid-template-columns:1fr}.loginRow{flex-direction:column;align-items:stretch}}
@media(max-width:430px){.hero h1{font-size:32px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compareGrid{grid-template-columns:1fr}.pricebox{grid-template-columns:1fr}.pricebox p{grid-column:1}.roleTabs{overflow-x:auto;white-space:nowrap}.detailHero h1{font-size:28px}.section{padding:38px 5vw}}