@charset "utf-8";

footer {}
footer .footer-info {padding:50px 0; background:#F4F5F8;}
footer .footer-info-wrap {display:flex; justify-content:space-between;}
footer .footer-info-item {}
footer .footer-info-item .logo {padding:0 0 20px; color: #000;font-size: 16px;font-weight: 700;}
footer .footer-info-item-list {}

footer .contactArea {}
footer .contactArea p {color: #000;font-weight: 700;padding:0 0 20px; }
footer .contactArea a {color: #000;font-size: var(--fs20);font-weight: 700;line-height: 100%;}


footer .footer-support {padding:50px 0; background:var(--base2); color:#fff;}
footer .footer-support-wrap {display:flex; justify-content:space-between; align-items:center;}
footer .footer-support-wrap .tit {font-weight:700;}
footer .footer-support-wrap .copy {font-size:var(--fs14); gap:15px; display:flex; align-items:center;}
footer .footer-support-list {padding:0 0 0 30px; flex-grow:1; display:flex; gap:20px; align-items:center;}
footer .footer-support-list a {color: rgba(255, 255, 255, 0.70);font-weight: 500;}
footer .footer-support-list a.active,
footer .footer-support-list a:hover {color:#fff;}
footer .footer-support-wrap .bar {width:1px; height:12px; background: rgba(255, 255, 255, 0.20);}

footer .footerList {display:flex; gap:15px; align-items:center; flex-wrap:wrap;}
footer .footerList span {font-size:var(--fs14);}
footer .footerList span.bar {width:1px; height:12px; background: rgba(0, 0, 0, 0.20);}


.gotop {
	width:50px; height:50px; background:#333 url(/images/common/icon_gotop.svg)center no-repeat;
	border-radius:50%; right:30px; bottom:30px; 
	position:fixed; z-index:9; opacity:0;
}
.gotop img {width:100%; height:100%; object-fit:scale-down;}

.katalk {z-index:9; position:fixed; bottom:90px; right:30px; display:flex; gap:10px; flex-direction:column;}
.katalk a {width:50px; height:50px; padding:0 !important; margin:0 !important; display:block; box-shadow:0 0 5px rgba(0,0,0,.2); border-radius:50%; }
.katalk a img {width:100%; height:100%; object-fit:scale-down;}


@media (max-width: 1199px) {
	.gotop {bottom:20px; opacity:1 !important;}
	
	
	footer {}
	footer .footer-info {padding:40px 0;}
	footer .footer-info-wrap {display:block;}
	footer .footer-info-item {padding:0 0 20px;}
	footer .footer-info-item .logo {padding:0 0 5px;}
	
	footer .contactArea p {padding:0 0 5px;}
	
	
	footer .footer-support {padding:40px 0;}
	footer .footer-support-wrap {display:block;}
	footer .footer-support-list {padding:10px 0; gap:5px 10px; flex-wrap:wrap;}
	
	footer .footerList {gap:5px 10px;}
	footer .footerList+.footerList {padding:5px 0 0;}
	
	
	
	
}

@media (max-width: 767px) {
	.gotop  {right:10px; width:40px; height:40px; background-size:25px;}
	
	.katalk {right:10px; bottom:65px; gap:5px;}
	.katalk a {width:40px; height:40px;}
	
	footer {}
	footer .footer-info {padding:30px 0;}
	footer .footer-info-wrap {}
	footer .footer-info-item {}
	footer .footer-info-item .logo {}
	
	footer .contactArea p {padding:0 0 5px;}
	
	
	footer .footer-support {padding:30px 0;}
	footer .footer-support-wrap {}
	footer .footer-support-list {padding:5px 0; gap:0 10px;}
	
	footer .footerList {gap:0 5px;}
	footer .footerList+.footerList {padding:0;}
	
	
}




