@charset "utf-8";

#mainNav {position:fixed;z-index:1000;top:0;bottom:0;display:none;width:100%;background:#ebedef;overflow:hidden; padding:100px 0;}
	.mainNav-container{width:100%; height:100%; overflow-y:auto;  position:relative; }
	/* 전체메뉴 */
	.allMenuNav {position:absolute; top:0; left:0; overflow-y:auto; width:100%; height:100%; z-index:9;}
	.allMenuNav .depth1m {}
	.allMenuNav .depth1m > button,
	.allMenuNav .depth1m > button a {font-weight:600;font-family:'Noto Sans KR', sans-serif;color:#003668;cursor:default;}
	.allMenuNav .depth1m > button a {cursor:pointer;}
	.allMenuNav .depth1m > span {display:none;}
	.allMenuNav .depth2m {margin-top:15px;}
	.allMenuNav .depth2m > li > p a, .allMenuNav .depth2m li > a {font-weight:600;color:#333;text-decoration:none;}
	.allMenuNav .depth3m li:before {display:inline-block;content:'-';margin-right:5px;color:#888;}
	.allMenuNav .depth3m li p {display:inline;}
	.allMenuNav .depth3m li p a,  .allMenuNav .depth3m li > a {font-weight:400;color:#666;text-decoration:none;}
		/* 메뉴 공통 속성 설정 */
		.depth3m li > a:hover{color:#fff;}
		.allMenuNav .depth2m li p a:hover,
		.allMenuNav .depth2m li > a:hover,
		.allMenuNav .depth3m li p a:hover,
		.allMenuNav .depth3m li > a:hover {cursor:pointer; color:#66a6ee;}
		.allMenuNav i {
			display:inline-block;width:15px;height:15px;
			font-size:1px;text-indent:-9999px;
			margin-left:5px;vertical-align:middle;
			/*
			background:url('../../images/newMosf/common/icoSmall(15X15).png') no-repeat;
			background-position:0 0;
			*/
			background:url('../../images/2019/controls.png') -131px -59px  / auto no-repeat;
		}
		.allMenuNav a:hover i {background:url('../../images/2019/controls.png') -148px -59px  / auto no-repeat; /* background-position:left -15px; */}
	/* 외부연결 메뉴 - 국정지표, 국가상징, 어린이, 영문, 페이스북, 블로그, 트위터, 유튜브 */
	.linkNav {overflow:hidden;}
	.linkNav a {display:inline-block;}
	.linkNav a:hover,
	.linkNav a:focus {opacity:1;}
	.linkNav a i {display:block;margin:0 auto;}
		/* 국정지표, 국가상징, 어린이, 영문 */
		i.global1  {background-position:-160px -360px;}
		i.global2  {background-position:-160px -400px;}
		i.global3  {background-position:-160px -440px;}
		i.global4  {background-position:-160px -480px;}
		/* 블로그, 페이스북, 트위터, 유튜브 */
		i.blog  {background-position:0 0;}
		i.facebook  {background-position:-35px 0;}
		i.twitter  {background-position:-70px 0;}
		i.youtube  {background-position:-105px 0;}
		i.instagram  {background-position:-140px 0;}
	/* 국정지표, 국가상징, 어린이, 영문 */
	.govLink {position:absolute;overflow:hidden;}
	.govLink a {float:left;font-size:13px;color:#fff;margin-left:2px;background-color:#444;}
	/* 페이스북, 블로그, 트위터, 유튜브  */
	.hrdSocial {position:absolute;}
	.hrdSocial a {display:inline-block;}
	.hrdSocial a:hover,
	.hrdSocial a:focus {opacity:1;}
	.hrdSocial a i {display:block;margin:0 auto;}
	/* 주소 */
	.hrdAddr {position:absolute;font-size:14px;color:#888;}
	/* 메뉴창 닫기 버튼 */
	#mainNav button.menuClose {
		position:absolute;z-index:10;width:40px;height:40px; 
	}
	#mainNav button.menuClose span{font-size:0; position:relative; width:100%; height:100%;}
	#mainNav button.menuClose:before, #mainNav button.menuClose:after{content:''; background:#333; width:1px; height:100%; display:block; position:absolute;top:0; left:50%; transform: rotate(0deg);  transition: all 1s ease-out; }
	
	#mainNav button.Open{top:18px;right:10px; background:transparent}
	#mainNav button.Open span{display:block; font-size:0; position:relative; width:100%; height:100%;}
	#mainNav button.Open:before, #mainNav button.Open:after{transform: rotate(135deg);}
	#mainNav button.Open:after{transform: rotate(-135deg);}

	a.pipr_link {display:inline-block; margin-top:5px; padding:0 15px; font-size:13px; color:#fff; margin-left:2px; background-color:#444; line-height:30px;}
	a.pipr_link:hover {color:#ffd943;}