@charset "UTF-8";

/* 메뉴 */
	.nav .top_logo{ float: left; width: 20%; padding: 22px 0; }
	.nav .menu{ float: right; width: 80%; text-align: right; }
	.nav .menu li { display: inline-block; }
	.nav .menu li a{ display: block; padding: 30px 0 30px 40px; }

/* 모바일메뉴 */
	.mob_nav{ display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; padding: 20px; box-sizing: border-box; overflow: hidden; }

	.mob_nav .mob_logo{ flex: 0 0 50px; width: 50px; }
	.mob_nav ul { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; }
	.mob_nav li { display: inline-block; vertical-align: bottom; padding: 0; }

	html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다.*/
	#menu .close { position: absolute; top: 40px; right: 20px; cursor: pointer; opacity: 1; }/*닫기 버튼*/
	#menu { width: 70%; height: 100%; padding: 150px 0 0 0; background: #5CBDD2;
			position: fixed; top: 0px; right: -100%; z-index: 999999;
			transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; } /*메뉴 영역*/
	#menu.open { right: 0px; }

/* 서브메뉴 */
	#menu .nav{ padding: 0 0 20px 0; color: #fff; }
	#menu .nav a{ display: block; position: relative; padding: 10px 20px; }

/* 메뉴배경 */
	.page_cover { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.4); z-index: 99999; display: none; }
	.page_cover.open { display: block; }