@charset "utf-8";
/* NOVA DEPOT 2005 - components.css */

/* 공통 박스 */
.box { border:1px solid var(--nd-line); margin-bottom:14px; }
.box .tit {
  background:var(--nd-navy); color:#fff; padding:5px 10px;
  font-weight:bold; font-size:12px;
}
.box .tit span { float:right; font-weight:normal; font-size:11px; color:#cce0ff; }
.box .con { padding:12px; }

/* 사이드 박스 */
.side-box { border:1px solid var(--nd-line); margin-bottom:12px; }
.side-box .tit {
  background:linear-gradient(to bottom, #5a99aa, #487788);
  color:#fff; padding:5px 8px; font-weight:bold; font-size:11px;
}
.side-box .con { padding:10px; background:#f5f9fb; }

/* 팝업존 */
.popup { border:2px solid var(--nd-navy); margin-bottom:12px; }
.popup .tit { background:var(--nd-gold); color:var(--nd-navy); padding:3px 8px; font-weight:bold; font-size:11px; }
.popup .con { padding:10px; background:#fffef0; font-size:11px; line-height:1.7; }

/* 히어로 롤링 배너 */
#hero {
  background:linear-gradient(to bottom, #4a90d9, #a8d0f0);
  padding:22px 20px; text-align:center; color:#fff;
  border-bottom:1px solid #7788aa; position:relative;
}
#hero h1 { font-size:21px; text-shadow:1px 1px 3px #003366; margin-bottom:5px; letter-spacing:-1px; }
#hero p  { font-size:12px; color:#eaf4ff; }
#hero .dots { position:absolute; right:14px; bottom:8px; }
#hero .dots button {
  width:9px; height:9px; margin-left:3px; border:1px solid #fff;
  background:transparent; cursor:pointer; padding:0; font-size:0;
}
#hero .dots button.on { background:var(--nd-gold); border-color:var(--nd-gold); }

/* 흐르는 공지 */
.marquee-wrap {
  background:#fffbe0; border:1px solid #e0d080; padding:4px;
  margin-bottom:14px; font-size:11px; color:#aa6600; overflow:hidden; white-space:nowrap;
}

/* 게시판/데이터 테이블 */
th { background:#e8eef4; border:1px solid #ccd4dd; padding:5px; color:var(--nd-navy); }
td { border:1px solid var(--nd-line-lt); padding:5px; text-align:center; }
td.al { text-align:left; }
td.empty { color:#ccc; }
.note { font-size:10px; color:#999; margin-top:8px; line-height:1.6; }
.deleted { color:#aaa; }

/* 페이징 */
.paging { text-align:center; margin-top:10px; font-size:11px; }
.paging a, .paging strong { display:inline-block; padding:2px 5px; border:1px solid var(--nd-line-lt); margin:0 1px; }
.paging strong { background:var(--nd-navy); color:#fff; border-color:var(--nd-navy); }

/* 방문자 카운터 */
.counter {
  background:#000; color:#00ff00; font-family:"Courier New", monospace;
  padding:4px; text-align:center; letter-spacing:3px; font-size:14px; border:1px solid #666;
}

/* 주가 위젯 */
.stock { font-size:11px; }
.stock .price { font-size:15px; font-weight:bold; color:var(--nd-navy); }
.stock .flat { color:#888; }

/* 목록 */
.notice-list li { padding:3px 0; border-bottom:1px dotted #ccd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px; }
.notice-list li:before { content:"· "; color:var(--nd-teal); }
.welfare-list li {
  padding:4px 0 4px 14px; border-bottom:1px dotted #ccd; font-size:11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M1 4l2 2 4-4' stroke='%23488899' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat left center;
}

/* 서브페이지 탭 */
.tabs { border-bottom:2px solid var(--nd-navy); margin-bottom:12px; }
.tabs li { float:left; }
.tabs li a {
  display:block; padding:6px 14px; font-size:11px; font-weight:bold;
  border:1px solid var(--nd-line); border-bottom:0; background:#f0f4f8; color:#556;
}
.tabs li.on a { background:var(--nd-navy); color:#fff; }
/* 서브탭 JS 토글 시 활성 앵커 (data-tab 방식) */
.tabs li a.on { background:var(--nd-navy); color:#fff; text-decoration:none; }

/* 페이지 제목 */
.page-tit {
  font-size:16px; color:var(--nd-navy); font-weight:bold;
  border-left:4px solid var(--nd-gold); padding-left:8px; margin-bottom:12px;
}

/* 사진 플레이스홀더 */
.photo-ph {
  float:right; width:90px; height:110px; margin:0 0 8px 12px;
  background:#667788; border:3px solid #ccd4dd; color:#dde;
  font-size:10px; text-align:center; line-height:110px;
}

/* 인-월드 문서 톤 (숨은 페이지 전용) */
.doc {
  font-family:"Courier New", monospace; font-size:12px; letter-spacing:0;
  background:#f7f7f2; border:1px solid #ccc; padding:16px; line-height:1.7;
}
.doc .mask { background:#111; color:#111; user-select:none; }
.doc .hd, .doc .ft { font-size:10px; color:#888; border-bottom:1px dashed #ccc; padding-bottom:6px; margin-bottom:12px; }
.doc .ft { border-bottom:0; border-top:1px dashed #ccc; padding:6px 0 0; margin:12px 0 0; }