.footer-box > div{width:50%;}
.footer-box .left-box .logo-box{display:block;padding:0 0 15px;margin:0 0 25px;border-bottom:1px solid rgba(255,255,255,0.2);}
.footer-box .left-box .logo-box span{display:inline-block;padding:0 0 0 6px;font-family:'ewha', sans-serif;font-size:24px;color:#fff;line-height:1;vertical-align:middle;}
.footer-box .right-box .top-box{display:flex;justify-content:flex-end;margin:0 0 25px;padding:0 0 30px;border-bottom:1px solid rgba(255,255,255,0.2);}

.footer-related-box{margin:0 60px 0 0;min-width:250px;}
.related-site-wrap{position:relative;}
.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(../img/common/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);}
.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 #ccc;border-bottom:0;background-color:#fff;box-sizing:border-box;overflow-y:scroll;}
.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:last-of-type{padding-bottom: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;white-space: nowrap;}
.related-site-wrap .related-site-box ul > li > a:before{content:'';position:absolute;top:13px;left:0;width:5px;height:2px;background:#2a334d;}


.footer-box .right-box .bottom-box{display:flex;flex-wrap:wrap;justify-content:flex-end;}

.address-box{display:inline-block;vertical-align:top;}
.address-box address{padding:0 0 3px;font-style:normal;}
.address-box address > p{display:inline-block;position:relative;padding:0 15px 0 0;font-weight:200;font-size:16px;color:#fff;line-height:24px;word-break: keep-all;}
.address-box address > p:last-of-type{padding:0;}
.address-box .copyright{font-weight:200;font-size:14px;color:#fff;line-height:22px;}

.footer-util-box > ul{display:flex;flex-wrap:wrap;}
.footer-util-box > ul > li{position:relative;margin:0 20px 0 0;padding:0 20px 0 0;}
.footer-util-box > ul > li:after{content:'';display:block;position:absolute;top:3px;right:0;width:1px;height:22px;background:#666;}
.footer-util-box > ul > li:last-of-type{margin:0;padding:0;}
.footer-util-box > ul > li:last-of-type:after{display:none;}
.footer-util-box > ul > li > a{font-size:18px;line-height:26px;font-weight:200;color:#fff;}
.footer-util-box > ul > li > a.privacy{font-weight:400;}

@media screen and (max-width:1280px){
	.footer-util-box > ul > li{margin:0 15px 0 0;padding:0 15px 0 0;}
}
@media screen and (max-width:1024px){

	.footer-box > div{padding:0 0 20px;width:100%;}
	.footer-box > div:last-of-type{padding:0;}
	.footer-box .logo-box{display:block;margin:0 0 25px;padding:0 0 25px;border-bottom:1px solid rgba(255,255,255,0.2);}
	.footer-box .right-box .top-box{margin:0;padding:0 0 30px 0;border:none;justify-content:center;align-items:center;}
	.footer-box .right-box .bottom-box{justify-content:center;}

	.footer-related-box{margin:0 5% 0 0;text-align:left;}
	.related-site-wrap .related-site-box ul > li > a{font-size:14px;line-height:19px;}

	.address-box address:before{display:none;}
	.address-box address > p.tel:before{display:none;}

	.footer-util-box{text-align:center;}
	.footer-util-box > ul > li{margin:0;padding:0 0 10px;width:50%;}
	.footer-util-box > ul > li:nth-last-of-type(2){padding:0}
	.footer-util-box > ul > li:nth-of-type(2n):after{display:none;}
}

@media screen and (max-width:768px){

	.footer-box .left-box .logo-box{margin:0 0 15px;padding:0 0 15px;}
	.footer-box .left-box .logo-box img{width:auto;}
	.footer-box .left-box .logo-box span{font-size:18px;line-height:26px;}
	.address-box address > p{font-size:15px;line-height:23px;}

	.footer-related-box{min-width:180px;}
	.related-site-wrap > a{padding:10px 30px 10px 10px;}
	.related-site-wrap > a span:after{right:10px;}
	.related-site-wrap > a span{font-size:14px;line-height:19px;}

	.footer-util-box > ul > li{padding:0 0 5px;}
	.footer-util-box > ul > li:after{height:18px;}
	.footer-util-box > ul > li > a{font-size:15px;line-height:23px;}

	.footer-related-box .related-site-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .related-site-wrap {
    width: 100% !important;
    min-width: unset;
    box-sizing: border-box;
  }

  .related-site-wrap > a {
    width: 100%;
    padding: 10px 30px 10px 10px;
    text-align: left;
  }
	
	
}

@media screen and (max-width:480px){
	.footer-box .right-box{display:block;}
}
.footer-related-box .related-site-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.related-site-wrap {
  min-width: 150px;
}
.related-site-wrap.site-main {
  min-width: 220px;/* 관련사이트만 더 넓게 */
}
.related-site-wrap ul li a {
  font-size: 13px !important;
}