@font-face{font-family:PN;src:url('../assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#f7f8f3;color:#20332b;font:14px/1.7 PN,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e56b44;outline-offset:4px}[hidden]{display:none!important}
header{max-width:1480px;margin:auto;padding:24px 40px;border-bottom:1px solid #dae0d7;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1px}.brand b{background:#203d33;color:#fff;padding:0 11px;font-size:30px;border-radius:7px}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#7b857c}header nav{display:flex;gap:28px;font-size:12px}main{max-width:1480px;padding:0 40px;margin:auto}.intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center;padding:62px 0 55px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#d4633e;margin:0 0 20px}h1{font-size:clamp(36px,4.3vw,64px);line-height:1.15;letter-spacing:-3px;margin:0 0 22px}h1 span{color:#6e876c}.lead{font-size:14px;color:#758075}.feature{background:#e8eee3;padding:35px;border:1px solid #dce4d6}.feature img{width:100%;height:230px;object-fit:contain}.feature p{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;margin:20px 0 0;padding-top:15px;border-top:1px solid #cbd5c3}.toolbar{border-top:1px solid #d8dfd2;padding:24px 0;display:flex;flex-direction:column;gap:18px}.categories,.options{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.categories button{padding:9px 16px;border:1px solid #d6dfd1;background:none;border-radius:5px;color:inherit;font-size:12px}.categories button[aria-pressed=true]{background:#203d33;color:white;border-color:#203d33}.options{gap:20px}.options label{display:flex;align-items:center;gap:10px;font-size:12px;color:#677568}select,input{border:1px solid #d6dfd1;background:white;border-radius:5px;padding:9px 12px;color:#20332b;font-size:12px;min-height:40px}#query{margin-left:auto;width:250px}.result{display:flex;justify-content:space-between;font-size:11px;color:#7b867d;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.logo-card{min-width:0}.logo-view{border:1px solid #e0e5db;border-radius:6px;background:white;padding:0;width:100%;display:block;position:relative;overflow:hidden;color:inherit}.logo-view img{display:block;width:100%;height:auto;aspect-ratio:600/280;object-fit:contain}.logo-view:hover{border-color:#779374}.logo-view:after{content:'확대 보기 ↗';position:absolute;right:12px;bottom:10px;font-size:9px;opacity:0;color:#687a67}.logo-view:hover:after,.logo-view:focus-visible:after{opacity:1}.logo-meta{display:flex;align-items:start;justify-content:space-between;gap:8px;padding:12px 1px}.logo-meta small{font-size:9px;color:#788575;letter-spacing:.4px}.logo-meta h2{font-size:14px;letter-spacing:-.3px;margin:3px 0}.pick{font-size:10px;color:#657460;display:flex;gap:5px;align-items:center;white-space:nowrap;margin-top:5px}.pick input{width:15px;height:15px;min-height:0;accent-color:#203d33;margin:0;padding:0}.logo-card[data-selected=true] .logo-view{border:2px solid #203d33}.surface-soft .logo-view,.surface-soft .detail-art{background:var(--soft,#e8eee3)}.surface-grid .logo-view,.surface-grid .detail-art{background-color:#fff;background-image:conic-gradient(#eef0ed 25%,transparent 0 50%,#eef0ed 0 75%,transparent 0);background-size:20px 20px}.note{border-top:1px solid #d8dfd2;margin-top:50px;padding:35px 0}.note b{font-size:23px;letter-spacing:-1px}.note p{max-width:700px;color:#6d7b6c;font-size:13px}.note a{font-size:12px;font-weight:700}footer{max-width:1480px;margin:auto;padding:30px 40px 90px;display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d8dfd2;font-size:10px;color:#7b867d}.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:5;padding:14px 22px;border-radius:8px;background:#203d33;color:white;box-shadow:0 10px 40px #203d3330;font-size:12px}.compare-bar button{border:1px solid #ffffff55;color:white;background:none;padding:8px 12px;border-radius:4px}.compare-bar #compare-open{background:#e6efdc;color:#203d33}.compare-bar span{white-space:nowrap}dialog{width:min(960px,94vw);max-height:90vh;overflow:auto;border:0;background:#f7f8f3;padding:28px;border-radius:10px;box-shadow:0 30px 100px #10231c50;color:#20332b}dialog::backdrop{background:#10231cbb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:20px}.dialog-top button{background:none;border:1px solid #d6dfd1;color:inherit;padding:7px 12px;border-radius:4px}.detail-art{background:white;border:1px solid #e0e5db}.detail-art img{display:block;width:100%;height:auto;max-height:380px}.detail-copy{display:flex;justify-content:space-between;gap:30px;margin-top:24px}.detail-copy h2{font-size:24px;margin:0 0 8px}.detail-copy p{font-size:13px;margin:0 0 10px;max-width:540px}.detail-copy small{font-size:11px;color:#7b867d}.downloads{display:flex;gap:8px;align-items:start;flex-shrink:0}.downloads a,.downloads button{background:#203d33;color:white;border:0;border-radius:4px;padding:11px 15px;font-size:12px}.export-note{font-size:11px;color:#7b867d;margin-top:20px}#comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}#comparison figure{margin:0;border:1px solid #d8dfd2;background:white;padding:15px}#comparison img{width:100%;display:block}#comparison figcaption{font-size:12px;margin-top:10px}#empty{padding:40px 0}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro{gap:35px}.detail-copy{flex-direction:column}}
@media(max-width:700px){header{padding:18px 20px}.brand{font-size:11px}.brand b{font-size:26px}header nav{gap:12px;font-size:10px}header nav a:first-child{display:none}main{padding:0 20px}.intro{padding:35px 0;gap:25px;grid-template-columns:1fr}h1{font-size:42px;letter-spacing:-2px}.lead{margin-bottom:0}.feature{padding:20px}.feature img{height:160px}.feature p{font-size:7px}.toolbar{padding:20px 0;gap:15px}.categories{gap:6px}.categories button{padding:8px 10px;font-size:11px}.options{gap:10px}.options label{flex:1;justify-content:space-between}.options select{max-width:140px}#query{width:100%;margin:0}.result span:last-child{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.logo-meta{display:block}.logo-meta h2{font-size:12px}.logo-meta small{font-size:8px}.logo-view img{aspect-ratio:1.4;object-fit:contain}.pick{font-size:10px}.logo-view:after{display:none}footer{padding:25px 20px 110px;display:block}footer span{display:block;margin-bottom:8px}.compare-bar{width:calc(100% - 24px);gap:9px;padding:12px;justify-content:space-between;font-size:11px}.compare-bar button{font-size:11px;padding:8px}.detail-copy{gap:18px}.detail-art img{min-height:180px}dialog{padding:20px}.detail-copy h2{font-size:21px}#comparison{grid-template-columns:1fr}.note b{font-size:21px}}