/* ── Shared Nav / Footer styles for inner pages ──────────────────── */

/* Top bar */
.top-bar { background: #3b61b9; height: 40px; }
.top-bar .inner { max-width: 1300px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: flex-end; align-items: center; height: 40px; }
.internationalization { font-size: 14px; color: #fff; line-height: 40px; cursor: pointer; }
.contact-us { color: #fff; text-decoration: none; }

/* White nav */
.whiteCage { position: fixed; height: 120px; width: 100%; left: 0; top: 0; background: #fff; box-shadow: 0 3px 6px rgba(67,67,67,.08); z-index: 999; }
.nav-container { height: 80px; max-width: 1300px; margin: 0 auto; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo { height: 40px; display: flex; align-items: center; text-decoration: none; }
.logo-img { height: 40px; }
.nav-links { display: flex; height: 40px; align-items: center; }
.nav-links a { display: inline-block; margin-left: 36px; line-height: 40px; color: #8a8c99; font-size: 16px; transition: color .2s; white-space: nowrap; text-decoration: none; }
.nav-links a:hover, .nav-links a.active { color: #23d5ae; border-bottom: 2px solid #23d5ae; }

/* Push content below fixed nav */
.page-content-wrap { padding-top: 120px; }

@media (max-width: 900px) {
  .nav-links { display: none; }
}

/* ── CTA banner ────────────────────────────────────────────────── */
.T_gg { background: #3b61b9; height: 160px; position: relative; overflow: hidden; }
.T_gg .inner { max-width: 1300px; margin: 0 auto; padding: 25px 15px 0; position: relative; }
.T_gg .memo { font-size: 30px; font-weight: bold; color: #fff; letter-spacing: 2px; line-height: 56px; }
.T_gg .t1 { font-size: 18px; color: #fff; letter-spacing: 4px; line-height: 36px; }
.T_gg .more { position: absolute; right: 15px; top: 56px; width: 140px; height: 42px; border: 1px solid #23d5ae; border-radius: 30px; color: #23d5ae; font-size: 16px; text-align: center; line-height: 40px; cursor: pointer; transition: all .2s; }
.T_gg .more:hover { color: #fff; background: #23d5ae; }

/* ── Footer columns ────────────────────────────────────────────── */
.T_footer .inner { max-width: 1300px; margin: 0 auto; padding: 60px 15px 30px; display: flex; gap: 40px; flex-wrap: wrap; }
.footer-col { flex: 1; min-width: 160px; }
.footer-col .title { color: #CDCDCD; font-size: 17px; margin-bottom: 20px; }
.footer-col .Line { color: #666; font-size: 14px; line-height: 26px; cursor: pointer; display: block; transition: color .2s; text-decoration: none; }
.footer-col .Line:hover { color: #999; }
.footer-col .brand-title { font-size: 18px; color: #CDCDCD; font-weight: bold; margin-bottom: 14px; }
.footer-col .brand-sub { font-size: 12px; color: #555; margin-bottom: 16px; }
.footer-col .contact-line { font-size: 13px; color: #666; line-height: 26px; }