@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : vibey
 * File : custom.css
 * DATE : 2025.12.29
 *
 * SUMMARY :
 * 1) Jupiter X Reset 
 * 2) HEADER
 * 3) MAIN
 * 4) FOOTER
 * 5) SUB
 * 6) RESPONSIBILITY

 * br01 - 
 * br02 - 
 * br03 - 
 * br04 - 
 * br05 - 
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.elementor-icon-list-text{padding-inline-start: 0px !important;}
.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label{font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}


/* ================================
   KBOARD DARK TABLE – ID FORCE
   ================================ */

#kboard-default-list {
  background: transparent !important;
  color: #f1f1f1 !important;
  font-family: inherit;
}

/* 테이블 구조 */
#kboard-default-list table {
  width: 100%;
  border-collapse: collapse;
  background: transparent !important;
}

/* 헤더 */
#kboard-default-list thead th {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 500;
  padding: 18px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.35) !important;
}

/* 바디 행 */
#kboard-default-list tbody tr {
  background: transparent !important;
}

/* 셀 */
#kboard-default-list td {
  padding: 18px 12px;
  color: #eaeaea !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

/* 번호 / 이름 / 날짜 */
#kboard-default-list .kboard-list-uid,
#kboard-default-list .kboard-list-user,
#kboard-default-list .kboard-list-date {
  color: #bdbdbd !important;
  font-size: 14px;
}

/* 제목 */
#kboard-default-list .kboard-list-title a {
  color: #ffffff !important;
  font-weight: 400;
  text-decoration: none;
}

#kboard-default-list .kboard-list-title a:hover {
  color: #b7ff2a !important;
}

/* NEW 배지 */
#kboard-default-list .kboard-icon-new {
  background: #b7ff2a !important;
  color: #000 !important;
  font-size: 11px;
  font-weight: 600;
  border-radius: 20px;
  padding: 3px 8px;
  margin-left: 6px;
}

/* hover */
#kboard-default-list tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
}

/* 페이징 */
#kboard-default-list .kboard-pagination {
  margin-top: 40px;
  text-align: center;
}

#kboard-default-list .kboard-pagination a,
#kboard-default-list .kboard-pagination span {
  background: transparent !important;
  color: #cccccc !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  margin: 0 4px;
  padding: 6px 10px;
  border-radius: 4px;
}

#kboard-default-list .kboard-pagination .active {
  color: #b7ff2a !important;
  border-color: #b7ff2a !important;
}

/* 모든 흰 배경 제거 (Elementor 포함) */
#kboard-default-list *,
#kboard-default-list *::before,
#kboard-default-list *::after {
  background-color: transparent !important;
}

/* ================================
   KBOARD DARK – LINE TONE DOWN
   ================================ */

/* 테이블 상단 라인 */
#kboard-default-list thead th {
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
}

/* 행 구분선 */
#kboard-default-list td {
  border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}

/* 페이지네이션 테두리 */
#kboard-default-list .kboard-pagination a,
#kboard-default-list .kboard-pagination span {
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: rgba(255,255,255,0.65) !important;
}

/* hover 시에도 튀지 않게 */
#kboard-default-list tbody tr:hover {
  background: rgba(255,255,255,0.02) !important;
}

/* ================================
   KBOARD POWERED BY 제거
   ================================ */

#kboard-default-list .kboard-powered,
#kboard-default-list .kboard-powered-by,
#kboard-default-list a[href*="kboard"] {
  display: none !important;
}


.kboard-powered,
.kboard-powered-by {
  display: none !important;
}




@media (max-width:767px){
  .br01{display: none;}
  .br04{display: block;}
}