@charset "utf-8";


/* 리스트 */

#bo_list {
    width: 1170px;
    height: 800px;
    position: absolute;
    top: calc(50% - 400px);
    left: calc(50% - 420px);
/* 1. 크기 계산법을 변경하여 패딩이 높이(800px)를 늘리지 않도록 고정 */
    box-sizing: border-box; 
    
    /* 2. scroll을 auto로 변경 (실제 넘칠 때만 스크롤이 생기도록) */
    overflow-y: auto; 
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding: 10px;
}

#bo_list::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.view_actions_menu li a:hover {
    background: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

.list-layout {
    width: 100%; /* 부모(#bo_list) 안쪽에 딱 맞추기 위해 100%로 변경 */
    height: 100%; /* 부모 높이 안에서만 놀도록 100%로 변경 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box; /* 패딩 계산 오류 방지 */
}

.list-header {
    width: 1170px;
    height: 170px;
    position: relative;
}

.list-content {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0px 10px;
    flex: 1; 
    align-items: center;
}

.list-footer {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}

/* 리스트 헤더 - 버튼 */

.star-button-group {
    position: absolute;
    top: 15px;
    right: 20px;
    display: flex;
    flex-direction: row;
    gap: 25px;
    z-index: 99;
}

.star-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.star-shape {
    width: 30px;
    height: 40px;
    background-color: var(--primary-color);
    clip-path: polygon(
        50% 0%, 
        62% 35%, 100% 50%, 62% 65%, 
        50% 100%, 
        38% 65%, 0% 50%, 38% 35%
    );
    transition: background-color 0.3s ease;
}

.star-text {
    font-family: 'NexonLv1Gothic';
    font-size: 9px;
    font-weight: bold;
    color: var(--primary-color);
    margin-top: 6px;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.star-btn:hover .star-shape {
    background-color: var(--secondary-color);
}

.star-btn:hover .star-text {
    color: var(--secondary-color);
}

.star-btn:active {
    transform: translateY(1px);
}

.star-btn.disabled {
    cursor: not-allowed;
    pointer-events: none;
}


/* 리스트 헤더 - 타이틀 */

.title-main {
    font-family: 'PuradakGentleGothic';
    font-size: 40px;
    color: var(--primary-color);
    margin-bottom: 5px;
}

.title-sub {
    font-family: 'Pretendard';
    font-size: 14px;
    color: var(--primary-color);
    line-height: 1.3;
    margin-bottom: 20px;
}


/* ── 헤더: 검색창 ── */

#bo_sch {
    position: absolute;
    /* 기존 bottom: -10px; 에서 값을 대폭 올려 배치 높이를 위로 올립니다 */
    bottom: 30px; 
    right: 20px;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 10;
}

#bo_sch form {
    margin: 0 !important;
    display: block !important;
}

/* 1. 전체 테두리 박스 크기 및 내부 여백 조절 */
.search-box-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: space-between; /* 내부 요소를 양 끝으로 밀착 */
    width: 250px; /* 전체 검색창 박스의 직관적인 너비 설정 */
    height: 32px;
    border: 1.5px solid var(--primary-color); /* 캐릭터 리본색 라인 테두리 */
    border-radius: 8px; /* image_cec826 느낌의 부드러운 라운딩으로 조율 */
    background-color: #fff;
    padding: 0 10px; /* 좌우 여백을 줄여 버튼이 테두리와 가까워지게 설정 */
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.search-box-wrapper:hover,
.search-box-wrapper:focus-within {
    border-color: var(--primary-color);
}

/* 2. 글자 입력창 너비 최적화 */
.search-box-wrapper .sch_input {
    flex: 1 !important; /* 남은 공간을 꽉 채우되 */
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    background: transparent !important;
    padding: 0 8px 0 2px !important; /* 오른쪽에 마진을 살짝 주어 글자가 버튼과 겹치지 않게 방지 */
    margin: 0 !important;
    font-family: var(--content-font-family);
    font-size: 12px;
    color: var(--primary-color);
    outline: none !important;
}

.search-box-wrapper .sch_input::placeholder {
    color: var(--secondary-color);
    font-size: 13px;
}

/* 3. 돋보기 버튼을 우측 끝 테두리 안쪽으로 밀착 */
.search-box-wrapper .sch_btn {
    flex-shrink: 0; /* 크기가 압축되지 않도록 고정 */
    width: 24px; /* 아이콘 크기에 맞는 슬림한 너비 */
    height: 100%;
    border: none !important;
    background: transparent !important;
    color: var(--primary-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    transition: color 0.2s ease;
}

.search-box-wrapper .sch_btn:hover {
    color: var(--primary-color);
}

.search-box-wrapper .sch_btn i {
    font-size: 13px;
}


/* 리스트 푸터 - 페이지네이션 */

.pg_wrap_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
}

.pg_group {
    display: flex;
    gap: 15px;
}

.pg_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.pg_btn:hover {
    opacity: 0.85;
}

.triangle {
    width: 0;
    height: 0;
    display: inline-block;
}

.triangle.left {
    border-right: 10px solid var(--primary-color);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.triangle.right {
    border-left: 10px solid var(--primary-color);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

.bar {
    width: 2px;
    height: 14px;
    background-color: var(--primary-color);
    display: inline-block;
}

.pg_btn.first .bar { margin-right: 2px; }
.pg_btn.last .bar { margin-left: 2px; }


/* ── 리스트 콘텐츠 테이블 (B안) ────────────────────────────────── */

.list-content {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    margin-top: 14px;
}

.bl-wrap {
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    padding-bottom: 16px;
}

.bl-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1.5px solid var(--primary-color);
}

/* 컬럼 너비 */
.bl-col-cate  { width: 140px; }
.bl-col-star  { width: 24px; }
.bl-col-title { width: auto; }
.bl-col-date   { width: 80px; }
.bl-col-author { width: 90px; }

/* 헤더 */
.bl-table thead th {
    padding: 10px 8px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    opacity: 0.85;
}
.bl-table thead th.bl-th-title {
    text-align: left;
}
.bl-table thead th.bl-th-date,
.bl-table thead th.bl-th-author {
    text-align: center;
}

/* 바디 행 */
.bl-row td {
    padding: 10px 8px;
    border-bottom: 0.5px solid color-mix(in srgb, var(--primary-color) 18%, transparent);
    vertical-align: middle;
}
.bl-row:last-child td {
    border-bottom: none;
}
.bl-row:hover td {
    background: color-mix(in srgb, var(--primary-color) 4%, transparent);
}

/* 카테고리 칩 */
.bl-td-cate {
    text-align: center;
}
.bl-pill {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    border: 0.5px solid color-mix(in srgb, var(--primary-color) 45%, transparent);
    border-radius: 20px;
    color: var(--primary-color);
    text-decoration: none;
    white-space: nowrap;
    opacity: 0.85;
    transition: opacity 0.15s;
}
.bl-pill:hover {
    opacity: 1;
}
.bl-pill-empty {
    visibility: hidden;
}

/* 별 포인트 */
.bl-td-star {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.bl-star {
    font-size: 11px;
    color: var(--primary-color);
    opacity: 0.5;
    display: block;
    text-align: center;
}

/* 제목 */
.bl-td-title {
    text-align: left;
}
.bl-title-link {
    color: var(--primary-color);
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.15s;
}
.bl-title-link:hover {
    opacity: 0.6;
}

/* 공지 뱃지 */
.bl-notice-badge {
    display: inline-block;
    font-size: 10px;
    padding: 1px 6px;
    border: 0.5px solid var(--primary-color);
    border-radius: 3px;
    color: var(--primary-color);
    margin-right: 5px;
    vertical-align: middle;
    opacity: 0.85;
}

/* N (새글) / +댓글 수 뱃지 */
.bl-badge-new {
    font-size: 10px;
    font-weight: 700;
    color: var(--secondary-color);
    margin-left: 4px;
    vertical-align: middle;
}
.bl-badge-cmt {
    font-size: 11px;
    color: var(--primary-color);
    opacity: 0.5;
    margin-left: 4px;
    vertical-align: middle;
}

/* 날짜 */
.bl-td-date {
    text-align: center;
    font-size: 12px;
    color: var(--primary-color);
    opacity: 0.55;
    white-space: nowrap;
}

.bl-td-author {
    text-align: center;
    font-size: 12px;
    color: var(--primary-color);
    opacity: 0.55;
    white-space: nowrap;
}

/* 빈 목록 */
.bl-empty {
    text-align: center;
    padding: 48px 0 !important;
    font-size: 13px;
    color: var(--primary-color);
    opacity: 0.4;
}


/* 리스트 - 아이콘 */
#bo_list .bo_tit .fa-heart {
    color:var(--accent-color)
}

#bo_list .bo_tit .fa-lock {
    display:inline-block;
    line-height:14px;
    width:16px;
    font-size:0.833em;
    color:var(--primary-color);
    text-align:center;
    border-radius:2px;
    font-size:12px;
    vertical-align:middle
}

#bo_list .bo_tit .new_icon {
    display:inline-block;
    width:16px;
    line-height:16px;
    font-size:0.833em;
    color:var(--secondary-color);
    text-align:center;
    border-radius:2px;
    margin-left:2px;
    font-weight:bold;
    vertical-align:middle
}

#bo_list .bo_tit .hot_icon {
    display:inline-block;
    width:16px;
    line-height:16px;
    font-size:0.833em;
    color:var(--primary-color);
    text-align:center;
    border-radius:2px;
    vertical-align:middle
}

/***********************************/

#bo_w {
    width: 1170px;
    height: 800px;
    position: absolute;
    top: calc(50% - 400px);
    left: calc(50% - 420px);
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

#bo_w::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.write-title {
    font-family: 'PuradakGentleGothic';
    font-size: 35px;
    color: var(--primary-color);
    margin-bottom: 15px;
}

/* ── 글쓰기 폼 ───────────────────────────────────────────────────── */

.board-write.theme-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.write-row {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
    align-items: flex-end;
}

.write-field {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.write-field-grow  { flex: 2; }
.write-field-fixed  { flex: 0 0 auto; }
.write-field-narrow { flex: 0 0 180px; }

.write-field label {
    display: block;
    font-family: 'BookkMyungjo', serif;
    font-weight: bold;
    margin-bottom: 5px;
    color: var(--primary-color);
    font-size: 13px;
}

.write-field input[type="text"],
.write-field input[type="password"] {
    width: 100%;
    padding: 6px 2px;
    border: none;
    border-bottom: 2px solid var(--primary-color);
    border-radius: 0;
    background: transparent;
    font-size: 15px;
    box-sizing: border-box;
    color: var(--primary-color);
    outline: none;
    font-family: inherit;
}

.write-field select {
    width: 100%;
    padding: 7px 2px;
    border: none;
    border-bottom: 2px solid var(--primary-color);
    border-radius: 0;
    background: transparent;
    font-size: 15px;
    box-sizing: border-box;
    color: var(--primary-color);
    outline: none;
    font-family: inherit;
    appearance: auto;
}

.write-field input[type="text"]:focus,
.write-field input[type="password"]:focus,
.write-field select:focus {
    border-bottom-color: var(--secondary-color);
}

.write-notice {
    padding: 8px 12px;
    background: color-mix(in srgb, var(--primary-color) 6%, transparent);
    border-left: 2px solid var(--primary-color);
    font-size: 13px;
    color: var(--primary-color);
    margin-bottom: 16px;
    opacity: 0.8;
}

.write-editor-wrap {
    margin-bottom: 10px;
}

/* 불러오기/임시저장 버튼 */
.write-load-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 14px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    white-space: nowrap;
    height: 30px;
    cursor: pointer;
    transition: filter 0.15s;
}
.write-load-btn:hover { filter: brightness(0.88); }

/* 버튼 박스 */
.write-btn-box {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 20px 0 10px;
}

.write-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 34px;
    padding: 0;
    border-radius: 0 !important;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: filter 0.15s;
}
.write-btn-submit {
    background: var(--primary-color);
    color: #fff;
}
.write-btn-cancel {
    background: #888;
    color: #fff;
}
.write-btn:hover { filter: brightness(0.88); }

/* view.skin */

#bo_v {
    width: 100vw;
    min-height: 100vh;
    z-index: 5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 20px 60px;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#bo_v::-webkit-scrollbar {
    display: none;
}

#bo_v::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: whitesmoke;
    z-index: -1;
}

.view-layout {
    width: 1000px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: 50px;
}

.view-header {
    width: 100%;
    padding-top: 0px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.view-title {
    font-family: 'PuradakGentleGothic';
    font-size: 32px;
    margin-bottom: 8px;
}

.view-info {
    font-family: 'BookkMyungjo';
    font-size: 14px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.view-content {
    width: 100%;
    padding: 20px 8px;
    min-height: 300px;
}









/* ============================================================
   view.skin — 댓글 버튼 · 좋아요(하트) 액션 바
============================================================ */

.view-footer {
    border-top: 1px solid var(--primary-color);
    padding-top: 10px;
}

/* 입력창 컨테이너가 비어있지 않을 때(폼이 들어왔을 때)만 상단 여백 부여 */
.bo_vc_w:not(:empty) {
    display: block;
    margin-top: 18px; /* 원하는 간격만큼 조절 */
    margin-bottom: 10px;
}

/* 댓글 버튼 + 하트 버튼 가로 배치 */
.view-action-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 8px;
}

/* 댓글 토글 버튼 (cmt_btn 확장) */
.view-reply-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border: none;
    background: none;
    color: var(--primary-color);
    font-size: 0.95em;
    cursor: pointer;
    border-radius: 20px;
    transition: opacity 0.2s;
    opacity: 0.6;
}
.view-reply-toggle:hover,
.view-reply-toggle.active { opacity: 1; }
.view-reply-count { font-weight: 700; }

/* 좋아요(하트) 버튼 */
.view-like-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border: none;
    background: none;
    color: var(--primary-color);
    font-size: 0.95em;
    cursor: pointer;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s;
    opacity: 0.6;
}
.view-like-btn:hover  { opacity: 1; color: #e0245e; }
.view-like-btn.liked  { opacity: 1; color: #e0245e; }
.view-like-btn.like-pop { transform: scale(1.35); }
.view-like-count { font-weight: 700; }

/* 댓글 영역 래퍼: view_comment_skin.php가 내부에서 #bo_vc를 출력 */
#bo_vc_wrap { }

/* ============================================================
   view_comment_skin.php 스타일
============================================================ */

/* 댓글 섹션 전체 */
.comment_section {
    margin-top: 4px;
    padding-top: 4px;
}

/* 댓글 아이템 */
.comment_item {
    display: flex;
    gap: 6px;                  /* 아이콘↔본문 간격 축소 (10→6) */
    padding: 12px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--primary-color) 15%, transparent);
    position: relative;
}
.comment_item:last-of-type { border-bottom: none; }

/* 프로필 아바타 */
.comment_profile {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    background: color-mix(in srgb, var(--primary-color) 10%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
}
.comment_profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 댓글 본문 */
.comment_body { flex: 1; min-width: 0; }

.comment_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 4px;
}
.comment_author {
    font-size: 0.9em;
    font-weight: bold;
    color: var(--primary-color);
}
.comment_id {
    font-size: 0.8em;
    color: var(--primary-color);
    opacity: 0.55;
}
.comment_date {
    font-size: 0.78em;
    color: var(--primary-color);
    opacity: 0.55;
    margin-left: auto;
    margin-right: 30px;        /* 점 세 개 버튼 공간 확보 */
}

/* 댓글 내용 */
.comment_content {
    font-family: 'Pretendard', sans-serif;
    font-size: 0.93em;
    line-height: 1.65;
    color: var(--primary-color);
    word-break: break-word;
}

/* 비밀글 뱃지 */
.badge_secret {
    display: inline-block;
    font-size: 0.75em;
    padding: 1px 6px;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    color: var(--primary-color);
    margin-bottom: 4px;
    opacity: 0.85;
}

/* 댓글 옵션 버튼(⋯) */
.comment_options {
    position: absolute;
    top: 10px;       /* 날짜 텍스트 세로 중앙에 맞춤 (12→10) */
    right: 0;
}
.btn_cm_opt {
    border: none;
    background: none;
    cursor: pointer;
    color: var(--primary-color);
    opacity: 0.45;
    font-size: 0.9em;
    padding: 2px 6px;
    border-radius: 4px;
    transition: opacity 0.2s;
}
.btn_cm_opt:hover { opacity: 1; }

.comment_actions_menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--primary-color) 25%, transparent);
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    z-index: 10;
    min-width: 90px;
    list-style: none;
    margin: 0;
    padding: 4px 0;
}
.comment_actions_menu li a {
    display: block;
    padding: 7px 14px;
    font-size: 0.85em;
    color: var(--primary-color);
    text-decoration: none;
    white-space: nowrap;
}
.comment_actions_menu li a:hover {
    background: color-mix(in srgb, var(--primary-color) 8%, transparent);
}

/* 빈 댓글 */
#bo_vc_empty {
    text-align: center;
    padding: 20px;
    font-size: 0.88em;
    color: var(--primary-color);
    opacity: 0.5;
}

/* ============================================================
   댓글 쓰기 폼 (view_comment_skin.php)
============================================================ */

#bo_vc_w.bo_vc_w {
    margin-top: 10px;
    padding-top: 18px;
    border-top: 1px dashed color-mix(in srgb, var(--primary-color) 25%, transparent);
}

.comment_form_container { }

/* 비회원 이름/비밀번호 */
.guest_info_row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
.guest_info_row input {
    flex: 1;
    padding: 5px 8px;
    border: none;
    border-bottom: 2px solid var(--primary-color);
    background: transparent;
    font-size: 0.9em;
    color: var(--primary-color);
    outline: none;
}
.guest_info_row input::placeholder { color: var(--primary-color); opacity: 0.4; }

/* 입력 행 */
.comment_input_row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.comment_input_column { flex: 1; }

/* textarea */
#wr_content {
    width: 100%;
    min-height: 72px;
    padding: 6px 8px;
    border: 2px solid var(--primary-color);   /* 4면 모두 테두리 */
    background: transparent;
    font-family: 'BelovedMyoeunttobak', sans-serif;
    font-size: 0.95em;
    line-height: 1.6;
    color: var(--primary-color);
    resize: vertical;
    outline: none;
    box-sizing: border-box;
}
#wr_content::placeholder { color: var(--primary-color); opacity: 0.4; }

/* 액션 행 (글자수 · 비밀글 · 등록버튼) */
.comment_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
}

.char_counter {
    font-size: 0.8em;
    color: var(--primary-color);
    opacity: 0.6;
}

/* 비밀글 체크박스 */
.secret_cm { display: flex; align-items: center; gap: 4px; font-size: 0.85em; color: var(--primary-color); opacity: 0.7; }
.secret_cm label { cursor: pointer; }

/* 등록 버튼 */
#btn_submit {
    padding: 5px 18px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}
#btn_submit:hover { background: var(--secondary-color); }
#btn_submit:disabled { opacity: 0.5; cursor: not-allowed; }

/* (파일 첨부 UI 제거됨) */


/* ── 본문·파일첨부 레이블 스타일 ────────────────────────────────── */

/* form-label 클래스 (write_file.common.php 출력) */
#bo_w label.form-label,
#bo_w .form-label {
    font-family: 'BookkMyungjo', serif !important;
    font-weight: bold !important;
    font-size: 13px !important;
    color: var(--primary-color) !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

/* 에디터와 파일 첨부 사이 간격 15px */
#bo_w .write-editor-wrap {
    margin-bottom: 15px;
}
#bo_w label[for="bf_file"],
#bo_w .form-label:not([for="wr_content"]) {
    margin-top: 15px !important;
}