/*===========================================================================
	웹폰트
============================================================================*/
/* 프리텐다드 */
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url("/assets/fonts/Pretendard-Light.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("/assets/fonts/Pretendard-Regular.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("/assets/fonts/Pretendard-Medium.woff2") format("woff2");
    font-display: swap;
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("/assets/fonts/Pretendard-SemiBold.woff2") format("woff2");
    font-display: swap;
}

/* 가라몬드(Cormorant Garamond) */
/* .garamond {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
} */

/* 노토 세리프 (Noto Serif) */
.noto_serif {
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
}

/* 산스(DM Sans) */
.sans {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
}

/* 모노(JetBrains Mono) */
.mono {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
}

/*===========================================================================
	CSS 초기화
============================================================================*/
@layer common {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    html,
    body {
        line-height: 1.25;
        font-family: "DM Sans", sans-serif;
        font-style: normal;
        color: inherit;
        background-color: var(--color-ivory-100);
    }
    html {
        scroll-behavior: smooth;
    }
    body {
        -ms-overflow-style: none;
        height: 100%;
    }
    ul,
    ol,
    li {
        list-style: none;
    }
    strong {
        display: inline-block;
    }
    a {
        display: block;
        text-decoration: none;
        color: inherit;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    button {
        border: none;
        cursor: pointer;
        outline: none;
        &:focus {
            outline: none;
        }
    }
    details {
        summary {
            list-style: none;
        }
        summary::-webkit-details-marker {
            display: none;
        }
    }
}

/*===========================================================================
	에디터 초기화
============================================================================*/
.ck-content {
    i {
        font-style: italic !important;
    }
}