#top_menu {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #000;
  z-index: 11111115;
  font-family: "Noto Sans KR", sans-serif;
}

#top_menu  li {  list-style-type: none; }

#top_menu a { text-decoration: none; }

#top_menu > div {
  width: 1280px;
  margin: 0 auto;
}

#top_menu .gnb {
  width: 100%;
  height: 60px;
}

#top_menu .gnb > ul {
  display:flex;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  height--: 80px;
  position: relative;
  z-index: 10;
}
 

#top_menu .gnb > ul > li {
  display--:block;
  position: relative;
  height: 60px;
  line-height: 60px;
 
  font-weight:bold;  
  text-align:center;
   
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0; 
}

#top_menu .gnb > ul > li:before {
    width: 1px;
    height: 15px;
    content: "";
    background-color: #dbdbdb;
    display: block;
    position: absolute;
    top: 21px;
}

#top_menu .gnb > ul > li:hover:after {
  width: 100%;
 
}
#top_menu .gnb > ul > li:after {
  display: block;
  content: "";
  position: absolute;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 3px;
  background: #000;
  transition: all 0.2s;
}

#top_menu .gnb > ul > li > a {  
  width: 100%;
  color:#222222;
   font-size:18px;  
}

#top_menu .gnb > ul > li > a:hover {  
  color:#006799;
}


#top_menu .gnb > ul > li > ul {
  height: 160px;
  box-sizing: border-box;
  text-align: center;
  display: none;
 
  padding-top: 10px;
 
   border-right:0px solid #c0c0c0;   
   border-bottom:0px solid #c0c0c0;
   width:100%;
    transition: all 0.3s ease-out;
}
#top_menu .gnb > ul > li:first-child > ul{
   border-left:0px solid #c0c0c0;    
}


#top_menu .gnb > ul > li > ul.on{
    display: block;
   border-right:0px solid #c0c0c0;   
   border-bottom:0px solid #c0c0c0;
   transition: all 0.3s ease-out;
}
 
#top_menu .gnb > ul > li:first-child > ul.on{
   border-left:0px solid #c0c0c0; 
     
}



#top_menu .gnb > ul > li > ul > li {
  line-height: 100%;
  padding:15px 0;
  text-align: center;
 
  
  font-weight:500;
}
 
 #top_menu .gnb > ul > li > ul > li a{
   color:#6a6a6a;
   font-size:15px;
 }
  #top_menu .gnb > ul > li > ul > li a:hover{
   color:#0057ae;
 }

#top_menu .sub_bg {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 5;
  transition: all 0.3s ease-out;
  transition--: all 0.000000003s ease-out;
}
#top_menu .sub_bg.on {
  height: 160px;
}
 


 #top_menu_header{
	   border-bottom:1px solid #c5c5c5;
	}



	#top_menu_header .top_menu_header_container {
		width: 1280px;
		margin: 0 auto;


	}	



	#top_menu_header .top_menu_header_flex{

		display:flex;
		justify-content: space-between;		
	}


	#top_menu_header .logo_wrap{
	   width:300px;
	   padding:15px 10px;
	}


	#top_menu_header .logo_blank{
	  display:block;
	  flex-grow:1;
	}

	#top_menu_header .logo_wrap img{ width:100%;}


	#login_wrap{		
	   padding:20px  0;
	   position:relative; 
	   text-align:right;
	  
	}


	#login_wrap .login_info_area{
		width:270px;
		display:flex;	
		justify-content: flex-end;
		 align-items: center;
		 cursor:pointer;
	}


	#login_wrap .user_info_login_icon img{
	  width:30px;
	  margin-right:5px;
	}

	#login_wrap .user_info_name{
	  font-size:15px;
	}


	#login_wrap .user_info_arrow_icon{
	  margin-left:5px;
	}


	#login_wrap .nvar_down{
		position:absolute;
		background-color:#ffffff;
		
		width:100%;
		margin-top:30px;
		z-index:1000000000;
		box-shadow: 0px 3px 10px 1px rgb(0 0 0 / 15%);
		display:none;
	}

	#login_wrap .nvar_down .user_info_wrap{
	   padding:10px 10px;
	   text-align:center;
	   font-size:15px;
	   line-height:200%;
	}

	#login_wrap .nvar_down .user_logout{
	   text-align:center;
	   
	   border-top:1px solid #cecece;
	   font-size:15px;
	   font-weight:700;
	}

	#login_wrap .nvar_down .user_logout a{
	   padding:12px 3px;
		line-height:50px;
		color:#565656;
		
	}


	#login_wrap .nvar_down .sso_link{
			background-color:#595959;

	}

	#login_wrap .nvar_down .sso_link a{
		color:#ffffff;
		font-size:15px;
		 line-height:50px;
		text-align:center;
		display:block;
	}



	#login_wrap li {  list-style-type: none; }

	#login_wrap .login_join_wrap{ 
		display:flex;
		justify-content:center;
		 align-items: center;
	
	}

	#login_wrap ul li{
	  padding:14px;
 
	}

	#login_wrap ul li a{
	  font-size:14px;
	  color:#595959; 
	}