/* 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:#010101;}


.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:#010101 }
#f_board ul li a span{display:block;font-size:11px;margin-top:4px;color:#010101 }


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


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


/* //하단 고정 메뉴 */
@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;}
}


#footer .cs_inner {display:block;padding:0 20px; color:#999 }
#footer .-fbox {display:block;clear:both;padding:0px 0 20px; border-bottom:1px solid #ddd;}
#footer h4 { margin:0 0 15px;font-size:14px; color:#666;font-weight:700;}
#footer .line{width:15px;height:0;margin:0 0 20px !important;border-bottom:1px solid #ccc;}
#footer p { color:#999; }
#footer p:after{content:"";display:block;clear:both;*zoom:1;}
#footer p strong{display:inline-block;width:20%;font-weight:500;color:#111;}
#footer i{position:relative;top:1px;}

#footer .cs_info{ }
#footer .cs_info .phone { margin:0 0 15px;font-size:22px;font-weight:700; color:#010101;}
#footer .cs_info .phone img{ position:relative;top:-2px;width:22px; }
#footer .cs_info strong { padding-right:10px;color:#010101; }
#footer .cs_info ul span {min-height:0;line-height:20px; padding-left:10px;}
#footer .cs_info .btn{width:100%;height:35px;margin:20px 0 0;}
#footer .cs_info .btn a {float:right;width:48%;height:35px;line-height:37px;background:#fff;border:1px solid #ddd;font-size:13px;letter-spacing:0; color:#010101;text-align:center;}
#footer .cs_info .btn a.tel { float:left; color:#fff;margin:0 2% 0 0; background:#AF937D; border:1px solid #AF937D; }


#footer .cs_bank{}
#footer .cs_bank li {display:block; min-height:0; letter-spacing:0.1em;}
#footer .cs_bank li span { min-height:0;font-weight:normal; }
#footer .cs_bank li span:nth-child(1) { width:90px;}
#footer .cs_bank li span:nth-child(2) { padding-left:10px;}


#footer .cs_delivery { color:#999   }
#footer .cs_delivery h4{margin:0 0 7px;}
.btn_delvery {display:inline-block;line-height:20px;padding:2px 10px 0;background:#fff; -webkit-border-radius:4;-moz-border-radius:4;border-radius:4px;border: solid #eee 1px;color:#010101010101;font-size:11px;text-decoration: none; }


#footer .cs_addr{}
#footer .cs_addr a {color:#666;text-decoration:none;}
#footer .cs_addr strong {width:40%;color:#999    }
#footer .cs_addr span{display:block;float:right;width:60%;}
#footer .copyright{display:block;clear:both;padding:8px 0 5px;background:#AF937D;text-align:center;line-height:20px;color:#fff;font-size:11px;}


/* BASIC css end */