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


/* //하단 고정 메뉴 */
@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:20px 0; 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:#333;}
#footer .cs_info .phone img{ position:relative;top:-2px;width:22px; }
#footer .cs_info strong { padding-right:10px;color:#333; }
#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:#333;text-align:center;}
#footer .cs_info .btn a.tel { float:left; color:#fff;margin:0 2% 0 0; background:#333; border:1px solid #333; }


#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:#333333;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:#222;text-align:center;line-height:20px;color:#fff;font-size:11px;}


/* 퀵메뉴 */

#mobileBtnQuickLink {position:fixed;left:10px;bottom:10px;overflow: hidden; width:38px;height:38px;text-align:center; background:rgba(0,0,0,0.7); border-radius:38px;line-height:38px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;z-index:2002;}
#mobileBtnQuickLink.selected {transform: rotate(225deg);-ms-transform: rotate(225deg);-webkit-transform: rotate(225deg);}
#mobileQuickLink { z-index:300; display: none;position:fixed;left:50%;top:50%; padding:10px  ;  width:70%;height:210px;margin: -101px 0 0 -35%; background:#f5f5f5; border-radius:5px; }
#mobileQuickLink ul {fone_size:0;}
#mobileQuickLink li { float:left; border-radius:5px;margin:1%; width:23%; background-color:#fff;padding:10px 0; color:#333; font-size:10px;  text-align:center; border:1px solid #eee; -webkit-box-sizing:border-box;box-sizing:border-box; }
#mobileQuickLink a { display:block;  }
#mobileBtnQuickLink i { color:#fff; font-size:20px;line-height:38px; transition:all 0.2s ease;}
#mobileOverlay.overlay{top:0;left:0;position:absolute;background-color:#000;filter:alpha(opacity = 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;width:100%;height:100%;min-height:100%;z-index:201;}
#mobileOverlay.overlay-fixed {position:fixed;top:0;left:0;width:100%;height:100%;min-height:100%;background-color:#000;filter:alpha(opacity = 30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;z-index:201;}


/* 카카오문의 */

.kakaoqna {position:fixed;left:10px;bottom:55px;}
.k1 { margin-bottom:5px; }
.k2 { margin-top:5px; }
/* BASIC css end */