@font-face{font-display:swap;font-family:Pretendard;font-weight:100;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:300;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:600;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:700;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:800;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-weight:900;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2) format("woff2")}:root{--primary:#ff8a00;--primary-light:#ffb347;--primary-soft:#fff3e0}html{box-sizing:border-box;margin:0;padding:0}body{font-family:Pretendard;margin:0}.container{display:flex;flex-direction:column}.content{flex:1;margin:50px 0}.top-bar{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;font-size:12px;justify-content:space-between;padding:6px 16px}.top-bar .time{color:#666}.top-bar .notice{display:flex;justify-content:end;width:130px}.top-bar .notice a{color:#333;text-decoration:none}.top-bar .notice a:hover{text-decoration:underline}.header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:16px;justify-content:space-between;padding:14px 20px}.logo{color:var(--primary);font-size:20px;font-weight:800;white-space:nowrap}.logo img{width:100px}.search-wrap{display:flex;flex:1;justify-content:center;max-width:500px}.search-input{border:1px solid #ddd;border-radius:8px 0 0 8px;max-width:100%;outline:none;padding:10px 12px;width:360px}.search-input:focus{border-color:var(--primary)}.search-btn{background:var(--primary);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-weight:700;padding:10px 16px;width:70px}.popular-keywords{align-items:center;display:flex;flex-shrink:0;max-width:220px;min-width:180px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.popular-wrap{align-items:center;color:#333;display:flex;font-size:12px;gap:6px;justify-content:center;width:250px}.popular-wrap .label{color:var(--primary);font-weight:700}.keyword{white-space:nowrap}@media(max-width:768px){.header{align-items:stretch;flex-direction:column;gap:10px}.logo{text-align:center}.popular-wrap,.search-wrap{justify-content:center;width:100%}}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translateY(100%)}.slide-leave-to{opacity:0;transform:translateY(-100%)}@media(max-width:768px){.search-input{width:80%}.search-btn{font-size:14px;padding:10px 12px;width:68px}}.layout{background:#f5f5f5;width:100%}.container{background:#fff;margin:0 auto;max-width:1200px}.category-nav{background:#fff9f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px 20px}.category-nav a{cursor:pointer;font-size:13px}.banner-grid a{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:16px}.banner-grid img{border:1px solid #e67600;border-radius:6px;width:100%}.top10-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:20px}@media(max-width:768px){.top10-grid{grid-template-columns:repeat(2,1fr)}.banner-grid a{grid-template-columns:repeat(1,1fr)}}.top10-box{background:#fff;border:1px solid #eee;height:440px;padding:12px}.top10-box h3{font-size:18px;margin-bottom:8px}.top10-box ul{border-top:1px solid;list-style:none;margin:0;padding:10px 0 0!important}.top10-box li{align-items:center;display:flex;gap:6px}.rank-img{height:30px;-o-object-fit:contain;object-fit:contain;width:30px}.rank{color:#ff9c28}.top10-box a{color:var(--text-dark);font-size:16px;text-align:center;text-decoration:none}.top10-box a:hover{color:var(--primary);text-decoration:none}.category-nav a{border-radius:6px;padding:4px 8px}.category-nav a:hover{background:var(--primary-soft);color:var(--primary)}.btn-primary{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px 14px}.btn-primary:hover{background:#e67600}.back-btn{background:var(--primary);border-radius:7px;color:#fff;display:flex;justify-content:center;padding:8px;text-decoration:none;width:50px}.back-btn:hover{background:#e67600}.grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.card{border:1px solid #eee;border-radius:8px;color:#222;display:block;overflow:hidden;text-decoration:none}.card img{height:130px;-o-object-fit:cover;object-fit:cover;width:100%}.info{padding:10px}.rank{color:#ff7a00;font-weight:700}.name{margin-top:4px;text-align:center}.name,.title{display:block}.title{font-size:20px;font-weight:700;margin-bottom:10px}.category-nav[data-v-19c4f5a8]{display:flex;flex-wrap:wrap;gap:12px}.category-link[data-v-19c4f5a8]{border-radius:20px;color:#333;font-size:14px;font-weight:600;padding:6px 12px;text-decoration:none;transition:.2s}.footer[data-v-e5b047a3]{background:#f9f9f9;border-top:1px solid #eee;color:#777;font-size:12px;line-height:1.5;padding:20px 16px;text-align:center}.error-wrap[data-v-af29373e]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 16px;text-align:center}.code[data-v-af29373e]{color:#ff8a00;font-size:96px;font-weight:900;margin-bottom:10px}.title[data-v-af29373e]{font-size:24px;font-weight:700;margin-bottom:14px}.desc[data-v-af29373e]{color:#666;font-size:15px;line-height:1.6}.btn[data-v-af29373e]{background:#ff8a00;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:30px;padding:12px 26px}.btn[data-v-af29373e]:hover{background:#ff7400}