/* BASIC css start */
.top_event_banner {
    overflow: hidden;
    height: 25px;
    line-height: 18px;
    display: none!important;
}

#header .wizsubmenu { width:1400px !important; }

#tbs2 {
    padding-top: 9px;
}

.tbs {
    padding: 2px;
}

/*
#ttbs { animation-name:hj;
        animation-duration:10s;
        animation-iteration-count:infinite;
        animation-timing-function:ease-in-out;}
    
    
@-webkit-keyframes hj {
  0% {
    margin-top:0;
  }
  15% {
    margin-top:0px;
  }
  30% {
    margin-top:0px;
  }
  45% {
    margin-top:0px;
  }
  60% {
    margin-top:-27px;
  }
  75% {
    margin-top:-27px;
  }
  90% {
    margin-top:-27px;
  }
  100% {
    margin-top:0px;
  }
}       

.top_event_banner {top:0;
                   z-index:999;}

.scroll {top:31px !important;}  */

/*-------------*/


.top_event_banner {background: #222; display: inline-block; width: 100%; padding:7px 0; text-align:center;}


.top_event_banner  a { color: #eee; font-size: 17px; font-family:sans-serif, 'Lato', 'Arial', 'Dotum';}
.top_event_banner  a:hover { color: #eee; font-size: 17px; font-family:sans-serif, 'Lato', 'Arial', 'Dotum';}
.top_event_banner  a:link { color: #eee; font-size: 17px; font-family:sans-serif, 'Lato', 'Arial', 'Dotum';}
.top_event_banner  a:active { color: #eee; font-size: 17px; font-family:sans-serif, 'Lato', 'Arial', 'Dotum';}
.top_event_banner  a:visited { color: #eee; font-size: 17px; font-family:sans-serif, 'Lato', 'Arial', 'Dotum';}


#preview_wrap { display:none}


#header .logo, 
#header .sch,
#header .lnb,
#header .gnb { position: absolute; }


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


/* 상단검정바 */
#header-top { width:100%; position:relative; margin:0 auto; height:60px;}
#header {position:fixed; top:0px; width:100%;  margin:0 auto;  border-bottom:0px solid #eee ;  background:#fff; text-transform:uppercase; z-index:9; }
#header .wizsubmenu { width:1350px; margin:0 auto; height:55px; position:relative; }

/* 왼쪽 */

#header .wizsubmenu .topbar_left {  float:left; }
#header .wizsubmenu .topbar_left li { display:inline-block; *display:inline; height:55px; line-height:55px; padding-right:22px;}
#header .wizsubmenu .topbar_left li a { }
#header .wizsubmenu .topbar_left li a:hover { text-decoration: underline;  }


#nav_left li a {display:inline-block; *display:inline;}
#nav_left > li > a {   color:#333; font-size:12px; font-family: 'Roboto', Arial,sans-serif; font-weight:700; letter-spacing: 1px; padding-right:0px; display:block;text-align: center; height:55px; line-height:55px;}
#nav_left > li:hover > a,#nav_left > a:hover{ color:#999; font-family: 'Roboto', Arial,sans-serif,'Nanum Gothic', sans-serif; }

#header .wizsubmenu .topbar_left #nav_left > li { display:inline-block; *display:inline; padding:0px 0px; position:relative; padding-right: 22px;}
#header .wizsubmenu .topbar_left #nav_left li a img { vertical-align:top; padding-right:22px;}
#header .wizsubmenu .topbar_left #nav_left li:hover div { display:block; }


#nav_left p {  text-align:left; }
#nav_left p a { display:block;  font-size:11px;color:#888; line-height:23px;  height:23px; font-family: 'Nanum Gothic', 돋움  !important;}
#nav_left p a:hover { color:#555;  text-decoration: underline; }


#nav_left .smenu1 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0; padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px ;}
#nav_left .smenu2 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0; padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px  ;}
#nav_left .smenu3 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0; padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px  ;}
#nav_left .smenu4 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0;  padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px  ;}
#nav_left .smenu5 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0;  padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px ;}
#nav_left .smenu6 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0;  padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px ;}
#nav_left .smenu7 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0;  padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px ;}
#nav_left .smenu8 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0; padding:0 10px 10px 10px; margin:0; position:absolute;top:50px; left:-10px ;}


/* 오른쪽 */
#header .wizsubmenu .topbar_right { float:right; }
#header .wizsubmenu .topbar_right li { display:inline-block; *display:inline;  text-align:center; position:relative;}
#header .wizsubmenu .topbar_right .line_sp { height:21px; line-height:21px; text-align:center;  color:#E3E3E3; }

#header .wizsubmenu .topbar_right #nav_right li { display:inline-block; *display:inline; padding:0px 2px; position:relative; border:0px solid #e0e0e0; }
#header .wizsubmenu .topbar_right #nav_right li a img { vertical-align:middle; padding-right:0px;}
#header .wizsubmenu .topbar_right #nav_right li:hover div { display:block;}

#header .wizsubmenu .topbar_right #nav_right li a .rollover  { display: none;}

#nav_right .bmenu1 { display: none; background-color:#fff;width:110px; border:0px solid #e0e0e0; padding:10px; margin:0; position:absolute;top:50px; left:0px ;  }
#nav_right .bmenu1 p {  padding:0px;text-align:left; }
#nav_right .bmenu1 p a { display:block;  font-size:11px;color:#888; line-height:18px;  height:23px; font-family: 'Nanum Gothic', 돋움;}
#nav_right .bmenu1 p a:hover { color:#555;  text-decoration: underline; }

#nav_right .bmenu2 { display: none; background-color:#fff; width:110px; border:0px solid #e0e0e0; padding:10px; margin:0; position:absolute;top:50px; right:-50px ;  }
#nav_right .bmenu2  p { clear: both; display:block; padding:0px;text-align:left; }
#nav_right .bmenu2  p a { display:block; font-size:11px;color:#888; line-height:23px;  height:23px; font-family: 'Nanum Gothic', 돋움;}
#nav_right .bmenu2  p a:hover {color:#555;  text-decoration: underline; }
#nav_right .bmenu2 .simg a {  float:left ; display:inline-block; *display:inline; padding-right:10px; border:0px solid #e0e0e0; padding:5px 5px 5px 0px}
#nav_right .bmenu2 .simg img { vertical-align:middle; padding:0px; widht:100%;}


#nav_right .bmenu3 { display: none; background-color:#fff; width:320px; height:72px; border:0px solid #e0e0e0; padding:10px; text-align:center; margin:0; position:absolute;top:52px; right:-150px ; }
#nav_right .bmenu3 .sch {  width:280px; height: 25px; border-bottom: 1px solid #E6E6E6; background:#fff;  margin:20px 0 0 20px; }
#nav_right .bmenu3 .sch .schtxt { color:#888;   padding-right:10px;}
#nav_right .bmenu3 .sch .keyword { width: 200px; height: 25px;  color:#333; border: 0;  }
#nav_right .bmenu3 .sch .btn-sch  {vertical-align:middle; }


/* 오른쪽
/* BASIC css end */