/* 원본 Divi 의 드롭다운 동작 복원 (하위메뉴는 hover 전까지 감춤) */
#top-menu li ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  width: 240px;
  padding: 14px 0;
  background: #fff;
  border-top: 3px solid #1f3fa8;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
#top-menu li:hover > ul.sub-menu,
#top-menu li:focus-within > ul.sub-menu {
  visibility: visible;
  opacity: 1;
  transform: none;
}
#top-menu li ul.sub-menu li {
  display: block;
  width: 100%;
  padding: 0 20px;
}
#top-menu li ul.sub-menu a {
  display: block;
  padding: 7px 0;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
}
#top-menu > li {
  position: relative;
}
.et_mobile_menu { display: none; }


/* Divi 아이콘 폰트 (드롭다운 화살표·버튼 화살표 등 모든 아이콘) */
@font-face {
  font-family: 'ETmodules';
  src: url('/school-legacy/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format('woff'),
       url('/school-legacy/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Divi 버튼 화살표는 기본이 hover 시에만 나타난다. 원본처럼 항상 보이게. */
#page-container .et_pb_button::after {
  font-family: 'ETmodules' !important;
  content: '\35' !important;
  opacity: 1 !important;
  display: inline-block !important;
  margin-left: 0.3em;
  font-size: 1em;
  line-height: 1;
  vertical-align: middle;
}

/* Divi 갤러리는 JS 로 슬라이더를 초기화한다. JS 를 안 가져왔으므로 격자로 펼친다. */
#page-container .et_pb_gallery_items {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
  width: 100% !important;
  transform: none !important;
}
#page-container .et_pb_gallery_item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}
#page-container .et_pb_gallery_image {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
}
#page-container .et_pb_gallery_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#page-container .et_pb_gallery_pagination,
#page-container .et-pb-slider-arrows {
  display: none !important;
}

/* 게시판 화면을 이식본 디자인과 같은 폭·간격으로 */
.sc-section, .sc-article {
  max-width: 1080px;
  margin: 0 auto;
  padding: 56px 24px 72px;
}
.sc-section .container, .sc-article .container { padding: 0; }
.sc-tab.is-active { background: #1f3fa8; border-color: #1f3fa8; }
.sc-btn { background: #1f3fa8; border-color: #1f3fa8; }
.sc-head h2 { font-size: 30px; letter-spacing: -0.03em; }
.sc-eyebrow { color: #1f3fa8; }
.sc-row-title, .sc-article-body { font-family: Pretendard, 'Noto Sans KR', sans-serif; }
.sc-article-body { font-size: 17px; line-height: 1.85; }