/* BASIC css start */
/* 스크랩 */
 
#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:#5c84d7 ;border-radius:100%;}
#footer .sns a .Twitter {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
#footer .sns a .Instagram  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
#footer .sns a .Blog {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
#footer .sns a .Kakao {display:block;width:25px;height:25px;  background:#f9b932 ;border-radius:100%;}





#footer .insta_box {  padding:10px 10px 10px ;background:#f9f9f9; border-top:1px solid #;}
#footer .insta_box .insta {margin:0 0 2px 0; }
#footer .insta_box .insta:after{content:"";display:block;clear:both;}

#footer .insta_box .insta_img { border:1px solid #eee;padding:4px 4px 3px;background:#fff;}
#footer .insta_box .insta i,.insta a  {  display: inline-block; line-height: 20px; font-size:12px; vertical-align: middle;  padding: 0 3px; font-weight:normal; color:#333;}


.w100{width:100% }
.w100 > ul,ul.w100 { display:table;margin:0 auto;width:100%;vertical-align:middle;font-size:0 }
.w100 > ul > li,ul.w100 > li { display:inline-block;margin:0;text-align:center;vertical-align:middle }
.w100 > ul > li a,ul.w100 > li a{display:inline-block;width:100%;text-align:center;vertical-align:middle }
 
ul.f-center {text-align:center;margin-left:-1.5% }
ul.f-cols4 > li{margin:3% 0 0 3%;width:21.25% }
#f_board {padding-bottom:3%; border-top:1px solid #fff }
#f_board ul{}
#f_board ul li{border:1px solid #e3e3e3;min-width:65px;max-width:110px;height:75px;border-radius:3px;box-sizing:border-box }
#f_board ul li a{padding:19px 0 }
#f_board ul li a i{display:block;font-size:21px;color:#333 }
#f_board ul li a span{display:block;font-size:11px;margin-top:4px;color:#474747 }


ul.f-cols2 > li{width:50% }
ul.fb-cols2 > li{margin:3% 0 0 3%;width:45.5% }


/* 모바일앱버튼 */
.app { margin:0px auto 10px; display:block;padding:10px;background:#666; border-radius:5px; letter-spacing:0.5px; text-align:center; width:90% }
.app a { display:block; color:#fff ; font-size:14px;}






#footer {border-top: 1px solid #ccc;clear:both;margin: 40px 0 0; padding: 0 0 30px;}
#footer .footerInfo { width:90%; position:relative;overflow:hidden;zoom:1;border-bottom:1px solid #ddd;font-size: 11px;line-height: 16px; margin:0 auto; }
#footer .footerInfo .footerInfoTop { padding: 30px 0 0; margin:0 auto; }
#footer .footerInfo .footerInfoTop dl { float:left; }
#footer .footerInfo .footerInfoTop dl dt {margin-bottom:15px;font-size: 1.2em;}
#footer .footerInfo .footerInfoTop dl dd {margin-top:3px; font-size:13px; }
#footer .footerInfo .footerInfoTop .tel {color: #111;font-size: 18px; font-weight:bold; display:block; margin-bottom:10px; }

#footer .footerInfo .footerInfoBottom { padding: 35px 0 25px; margin:0 auto;}
#footer .footerInfo .footerInfoBottom dl {float:left;}
#footer .footerInfo .footerInfoBottom dl dt {margin-bottom:10px;font-size: 1.2em;}
#footer .footerInfo .footerInfoBottom dl dd {margin-top:3px; font-size:13px; }
#footer .footerInfo .footerInfoBtn {width:70px; height:70px; border-radius:50px; background-color:#eee; display: table; text-align:center; float:right; margin:20px 0 0;}
#footer .footerInfo .footerInfoBtn a { color:#2e2e2e; display: table-cell; vertical-align: middle;font-size:28px;}

#footer address { color: #111; text-align:left; margin: 20px auto 0; width: 90%; line-height:21px; }
#footer .footerMiddle {text-align:center;padding: 20px 0 0;}
#footer .footerMiddle a {width: 20%;display:inline-block;border-left:1px solid #ddd;margin-left: -1px;}
#footer .footerMiddle a.fmLast {width: 40%;}
#footer .footerMiddle p { text-align:left; width:90%; margin:5px auto 0;}
/* BASIC css end */