/* ===== 공통 컨테이너 ===== */
.jp-container { max-width: 1200px; }


body {font-family: Arial, Helvetica, sans-serif, 돋움; }

/* ===== 헤더 공통 ===== */
.jp-header .jp-container { max-width: 1200px; }

.jp-brand__icon{
  width:34px;height:34px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#09a3ff;color:#fff;margin-right:10px;
}
.jp-brand__text{ font-weight:700; font-size:18px; color:#111; }
.jp-auth__link{ color:#333; margin-right:14px; text-decoration:none; }
.jp-auth__btn{ border-radius:10px; padding:8px 14px;}

/* ===== 헤더 고정(sticky) 상단 네비게이션 스크롤에 따라 이동 ===== */
#myheader {
    position: sticky;
    top: 0;
    z-index: 3000;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

/* 스크롤 시 그림자 */
#myheader.scrolled {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}




/* ===== 푸터 공통 ===== */
.jp-footer{
  background:#0b1524;
  color:#cbd5e1;
  margin-top:0;
}
.jp-footer a{ color:#cbd5e1; text-decoration:none; }
.jp-footer a:hover{ color:#fff; }
.jp-footer__title{ color:#fff; font-weight:900; }
.jp-footer__subtitle{ color:#fff; font-weight:800; margin-bottom:12px; }
.jp-footer__text{ font-size:13px; margin:6px 0; opacity:.9; }
.jp-footer__list{ list-style:none; padding:0; margin:0; }
.jp-footer__list li{ margin:8px 0; font-size:13px; }
.jp-footer__muted{ opacity:.85; }
.jp-footer__bottom{ border-top:1px solid rgba(255,255,255,.08); }
.jp-footer__copy{ font-size:12px; opacity:.85; }
.jp-footer__links{ font-size:12px; opacity:.85; }





/* ===== 헤더 채팅 아이콘 ===== */
.jp-chat-icon-link {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #6b7280;
  background: #f3f4f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

/* 채팅 아이콘 hover 효과 */
.jp-chat-icon-link:hover {
  color: #111827;
  background: #e5e7eb;
  text-decoration: none;
}

/* 채팅 안 읽은 메시지 badge */
.jp-chat-unread-badge {
  position: absolute;
  top: -6px;
  right: -7px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #dc3545;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  align-items: center;
  justify-content: center;
}