/* BASIC css start */
/* °ψΕλ */
#footer  { margin-top:90px; background-color:#f1f1f1; }
#footer .foot_inner{ padding:0 5%;}
#footer :is(*)     { color:#666; font-size:13px; font-weight:500;}

#footer .foot_top  { padding-top:25px;}
#footer .foot_top .foot_inner > div.f_menu    { margin-top:15px; padding-top:15px; border-top:1px solid #e8e8e8;}
#footer .foot_top .foot_inner > div > h3      { margin-bottom:5px; color:#161616; }
#footer .foot_top .foot_inner > div > ul      { display:flex; flex-wrap:wrap; }
#footer .foot_top .foot_inner li              { width:max-content; line-height:1.6; color:#161616; font-weight:600; font-size:12px; }


#footer .foot_top .ft_cont { display:flex; justify-content:space-between; flex-direction:row; }
#footer .foot_top .ft_cont .ft_l h3    { margin-bottom:5px; color:#161616; font-size:14px; font-weight:600; }
#footer .foot_top .ft_cont .ft_l h4    { margin-bottom:10px; color:#161616; font-size:26px; font-weight:800; }
#footer .foot_top .ft_cont .ft_r ul.f_btn     { display:flex; flex-direction:column; gap:4px; height:100%;}
#footer .foot_top .ft_cont .ft_r ul.f_btn li  { width:100%; height:30%; }
#footer .foot_top .ft_cont .ft_r ul.f_btn li a{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:2px 10px 2px 6px; color:#161616; font-size:100%; border:1px solid #e2e2e2; border-radius:5px; background-color:#fff; }


#footer .foot_top .f_menu li:first-child      { margin-right:20px }
#footer .foot_top .bangking { margin:20px 0; }
#footer .foot_top .bangking > ul              { justify-content:space-between; }
#footer .foot_top .bangking > ul li           { display:flex; }
#footer .foot_top .bangking img               { width:60px; margin-left:10px; transform:scale(1);}
#footer .foot_top .bangking input             { width:120px; border:none; background:transparent;}
#footer .foot_top .bangking button            { display:block; margin-top:3px; font-size:11px; border:1px solid; border-radius:4px; padding:0 3px;}

#footer .foot_top .quick_menu                 { margin-bottom:20px;}
#footer .foot_top .quick_menu li              { flex:1; color:#999; font-size:11px; font-weight:500; text-align:center; border:1px solid #ddd; }
#footer .foot_top .quick_menu li+li           { border-left:0 }
#footer .foot_top .quick_menu li a            { line-height:2; color:#999; white-space:nowrap;}

#footer .foot_top .foot_inner ul.f_info2 li   { display:inline-block; color:#616161; font-weight:500; }

#footer .foot_top .foot_inner p.copy          { margin:20px 0 25px; color:#c3c3c3; font-size:12px; font-weight:500; }
#footer .foot_top .foot_inner ul.f_sns        { display:flex; align-items:center; gap:10px; margin-bottom:25px;}
#footer .foot_top .foot_inner ul.f_sns li a   { display:flex; align-items:center; justify-content:center;}
#footer .foot_top .foot_inner ul.f_sns li a img  { display:inline-block; width:33px; transform: scale(1);}
#footer .foot_top .foot_inner p.p_info        { margin-bottom:16px; color:#939393; font-size:11px; line-height:1.5; font-weight:500; }

#footer .foot_bottom                          { background-color:#222;}
#footer .foot_bottom .foot_inner              { padding-left:0}
#footer .foot_bottom .foot_inner ul           { display:flex; align-items:center; justify-content:space-between;}
#footer .foot_bottom .foot_inner ul li        { flex:1; text-align:center;}
#footer .foot_bottom .foot_inner ul li a      { display:block; padding:16px 0; color:#fff; font-size:13px; font-weight:500;}
#footer span.underline                        { text-decoration:underline}

@media screen and (min-width: 470px) {
    #footer .foot_top .bangking li:first-child input { width:98px; } 
}
@media screen and (min-width:363px) and (max-width: 470px) {
    #footer .foot_top .bangking div     { width:100%;}
    #footer .foot_top .bangking > ul li { flex-direction:column; width:50%;  }
    #footer .foot_top .bangking img     { margin-top:10px; margin-left:0; }
}
@media screen and (max-width: 362px) {
    #footer .foot_top .ft_cont     { flex-direction:column; }
    #footer .foot_top .ft_cont .ft_r ul.f_btn    { flex-direction:row; margin-top:10px; }
    #footer .foot_top .ft_cont .ft_r ul.f_btn li a { padding:0; line-height:29px}
    
    #footer .foot_top .bangking { margin:15px 0; padding-top:15px; border-top:1px solid #e8e8e8; }    
    #footer .foot_top .bangking > ul li { justify-content:space-between; width:100%; }
    #footer .foot_top .bangking > ul li+li { margin-top:5px; padding-top:5px; border-top:1px dotted #ddd; }
}




/* BASIC css end */