/* BASIC css start */
#footer {border-top:0px solid #3c3c3c; clear:both; margin-top:40px; text-align:center; }


#footer .sns{  text-align:center;padding:15px 0;  }
#footer .sns li {position:relative; display:inline-block;*display:inline;*zoom:1; height:30px;margin:3px 2px; text-align:center;}
#footer .sns li a{ display:block;width:25px;height:25px; border-radius:100%; background:rgba(102,102,102,0.3); font-size:14px; color:#fff;text-align:center; transition:all .8s ease;-webkit-transition:all .8s ease;}
#footer .sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
#footer .sns li a i{line-height:25px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}

#footer .sns a .Facebook {display:block;width:25px;height:25px;  background:#999999 ;border-radius:100%;}
#footer .sns a .Twitter {display:block;width:25px;height:25px;  background:#999999 ;border-radius:100%;}
#footer .sns a .Instagram  {display:block;width:25px;height:25px;  background:#999999 ;border-radius:100%;}
#footer .sns a .Blog {display:block;width:25px;height:25px;  background:#999999 ;border-radius:100%;}
#footer .sns a .Kakao {display:block;width:25px;height:25px;  background:#999999 ;border-radius:100%;}



#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 img { height:30px;  }

#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;}
}


.flag {}
.flag img {/*filter: grayscale(1);*/ margin:0 3px; width: 23px; vertical-align: middle; border: 1px solid #000;}
/* BASIC css end */