/*
 * K-BOOKS PROCESSING MY LEARNING NAV v2
 * my-learning.php?track=processing 전용 보정
 */

.kbpr{
  width:100%;
  border-bottom:1px solid #e5ebea;
  background:#fff;
  color:#173943;
}
.kbpr .kblt-shell{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:13px 0 14px;
}
.kbpr-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 10px;
}
.kbpr-brand small{
  display:block;
  margin:0 0 4px;
  color:#0b7d79;
  font-size:8px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.14em;
}
.kbpr-brand strong{
  display:block;
  margin:0;
  color:#173943;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:-.025em;
}
.kbpr-meta{
  margin:0;
  color:#829095;
  font-size:9px;
  line-height:1.45;
  text-align:right;
  white-space:nowrap;
}

/* 기존 정보처리 10칸 네비를 그대로 사용하되 내 학습 페이지에서만 안전 보정 */
.kbpr .kblt-nav{
  margin:0;
}
.kbpr .kblt-nav>a.kblt-review.is-active{
  background:#153d4b !important;
  border-color:#153d4b !important;
}
.kbpr .kblt-nav>a.kblt-review.is-active>small{
  color:#d6b45f !important;
}
.kbpr .kblt-nav>a.kblt-review.is-active>b{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:#fff !important;
}

/* 혹시 기존 kblt CSS가 header 요소에 영향을 주더라도 방지 */
.kbpr .kbpr-head,
.kbpr .kbpr-brand,
.kbpr .kbpr-brand small,
.kbpr .kbpr-brand strong,
.kbpr .kbpr-meta{
  position:static;
  width:auto;
  height:auto;
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  transform:none;
}

@media(max-width:900px){
  .kbpr .kblt-shell{
    width:100%;
    padding:10px 0 11px;
  }
  .kbpr-head{
    padding:0 14px;
    margin-bottom:9px;
  }
  .kbpr-meta{
    display:none;
  }
  .kbpr-brand strong{
    font-size:13px;
  }
  .kbpr-brand small{
    font-size:8px;
  }
}
@media(max-width:560px){
  .kbpr-head{
    padding:0 12px;
  }
}
