

@media(max-width: 1024px) {
	.mob-size{display: block !Important;}
	.quick-menu .quick-bottom ul{display: none !important;}
	.quick-menu .quick-bottom ul.mob-size{display: flex !important;}
	.header .sitemap-btn {display: flex !important;}
}

@media(max-width: 768px) {
	
/* header */
	.header-wrap{height: 60px;}
	.header .hd-logo{width: 130px;}
	.header .hd-logo img{width: 100%;}
	.sitemap-btn{top: 22px;}
}


@media(max-width: 640px) {
	



/* main */
	.main-section{margin-top: 60px;}
	.mcnt1 .mcnt1-cnt{gap:6px}
	.mcnt1 .mcnt1-cnt > li {width: calc(20% - 7px);}
	.mcnt1 .mcnt1-cnt > li > a{padding-top: 0;}
	.mcnt1 .mcnt1-cnt > li > a figure img{max-width:30px; max-height:33px;}
	.mcnt1 .mcnt1-cnt > li > a p{font-size: 11px; margin-top: 8px;}
	.mcnt1 .mcnt1-cnt > li.more-list > a figure{padding-bottom: 0;}
/**
	.mcnt1 .mcnt1-cnt > li:nth-child(n+10){display: none;}
.mcnt1 .mcnt1-cnt > li:last-child{display: block;}
	**/
	
	.mcnt1 .mcnt1-cnt.all > li{display: block;} 
	.mcnt1 .mcnt1-cnt > li.more-list > a figure img{width: 30px;}
	.mcnt1 .mcnt1-cnt.all > li.more-list figure img{width: 30px;}
	.mcnt1 .mcnt1-cnt > li.more-list > a figure{}
	.mcnt1 .mcnt1-cnt > li.more-list > a figure:before{height: 26px; margin-top: -8px;}
	.mcnt1 .mcnt1-cnt > li.more-list > a figure:after{width:  26px; margin-left: -13px; margin-top: 4px;}
	

}