@charset "UTF-8";

#footer {padding:40px 0 45px 0;color:#fff;background-color:#101825}
#footer a, #footer button {color:#fff}
#footer a:focus, #footer button:focus {outline-offset:2px}
#footer .container {}
#footer .logo {}
#footer .f_mid {display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px}
#footer .f_txt {} 
#footer .f_txt .list_txt_group {display:flex;flex-wrap:wrap;row-gap:2px}
#footer .f_txt .list_txt_group .list_txt {margin-bottom:0;letter-spacing:-0.005em;position:relative}
#footer .f_txt .list_txt_group .list_txt.line {margin-right:10px;padding:0 10px 0 0}
#footer .f_txt .list_txt_group .list_txt.line::after {width:1px;height:calc(100% - 10px);content:'';background-color:var(--colorGray30);position:absolute;right:0;top:50%;transform:translateY(-50%)}
#footer .f_quick {}
#footer .f_quick .quick_list {width:168px;margin:0 0 0 auto}
#footer .f_quick .quick {margin-bottom:6px}
#footer .f_quick .quick:last-child {margin-bottom:0}
#footer .f_quick .quick .link {display:inline-flex;justify-content:space-between;align-items:center;min-width:116px}
#footer .f_quick .quick .link::after {display:inline-block;font-family:'xeicon';content:'\e93e'}
#footer .sns_list {display:flex;gap:8px}/* margin-top:24px */
#footer .sns_list .sns {}
#footer .sns_list .sns .btn {display:flex;align-items:center;max-width:36px;height:36px;border-radius:36px;background-color:transparent;border:1px solid rgba(255,255,255,0.2);overflow:hidden;transition:0.6s}
#footer .sns_list .sns .btn .text {display:inline-block;max-width:0;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;transition:0.6s}
#footer .sns_list .sns .icon {display:inline-flex;align-items:center;justify-content:center;width:36px;height:100%;background-color:#fff;-mask-position:center;-webkit-mask-position:center;-mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-mask-size:auto;-webkit-mask-size:auto}
#footer .sns_list .sns.insta .icon {-mask-image:url(/images/home/kor/user/common/ic_insta.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_insta.svg)}
#footer .sns_list .sns.facebook .icon {-mask-image:url(/images/home/kor/user/common/ic_facebook.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_facebook.svg)}
#footer .sns_list .sns.youtube .icon {-mask-image:url(/images/home/kor/user/common/ic_youtube.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_youtube.svg)}
#footer .sns_list .sns.blog .icon {-mask-image:url(/images/home/kor/user/common/ic_naverblog.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_naverblog.svg)}

@media screen and (min-width:1280px){
	#footer .sns_list .sns .btn:hover, 
	#footer .sns_list .sns .btn:focus {max-width:220px;padding-left:5px;border-color:#fff;outline-offset:2px}
	#footer .sns_list .sns .btn:hover .text, 
	#footer .sns_list .sns .btn:focus .text {max-width:220px;padding-right:20px}
}

#footer .f_bottom {display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.15)}
#footer .f_link {}
#footer .f_link .list_txt_group {}
#footer .f_link .list_txt_group .list_txt {display:inline-block;margin:0 24px 0 0}
#footer .f_link .list_txt_group .list_txt:last-child {margin-right:0}
#footer .f_link .list_txt_group .btn_txt {}
#footer .f_link .list_txt_group .btn_txt::after {display:block;width:0;height:1px;content:'';background-color:#fff;transition:width 0.3s}
#footer .f_link .list_txt_group .btn_txt:hover::after {width:100%}
#footer .copy {}