@charset "utf-8";

/* 상단메뉴 */
#header { position:fixed; left:0; top:0; width:100%; height:60px; background:#fff; box-shadow:0px 0px 6px rgba(0, 0, 0, 0.35); z-index:20000;}
#header h1 { position:absolute; left:50%; top:10px; margin-left:-95px; }
#header h1 img { width:190px; }
#gnb { position:relative; margin:0 auto; max-width:1024px; }

@media screen and (max-width:480px) {
#header h1 { margin-left:-65px; top:15px;}
#header h1 img { width:150px; }
}

/* 모바일 상단메뉴 =============================== */
.open_sidemenu { position:absolute; left:15px; top:20px; width:31px; height:21px; font-size:0; background:url('../images/top/icon_open.gif') no-repeat; }
.sidemenu_box { position:relative; min-height:100%; height:auto; display:none; z-index:1000000; }
.sidemenu_box_bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70);}

.close_sidemenu_bg { position:relative; display:block; width:100%; height:80px; background:#fff; border-bottom:1px solid #ddd;}
.close_sidemenu_bg .logo{text-align:center; line-height:80px;}
.close_sidemenu_bg span.mem { position:absolute; left:15px; top:15px; width:32px; height:32px; background:url('../images/top/icon_mem.png') no-repeat; background-size:100%; }
.close_sidemenu_bg .tit { position:absolute; display:block; left:65px; top:22px; }
.close_sidemenu_bg .tit span { font-size:15px; color:#fff; vertical-align:top }
.close_sidemenu_bg .tit a { font-family:'Nanum Square-b'; font-size:15px; color:#fff; }
a.close_sidemenu { position:absolute; right:18px; top:18px; width:19px; height:19px; background:url('../images/top/icon_close.png') no-repeat; }


/* 모바일 메뉴 닫기
.close_sidemenu_bg { position:relative; display:block; width:100%; height:60px; background:#1b2388; }
.close_sidemenu_bg span.mem { position:absolute; left:15px; top:15px; width:32px; height:32px; background:url('../images/top/icon_mem.png') no-repeat; background-size:100%; }
.close_sidemenu_bg .tit { position:absolute; display:block; left:65px; top:22px; }
.close_sidemenu_bg .tit span { font-size:15px; color:#fff; vertical-align:top }
.close_sidemenu_bg .tit a { font-family:'Nanum Square-b'; font-size:15px; color:#fff; }
a.close_sidemenu { position:absolute; right:18px; top:18px; width:19px; height:19px; background:url('../images/top/icon_close.gif') no-repeat; } */

/* 모바일 메뉴 스크롤 */
#sidemenu_wrap { overflow:auto; position:absolute; width:100%; top:80px; bottom:0; z-index:1;}

.sidemenu_w { position:fixed; top:0; bottom:0; left:-310px; width:300px; background:#fff; }
.sidemenu_w:after{position:absolute; content:""; background:#fff url(../images/top/bg_img.png) no-repeat; width:228px; height:271px; bottom:0; right:0; background-size:228px;}

/* 모바일 메뉴 스타일 */
.sidemenu { position:absolute; width:100%; background:#ddd; }
.sidemenu{}
.sidemenu a.toggle span { 
	z-index:10000; position:absolute; top:50%; margin-top:-3px; right:20px;
	 width:11px; height:6px; background:url('../images/top/sidemenu_bullet.gif') no-repeat;
	-webkit-transition:all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}
.sidemenu a.expanded span { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	transform: rotate(180deg);
}
.sidemenu ul ul.submenu, 
.sidemenu ul ul.submenu li ul.submenu { display: none; }

.sidemenu ul li a.mm { position:relative; display:block; text-indent:20px; height:45px; line-height:45px; color:#000; font-weight:bold; text-align:left;
font-family:'Nanum Square-b'; font-size:16px; background:#fff; border-bottom:1px solid #dadada; }
.sidemenu ul li a.mm.toggle { position:relative; display:block; text-indent:20px; height:45px; line-height:45px; color:#000; font-weight:bold; text-align:left; 
font-family:'Nanum Square-b'; font-size:16px; background:#fff; border-bottom:1px solid #dadada; }
.sidemenu ul li a.mm.expanded { color:#1b2388; }

.sidemenu ul ul.submenu li a { position:relative; display:block; width:100%; height:40px; line-height:40px; background:#b7ddef; 
font-family:'Nanum Square-b'; font-size:13px; color:#272727; text-align:left; text-indent:20px; border-bottom:1px solid #fff }

.sidemenu ul ul.submenu li a.toggle span { margin-top:-4px; width:11px; height:11px; background:url('../images/top/sidemenu_bullet2.gif') no-repeat; }
.sidemenu ul ul.submenu li a.expanded span { 
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.sidemenu ul ul.submenu li ul.submenu a { position:relative; display:block; width:100%; height:40px; line-height:40px; background:#f7f7f7; 
font-family:'Nanum Square-b'; font-size:13px; color:#272727; text-align:left; text-indent:20px; border-bottom:1px solid #e8e8e8 }