@font-face{
font-family:"Nanum Gothic";
src:url('../font/NanumGothic.eot');
src:url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('../font/NanumGothic.woff') format('woff'),
url('../font/NanumGothic.ttf') format('truetype');
}

body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,caption,label,input,textarea,button,select,iframe,object,header,footer,nav,hgroup,section,article,aside{margin: 0;padding: 0;}
img,a,span,abbr,address,pre,code,del,em,strong,sub,sup{margin: 0;padding: 0;}

body,input,textarea,select,button,table,th,td{font-style: normal; font-variant: normal; font-family: "Nanum Gothic";}
body{font-size: 15px;color: #444; font-weight: normal;}

input,textarea,select,button {font-size: 15px;vertical-align: middle;}
legend {margin: 0;padding: 0;display: none;}
pre{white-space: pre;font-family: Malgun Gothic;white-space: pre-wrap;word-wrap: break-word;}

img{border: 0 none;vertical-align: middle;}
ul,ol,li,dl,dt,dd{list-style: none;}
a{text-decoration: none;color: #444;}
a:hover,a:active,a:focus{color: #28689f;text-decoration: none;}
table {border-collapse: separate;border-collapse: collapse;position: relative;}
table caption{width: 0;height: 0;text-indent: -999em;overflow: hidden;}

.hidden {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
	top: -9999px;
	left: -9999px;
    line-height: 0;
    text-indent: -999em;
    margin: 0;
    padding: 0;
    background: none;
    line-height: 0;
    border: none;
}

.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}

.wrap{width: 100%;max-width: 1800px;min-width: 1200px;margin: 0 auto;font-family:"Nanum Gothic";}

.area{width: 1200px;margin: 0 auto;}

#header > .area{position: relative;}
#logo{position: absolute;left: 20px;top: 55px;z-index: 50;}

.header-colligate{float: right;padding: 4px 0;}
.header-colligate > div{float: left;}
.header-colligate > a{padding-top: 5px;float: left;font-size: 14px;display: inline-block;color: #fff;letter-spacing: -1px;margin-right: 22px;}

#menu{width: 100%;float: left;background-color: #fff;margin-bottom: 37px;position: relative;}
.menu-bg{display: none;position: absolute;z-index: 20;top: 95px;left: 0;border-top: 1px solid #ececec;background-color: #fefefe;height: 220px;width: 100%;}

.header-search{margin-right: 32px;}
.header-search input{float: left;width: 137px;height: 25px;line-height: 25px;font-size: 14px;padding-left: 7px;border: 0;background: url(/images/main/main_17.png) repeat;color: #fff;margin-right: 2px;}
.header-search a{float: left;display: inline-block;}

.header-language{padding-top: 3px;}
.header-language a{float: left;display: inline-block;margin-left: 4px;}
.header-language a:first-child{margin-left: 0;}


.menu-depth1{margin-left: 340px;float: left;}
.menu-depth1 > li{float: left;width: 220px;position: relative;}
.menu-depth1 > li.last{width: 135px;}
.menu-depth1 > li > a{font-size: 20px;display: inline-block;font-weight: bold;padding-left: 3px;height: 95px;line-height: 95px;}

.menu-depth1 > li > a.on{color: #eb5757;position: relative;}
.menu-depth1 > li > a.on:after{content:"";border-bottom: 2px solid #eb5757;width: 100%;position: absolute;bottom: -1px;left: 0;z-index: 31;}

.menu-depth2{display: none;position: absolute;top: 96px;left: 0;z-index: 30;padding-top: 25px;}
.menu-depth2.on{border-top: 2px solid #eb5757;top: 94px;}
.menu-depth2 li:first-child{margin-top: 0;}
.menu-depth2 li{margin-top: 13px;}
.menu-depth2 a{font-size: 15px;font-weight: bold;}
.menu-depth2.green a{color: #639e1e;}
.menu-depth2 a:hover{color: #eb5757;}

#allMenuBtn{margin-top: 34px;float: left;}

#footer{margin-top: 55px;background-color: #333;}
#footer h1{float: left;margin: 48px 30px 0 20px;}
.footer-text{float: left;font-size: 18px;margin-top: 40px;line-height: 27px;color: #fff;padding-bottom: 55px;}