@charset "utf-8";
@import url("./common.css");
@import url("//cdn.rawgit.com/hiun/NanumBarunGothic/master/nanumbarungothic.css");

body {position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;background:#fff; font-family:"Nanum Barun Gothic", "나눔 바른 고딕";}


		

	#header { text-align:center; position:relative; background:#fff;}
	#header .header_top {height:60px; border-bottom:3px #333333 solid;; position:relative; padding:0 10px; overflow:hidden;}



	/*로고*/
	#header h1{position:absolute; width:100%; height:60px; line-height:60px; z-index:0; margin-left:-10px;}
	#header h1 img {width:160px; vertical-align:middle;}

	
	#header .call_me{float:right; width:35px; height:35px; line-height:35px; border:1px #3576d4 solid; margin-top:13px; border-radius:35px; z-index:1; position:relative;}
	#header .call_me .fonti{color:#3576d4; font-size:20px;}

	/*메뉴*/
	#header #m_menu_btn {float:left; margin-top:13px; background:#3576d4;  width:36px; height:36px;  border-radius:36px;   z-index:1;  position:relative;}
	#header #m_menu_btn a{display:block; line-height:35px; padding-top:11px;}
	#header #m_menu_btn span{background:#fff; display:block; height:2px; margin:0 10px; margin-bottom:4px;}

	
	/*레프트메뉴*/
	#menu {background:#fff;}
	
	.mm-panels,.mm-panels>.mm-panel{padding:0px;}
	.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{height:0px;}

	#menu .login {background:#f8f8f8; border-bottom:1px #ddd solid;}

	#menu .login .m_close {position:absolute; right:0px; top:3px; }
	#menu .login .m_close a{text-indent:-9999px; display:inline-block; width:40px; height:40px; background:url(../images/mobile/m_close_topmenu_btn.png) left top no-repeat; background-size:40px;}

	#menu .user_member {background:#3576d4; border-bottom:1px solid rgba(0,0,0,0.1);; overflow:hidden;}
	#menu .user_member li{float:left; width:33.3333333333%;  font-size:16px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;  }
	#menu .user_member li a{display:block; color:#fff; line-height:55px; border-right:1px solid rgba(0,0,0,0.1); }
	#menu .user_member li:last-child a{border-right:0px; }




	/*메뉴*/
	#menu dl {background:#fff;}
	#menu dl dt{ border-bottom:1px #e8e8e8 solid; padding-left:10px; line-height:47px;  font-size:16px; }
	#menu dl dt a{color:#222; display:block;}
	#menu dl dt.on a{color:#3576d4; }
	#menu dl dt:last-child{border:0px;} 

	#menu dl dd{ font-size:14px; padding:5px 10px; background:#f8f8f8;border-bottom:1px #ddd solid; display:none;}
	#menu dl dd a{color:#484848; display:block;}

	#menu dl dd .depths_03 {background:#fff; border:1px #ddd solid; padding:5px 10px; border-radius:5px;}

	
	#footergroup {border-top:1px #ddd solid; margin-top:40px; background:#fff;  padding-bottom:40px;}
	#footergroup .f_util{text-align:center; margin:20px 0px;}
	#footergroup .f_util li{display:inline-block; width:60px; line-height:22px; padding-top:3px; background:#f8f8f8; border:1px #ddd solid; color:#999;}


	#footergroup .footer_info {padding:0 10px; text-align:center; line-height:18px; font-size:11px; color:#666666;}
	#footergroup .footer_info a{color:#666666;}
	#footergroup .copyright {padding-top:10px; text-align:center;}