@charset "UTF-8";

#aside {text-align:center;position:fixed;right:29px;bottom:60px;z-index:999}
#aside .aside_txt {width:147px;margin-bottom:22px;padding:5px 11px;font-size:0.9375em;color:#fff;white-space:nowrap;background-color:var(--colorGray80);border-radius:8px;box-sizing:border-box;position:relative}
#aside .aside_txt::before {display:inline-block;content:'';border-top:15px solid var(--colorGray80);border-bottom:15px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;left:50%;bottom:-29px;transform:translateX(-50%)}
#aside .aside_txt .text {border-right:1px solid rgba(255,255,255,0.8);animation:cursorBlink 0.7s step-end infinite;}
#aside .btn {display:block;width:80px;height:80px;margin:0 auto;background-color:var(--colorMain);background-image:url(/images/home/kor/user/footer/img_aside.png);background-repeat:no-repeat;background-position:center top 18px;border-radius:100%;box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);animation:asideMove 1s infinite ease-in-out}

@keyframes asideMove{
	0% {transform:translateY(0)}
	50% {transform:translateY(5px)}
	100% {transform:translateY(0)}
}
@keyframes cursorBlink{
    0% {border-color:transparent}
    50% {border-color:rgba(255,255,255,0.8)}
	100% {border-color:transparent}
}

#footer {padding:60px 0 160px 0;color:#fff;font-size:1.05em;background-color:var(--colorGray90);background-image:url(/images/home/kor/user/footer/bg_footer.png);background-repeat:no-repeat;background-position:right bottom;background-size:100%}
#footer a, #footer button {color:#fff}
#footer a:focus, #footer button:focus {outline-offset:2px}
#footer .container {}
#footer .logo {}
#footer .f_txt {max-width:calc(100% - 500px);margin-top:24px} 
#footer .f_txt .list_txt_group {display:flex;flex-wrap:wrap}
#footer .f_txt .list_txt_group .list_txt {margin-bottom:0;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_link {max-width:calc(100% - 500px);margin-top:40px}
#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 .f_sns {position:absolute;right:0;top:0;z-index:0} 
#footer .f_sns a {display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;text-align:center;vertical-align:top}
#footer .f_sns .sns_list {display:inline-flex;column-gap:8px;margin-right:24px}
#footer .f_sns .sns_list .btn {background-color:#303438;border-radius:6px}
#footer .f_sns .sns_list .btn .icon {display:block;width:100%;height:100%;background-color:#fff;mask-size:auto;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:auto;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;}
#footer .f_sns .sns_list .btn.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 .f_sns .sns_list .btn.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 .f_sns .sns_list .btn.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 .f_sns .sns_list .btn.twitter .icon {-mask-image:url(/images/home/kor/user/common/ic_x.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_x.svg)}
#footer .f_sns .sns_list .btn.kakaoch .icon {-mask-image:url(/images/home/kor/user/common/ic_kakaoch.svg);-webkit-mask-image:url(/images/home/kor/user/common/ic_kakaoch.svg)}
#footer .f_sns .sns_list .btn:hover, 
#footer .f_sns .sns_list .btn:focus {background-color:#fff}
#footer .f_sns .sns_list .btn:hover .icon, 
#footer .f_sns .sns_list .btn:focus .icon {background-color:var(--colorGray90)}
#footer .f_sns .sns_list .btn.youtube:hover .icon, 
#footer .f_sns .sns_list .btn.youtube:focus .icon {background-color:#fe0838}
#footer .f_sns .sns_list .btn.facebook:hover .icon,
#footer .f_sns .sns_list .btn.facebook:focus .icon {background-color:#1877F2}
#footer .f_sns .sns_list .btn.insta:hover .icon, 
#footer .f_sns .sns_list .btn.insta:focus .icon {background:linear-gradient(45deg, #ff960b, #ff1564, #eb08a0, #b31ddc)}
#footer .f_sns .sns_list .btn.twitter:hover .icon, 
#footer .f_sns .sns_list .btn.twitter:focus .icon {background-color:#080808}
#footer .f_sns .sns_list .btn.kakaoch:hover, 
#footer .f_sns .sns_list .btn.kakaoch:focus {background-color:#fae208}
#footer .f_sns .sns_list .btn.kakaoch:hover .icon, 
#footer .f_sns .sns_list .btn.kakaoch:focus .icon {background-color:#080808}
#footer .f_sns .btn_scroll_top {color:var(--colorGray90);font-size:1.25em;background-color:#fff;border-radius:10px}
#footer .f_family_site {display:flex;column-gap:8px;font-size:1rem;position:absolute;right:0;top:72px;z-index:1} 
#footer .footer_site {flex:1;width:240px;position:relative}
#footer .footer_site .btn_drop {display:flex;align-items:center;width:100%;height:42px;padding:0 16px;text-align:left;border:1px solid rgba(255,255,255,0.2);border-radius:8px;position:relative}
#footer .footer_site .btn_drop::after {font-family:'xeicon';content:'\e936';font-size:0.9375em;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform 0.2s}
#footer .footer_site .btn_drop .text {display:block;width:calc(100% - 45px);font-weight:500}
#footer .footer_site .drop_list {display:none;width:100%;max-height:250px;background-color:#fff;position:absolute;left:0;bottom:42px;z-index:10;overflow-y:auto}
#footer .footer_site .drop_list .list_li {border-bottom:1px solid rgba(0,0,0,0.15)}
#footer .footer_site .drop_list .list_li:last-child {border-bottom:0}
#footer .footer_site .drop_list .btn_link {display:flex;padding:8px 12px;font-weight:500;color:var(--colorGray90);word-break:break-all}
#footer .footer_site .drop_list .btn_link::before {display:inline-block;margin-right:2px;font-family:'xeicon';content:'\e980';opacity:0.7;vertical-align:middle}
#footer .footer_site .drop_list .btn_link:hover, 
#footer .footer_site .drop_list .btn_link:focus {color:#fff;background-color:var(--colorSub)}
#footer .footer_site.current {}
#footer .footer_site.current .btn_drop {color:#EAE1D5;background-color:rgba(0,0,0,0.5);border-color:rgba(255,255,255,0.6);border-radius:0 0 8px 8px}
#footer .footer_site.current .btn_drop::after {transform:translateY(-50%) rotate(180deg)}
#footer .copy {position:absolute;right:0;bottom:8px;z-index:0}