nav {z-index:9999999; height:80px; line-height:40px !important; justify-content:space-between;}
nav .container{height:80px;}
nav ul {
  font-size: 0;
  margin: 0;
  padding: 0;

}

nav ul li {
  display: inline-block;
  position: relative;
}

nav ul li a {
  color: #3c3a4b  !important;
  display: block;
  font-size: 1.08rem;
  font-weight:700;
  padding: 20px 58px;
  transition: 0.3s linear;
    font-family: 'Chakra Petch', sans-serif !important;
}

.sub nav ul li a {color: #fff  !important;}

.main_nav > .container > ul > li > a:before{content:''; transition:width .5s; left:50%; width:0; height:3px; background:#2483f7; position:absolute; bottom:0; transform:translateX(-50%)}

.main_nav > .container > ul > li:hover > a:before{width:100% }



.main_nav .container ul li a:hover{color:#2483f7 !important; }

nav ul li ul {

  display: none;
  position: absolute;
}

nav ul li ul li {

  display: block;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #3c3a4b;
  display: block;
  padding: 10px 0px;
  font-size:0.95rem;
  font-family:'pretendard' !important
}




nav .fa.fa-angle-down { margin-left: 6px; }


.sub_gnb_ul{text-align:center;}
.sub_gnb_ul li{width:196px;}
.sub_eng{padding:20px 62px;}



#m_header.fixed{border-bottom:none !important}


header {
	width: 100%;
	height: 80px;
	background-color: transparent;
	z-index: 9999;
	top: 0;
	position: absolute;
	border-bottom:1px solid #fff !important;
}

header:hover{background:#fff; border-bottom:none !important}
header:hover nav ul  li a{color:#222 !important}
header:hover .header_logo{background:url('/common/img/common/logo.png') no-repeat center center; width:190px; height:80px; display:inline-block; background-size:100%; margin-left:3em;}
header:hover .cd-nav-trigger span.ham{background-color:#222 !important}
header.fixed .cd-nav-trigger span.ham{background-color:#222 !important}
header:hover .sub_gnb_ul li a{color:#fff !important}

.header_logo > a{width:100%; height:100%; display:inline-block;}



nav > header.fixed{border-bottom:none !important;}



header.fixed {
	position: fixed;
	background-color: #fff;
	border-bottom:1px solid #ddd !important;
}


.header_logo{background:url('/common/img/main/snow.png') no-repeat center center; width:190px; height:80px; display:inline-block; background-size:100%; margin-left:3em;}
.sub .header_logo{background:url('/common/img/common/logo_w.png') no-repeat center center; background-size:100%;}
header.on > nav ul li a, header.fixed nav ul li a{color:#3c3a4b  !important;}
header.on .header_logo, header.fixed .header_logo{ background:url('/common/img/main/snow.png') no-repeat center center; width:190px; height:80px; display:inline-block; background-size:100%; margin-left:3em;}


header.on > nav .sub_gnb_ul li a, header.fixed nav .sub_gnb_ul li a{color:#fff !important}



.top_fixed {width:60px; line-height:60px; background-color:#3c3a4b ; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}




 @media all and (max-width:1400px){
nav ul li a{padding:20px 40px;}
.sub_gnb_ul li{width:164.75px;}
.sub_eng{padding:20px 46px;}
}




 @media all and (max-width:1200px){
.header_logo{margin-left:0;}
header.on .header_logo, header.fixed .header_logo{ margin-left:0;}
header:hover .header_logo{margin-left:0;}
nav ul li a{padding:20px 30px; font-size:1rem;}
.sub_gnb_ul li{width:137.75px;}
.sub_eng{padding:20px 34px;}
 }



@media all and (max-width:1000px){
.header_logo{margin-left:2%}
header.on .header_logo, header.fixed .header_logo{margin-left:2%;}
header:hover .header_logo{margin-left:2%}
}