@import url("NotoKR.css");

html, body{width:100%; overflow-x: hidden; letter-spacing: -0.25px;font-family: 'Noto Sans Regular';}
* {margin: 0; padding: 0; box-sizing: border-box; word-break: keep-all;}
body{font-size: 16px; color: #fff; text-align:left; font-weight:300;font-family: 'Noto Sans Regular'; !important; *word-break:break-all; -ms-word-break:break-all; cursor: default;}
img,fieldset,iframe{border:0 none}
img {vertical-align: middle;}
ul, li {list-style: none; outline: none;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0;}
button * {position:relative; overflow:hidden;}
hr{visibility: hidden;}
legend{*width:0}
a {color: inherit;}
table{border-collapse:collapse;border-spacing:0}

/* HTML5 Reset */
section,nav,menu,article,aside,footer,header,figure,figcaption,details,address  {display:block;}
select::-ms-expand {display: none;} 
input:focus, textarea:focus, select:focus {outline: none;}
input, textarea {border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
ul, li {list-style: none; outline: none;}
a {border: 0; text-decoration:none}
a, span {display: inline-block;}

.hidden {display: none;}

.bg00 {background: url(../images/bg00.jpg) no-repeat center top; background-attachment: fixed;}
.mainContainer {width:1200px; margin: auto; padding-top:170px; min-height: 500px;}

.header {position:absolute; top:0; left: 50%; width: 1200px; z-index: 9999; margin-left: -600px;}
.header .lnb{display: block; width: 100%; position: absolute; top:10px; left: 50%; margin-left: -600px; z-index: 999}
.header .lnb ul{margin: auto; text-align: center; color: #ddd}
.header .lnb ul li{display: inline-block; margin: auto 10px; text-align: center}

.nav-wrap {height:170px; width: 100%; overflow: hidden; -webkit-transition: 0.2s; transition: 0.2s;}    
/* .nav-wrap:hover {background: #fff;} */
.nav-wrap.over {background:rgba(45,50,26,.95);}
.nav-wrap.open {height: 450px;}
.nav-wrap .nav {width: 1200px; height: 170px; margin: 0 auto; text-align: center; /* overflow: hidden; */}
.nav-wrap.over .nav:after {content:''; width: 1200px; height: 0px; display: block;  position: absolute; width: 100%; left: 0; right: 0;}
.nav-wrap.over .nav:before {content:''; width: 100%; height: 1px; display: block;  position: absolute; width: 100%;top:0; left: 0; right: 0;}
.nav-wrap .nav_m {height: 170px;}
.nav-wrap .nav .nav_m .menu {float: left; display: inline-block; width: 240px; height: 170px; font-size: 18px; color: #fff; text-transform: uppercase; position: relative; margin-right: 0; font-family: 'Noto Sans Medium'; text-align: center; padding-top:120px;}
.nav-wrap .nav .nav_m .menu.gnb01{background: url("../images/gnb_ico1.png") no-repeat center 55px}
.nav-wrap .nav .nav_m .menu.gnb02{background: url("../images/gnb_ico2.png") no-repeat center 55px}
.nav-wrap .nav .nav_m .menu.gnb03{background: url("../images/gnb_ico3.png") no-repeat center 55px}
.nav-wrap .nav .nav_m .menu.gnb04{background: url("../images/gnb_ico4.png") no-repeat center 55px}
.nav-wrap .nav .nav_m .menu.gnb05{background: url("../images/gnb_ico5.png") no-repeat center 55px}
.nav-wrap .nav .nav_m .menu:last-of-type {margin-right: 0;}
.nav-wrap .nav .nav_m .menu:hover {border-bottom: 4px solid #9ac215;}
.nav-wrap.over .nav ul .menu {color: #E9E9E9;}
.nav-wrap .nav .nav_m .menu.on {}
.nav-wrap .nav .nav_m .menu .nav2 {position:absolute; top:170px; height: 280px; left:0; right:0; display:block; z-index: 998;}
.nav-wrap .nav .nav_m .menu .nav2 .nav2-inner ul {text-align: center; margin-top: 17px;}
.nav-wrap .nav .nav_m .menu .nav2 .nav2-inner ul li {display: block; font-size: 16px; text-transform: uppercase; line-height: 40px; letter-spacing: -1px; color:#bbb; }
.nav-wrap .nav .nav_m .menu .nav2 .nav2-inner ul li:hover {color: #fff;}