/* BASIC css start */
/* BASIC css start */
#footer {
    clear: both;
    margin: 40px 0 0;
    padding: 0 0 30px;
    background:#212121;
    color:#eee;
}
#footer a{
    color:#eee;
}
#footer .footerInfo { position:relative;overflow:hidden;zoom:1;line-height: 16px; padding:6% 4% 3%; text-align:center; }
#footer .footerInfo dl {
    float: left;
    width: 46%;
    padding: 0 2%;
    /* letter-spacing: 0.6px; */
}
#footer .footerInfo dl dt {
    margin-bottom: 15px;
font-size: 14px;
letter-spacing: 0.6px;
text-transform: uppercase;
}
#footer .footerInfo dl dd {font-size:10px; }
#footer .footerInfo .tel {color: #eee;font-size: 14px; font-weight:normal; display:block; margin-bottom:10px; letter-spacing:-0px}

#footer .footerInfoBtn { padding:1% 0 2% 3%;}
#footer .footerInfoBtn li { float:left; width:44%; text-align:center; padding:0 2%;}
#footer .footerInfoBtn li a {
    display: block;
    padding: 5%;
    background: #292929;
    color: #fff;
    vertical-align: middle;
    /* border: 1px solid #eee; */

}

#footer address {
    color: #999;
    text-align: left;
    margin: 20px auto 0;
    width: 90%;
    line-height: 1.8;
    font-size: 10px;
}
#footer .footerMiddle {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #333;
    margin: 10px;
    border-bottom: 1px solid #333;
}
#footer .footerMiddle a {
    width: 20%;
    display: inline-block;
    /*border-left: 1px solid #eee;*/
    font-size: 11px;
}
#footer .footerMiddle a:first-child { border:none; }
#footer .footerMiddle a.fmLast {width: 30%;}
#footer .footerMiddle p {
    margin: 8px auto 0;
    font-size: 9px;
    color: #999;
    text-align:center;
}
#footer .footerBottom  {
    text-align: left;
    padding: 10px 0;
    margin: 0 20px;
}
#footer .footerBottom p {
    margin: 8px auto 0;
    font-size: 8px;
    color: #555;
    text-transform:uppercase; 
    letter-spacing:0px;
    text-align:center;
}
#footer .footerBottom p a{
    
    color: #555;
   
}
#footer .snsArea {
    text-align: left;
    margin: 20px 20px 0px;
    line-height: 32px;
    font-size: 11px;
    text-align:center;
}
#footer .snsArea a i { background:#292929;font-size:13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color:#eee;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
#footer .snsArea a img { background:#f5f5f5;font-size:13px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    color:#333;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}


/* °íÁ¤¹öÆ° */
#fix_bottom{display:none; position:fixed; right:10px; bottom:60px; z-index:9999;}
#fix_bottom a{display:block; margin-top:5px; opacity:0.6;}
#fix_bottom a img{max-width:32px;}

/* ž¹öÆ° */
#esoupdown {position:fixed; bottom:55px; right:12px; display:none; z-index:999}
#esoupdown .kakaoup, #esoupdown .up {margin-bottom:10px;}

#esoupdown .up,#esoupdown .down { width:35px; line-height:35px;font-size:13px;background:#333;text-align:center;color:#fff; display:block;  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#esoupdown .kakaoup:hover, #esoupdown .down:hover,#esoupdown .up:hover {
    background: #555;
    color: #fff
}
#esoupdown .kakaoup {width:40px; line-height:40px;font-size:25px;background:#FFDC00;text-align:center;color:#222; display:block;  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

/* BASIC css end */