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

#footer {background-color: #3f3f3f; color: #aaa;}
#footer a{color: #aaa;}

.footer-1{border-top: 1px solid #888; border-bottom: 1px solid #888;}
.footer-1 ul{width: 100%; display: flex; justify-content:flex-end; align-items:center; padding: 10px 0; }
.footer-1 ul > li:not(:first-child){margin-left: 10px; padding-left: 10px;}

.footer-2{padding: 30px 0;}
.footer-2 > div > ul{width: 100%; display: flex; justify-content:space-between; align-items:center;}

.footer-gnb{margin: 20px 0;}
.footer-gnb > ul{display:flex; justify-content:center;}
.footer-gnb > ul > li a{display: flex; justify-content: center; align-items: center; width: 100px;  text-align: center; color: #aaa;}
.footer-gnb > ul > li a > img{width: 20px !important; margin-right: 10px;}
.footer-gnb > ul > li{margin: 0 5px; padding: 5px; border: 1px solid #aaa; border-radius:15px;}

@media screen and (max-width:1025px){
#footer{padding-bottom: 100px; display: flex; flex-direction: column-reverse;}
.footer-2 > div > ul{flex-direction:column;}

.footer-gnb{margin: 20px 0 0;}
}

@media screen and (max-width:769px){

}
@media screen and (max-width:425px){
.footer-gnb > ul > li a{width: 80px;}
}


/* ================================================================= */
/* ========================== quick menu ========================== */
/* ================================================================= */

#quick_menu {position: fixed; top: 133px; right: 0; z-index: 999999;}
#quick_menu img {height: 38px;}
#quick_menu span {display: block; width: 100%; padding-top: 5px;}

#quick_menu li{position: relative;}
#quick_menu li:first-child a{display: inline-block; width: 100%; color: #fff;}

#quick_menu li:not(:first-child) a {display: block; background-color: #ffffffc7; text-align: center; font-weight: 500; padding: 20px 10px;  font-size: 14px; max-width: 100px; border: 1px solid #ccc; max-height: 100px;}
#quick_menu li:first-child {cursor: pointer; color: #fff; background-color: #08254f; padding: 10px 0; width: 100%; text-align: center;}
#quick_menu li:not(:first-child) a:hover {background-color: #fff; transition: all 0.3s;}

#top_btn {border: none; width: 100%; max-width: 100px; max-height: 100px; padding: 20px 10px; background-color: #626262; cursor: pointer;}
#top_btn span {color: #fff;}


@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;
	}
	#quick_menu ul {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 202;
	}
	#quick_menu ul li {
		width: 20%;
		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%;
		max-width: 100%	!important;
		border: none !important;	
		padding: 10px;
	}

	#quick_menu ul li span{
		padding-top: 5px;
	}


	#quick_menu ul li#call{
		display: none;
	}
	#quick_menu ul li:first-child{
		display: none;
	}
	#quick_menu ul li#top{
		display: none;
	}


}
@media screen and (max-width:425px){
	#footer img {max-width: 130px;}
	footer *{font-size: 12px !important;}
	#quick_menu li:not(:first-child) a{padding: 20px 0;}
}