.footer-box .top-box {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;border-bottom: 1px solid #FFFFFF;padding: 40px 0}
.footer-util-box > ul {display: flex; flex-wrap: wrap;}
.footer-util-box > ul > li {position: relative;margin: 0 40px 0 0;}
.footer-util-box > ul > li > a {font-size: 20px;line-height: 32px;color: #fff;}
.footer-related-box {min-width: 200px}
.related-site-wrap{position: relative;}
.related-site-wrap .related-site-box ul{padding: 20px;}
.related-site-wrap .related-site-box ul > li {padding: 0 0 10px 0;}
.related-site-wrap .related-site-box ul > li > a {display: block;position: relative;padding: 0 0 0 15px;font-size: 16px;color: #333;line-height: 26px;}
.related-site-wrap .related-site-box {display: none;position: absolute;bottom: 100%;left: 0;z-index: 50;width: 100%;max-height: 300px;border: 1px solid #2a334d;border-bottom: 0;background-color: #fff;box-sizing: border-box;overflow-y: scroll;}
.related-site-wrap > a {display: block;position: relative;padding: 9px 50px 9px 30px;border: 1px solid #fff;box-sizing: border-box;}
.related-site-wrap > a span {display: inline-block;font-weight: 200;font-size: 17px;color: #fff;line-height: 25px;}
.related-site-wrap > a span:after {content: '';position: absolute;top: 50%;right: 30px;margin: -4px 0 0; width: 15px;height: 9px;background: url(/_res/temp/temp16/img/main-sub/ico-tab-open.png) no-repeat 0 0 / 100%;transition: transform .5s;}
.related-site-wrap > a.active span:after {transform: rotate(180deg);-ms-transform: rotate(180deg);}
.bottom-inner{display: flex;flex-direction: column;color: #121212;font-size: 16px;font-weight: 400;line-height: 28px;padding: 19px 0 83px 0;}
.bottom-inner .sns-box {display: flex;justify-content: flex-end;align-items: center;}
.bottom-inner .sns-box li + li{margin-left: 10px;}
.bottom-inner .sns-box li a {width: 20px;height: 20px;display: block;}
.bottom-inner .sns-box li.fb a {background: url(/_res/temp/temp16/img/main-sub/ico-fb.png) no-repeat;background-size: contain;background-position: center;}
.bottom-inner .sns-box li.yt a {height: 16px;background: url(/_res/temp/temp16/img/main-sub/ico-yt.png) no-repeat;background-size: contain;background-position: center;}
.bottom-inner .sns-box li.in a {background: url(/_res/temp/temp16/img/main-sub/ico-in.png) no-repeat;background-size: contain;background-position: center;}
.bottom-inner .sns-box li.bl a {width: 16px;background: url(/_res/temp/temp16/img/main-sub/ico-bl.png) no-repeat;background-size: contain;background-position: center;}

.copyright-box p {font-size: 18px; line-height: 28px; color: #fff}

@media screen and (max-width: 1680px) {
	.footer-box {padding: 0 20px}
}
@media screen and (max-width: 768px){
	.footer-box .top-box {border:0}
	.bottom-inner .sns-box li a {width: 32px !important;height: 32px !important;}
	.bottom-inner .sns-box li + li{margin-left: 20px;}
	.footer-util-box{display:none;}
	.footer-related-box{width: 100%;}
	.bottom-inner .sns-box {justify-content: flex-start;margin: 0 0 40px 0}
	.copyright-box p {font-size: 16px; line-height: 28px;}
	.bottom-inner {padding: 0 0 64px 0;}
}