/* BASIC css start */
#preview_wrap { display:none}





#header-top { width:100%; position:relative; margin:0 auto; z-index:6;}
#header { position:relative; margin:0 auto; width:100%; }

.top_fix {position: fixed;bottom:100px;right:10px;z-index:999999;display:none}
.top_fix a{display:block;padding:0}




 #pagescroll{bottom:20px;position:fixed;right:20px;z-index:2147483647;}

/* 상단검정바 */
#topbar { position:fixed; top:0px; width:100%; min-width:1246px; margin:0 auto; height:34px; background:#999999; text-transform:uppercase; z-index:999; }

#topbar .wizsubmenu { width:1246px; margin:0 auto; height:34px; text-transform:uppercase; position:relative;}


#topbar ul { font-size:0; line-height:0; }

#topbar .first { background:#000; border-left:1px solid #666 }
#topbar .first a { color:#dedede; }
#topbar .first a:hover { color:#fff; }

#topbar li { float:left; display:inline-block; *display:inline; height:34px; line-height:34px; font-size:11px; cursor:default; font-family: 'Arial',sans-serif; font-weight:900;}

#topbar li a { display:block; vertical-align:middle; font-size:11px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:bold;  text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #fff !important; }
#topbar li a:hover { color:#fff; }


#topbar li a img { vertical-align:middle; padding-right:5px; }
#topbar .topbar_mypage a img { padding-left:5px; padding-right:0px; }
#topbar .topbar_cate a img { padding-left:5px; padding-right:0px; }
#topbar .topbar_com a img { padding-left:5px; padding-right:0px; }

#topbar .wizsubmenu .topbar_left { position:absolute; top:0px; left:0px; z-index:2; }
#topbar .wizsubmenu .topbar_left span { color:#fff; }





/* 카테고리 */
#topbar .topbar_cate { position:relative; display:block; border-right:1px solid #DFDFDF; border-left:1px solid #DFDFDF }
#topbar .topbar_cate a { color:#DFDFDF; border-right:0px !important; font-size:11px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700;}
#topbar .topbar_cate a:hover { color:#fff; }


.cate_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#999999; border-top:1px solid #DFDFDF   }
.cate_sub div { clear:both;  }
.cate_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; }
.cate_sub div a:hover { background:#B2B2B2;  color:#fff !important; }



/* 커뮤니티 */

#topbar .topbar_com { position:relative; display:block; border-right:1px solid #DFDFDF}
#topbar .topbar_com a { color:#DFDFDF; border-right:0px !important; font-size:11px; color:#dedede; font-family: 'Arial',sans-serif; font-weight:700; }
#topbar .topbar_com a:hover { color:#dedede; }

.com_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#999999;  border-top:1px solid #DFDFDF   }
.com_sub div { clear:both; }
.com_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important;   }
.com_sub div a:hover { background:#B2B2B2;  color:#fff !important; }



/* 마이페이지 */
#topbar .topbar_mypage { position:relative; display:block; border-right:1px solid #DFDFDF }
#topbar .topbar_mypage a { color:#DFDFDF; border-right:0px !important; font-size:11px; color:#DFDFDF ; font-family: 'Arial',sans-serif;}
#topbar .topbar_mypage a:hover { color:#fff;  }




.mypage_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#999999; border-top:1px solid #DFDFDF  }
.mypage_sub div { clear:both;  }
.mypage_sub div a { color:#000; display:block; background:none; line-height:30px !important; height:30px !important; }
.mypage_sub div a:hover { background:#B2B2B2;  color:#fff !important; }



/* 오른쪽메뉴 */
#topbar .wizsubmenu .topbar_right { position:absolute; top:0px; right:0px; z-index:2; }
#topbar .wizsubmenu .topbar_right li{ float:left;  float:left; display:inline-block; *display:inline;  vertical-align:middle; border-left:0px solid #666;  }
#topbar .wizsubmenu .topbar_right li a{ border-left:0px solid #666; border-right:0px solid #666 !important; padding:0 10px !important; }

.wizbook a { display:block; vertical-align:middle; font-size:10px; color:#FBC022 !important;; font-family: 'Arial',sans-serif; font-weight:bold;  text-decoration:none; height:34px; line-height:34px; padding:0 20px; border-right:1px solid #666 !important; }
.wizbook a:hover { color:#ff2841 !important; }

#joinpoint {position:absolute;z-index:99;top:30px;left:40px;height:20px;line-height:20px;color:#222;text-align:center;padding:6px 0 0;background:url("/design/uni6341/wizdesign/joinarr.png") no-repeat 50% 0;-webkit-animation:joinpointanimation 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;}
#joinpoint .point {display:block;width:70px;margin:0;background:#eee; border-radius:7px;text-align:center;font-family:'Lato',sans-serif;font-size:10px;color:#222;}








/* 로고센터 */

#logobox { clear:both; width:100%; margin:auto; position:relative; }

#logo { clear:both; width:1246px; text-align:left;  padding:0; margin:auto; position:relative; }
#logo .toplogo:hover { filter:alpha(opacity=70); opacity:0.7; }


#logobox .top_call { position:absolute; bottom:20px; left:0px; height:19px; line-height:19px; font-family:verdana, arial; font-size:10px; color:#999; text-transform:uppercase; cursor:default; }
#logobox .top_call img { vertical-align:middle; padding-right:4px; }
#logobox .sns { position:absolute; bottom:60px; right:0px;  }



#logobox .sch { position:absolute;  bottom:20px; right: 0; width: 220px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; }
#logobox .sch .keyword { width: 184px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; }
#logobox .btn-sch { vertical-align:bottom; border: 0; }



#ball {position:absolute; z-index:90;top:20px;left:40px;}



/* 상단주메뉴 */


#topmenu.fixed {position:fixed; margin:0 auto; top:31px; width:100%; z-index:5;} /* 메뉴고정 */

#topmenu  { clear:both; width:100%; height:50px; border-top:1px solid #999999;border-bottom:1px solid #ddd; background:#fff;  filter:alpha(opacity=90); opacity:0.9; }


#topmenu .ssub { position:relative;  clear:both; width:1300px;  margin:0 auto;}
#topmenu .ssub .ssub-list{ zoom:1; margin-top:0px; text-align:center; }
#topmenu .ssub .ssub-list:after { content: ""; display: block; clear: both; }
#topmenu .ssub .ssub-list li.menu { 
  display:inline-block;
  padding:0 55px;  /* 100px → 55px */
  position:relative;
}
#topmenu .ssub .ssub-list li.menu a { font-size:12px;  color:#4D4D4D; font-family: 'Nanum Gothic',sans-serif; font-weight:bold;  display:block; padding: 0; line-height:50px; height:50px; }
#topmenu .ssub .ssub-list li.menu a:hover { color:#000; border-bottom:0px solid #000;}
#topmenu .ssub .ssub-list .subbox { border-bottom:1px solid #cecece; padding: 15px 0 7px 0  ; width:145px; background:url( /design/uni6341/wizdesign/layer_arr.png) no-repeat scroll center 0 #fff; position:absolute; top: 44px; left: 50%; margin-left: -69px; }
#topmenu .ssub .ssub-list .subbox li { clear:both; }
#topmenu .ssub .ssub-list .subbox li a{ font-size:12px;  color:#4D4D4D;line-height:25px; height:25px; }
#topmenu .ssub .ssub-list .subbox li a:hover{color:#1aa0da; background:#E9E9E9;}





/* BASIC css end */