@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

li {list-style:none;}

#gnb{height:35px; width:1000px; font-family: 'Noto Sans KR', sans-serif; background: url('/img/menu_bg.gif') center top; margin-top:10px;}
#gnb .g_item{position: relative; float: left; margin-top:7px; padding: 0 35px; padding-bottom: 10px;}
#gnb .g_item:first-child {margin-left:250px;}
#gnb .g_item .mbtn{display: block;color: #fff;font-size: 14px;font-weight: 500; letter-spacing:-.5px; line-height: 1.4em; text-decoration: none;}
#gnb .g_item:hover .mbtn{color: #fff; opacity:0.7; text-decoration: none;}
#gnb .g_item .g_item_sub{display: none;position: absolute;top: 30px;padding:2px 0 11px 14px;border-radius:5px; z-index: 10;}
#gnb .g_item .g_item_sub01{width: 520px;left: 0px;}
#gnb .g_item .g_item_sub02{width: 1038px;left: -330px;}
#gnb .g_item .g_item_sub03{width: 820px;left: -70px;}
#gnb .g_item .g_item_sub04{width: 496px;left: -90px;}
#gnb .g_item .g_item_sub05{width: 310px;left: -50px;}
#gnb .g_item .g_item_sub06{width: 345px;left: -20px;}

#gnb .g_item:hover .g_item_sub{display: block;}

#gnb .g_item .g_item_sub li{float: left;margin-right: 14px; }
#gnb .g_item .g_item_sub li a{text-decoration: none;display: block;color: #333;font-size: 11px;font-weight: 600;line-height: 1em; opacity:0.7;}
#gnb .g_item .g_item_sub li a:hover{color: #002957; text-decoration: none; opacity:1;}


.bg01 {background: url('../img/sub/left_bg01.gif') center top no-repeat;}
.bg02 {background: url('../img/sub/left_bg02.gif') center top no-repeat;}
.bg03 {background: url('../img/sub/left_bg03.gif') center top no-repeat;}
.bg04 {background: url('../img/sub/left_bg04.gif') center top no-repeat;}
.bg05 {background: url('../img/sub/left_bg05.gif') center top no-repeat;}
.bg06 {background: url('../img/sub/left_bg06.gif') center top no-repeat;}
.bg07 {background: url('../img/sub/left_bg07.gif') center top no-repeat;}
.bg08 {background: url('../img/sub/left_bg08.gif') center top no-repeat;}
.bg09 {background: url('../img/sub/left_bg09.gif') center top no-repeat;}
.bg10 {background: url('../img/sub/left_bg10.gif') center top no-repeat;}

#sidemenu {width:200px; }
#sidemenu ul {font-size:0; padding:5px; }
#sidemenu ul li {width:195px; letter-spacing:0; font-weight:600; padding:3px 0; font-family: 'Noto Sans KR', sans-serif; background: url('../img/sub/nav_off.png') center top no-repeat;}
#sidemenu ul li a {height:23px; line-height:11px;color:#797979; display: block; margin: 0; padding-left:20px;  font-size: 10px; border-bottom:1px solid #ddd;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {color:#1e6ab7;height:24px; padding-top:3px; margin-top:-3px; border-bottom:0px solid #ddd; background: url('../img/sub/nav_on.png') center top no-repeat;}


#sidemenu dl {padding:5px 0;}
#sidemenu dd { font-family: 'Noto Sans KR', sans-serif;}