@import url(./nanumsquare.css);

body, ul, li, h1, h2,h3,h4, dl,div, span{ margin:0; padding:0; -webkit-text-size-adjust:none}
ul, ol{list-style:none;}
img{border:none}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

.nav .navigation{
 -webkit-border-radius: .3em;
 -moz-border-radius: .3em;
 -ms-border-radius: .3em;
 -o-border-radius: .3em;
 border-radius: .3em;

}

.nav .mall{
 -webkit-border-radius: .3em;
 -moz-border-radius: .3em;
 -ms-border-radius: .3em;
 -o-border-radius: .3em;
 border-radius: .3em;

}

.mainmenu > a:hover, .mainmenu > ul > li > a:hover {
  -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
  -moz-animation: neon2 1.5s ease-in-out infinite alternate;
  animation: neon2 1.5s ease-in-out infinite alternate;
}
.td_quick {box-sizing:border-box; padding:4px; width:65px; height:210px; display:inline-block; background-color:#034aad; border-radius:5px; text-align:center;}

@-webkit-keyframes neon2 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  to {
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
}

#wrapper {width:100%;}
#log{ width: 975px; height: 25px; text-align: right}
#log ul li { font-family: "NanumSquare"; font-weight: bolder; font-size: 11pt; display: inline-block}
#log ul li a {color:#4070B4; font-weight:bolder; padding-top:15px; padding-left: 5px; display:inline-block; zoom:1;}
#log .line { color:#658BA2; vertical-align: middle; *display:inline-block; *padding-bottom:15px;}
#header {height:60px; font-family: "NanumSquare"; position:relative; }
.logo {padding: 0 50px 0 20px; width:200px; height:61px; position: relative; float:left; vertical-align: top;
	-webkit-filter: contrast(75%) brightness(100%);
    filter: contrast(75%) brightness(100%);
    /*background:url('../img/dddd.png') no-repeat;*/}
.logo img {vertical-align: top;}
.nav {width:800px; height:61px; position: relative; 290px; float:left;}
.text {display:block;text-indent:100%;white-space:nowrap;overflow:hidden;}
.nav .line { color:#658BA2; vertical-align: middle; *display:inline-block; *padding-bottom:15px;}
.nav .navigation {
	*display:inline-block;
background: #068100; /* Old browsers */
background: linear-gradient(to bottom,  #63b05f, #068100 20%); border: 1px solid #068100; /* W3C */
}


.mainmenu {margin: 0 17px !important;}
.nav ul {display:inline-block; padding: 0px 20px; margin:0;}
.nav ul li {display:inline-block; *display:inline; zoom:1; vertical-align: middle; }
.nav ul li a{font-size: 1em;font-weight:bolder;color:#fff;text-decoration:none;display:block;padding: 10px 2.3px;-webkit-transition: all .5s;-moz-transition: all .5s;}
.nav ul li a:hover { background:#; -webkit-transition: all .5s; -moz-transition: all .5s;}
.nav ul li:hover ul {display:block; }
#nav li.over ul {display: block}
.nav ul li ul {position:absolute; display:none; top:36px; padding-left: 0%; left:0; width:100%; background:#; z-index:900; -webkit-transition: all .5s; -moz-transition: all .5s;}
.nav ul li ul li {}
.nav ul li ul li a {font-size:12pt; color: #1a237e; text-shadow:-1px 0 #C5C5E6, 0 .1px #C5C5E6, .1px 0 #C5C5E6, 0 -1px #C5C5E6; padding:11px 8px; display:inline-block; *display:inline; zoom:1;}
.nav ul li ul li a:hover {color:#0034a1; background:none;}

.nav .mall {
	*display:inline-block;

	background: #01419b;
	background: linear-gradient(180deg, #7799ca, #01419b 20%); border: 1px solid #01419b;}
.nav ul {display:inline-block; padding: 0px 14px; margin-left: 10px;}
