.wrapper{width:1760px; margin:0 auto;}

#footer {border-radius: 50px 50px 0 0; background: #444; padding: 30px 0;}
#footer .inr {display: flex; width: 100%; max-width: 1600px; margin: 0 auto;}
.footer_logo {color: #fff; width: calc( 1 / 8 * 100%);}
.address  {color: #fff; font-weight: 300; text-align: center; width: calc( 7 / 8 * 100%);}
.address a {color: #fff;}
.address address {opacity: 0.8; font-size: 1.2em;}
.address p {opacity: 0.6; font-size: 1.2em;}

@media screen and (max-width:1620px){
	#footer .inr {width: 92%; padding: 0 4%;}
	.footer_logo {width: 15%;}
	.address  {width: 85%;}
}

@media all and (max-width:1280px){
	#header .gnb > li > a{padding:0 25px;}
	.wrapper{width:96%;}

	#footer .inr {flex-direction: column;}
	.footer_logo {width: 100%; text-align: center; margin-bottom: 40px;}
	.address  {width: 100%;}
}
@media all and (max-width:1080px){
	#header .area_util,
	#header .gnb{display:none;}
	.btn_menu{display:block;}
	#header{height:80px; background:#fff;}
	#header h1{top:20px;}
	#header h1 a{background: url(../images/common/logo.svg) no-repeat 50% 0; background-size: 100%;}

}

@media all and (max-width:767px){
	body,
	p,
	li,
	a{font-family:Sans-serif; font-size:14px;}


}

@media all and (max-width:500px){
	#header{height:65px;}
	#header h1 a{width:250px; height:31px;}
	.btn_menu{top:10px;}
	.address address { font-size: 0.8em;}
	.address a,
	.address p {font-size: 0.8em;}
	#footer {border-radius:  0;  padding: 20px 0;}
	.footer_logo {width: 30%; margin: 0 auto 20px;}
	.footer_logo img {width: 100%;}

 
}