/* 모든 페이지 공통: 상단 메뉴, 하단 링크, 광고 자리 */
@font-face{font-family:'Black Han Sans';src:url('fonts/BlackHanSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}

.sitehead{background:#101214;border-bottom:1px solid #2c3138;position:relative;z-index:30;
  font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;line-height:1.4}
.sitehead .in{max-width:1200px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:6px}
.sitehead .brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:#eceef1;text-decoration:none;
  font-weight:900;font-size:17px;white-space:nowrap}
.sitehead .brand i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#12354d;
  color:#ffd23f;font-style:normal;font-family:'Black Han Sans',sans-serif;font-size:18px;font-weight:400}
.gnav{display:flex;gap:2px}
.gnav a,.gnav .soon{display:flex;align-items:center;gap:6px;padding:9px 13px;border-radius:8px;font-size:15px;
  color:#b4bac1;text-decoration:none;white-space:nowrap}
.gnav a:hover{color:#eceef1;background:#1f2227}
.gnav a[aria-current="page"]{color:#eceef1;background:#12354d;font-weight:700}
.gnav .soon{color:#868d96;cursor:default}
.sitehead .badge{font-size:11px;padding:2px 6px;border-radius:5px;background:#2b2f35;color:#c7ccd2;font-weight:500}

/* 휴대폰: ☰ 버튼으로 여닫는 메뉴 (자바스크립트 없이 동작) */
.sitehead details.mnav{display:none;margin:0;padding:0;border:0}
.sitehead .mnav summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;
  border-radius:8px;color:#eceef1}
.sitehead .mnav summary::-webkit-details-marker{display:none}
.sitehead .mnav summary:before{content:none}
.sitehead .mnav summary .x{display:none}
.sitehead .mnav[open] summary .x{display:block}
.sitehead .mnav[open] summary .bars{display:none}
.sitehead .mnav nav{position:absolute;left:0;right:0;top:100%;background:#101214;border-bottom:1px solid #2c3138;
  box-shadow:0 12px 24px rgba(0,0,0,.45);display:flex;flex-direction:column;padding:4px 0 8px}
.sitehead .mnav nav a,.sitehead .mnav nav .soon{padding:14px 20px;font-size:16px;color:#eceef1;text-decoration:none;
  display:flex;align-items:center;gap:8px}
.sitehead .mnav nav .soon{color:#868d96}
.sitehead .mnav nav a[aria-current="page"]{color:#2aa9ff;font-weight:700}

@media (max-width:820px){
  .sitehead .in{height:54px;padding:0 6px 0 16px}
  .sitehead .brand{font-size:16px}
  .sitehead .brand i{width:30px;height:30px;font-size:17px}
  .gnav{display:none}
  .sitehead details.mnav{display:block}
}

/* 광고 자리: 광고 코드를 넣기 전에는 보이지 않는다 */
.ad-slot{display:flex;justify-content:center;max-width:1200px;margin:0 auto;padding:0 24px}
.ad-slot:empty{display:none}

.sitefoot{border-top:1px solid #2c3138;background:#101214;color:#a3a9b1;font-size:14px;line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}
.sitefoot .in{max-width:1200px;margin:0 auto;padding:26px 24px 38px;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center}
.sitefoot a{color:#a3a9b1;text-decoration:none}
.sitefoot a:hover{color:#eceef1;text-decoration:underline}
.sitefoot .cp{margin-left:auto}
@media (max-width:820px){.sitefoot .in{padding:22px 16px 32px}.sitefoot .cp{margin-left:0;width:100%}}