@charset "UTF-8";

#footer {padding:45px 0 55px 0;color:var(--colorWhite);background-color:#00173B;border-radius:35px 35px 0 0}
#footer a {color:var(--colorWhite)}
#footer .container {}
#footer .f_logo {margin-bottom:30px;font-size:0;line-height:0}
#footer .f_logo .logo {}
#footer .f_logo .logo_motir {margin-left:40px;vertical-align:bottom}
#footer .f_mid {display:flex;align-items:flex-end;justify-content:space-between;}
#footer .info {}
#footer .info .info_txt {}
#footer .sns_list {}
#footer .sns_list .sns {display:inline-block;margin-right:5px;vertical-align:bottom;transition:0.3s}
#footer .sns_list .sns:last-child {margin-right:0}
#footer .sns_list .btn {display:block;max-width:40px;height:40px;border:1px solid var(--colorWhite);border-radius:40px;overflow:hidden;transition:0.6s}
#footer .sns_list .btn .icon {display:inline-flex;align-items:center;justify-content:center;width:39px;height:100%}
#footer .sns_list .btn .text {display:inline-block;max-width:0;font-size:14px;overflow:hidden;transition:0.6s}
#footer .sns_list .btn:hover, 
#footer .sns_list .btn:focus {max-width:200px}
#footer .sns_list .btn:hover .text, 
#footer .sns_list .btn:focus .text {max-width:200px;padding-right:15px}
#footer .sns_list .btn.youtube {}
#footer .sns_list .btn.youtube .icon {}
#footer .sns_list .btn.youtube .text {}
#footer .sns_list .btn.blog {}
#footer .sns_list .btn.blog .icon {}
#footer .sns_list .btn.blog .text {}
#footer .f_bottom {display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:18px;border-top:1px solid rgba(255, 255, 255, 0.1)}
#footer .f_bottom .list_txt_group {margin-bottom:0;padding-bottom:0}
#footer .f_bottom .list_txt_group .list_txt {display:inline-block;margin:0 22px 0 0}
#footer .f_bottom .list_txt_group .list_txt:last-child {margin-right:0}
#footer .f_bottom .list_txt_group .list_txt .link {position:relative}
#footer .f_bottom .list_txt_group .list_txt .link::after {width:0;height:2px;content:'';background-color:var(--colorWhite);position:absolute;left:0;bottom:-2px;transition:width 0.3s}
#footer .f_bottom .list_txt_group .list_txt .link:hover::after,
#footer .f_bottom .list_txt_group .list_txt .link:focus::after {width:100%}
#footer .f_bottom .copy {}