/*탑메뉴는 각각 main_top.asp / sub_top.asp로 나눔 */
/*탑메뉴 및 전체메뉴 CSS는 각각 main_top.css / sub_top.css로 나눔 */
/* 전체메뉴 높이조절은 각 CSS에서 .navigation 클래스명에서 조절하면 됨*/

/* 메인탑 메뉴 */
.logo{float: left; margin: 10px 0px 0px 0px}
#menu{float: right;margin: 17px 0px 0px 15px}
#menu ul li.b_me {float: left; position: relative; margin-left: 35px; line-height: 20px;}
#menu ul li a{display: block;font-size:18px; color:#ffffff;padding: 18px 0;position: relative; font-weight:500; }
#menu ul li:first-child{margin-left: 0;}
#menu ul li.menu-item-has-children > a{padding-right: 0px;}
/*#menu ul li.menu-item-has-children > a:before {content: "\f078";position: absolute;right: 0;top: 10px;font-size:11px; line-height: 15px;font-family: 'FontAwesome';}*/
#menu ul li ul{position: absolute;padding: 10px 0;background-color: rgba(0,0,0,0.5);width: 175px;display: none;}
#menu ul li ul li {float: left;/*clear: both;*/margin: 0;width: 100%;}
#menu ul li ul li a {display: block;padding: 6px 23px;line-height: 20px; font-size:15px; }
#menu ul li ul li a:hover {background-color: rgba(0,0,0,0.4);  }
#menu ul li ul li a.kor {display: block;padding: 6px 23px;line-height: 20px; font-size:13px; }
#menu ul li ul li a:hover.kor {background-color: rgba(0,0,0,0.4);  }
#menu ul li:hover ul{display: block;}

/* 하위메뉴 2줄위해 추가20170831*/
#menu ul.dep2 {position: absolute;padding: 10px 0;background-color: rgba(0,0,0,0.5);width: 380px;display: none;}
#menu li.m2 {float: left; width: 50%; display: inline;}

.fixed .header { background-color: rgba(0,0,0,0.8);padding: 0px 0px 0px 0px;position: fixed;left: 0;top: -2px;width: 100%;}
.fixed .header .logo{margin-top:8px; padding: 0px 0px 0px 0px;}

/* 전체메뉴 */
.navigation_bar #gnb_category {position:absolute;right:0px; width:34px;height:34px; margin:3px 0px 0px 20px; }
.navigation_bar #gnb_category a {color:#fff;font-size:0;line-height:0;color:transparent;*text-indent:-9999px;display:block;height:56px;background:url('/images/include/all_menu_main.png') no-repeat 14px 15px;}
.navigation_bar #gnb_category.gnb_on a {background-position:-25px 16px;}
.navigation_bar .navigation {display:none; position:absolute;right:0;top:73px; z-index:9999; width:980px;height:260px; background-color: rgba(0,0,0,0.8); }

#all_menu ul.m_area {  float:left; width:146px; margin:20px 0px 0px 20px; }
#all_menu ul.m_area a.flink{  color:#fff; }
#all_menu ul.m_area li.sm_area {  float:left; width:100%; font-size:18px;  }
#all_menu ul.m_area li.sm_area a.alink{  padding:4px 0px 4px 5px; font-size:15px;  }
#all_menu ul.m_area li.sm_area a:hover.alink{  background-color: rgba(0,0,0,0.9);  }
#all_menu ul.m_area li.sm_area a.alink_kor{  padding:4px 0px 4px 5px; font-size:13px;  }
#all_menu ul.m_area li.sm_area a:hover.alink_kor{  background-color: rgba(0,0,0,0.9);  }
#all_menu ul.m_area p {  margin:0px 0px 10px 0px;}

/* 전체메뉴 하위메뉴 2줄위해 추가20170831*/
#all_menu ul.m_area2 {  float:left; width:292px; margin:20px 0px 0px 20px; }
#all_menu ul.m_area2 a.flink2 {  color:#fff; }
#all_menu ul.m_area2 li.sm_area2 {  float:left; width:146px; font-size:18px;  }
#all_menu ul.m_area2 li.sm_area2 a.alink{  padding:4px 0px 4px 5px; font-size:15px;  }
#all_menu ul.m_area2 li.sm_area2 a:hover.alink{  background-color: rgba(0,0,0,0.9);  }
#all_menu ul.m_area2 p {  margin:0px 0px 10px 0px;}