/* ============================ footer style start ============================= */
	@charset "utf-8";

	#footer {padding: 1.5% 0; background-color: #fff; border-top: 1px solid #eeeeee;}
	#footer * {text-align: center; color: #888888; font-size: 15px}
	#footer p:first-of-type {margin: 3% 0 1% 0;}
	#footer img {width: 100%; max-width: 150px;	}
	
	@media screen and (max-width:1025px){
		#footer img {max-width: 120px;}
		#footer p { white-space: pre-line;}
		#footer p br {display: none;}
		#footer{padding: 30px 0 120px;}
	}
	
	#quick_menu a {
		color: #000;
	}
	
	
		/* ============================================================================================================================== */
	/* ======================================================= quick menu 코드 ==================================================== */
	/* ============================================================================================================================== */
	
	
	#quick_menu {position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 999999;}
	#quick_menu img {height: 38px;}
	#quick_menu span {display: block; width: 100%; padding-top: 5px; white-space: pre-line; line-height: 1.5; font-family: 'NanumSquare',san-serif; font-weight: 700; transform: skew(-0.1deg);}
	
	#quick_menu li:first-child a{display: inline-block; width: 100%; color: #fff;}
	#quick_menu li:not(:first-child) a {display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #ffffffc7; cursor: pointer; text-align: center; font-weight: 500; width: 100px; height: 100px; font-size: 14px; border: 1px solid #ccc;}
	#quick_menu li:first-child {cursor: pointer; color: #fff; background-color: #0c9dbc; padding: 10px 0; width: 100%; text-align: center;}
	#quick_menu li:not(:first-child) a:hover {background-color: #fff; transition: all 0.3s;}
	#quick_menu li.call a {border: 0; padding: 0; background: #0c9dbc !important;}
	#quick_menu li.call img {height: 100%;}
	#quick_menu ul li.mobile-on {display: none;}
	
	#top_btn {border: none; width: 100%; max-width: 100px; max-height: 100px; padding: 10px; background-color: #626262; cursor: pointer;}
	#top_btn span {padding: 0; color: #fff;}
	#top_btn img {height: 25px;}
	
	@media screen and (max-width:1024px){
	#quick_menu {padding: 0; left: 0px;	top: auto; width: 100%; height: auto; bottom: 0px; display: block; position: fixed; z-index: 200; transform:none;}
	#quick_menu ul {width: 100%; height: 100%; position: relative;}
	#quick_menu ul li {width: 16.66%; height: 100%; text-align: center; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; float: left;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#quick_menu ul li a {width: 100% !important; max-width: 100%	!important; border: none !important; padding: 10px;}
	#quick_menu ul li:first-child {display: none;}
	#quick_menu ul li.mobile-on {display: block;}
	#quick_menu ul li.mobile-off {display: none;}
	}
	
	@media screen and (max-width:480px){
	#quick_menu ul li {width: 33.3%;}
	#quick_menu ul li:nth-child(n+5):nth-child(-n+9) {border-top: 1px solid #fff;}
	#quick_menu li:not(:first-child) a {height: 80px;}
	#quick_menu span {line-height: 1.3; font-size: 13px;}
	}
	#top span{
		line-height: 1.1;
	}
	
		#top > a{
			display: none !important;
		}
		#top > a.active{
			display: flex !important;
		}