footer {width: 100%; height: auto; padding: 56px 0 40px; background: var(--black_0f); word-break: keep-all;}
footer .logo {width: 144px; height: auto; margin-bottom: 32px;}
footer .logo img {width: 100%; height: auto;}

footer .f_link {display: flex; align-items: center; margin-bottom: 24px;}
footer .f_link a {font-size: 15px; font-weight: 500; line-height: 1.5; color: var(--wt);}
footer .f_link a {position: relative; padding-right: 42px; margin-right: 42px;}
footer .f_link a:before {position: absolute; top: 50%; right: -2px; transform: translateY(-50%); content: ''; display: block; width: 4px; height: auto; aspect-ratio: 1/1; border-radius: 100%; background: var(--gray_d5);}
footer .f_link a:last-child {padding-right: 0; margin-right: 0;}
footer .f_link a:last-child:before {display: none;}

footer .f_txt {margin-bottom: 40px; font-size: 13px; font-weight: 400; line-height: 1.5; color: var(--gray_71);}
footer .f_txt span {display: block; margin-bottom: 12px;}

footer .toggle_tit {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; padding: 0 16px; box-sizing: border-box; border-top: solid 1px #1f2937; border-bottom: solid 1px #1f2937;}
footer .toggle_tit p {font-size: 15px; font-weight: 500; line-height: 1.5; color: var(--wt);}
footer .toggle_tit button {width: 24px; height: auto;}
footer .toggle_tit button img {width: 100%; height: auto;}
footer .toggle_tit.on button img {transform: rotate(-180deg);}

footer .toggle_ct2 {display: none; padding: 21px 16px 12px; box-sizing: border-box; width: 100%; height: auto;;}
footer .toggle_ct2 .tit {margin-bottom: 8px; font-size: 15px; font-weight: bold; line-height: 1.8; color: var(--gray_a5);}
footer .toggle_ct2 .txt {margin-bottom: 33px; font-size: 13px; font-weight: 400; line-height: 1.8; color: var(--gray_71);}
footer .toggle_ct2 .copyright {font-size: 12px; font-weight: 400; line-height: 1.47; color: var(--gray_52);}