/* ====================================================================
   footer.css — HEE&LAB 공통 푸터 (main.png 네이비 푸터 기준)
   ==================================================================== */
footer {background:var(--c_base1); color:rgba(255,255,255,.72);}
footer a {color:inherit;}

/* 데스크탑 (1200px~) */
@media screen and (min-width: 1200px), print {
	.footer-wrap {display:flex; justify-content:space-between; gap:60px; padding:60px 0;}
	.footer-logo {margin-bottom:24px !important;}
	.footer-logo img {height:60px; width:auto;}
	.footer-addr {font-size:var(--fs15); line-height:1; color:rgba(255,255,255,.78);}
	.footer-addr span {display: inline-block; margin-left: 20px;}
	.footer-tel {font-size:var(--fs15); margin-top:6px; color:rgba(255,255,255,.78);}
	.footer-copy {margin-top:12px !important; font-size:var(--fs14); color:rgba(255,255,255,.45);}
	.footer-copy a {color:rgba(255,255,255,.7); font-weight:600;}
	.footer-copy a:hover {color:var(--c_base2);}

	.footer-links {display:flex; gap:80px;}
	.footer-col-tit {color:#fff; font-size:var(--fs14); font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px !important; float:none !important;}
	.footer-col ul li {margin-bottom:8px;}
	.footer-col ul li:last-child {margin-bottom:0;}
	.footer-col ul.multi {column-count:2; column-gap:40px;}
	.footer-col ul.multi li {break-inside:avoid;}
	.footer-col ul li a {font-size:var(--fs14); color:#99A1AF; transition:all .2s;}
	.footer-col ul li a:hover {color:#fff;}

	.gotop {position:fixed; right:30px; bottom:30px; width:52px; height:52px; z-index:900; border-radius:50%; background:var(--c_base2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 19V5M6 11l6-6 6 6'/></svg>") center/22px no-repeat; box-shadow:0 8px 20px rgba(13,37,54,.28); opacity:0; visibility:hidden; transition:all .3s;}
	.gotop.on {opacity:1; visibility:visible;}
}

/* 태블릿 이하 (~1199px) */
@media screen and (max-width: 1199px) {
	.footer-wrap {padding:50px 30px;}
	.footer-logo {margin-bottom:20px;}
	.footer-logo img {height:40px; width:auto;}
	.footer-addr, .footer-tel {font-size:var(--fs15); line-height:1.7; color:rgba(255,255,255,.78);}
	.footer-copy {margin-top:22px; font-size:var(--fs13); color:rgba(255,255,255,.45);}
	.footer-copy a {color:rgba(255,255,255,.7); font-weight:600;}

	.footer-links {display:flex; flex-wrap:wrap; gap:50px; margin-top:40px;}
	.footer-col-tit {color:#fff; font-size:var(--fs14); font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:16px;}
	.footer-col ul li {margin-bottom:11px;}
	.footer-col ul li:last-child {margin-bottom:0;}
	.footer-col ul.multi {column-count:2; column-gap:44px;}
	.footer-col ul.multi li {break-inside:avoid;}
	.footer-col ul li a {font-size:var(--fs15); color:rgba(255,255,255,.68);}

	.gotop {position:fixed; right:20px; bottom:20px; width:48px; height:48px; z-index:900; border-radius:50%; background:var(--c_base2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 19V5M6 11l6-6 6 6'/></svg>") center/20px no-repeat; box-shadow:0 8px 20px rgba(13,37,54,.28); opacity:0; visibility:hidden; transition:all .3s;}
	.gotop.on {opacity:1; visibility:visible;}
}

/* 모바일 (~767px) */
@media screen and (max-width: 767px) {
	.footer-wrap {padding:40px 20px;}
	.footer-links {gap:28px 40px;}
	.footer-col {min-width:120px;}
	.footer-col ul.multi {column-count:1;}
}