.footer-inner{padding: 40px 0;display: flex;gap: 40px 10px;justify-content: space-between;}
.footer-inner .footer-box01{}
.footer-inner .footer-box02{flex: 1;display: flex;flex-direction: column;justify-content: space-between;}

.footer-util-box{display: inline-flex;gap: 16px 33px;flex-wrap: wrap;padding: 18px 0;}
.footer-util-box li{position: relative;}
.footer-util-box li:not(:last-child):after{content:'';width: 1px;height: 20px;background: #D3D3D3;position: absolute;right: -16.5px;top: 0;bottom: 0;margin: auto;}
.footer-util-box li a{font-weight: 500;font-size: 15px;line-height: 150%;text-transform: uppercase;color: #808080;white-space: nowrap;}
.footer-util-box li.privacy a{padding: 3px 16px;background: #696969;border-radius: 12px;color: #fff;}

.footer-logo-box{margin: 40px 0;}
.footer-info-box li{font-weight: 400;font-size: 16px;line-height: 150%;text-transform: uppercase;color: #808080;margin-bottom: 6px;}
.footer-info-box li p{display: inline-block;}
.footer-info-box li:last-child{margin-bottom: 0;}
.footer-info-box li.copyright{font-size: 14px;}

.footer-related-box{display: flex;gap: 16px 24px;justify-content: flex-end;flex-wrap: wrap;position:relative;margin: 6px 0;}
.footer-related-box .related-site-wrap{width: 200px;position:relative;}
.footer-related-box .related-site-wrap > a span{font-weight: 500;font-size: 15px;line-height: 150%;text-transform: uppercase;color: #808080;display: block;border: 1px solid #C0C0C0;border-radius: 16px;padding: 12px 32px 12px 16px;}
.footer-related-box .related-site-wrap > a span:after{content:'';position:absolute;top:0;bottom: 0;right:16px;width:24px;height:24px;margin: auto;background:url(../img/common/selectbox.png) no-repeat center;}
.footer-related-box .related-site-wrap > a.active span:after{transform: rotate(180deg);} 
.footer-related-box .related-site-wrap .related-site-box{display:none;position:absolute;bottom:calc(100% + 10px);left:0;z-index:50;width:100%;max-height:300px;background:#fff;box-sizing:border-box;box-shadow: 0px 10px 22.5px 2.5px rgba(4, 0, 0, 0.2);border-radius: 16px;}
.footer-related-box .related-site-wrap .related-site-box ul{padding:16px;}
.footer-related-box .related-site-wrap .related-site-box ul > li{padding:0 0 10px 0;}
.footer-related-box .related-site-wrap .related-site-box ul > li:last-of-type{padding-bottom:0;}
.footer-related-box .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;}
.footer-related-box .related-site-wrap .related-site-box ul > li > a:before{content:'';position:absolute;top:13px;left:0;width:5px;height:2px;background:#2a334d;}

.footer-sns-box{display: inline-flex;gap: 16px;justify-content: flex-end;}
.footer-sns-box li a{display: flex;width: 48px;height: 48px;justify-content: center;align-items: center;border: 1px solid #A9A9A9;border-radius: 50%;}

@media(max-width: 1024px){
	.footer-inner{padding: 56px 0;flex-direction: column;align-items: center;}
	.footer-inner .footer-box02{width: 100%;gap: 40px;}
	.footer-util-box{padding: 0;justify-content: center;}
	.footer-logo-box{margin: 32px 0;text-align: center;}
	.footer-info-box li{text-align: center;font-size: 15px;}
	.footer-info-box li p{display: block;}
	.footer-related-box{order: 2;margin: 0;flex-direction: column;}
	.footer-related-box .related-site-wrap{width: 100%;}
	.footer-sns-box{justify-content: center;}
}