.inner {width:100%; margin:0 auto;text-align:center;}
#footer {position:relative;/*margin-top:100px;*/;height:200px;}
#footer .top {/*background:#262626;*/background:#525252; padding:1.2em 0;}
#footer .top .inner {position:relative;}
#footer .top .left{text-align:center;}
#footer .top .left .links a {display:inline-block; font-weight:bold; color:rgba(255,255,255,0.6);}
#footer .top .left .links a:after {content:""; display:inline-block; vertical-align:middle; width:4px; height:4px; background:rgba(255,255,255,0.2); border-radius:50%; margin:0 15px 0 20px;}
#footer .top .left .links a:last-child:after {display:none;}
/*#footer .top .left > p.address {color:rgba(255,255,255,0.4); margin-bottom:0;text-align:center;font-size:16px; letter-spacing:0.01em;}*/
#footer .top .left > p.address {color:#fff; margin-bottom:0;text-align:center;font-size:16px; letter-spacing:0.01em;}
#footer .top .left > p > span {/*margin-left:10px;*/}
#footer .top .left > span.tell {padding-right:20px;display:inline-block;text-align:center;font-size:16px; letter-spacing:0.01em; color:#fff; }
#footer .top .familySite {position:absolute; top:5px; right:0;}
#footer .top .familySite select {background-color:#000; background-image:url("../images/icon/familySite_arrow.png"); background-position:right 20px center; border:0; color:rgba(255,255,255,0.4);}
#footer .top .familySite select:first-child {width:280px;}
#footer .top .familySite select:last-child {width:230px;}
#footer .bottom {background:#1c1c1c; padding:0.8em 0;}
#footer .bottom .inner:after {content:""; display:block; clear:both;}
	#footer .bottom .inner > span:nth-of-type(1) img {width:auto;}
#footer .bottom p {float:left;}
#footer .bottom .copyright {display:inline-block;padding:7px 0;margin-left:30px; font-size:13px; line-height:48px;color:#fff; letter-spacing:0.01em;text-transform:uppercase}

/*
#footer .bottom .copyright {display:inline-block;padding:7px 0;margin-left:30px; font-size:13px; line-height:48px;color:rgba(255,255,255,0.2); letter-spacing:0.01em;text-transform:uppercase}
#footer .bottom .sns {float:right; margin-top:5px;}
#footer .bottom .sns a:after {content:""; display:inline-block; width:1px; height:18px; background:rgba(255,255,255,0.1); margin:0 15px;}
#footer .bottom .sns a:last-child:after {display:none; margin:0}
#footer .bottom .award {float:right; margin:-7px 30px 0 0;}
*/

@media screen and (max-width:1480px) {/* 작은 웹, 태블릿가로 */
	/* footer */
	#footer .top {padding:1.2em 0;}
	#footer .top .left {/*padding-right:380px*/}
	#footer .top .left .links a {font-size:14px; margin-top:5px;}
	#footer .top .left .links a:after {width:2px; height:2px; margin:0 5px 0 10px;}
	#footer .top .left > p {font-size:14px; /*margin-top:20px;*/}
	#footer .top .familySite {right:5%;}
	#footer .top .familySite select {font-size:14px;}
	#footer .top .familySite select:first-child {width:210px;}
	#footer .top .familySite select:last-child {width:160px;}
	#footer .bottom {padding:15px 0;}
	#footer .bottom .inner > span:nth-of-type(1) img {width:auto;}
	#footer .bottom .copyright {padding:4px 0; margin-left:15px; font-size:13px;}
	/*
	#footer .bottom .sns { margin-top:0;}
	#footer .bottom .award {margin-top:-4px}
	#footer .bottom .award img {height:35px;}
	*/

}

@media screen and (max-width:1023px) {/* 태블릿 세로 */
	/* footer */
	#footer{margin-top:0;}
	.inner {width:auto; padding:0 3%;}
	#footer .top .left {padding-right:0;}
	#footer .top .left .links a:after {margin:0 10px 0 15px;}
	#footer .top .left > p > span {display:block; margin-top:5px; margin-left:0;}
	#footer .top .familySite {top:-15px; width:200px;}
	#footer .top .familySite select {float:none;}
	#footer .top .familySite select:first-child {width:100%;}
	#footer .top .familySite select:last-child {width:100%; margin-top:5px;}
	#footer .bottom .inner {position:relative;}
	#footer .bottom .inner:after {content:""; display:block; clear:both;}
	#footer .bottom p {float:none;}
	#footer .bottom .copyright {float:none; margin-left:0; padding:10px 0;}
}
@media screen and (max-width:767px) {
	#footer .top .left > span.tell{padding-right:0;line-height:24px;}
	#footer .top .left > p.address{line-height:24px;}
	#footer .bottom {padding: 0.8em 0 0.5em 0;}
	#footer .bottom .copyright{padding:0;line-height:14px;}
}
	@media screen and (max-width:758px) {/* 모바일 */
	#footer {margin-top:0;}
		.inner {width:auto; padding:0 3%;}
	/* footer */
	#footer .top {padding:0;}
	#footer .top .inner {padding:1.2em 0 1em 0; }
	#footer .top .left {padding-right:0;}
	#footer .top .left .links {margin:15px 0;}
	#footer .top .left .links a {line-height:25px; font-size:12px; margin-top:0;}
	#footer .top .left .links a:after {margin:0 4px 0 9px;}
	#footer .top .left > p {font-size:12px; line-height:1.5; margin-top:0;}
	#footer .top .left > p.address{font-size:15px;}
	#footer .top .left > span.tell{display:block;width:100%;font-size:15px;}
	#footer .top .familySite {top:0; left:3%; width:94%;}
	#footer .bottom .inner {position:relative;}
	#footer .bottom .inner:after {content:""; display:block; clear:both;}
	#footer .bottom p {float:none;}
	#footer .bottom .inner > p:nth-of-type(1) img {width:100px;}
	#footer .bottom .copyright {float:none; margin-left:0; font-size:10px;}
		}
		
/* 탑버튼 */
.topBtn {display:none; position:fixed; bottom:50px; right:52px; width:64px; height:64px; z-index:5;}
.topBtn a {display:block; width:100%; height:100%; box-sizing:border-box; padding-top:15px; text-align:center; background:#545a66; box-shadow:7px 7px 30px 0 rgba(0,0,0,0.3); border-radius:32px;}

@media screen and (max-width:1480px) {/* 작은 웹, 태블릿가로 */

.topBtn {right:5%;}
}

@media screen and (max-width:1023px) {/* 태블릿 세로 */
	/* 탑버튼 */
	.topBtn {right:3%; width:40px; height:40px;}
	.topBtn a {padding-top:9px;}
	.topBtn a img {height:19px;}
}