@media only screen and (min-width: 1280px){
	.container{width: 1000px;}
}

@media only screen and (max-width: 991px){
	.container.menu{text-align: center;}
	#main ul li{display: block;}
	#main a:hover{width: 100%;}
	.footer-link-row-b > ul{text-align: center;}
	.footer-link-row-b ul li{display: block; padding-bottom: 5px;}
}

@media only screen and (max-width: 767px){
	#logo img{margin: 0 auto;}
	.top-link{text-align: center; margin-top: 20px;}
	.top-link ul li{display: inline; float: none;}
	.top-search{ text-align: center; margin-top: 20px;}
	.search-btn{float: none;}
	.search-bar{float: none;}
	.contact-info{text-align: center;}
	.contact-num{float: none; margin-bottom: 10px;}
	.mail{float: none; margin-bottom: 20px;}
	.side-link-box1{width: 30%;}
	.side-link-box1{margin: 0 auto; width:50%; text-align: center;}
	.side-link-box1 ul li a{margin: 0;}
	.side-link-box2{width: 50%; text-align: center;margin: 0 auto; margin-top: 30px;}
	.middle-part{text-align: center; margin-top: 30px;}
	.middle-part img{margin: 0 auto; margin-top: 40px;}
	.footer{text-align: center;}
	.footer-link-row1{margin-top: 40px;}
	.footer-link-row-b > ul{display: inline-flex;}
	.footer-link-row-a{margin-top: 30px;}
	.side-link-box2 p{margin-left: 0px;}
}