@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 45 920;
    font-display: swap;
    src: url('./fonts/PretendardVariable.woff2') format('woff2');
}

:root {
    --g5-ckeditor5-content-width: 800px;
    --ck-font-face: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    --ck-content-font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* 이미지 비율의 기준 너비를 상세페이지 본문(800px)과 동일하게 맞춘다. */
.g5-ckeditor5-wrap .ck-editor {
    box-sizing: border-box;
    width: 100%;
    /* 편집 가능 영역의 좌우 여백(.6em씩)과 테두리를 제외한 실제 본문이 800px이 되도록 한다. */
    max-width: calc(var(--g5-ckeditor5-content-width) + 1.2em + 2px);
    margin-right: auto;
    margin-left: 0;
}

.g5-ckeditor5-wrap .ck-editor__editable.ck-content {
    box-sizing: border-box;
    width: 100%;
    font-family: var(--ck-content-font-family);
}

/* 큰 픽셀 값도 글꼴 크기 메뉴에서는 일정한 크기의 라벨로 표시한다. */
.g5-ckeditor5-wrap .ck-fontsize-option .ck-button__label {
    font-size: var(--ck-font-size-base) !important;
}

/* /bbs/view.php에서 모든 게시판 스킨에 공통으로 추가하는 본문 래퍼 */
.ck-content.g5-ckeditor5-view-content {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--g5-ckeditor5-content-width);
    margin-right: auto;
    margin-left: auto;
    font-family: var(--ck-content-font-family);
}