header {  }
/*aside { position:absolute;left:0;top:0;background:#fff;width:100%;text-align:center;   display:none; }
aside ul { list-style:none; }*/

#sideMenu {
  position: fixed;
  top: 0;
  left: -250px; /* 숨김 상태 */
  width: 250px;
  height: 100%;
  background-color: #222;
  color: white;
  padding-top: 60px;
  transition: left 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
}
#menuButton {
  position:absolute;
  right:0;top:0;
  font-size: 24px;
  padding: 12px 20px;
  background-color: #333;
  color: white;
  border: none;
  cursor: pointer;
}
#sideMenu ul {
  list-style-type: none;
  text-align:center;
  margin:0;
  padding:0;
}
#sideMenu a {
  display: block;
  padding: 15px 25px;
  text-decoration: none;
  color: white;
}

#sideMenu a:hover {
  background-color: #444;
}

/* 닫기 버튼 */
#closeBtn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px;
  cursor: pointer;
}

.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 999;
}

.overlay.show {
  display: block;
}

.mainMenuList { display:flex;flex-wrap:wrap;flex:1 1 40%;list-style-type:none;margin:0; }
.mainMenuList li { text-align:center;width:50%;line-height:200%;border:1px solid; }
.mainMenuList .mainMenuSubject { text-align:center;width:100%;line-height:250%;border:1px solid; }

.indexFlex { display:flex; }
.tableFlex { display:flex; }
.tableFlex section { width:50%; }
.tableFlex section table { text-align:center;width:80%;margin:0 auto;border-collapse:collapse;border-spacing:0; }
.tableFlex section table td { border:1px solid; }


@media screen and (max-width:900px) {
  .indexFlex { display:block; }
  .tableFlex { display:block; }
  .tableFlex section { width:100%; }
  .tableFlex section table { width:95%; }
}