* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    padding: 0;
    margin: 0;
}

#l_wrap {margin:0 auto}
#l_head {position:relative; max-width: 800px; margin: 0 auto;text-align: center;}
#l_head .bg  {position:relative; width: 100%; aspect-ratio: 16 / 9;}
#l_head .bg__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#l_head #logo {width:20%; margin:20px auto 0; border-radius: 50%;}
#l_head #title {
    margin: 10px auto 0;
    font-size: 1.2rem;
    color: #000;
	font-weight: 300;
}
#l_head #tel {display: inline-block; background:#000; color:#fff; line-height: 22px; padding:0 10px; margin: 10px auto; border-radius: 9px;  transition: all .3s;}
#l_head #tel:hover {background:#c1c1c1; color:#000; }

#l_link_wrap {max-width: 700px; margin:0 auto;}
#l_link_wrap ul li {position:relative; width:90%; margin: 14px auto; border-radius: 22px;box-shadow: 3px 3px 17px -11px #555555; transition: all .3s;}
#l_link_wrap ul li:hover {transform: scale(1.02); box-shadow: 3px 3px 24px -9px #555555}
#l_link_wrap ul li:active {transform: scale(0.98);}
#l_link_wrap ul li a {
  display: flex;              /* 가로 배치 */
  align-items: center;        /* 수직 정렬 */
  justify-content: flex-start;/* 왼쪽 정렬 */
  padding: 10px 20px;         /* 좌우 여백 추가 */
  gap: 12px;                  /* 이미지와 텍스트 사이 간격 */
  font-size: 0.85rem;
  line-height: 40px;
  text-align: center;           /* 텍스트 왼쪽 정렬 */
  width: 100%;
  box-sizing: border-box;     /* 패딩 포함 너비 계산 */
}
#l_link_wrap ul li a span {
  display: inline-block;
  width:100%;
  line-height: 1.2;
  vertical-align: middle;
}
#l_link_wrap ul li a img {
  width: 40px;                /* 적당한 이미지 크기 */
  margin: 0;                  /* 불필요한 margin 제거 */
  vertical-align: middle;
}

.footer-toggle__pad {text-align: center; padding: 100px 0 50px;}