#gnb { width:100%; height:92px; padding: 0; margin: 0; border: 0; background-color: #fff;z-index: 10000;}

body.on #gnb {position:fixed;top:0;left:0;border-bottom: 1px solid #e3e3e3;}

#gnb:after { display:block; visibility:hidden; clear:both; content:""; }
#gnb .gnb_container {position: relative;max-width:1200px; margin:0 auto; padding:0 20px;}
#gnb_logo { position: absolute; top:20px; left:0;}
#gnb_logo > a { display:block;}
#gnb_logo > a > img { display:block; }
#gnb_nav { position: relative; float: right; margin: 0; padding: 0; list-style: none; z-index: 10000; }
#gnb_nav > li { float: left; position: relative; z-index: 500; margin-left:100px; }
#gnb_nav > li > a { display: inline-block; color:#252525; padding: 32px 0 31px; text-decoration: none; text-align: center; font-size:20px; font-weight:500; }
#gnb_nav > li > a.on { color: #1c384f; }
#gnb_nav > li > a:hover { color: #d7ae46; }
#gnb_nav > li > a.selected { color: #f00; }
#gnb_nav > li > ul { position: absolute; display: none; left: 0; margin: 0 0 0 -30px; padding: 0; list-style: none; border-bottom:solid 3px #1c384f; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#gnb_nav > li > ul > li { float: left; width: 155px; text-align: left; background-color: #fff; }
#gnb_nav > li > ul > li > a { display: block; font-size:14px; line-height:22px; padding: 10px 20px; margin: 0; color: #333; text-decoration: none; }
#gnb_nav > li > ul > li > a:hover { color: #1c384f; text-decoration:underline; background:#f8f8f8; }

body.on #gnb.main_gnb {position:fixed;top:0;left:0; border-bottom: 1px solid #e3e3e3;background:#fff;}
body.on #gnb_nav.mian_gnb_nav > li > a  {color: #252525;}
#gnb.main_gnb {position:absolute;top:0;left:0;height:94px;margin-top:0;border-bottom:1px solid rgba(176, 176, 176, .4);background: transparent;z-index:10000;}
#gnb_logo.main_gnb_logo {top:22px;}
#gnb_logo.main_gnb_logo > a > img { width:100%; }

#gnb_logo.main_gnb_logo .sub_logo,
body.on #gnb_logo.main_gnb_logo .main_logo {display:none;}
body.on #gnb_logo.main_gnb_logo .sub_logo {display:block;}


#gnb_nav.mian_gnb_nav > li > a {color:#fff;font-weight:600;padding:33px 0;}
#gnb_nav.mian_gnb_nav > li > a:hover {color:#d7ae46;}
body.on #gnb_nav.mian_gnb_nav > li > a:hover {color:#d7ae46;}