@charset "utf-8";
/* CSS Document */

.footer {padding:15px 15px 130px !important;}
.quick_menu .owl-pagination {display:none;}
.quick_menu {
	z-index:999;
	position:fixed;
	width:100%;
	max-width:640px;
	background:rgba(0,0,0,0.8);
	box-shadow:0px -1px 3px rgba(0,0,0,0.4);
	color:#fff;
	/* height:57px; */
	margin-top:115px;
	bottom:0;
	border-top:1px solid #888;
	left:50%;
	margin-left:-320px

}
/*.quick_menu ul { width:80%; margin:0 10%}*/

.quick_menu ul li {
	float:left;
	width:25%;
	padding-top: 5px;
	line-height: 20px;
	list-style: none;
	text-align:center;
	border-left:1px solid rgba(255,255,255,0.02);
	border-right:1px solid rgba(255,255,255,0.1);
	margin-left:-1px;
	margin-right:-1px;
	font-size: 0.7em;}

.quick_menu ul li:first-child {width: 25%; }
.quick_menu ul li:nth-child(2) {width: 25%;}
.quick_menu ul li:nth-child(3) {width: 25%;}
.quick_menu ul li:nth-child(4) {width: 25%;}
.quick_menu ul li:nth-child(6) {width: 100%;}

.quick_menu ul li:first-child { border-left:0; margin-left:0}
.quick_menu ul li:last-child { border-right:0; margin-right:0}


.quick_menu ul li a { color: #fff; }
.quick_menu ul li img {width: 13%; max-width: 20px; margin-bottom:3px;}
.quick_menu ul li#banner img {  width: 100%;  max-width: 640px;   margin-bottom: 0; }
.quick_menu ul li#banner { margin-top: 0; padding-top: 0;}


/* 알림 아이콘 */
.new_icon {
	position: absolute;
	z-index: 9997;
	padding:0 0.4em;
	left: 59%;
	bottom: 105px;
	background:#b50000;
	border:1px solid #ddd;
	color:#fff;
}

/* 카테고리 서브메뉴 */
#categories {
	display:none;
	position:absolute;
	top:-115px;
	background:rgba(0,0,0,0.9);
	z-index:9999;
	width:100%;
}
#categories a {
	color:#fff
}
#categories ul {
	border-bottom:1px solid rgba(255,255,255,0.1);
}
#categories ul:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
#categories ul li {
	line-height:57.5px;
	height:57px;
	padding:0;
	text-align:center;
	font-size:0.7em;
	width: 20%;
}



	/* 퀵메뉴 아이콘사이즈 */
    @media only screen and (min-width: 400px) and (max-width: 640px) {
		.quick_menu {
			width:100%; /* 퀵메뉴가로 */
		}
		.quick_menu ul li img {
			max-width: 20px;
		}
	}
    @media only screen and (min-width: 641px) and (max-width: 768px) {
		.quick_menu ul li img {
			max-width:20px;
		}
	}
		/* 퀵메뉴 가로변경 */
    @media only screen and (max-width: 768px) {
		.quick_menu {
			width:100%;

		}
		.quick_menu ul li {
			font-size: 0.6em;
		}
		.quick_menu ul li img {
			width:18%;
		}
		.new_icon { left: 59%; bottom: 102px;}
	}
	@media only screen and (max-width: 640px) {
		.quick_menu { width:100%; left:0; margin-left:0;}
	}
  	@media only screen and (min-width: 600px) and (max-width: 640px) {
		.quick_menu { width:100%;}
		.new_icon { left: 59.5%; bottom: 120px;}
  	}
  	@media only screen and (min-width: 560px) and (max-width: 599px) {
		.quick_menu { width:100%;}
		.new_icon { left: 59%; bottom: 115px;}
  	}
  	@media only screen and (min-width: 520px) and (max-width: 559px) {
		.quick_menu { width:100%;}
		.new_icon { left: 59%; bottom: 110px;}
  	}
  	@media only screen and (min-width: 480px) and (max-width: 519px) {
		.quick_menu { width:100%;}
		.new_icon { left: 59%; bottom: 105px;}
		.quick_menu ul li#banner img {  width: 100%;  max-width: 519px;   margin-bottom: 0;  max-height: 100px;}
  	}
	@media only screen and (min-width: 440px) and (max-width: 479px) {
		.quick_menu { width:100%;}
		.new_icon { left: 58.5%; bottom: 100px;}
  	}
  	@media only screen and (min-width: 400px) and (max-width: 439px) {
		.quick_menu { width:100%;}
		.new_icon { left: 58.5%; bottom: 95px;}
  	}
  	@media only screen and (min-width: 360px) and (max-width: 399px) {
		.quick_menu { width:100%;}
		.new_icon { left: 57%; bottom: 90px;}
  	}
  	@media only screen and (min-width: 320px) and (max-width: 359px) {
		.quick_menu { width:100%;}
		.new_icon { left: 57%; bottom: 85px;}
  	}
  	@media only screen and (min-width: 0px) and (max-width: 319px) {
		.quick_menu { width:100%;}
		.new_icon { left: 57%; bottom: 80px;}
  	}