@charset "utf-8";


<!-- 유튜브 영상 재생 관련 START-->
/* 기존에 썼던 .bg-video-layer(고정 배경) 규칙은 주석/삭제하세요 */
.bg-video-layer { display: none !important; }

/* 섹션형 히어로 */
.hero-yt{
  position: relative;
  width: 100%;
  height: 100vh;          /* 한 화면 꽉 채움 */
  overflow: hidden;
  z-index: 0;             /* 본문과 자연스러운 레이어 */
}

/* 16:9를 화면에 ‘덮도록’ 정중앙 배치 */
.hero-yt__frame{
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 177.78vh;        /* 100 * 16 / 9 */
  height: 100vh;
  min-width: 100vw;
  min-height: 56.25vw;    /* 100 * 9 / 16 */
}
.hero-yt__frame iframe{ width:100%; height:100%; pointer-events:none; }

/* 오버레이 텍스트(선택) */
.hero-yt__overlay{
  position: relative; z-index: 1;
  height: 100%;
  display: grid; place-items: center;
  text-align: center; color: #fff;
  padding: 0 24px;
}

/* 홈에서만 보이게 (body 클래스에 맞춰 사용) */
body:not(.list-page) .hero-yt { display: none !important; }







/* 홈(커버/리스트)에서만 footer 숨김 */
html.page-cover-support body.list-page #footer {
  position: absolute !important;
  left: -99999px !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* 홈에서 푸터 자리 미는 하단 패딩/마진 제거 */
html.page-cover-support body.list-page #wrap,
html.page-cover-support body.list-page #container,
html.page-cover-support body.list-page #content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* 리스트 페이지가 아닐 때는 footer 정상 표시 */
body:not(.list-page) #footer {
  position: static !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 40px 0 !important;   /* 테마 값에 맞게 조절 */
  margin: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}


/* 편집하기 전에 <사용자화된 CSS 활성화> 옵션이 켜져 있는지 확인하십시오. 이 줄 아래에 사용자화 스타일 시트 코드를 입력하면 됩니다. */