@charset "UTF-8";

/* fonts css */
@import url("fonts.css");
@import url("base.css");
/* rest css */
@import url("reset.css");
/* library lib css */
/* base layour css */
@import url("icon.css");
@import url("modal.css");
@import url("../../styles/common.css");
@import url("common.css");
/* 콘텐츠 스타일만 로드한다. 에디터 UI CSS(213KB 중 88%)는 에디터 페이지에서만 필요하며
   해당 컴포넌트가 이미 `import 'ckeditor5/ckeditor5.css'` 한다.
   어느 규칙을 남겼는지와 그 근거는 content.css 헤더에 있다. */
@import url("../../styles/content.css");
@import url("../../styles/ckeditor-ui.css");

:root {
  scroll-padding-top: 160px;
}

:root:has(#global_search:focus) {
  scroll-padding-top: 0;
}

/* 본문 폭. **max-width 여야 한다** — width 로 고정하면 쓸 수 있는 공간이 780px 보다
   좁을 때 그 차이만큼 본문이 컨테이너 밖으로 그대로 삐져나간다.
   실측(공지 #11): 카드 안쪽 720px → 62px, 660px → 122px, 520px → 262px 초과.
   `word-break: break-all` 은 정상 동작 중이었고, 안 줄어드는 건 컨테이너 쪽이었다. */
.wiki-ck-content {
  max-width: 780px;
}

/* 본문·에디터 CSS 가 놓이는 곳 (셋 다 보고 판단할 것):
     ../../styles/content.css     — 저장된 본문의 조판. PC·모바일·에디터 공통 정본
     ../../styles/ckeditor-ui.css — **에디터 크롬만**(박스 크기·각주팝업·표 위젯).
                                    편집 중에만 존재하는 것이 아니면 content.css 소관이다.
                                    특정 화면 전용은 그 페이지 모듈 CSS 에. **PC 에서만 싣는다**
     이 파일                       — **PC 전용**만(뷰어 본문 폭). 본문 타이포·에디터 규칙은 두지 말 것
     common.css                   — **페이지별** 오버라이드. 공지는 `.bbs_detail.wiki-ck-content …`

   기기 공통인 규칙을 여기 쓰지 말 것 — 모바일 쪽과 값이 조용히 갈린다. */

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
  transform: translate3d(0px,0,0)
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: 50%;
  /* width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); */
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.image-bg {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 1);
}

.wiki_previous .image img {
  width: 100%;
  height: auto;
}