@font-face {
  font-family: "Pretendard";
  src: url("/www/font/Pretendard-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard";
  src: url("/www/font/Pretendard-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Simple CSS Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
ul, ol { list-style: none; }
a { text-decoration: none; color: inherit; }

.container {background-color:#f8f9fa;color:#2c3e50;font-family:'Pretendard','Noto Sans KR',sans-serif;font-weight:400;font-size:1rem;}
.wrapper {max-width:1080px;margin:0 auto;position:relative;}
.topmenu {display:flex;justify-content:space-between;align-items:center;z-index:10;padding:8px;background-color:#1a252f;color:#fff;}
.toplogo {display:block;font-size:1.25rem;font-weight:800;color:#F6C604;letter-spacing:-0.5px;text-decoration:none;}
.topimg {width:24px;height:24px;filter:drop-shadow(0 0 5px rgba(0, 242, 254, 0.4));}
.topimg:hover {transform:scale(1.1);cursor:pointer;}

.login-box {position:absolute;top:60px;right:24px;width:240px;padding:20px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12);display: none;z-index: 1000;}
.login-box.show {display: block;}
.login-box input {width:100%;box-sizing:border-box;margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:8px;}
.login-box button {width:100%;padding:10px;border:none;border-radius:8px;background:#222;color:#fff;cursor:pointer;}

.bookmark {padding:20px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}

.card {width:172px;padding-bottom:16px;background-color:#ffffff;border-radius:4px;box-shadow:0 8px 24px rgba(26, 37, 47, 0.06);overflow:hidden;transition:transform 0.3s ease, box-shadow 0.3s ease;border:1px solid #eee;text-align:left;}
.cart {margin:0;padding:2px 8px;background-color:#34495e;color:#ADBBDA;}
.cdir {padding:4px 8px;margin:8px;border-left:3px solid #34495e;cursor:pointer;}
.cdir.cs1 {color:#2c3e50;border-color:#bdc3c7;} 
.cdir.cs2 {color:#3498db;border-color:#3498db;font-weight:700;}
.cdir.cs3 {color:#e74c3c;border-color:#e74c3c;font-weight:700;}
.cdir:hover {transform: translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.16);}