/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#footer {   padding:0;  background:#fff; border-top:1px solid #ddd; }

.footer_bottom_btn {
    font-size: 0;
  border-bottom:1px solid #ddd;
}


.footer_bottom_btn a {
    display: inline-block;
    text-align: center;
    width: 50%;
    font-size: 13px;
    color: #111;
    font-weight: 700;
    padding: 15px 0 13px;
    background: #fff;
    position: relative;
    box-sizing:border-box;
}


.footer_bottom_btn a:first-of-type { border-right:1px solid #ddd; }

.footer_bottom_btn a img {width: 9px;vertical-align:middle;margin-top: -2px;margin-left: 4px;}

/* 스크랩 */
 
.sns {}
.sns li { display:inline-block; position:relative; margin:12px 5px;}
.sns li a{ display:block;width:25px;height:25px;line-height:27px;  font-size:20px; color:#999;text-align:center;transition:all .8s ease;-webkit-transition:all .8s ease;}
.sns li:hover a{ transition:all .3s ease;-webkit-transition:all .3s ease;transform:rotate(30deg);-webkit-transform:rotate(30deg);}
.sns li a i {line-height:0px;filter:alpha(opacity=100);opacity:1;-webkit-opacity:1;}


.sns .Facebook:hover a  {display:block;width:25px;height:25px; }
.sns .Twitter:hover a  {display:block;width:25px;height:25px;  background:#28b5f2 ;border-radius:100%;}
.sns .Instagram:hover a  {display:block;width:25px;height:25px;  background:#bca292 ;border-radius:100%;}
.sns .Blog:hover a  {display:block;width:25px;height:25px;  background:#44cb44 ;border-radius:100%;}
.sns .Kakao:hover a  {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;color: #111;}
#footer .-fbox {display:block;clear:both;padding:20px 0; border-bottom:0px solid #ddd;}
#footer h4 {margin: 0px 0 15px;font-size:13px;color: #111;font-weight:700;}
#footer .line{width:15px;height:0;margin:0 0 20px !important;border-bottom:1px solid #ccc;}
#footer p {}
#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_box { padding:0 15px; }
#footer .cs_box>div {padding: 23px 18px;box-sizing: border-box;}
#footer .cs_box:after {content: ""; display: block; clear: both;}

#footer .cs_info{float:left;width: 50%;}
#footer .cs_info .phone {margin: 0px 0 10px;font-size:22px;font-weight:700;color:#000;}
#footer .cs_info .phone a {margin:0 0 15px;font-size: 18px;font-weight: 500;color: #111;}
#footer .cs_info .phone img{ position:relative;top:-2px;width:22px; }
#footer .cs_info strong { padding-right:10px;color:#000;  }

#footer .cs_info ul span {min-height:0;line-height:20px;}
#footer .cs_info li {font-size:12px;color: #111;font-weight: 400;}
#footer .cs_info .btn { width:100%; margin:20px 0 0; }
#footer .cs_info .btn a.tel { display:block; width:80%; color:#fff; padding:5px ; background:#000; border:1px solid #333; margin-bottom:5px;}
#footer .cs_info .btn p a { display:block; width:80%; padding:5px ;  background:#fff;  border:1px solid #ddd;font-size:13px;letter-spacing:0; color:#333;text-align:center;}

#footer .cs_bank {float:right;width: 50%;}
#footer .cs_bank  .phone {margin: 0;font-size:14px;font-weight:700;color:#000;}
#footer .cs_bank li {display:block; min-height:0; letter-spacing:0; font-size:12px;}
#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:#000}
#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 { padding-top:50px; font-size:12px;}
#footer .cs_addr span { padding:0 3px; }
#footer .cs_addr a { color:#000;text-decoration:none; font-size:12px;}
#footer .copyright{display:block;clear:both;padding:8px 0 5px;background:#222;text-align:center;line-height:20px;color:#fff;font-size:11px;}


#footer .footerMiddle {  padding:12px 0;}
#footer .footerMiddle a { display:inline-block; padding:0 3px;  font-size:12px; color:#000; }
.footer_box {
    text-align: center;
    padding: 35px 15px 40px;
    background: #f7f7f7;
}

.footer_box>h2 { margin-bottom:20px }

.footer_box>h2 img {
    width: 95px;
}

.ft-info .footer_cont {
    font-size: 12px;
    color: #7e7e7e;
    font-weight: 400;
}

.ft-info .footer_cont a {
}

.footer_box p.footer_cont>span {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.footer_box p.footer_cont>span:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #bbb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* 퀵메뉴 */

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


.agree_div {
    margin-top: 25px;
}
.agree_div a {color: #000;font-size: 12px;position:relative;margin-right: 5px;padding-right: 10px;margin-bottom:5px;display: inline-block;}
.agree_div a:last-of-type {/* color:#707070; */}

.agree_div a:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #bbb;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.agree_div a:last-of-type:after { display:none; }


.side_bottom {position: fixed;bottom: 80px;right: 15px;z-index: 10;cursor: pointer;display:none;}
.side_bottom a {display:block;margin-top:10px;width: 40px;}
.side_bottom a img { width:100%; }
/* BASIC css end */