/*
Individual Board Skin Profile: 020
List: 공지 강조 목록
Gallery: 리스트 혼합 갤러리
View: 좌측 정보 패널 상세
*/
body.hm-profile-020 .hm-board-page,
body.hm-profile-020 .hm-board-view {
    width: min(var(--hm-profile-shell), calc(100% - 32px)) !important;
    padding: var(--hm-profile-pad) !important;
    border-radius: var(--hm-profile-card-radius) !important;
    border-color: var(--hm-profile-border) !important;
    box-shadow: var(--hm-profile-shadow) !important;
    overflow-x: hidden !important;
}
body.hm-profile-020 .hm-board-head,
body.hm-profile-020 .hm-view-head {
    background: linear-gradient(40deg, hsl(31 74% 97%) 0%, hsl(39 38% 99%) 54%, hsl(22 76% 96%) 100%) !important;
    border-color: var(--hm-profile-accent) !important;
}
body.hm-profile-020 .hm-list-row {
    min-height: var(--hm-profile-row) !important;
}
body.hm-profile-020 .hm-gallery-thumb,
body.hm-profile-020 .hm-gallery-thumb img {
    aspect-ratio: 4 / 3 !important;
}
body.hm-profile-020 .hm-gallery-thumb img {
    object-fit: cover !important;
    filter: contrast(1.08) sepia(.08) !important;
}
body.hm-profile-020 .hm-view-content,
body.hm-profile-020 .hm-list-subject,
body.hm-profile-020 .hm-gallery-body {
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
}

body.hm-profile-020 .hm-list-row.is-notice { background: var(--hm-profile-soft) !important; border-left: 7px solid var(--hm-profile-accent) !important; }
body.hm-profile-020 .hm-list-row:not(.hm-list-header) { border-radius: var(--hm-profile-radius) !important; margin-bottom: 8px !important; border: 1px solid var(--hm-profile-border) !important; }
body.hm-profile-020 .hm-community-list { border: 0 !important; background: transparent !important; }
body.hm-profile-020 .hm-list-row.hm-list-header { display: none !important; }
@media (min-width: 861px) { body.hm-profile-020 .hm-gallery-grid { grid-template-columns: 1fr !important; } body.hm-profile-020 .hm-gallery-link { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; } }

@media (min-width: 861px) {
    body.hm-profile-020 .hm-view-head { display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; gap: 18px !important; }
    body.hm-profile-020 .hm-board-kicker { grid-row: span 2 !important; align-self: start !important; padding: 10px !important; border: 1px solid var(--hm-profile-border) !important; border-radius: var(--hm-profile-radius) !important; }
}

@media (max-width: 860px) {
    body.hm-profile-020 .hm-board-page,
    body.hm-profile-020 .hm-board-view {
        display: block !important;
        width: min(100% - 20px, var(--hm-profile-shell)) !important;
        padding: 14px !important;
    }
    body.hm-profile-020 .hm-community-list,
    body.hm-profile-020 .hm-gallery-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
    body.hm-profile-020 .hm-list-row {
        grid-template-columns: 1fr auto !important;
    }
    body.hm-profile-020 .hm-gallery-link {
        display: block !important;
    }
    body.hm-profile-020 .hm-view-content {
        column-width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* HM_DISTINCT_BOARD_DESIGN_SYSTEM_V1 */
body.hm-site-020.hm-gnuboard-site .hm-board-page,
body.hm-site-020.hm-gnuboard-site .hm-board-view {
  background: var(--hm-design-bg) !important;
  color: var(--hm-design-text) !important;
}
body.hm-site-020.hm-gnuboard-site .hm-board-shell,
body.hm-site-020.hm-gnuboard-site .hm-view-shell {
  width: min(var(--hm-design-shell), calc(100% - 32px)) !important;
}
body.hm-site-020.hm-gnuboard-site .hm-board-head,
body.hm-site-020.hm-gnuboard-site .hm-view-head,
body.hm-site-020.hm-gnuboard-site .hm-list-row,
body.hm-site-020.hm-gnuboard-site .hm-gallery-card,
body.hm-site-020.hm-gnuboard-site .hm-view-content {
  border-radius: var(--hm-design-card-radius) !important;
  border-color: var(--hm-design-line) !important;
  box-shadow: var(--hm-design-card-shadow) !important;
}
body.hm-site-020.hm-gnuboard-site .hm-gallery-thumb,
body.hm-site-020.hm-gnuboard-site .hm-list-thumb,
body.hm-site-020.hm-gnuboard-site .hm-view-content img {
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}
body.hm-site-020.hm-gnuboard-site .hm-board-pagination a,
body.hm-site-020.hm-gnuboard-site .hm-board-pagination .pg_current,
body.hm-site-020.hm-gnuboard-site .hm-list-pagination a,
body.hm-site-020.hm-gnuboard-site .hm-list-pagination .pg_current {
  border-radius: var(--hm-design-control-radius) !important;
}

body.hm-site-020.hm-gnuboard-site .hm-community-list { border: 1px solid var(--hm-design-line) !important; background: var(--hm-design-surface) !important; }
body.hm-site-020.hm-gnuboard-site .hm-list-row { border-radius: 0 !important; box-shadow: none !important; border-width: 0 0 1px !important; }
/* END_HM_DISTINCT_BOARD_DESIGN_SYSTEM_V1 */