.footer-inner {font-family: 'Paperlogy', sans-serif;padding: 80px 0;}
.footer-inner .footer-top {margin-bottom: 80px;}
.footer-inner .footer-top > ul {display: flex;justify-content: center;gap: 16px 44px;flex-wrap: wrap;}
   
.footer-inner .footer-top > ul > li a{font-size: 16px;font-weight: 600;line-height: 1.2;position: relative;color: #C0C0C0;}
.footer-inner .footer-top > ul > li.active a {color:#F7D300;}
.footer-inner .footer-top > ul > li a:hover {color: #F7D300;}
.footer-inner .footer-top > ul > li a:before {content: '';width: 4px;height: 4px;position: absolute;background: #C0C0C0;border-radius: 50%;right: -24px;top: 50%;transform: translateY(-50%);}
.footer-inner .footer-top > ul > li:last-child a:before {display: none;}

.footer-inner .footer-bottom {display: flex;gap: 20px;justify-content: space-between;}
.footer-inner .footer-bottom .footer-info-box {display: flex;flex-direction: column;gap: 16px;width: 30%;}
.footer-inner .footer-bottom .footer-info-box p{font-weight: 400;font-size: 16px;line-height: 120%;color: #C0C0C0;}
.footer-inner .footer-bottom .footer-logo-box {width: 30%;text-align: center;}
.footer-inner .footer-bottom .footer-logo-box img{max-width: 220px;}
.footer-inner .footer-related-box {display: flex;justify-content: flex-end;align-items: end;width: 30%;}
.footer-inner .related-box-wrap {position: relative;width: max-content;display: flex;align-items: end;justify-content: flex-end;}
.footer-inner .related-box-wrap a::before {content: '';position: absolute;background-image: url(../img/common/ico-selected.png);background-repeat: no-repeat;background-size: cover;width: 13px;height: 8px;top: 52%;right: 18.5px; transform: translateY(-50%);}
.footer-inner .related-box-wrap a{cursor: pointer;text-decoration: none;color: #C0C0C0;padding:12px 30px 11.5px;width: 115px; border-radius: 50px;font-size: 15px;font-weight: 400;position: relative;display: block;border: 1px solid rgba(255,255,255,0.4); transition: all .3s ease-in-out;}
.footer-inner .related-site{display: none;position: absolute;bottom: 100%;width: 100%;max-height: 175px;background-color: #fff;overflow-y: auto;box-sizing: border-box;padding: 10px 0;z-index: 99;}
.footer-inner .related-site li .item {border: none;color: #333333;display: block; padding: 4px 15px 4px 23px;font-size: 14px;line-height: 22px;text-align: left;}
.footer-inner .related-site-title.active + .related-site{display:block;}
.footer-inner .related-box-wrap .active::before {transform: rotate(180deg);top: 47%;}

.footer-inner .related-box-wrap ul > li > a:before {content: '';position: absolute;top: 13px;left: 10px;width: 6px;height: 1px;background: #2a334d;}
.footer-inner .footer-bottom .footer-info-box br {display: none;}

@media screen and (max-width :1024px) {
	.footer-inner .footer-top {margin-bottom: 70px;}
	.footer-inner .footer-bottom {flex-direction: column;gap: 40px;}
	.footer-inner .footer-top {margin-bottom: 40px;}
	.footer-inner .footer-top > ul {gap: 16px 36px;}
	.footer-inner .footer-top > ul > li a:before {display: none;}
	
	.footer-inner .footer-bottom .footer-info-box {gap: 15px;align-items: center;text-align: center;width: 100%;} 
	.footer-inner .footer-bottom .footer-logo-box {text-align: center;padding-right: 0;}
	.footer-inner .footer-related-box {width: 100%;justify-content: center;}
	.footer-inner .footer-bottom .footer-info-box br {display: block;}
	.footer-inner .footer-bottom .footer-logo-box {width: 100%;}
}

@media screen and (max-width :768px) {
	.footer-inner {padding: 56px 24px;}
	.footer-inner .footer-top > ul {flex-direction: column;align-items: center;}
	.footer-inner .footer-top > ul > li a:before {display: block;border-radius: 50%;left: 50%;top: unset;bottom: -12px;transform: translateX(-50%);right: unset;}
}