/* BASIC css start */
#footer .insta_box {font-size:0;line-height:0;padding:10px 10px 10px ;background:#f7f7f7; border-top:1px solid #ddd;}
#footer .insta_box .insta {margin:0 0 2px 0; }
#footer .insta_box .insta img {  width:100px;}
#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 .sns{padding:15px 0;color:#222;text-align:center;background:#fff;}
#footer .sns:after{content:"";display:block;clear:both;}
#footer .sns ul{font-size:0;}
#footer .sns ul li{display:inline-block;*display:inline;*zoom:1;margin:0 8px;}
#footer .sns ul li a{display:block;}
#footer .sns ul li img{height:25px;}

.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 #e3e3e3 }
#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; color:#777; }
#f_board ul li a i{display:block;font-size:21px;color:#777; }
#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% }

ul.f-cols3 > li{width:33.33%;    height: 88px; }
ul.fb-cols3 > li{margin:3% 0 0 3%;width:45.5% }


#csInfo {padding:3% 0 0 0;border-top:1px solid #e3e3e3 }
#csInfo h3{padding-bottom:3px;font-size:12px;color:#1b1b1b;letter-spacing:1px }
#csInfo > ul{}
#csInfo > ul > li{vertical-align:top;font-size:11px;box-sizing:border-box;-webkit-box-shadow:inset -1px 0px #e7e7e7;-moz-box-shadow:inset -1px 0px #e7e7e7;-o-box-shadow:inset -1px 0px #e7e7e7;-ms-box-shadow:inset -1px 0px #e7e7e7;box-shadow:inset -1px 0px #e7e7e7 }
#csInfo > ul > li:last-child{ box-shadow:none; }
#csInfo ul.cs li {width:100%;font-size:10px;color:#1b1b1b;line-height:150% }
#csInfo ul.cs li.tel{padding-bottom:2px;font-size:14px;font-weight:bold;color:#474747;letter-spacing:1px }

#csInfo ul.bank{}
#csInfo .fbr { display:block; }
 
#fb2{}
#fb2 ul{margin-bottom:3% }
#fb2 ul li { border-top:1px solid #dfdfdf;border-left:1px solid #dadada;border-right:1px solid #d9d9d9;border-bottom:1px solid #d4d4d4;border-radius:2px;font-size:12px;font-weight:bold;  color:#fff;  box-sizing:border-box;letter-spacing:2px; background-color:#777;  }
#fb2 ul li i{font-size:13px;margin-right:2px; color:#fff; }
#fb2 ul li a{padding:8px 0 ;  color:#fff;  }
 

#footer {border-top:2px solid #fff; clear:both; margin-top:36px;}
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {margin-bottom:6px; font-size: 1.3em;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
#footer .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
#footer .footerMiddle { border-top:1px solid #e3e3e3 ; border-bottom:1px solid #e3e3e3 ; background-color:#FFF; text-align:center; padding:12px 0;}
#footer .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #e3e3e3 ; 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; text-align:center;}
#footer address .agreeButton {margin:5px 0;}
#footer address .agreeButton a {color:#fff; background-color:#b3b3b3; padding:2px 5px;}
/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0; display:none; }
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //하단 고정 메뉴 */
@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;}
}

.KAKAObtn { position: fixed;    z-index: 99;    left: 2px;    bottom: 58px;    width: 46px;    height: 46px; }
.KAKAObtn img { width:100%; }


#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:30%;color:#999    }
#footer .cs_addr span{display:block;float:right;width:70%;}
#footer .copyright{display:block;clear:both;padding:8px 0 5px;background:#222;text-align:center;line-height:20px;color:#fff;font-size:11px;}


    .insta img{width:19%; margin-right: 0.3px;}
    
    
 #gallery {display:flex;
           flex-wrap:wrap;
           justify-content:space-evenly;
           height:370px;
           overflow:hidden;
      
     }
     
#gallery li{ width:33%;height:120px; padding:3px; overflow:hidden;}

#gallery li a{

display:block;
width:100%;


}
#gallery li a img{width:100%;}


.bottom_menu{ width:100%; height: 55px; background:#fdfdfd; position:fixed; left:0; bottom:0; z-index:19;}
.bottom_menu ul li{width:25%; padding-top:2%;padding-top:2%}
.bottom_menu ul{display:flex;}
.bottom_menu a{text-align:center; font-weight:600;}
.bottom_menu i{font-size:25px; display:block;}
/* BASIC css end */