/* BASIC css start */
#footer {border-top:2px solid #fffff; clear:both; margin-top:36px;}
#footer .footerInfo {display: block;}
#footer .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3;}
출처: https://webdir.tistory.com/31 [WEBDIR]}
#footer .footerInfo .footerInfoTop .footerInfoTopLeft {display: table; text-align: center; float: right;} 
#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:3px; text-weidth: bolder;}
#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 {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 {background-color:#fff; text-align:center; padding:0px 0; color: #666; border-top: 3px solid #333; border-bottom: 1px solid #DDD;}
#footer .footerMiddle a {width:100%; display:inline-block; border-left:1px solid #b3b3b3; margin-left: -1px;}
#footer .footerlogo {position: relative; overflow: hidden;zoom: 1; padding: 16px 0;}
#footer .footerlogo p {width: 25%; float: left; text-align: center;}

#footer .footer_sp_order {
    padding: 10px 0; text-align: center; background-color: #DEEB08; 
    border-top: 0px solid #333; border-bottom: 0px solid #555;}
#footer .footer_sp_order a {
    text-weight: bolder; font-size: 1rem; font-weight: 600; color: #222; 
    vertical-align: middle;}  /* 변경전(2021.06.25) font-size: 1.4em; */
#footer .footer_sp_order. span.blinky {text-decoration: blink}

#footer address {text-align: center; padding:20px 10px; color:#898989; background-color: #F5F5F5; border-top: 1px solid #DDD; line-height: 20px;}
#footer address .agreeButton {margin:7px 5px;}
#footer address .agreeButton a {color:#fff; background-color:#5b5b5b; padding:2px 5px; margin:7px 5px;}

/* ----------------------------------------*/
/* 특별 주문 신청 */
.footer_sp-oredr_btn_Black {
    display: inline-block; width: 100%; border: 1px solid #000; margin-bottom: 10px;
    background: #000; color: white; font-size: 13px; line-height: 40px; 
    text-align: center; box-sizing: border-box;
}
.btn_blackgray {color:#fff; font-size: 16px; padding: 20px 30px; margin : 10px; text-align: center;
                border:1px solid #c3c3c3; background-color: #111; display: block }   /*  background-image: none; text-align: center; width: 30%; */
.btn_blackgray:hover { border:2px solid #DEEB08; /* background-color: #c3c3c3; color:black */}

.btn_whitegray {color:#111; font-size: 16px; padding: 20px 30px; margin : 10px; text-align: center;
                border:1px solid #c3c3c3; background-color: white; display: block }   /*  background-image: none; text-align: center; width: 30%; */
.btn_whitegray:hover { border:1px solid #111; }


#footer .btn_special_order { width: 97%; height: 60px; 
                             margin: 20px auto 0; 
                             background-color: #323232; border-radius: 7px;
                             border: 5px solid #e7e7e7; }
#footer .btn_special_order:hover { background-color: #DEEB08; border: 5px solid #F5F9BA; }   
.speccal_text { display: block; color: #fff; 
                font-size: 17px; text-align: center; padding: 17px 0 0;
               }
.speccal_text:hover { color: #222;  font-size: 18px; font-weight: 700; }  


/* 회사 소개 안내 */
#about_company {color: 333333; background-color: #F5F5F5" padding: 5px 5px; text-align: center;  font-weight: bold;}
#about_company a {color: 333333; background-color: #F5F5F5" padding: 5px 5px; text-align: center;  font-weight: bold;}


/* 하단 고정 버튼 */
.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;}
.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;}
}


.sp-order_wrap {
    width: 97%; margin: 0 auto 5px auto;
}
.sp-order_wrap a {
    text-align: center; margin: 0 auto 5px auto; width: 97%;
}


.btn_black_long {
    width: 95% ; text-align: center; margin: auto; }

/* ----------------------------------------*/
/*  하단 인스타 패북 버튼    fixed */
#instagram-facebook_bu { position:absolute; right: 0; bottom: 40px; text-align: right; }


/* --------------------------------------------------------- */
/*bootstap 버튼 소스 */
.btn3 {
            display: inline-block;
            font-weight: 400;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: 0.25rem;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
.btn3:hover, .btn3:focus {
            text-decoration: none;
        }

.btn3:focus, .btn3.focus {
            outline: 0;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

.btn3.disabled, .btn3:disabled {
            opacity: 0.65;
        }

.btn3:not(:disabled):not(.disabled) {
            cursor: pointer;
        }

.btn3:not(:disabled):not(.disabled):active, .btn3:not(:disabled):not(.disabled).active {
            background-image: none;
        }  

/* -------- */
.btn-dark3 {
  width: 95%;
  margin: auto;
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark3:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark3:focus, .btn-dark2.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark3.disabled, .btn-dark3:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark3:not(:disabled):not(.disabled):active, .btn-dark2:not(:disabled):not(.disabled).active,
.show > .btn-dark3.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark3:not(:disabled):not(.disabled):active:focus, .btn-dark3:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark3.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* BASIC css end */