@charset "euc-kr";
/* CSS Document */


/*»ó´Ü¸Þ´º*/
#header {width: 100%; height:57px; font-family: 'Roboto','NotoKR', Arial, sans-serif !important; background-image: url(/images/common/menu_bg.jpg); background-repeat: no-repeat; background-position: 94% 0; background-size:cover;}
.nav {z-index: 99;}
.header_bottom {width: 100%;}

.top_menu_wrap {width: 980px; margin: 0 auto;}
.top_menu_wrap:after {
	content: "ÀÓ½Ã";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.top_menu_wrap * {float: left;}
.nav_wrap .nav {position: relative;}
.nav_wrap .nav:first-child{ background-image:none;}
.nav_wrap .nav > .nav_list {position: absolute;top: 100%; /*left: 0px;*/ overflow: hidden;display: none; z-index: 999; }

.nav_list > .sub_menu_wrap > div > a > span {padding: 4px 0px 5px 0px; color: #777; font-size: 11px; font-weight: 500; display: inline-block; letter-spacing:-0.5px;}
.nav_list > .sub_menu_wrap > div > a:hover > span {color: #0054a6;}
.nav_list > .sub_menu_wrap > div > a {display: block; padding:0 9px; background-image: url(/images/common/menu_bar.png); background-repeat: no-repeat; background-position: 0 center;}
.nav_list > .sub_menu_wrap > div > a:first-child { /*margin-left: 15px!important;*/}
.nav_wrap .nav:hover > .nav_list { display: block;}
.nav > a { font-size:15px; color:#fff; font-weight:600; padding: 6px 26px 10px 26px; letter-spacing:-1px;}
.nav:hover > a { text-decoration:none; color:#709bc6;}
.top_menu_01 { width:auto; height: 18px; }
.top_menu_02 { width:auto; height: 18px; }
.top_menu_03 { width:auto; height: 18px; }
.top_menu_04 { width:auto; height: 18px; }
.top_menu_05 { width:auto; height: 18px; }
.top_menu_06 { width:auto; height: 18px; }
.top_menu_07 { width:auto; height: 18px; }
.top_menu_08 { width:auto; height: 18px; }
.menu_img{ float:right; margin-top:13px; margin-left: 55px;}

.top_menu_sub01 {background-image: url(/images/common/top_menu_sub01.png); width:54px; height: 13px; }
.top_menu_sub01 a:hover{background-image: url(/images/common/top_menu_ov_sub01.png);background-repeat:no-repeat; width:54px; height: 13px; }

.header_top {background-image: url(/images/common/top_bg_01.jpg); background-repeat: repeat-x; border-bottom: 1px solid #252c2e}
.header_bottom {background-image: url(/images/common/top_bg_02.jpg); background-repeat: repeat-x; /*border-bottom: 1px solid #ddd; height: 109px;*/}
.top_logo {padding:3px 20px 11px 60px; }
.top_menu {padding: 0px 0 0 0px; }
.nav_list { /*background-color: #ff7800; border-radius: 30px;*/ border:1px solid #709bc6; border-radius: 5px; background-color:#fff;}

.nav_list_01 {width: 700px; padding-left: 10px; margin-left: 10px; left: 0px;}
.nav_list_02 {width: 380px; padding-left: 10px; margin-left: 10px; left: 0px;}
.nav_list_03 {width: 120px; padding-left: 10px; margin-left: 10px; left::0px;}
.nav_list_04 {width: 110px; padding-left: 10px; margin-left: 10px; left: 0px;}
.nav_list_05 {width: 250px; padding-left: 10px; margin-left: 10px; left: 0px;}
.nav_list_06 {width: 390px; padding-left: 10px; margin-left: 10px; left: -150px;}
.nav_list_07 {width: 640px; padding-left: 10px; margin-left: 10px; left: -450px;}
.nav_list_08 {width: 670px; padding-left: 10px; margin-left: 10px; left: -580px;}