/* BASIC css start */
body {margin:0px auto; word-break:break-all; -ms-word-break:break-all;}
body li {list-style:none;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
margin: 0px;
padding: 0px;
outline:none;
}

body, th, td, div, p, h3, h4, a, li, textarea, input, select{
font-size:12px; 
font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;
}

a:link {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:visited {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:active {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:hover {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}

@font-face {
font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;
font-family:³ª´®ºê·¯½¬½ºÅ©¸³Æ®, Nanum Brush Script, Georgia, Serif;
}

#header-warp {width:100%; margin:0px auto; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif; }
.login-line {background:#eee;}
.login-line ul {width:1200px; margin:0px auto; height:25px;}
.login-line li {float:right; }
.login-line li a {float:left; color:#666; font-size:12px; padding:5px 10px;}

.logo-line {margin:0px auto; width:1200px; height:156px;}
.logo-line li {float:left; width:33.3%; margin:35px 0;}
.logo img {margin-top:0px;}
.serch-form {border:none; width:290px; margin:7px 0 0 10px ;}
.serch-form a {font-size:13px;}
.MS_search_word {margin:20px 0px 0 25px; width:250px; height:30px; border:2px solid #ccc; border-radius:10px;}
.pro-serch fieldset a img {margin-top:20px;}

/*top-menu¼Ò½º*/
#nav,#nav ul { list-style: none outside none; margin: 0; padding: 0;}
#nav { z-index:99; clear: both; padding: 0 0 0 9px; position: relative; }
#nav ul {border-width: 0 1px 1px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5); left: -9999px; overflow: hidden; position: absolute; top: -9999px; z-index: 2; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -moz-transition: -moz-transform 0.1s linear; -ms-transition: -ms-transform 0.1s linear; -o-transition: -o-transform 0.1s linear; -webkit-transition: -webkit-transform 0.1s linear; transition: transform 0.1s linear;}
#nav li {float: left; position: relative; width:200px;}
#nav li a { font-size:14px; height:30px; text-align:center; color: #fff; display: block; font-weight: bold; padding: 10px 0px 0; position: relative; text-decoration: none; }
#nav li:hover, #nav a:focus, #nav a:hover, #nav a:active {outline: 0 none;}
#nav li:hover ul.subs { left: 0; top: 40px; width: 1200px; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1);}
#nav ul {background:#fff;}
#nav ul li { float:left;}
#nav ul li a { float: none; color:#666;}
#nav ul li:hover > a { background-color: #121212; color: #666;}
#lavalamp {height: 16px; left: 13px; position: absolute; top: 0px; width: 64px; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
#lavalamp:hover { -moz-transition-duration: 3000s; -ms-transition-duration: 3000s; -o-transition-duration: 3000s; -webkit-transition-duration: 3000s; transition-duration: 3000s;}

#nav .subs .sub-menu { height:390px;}
#nav .subs .sub-menu h2 { background:#eee; height:40px; font-size:13px; }
#nav .subs .sub-menu span a {font-size:12px; color:#999; height:20px;}
#nav .subs .sub-menu1 h2 { background:#eee; height:40px; font-size:13px; }
#nav .subs .sub-menu1 span a {font-size:12px; color:#999;  height:20px;}






#tnb-box {width:100%; background:#333; height:40px;}
#tnb-box ul {width:1200px; margin:0px auto;}
.tnb-menu {float:left; padding-top:9px;}
.tnb-menu a {font-size:16px; font-weight:600; margin:0px 28px; color:#eee}

ul.menu li ul.sub{position: absolute; width:1200px; min-height:200px; z-index:5; background:#fdfdfd;}
ul.menu li ul.sub li a {color:#333; font-size:13px;}
.sub-menu {float:left; width:200px; min-height:330px; overflow:hidden; color:#333;}
ul.menu li ul.sub .sub-menu h2 {width:200px; height:26px; background:#eee;}
ul.menu li ul.sub .sub-menu h2 a {font-size:14px; line-height:27px; font-weight:none;}
ul.menu li ul.sub .sub-menu span a {font-size:12px; line-height:27px; font-weight:none; color:#999}
ul.menu li ul.sub .sub-menu1 {float:left; width:200px; min-height:200px; overflow:hidden; color:#333;}
ul.menu li ul.sub .sub-menu1 h2 {width:200px; height:26px; background:#eee;}
ul.menu li ul.sub .sub-menu1 h2 a {font-size:14px; line-height:27px; font-weight:none;}
ul.menu li ul.sub .sub-menu1 span a {font-size:12px; line-height:27px; font-weight:none; color:#999}

ul.menu{zoom: 1;}
ul.menu:after{height: 0; visibility: hidden; content: "."; display: block; clear: both;}
ul.menu li a{display: block; width: 100%; height: 100%; font-weight:600; text-decoration: none;}



/*°ø¿ë*/
.fa {display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transform:translate(0px, 0px); width:20px; height:20px;}
.fa-search { color:#82b04e; content:\f002; font-size:20px; border:1px solid red}
/* BASIC css end */