/* BASIC css start */
#footer {border-top:0px solid #3c3c3c; clear:both; margin-top:40px; text-align:center; }
#footer .footerInfo { display: block; padding:0 10px; }
#footer .footerInfo h2 a{ font-size:16px;letter-spacing:2px; font-weight:800; color:#000; margin-bottom:10px;  }
#footer .footerInfo h2 a:after{ content:"";display:block;clear:both; height:1px; width:20px; margin:10px auto; background:#000 ; text-align:center; }

#footer .footerInfo .footerInfoTop { padding:0px 0 10px 0;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft { font-size: 10px; }
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt { margin-bottom:6px; font-size: 1.0em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#000; font-size:1.500em; margin-bottom:6px;  font-weight:600;}

#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #eee; padding:10px 0 10px 0; }



#footer .footerMiddle {background-color:#ebebeb; text-align:center; padding:12px 0;}
#footer .footerMiddle a { width:33.3%; display:inline-block; border-left:1px solid #b3b3b3; margin-left: -1px;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 10px 0 0 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}
#footer address { padding:12px 10px; color:#606060; font-size: 10px;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
#footer address .copy {margin-top:10px;font-size:10px; }


@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}


/* ½ΊΕ©·¦ */
 
.tt_copy_sns {   border:0px solid #fff; margin:0 auto; text-align:center;  }
.tt_copy_sns li { position:relative;display:inline-block; margin:3px 4px;}
.tt_copy_sns li a{ display:block;width:25px; height:25px; line-height:25px; border-radius:100%; background:#000;font-size:14px; color:#fff;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}
.tt_copy_sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.tt_copy_sns li a i{ height:25px; line-height:25px; filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}


.tt_copy_sns .Facebook:hover a  {display:block;width:25px;height:25px;  background:#5c84d7 ;border-radius:100%;}
.tt_copy_sns .Twitter:hover a  {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.tt_copy_sns .Instagram:hover a  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.tt_copy_sns .Blog:hover a  {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.tt_copy_sns .Kakao:hover a  {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}

 
/* BASIC css end */