/*
Individual Board Skin Profile: 031
List: 타일형 게시글 목록
Gallery: 포털 자료실 갤러리
View: 신문 기사형 상세
*/
body.hm-profile-031 .hm-board-page,
body.hm-profile-031 .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-031 .hm-board-head,
body.hm-profile-031 .hm-view-head {
    background: linear-gradient(179deg, hsl(78 74% 97%) 0%, hsl(86 38% 99%) 54%, hsl(146 76% 96%) 100%) !important;
    border-color: var(--hm-profile-accent) !important;
}
body.hm-profile-031 .hm-list-row {
    min-height: var(--hm-profile-row) !important;
}
body.hm-profile-031 .hm-gallery-thumb,
body.hm-profile-031 .hm-gallery-thumb img {
    aspect-ratio: 4 / 3 !important;
}
body.hm-profile-031 .hm-gallery-thumb img {
    object-fit: cover !important;
    filter: saturate(1.20) brightness(1.01) !important;
}
body.hm-profile-031 .hm-view-content,
body.hm-profile-031 .hm-list-subject,
body.hm-profile-031 .hm-gallery-body {
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
}

@media (min-width: 861px) {
    body.hm-profile-031 .hm-community-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; border: 0 !important; }
    body.hm-profile-031 .hm-list-header { display: none !important; }
    body.hm-profile-031 .hm-list-row { display: grid !important; grid-template-columns: 1fr !important; align-content: start !important; gap: 5px !important; padding: 14px !important; border: 1px solid var(--hm-profile-border) !important; border-radius: var(--hm-profile-radius) !important; }
    body.hm-profile-031 .hm-list-num,
    body.hm-profile-031 .hm-list-hit { display: none !important; }
}
body.hm-profile-031 .hm-list-row.hm-list-header { display: none !important; }
@media (min-width: 861px) { body.hm-profile-031 .hm-gallery-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 10px !important; } body.hm-profile-031 .hm-gallery-body p { display: none !important; } }
body.hm-profile-031 .hm-view-head h1 { font-size: clamp(28px, 4vw, 44px) !important; } body.hm-profile-031 .hm-view-content { column-width: 360px !important; column-gap: 36px !important; }

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

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

body.hm-site-031.hm-gnuboard-site .hm-community-list { border: 1px solid var(--hm-design-line) !important; background: var(--hm-design-surface) !important; }
body.hm-site-031.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 */