@charset "utf-8";
/* 61차: 게시판 4종의 목록/상세/글쓰기 상단 표제 정렬.
   50차 회사소개 독립 페이지와 동일하게 좌측 52px 선에 우측 20px 영문/파란선 행을 맞춘다.
   본문 기능/게시물 데이터 및 내부 컴포넌트는 변경하지 않는다. */

/* 각 스킨에서 보유하던 -8px / -9px 보정과 line-height 차이를 공통 표제행으로 통일 */
.ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
  .ds-product-board-overline,
  .ds-pd-eyebrow,
  .ds-pe-eyebrow,
  .ds-drw-kicker,
  .ds-cat-kicker,
  .ds-cert-kicker
) {
  display:flex !important;
  align-items:center !important;
  gap:12px;
  width:auto;
  min-width:0;
  height:20px;
  min-height:20px;
  padding:0 !important;
  margin:0 0 18px !important;
  color:#0872c9;
  font-size:max(var(--ds-min-font, 12px), 12px);
  font-weight:750;
  letter-spacing:.1em;
  line-height:20px !important;
  transform:none !important;
}

.ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
  .ds-drw-kicker,
  .ds-cat-kicker,
  .ds-cert-kicker,
  .ds-pe-eyebrow
)::before,
.ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
  .ds-product-board-rule,
  .ds-pd-blue-line
) {
  content:"";
  display:block;
  position:static;
  flex:0 0 30px;
  width:30px;
  min-width:30px;
  height:3px;
  margin:0 !important;
  border:0;
  background:#087eea;
  transform:none;
}

/* 기존 스킨의 h2 위 여백을 제거해 파란 선–영문 문구–제목이 일정하게 이어지게 한다. */
.ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
  .ds-product-board-intro,
  .ds-pd-heading-copy,
  .ds-pe-page-head,
  .ds-drw-heading,
  .ds-cat-board-heading,
  .ds-cert-board-header,
  .ds-cert-detail-header,
  .ds-cert-editor-heading
) h2 { margin-top:0 !important; }

@media (min-width:981px) {
  /* 사이드바 긴 선 y=52px / 본문 짧은 선 y=43.5px+(20-3)/2=52px */
  .ds-company-page:is(.ds-product-page,.ds-drawing-board-page,.ds-catalog-board-page,.ds-certification-page)
  .ds-company-layout > .ds-company-sidebar { padding-top:52px; }
  .ds-company-page:is(.ds-product-page,.ds-drawing-board-page,.ds-catalog-board-page,.ds-certification-page)
  .ds-company-layout > .ds-company-content { padding-top:43.5px !important; }

  .ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
    .ds-product-board-overline,
    .ds-pd-eyebrow,
    .ds-pe-eyebrow,
    .ds-drw-kicker,
    .ds-cat-kicker,
    .ds-cert-kicker
  ) { margin-bottom:34px !important; }

  /* 제목이 아래로 이동한 만큼 제목 뒤의 빈 공간은 압축한다. */
  .ds-company-page .ds-company-content #bo_list.ds-drawing-board .ds-drw-heading { margin-bottom:22px; }
  .ds-company-page .ds-company-content #bo_list.ds-catalog-board .ds-cat-board-heading { margin-bottom:18px; }
  .ds-company-page .ds-company-content #bo_list.ds-cert-board .ds-cert-board-header { margin-bottom:18px; }
  .ds-company-page .ds-company-content #bo_list.ds-product-board .ds-product-board-intro { padding-bottom:6px; }
}

@media (max-width:980px) {
  /* 사이드바가 숨겨지는 화면은 자연스러운 표제 간격을 유지한다. */
  .ds-company-page .ds-company-content :is(#bo_list,#bo_v,#bo_w) :is(
    .ds-product-board-overline,
    .ds-pd-eyebrow,
    .ds-pe-eyebrow,
    .ds-drw-kicker,
    .ds-cat-kicker,
    .ds-cert-kicker
  ) { margin-bottom:16px !important; }
}