@charset "UTF-8";

#footer {background-color:var(--colorBgGray) !important; font-family: 'Pretendard' !important; }
#footer a,
#footer button {transition:0.2s; font-size: 0.8rem;}
#footer .container {padding:30px 0 80px 0}
#footer .logo {width:270px;height:39px;margin-bottom:20px;color:transparent;background-image:url(../images/icon/logo_epis_f.png);background-size:cover;background-position:left top;background-repeat:no-repeat}
#footer .f_btn_obj {display:flex;column-gap:10px;position:absolute;right:0;top:30px}
#footer .btn_top {width:48px;height:48px;line-height:48px;color:transparent;font-size:10px;text-align:center;background-color:var(--colorBlack2);border-radius:100%;position:relative}
#footer .btn_top::after {font-family:'xeicon';content:"\e915";color:var(--colorWhite);font-size:20px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
#footer .btn_top:hover {background-color:var(--colorMain)}
#footer .site_select {width:260px;position:relative}
#footer .site_select .btn {display:block;width:100%;height:48px;padding:0 25px;text-align:left;border-radius:48px;border:2px solid transparent;background-color:rgba(0,0,0,0.15);position:relative}
#footer .site_select .btn::after {font-family:'xeicon';content:"\e936";position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:0.2s}
#footer .site_select .btn .text {transition:0.2s; font-size: 0.8rem; color: #000; padding: 0;  font-family: 'Pretendard' !important;}
#footer .site_select .site_list {display:none;width:100%;max-height:297px;color:var(--colorWhite);font-size:0.8rem;background-color:var(--colorBlack2);border-radius:10px;overflow-y:auto;position:absolute;left:0;bottom:50px;z-index:1}
#footer .site_select .site_list .list_txt {border-bottom:1px solid rgba(255,255,255,0.2)}
#footer .site_select .site_list .list_txt:last-child {border-bottom:0}
#footer .site_select .site_list .link {display:block;padding:10px 15px 10px 25px;opacity:0.7;color:var(--colorWhite);}
#footer .site_select .site_list .link:focus {}
#footer .site_select .site_list .link:hover {background-color:var(--colorMain);opacity:1}

#footer .site_select.on .btn {font-weight:500;border-color:var(--colorBlack2);background-color:var(--colorWhite)}
#footer .site_select.on .btn::after {content:"\e930"}
#footer .site_select.on .site_list .link {}

#footer .f_txt {max-width:750px}
#footer .f_txt_list {}
#footer .f_txt_list .txt {display:inline-block;margin:0 10px 0 0;padding-right:15px;position:relative; font-size: 0.8rem; font-weight: 300; line-height: 170%;}
#footer .f_txt_list .txt::after {width:1px;height:15px;content:"";background-color:#ccc;position:absolute;right:0;top:calc(50% + 1px);transform:translateY(-50%)}
#footer .f_txt_list .txt:nth-child(2n) {}
#footer .f_txt_list .txt:nth-child(2n)::after {display:none}
#footer .f_quick {display:inline-block;margin-top:30px}
#footer .f_quick .btn {display:inline-block;height:38px;padding:9px 20px 11px 20px;line-height:1;border:1px solid #c4c4c4;border-radius:38px; font-size: 0.8rem;}
#footer .f_quick .btn:hover {color:var(--colorMain);border-color:var(--colorMain);background-color:var(--colorWhite)}
#footer .f_quick .wa_mark {display:inline-block;width:83px;height:58px;position:absolute;right:0;top:95px}
#footer .copy {display:inline-block;float:right;transform:translateY(45px); font-size: 0.8rem;}