@charset "utf-8";
/* footer */
footer { position: relative; width: 100%; min-height: 250px; background: var(--gray-04); overflow: hidden; }
footer .footer_wrap { position: relative; width: 100%; padding: 30px 24px 60px; }
footer .fnb { width: 100%; max-width: 390px; display: flex; justify-content: space-between; margin-bottom: 18px; }
footer .fnb li a { font-size: 14px; font-weight: 700; color: #ffffff; }
footer .footer_cs { font-size: 14px; color: #ffffff; margin-bottom: 24px; }
footer .sns_link { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
footer .sns_link li { margin-right: 20px; }
footer .sns_link li:last-child { margin-right: 0; }
footer .sns_link li a { display: inline-block; width: 23px; height: 23px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }
footer .sns_link li a.naver { background-image: url(../../image/layout/sns_blog.svg); }
footer .sns_link li a.kakao { background-image: url(../../image/layout/sns_kakao.svg); }
footer .sns_link li a.instar { background-image: url(../../image/layout/sns_instar.svg); }
footer .sns_link li a.youtube { background-image: url(../../image/layout/sns_youtube.svg); }
footer .sns_link li a.google { background-image: url(../../image/layout/sns_google.svg); }
footer .footer_info > span { display: block; font-size: 14px; font-weight: 700; color: #ffffff; cursor: pointer; }
footer .footer_info > span::after { display: inline-block; width: 17px; height: 17px; margin: 0 5px; background: url(../../image/layout/footer_more.svg) no-repeat center center; vertical-align: -4px; transition: all 0.3s; content: ''; }
footer .footer_info > span.on::after  { transform: rotate(180deg); }
footer .footer_info > p { display: none; font-size: 13px; color: #ffffff; line-height: 22px; padding-top: 16px; overflow: hidden; }
/* footer - 유의사항 */
.footer_notice { min-height: auto; background: var(--disabled); padding: 40px 24px; }
.footer_notice h2 { font-size: 16px; font-weight: 500; color: var(--gray-03); line-height: 22px; margin-bottom: 8px; }
.footer_notice ul li { position: relative; font-size: 12px; font-weight: 400; color: var(--gray-03); line-height: 22px; word-break: keep-all; padding-left: 12px; }
.footer_notice ul li::before { position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: var(--gray-03); border-radius: 50%; content: ''; display: block; }