/* ===== footer ===== */
.footer-container { background: #fff; border-top: 1px solid var(--line); padding: 50px 0; }

/* top */
.footer-top .footer-top-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-top .footer-logo { display: flex; align-items: center; gap: 14px; }
.footer-top .footer-logo img { height: 50px; }
.footer-top .footer-util { display: flex; align-items: center; gap: 24px; }
.footer-top .footer-util .footer-util-link { font-size: 1.4rem; font-weight: 500; }
.footer-top .footer-util .footer-util-link.bold { font-weight: 700; }
.footer-top .footer-util .footer-util-link:hover { text-decoration: underline; }
.footer-top .footer-util .select-site { position: relative; padding: 8px 16px; width: 190px; border: 1px solid #c3c3c3; border-radius: 6px; font-size: 1.4rem; color: #555; background: #fff; cursor: pointer; }
.footer-top .selectbox { position: relative; }
.footer-top .selectbox::after { content: ''; position: absolute; top: 50%; right: 16px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #9E9E9E; margin-top: -2px; }

/* info */
.footer-info { padding: 32px 0; }
.footer-info .footer-info-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.footer-info .footer-info-list .footer-info-item { display: flex; align-items: center; gap: 10px; color: #687484; }
.footer-info .footer-info-list .footer-info-item img { width: 20px; height: 20px; flex-shrink: 0; }
.footer-info .footer-info-list .footer-info-item .footer-info-label { font-size: 1.6rem; font-weight: 600; min-width: 75px; }
.footer-info .footer-info-list .footer-info-item .footer-info-value { font-size: 1.6rem; }

/* bottom */
.footer-bottom { border-top: 1px solid var(--line); padding: 20px 0; }
.footer-bottom .footer-notice { font-size: 1.4rem; color: #888; line-height: 1.7; margin-bottom: 6px; word-break: keep-all; }
.footer-bottom .footer-copy { font-size: 1.4rem; color: #888; }

/* ===== responsive ===== */
@media (max-width: 768px) {
	.footer-top .footer-top-inner { flex-direction: column; align-items: flex-start; gap: 16px; }
	.footer-top .footer-util { flex-wrap: wrap; gap: 12px 20px; }
	.footer-info .footer-info-list .footer-info-item { align-items: flex-start; }
	.footer-info .footer-info-list .footer-info-item .footer-info-label { min-width: 52px; }
}

@media (max-width: 480px) {
    .footer-container { padding-top: 10px; margin-top: 50px; border-top: 1px solid var(--line); }
	.footer-top { padding: 20px 0; }
    .footer-top .footer-top-inner { gap: 20px; }
	.footer-top .footer-logo img { height: 35px; }
	.footer-top .footer-logo .footer-logo-text { font-size: 1.4rem; }
	.footer-top .footer-util,
    .footer-top .footer-util .selectbox,
    .footer-top .footer-util .select-site { width: 100%;}
	.footer-info { padding: 0 0 24px; }
	.footer-info .footer-info-list { gap: 10px;}
    .footer-info .footer-info-list .footer-info-item { gap: 5px;}
    .footer-info .footer-info-list .footer-info-item img { width: 18px; height: 18px; }
	.footer-info .footer-info-list .footer-info-item .footer-info-label { font-size: 1.3rem; }
	.footer-info .footer-info-list .footer-info-item .footer-info-value { font-size: 1.3rem; }
    .footer-bottom { padding-bottom: 0;}
    .footer-bottom .footer-notice { font-size: 1.2rem; }
    .footer-bottom .footer-copy { font-size: 1.2rem; }
}