:root {

    --colorMain: ;
    --colorPoint: #FF61A0;
    --colorText: #323232;


    /* 기본 */
    --colorWhite: #ffffff;
    --colorBlack: #111111;

}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-1Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-2ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-3Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-4Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-6SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-7Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-8ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Freesentation';
    src: url('/roa/img/font/Freesentation-9Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/roa/img/font/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600;6..96,700&display=swap");

* {
    box-sizing: border-box;
    word-break: keep-all;
}

/*
 * 전체 폰트를 Pretendard로 강제하되, 에디터(상세내용 등)에서 폰트를
 * 직접 지정한 요소·그 안의 자손 요소는 제외한다. 안 그러면
 * !important가 인라인 스타일보다 우선순위가 높아서 에디터에서 고른
 * 폰트가 항상 무시돼버린다.
 *
 * "자손도" 빼주는 이유: 에디터가 <b style="font-family:궁서..."> 안에
 * <span style="font-size:18pt">글자</span> 처럼 font-family는 없고
 * 다른 스타일만 있는 태그를 한 겹 더 씌우는 경우가 많은데, 이 안쪽
 * span 자체에는 font-family가 없어서 예외 대상이 아니게 되면 거기에
 * 강제 Pretendard가 직접 꽂혀서 부모(b)의 폰트 상속을 덮어버린다.
 *
 * 그누보드 에디터는 폰트를 지정할 때 두 가지 방식을 다 쓸 수 있어서
 * 둘 다 (그리고 그 자손도) 빼줘야 한다:
 * - style="font-family: ..." (스마트에디터 등 최신 방식)
 * - <font face="..."> (구식 태그 방식)
 */
*:not([style*="font-family" i]):not([style*="font-family" i] *):not(font):not(font *) {
    font-family: 'Pretendard' !important;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
}