@charset "utf-8";
/* NOVA DEPOT 2005 - layout.css : 780px 고정. float 레이아웃(고증) */

#wrap {
  width:780px; margin:0 auto; background:#fff;
  border-left:1px solid #99a3ad; border-right:1px solid #99a3ad;
}

/* 상단 유틸 */
#topbar {
  background:var(--nd-navy); color:#fff; font-size:11px;
  padding:3px 10px; text-align:right;
}
#topbar a { color:#cce0ff; }

/* 헤더 */
#header {
  background:linear-gradient(to bottom, var(--nd-navy-lt), #0b3d80);
  padding:14px 20px; position:relative;
  border-bottom:3px solid var(--nd-gold);
}
#logo { font-size:26px; font-weight:bold; color:#fff; text-shadow:1px 1px 2px #002; letter-spacing:-1px; }
#logo span { color:var(--nd-gold); }
#logo small { display:block; font-size:10px; font-weight:normal; color:#aaccff; letter-spacing:2px; margin-top:2px; }
#slogan { position:absolute; right:20px; top:20px; color:#fff; font-size:13px; text-shadow:1px 1px 1px #002; }
#slogan small { display:block; font-size:10px; color:#aaccff; letter-spacing:1px; margin-top:3px; text-align:right; }

/* GNB */
#gnb { background:#f0f4f8; border-bottom:2px solid var(--nd-navy); height:30px; }
#gnb li { float:left; }
#gnb li a {
  display:block; padding:8px 18px; color:var(--nd-navy);
  font-weight:bold; font-size:12px; border-right:1px solid #ccd4dd;
}
#gnb li a:hover, #gnb li.on a { background:var(--nd-gold); color:var(--nd-navy); text-decoration:none; }

/* 본문 */
#container { padding:16px; }
#main { width:500px; float:left; }
#side { width:228px; float:right; }

/* 푸터 */
#footer {
  clear:both; background:#eef2f6; border-top:2px solid var(--nd-navy);
  padding:14px 20px; font-size:11px; color:#667; line-height:1.6;
}
#footer .fnb { margin-bottom:8px; }
#footer .fnb a { color:#445; font-weight:bold; margin-right:10px; }
#footer .cert { float:right; text-align:right; color:#aab; font-size:10px; }
#footer .copy { color:#889; }
#footer .family { float:right; margin-top:-4px; }