@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');

/* 넥슨 Lv.1 고딕 Light */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
}

/* 넥슨 Lv.1 고딕 Regular */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
}

/* 넥슨 Lv.1 고딕 Bold */
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Light */
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Regular */

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
}

/* 넥슨 Lv.2 고딕 Bold */
@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
}

* { margin:0; padding:0; outline:none; box-sizing:border-box; }

/* 인트로 */
html {font-size:20px; font-family: 'NEXON Lv1 Gothic OTF';}
body {
word-wrap: break-word; /* 넘친 단어 줄 바꿈 */
word-break: keep-all;/* 줄나눔 기준 공백(띄어쓰기, 하이픈'-') */
font-family: 'Noto Sans KR', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans KR', sans-serif !important; }
ul, ol,figure { margin:0; padding: 0; }
img { border:none; outline:none; max-width: 100%; }
p {
word-wrap: break-word; /* 넘친 단어 줄 바꿈 */
word-break: keep-all;/* 줄나눔 기준 공백(띄어쓰기, 하이픈'-') */
}
input,button { border: none; background: none; }


:root {
/* 컨텐츠 너비 */
--containerV1-width : 1200px;

--main-color : #a31d40; /* mainColor */
}

/* container */
.containerV1 { width: 100%; margin: 0 auto; max-width: var(--containerV1-width); }
@media (max-width:1230px) {
.containerV1 { padding: 0 15px; }
}


/*서브페이지*/
.sub_frame { padding: min(8.57vw,60px) 0; min-height: 74vh; }
@media (max-width:480px) {
	.sub_frame { min-height: 80vh; }
}



/* 쓰기 버튼 */
.btn-main-color, .btn-main-color:hover { color: #fff; background: var(--main-color); border-color: var(--main-color); }
.text-main-color { color: var(--main-color); }

/* 게시판 하단 페이징 버튼 */
.page-item.active .page-link { color: #fff; background: var(--main-color); border-color: var(--main-color); }

/* 전체/페이지 지우고 오른쪽 정렬 */
#bo_btn_top > div { justify-content:flex-end; }
#bo_list_total { display: none; }

/* 글쓰기 체크박스 */
.custom-control-input:checked~.custom-control-label::before { color: #fff; background: var(--main-color); border-color: var(--main-color); }