/* General styles for all menus */

.gnb_menu {
	background: #f2f2f2;
	position: fixed;
	opacity:0.98;
	overflow-y:auto;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	/*font-family:'Malgun Gothic', 'Helvetica Neue', Arial, sans-serif;*/
}

nav {width:100%; margin:0; padding:0;}

.gnb_header {width:100%; display:block; background:#0170c9; color:#fff; font-weight:normal; text-align:center; margin-bottom:12px;}

.gnb_header .gnb_header_tit {height:47px; padding-top:25px; border-bottom:1px solid #019ddf; display:block; font-size:20px; position:relative;}
.gnb_header .gnb_header_tit > a {display:inline-block; color:#fff; cursor:pointer;}
.gnb_header .gnb_header_tit > a > img {display:block; width:32px; height:32px;}
.gnb_header .gnb_header_tit .menu_home {position:absolute; left:18px; top:20px;}
.gnb_header .gnb_header_tit .menu_close {position:absolute; right:18px; top:20px;}

.gnb_header .gnb_header_menu {height:44px; display:block;}
.gnb_header .gnb_header_menu > a {display:block; float:left; width:33.3%; color:#fff; font-size:14px; box-sizing:border-box; height:44px; padding-top:10px; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.gnb_header .gnb_header_menu > a > img {width:23px; height:23px; display:inline-block; margin-right:4px; vertical-align:middle;}
.gnb_header .gnb_header_menu > a:hover, .gnb_header .gnb_header_menu > a:active {background:#003a7c;}
.gnb_header .gnb_header_menu > a.b_right {border-right:1px solid #019ddf;}

.toggle_menu_list {width:100%;}
.toggle_menu_list > ul {width:100%; display:inline-block; *zoom:1; *display:inline;}
.toggle_menu_list > ul > li {float:left; width:100%; display:block;}
.toggle_menu_list > ul > li > a {cursor:pointer;}

.toggle_menu_list > ul > li a.toggle_menu, .toggle_menu_list > ul > li a.toggle_menu_single {font-size:15px; border-bottom:1px solid #ddd; padding:15px 0 13px 15px; color:#333; display:block; background:#fff; position:relative;}
.toggle_menu_list > ul > li a.toggle_menu_single.call {font-weight:bold; color:#0170c9;}

.toggle_menu_list > ul > li a.toggle_menu .toggle_arrow {position:absolute; right:15px; top:15px; background:url(/Mobile/images/inc/gnb_arrow01_01.png) no-repeat center; width:18px; height:18px; display:block; background-size:18px 18px;}
.toggle_menu_list > ul > li a.toggle_menu.active .toggle_arrow {position:absolute; right:15px; top:15px; background:#fff url(/Mobile/images/inc/gnb_arrow01_02.png) no-repeat center; background-size:18px 18px;}

.toggle_menu_list > ul > li .toggle_sub {display:none; background:#f4f5f7;}
.toggle_menu_list > ul > li .toggle_sub > a {display:block; padding:13px 0 11px 15px; font-size:14px; color:#666; border-bottom:1px dotted #ddd;} 
.toggle_menu_list > ul > li .toggle_sub > a.last {border-bottom:1px solid #ddd;}

/* Orientation-dependent styles for the content of the menu */

.gnb_menu_vertical {
	max-width: 100%;
	height: 100%;
	top: 0;
	z-index: 105;
}

/* Vertical menu that slides from the left or right */

.gnb_menu_left {
	left: -100%;
}

.gnb_menu_left.gnb_menu_open {
	left: 0;
}