@charset "UTF-8";

/* 상세페이지 레이아웃 */
.sub_flex_box {
  display: block;
  padding: 0;
}

.lnb_wrap {
  width: 100%;
  overflow-x: auto;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  z-index: 10;
}

.lnb_list {
  display: flex;
  white-space: nowrap;
  border-top: none;
}

.lnb_item {
  flex: 0 0 auto;
}

.lnb_item a {
  padding: 15px 20px;
  border-bottom: none;
  font-size: 14px;
}

.lnb_item.active a {
  border-left: none;
  border-bottom: 3px solid #2e3d85;
}

.sub_content_area {
  padding: 120px 0 60px;
  transition: padding-top 500ms ease;
}

.sub_flex_box {
  flex-direction: column;
  gap: 40px;
}

/* 브레드크럼 */
.breadcrumb {
  font-size: 12px;
}

/* 사이드 메뉴 */
#sub-sidebar {
  position: fixed;
  top: 80px;
  z-index: 99;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: top 500ms ease;
  -webkit-font-smoothing: antialiased;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.lnb_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #eef0f5;
}

.lnb_item {
  border-right: 1px solid #eef0f5;
  border-bottom: 1px solid #eef0f5;
}

.lnb_item:nth-child(2n) {
  border-right: none;
}

.lnb_item:last-child:nth-child(odd) {
  grid-column: span 2;
  border-right: none;
}

.lnb_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 8px 10px;
  font-size: 13px;
  color: #555;
  text-decoration: none;
  text-align: center;
  word-break: keep-all;
  line-height: 1.3;
}