.footer-wrap{background: linear-gradient(0deg, #000000, #000000), linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(0, 104, 183, 0.5) 100%);padding: 0 20px;} 
.footer-box {padding: 80px 0;margin: 0 auto;width: 100%;max-width: 1600px;}

.footer-inner {color: #C0C0C0;}
.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;}
.footer-inner .footer-top > ul > li.active a, .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: 15px;margin-right: 60px;}
.footer-inner .footer-bottom .footer-info-box p{font-weight: 400;font-size: 16px;line-height: 120%;}
.footer-inner .footer-bottom .footer-logo-box img{width: 220px;height: 72px;}

.footer-inner .footer-related-box {align-content: flex-end;}
.footer-inner .related-box-wrap {position: relative;}
.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: 11.5px 57px 9.5px 30px;border-radius: 6px;font-size: 15px;font-weight: 400;position: relative;display: block;border: 1px solid #DEDEDE4D; 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: scroll;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 :1200px) {
	.footer-inner .footer-bottom .footer-info-box {margin-right: 0px;} 
}

@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;order: -1;}  
	.footer-inner .footer-bottom .footer-logo-box {text-align: center;}
	.footer-inner .footer-related-box {width: 188px;align-self: center;}
	.footer-inner .footer-bottom .footer-info-box br {display: block;}
	.footer-inner .related-box-wrap a {padding: 11.5px 52px 9.5px 30px;}
	
}

@media screen and (max-width :768px) {
	.footer-box {padding: 56px 0px;}
} 

@media screen and (max-width :500px) {
	.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;}
	
}