@charset "UTF-8";
/* 상단 공지 */
	.top_ban a { display: block; padding: 10px; text-align: center; }

/* 모바일헤더 */
	.mob_nav{ position: relative; height: 50px; top: 0; z-index: 999; border-bottom: 1px solid #38bfef; }

	html.open { overflow: hidden; } /*메뉴가 열렸을때 본문이 스크롤 되지 않는다.*/
	.mob_nav img{ width: auto; height: 30px; }
	.mob_nav .mob_logo{ display: block; text-align: center; padding: 10px 0; }
	.left_btn { position: absolute; left: 0; top: 0px; z-index: 1; padding: 10px 0; }
	.mob_btn { position: absolute; right: 0px; top: 0px; z-index: 1; width: 50px; height: 50px; background: url("../../img/mob_top.png") -50px -50px no-repeat; }/*메뉴 버튼*/

/* 모바일 메뉴 */
	#menu { width: 100%; height: 100%; background: #fff;
			position: fixed; top: -200%; left: 0; 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 { top: 0; }
	.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; }

	#menu .close { width: 50px; height: 50px; padding: 15px; position: absolute; right: 0px; top: 0px; cursor: pointer; }/*닫기 버튼*/

	#menu .menu_log{ padding: 10px 20px; text-align: center; border-bottom: 1px solid #595656; }
	#menu .menu_log img{ width: auto; height: 30px; }

	#menu .bt_login { padding: 20px 0 0 0; text-align: center; }
	#menu .bt_login a { display: inline-block; margin: 0 5px; padding: 5px 15px; }

	#menu .nav_wrap { height: calc(100% - 50px); overflow-y: scroll; }
	#menu .nav > li{ border-bottom: 1px solid #ebebeb; }
	#menu .nav a { display: block; padding: 15px 10px; }

/* -- 하단 --*/
	footer             { padding: 7vw 0; text-align: center; border-top: 1px solid #595656; background: #fafafa; }
	footer img         { width: auto; }
	footer .logo       { padding: 0 0 3vw 0; }
	footer .com        { font-size: 12px; color: #999; }
	footer .com button { display: inline-block; padding: 0 15px 0 0; background: none; }
	footer .com span   { display: inline-block; }

	footer .sns div { padding: 20px 0 10px 0; text-align: center;  }
	footer .sns div img { width: 100px; }
	footer .sns a   { display: inline-block; padding: 0 5px; }