@charset "UTF-8";
/*카피라이터 영역 */
.footer { width: 100%; background: #09334f; font-size: 2.4rem; font-weight: 400; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; letter-spacing: -0.02em; }
.footer::after { content: ''; display: block; clear: both; }
.footer .layout_inner { position: relative; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 4rem 0; min-height: 40rem; }

.footer-left { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; }
.footer-info { text-align: center; font-size: inherit; }
.footer-info .tit { color: #fff; }
.footer-info p { margin-bottom: 1rem; }
.footer-info span { margin: 0 1.8rem; color: inherit; }
.footer-info span b { color: #9cadb8; margin-right: 1.5rem; font-weight: 400; }
.footer .copyright { color: #9cadb8; font-size: 2.3rem; font-weight: 400; letter-spacing: 0; margin-top: 4rem; }
.footer .copyright a { cursor: text; color: inherit; }

.footer .site-top { position: fixed; bottom: 3rem; right: 1.5rem; z-index: 10; margin: 0; padding: 0; border: none; outline: none; font-style: normal; text-decoration: none; background: none; cursor: pointer; text-decoration: none; width: 100%; height: 100%; width: 7rem; height: 7rem; background: url("/m/images/shop_top.svg") no-repeat center/100%; }

.footer-menu { font-size: inherit; display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 4rem; }
.footer-menu li { font-size: inherit; color: #9cadb8; }
.footer-menu li.foo-menu-line { width: 1px; min-width: 1px; height: 1.8rem; background: #244962; margin: auto 2rem; }
.footer-menu li.policy2 { color: #fff; }
.footer-menu a { font-size: inherit; color: inherit; }

@media (max-width: 350px) { .footer-menu { flex-wrap: wrap; }
  .footer-menu li { min-width: 35%; text-align: center; margin: 0.3rem 0; }
  .footer-menu li.foo-menu-line:nth-of-type(4) { display: none; }
  .footer-info p { margin-bottom: 0; }
  .footer-info span { margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  .footer-info span b { margin-left: 1.5rem; }
  .footer .copyright { padding: 0 3rem; text-align: center; word-break: keep-all; } }
