@charset "UTF-8";

.footer {
  display: block;
	font-family: 'Din', sans-serif;
  background: var(--color-bg-dark);
  font-size: 1.25em;
  text-align: center;
  margin: 0; 
  padding: 0;
  position: relative; }
    @media all and (max-width: 768px) {
    .footer {
      font-size: 1em; }}
      
  .footer .container .container-wrapper {  
    display: inline-flex;
    align-items: baseline;		  
	  text-align: center; }
  .footer .container .container-wrapper:lang(ko) {
    transform: skew(-0.03deg);
  }  
	.footer a, .footer p {
	  color: var(--color-text-light);
	  font-size: 0.7em; }
	  
	  
  .footer ul {
    list-style: none;
    display:flex; 
    width: fit-content;
    padding: 0.5rem 0 0 0;
    margin: 0 auto; }
    @media (max-width: 991.98px) {
    .footer ul{
      flex: inherit; }}
    .footer ul li {
      display: inline;
      cursor: pointer; } 
    @media (max-width: 991.98px) {
    .footer ul li {
      display: block;
      border: none; } }  
    .footer ul li span {
      display: initial;
      color: var(--color-text-light);
      font-size: 0.7em;;
      border-right: 0.0625rem solid var(--color-text-light);
      padding: 0 0.5rem;
      white-space: nowrap; }
    .footer ul li:last-child span {
      border-right: none; }
	.footer #footer_copyright {
    margin: 0;
    display: block;
    text-align: center;
    white-space: nowrap; }
  .footer #footer_copyright:lang(ko) {
    transform: skew(-0.03deg);
  }
	  
.footer .modal .modal-header .close {
	padding: 0.5rem 1rem 0 0; }
.footer .modal .modal-header .close span {
	font-size: 3rem;}
.footer .modal .modal-title {
  font-family: 'Operetta8';
  font-size: 1.5rem;
  font-weight: bold;
  color: var(#202020);
  text-align: center;
  padding-left: 1rem; }
.footer .modal .modal-body {
	font-size: 1.1rem;
	padding: 1rem 2.5rem 2.5rem 2.5rem; }