/* /assets/css/breadcrumb.css (FINAL - cleaned) */

.page-top{ width:100%; }
.page-top-inner{ width:100%; }

/* breadcrumb nav */
.breadcrumb{
  display:block;
  margin:0;
  padding:8px 0 8px; /* ✅ 여백은 page-top-inner에서 관리 */
}

/* list reset + flex */
.breadcrumb-list{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;

  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:6px;
}

/* item */
.breadcrumb-item{
  margin:0 !important;
  padding:0 !important;
  display:inline-flex;
  align-items:center;
  max-width:100%;
}

/* separator */
.breadcrumb-item + .breadcrumb-item::before{
  content:"›";
  margin:0 6px 0 2px;
  color: rgba(15,23,42,.35);
  font-weight:900;
}

/* link/text */
.breadcrumb-link,
.breadcrumb-current{
  font-size:12px;
  line-height:1.2;
  color: rgba(15,23,42,.70);
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.breadcrumb-link:hover{ text-decoration:underline; }

/* current */
.breadcrumb-current{
  color: rgba(15,23,42,.92);
  font-weight:900;
}

/* 모바일 */
@media (max-width:640px){
  .breadcrumb-link,
  .breadcrumb-current{ font-size:11px; }
}

/* ✅ breadcrumb/flash 블록 전체 하단 여백 */
.page-top-inner{
  padding-top: 10px;
  padding-bottom: 12px;  /* 여기 조절: 12~20px */
}