/* --- old web vibe reset --- */
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body{
  font-family: "MS PGothic", "MS Gothic", "Dotum", "Gulim", monospace;
  font-size: 14px;
  line-height: 1.5;
  background: #f3f3f3;
  color: #111;
}

/* 전체 레이아웃 */
.layout{
  display: grid;
  grid-template-columns: 300px 1fr; /* ✅ 메뉴 넓힘 */
  min-height: 100vh;
}

/* 왼쪽 메뉴 */
.sidebar{
  padding: 18px 16px;
  background: #e9e9e9;
  border-right: 2px solid #777;
}

/* 로고/타이틀 */
.logo{
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* 구분선 느낌 */
.sidebar .divider{
  border: 0;
  border-top: 1px dashed #555;
  margin: 10px 0 12px;
}

/* 메뉴: 상자 없이 텍스트만 */
.menu{
  display: block;
}

.menu a{
  display: block;
  padding: 2px 0;
  color: #0000ee;            /* 옛날 링크 파란색 */
  text-decoration: underline; /* 옛날 링크 느낌 */
}

.menu a:visited{
  color: #551a8b;            /* 방문 링크 보라색 */
}

.menu a:hover{
  background: #dcdcdc;       /* 살짝만 강조 */
}

/* 선택된 메뉴 표시 (선택) */
.menu a.active{
  color: #c00000;
  font-weight: 700;
}

/* 사이드 푸터 작은 글 */
.side-footer{
  margin-top: 14px;
  font-size: 12px;
  color: #333;
}

/* 오른쪽 본문 */
.content{
  padding: 18px 22px;
  background: #ffffff;
}

/* 본문 카드도 “세련” 빼고 옛날 박스 느낌 */
.card{
  border: 2px solid #777;
  background: #fff;
  padding: 12px 14px;
  margin-bottom: 12px;
}

/* 제목도 옛날 느낌 */
h1, h2, h3{
  margin: 0 0 10px 0;
  font-weight: 700;
}

p{ margin: 8px 0; }

/* 작은 글 */
.small{ font-size: 12px; color:#333; }