@charset "utf-8";

/*
 * File       : footer.css
 * SUMMARY:
 * 01) FOOTER
 */

/* ************************************** *
 * PC VER
 * ************************************** */

/* FOOTER */ 
#footer .footer_wp{width:100%; margin:0 auto; bottom:0; background:#eaecee; overflow:hidden; background:#eaecee url(../img/common/footer_line.gif) left 2.5rem repeat-x}
#footer .footer_wp .footer_inner{max-width:1024px; margin:0 auto; font-size:.65rem; line-height:.95rem; position:relative; overflow:hidden; color:#7c8084; padding:0 15px; box-sizing:border-box; font-weight:500;}
#footer .footer_wp .footer_inner .footer_menu ul{display:inline-block; height:2.5rem; line-height:2.5rem}
#footer .footer_wp .footer_inner .footer_menu ul > li{display:inline-block}
#footer .footer_wp .footer_inner .footer_menu ul > li:after{content:''; width:3px; height:3px; display:inline-block; border-radius:50%; background:#959fb2; margin:0 5px 0 8px; margin-bottom:2px;}
#footer .footer_wp .footer_inner .footer_menu ul > li:last-child:after{content:''; display:none; margin:0;}
#footer .footer_wp .footer_inner .footer_menu ul > li > a{color:#000; font-weight:500; display:inline-block}
#footer .footer_wp .footer_inner .copyright{padding:40px 0; float:right; width:80%}
#footer .footer_wp .footer_inner .copyright > br:first-child{display:none}
#footer .footer_wp .footer_inner .copyright .e_mail{margin-left:8px; color:#000}
#footer .footer_wp .footer_inner .logo_footer{position:absolute; left:15px; top:4.25rem; margin:0 auto; width:160px}

#footer .footer_wp .footer_inner .site_wp{margin:18px auto 0}
#footer .footer_wp .footer_inner .site_wp ul{overflow: hidden; display: inline-block;}
#footer .footer_wp .footer_inner .site_wp ul > li{display:inline-block; border-radius:3px; text-indent:22px; padding:4px 10px; border:1px solid #bcc0c6; margin-top:4px; image-rendering:-webkit-optimize-contrast;}
#footer .footer_wp .footer_inner .site_wp ul > li > a,.footer_wp .footer_inner .site_wp ul > li > span{color:#6d7681; display:block;}
#footer .footer_wp .footer_inner .site_wp ul > li.site_01{background:url(../img/common/footer/logo_isms.png) no-repeat 6px center; background-size:22px; text-indent:22px;}/*210428 수정*/
#footer .footer_wp .footer_inner .site_wp ul > li.site_02{background:url(../img/common/footer/logo_ok_copyright_new.png) no-repeat 5px 5px; background-size:28px; text-indent:27px;}
#footer .footer_wp .footer_inner .site_wp ul > li.site_03{background:url(../img/common/footer/logo_clean.png) no-repeat 6px center; background-size:22px}
#footer .footer_wp .footer_inner .site_wp ul > li.site_04{background:url(../img/common/footer/logo_innobiz.png) no-repeat 6px center; background-size:44px; text-indent:42px}
#footer .footer_wp .footer_inner .site_wp ul > li.site_05{background:url(../img/common/footer/logo_happy.png) no-repeat 8px center; background-size:21px}
#footer .footer_wp .footer_inner .site_wp ul > li.site_06{background:url(../img/common/footer/logo_news.png) no-repeat 12px center; background-size:15px; position:absolute; right:16px; top:5px; border:none; padding-right:0}


/* ************************************** *
 * TABLET PC VER
 * ************************************** */
@media (min-width:768px) and (max-width:1023px){ 
    /* FOOTER */
    #footer .footer_wp{width:100%; box-sizing:border-box}
    #footer .footer_wp .footer_inner{width:100%;}
    #footer .footer_wp .footer_inner .copyright{width:75%}   
}

/* ************************************** *
 * MOBILE VER
 * ************************************** */  
@media (min-width:0) and (max-width:767px){
    /* FOOTER */
    #footer .footer_wp{width:100%; margin:0}
    #footer .footer_wp .footer_inner{width:100%; letter-spacing:-0.3px; font-size:12px; line-height:16px}
    #footer .footer_wp .footer_inner .footer_menu{text-align:center; font-size:12px}
    #footer .footer_wp .footer_inner .copyright{padding:15px 0 20px; float:none; width:100%; text-align:center}
    #footer .footer_wp .footer_inner .copyright > br:first-child{display:block}    
    #footer .footer_wp .footer_inner .copyright .copy_txt{display:none}

    #footer .footer_wp .footer_inner .site_wp{margin:3px auto 0}
    #footer .footer_wp .footer_inner .site_wp ul > li{display:inline-block; border-radius:3px; text-indent:22px; padding:3px 6px !important; border:1px solid #bcc0c6; margin-top:4px; image-rendering:auto;}
    #footer .footer_wp .footer_inner .site_wp ul > li > a,.footer_wp .footer_inner .site_wp ul > li > span{color:#6d7681; display:block;}
    #footer .footer_wp .footer_inner .site_wp ul > li.site_01{background:url(../img/common/footer/logo_isms.png) no-repeat 5px center; background-size:18px; text-indent:20px;}/*210428 수정*/
    #footer .footer_wp .footer_inner .site_wp ul > li.site_02{background:url(../img/common/footer/logo_ok_copyright_new.png) no-repeat 5px 4px; background-size:24px; text-indent:26px;}
    #footer .footer_wp .footer_inner .site_wp ul > li.site_03{background:url(../img/common/footer/logo_clean.png) no-repeat 5px center; background-size:17px; text-indent:19px;}
    #footer .footer_wp .footer_inner .site_wp ul > li.site_04{background:url(../img/common/footer/logo_innobiz.png) no-repeat 6px center; background-size:34px; text-indent:36px}
    #footer .footer_wp .footer_inner .site_wp ul > li.site_05{background:url(../img/common/footer/logo_happy.png) no-repeat 5px center; background-size:17px; text-indent:20px}
    #footer .footer_wp .footer_inner .site_wp ul > li.site_06{background:url(../img/common/footer/logo_news.png) no-repeat 6px center; background-size: 15px; position:static; border: 1px solid #bcc0c6; text-indent:18px;}
    #footer .footer_wp .footer_inner .logo_footer{position:static;}
    #footer .footer_wp .footer_inner .logo_footer > img{margin:0 auto; width:69px}
}