@charset "UTF-8";
	header { border-bottom: 1px solid #f5f5f5;; }
	header a { display: inline-block; vertical-align: middle; padding: 0 0.625rem; line-height: 84px; }
	
	header .logo { float: left; }
	header .logo a { padding: 0 1.875rem 0 0; }
	header .gnb { float: right; }
	header .gnb .notification{width: 50px;}
	header .profile {position: relative; width: 42px; height: 42px; padding: 0; text-align: center; line-height: 42px; border-radius: 8px; color: #fff; overflow: hidden; }
	header .profile .memberThumbnailImage{position: absolute; top: 0; left: 0;}

	header .no { display: none; }
	header.scroll { position: fixed; left: 0; top: 0; z-index: 200; width: 100%; background: #fff; }
	@media (max-width:960px) {
		header a { line-height: 4.5rem; }
	}
	@media (max-width:720px) {
		header { padding: 0.714rem 0; }
		header a { line-height: 3rem; }
		header .menu { clear: both; padding: 0.5rem 0}
		header .menu a { padding: 0 1rem 0 0; line-height: 1em; }
		header .no { display: inline-block; }
	}

	footer { padding: 2rem; text-align: center; background: #F1F1F1 }
	footer .link { padding: 1.375rem 0 0 0;  }
	footer .link i { display: inline-block; padding: 0 0.3rem; color: #707070; }
	footer .address { padding: 1rem 0 0 0; }
	footer .address span { display: inline-block; padding: 0 15px 0 0; }
	footer .more { display: none; }
	footer .copy { padding: 1rem 0 0 0; }

	@media (max-width:960px) {
		footer { font-size: 0.875rem; text-align: left; }
		footer .address { display: none; }
		footer .address.on { display: block; }
		footer .address span { display: block; padding: 0; }
		footer .address br { display: none; }
		footer .more { display: block; padding: 1rem 0 0 0; }
		footer .more i:before { content: "\e941"; font-family: xeicon; }
		footer .more.on i:before { content: "\e944"; font-family: xeicon; }
	}
	@media (max-width:720px) {
		footer {font-size: 0.857rem; text-align: left; padding-bottom: 6rem}
		footer .address { display: none; }
		footer .address.on { display: block; }
		footer .address span { display: block; padding: 0; }
		footer .address br { display: none; }

		footer .more { display: block; padding: 1rem 0 0 0; }
		footer .more i:before { content: "\e941"; font-family: xeicon; }
		footer .more.on i:before { content: "\e944"; font-family: xeicon; }
	}

	.mob_box { display: none; }
	@media (max-width:960px) {
		.mob_box { display: block; position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.1); }
		.mob_box ul { overflow: hidden; }
		.mob_box li {position: relative; float: left; width: 25%; padding: 0.6rem 0; text-align: center; }
		.mob_box p { padding: 0.3rem 0 0 0; line-height: 1rem; }
		.mob_box img { width: 30%; max-width: 26px;}
		.mob_box li .on { display: none; }
		.mob_box li .off { display: block; margin: 0 auto;  }
		.mob_box .select { color: #01954A; }
		.mob_box .select .on { display: block; margin: 0 auto; }
		.mob_box .select .off { display: none; }
	}

	@media (max-width:960px) {
		header.activityView{display: none !important;}
		.mob_box.activityView{display: none !important;}
		footer.activityView{display: none !important;}
	}

	#notificationAlarmNevi .notificationOff{display: block;}
	#notificationAlarmNevi .notificationOn{display: none;}

	#notificationAlarmTab{position: absolute; top: 0.5rem; left: 50%; padding: 0 0.5rem; margin-left: 0.2rem; font-size: 10px; color: #fff; border-radius: 50px; background: #FF0000; line-height: 1.5; border: solid 2px #fff;display: none;}